@charset "utf-8";
/* CSS Document */

/*--------------- 
总体 
---------------*/
body{ position:relative; width:100%;font-size: 14px; font-family:"Arial"; overflow-x:hidden; }
a { text-decoration:none;  }
h3, h4, h5 { font-weight:normal; }
.blank20{height: 20px; line-height: 20px; clear: both; overflow: hidden}
.blank50{height: 50px; line-height: 50px; clear: both; overflow: hidden}
img{vertical-align: middle}
.cl{clear: both}
.wrapper{width:1170px; margin: 0 auto;padding: 0; height: auto; overflow: hidden; position: relative;}
.wrapper2{width:1170px; margin: 0 auto;padding: 0; height: auto; overflow: hidden; position: relative;}

header{width: 100%;margin: 	0 auto;padding: 0;position: relative;height: auto;overflow: hidden}
.top{background:url(../images/top_bg.jpg) center center repeat-y;width: 100%;height: 90px;overflow: hidden;margin: 0 auto;padding: 0;position: relative;border-bottom: #252525 1px solid}
.logo{float: left;width:12%;height: 90px;margin: 20px auto 0 auto;padding: 0;}
nav{width: 60%;margin-left: 2.5%;float: left;}
nav ul li{line-height: 90px;height: 90px;text-align: center;float: left;width: 20%;}
nav ul li a{color: #fff;display: block;height: 90px; line-height: 90px;font-size: 18px; text-transform: uppercase;font-weight: bold;}
nav ul li:hover{background: #2da5e0;}
nav ul li.active{background: #2da5e0;}
.share{width: 10%;float: right;line-height: 90px;text-align: center;height: 90px;overflow: hidden}
.share a{float: left;width: 50%;text-align: center}
.banner { position:relative; width:100%; height:500px; text-align:center; overflow:hidden; }
.banner ul li { position:absolute; left:0; top:0; width:100%; height:100%; }
.banner img { position:absolute; left:50%; top:0; margin-left:-50%; width:100%; }
.banner ol { position:absolute; left:0; bottom:10px; width:100%; display: none}
.banner ol li { display:inline-block; margin:0 3px; width:12px; height:12px; border-radius:12px; background:#bdc2ca; cursor:pointer; }
.banner ol li.active { background:#fff; }
.banner .preview, .banner .next { position:absolute; right:50%; bottom:10%; margin-right:-600px; width:56px; height: 56px; line-height: 56px; background:  url(../images/arrow_w_l.png) center center no-repeat; }
.banner .next{background:  url(../images/arrow_w_r.png) center center no-repeat;}
.banner .preview{margin-right: -530px;}
.banner .preview:hover{background:url(../images/arrow_w_l2.png)  center center no-repeat;cursor: pointer;}
.banner .next:hover{background:url(../images/arrow_w_r2.png)  center center no-repeat;cursor: pointer;}
.about{background: url(../images/about_bg.jpg) center center repeat-x;width: 100%;height: 490px;margin: 0 auto;padding: 0;overflow: hidden;position: relative;}
.about_info{width: 100%;height: 380px;margin-top: 70px;background: #444;}
.about_img{margin-top: -40px;float: left;margin-left: 30px;}
.about_z{width: 46%;float: right;color: #fff;}
.about_z h2{font-size: 36px;color: #fff;font-family:"Arial";text-align: right;margin-right: 20px;font-weight: bold;margin: 50px 30px 40px 0;height: auto;overflow: hidden;}
.about_z p{color: #fff;font-family:"Arial";line-height: 26px;}
.about_z span{float: right;margin-top: 40px;}
.pro{background: #eee;width: 100%;height: auto;overflow: hidden;margin: 0 auto;}
.pro_title{text-align: center;width: 100%;margin: 0 auto;padding:0}
.pro_title h2{color: #252525;font-weight: bold;font-size: 36px;}
.pro_title p{margin-top: 30px;color: #555}
.pro_info{position: relative;width: 100%; height: auto;overflow: hidden;margin:50px auto;padding: 0}
.pro_info .mask{width: 100%;margin: 0 auto 100px auto;padding: 0; height: auto;overflow: hidden;position: relative;}
.pro_info .mask ul{position: relative;}
.pro_info .mask ul li{width: 272px;text-align: center; margin-right:27px;box-sizing:border-box;float: left;height: 420px;position:relative;}
.pro_info .mask ul li .pro_z{border:#d5d5d5 1px solid;background: #fff;height: 400px;}
.pro_info .mask ul li .pro_z img{width: 270px;height: 230px;}
.pro_info .mask ul li h2{border-top: #d5d5d5 1px solid;font-size: 18px;text-align: center;color: #252525;padding-top: 20px;}
.pro_info .mask ul li p{line-height: 18px;color: #555;width: 90%;text-align: left;margin: 20px auto;}
.pro_info .mask ul li span{display: block;width: 130px;height: 35px;color: #fff;background: #999;text-align: center;line-height: 35px;margin:0 auto;position: absolute;bottom: 0;left:71px}
.pro_info .mask ul li:hover span{background: #2da5e0;}
.pro_info .preview, .pro_info .next { position:absolute; right:51%;bottom:0px; width:56px; height: 56px; line-height: 56px; background:  url(../images/arrow_b_l.png) center center no-repeat; }
.pro_info .next{background:  url(../images/arrow_b_r.png) center center no-repeat;}
.pro_info .next{right: auto;left: 51%}
.pro_info .preview:hover{background:url(../images/about_m_r.png)  center center no-repeat;cursor: pointer;}
.pro_info .next:hover{background:url(../images/about_m.png)  center center no-repeat;cursor: pointer;}
.news{background:url(../images/banner2.jpg) center center no-repeat;width:100%;height:550px}
.news_title{text-align: center;color: #fff;font-weight: bold;font-size: 36px;margin: 60px auto}
.news ul{height: auto;overflow: hidden;width: 100%;}
.news ul li{float: left;width: 48%;margin-bottom: 30px;height: 90px; overflow: hidden;}
.news ul li:nth-child(2n){float: right;}
.news ul li span{color: #fff;float: left;display: block;padding-right: 15px;text-align: center;}
.news ul li span strong{font-size: 50px;display: block}
.news_z{border-left: #fff 1px solid;padding-left: 15px;float: left;margin-top: 10px;width: 84%;}
.news_z h2{color: #fff;font-size: 16px;font-weight: bold;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_z p{margin-top: 20px;color: #fff;  display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_m{display: block;width: 130px;height: 35px;background: #2da5e0;text-align: center;line-height: 35px;margin:40px auto;}
.news_m a{color: #fff;display: block;width: 130px;height: 35px;line-height: 35px;text-align: center}

footer{background: #252525;height: 160px;width: 100%;overflow: hidden}
.logo_f{float: left;margin-top: 50px;}
.address_f{float: left;margin-left: 50px;}
.address_f ul{margin-top: 30px;}
.address_f ul li{margin-bottom: 10px;width: 100%;height: auto;overflow: hidden;}
.address_f ul li img{margin-right: 10px;}
.address_f ul li a{color: #fff;}
.map{float: right;margin-top: 35px;}

.news2{width:100%;height:auto;overflow: hidden;margin: 0 auto;padding: 0;}
.news_title2{text-align: center;color: #252525;font-weight: bold;font-size: 36px;margin: 45px auto}
.news2 ul{height: auto;overflow: hidden;width: 100%;}
.news2 ul li{float: left;width: 48%;margin-bottom: 30px;height: 90px; overflow: hidden;}
.news2 ul li:nth-child(2n){float: right;}
.news2 ul li span{color: #777;float: left;display: block;padding-right: 15px;text-align: center;}
.news2 ul li span strong{font-size: 50px;display: block}
.news2 ul li:hover span{color: #2da5e0}
.news_z2{border-left: #777 1px solid;padding-left: 15px;float: left;margin-top: 10px;width: 84%;}
.news_z2 h2{color: #252525;font-size: 16px;font-weight: bold;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_z2 p{margin-top: 20px;color: #555;  display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.page { clear:both; margin: 0 auto; text-align: center;padding:50px 0 50px 0; width:100%; }
.page a { display: inline-block;margin:10px; width:40px; height:40px; line-height:40px; color:#000; text-align:center; font-size:14px; text-decoration:none; background:#e5e5e5; cursor:pointer; }
.page a:hover { color:#fff; background:#2da5e0; }
.page .thispage{ color:#fff; background:#2da5e0;}
.page .pre_page{background:none;}
.page .next_page{background:none;}

.list_left{width: 26%;float: left;margin: 70px auto;}
.list_right{width: 70%;float: right;margin:70px auto;}
.list_left_bt{color: #252525;font-size: 36px;font-weight: bold;text-align: left}
.list_left ul{margin-top: 40px;width: 100%;}
.list_left ul li{width: 100%;height: 60px;line-height: 60px;text-align: left;text-indent: 2em;background: #e5e5e5;margin-bottom: 10px;}
.list_left ul li a{width: 100%;height: 60px;line-height: 60px;color: #252525;font-size: 20px;display: block}
.list_left ul li:hover{background: #2da5e0;}
.list_left ul li:hover a{color: #fff;}
.list_left ul li.active{background: #2da5e0;}
.list_left ul li.active a{color: #fff;}

.list_pro{width: 100%;margin: 0 auto;height: auto;overflow: hidden;}
.list_pro ul li{border:#d5d5d5 1px solid;width: 100%;height: 232px;box-sizing:border-box;margin-bottom: 30px;}
.list_pro ul li img{float: left;width: 270px;height: 230px;}
.list_pro ul li .list_pro_r{border-left: #d5d5d5 1px solid;float: right;width: 58%;padding: 30px;height:170px;}
.list_pro ul li .list_pro_r h2{color: #252525;font-size: 18px;font-weight: bold;}
.list_pro ul li .list_pro_r p{color: #555;line-height: 26px;margin-top: 20px;height: 100px;}
.list_pro ul li .list_pro_r span{display: block;float: right;width: 130px;height: 40px;background: #999;color: #fff;line-height: 40px;text-align: center}
.list_pro ul li:hover .list_pro_r span{background: #2da5e0;}

.list_down{width: 100%;margin: 0 auto;height: auto;overflow: hidden;}
.list_down ul li{height: 55px;line-height: 55px;border-bottom: #999 1px dashed;color: #555; width: 100%;}
.list_down ul li:last-child{border-bottom: 0;}
.list_down ul li h2{width: 90%;float: left;color: #555;font-size: 16px;}
.list_down ul li img{float: right;margin-top: 15px;}
.list_down ul li:hover h2{color: #2da5e0}

.article_pro{width: 100%;margin: 0 auto 50px auto;height: auto;overflow: hidden;}
.pro_title{text-align: center;font-size: 22px;color: #252525;height: auto;margin-bottom: 40px;font-weight: bold;}
.fck{width: 100%;}
.fck p{color: #555;line-height: 26px;}
.article_title{text-align: center;font-size: 22px;color: #252525;height: auto;margin-bottom: 40px;font-weight: bold;}
.article_article{width: 100%;margin: 60px auto;height: auto;overflow: hidden;}
.about_title{text-align: center;font-size: 36px;color: #252525;height: auto;margin-bottom: 40px;font-weight: bold;}
.list_lxwm{width: 100%;margin: 0 auto 70px auto;height: auto;overflow: hidden;}

.lxwm_title{color: #555;font-size: 16px;height: auto;overflow: hidden;margin-bottom:40px;}
.lxwm_form{width: 100%;height: auto;overflow: hidden;}
.lxwm_form li{width: 100%;height: 40px;margin-bottom: 30px;line-height: 40px;color: #555;}

.lxwm_form li label{text-align: left;color: #555;font-size: 16px;}
.lxwm_form li #name{width: 85%;float: right;height: 40px;text-indent: 1em;}
.lxwm_form li #phone{width: 85%;float: right;height: 40px;text-indent: 1em;text-indent: 1em;}
.lxwm_form li #mailbox{width: 85%;float: right;height: 40px;text-indent: 1em;}
.lxwm_form li #content{width: 85%;float: right; text-indent: 1em;resize:none;padding-top: 10px;}
.icode{margin-top: 30px;}
.icode label{text-align: left;display: inline-block;color: #555;font-size: 16px;}
.icode img{display: inline-block;}
.icode #code{width: 20%; display: inline-block;height: 40px;margin-left: 75px;text-indent: 1em;}

#send{width: 86%;border:0;float: right;height: 40px;line-height: 40px;color: #fff;margin-top: 30px;background: #2da5e0;font-size: 16px;cursor: pointer}
.xs-nav{display: none}
@media screen and (max-width:1600px){
	.banner{height: 402px;}
	
}

@media screen and (max-width:1440px){
	.banner{height: 360px;}
	
}
@media screen and (max-width:1366px){
	.banner{height: 341px;}
	
}
@media screen and (max-width:1280px){
	.banner{height: 318px;}
	
}
@media screen and (max-width:1024px){
	.banner{height: 267px;}
	.wrapper{width: 100%;}
	.wrapper2{width: 96% ;}
	.top{background: #252525;}
	.banner .preview{margin-right: -33%;}
	.banner .next{margin-right: -39%;}
	.logo{margin-left: 2%;}
	nav{margin-left: 9.5%;}
	.share{margin-right: 2%;}
	.about{background: #eee;height: auto;overflow: hidden;padding-bottom: 50px;}
	.about_info{background: none;}
	.about_img{text-align: center}
	.about_img {float: none;width: 100%;margin: 0 auto;text-align: center}
	.about_z{width: 100%;float: none;color: #252525;height: auto;overflow: hidden}
	.about_z h2{color: #252525;text-align: left}
	.about_z p{color: #555;}
	.about_z span{display: none}
	.about_info{height: auto;overflow: hidden}
	.pro_info .mask{width: 87%;}
	.news{background:url(../images/banner2.jpg) top center no-repeat;height: auto;}
	.news_title{margin: 30px auto}
	.news ul li{width: 94%;margin: 0 auto;float: none;}
	.news ul li:nth-child(2n){float: none;}
	.news_m{margin: 20px auto}
	footer{height: auto;overflow: hidden;}
	.logo_f{width: 100%;margin-top: 20px;margin-left: 20px;}
	.address_f{width: 100%;margin-left: 20px;}
	.map{float: left;width: 100%;margin: 20px 0 20px 20px;height: auto;overflow: hidden}
	.list_right{float: none;width: 100%;}
	.list_left{float: none;width: 100%;}
	.fck img{width: 100%;}
	#send{width: 100%;}
	.icode #code{margin-left: 10%;}
	.news2 ul li{width: 94%;margin: 0  auto 20px auto;float: none;}
	.news2 ul li:nth-child(2n){float: none;}
}
@media screen and (max-width:800px){
		.banner{height: 200px;}
	.banner .preview{margin-right: -31%;}
		.icode #code{margin-left: 8.5%;}
	.list_pro ul li .list_pro_r{padding: 18px;height: 194px;}
	.pro_title p{font-size: 16px;}
	.pro_info .mask{width: 77%;}
	.news_z p{margin-top: 10px;}

}
@media screen and (max-width:640px){
	.banner{height:167px;}
	.banner .preview{display: none}
	.banner .next{display: none}
	.about_info{margin-top: 50px;}
	.pro_title p{font-size: 15px;}
	.pro_info .mask{width: 46%;}
	.list_pro ul li{height: auto;overflow: hidden;text-align: center}
	.list_pro ul li img{float: none;text-align: center;margin: 0 auto;}
	.list_pro ul li .list_pro_r{float: none;width: 100%;height: auto;overflow: hidden;border-left: 0;padding: 20px;text-align: left}
	.list_pro ul li .list_pro_r span{margin-right: 35px;}
	.icode #code{margin-left: 7%;}
	nav{display: none}
	.share{width: 17%;margin-right: 12%;}
	header button { position:absolute; right:20px; top:30px; display:inline-block; width:45px; height:24px;  line-height:10px; }
     header button span{    display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #fff;}
.xs-nav {height: 100%;background: #252525;position: fixed;right: -200px;top: 0; width: 200px;overflow: hidden;display: none;}
	.xs-nav ul{margin-top: 30px;}
	.xs-nav ul li{width: 100%;color: #fff;text-align: center;font-size: 16px;height: 50px;line-height: 50px;}
	.xs-nav ul li a{color: #fff;height: 50px;line-height: 50px;display: block;}
	.xs-nav ul li.active{	background: #2da5e0;}
}
@media screen and (max-width:480px){
	.share{width: 26%;margin-right: 18%;}
	.banner{height:108px;}
	.about_img img{width: 100%;}
	.about_info{margin-top: 20px;}
	.about_z h2{margin:30px 30px 30px 0}
	.pro_info .mask{width: 66%;}
	.news ul li span{display: none}
	.news_z{width: 100%;border-left: 0;float: none;padding-left: 0;}
	.map{float: none;margin: 20px auto 0 auto;width: 96%;}
	.map img{width:100%;}
	.page a{margin: 3px;}
	.list_right{margin: 40px auto}
	.list_left{margin: 0 auto 40px auto}
	.article_article{margin: 40px auto;}
	.lxwm_form li label{font-size: 14px;}
    .lxwm_form li #name{width: 75%;}
    .lxwm_form li #phone{width: 75%;}
    .lxwm_form li #mailbox{width: 75%;}
    .lxwm_form li #content{width: 75%;}
	.icode label{font-size: 14px;}
	.icode #code{width: 27%;margin-left: 14%;}
	.news2 ul li span{display: none}
	.news_z2{width: 100%;border-left: 0;float: none;padding-left: 0;}
	.news_title2{margin: 30px auto;}
}
@media screen and (max-width:375px){
		.banner{height:98px;}
		.pro_info .mask{width: 73%;}
	.page a{width: 30px;height: 30px;line-height: 30px;}
	.icode #code{margin-left: 13%;}

	
}
@media screen and (max-width:360px){
	.banner{height:94px;}
		.pro_info .mask{width: 76%;}
}
@media screen and (max-width:320px){
	.share{display: none}
	.banner{height:84px;}
	.pro_info .mask{width: 85%;}
	.address_f{margin-left: 10px;}
	.page a{margin: 2px;}
	.icode #code{margin-left: 11%;}
	
}