﻿.warp{width:1200px; margin:0 auto;}


/*----导航----*/
.header{width:100%; background:#fff;}
.header.fix{position:fixed; top:0; z-index:99; box-shadow: 0 2px 6px rgba(0, 0, 0, .1);}
.logo{float:left; margin-top:16px;}
.nav{float:right; margin-top:40px; position:relative;}
.nav li{float:left; line-height:36px; font-size:20px; position:relative;}
.nav li a{padding:0 16px 4px; display:block;font-size:18px;font-weight:bold}
.nav li a:hover{color:#1880ff;}
.nav li.on a{border-bottom:5px #1880ff solid;}
.nav li ul{position:absolute; left:0; top:45px; z-index:10; background:#fff; text-align:center; width:100%; display:none; padding-top:20px;}
.nav li ul li{width:100%; overflow:hidden;}
.nav li ul a{padding:0 0 25px;}
.nav li.on ul a{border:0 none;}
.nav .navico{display:none;}


/*----导航 end----*/
/*----首页banner----*/
.banner{ width:100%; overflow:hidden;}
.banner img{width:100%;}
.banner span{display:block;}
.banner em{display:none}


/*----首页banner end----*/
.crbg{background:#f1f1f1; width:100%; overflow:hidden;}
.pad40{padding:40px 0;}
.title{width:100%; overflow:hidden; text-align:center;}
.title h2{font-size:24px; width:100%; overflow:hidden;}
.title h3{display:inline-block; margin:10px auto; line-height:20px; color:#a0a0a0;}
.title h3 em{height:10px; line-height:0; border-bottom:1px #c9c9c9 solid; width:80px; display:inline-block; float:left;}
.title h3 span{float:left; padding:0 20px;}
.ind_about{width:94%; overflow:hidden; color:#707070; line-height:24px; margin:20px auto 0;}
.ind_about p{padding:5px 0 0 30px;}
.ind_about_info{width:100%; overflow:hidden; margin-top:20px;}
.ind_about_info li{float:left; width:19%; margin:20px 3% 0; display:inline-block; text-align:center;}
.ind_about_info li h2{font-size:16px; line-height:30px; padding:10px 0;}
.ind_about_info li p{line-height:18px; color:#707070;}
.probg{width:100%; overflow:hidden; background:url(../images/probg.jpg) no-repeat #d7d7d7 center top;}
.ind_product{width:100%; overflow:hidden;}
.ind_product ul{margin-left:-32px;}
.ind_product li{float:left; text-align:center; width:25%; padding-left:32px; box-sizing:border-box; margin-top:20px;}
.ind_product li img{width:100%;}
.ind_product li em{ overflow:hidden; border:1px #e4e4e4 solid; display:block;}
.ind_product li span{width:100%; overflow:hidden; color:#707070; font-size:14px; margin-top:15px; display:block;}
.ind_pormore{width:100%; overflow:hidden; text-align:center; margin-top:36px;}
.ind_pormore a{width:265px; height:56px; line-height:56px; text-align:center; margin:0 auto; display:inline-block; background:#fff; color:#1880ff; font-size:16px; border-radius:56px;}
.ind_contact_info{width:100%; overflow:hidden; margin-top:30px;}
.ind_contact_info dl{width:27.33%; float:left; margin:0 3%;}
.ind_contact_info dt{float:left;}
.ind_contact_info dd{padding-left:62px;}
.ind_contact_info dd h2{font-size:14px; line-height:24px;}
.ind_contact_info dd p{line-height:18px; color:#707070;}
.ind_contact_txt{text-align:center; color:#707070; line-height:28px; padding:20px 0;}
.ind_contact_txt h2{font-size:16px; color:#333;}
.footer{background:#0e0f21; text-align:center; width:100%; overflow:hidden; padding:45px 0;}
.foot_link{color:#fff; font-size:14px;  line-height:28px;}
.foot_link a{padding:0 10px; color:#fff; display:inline-block;}
.foot_copy{color:#707070; margin-top:20px;}
.foot_beian{color:#707070; margin-top:8px;}
.foot_beian a{color:#707070;padding-right:10px;}

.new_cont{width:100%; overflow:hidden; margin-top:20px;}
.new_slideBox{ position:relative; width:485px; padding:0 0 0 40px; float:left;}
.new_slideBox .prev,.new_slideBox .next{ position:absolute; left:0; top:50%; display:block; width:30px; margin-top:-24px; cursor:pointer;}
.new_slideBox .next{ left:auto; right:-40px;}
.new_slideBox .bd{ position:relative; z-index:0; }
.new_slideBox .bd li{ position:relative; }
.new_slideBox .bd li img{ width:100%; display:block;}

.ind_news{width:673px; background:#fff; float:right; border:1px #eaeaea solid; min-height:329px;}
.ind_news_tit{width:82%; margin:24px 0 0 13%; border-bottom:1px #e5e5e5 solid; overflow:hidden;}
.ind_news_tit ul{float:left;}
.ind_news_tit li{float:left; font-size:14px;}
.ind_news_tit li a{padding:0 26px; display:block; line-height:35px;}
.ind_news_tit li.active a{background:#1880ff; color:#fff;}
.ind_news_more{float:right; margin-top:10px;}
.ind_news_info{width:82%; margin:0 0 0 13%; overflow:hidden;}
.ind_news_info li{width:100%; overflow:hidden; border-bottom:1px #e5e5e5 dashed; padding:15px 0 10px;}
.ind_news_info li h2{width:100%; overflow:hidden; padding-bottom:5px; font-size:14px;}
.ind_news_info li h2 a{float:left;}
.ind_news_info li h2 em{float:right; color:#acacac;}
.ind_news_info li p{line-height:18px; height:36px; overflow:hidden; color:#707070;}
.product_title{width:100%; overflow:hidden; text-align:center; margin:25px 0;}
.product_title a{padding:0 38px; line-height:32px; display:inline-block; font-size:14px; color:#666; margin:0 6px;border:1px #fff solid; border-radius:32px;}
.product_title a:hover, .product_title a.active{border:1px #dadada solid; color:#1880ff; height:30px; line-height:30px;}
.page{width:100%; overflow:hidden; margin-top:40px; text-align:center;}
.page a{width:36px; height:36px; line-height:36px; text-align:center; font-size:14px; font-family:Arial; display:inline-block; margin:0 4px;}
.page a:hover, .page a.active{background:#1880ff; color:#fff;}

.news_content{width:90%; margin:0 auto 0; overflow:hidden;}
.news_content dl{width:100%; overflow:hidden; padding:35px 0 25px; border-bottom:2px #e2e2e2 dotted; line-height:30px;}
.news_content dl dt{width:260px; float:left;}
.news_content dl dt em{width:122px; height:122px; line-height:122px; text-align:center; border-radius:50%; border:2px #e0e0e0 solid; display:inline-block; float:left; margin-left:20px; color:#c3c3c3; font-size:30px; font-weight:normal;}
.news_content dl dt span{float:right; color:#9c9c9c; margin-top:24px;}
.news_content dl dd{padding:24px 0 0 285px;}
.news_content dl dd h2{font-size:16px; font-weight:bold;}
.news_content dl dd p{height:60px; overflow:hidden;}
.form_cont{width:60%; margin:0 auto;}
.form_cont dl{width:100%; overflow:hidden; margin-top:15px;}
.form_cont dl dt{line-height:34px; color:#777777; font-size:14px;}
.form_cont dl dd input, .form_cont dl dd textarea{background:#eee; border:1px #aaa dashed; line-height:24px; width:100%; box-sizing:border-box; padding:0 5px; color:#777777; font-size:12px;}
.form_cont dl dd input{ height:32px; line-height:32px;}
.form_cont dl dd textarea{height:110px;}
.form_cont .tjbtn{width:100%; overflow:hidden; margin-top:25px; text-align:center; background:#1880ff; color:#fff; height:36px; line-height:36px; border:0 none;}
.ct_txt{width: 94%;overflow: hidden;color: #707070;line-height: 24px;margin: 20px auto 0;}
.imgA{ width:100%; max-width:100%;}

@media all and (max-width:1200px) {	
	.warp{width:100%;}
	.new_slideBox{width:43%; box-sizing:border-box;}
	.ind_news{width:57%; box-sizing:border-box;}
}
@media all and (max-width:1000px) {	
	.nav li a{padding:0 20px 25px;}
	
}
@media screen and (min-width:769px) and (max-width:1000px) {
	.nav li a{padding:0 10px 25px;}
	
}
@media all and (min-width:0) and (max-width:768px) {	
	.logo{width:140px; margin:12px 10px;}
	.logo img{max-width:100%;}
	.nav{margin-top:22px; padding-right:15px;}
	.nav .navico{display:block;}
	.nav ul{position:absolute; top:18px; right:0; width:200px; background:#fff; padding:20px 0; display:none;}
	.nav ul li{width:100%; overflow:hidden; line-height:30px; border-bottom:1px #ddd solid;}
	.nav li a{ padding:5px 20px;}
	.nav li.on a{border:0 none;}
	.nav li ul{position:inherit; display:none; top:inherit; left:inherit; right:inherit; padding:0 0 10px; overflow:hidden;}
	.nav li ul li{border-bottom:0 none; text-align:left;}
	.nav li ul li a{padding:0 0 0 40px; color:#666;}
	
	.ind_about_info li{width:44%;}
	.ind_product li{width:50%;}
	.ind_contact_info dl{width:94%; margin-top:10px;}
	.new_slideBox{width:100%; box-sizing:border-box; padding:0 40px;}
	.new_slideBox .next{right:0;}
	.ind_news{width:100%; overflow:hidden; float:none;}
	.ind_news_tit{ margin:24px auto 0; width:96%;}
	.ind_news_tit li a{padding:0 10px;}
	.ind_news_info{ margin:0 auto 0; width:96%;}
	.news_content{width:90%;}
	.news_content dl{line-height:25px; padding:20px 0 15px;}
	.news_content dl dt{width:100%; float:none; overflow:hidden;}
	.news_content dl dt em{width:60px; height:60px; line-height:60px; margin:0; font-size:15px;}
	.news_content dl dt span{float:left; color:#9c9c9c; margin:18px 0 0 15px;}
	.news_content dl dd{padding:0; width:100%; margin-top:20px;}
	.news_content dl dd h2{font-size:14px;}
	.news_content dl dd p{height:100px;}
	.form_cont{width:80%;}
	.banner span{display:none;}
	.banner em{display:block}
}




















