﻿*{margin: 0px;padding: 0px;}
html,body{ width: 100%; height: 100%;background: #fff;font-family: "Arial,sans-serif";color:#333}
a{color: #666;font-size: 14px; text-decoration: none;}
a:hover{color: #42af51;font-size: 14px; text-decoration: none;}
ul,li,ol{ list-style: none;}
input,textarea{}
b,em,i,strong{ font-style: normal;font-weight: normal;}
.mw{min-width:1240px;}

.main{width: 1200px;margin: auto;clear: both;}
.fl { float: left }
.fr { float: right;}
.c{clear:both;}
.tc { text-align: center; display: inline-block;}
img{ border: none;display: inline-block;}

.head {
	width: 100%;
	float: left;
	font-size: 14px; 
	color: #666;
	height: 40px;
	line-height: 40px;
	/*box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.07);*/
}
.head .fr li {
	float: left;
	position: relative;
	padding:0px 10px;
}
.head .fr li:after{
	content: "|";
	position: absolute;
	right: 0px;
	top: 0px;
}
.head .fr li:last-child:after{
	content: ""
}
.header{
	 background: url(../image/head_bj.png);
	 height: 127px;
	 width: 100%;
	 float: left;

}
.header .fl {
	padding-top:25px;
}
.header .fr{
	padding-top: 0px;
	width: 300px;
}
.header .fr dt{
	text-align: left;
	padding-top:40px;
	width: 220px;
	float: right;
	font-size: 16px;
	color: #666;
}
.header .fr dt span {
	font-size: 26px;
	color: #d42c26
}
.header .fr dd{
	width: 50px;
	height: 100px;
	float: left
}
.header .fr dd img {
	float: left;
	padding-top:40px; 
	padding-right:10px;
}
.nav {
	width: 100%;
	height: 57px; 
	line-height: 57px;
	float: left;
	background:#3a3a3a;
}
.nav ul li{
	width: 150px;
	float: left;
	height: 58px; 
	line-height: 58px;
	display: inline-block;
	cursor: pointer;
}
.nav ul li a{ 
	
	width: 150px;
	height: 58px; 
	line-height: 58px;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	position: relative;
}
.nav ul li a:after{

	position: absolute;
	right: 0px;
	top: 0px;
	color: #575757;

}
.nav ul li:last-child a:after{
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;


}
.nav ul li.hover>a,.nav ul li.active>a{
	background: #42af51;
}
.nav ul li.hover a:after,.nav ul li.active a:after{
	 background:#42af51;
	 color: #42af51
}
.nav ul li.hover dl { display: block; }
.nav ul li dl {width: 120px;position: relative; top:-2px ;display: none;z-index: 9; left: 0px;}
.nav ul li dl dd{height: 40px;line-height:40px;width: 150px;}
.nav ul li dl dd a{ height: 40px;line-height:40px;width: 100%; background: #42af51; display: inline-block;color: #fff; font-size: 14px;}
.nav ul li dl dd a:hover{background: #d42c26}
/*banneråˆ‡æ¢*/
.fullSlide{width:100%;position:relative;height:580px;background:#fff; margin: auto;overflow:hidden;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;width: 100%;position: relative;}
.fullSlide .bd ul{width:1920px; margin: auto; float: left; height: 550px; position: absolute;left: 50%;margin-left:-960px}
.fullSlide .bd li{width:100%;height:580px;text-align:center;margin: auto; }
.fullSlide .bd li a{display:block;height:550px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;width:14px;height:14px;margin:5px;overflow:hidden;background:#fff;line-height:999px;border-radius: 7px;}
.fullSlide .hd ul .on{background:#01b839;width: 80px;}
/* .fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(image/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
 */


 .search{width: 100%; height: 60px; float: left; background: #fff; line-height: 60px;}
 .search dl,.search dl dt,.search dl dd { float: left; }
 .search dl dt{ font-size: 16px; color: #42af51 }
 .search dl dd{font-size: 14px; color: #666666; margin: 0px 10px;}
 .search dl dd a:hover {color: #42af51}
 .search  .search_r{ float: right;width: 320px; height: 40px; line-height: 40px; border-radius: 25px; border:1px solid #dedede;margin-top: 8px;}
 .search  .search_r img {vertical-align: middle;}
 .search  .search_r input { border:none; outline: none;height: 38px; font-size: 16px;width: 260px; float: left;margin-left: 20px;}


.index_show{width: 100%; float: left;padding: 0px 0px 70px 0px;background: #fff}
.index_show ul {float: left;width: 100%;padding-top: 20px;}
.index_show ul li { float: left;margin-right: 27px;margin-bottom: 30px;width:216px; height:105px; text-align: center;}
.index_show ul li:nth-child(5n){margin-right:0px;}
.index_show ul li a {display: inline-block;width:226px; text-align: center;}
.index_show ul li img {display: inline-block;width: 215px;padding: 1px; border:1px solid #ececec;}


.index_show2{width: 100%; float: left;padding: 0px 0px 50px 0px;background: #f9f9f9}
.index_show2 ul {float: left;width: 100%;padding-top: 20px;}
.index_show2 ul li { float: left;margin-right: 18px;margin-bottom: 30px;width: 286px; height: 280px; text-align: center; background: #6a6a6a}
.index_show2 ul li:nth-child(4n){margin-right:0px;}
.index_show2 ul li a {display: inline-block;width:286px; text-align: center;height: 280px;}
.index_show2 ul li img {display: inline-block;width: 270px;padding: 8px;height:220px;}
.index_show2 ul li b {width: 100%; text-align: center;display: inline-block;float: left;color: #fff;font-size:16px;line-height:24px;}
.index_show2 ul li a:hover { background: #42af51 }
/* äº§å“ */
.product {
	width: 100%;
	float: left;
	background: #f2f2f2;
	padding:50px 0px;
}

.about_l{ width: 320px; float: left; background:#42af51;float: left;padding: 4px;border-radius: 5px; }
.about_r_con{ width: 855px; float: right;font-size: 14px; color: #333;font-size:14px; line-height:30px; float: left; margin-left:15px;}
.bus_style{width: 100%; float: left}
/* .about_r_con:first-child{ display: block;} */
.about_l_t p{width: 210px;height:47px;float: left; background: #42af51;color: #fff; padding: 20px 0px 0px 20px; font-size:26px;}
.about_l_t p img { float: left;width: 20px;}
.about_l_t p em { line-height: 16px; float: left;display: inline-block;font-style: normal;text-indent: 15px;}
.about_l_t ul { line-height: 60px;text-align: left;background:#fff;width: 320px; float: left;}
.about_l_t ul li {border-bottom: 1px dashed #5b5b5b;width: 90%;text-indent: 20px;float: left; margin-left:15px;}
.about_l_t ul li:last-child{border-bottom: none;}
.about_l_t ul li>a{color: #333;position: relative;width: 100%;font-size: 18px;}
.about_l_t ul li>a:after{position: absolute;left:-35px; top:-20px;content:"-";color: #42af51}
.about_l_t ul li.hover>a{ color: #42af51;  }
.about_l_t ul li.hover a:after{ background: url(../image/index_arrowa.png) left center no-repeat; }


.about_l_t ul li dl{width: 100%; float: left; line-height: 24px;padding-bottom: 20px;text-indent: 10px;}
.about_l_t ul li dl dd { float: left;width: 50%; }
.about_l_t ul li dl dd a{color: #666666;width: 100%; display: inline-block; font-size:12px;}
.about_l_t ul li dl dd a:hover{color: #42af51;font-size:12px;}



.about_l_b {width: 100%; background:#42af51; float: left; color: #fff; height: 110px; text-align: center;}
.about_l_b p { font-size: 18px;padding-top:30px;width: 100%; float: left; display: inline-block; }
.about_l_b span { font-size: 26px;position: relative;width: 100%; float: left;display: inline-block; }
.about_l_b span:before {content: '';position: absolute; left: 45%;bottom:0px;width: 40px; height: 2px; background: #fff}


.bus_style ul {float: left;width: 100%;}
.bus_style ul li { float: left;margin-right: 25px;margin-bottom: 25px;width: 266px; height: 290px; text-align: center; }
.bus_style ul li:nth-child(3n){margin-right:0px;}
.bus_style ul li a {display: inline-block;width:266px; text-align: center;}
.bus_style ul li img {display: inline-block;width:260px;border:1px solid #e5e5e5; padding: 2px;background-color:#FFFFFF; height:260px;}
.bus_style ul li b {width: 100%; text-align: center;display: inline-block;margin-top:-5px;float: left; height:42px; l}


.product_tit,.product_tit1{width: 100%; text-align: center; font-size: 40px;padding-top:60px; float: left; font-weight:bold;}
.product_tit1{ color: #ededed }
.product_tit .col_fb6,.product_tit1 .col_fb6{color: #C89256;}

.product_tit_b span{ padding:0px 40px;background:#fff;margin-top:10px; display: inline-block; height: 50px;line-height: 50px; position: relative; z-index: 3; font-size: 20px; color: #666;}
.product_tit_b1 span{ padding:0px 40px;background:#222222;margin-top:10px; display: inline-block; height: 50px;line-height: 50px; position: relative; z-index: 3; font-size: 20px; color: #ededed;}
.product_line {padding-top: 10px; float: left; width: 100%;background: url(../image/line_tit.png) center center no-repeat;}
.product_line b{ background: #fff; text-align: center;display: inline-block;padding: 0px 10px; margin: 0px auto; line-height: 20px;text-transform: uppercase;display: table;font-size: 24px;color: #bababa; }
.product_line b.bac_f9{ background: #f9f9f9 }

.index4{width: 100%; float: left; padding: 60px 0px 80px 0px ;background: #fff;}
.index4_l{width: 676px;height: 623px; float: left; background: url(../image/index4_l.jpg) left center no-repeat;color: #fff;}
.index4_l ul,.index4_l ol{width: 100%; float: left;}
.index4_l ul{float: left;padding: 70px 0px 0px 60px;width: 560px;}
.index4_l ul li{line-height: 78px;width: 100%; float: left;font-size: 20px;}
.index4_l ol {padding-left: 60px; float: left;}
.index4_l ol li{line-height: 40px;float: left;width: 100%; }

.index4_r{width: 440px; float: left;margin-left: 40px;}
.index4_r h2 b{font-size: 38px; color: #333333}
.index4_r h2 span{font-size: 60px; color: #42af51}
.index4_r ul{width: 100%; float: left; padding-bottom: 20px;}
.index4_r ul li {line-height: 45px; float: left; width: 100%;background: url(../image/index_option.png) left center no-repeat; background-size: 15px; text-indent: 30px;border-bottom: 1px dashed #d6d6d6}

.index5{width: 100%; float: left; background: url(../image/index4_bj.png) repeat-x;padding-bottom: 60px;}
.index5 img {text-align: center;}
.col_fff{color: #fff;}
.product_line2 {padding-top: 10px; float: left; width: 100%;background: url(../image/line_tit2.png) center center no-repeat;margin-bottom: 40px;}
.product_line2 b{ background: #3ba749; text-align: center;display: inline-block;padding: 0px 10px; margin: 0px auto; line-height: 20px;text-transform: uppercase;display: table;font-size: 24px;color: #e4e4e4; }




.index6{width: 100%; float: left; padding: 60px 0px}
.index_line3{width: 100%; float: left; text-align: center;background: url(../image/line_tit.png) left center no-repeat;}
.index_line3 b{padding: 0px 10px; background: #fff; text-align: center; font-size: 40px;}
.index_tit3{width: 476px; background: url(../image/index_tit3.jpg) center center no-repeat;height: 52px; display: inline-block;text-align: center; margin: 5px auto; display: table;line-height: 50px;font-size: 22px;color: #fff;}


.index6_t{width: 100%; float: left; padding-top: 50px;}
.index_text,.index_img{width: 600px; float: left;}
.index_text{width: 560px; padding-right: 40px;}
.index_text dl{width: 100%; float: left; padding-bottom: 50px;}
.index_text dl dt {width: 62px;height: 76px;line-height:76px;float: left;text-align: center; color: #fff;background: url(../image/index6_tit.jpg) left center no-repeat;}
.index_text dl dd{width: 480px; float: left;margin-left: 15px;}
.index_text dl dd p{width: 100%; float: left; font-size: 28px; color: #333333;line-height: 40px;padding-bottom: 15px;}

.index_text dl dd span{width: 100%; float: left;line-height: 30px;font-size: 16px; color: #666666; position: relative;padding-left: 15px}
.index_text dl dd span:before{position: absolute;content: "·";color: #42af51;left: 0px;}

.about{width: 100%; float: left; background: url(../image/about.png) center center no-repeat; height: 753px;}



.index_t6_con { width: 1200px;float: left;height: 252px; overflow: hidden;margin-top:25px;}

.about_t{width: 580px; float: right;margin-top: 160px;margin-right: 40px;color: #fff;}
.about_t p{width: 100%; font-size: 28px; line-height: 40px;padding-bottom: 15px;}
.about_t span {line-height: 30px;width: 100%; float: left;font-size: 14px;}
.about_t i a {width: 150px; height: 40px;line-height: 40px; text-align: center; background: #fff; color: #42af51; font-size: 16px;display: inline-block;margin-top: 15px;}


.Box_con  {position: relative;width:1180px;left:10px;z-index: 10; top: 40px; height: 250px;overflow: hidden;}
.Box_con_show{ display: block; }
.Box_con .btn {display: block;width: 15px;height:28px;position: absolute;top: 80px;z-index:10;cursor: pointer;color: #fff}
.Box_con .btn_l {background: url(../image/butr.png) no-repeat center;left:10px;}
.Box_con .btn_r{background: url(../image/butl.png) no-repeat center;right:10px;}
.Box_con .conbox{position: relative;left:50px;top:15px;width: 1080px;height:220px;overflow: hidden;}
.Box_con .conbox ul {position: relative;list-style: none;left: 0px;width: 200px;height:200px;overflow: hidden;}
.Box_con .conbox ul li{float: left;width: 200px;height:170px;margin-right:22px;overflow: hidden;text-align: center;font-size: 14px; color: #333; line-height: 30px;}
.Box_con .conbox ul li img {display: block;width: 200px;height:140px;float: left;}
.Box_con .conbox ul li b{ line-height: 30px; }


.index7_con{width: 100%; height: 340px;overflow: hidden;}
.index7{width: 100%; float: left;padding: 40px 0px 60px 0px;}
.index7_tit{width: 100%; position: relative; top: 0px; border-top: 1px solid #c9c9c9}
.index7_tit p{text-align: center;width: 300px; margin: 0px auto; margin-top: -20px; background: #fff;height: 40px;line-height: 40px;}
.index7_tit p b{width: 140px;border:1px solid #c9c9c9;font-size: 18px; color: #333;display: inline-block;float: left;}
.index7_tit p b:first-child{margin-right: 16px;}
.index7_tit p b.hover{background: #42af51;color: #fff;border: 1px solid #42af51; cursor: pointer;}

.Box_con1 .btn,.Box_con2 .btn {display: block;width: 38px;height:66px;position: absolute;top: 100px;z-index:10;cursor: pointer;color: #fff}

.Box_con1 .btn_l1,.Box_con2 .btn_l2 {background: url(../image/butr1.jpg) no-repeat center;left:0px;}
.Box_con1 .btn_r1,.Box_con2 .btn_r2{background: url(../image/butl1.jpg) no-repeat center;right:0px;}
.Box_con1,.Box_con2  {position: relative;width:1200px;left:0px;z-index: 10; top: 40px; height: 340px;overflow: hidden;}

.Box_con1 .conbox{position: relative;left:50px;top:15px;width: 1090px;height:340px;overflow: hidden;}
.Box_con1 .conbox ul {position: relative;list-style: none;left: 0px;width: 256px;height:336px;overflow: hidden;}
.Box_con1 .conbox ul li{float: left;width: 256px;height:270px;margin-right:19px;overflow: hidden;text-align: center;font-size: 14px; color: #333; line-height: 30px;margin-bottom: 30px;border: 1px solid #e6e6e6}
.Box_con1 .conbox ul li img {display: block;width: 250px;float: left;height: 230px; padding: 2px;}
.Box_con1 .conbox ul li b{ line-height: 40px; }


.Box_con2 .conbox{position: relative;left:50px;top:15px;width: 1090px;height:340px;overflow: hidden;}
.Box_con2 .conbox ul {position: relative;list-style: none;left: 0px;width: 256px;height:336px;overflow: hidden;}
.Box_con2 .conbox ul li{float: left;width: 256px;height:270px;margin-right:19px;overflow: hidden;text-align: center;font-size: 14px; color: #333; line-height: 30px;margin-bottom: 30px;border: 1px solid #e6e6e6}
.Box_con2 .conbox ul li img {display: block;width: 250px;float: left;height: 230px; padding: 2px;}
.Box_con2 .conbox ul li b{ line-height: 40px; }




.index_news{width: 100%; float: left; background:#fff;padding-top:10px}
.news_l{width: 640px; float: left; margin-right:60px;}
.news_l_t {width: 100%; float: left;padding-bottom:15px;}
.news_l_t li { float: left; font-size: 20px; color: #666;cursor: pointer; border-bottom: 2px solid #fff; margin:0px 10px; height: 40px; position: relative;}
.news_l_t li:before{position: absolute;right:-15px; top: 0px;color: #666;}
.news_l_t li:first-child:before{content: '';}
.news_l_t li.hover{ color: #42af51; border-bottom: 2px solid #42af51 }
.news_l_t span { float: right; text-transform: uppercase; padding-top: 5px;}
.news_l_con{ height: 350px; overflow: hidden;width: 100%; float: left }

.news_lcon dl {width: 100%;color: #666666; float: left}
.news_lcon dl dt {width: 360px; float: left}
.news_lcon dl dt img{ float: left }
.news_lcon dl dd {width: 280px; float: left; padding-top: 0px;}
.news_lcon dl dd p a {font-size: 18px; color: #42af51}
.news_lcon dl dd span {width: 100%; float: left; font-size: 12px; color: #666; line-height: 34px;}
.news_lcon dl dd b{font-size: 14px; color: #666; line-height: 24px; float: left; }

.news_lcon ul{width: 100%;float: left;padding-top:10px;}
.news_lcon ul li { height: 36px; line-height:36px;width: 100%; float: left }
.news_lcon ul li b { float: left;position: relative; }
.news_lcon ul li b:after{ position: absolute;left: 0px;top: 18px; content: ""; width: 9px; height: 2px; background:#959595;  }
.news_lcon ul li a { color: #666;text-indent: 20px; }
.news_lcon ul li a:hover b:after{ position: absolute;left: 0px;top: 18px; content: ""; width: 9px; height: 2px; background:#42af51;  }
.news_lcon ul li a:hover {color: #42af51}
.news_lcon ul li span { float: right;}


.firm_tit {width: 100%; float: left;padding-bottom:20px; font-weight: normal;}
.firm_tit  p { float: left }
.tit_col_80b{font-size: 20px; color: #42af51}
.firm_tit span { font-size: 14px; color: #2e2e2e; float: right; display: inline-block; text-transform: uppercase; padding-top: 5px;}


.issue_b{width: 500px; float: left;padding: 0px 0px 0px 0px;height: 460px;}
.issue_b_r{ float: left;}
.issue_b_r .slider{ width:480px; }
.issue_b_r .slider li{ float:left;width: 490px;background: #fff;margin-right: 10px;margin-bottom: 20px;border: 1px solid #e5e5e5; font-size: 14px; color: #666666;padding:15px 5px 5px 15px;}
.issue_b_r .slider li p {width: 100%;padding-bottom: 10px;font-weight:bold;float: left;}
/*.issue_b_r .slider li:last-child{ border: none;}*/
.issue_b_r .slider li p a{color:#666666;}
.issue_b_r .slider li p a:hover{color:#42af51;}
.issue_b_r .slider li p span {width: 18px; height:18px; border-radius: 50%;background: #42af51;display: inline-block;line-height: 16px;text-align: center;color: #fff; font-size: 12px;margin-right: 5px;float: left;}
.issue_b_r .slider li p b {width: 18px; height:18px; border-radius: 50%;background: #787878; display: inline-block;line-height: 16px;text-align: center;color: #fff; font-size: 12px;margin-right: 5px;float: left;font-weight: normal;}
.issue_b_r .slider li p em{width:455px; float: left;line-height: 20px;float: left;height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.link {width: 100%; height: 80px; line-height: 80px; background: #f9f9f9; float: left}
.link dl dt { float: left; font-size:22px; color: #42af51 }
.link dl dd a{ font-size: 14px; color: #666; float: left; margin-left:20px; }
.link dl dd a:hover{color: #42af51}

.copy{width: 100%; background:#393939;padding:80px 0px 0px 0px; height: 260px; float: left; border-bottom: 1px solid #2e2e2e}
.copy_l{width: 360px; float: left;}

.copy_r{width: 830px; float: left;}
.copy_r ul{width: 100%; float: left; border-bottom: 1px solid #474747;}
.copy_r ul li a{ float: left;width: 100px; line-height: 60px;color: #fff;position:relative}
.copy_r ul li a:after{content:"|";float:left;color:#fff;position:absolute;right:20px;}
.copy_r ul li:last-child a:after{content:"";}
.copy_r ul li a:hover{color: #42af51}

.copy_r dl {width: 100%; float: left;border-top:1px solid #2b2b2b;}
.copy_r dl dt{font-size:20px; color: #42af51; line-height: 50px;}
.copy_r dl dd{font-size: 14px; color: #9f9f9f; width: 100%; float: left;line-height: 30px;}

.copy_b {width: 100%; float: left; height: 50px; line-height: 50px; font-size: 14px; color: #858585;background: #393939;border-bottom: 5px solid #4fb55d;border-top: 1px solid #505050}
.copy_b .fr a{color: #858585}
.copy_b .fr a:hover{color: #42af51}



.banner_img{width:100%;height: 300px;margin: auto;overflow: hidden;overflow: hidden;}
.banner_img p{width:100%;height:300px;margin: auto;overflow: hidden;overflow: hidden;position: relative;top: 0px;}
.banner_img p img { position: absolute;left:50%;margin-left: -960px;}


.content{width: 100%; float: left; padding:35px 0px; }
.nav_page{ width: 260px; float: left; padding-bottom: 50px; }
.nav_page2{width: 320px; float: left;padding-bottom: 50px;}
.nav_page h1{width: 100%; background: #42af51;  height: 90px; line-height: 90px;}
.nav_page h1 p {float: left; width: 100%;}
.nav_page h1 p img,.nav_page h1 p span { float: left;display: inline-block; font-size: 28px; color: #fff;font-weight: normal; }
.nav_page h1 p img{padding:35px 10px 0px 20px;}

.nav_page ol { margin-bottom: 10px; width: calc(100% - 2px); float: left;border:1px solid #e5e5e5; }
.nav_page ol li { line-height: 50px; background:#f3f3f3;color: #f3f3f3; margin-top:3px; }
.nav_page ol>li>a {width:100%; color: #000; display: inline-block;position: relative;text-indent: 30px;background: url(../image/page_list_icon.png) no-repeat 320px center;transition: all .3s ease;}
.nav_page ol li ul{display: none;}
.nav_page ol li ul li {width: 100%; height: 40px;line-height: 40px; text-indent: 35px; background: #fff;color: #333;cursor: pointer;}
.nav_page ol li ul li.show a{color:#ff0000;}
.nav_page ol li.hover ul{display: block;}
.nav_page>ol>li.hover>a,.nav_page>ol>li>a:hover{
    color: #fff;
    background:#42af51 url(../image/page_list_icon.png) no-repeat 270px center;
}
.nav_page ol li ul li:hover a{color: #42af51}


.content_r{ width: 915px; float: right;margin-left: 15px; }
.content_r2{width: 855px;float: right;margin-left: 15px;}
.page_tit{width:calc(100% - 20px); padding-right:20px; float: left; background:#f4f4f4; height: 50px; line-height: 50px; font-size: 18px; font-weight: normal;color: #fff; text-indent: 20px;}
.page_tit span,.page_tit a { color: #333333; padding: 0px 2px }
.page_tit a:hover { color: #42af51 }
.about_con{width: 100%; float: left}
.about_con div {font-size: 14px; color: #666; line-height:30px; width: 100%; float: left}
.page_tit .fl {background:#42af51;padding-right:10px; position: relative;}
.page_tit .fl:after{ content:""; right: -50px; top: 0px;width: 0px; position: absolute;height: 0px;border-top: 50px solid #42af51; border-right: 50px solid transparent;}



/*工厂实力 */
/*.factory{float: left;min-width:855px;}*/
.factory ul {float: left;width: 100%;padding-top: 15px;}
.factory ul li{ float: left;width: 295px; text-align: center;margin-right:15px;margin-bottom:10px;position: relative; }
.factory ul li img{width:calc(100% - 6px);background: #fff;border:1px solid #d9d9d9;padding:2px; height:215px;}
.factory ul li a{float: left;width: 100%;}
.factory ul li a b {line-height: 38px; display: inline-block;color: #333333;font-size: 14px;width: 100%}
.factory ul li:nth-child(3n){margin-right: 0px;}
.factory ul li:hover a{ color: #42af51;display: inline-block; }
.factory ul li:hover a b{ color: #42af51}


/*.factory #container {margin:0 auto;width:905px;}*/

/*客户案例 */
.honor{float: left;min-width:855px;}
.honor ul {float: left;width: 100%;padding-top: 15px;}
.honor ul li{ float: left;width: 220px; text-align: center;margin-right:10px;margin-bottom:10px;position: relative; }
.honor ul li img{width:calc(100% - 6px);background: #fff;border:1px solid #d9d9d9;padding:2px;}
.honor ul li a{float: left;width: 100%;}
.honor ul li a b {line-height: 38px; display: inline-block;color: #333333;font-size: 14px;width: 100%}
.honor ul li:nth-child(4n){margin-right: 0px;}
.honor ul li:hover a{ color: #42af51;display: inline-block; }
.honor ul li:hover a b{ color: #42af51}


/*资质荣誉 */
.anli{float: left;min-width:855px;}
.anli ul {float: left;width: 100%;padding-top: 15px;}
.anli ul li{ float: left;width: 220px; text-align: center;margin-right:10px;margin-bottom:10px;position: relative; }
.anli ul li img{width:calc(100% - 6px);background: #fff;border:1px solid #d9d9d9;padding:2px;height:280px;}
.anli ul li a{float: left;width: 100%;}
.anli ul li a b {line-height: 38px; display: inline-block;color: #333333;font-size: 14px;width: 100%}
.anli ul li:nth-child(4n){margin-right: 0px;}
.anli ul li:hover a{ color: #42af51;display: inline-block; }
.anli ul li:hover a b{ color: #42af51}

.anli_img {width: 855px; height: 360px; overflow: hidden;}
.anli_img ul li:nth-child(4n){margin-right: 0px;}
.anli_scroll{ width: 856px; height: 360px;  position: relative;left: 0px; float: left}
.anli_scroll ul {width: 10000px;height: 360px;  }

/*解决方案 */
.solution{float: left;min-width:855px;}
.solution ul {float: left;width: 100%;padding-top: 15px;}
.solution ul li{ float: left;width: 279px; text-align: center;margin-right:9px;margin-bottom:10px;position: relative; }
.solution ul li img{width:265px;background: #fff;border:1px solid #d9d9d9;padding:2px; height:180px;}
.solution ul li a{float: left;width: 100%;}
.solution ul li a b {line-height: 38px; display: inline-block;color: #333333;font-size: 14px;width: 100%}
.solution ul li:nth-child(3n){margin-right: 0px;}
.solution ul li:hover a{ color: #42af51;display: inline-block; }
.solution ul li:hover a b{ color: #42af51}



/*产品展示 */
.canpin{float: left;min-width:855px;}
.canpin ul {float: left;width: 100%;padding-top: 15px;}
.canpin ul li{ float: left;width: 279px; text-align: center;margin-right:9px;margin-bottom:10px;position: relative; }
.canpin ul li img{width:265px;background: #fff;border:1px solid #d9d9d9;padding:2px; height:265px;}
.canpin ul li a{float: left;width: 100%;}
.canpin ul li a b {line-height: 38px; display: inline-block;color: #333333;font-size: 14px;width: 100%}
.canpin ul li:nth-child(3n){margin-right: 0px;}
.canpin ul li:hover a{ color: #42af51;display: inline-block; }
.canpin ul li:hover a b{ color: #42af51}

/*.canpin #container {margin:0 auto;width:905px;}

*/
/*产品详情 */
.cpxq{float: left;min-width:855px;}
.cpxq ul {float: left;width: 10000px;padding-top: 15px;}
.cpxq ul li{ float: left;width: 204px; text-align: center;margin-right:9px;margin-bottom:10px;position: relative; }
.cpxq ul li img{width:200px;background: #fff;border:1px solid #d9d9d9;padding:2px; height:200px;}
.cpxq ul li a{float: left;width: 100%;}
.cpxq ul li a b {line-height: 38px; display: inline-block;color: #333333;font-size: 14px;width: 100%}
.cpxq ul li:hover a{ color: #42af51;display: inline-block; }
.cpxq ul li:hover a b{ color: #42af51}

.cpxq_img {width: 855px; height: 260px; overflow: hidden;}
.cpxq_scroll{ width: 856px; height: 260px;  position: relative;left: 0px; float: left}
.cpxq_scroll ul {width: 10000px;height: 260px;  }


#gallery-overlay {background-color:#000;}
#gallery-container {font: 16px/22px verdana, arial, sans-serif;}
#gallery { color:#999; display:none; height:200px;margin:0 auto; position:relative; width:300px; box-shadow:0 0 64px #000; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#gallery-image-container {display:none; height:100%;}
#gallery-loading {padding:8px;}
#gallery-controls {display:none; height:100%; left:0; position:absolute; top:0; width:100%;}
#gallery-controls div {float:left; height:100%; width:50%;}
#gallery-controls a {background:#fff; color:#000; font-size:12px; outline-style:none; position:absolute; text-decoration:none; top:40px;}
#gallery-previous-link {left:0; padding:6px 10px 6px 6px; border-radius:0 6px 6px 0; -moz-border-radius-bottom-right:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;}
#gallery-next-link {padding:6px 6px 6px 10px; right:0; border-radius:6px 0 0 6px; -moz-border-radius-bottom-left:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;}
#gallery-meta-container {background:#fff; color:#999; display:none; margin:0 auto; overflow:auto;}
#gallery-image {padding:8px;}
#gallery-meta {display:none; height:44px; padding:0px 8px;}
#gallery-meta div {float:left;}
#gallery-info {text-align:left; width:80%;}
#gallery-close {line-height:30px; text-align:right; width:20%;}
#gallery-close a {color:#999; font-size:24px; font-weight:bold; outline-style:none; text-decoration:none;}
#gallery-close a:hover {color:#bbb;}
#gallery-title a, #gallery-title a:link, #gallery-title a:visited {color:#666; font-size:14px; font-weight:bold; line-height:14px;}
#gallery-title a:visited:hover {color:#999}
#gallery-pages {color:#999; display:block; font-size:10px; line-height:14px;}



.pages { display: table;margin: auto;padding-top: 30px; padding-bottom:50px;}
.pages li { float: left;}
.pages li a{height: 32px;  padding:0px 10px;line-height: 32px; background: #f3f3f3;color: #666; display: inline-block;margin-right: 10px;color: #666;text-align: center;}
.pages li a:hover{height: 32px;line-height: 32px; background: #42af51;color: #fff; text-align: center;}
.pages li.active a{background: #42af51; color: #fff}


.contact { float: left;width: 100%; position: relative;}
.contact div{ font-size: 14px; color: #7d7d7d; line-height: 30px;}


.product_order{float: left;}
.product_order h3 { font-weight: normal; font-size: 14px; color: #666; line-height: 30px;padding-top: 15px; }
.product_order ol li {line-height: 30px;width: 100%; float: left;margin-top: 20px;}
.product_order ol li span {width: 60px; text-align: right; display: inline-block;font-size: 14px; color: #000000;padding-right: 10px; float: left;}
.product_order ol li input{outline: none;border: none;width: 210px; height: 30px; line-height: 30px;border: 1px solid #a9a9a9; float: left;padding-left: 5px;}
.product_order ol li textarea{width: 510px; height: 130px;padding: 5px;resize:none;outline: none;}
.product_order p input{width: 100px; height: 40px;border: none;color: #fff;margin:20px 0px 40px 70px;cursor: pointer;outline: none; }
.product_order p input:first-child{ background: #42af51}
.product_order p input:last-child{ background: #414143;margin-left: 10px;}


.faq{width: 100%; float: left}
.faq dl{ padding:20px 0px; font-size: 14px; line-height: 24px; border-bottom: 1px dashed #7d7d7d}
.faq dl dt{ padding-bottom:10px; }
.faq dl,.faq dl dt,.faq dl dd{ float: left; width: 100%;  }
.faq dl dt span,.faq dl dt p,.faq dl dt i,.faq dl dd span,.faq dl dd p{ float: left; display: inline-block;}
.faq dl span{width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; background:#414143;margin-right:10px;}
.faq dl dt span { background:#42af51; }
.faq dl dd p {width: 860px; color: 666;}
.faq dl dt p a{ color: #42af51;font-size: 16px; font-weight:bold;}
.faq dl dt p a:hover{ color: #ff6600 }
.faq dl dt i { color: #42af51; margin-left:10px; }



.faqshow{padding-bottom: 0px;width: 100%; float: left;}
.faqshow .tc{ text-align: center;width: 100%;font-size: 18px; color: #42af51;font-weight: bold;padding:40px 0px 20px; }
.faqshow div{ line-height: 28px; color: #666;font-size: 14px;padding-bottom: 5px; float: left}
.faqshow dl{ float: left;width: 100%;line-height: 26px;font-size: 14px;}
.faqshow dl dt{ float: left;color: #666;}
.faqshow dl dd a{ float: left;color: #666}
.faqshow dl dd a:hover{ color: #42af51}


.news {width: 100%; float: left}
.news dl {margin-top:20px;width: 100%; float: left; cursor: pointer;}
.news dl dt {width: 90px; float: left; margin-right:15px; text-align: center;}
.news dl dt span {width: 100%; height: 60px; line-height: 60px; background: #f3f3f3; color: #333333; font-size: 26px;display: inline-block;}
.news dl dt i {width: 100%; height: 30px; line-height: 30px; background: #414143; color: #fff; display: inline-block;}
.news dl dd { width:calc(100% - 110px); float: left }
.news dl dd p a{font-size: 16px; color: #333;width: 100%; float: left; line-height: 24px}
.news dl.hover dd p a {color:#42af51}
.news dl.hover dt i{ background:#42af51  }
.news dl dd span {font-size: 14px; color: #666;width: 100%; float: left; line-height: 22px}


.product_order{float: left;}
.product_order ol li {line-height: 30px;width: 100%; float: left;margin-top: 20px;}
.product_order ol li span {width: 70px; text-align: right; display: inline-block;font-size: 14px; color: #000000;padding-right: 10px; float: left;}
.product_order ol li input{outline: none;border: none;width: 210px; height: 30px; line-height: 30px;border: 1px solid #a9a9a9; float: left;padding-left: 5px;}
.product_order ol li textarea{width: 510px; height: 130px;padding: 5px;resize:none;outline: none;}
.product_order p input{width: 100px; height: 40px;border: none;color: #fff;margin:20px 0px 40px 70px;cursor: pointer;outline: none; }
.product_order p input:first-child{ background: #42af51}
.product_order p input:last-child{ background: #414143;margin-left: 10px;}

.pro_tit {width: 100%; height: 50px; line-height: 50px; color: #42af51; font-size: 18px; text-indent: 20px; float: left; background: #f4f4f4; font-weight: normal;}
/*.block span { float: left; width: 36px;margin-top:15px; }
.block ul { float: left; width: 220px; overflow: hidden;margin-top:15px;margin-left: 5px; }
*/

.faqshow_top {width: 100%; float: left ; margin-bottom:30px;}
.col_42af51 { color:#42af51;font-weight:bold;}

.faqshow .faqshow_r {width: 415px; float: right;padding-top:20px;}
.faqshow .faqshow_r p {padding-bottom:10px}
.faqshow .faqshow_r p.col_42af51 { color: #42af51 }

a.cloud-zoom img{border:1px solid #f5f5f5;width: 300px;}
.block{width:300px;margin:20px 0px 0px;text-align:center; float: left}
.block ul img{border:1px solid #f5f5f5;float:left;margin:0px 5px;width: 60px;}
.block ul a.hover img{ border: 1px solid #ff9f00 }
.block ul li {width: 10000px;}
p.author{clear:both;text-align:center;color:#999;font-size:11px;}
p.author a{text-decoration:none;color:#666;border-bottom:1px dashed #CCC;width: 60px;float: left}

	
/* This is the moving lens square underneath the mouse pointer. */
/* .cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	Set this to minus the border thickness.
	background:#fff;	
	_background:none;
	cursor:move;		
}
 */
/* This is for the title text. */
/* .cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}
 */
/* This is the zoom window. */
/* .cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}
 */
/* This is the loading message. */
/* .cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}
 */


.download{width: 100%; float: left;margin-top: 20px;}
.download ul li {width: 100%; height: 45px;line-height: 45px; float: left; background: #efefef;margin-bottom: 8px; cursor: pointer;}

.download ul li p {position: relative; text-indent: 30px;width: 80%; overflow: hidden; float: left;}
.download ul li p:before{position: absolute; left: -15px; content: ''; top: 0px; font-size: 40px; color: #333;}

.download ul li span { float: right; }
.download ul li span a{width: 120px; height: 45px; background: #d42c26; line-height: 45px; text-align: center; display: inline-block;color: #fff;font-size: 16px;}
.download ul li span a:hover{width: 120px; height: 45px; background: #42af51; line-height: 45px; text-align: center; display: inline-block;color: #fff;font-size: 16px;}

.download ul li.hover {color: #42af51}


.lf{float: left;}
.rt{float: right;}
.product_detail {
    padding: 20px 0;
    position: relative;
    left:0px;
}

.detail_pic {
    width: 340px;
}

.detail_pic img {
    width: 100%;
}

.detail_text {
    width: 490px;
}

.detail_text h1 {
    color: #e7a60b;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 5px;
}

.detail_text p {
    font-size: 14px;
    line-height: 24px;
}

.detail_text .buy-btn {
    display: block;
    width: 150px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 3px;
    background: #008BD6;
    margin-top: 40px;
    margin-bottom: 15px;
}

.product_detail_list {
    padding: 0px 0;
    overflow: hidden;
}

.product_detail_list ul {
    margin-right: -20px;
    position: relative;
}

.product_detail_list li {
    float: left;
    width: 208px;
    margin-right: 20px;
    text-align: center;
}

.product_detail_list li .product_detail_list_pic {
    height: 208px;
    padding: 3px;
    box-sizing: border-box;
    border: 1px solid #efefef;
    overflow: hidden;
}

.product_detail_list li img {
    width: 100%;
}

.product_detail_list li p a {
    display: block;
    font-size: 14px;
    line-height: 34px;
    background: #008bd6;
    color: #fff;
}

.product_detail_info_l {
    position: relative;
    float: left;
    width: 402px;
}

.product_big {
    position: relative;
    height: 402px;
	width: 402px;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    margin-bottom: 10px;
    overflow: hidden;
    cursor: move;
}

.img_mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    background-size: 100%;
    margin: -100px 0 0 -100px;
    display: none;
}

.zoom_box {
    position: absolute;
    top: 0;
    right: -405px;
    width: 400px;
    height: 400px;
    border: 1px solid #e9e9e9;
    display: none;
}

.product_big img {
    width: 100%;
}

.product_small_list {
    margin-left: 2px;
    width: 368px;
    overflow: hidden;
}

.product_small_list ul {
    width: 100000px;
    position: relative;
}

.product_small_list li {
    float: left;
    width: 69px;
    height: 69px;
    text-align: center;
    padding: 1px;
    margin: 0 2px;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;

}

.product_small_list li img {
    width: 63px;
	height: 63px;
}

.product_small_list li.show {
    border: 2px solid #42af51;
    padding: 0;
}

.faqshow div.product_small_btn {
    width: 16px;
    height: 69px;
    line-height: 69px;
    text-align: center;
    font-size: 14px;
    font-family: å®‹ä½“;
    border: 1px solid #ccc;
    background: #e9e9e9;
    box-sizing: border-box;
    cursor: pointer;
}
.faqshow div .product_small_r{float: right;}
.order_btn a {width: 120px;height: 40px; line-height: 40px;display: inline-block; text-align: center; color: #fff;background: #42af51; float: left;margin-top: 20px;}
.order_btn a:hover{color: #fff}

.faqshow_tyext{ width: 100%; float: left; line-height: 28px; color: #666;font-size: 14px;padding-bottom: 20px; float: left }