@charset "utf-8";
body{font:14px/1.5 Arial, sans-serif; overflow-X: hidden; color: #333333; position: relative;}
.top{height: 50px; line-height: 50px; border-bottom: 1px solid #eeeeee; text-align: center; font-size: 16px;}
.header{
	width: 100%;
	height: 180px;
	font-family: Arial, sans-serif;
}
.logo{width: 315px; height: 111px; margin: 0 auto; padding-top: 30px;}
.nav{width: 1400px; margin: 25px auto 0; height: 44px; line-height: 30px;}
.nav-list{float: left; height: 44px;}
.nav-list li{float: left; position: relative; height: 44px;}
.nav-list li a{font-size: 18px; color: #3d3d3d; margin: 0 30px;}
.nav-list li:hover>a{color: #f08200;}
.dropdown-list{width: 350px; height: auto; overflow: hidden; padding: 20px 0; background-color: rgba(255,255,255,0.9); position: absolute; left: 0px; top: 44px; z-index: 10; visibility: hidden; transition: all 0.5s; opacity: 0;}
.dropdown-list li{white-space: nowrap; float: none;}
.nav-list > li:hover .dropdown-list{visibility: visible; opacity: 1;}
.nav-right{float: right;}
.search{float: left; width: 190px; height: 30px; margin-right: 15px; border: 1px solid #333333; border-radius: 10px;}
.search input[type="text"]{width: 155px; height: 28px; line-height: 28px; padding-left: 15px; border: none; border-radius: 10px; float: left; font-size: 12px;}
.search input[type="button"]{width: 33px; height: 28px; background: url(../images/search_btn.jpg) center center no-repeat; float: left; border: none; border-radius: 10px; font-size: 0; text-indent: -999em; cursor: pointer;}
.nav-right h1{float: right; font-size: 16px;}

/*轮播*/
.flexslider{position: relative; height: 640px; overflow: hidden;}
.slides{position: relative; z-index: 1;}
.slides li{height: 800px;}
.slides li a{width: 100%; height: 100%; display: block;}
.flex-control-nav{position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li{display: inline-block; height: 15px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a{display: inline-block; width: 15px; height: 100%; line-height: 40px; overflow: hidden; background-color: #ffffff; cursor: pointer; border-radius: 10px; transition: width 0.5s,height 0.5s,background 0.5s,color 0.5s; -moz-transition: width 0.5s,height 0.5s,background 0.5s,color 0.5s; webkit-transition: width 0.5s,height 0.5s,background 0.5s,color 0.5s; -o-transition: width 0.5s,height 0.5s,background 0.5s,color 0.5s;}
.flex-control-nav .flex-active{width: 30px; background-color: #f08200;}
.flex-direction-nav{position: absolute; z-index: 3; width: 100%; top: 45%; display: none;}
.flex-direction-nav li a{display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute;}
.flex-direction-nav li a.flex-prev{left: 40px;background: url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right: 40px;background: url(../images/next.png) center center no-repeat;}

.index-pro{width: 1050px;  overflow: hidden;}
.index-pro-list li{width: 242px; float: left; margin: 10px 10px 10px 10px;}
.index-pro-list li:nth-child(3n+1){margin-left: 0;}
.index-pro-list li p{font-size: 20px; height: 60px; line-height: 60px; position: relative;}
.index-pro-list li p a{color: #333333;}
.index-pro-list .index-pro-img{width: 242px; height: 242px; position: relative;}
.index-pro-img span{width: 242px; height: 242px; display: none; background-color: rgba(0,0,0,0.5); text-align: center; color: #ffffff; font-size: 20px; line-height: 242px; position: absolute; left: 0; top: 0; z-index: 10;}
.index-pro-list li:hover a{color: #F08200;}
.index-pro-list li:hover p:before{background-color: #F08200;}
.index-pro-list li:hover .index-pro-img span{display: block;}

.convert-pic{background-size: cover; background-position: center center; width: 100%; height: 100%; display: block; overflow: hidden;}
.convert-pic img{width: 100%; height: 100%;}

.footer{width: 100%; overflow: hidden;}
.footer-top{width: 100%; height: 140px; background-color: #86817b;}
.footer-top-wrap{width: 1400px; height: 140px; margin: 0 auto; padding: 25px 0;}
.send-mail{float: left;}
.send-mail p{font-size: 20px; color: #ffffff;}
.mail-input{overflow: hidden; height: 38px; margin-top: 10px;}
.mail-input input[type="text"]{width: 330px; height: 38px; line-height: 38px; background-color: #ffffff; border: none; border-radius: 6px; padding: 0 15px; float: left;}
.mail-input input[type="button"]{width: 120px; height: 38px; background-color: #3f3a36; text-align: center; line-height: 38px; border: none; border-radius: 19px; color: #ffffff; margin-left: 10px; float: left;}
.follow{float: right;}
.follow p{font-size: 20px; color: #ffffff;}
.follow-icon{height: 25px; overflow: hidden; margin-top: 10px;}
.follow-icon a{width: 25px; height: 25px; float: left; margin-left: 10px;}
.follow-icon a:first-child{margin-left: 0;}
.footer-pro-wrap{width: 100%; height: auto; overflow: hidden; background-color: #696057;}
.footer-pro-list{width: 1400px; height: auto; overflow: hidden; margin: 0 auto; padding: 40px 0;}
.footer-pro-list dl{float: left; width: 300px; margin-left: 30px;}
.footer-pro-list dl:first-child{width: 740px; margin-left: 0;}
.footer-pro-list dl dt{color: #ffffff; font-size: 18px; margin-bottom: 10px;}
.footer-pro-list dl dd{color: #dad3cb; float: left; width: 300px; line-height: 26px;}
.footer-pro-list dl dd a{color: #dad3cb;}
.footer-pro-list dl dd a:hover{color: #F08200;}
.footer-bot{
	width: 100%;
	height: 90px;
	text-align: left;
	background-color: #3f3a36;
	padding: 25px 0;
	font-family: Arial, sans-serif;
	color: #999999;
}
.footer-nav{display: inline-block; overflow: hidden; color: #ffffff;}
.footer-nav a{color: #ffffff; float: left; margin: 0 15px; position: relative;}
.footer-nav a:before{content: ""; width: 1px; height: 10px; background-color: #ffffff; position: absolute; left: -15px; top: 5px;}
.footer-nav a:first-child:before{display: none;}
.footer-nav a:hover{color: #F08200;}
.footer-cp{color: #ffffff; margin-top: 10px;}

.min-banner{position: relative; width: 100%; height: 250px; overflow: hidden;}
.min-banner img{position: absolute; width: 1920px; height: 250px; left: 50%; margin-left: -960px; top: 0;}

.container{width: 1400px; height: auto; min-height: 500px; overflow: hidden; margin: 0 auto 40px;}
.inside-left{width: 320px; float: left;}
.inside-left-title{
	width: 100%;
	height: 150px;
	background-color: #ff4777;
	line-height: 150px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	font-family: Arial, sans-serif;
}
.inside-left-list{overflow: hidden; width: 100%;}
.inside-left-list li{width: 100%; height: 65px; border-top: 1px solid #ffffff;font-size:14px;}
.inside-left-list li a{width: 100%; height: 100%; display: block; text-align: center; line-height: 64px; color: #333333; background-color: #fbe0e5;}
.inside-left-list li a:hover{background-color: #e4e4e4; color: #ff4777;}
.inside-right{width: 1040px; float: right; overflow: hidden;}
.inside-right-bread{width: 100%; border-bottom: 1px solid #dedede; height: 45px; line-height: 45px; color: #acacac;}
.inside-right-title{font-size: 24px; color: #343434; padding: 20px 0 40px; letter-spacing: 5px;}
.inside-about{line-height: 30px; font-size: 18px;}
.inside-about img{max-width: 1040px; height: auto;}

/*页码*/
.page{text-align: center; height: 30px; margin-top: 20px; font-size: 12px;}
.page span{padding: 0 10px; height: 28px; display: inline-block; line-height: 28px; border: #F0EEEF 1px solid; margin: 0 3px; color: #D3D3D3; background: #FFFFFF; zoom: 1;}
.page a{padding: 0 10px; height: 28px; display: inline-block; line-height: 28px; border: #F08200 1px solid; border-radius: 3px; margin: 0 3px; color: #FFFFFF; background: #F08200; zoom: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.page a:hover{background: #F08200; text-decoration: none; border-color: #F08200;}

.news-list li{height: 47px; line-height: 47px; border-bottom: 1px dashed #d8d8d8; padding: 0 10px; transition: all 0.3s;}
.news-list li a{width: 900px; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 27px; position: relative; color: #696969; font-size: 16px;}
.news-list li a:before{content: ""; width: 6px; height: 6px; background: #F08200; position: absolute; left: 5px; top: 50%; margin-top: -4px;}
.news-list li span{width: 110px; float: right; text-align: right;}
.news-list li a:hover{color: #6a3922; text-decoration: none;}
.news-list li:hover{background: #efefef;}
.news-title{font-size: 24px; text-align: center; margin-bottom: 10px;}
.news-info{font-size: 14px; text-align: center; color: #999999; margin-bottom: 15px;}
.news-show{font-size: 16px; line-height: 30px;}
.news-show-title{font-size: 20px; text-align: center; line-height: 30px;}
.news-show-info{font-size: 14px; color: #bbbbbb; text-align: center; margin: 10px 0 15px;}
.news-show-main{line-height: 30px; font-size: 16px; text-align: justify;}
.news-show-main img{max-width: 1040px; height: auto;}

.pro-list{width: 100%; height: auto; overflow: hidden;}
.pro-list li{width: 245px; float: left; margin-left: 20px; margin-bottom: 40px;}
.pro-list li:nth-child(4n+1){margin-left: 0;}
.pro-list li a{width: 245px; height: 245px; border: 1px solid transparent; display: table-cell; vertical-align: middle; text-align: center; position: relative; overflow: hidden;}
.pro-list li a img{vertical-align: middle;max-width: 245px; height: auto;}
.pro-list li:hover a{border-color: #F08200;}
.pro-list li p{padding: 15px 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro-list li:hover p{color: #F08200;}

.pro-show{width: 100%; overflow: hidden;}
.pro-show-info{width: 910px; float: left; margin-bottom: 50px; overflow: hidden;}
.pro-show-info p{line-height: 24px; font-size: 15px;}
.pro-show-pic{width: 500px; float: right; text-align: center; margin-bottom: 50px; overflow: hidden;}
.pro-show-pic img{max-width: 500px; height: auto;}
.pro-show-tips{width: 1040px; overflow: hidden;}
.pro-show-tips h1{font-size: 16px;}
.pro-show-tips p{margin-bottom: 10px;}
.other-pro{width: 100%; margin-top: 20px; overflow: hidden;}
.other-pro-title{font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.other-pro-list li{width: 201px; float: left; margin-left: 20px;}
.other-pro-list li:first-child{margin-left: 0;}
.other-pro-list li a{width: 200px; height: 200px; border: 1px solid transparent; display: table-cell; vertical-align: middle; text-align: center; position: relative; overflow: hidden;}
.other-pro-list li a img{vertical-align: middle;}
.pro-color{width: 100%; margin-top: 20px; overflow: hidden;}
.pro-color-title{font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.pro-color-list li{width: 30px; height: 30px; border: 1px solid #333333; float: left; margin-left: 10px;}
.pro-color-list li:first-child{margin-left: 0;}
.pro-color-list li span{width: 100%; height: 100%; color: #ffffff; display: block;}
.sccp-btn{letter-spacing: 0px; margin-left: 50px; font-size: 16px; padding-left: 20px; color: #333333; position: relative;}
.sccp-btn:before{content: ""; width: 16px; height: 16px; position: absolute; left: 0; top: 0; background: url("data:image/svg+xml,%3Csvg t='1543151273609' class='icon' style='width: 1.1416015625em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;' viewBox='0 0 1169 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2770'%3E%3Cpath d='M1066.669021 101.025244A351.53737 351.53737 0 0 0 584.675626 90.428324a351.53737 351.53737 0 0 0-481.992394 10.59692 344.227425 344.227425 0 0 0 0 490.031335L506.476211 991.194585a109.62718 109.62718 0 0 0 156.40083 0l403.79198-399.772009a344.227425 344.227425 0 0 0 0-490.397332z m-52.255609 438.50672L610.621432 939.669971a36.542727 36.542727 0 0 1-51.889612 0l-404.157976-400.137007a271.874966 271.874966 0 0 1 0-386.983105 277.355925 277.355925 0 0 1 380.405154-6.211954l49.697628 42.753681 49.331631-42.753681a277.355925 277.355925 0 0 1 380.405155 8.03894 271.874966 271.874966 0 0 1 0 385.155119z' p-id='2771' fill='%23cdcdcd'%3E%3C/path%3E%3Cpath d='M338.016471 182.879632a155.304838 155.304838 0 0 0-155.304838 155.304838 18.270863 18.270863 0 0 0 36.541727 0A118.762112 118.762112 0 0 1 338.017471 219.422359a18.270863 18.270863 0 0 0 0-36.542727z' p-id='2772' fill='%23cdcdcd'%3E%3C/path%3E%3C/svg%3E") center center no-repeat; background-size: 100%;}
.sccp-btn:hover{color: #F08200;}
.sccp-btn.sc_on{color: #F08200;}
.sccp-btn.sc_on:before{background-image: url("data:image/svg+xml,%3Csvg t='1543151562487' class='icon' style='width: 1.0009765625em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;' viewBox='0 0 1025 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4889'%3E%3Cpath d='M512 978.24256 109.824 548.864C33.024 466.24256-3.77344 381.88544 0.384 297.856c5.376-108.8 78.848-174.848 81.98144-177.60256 58.04544-49.536 120.192-74.496 185.088-74.496 111.616 0 201.15456 73.66656 244.48 117.69344 43.45344-44.16 132.608-117.69344 244.736-117.69344 64.90112 0 126.98112 24.96 184.64256 74.112 3.65056 3.13344 76.99456 69.18144 82.37056 177.98144 4.224 83.968-32.64 168.38656-109.37344 250.88L512 978.24256 512 978.24256z' p-id='4890' fill='%23F08200'%3E%3C/path%3E%3C/svg%3E");}

.login{width: 800px; overflow: hidden; padding: 50px; background-color: #f9f9f9; margin: 50px auto 0;}
.login-wrap{width: 400px; float: left;}
.login-wrap h1{font-size: 34px; margin-bottom: 20px;}
.login-wrap p{line-height: 30px; font-size: 15px;}
.login-wrap ul{margin-top: 20px;}
.login-wrap li{margin-bottom: 15px;}
.login-wrap li label{width: 120px; float: left; display: block; font-size: 15px;}
.login-wrap li input{width: 220px; height: 28px; line-height: 28px; border: none; padding: 0 10px;}
.login-btn input{width: 120px; height: 38px; background-color: #3f3a36; text-align: center; line-height: 38px; border: none; border-radius: 19px; color: #ffffff; margin-left: 120px;}
.reg-info{width: 300px; text-align: center; float: right; padding-top: 75px;}
.reg-info a{font-weight: bold; color: #F08200; line-height: 30px;}

.reg-wrap{width: 800px; overflow: hidden; padding: 50px; background-color: #f9f9f9; margin: 50px auto 0;}
.reg-wrap h1{font-size: 34px; margin-bottom: 20px;}
.reg-wrap ul{overflow: hidden;}
.reg-wrap li{width: 330px; float: left; margin-left: 40px; overflow: hidden; margin-bottom: 15px;}
.reg-wrap li:nth-child(2n+1){margin-left: 0;}
.reg-wrap li p{width: 155px; margin-left: 20px; float: left;}
.reg-wrap li p:first-child{margin-left: 0;}
.reg-wrap li p label{display: block;}
.reg-wrap li p input{width: 100%; height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #eeeeee; display: block;}
.reg-wrap li p textarea{width: 100%; height: 200px; line-height: 28px; padding: 10px; border: 1px solid #eeeeee; display: block;}
.reg-btn input{width: 120px; height: 38px; background-color: #3f3a36; text-align: center; line-height: 38px; border: none; border-radius: 19px; color: #ffffff;}

.inside-member{width: 400px; overflow: hidden; }
.inside-member h1{font-size: 34px; margin-bottom: 20px;}
.inside-member ul{overflow: hidden;}
.inside-member li{width: 330px; float: left; overflow: hidden; margin-bottom: 15px;}
.inside-member li:nth-child(2n+1){margin-left: 0;}
.inside-member li p{width: 155px; margin-left: 20px; float: left;}
.inside-member li p:first-child{margin-left: 0;}
.inside-member li p label{display: block;}
.inside-member li p input{width: 100%; height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #eeeeee; display: block;}
.inside-member li p textarea{width: 50%; height: 200px; line-height: 28px; padding: 10px; border: 1px solid #eeeeee; display: block;}
.inside-member-btn input{width: 120px; height: 38px; background-color: #3f3a36; text-align: center; line-height: 38px; border: none; border-radius: 19px; color: #ffffff;}