/* Generated by wjdhcms 3.0 */















@charset "utf-8";















/*-----------CSS Reset-----------*/















::selection {







	color:#fff;







    background-color: #039741;







}















::-moz-selection {







	color:#fff;







    background-color: #039741;







}















::-webkit-selection {







	color:#fff;







    background-color: #039741;







}















::-webkit-scrollbar {







    width: 8px;







    height: 8px;







    background-color: #F5F5F5;







}















::-webkit-scrollbar-track {







    border-radius: 10px;







    background-color: #E2E2E2;







}















::-webkit-scrollbar-thumb {







    border-radius: 10px;







    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);







    background-color: #555;







}















* {







    padding: 0;







    margin: 0;







}















body {







    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;







    color: #333;







    margin: 0;







    line-height: 1.5;







}















:focus {







    outline: 1;







}















article,







aside,







canvas,







details,







figcaption,







figure,







footer,







header,







hgroup,







menu,







nav,







section,







summary {







    display: block;







}















a {







    margin: 0;







    padding: 0;







    border: 0;







    font-size: 100%;







    vertical-align: baseline;







    background: transparent;







}















ins {







    background-color: #ff9;







    color: #000;







    text-decoration: none;







}















mark {







    background-color: #ff9;







    color: #000;







    font-style: italic;







    font-weight: bold;







}



.clear {clear: both;}











del {







    text-decoration: line-through;







}















table {







    border-collapse: collapse;







    border-spacing: 0;







}















hr {







    display: block;







    height: 1px;







    border: 0;







    border-top: 1px solid #cccccc;







    margin: 1em 0;







    padding: 0;







}















input,







select {







    vertical-align: middle;







}























li,







ul {







    list-style-type: none;







}















img {







    border: none;







}















a {







    color: #333;







    text-decoration: none;







    -webkit-transition: all .3s ease-out;







    transition: all .3s ease-out;







}















a:link,







a:hover,







a:active,







a:visited {







    text-decoration: none;







}















input,







textarea {







    outline: 0;







    border: 0;







}















textarea {







    resize: none;







}















h1,







h2,







h3,







h4,







h5,







h6,







dl,







dd,







dt,







i,







em {







    font-weight: normal;







    font-style: normal;







}















.banner{ width:100%; height: 500px; margin:0 auto; clear: both;}







.banner img{display:block; width:100%; height: 500px;}







.fullSlide{width:100%;position:relative;height:100%;background:transparent}







.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}







.fullSlide .bd ul{height:100%;}







.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat;}







.fullSlide .bd li a{display:block;height:100%}







.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;}







.fullSlide .hd ul{text-align:center;margin-bottom:10px;}







.fullSlide .hd ul li{background:#d5d5d5;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:500px;}







.fullSlide .hd ul .on{background:#c4dd65;}







.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(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none;}







.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}















/**search**/







.search_box{width: 100%; height:50px; border-bottom: solid 1px #c4dd65;}







.search{width: 1180px; margin:auto; height:50px;}







.keytext{width: 770px;height: 50px;line-height: 50px; float: left; font-family:Microsoft YaHei; font-size:14px;}







.keytext span{line-height:50px; color: #4c4c4c; font-weight:bold;}







.keytext a{margin: 0px 8px 0px 0px; line-height:30px; color:#4c4c4c;}







.rmgj-n-r{ float:right; margin-top:8px; border: solid #16934f 1px;}







.text{padding:0px 0px 0px 10px; float:left; height:34px; width:210px; font-size:14px; color:#666; font-family:"微软雅黑";}







.submit{width:55px; height:34px; border:0; padding:0; background:url(../images/sea.jpg); float:left;}















/*视频展示对比*/







.sec1{







	width: 100%;







	height: 1002px;







	background: url(../images/sec1_bg.jpg) no-repeat center;







	clear: both;







}







.sec_1{







	width: 1180px;







	height: 1002px;







	margin: 0 auto;







	overflow: hidden;







}







.sec1_top{







	overflow: hidden;







	margin-top:50px;







}







.sec1_l{







	float: left;







	margin-left: 7%;







}







.sec1_l h4{







	font-size: 30px;







	font-weight: bold;







	color: #666;







	margin-left: 40px;







}







.sec1_l ul li {







	margin-top: 35px;















}







.sec1_l ul li img{







	width: 396px;







	height: 164px;







}







.sec1_r{







	float: right;







	margin-right: 7%;







}







.sec1_r h4{







	font-size: 30px;







	font-weight: bold;







	color: #039741;







	margin-left: 40px;







}







.sec1_r ul li {







	margin-top: 35px;







}







.sec1_r ul li img{







	width: 396px;







	height: 164px;







}







.video{







	clear: both;







	overflow: hidden;







	margin-top: 80px;







}







.vi_l{







	margin-left: 20px;







	width: 360px;







	height: 356px;







	float: left;







	background: url(../images/video_l.jpg) no-repeat;







	position: relative;







}







.vi_l h4{







	font-weight: bold;







	color: #fff;







	font-size: 24px;







	position: absolute;







	left: 66px;







	top:40px;







}







.vi_l p a{







	font-size: 24px;







	color: #039741;







	position: absolute;







    top: 157px;







    left: 111px;







	letter-spacing: 2px;







}







.vi_l span{







	font-weight: bold;







	color: #fff;







	font-size: 24px;







	position: absolute;







    left: 115px;







    bottom: 74px;







}







.vi_r{







	width: 770px;







	height: 356px;







	float: left;







	margin-left: 20px;







}















/*产品分类*/







.pro_box{







	width: 100%;







	height: 734px;







	clear: both;







}







.pro{







	width: 1180px;







	height: 734px;







	margin: 0 auto;







	overflow: hidden;







}







.pro_l{







	margin-top: 40px;







	width: 235px;







	height: 650px;







	float: left;







	background: url(../images/pro_l.jpg) no-repeat;







}







.pro_l h2 a{







	display: block;







    font-size: 30px;







    color: #fff;







    margin-left: 52px;







    margin-top: 70px;







}







.pro_l ul{





margin-top: 14px;





height: 360px;

}







.pro_l ul li{







	width: 235px;







	height: 50px;







	border-bottom: 3px solid #fff;







}







.pro_l ul li a{







	display: block;







	line-height: 50px;







	font-size: 16px;







	color: #4c4c4c;







	text-align: center;







}







.pro_l p{





font-size: 24px;





font-weight: bold;





color: #f37a03;





margin-left: 35px;





margin-top: 41px;

}







.pro_l span a{







	display: block;







	width: 125px;







	height: 32px;







	background: #039741;







	color: #fff;







	text-align: center;







	line-height: 32px;







    margin-left: 60px;







    margin-top: 30px;







}







.pro_l ul li a:hover{







	color: #f37a03;







}















.pro_r {







	width: 930px;







	height: 770px;







	float: right;







	margin-top: 40px;







}







.pro_r_title {







	width: 924px;







	height: 50px;







	margin-left: 15px;







	overflow: hidden;







}







.pro_r_title a{







	display: block;







	float: right;







	margin-right: 10px;







	line-height: 40px;







	color: #16934f;







}







.pro_r_title h4 a{







	float: left;







	display: block;







}







.pro_r_con ul{







	overflow: hidden;







}







.pro_r_con ul li{







	float: left;







	width: 210px;







	height: 188px;







	border: solid #e1e1e1 1px;







	margin: auto 10px;







	margin-bottom: 16px;







}







.pro_r_con ul li img{







	width: 210px;







	height: 153px;







	border-bottom: #e1e1e1 solid 1px;







}







.pro_r_con ul li span{







	display: block;







	text-align: center;







	line-height: 22px;







}







.pro_r_con ul li:hover{







	border: #039741 solid 1px;







}







.pro_r_con ul li:hover span{







	color: #039741;







}







.pro_r_con ul li:hover img{







	border-bottom: #039741 solid 1px;







}















/*x_banner1*/







.sm_box1{







	width: 100%;







	height: 280px;







	background: url(../images/x_banner1.jpg) no-repeat center;







	clear: both;







}







.sm_con1{







	width: 1180px;







	height: 280px;







	margin: 0 auto;







	position: relative;







	overflow: hidden;







}







.sm_con1 h4{







	font-size: 24px;







	color: #c3fd77;







	font-weight: bold;







	text-align: center;







	margin-top: 22px;







}







.sm_con1 h5{







	font-size: 20px;







	color: #fff;







	line-height: 36px;







    margin-left: 22%;



    margin-top: 30px;







}







.sm_con1 p{







	color: #fff;







	font-size: 16px;







	position: absolute;







    bottom: 40px;







    left: 30%;







}







.sm_con1 p span{







	font-size: 24px;







	font-weight: bold;







}







.sm_con1 a{







	display: block;







	width: 140px;







	height: 40px;







	background: url(../images/x_b1_btn2.jpg) no-repeat;







	line-height: 40px;







	color: #16934f;







	text-align: center;







	position: absolute;







    bottom: 40px;







    left: 60%;







}















/*优势*/







.ys_box{







	width: 100%;







	height: 1092px;







	background: url(../images/ys_bg.jpg) no-repeat center;







}







.ys{







	width: 1180px;







	height: 1092px;







	margin: 0 auto;







	position: relative;







}







.ys_title h3{







	position: absolute;







    top: 43px;







    left: 35%;







}







.ys_title h3 a{







	display: block;







	font-size: 34px;







	color: #505050;







	line-height: 60px;







	text-align: center;







}







.ys_title h3 a span{







	font-size: 40px;







	color: #039741;







	font-weight: bold;







}







.ys_title p{







	text-align: center;







	font-size: 16px;







	color: #fff;







	line-height: 40px;







	position: absolute;







    top: 130px;







    left: 35%;







}







.ys_txt h4{







	font-size: 20px;







	color: #16934f;







	font-weight: bold;







	line-height: 36px;







}







.ys_txt span{







	display: block;







	color: #999;







	text-transform: uppercase;







}







.ys_txt p{







	color: #666;







	line-height: 24px;







	margin-top: 15px;







}







.ys1{







	position: absolute;







    top: 234px;







    left: 11%;







}







.ys2{







	position: absolute;







    top: 405px;







    left: 11%;







}







.ys3{







	position: absolute;







    bottom: 289px;







    right: 4%;







}







.ys4{







	position: absolute;







    bottom: 141px;







    right: 10%;







}







.ys_img1 img{







	position: absolute;







    right: 51px;







    top: 216px;







}







.ys_img2 img{







	position: absolute;







    left: 0px;







    bottom: 0px;







}















/*x_banner2*/







.sec6 {







	clear: both;







	width: 100%;







	height: 200px;







	background: url(../images/x_banner3.jpg) no-repeat center;







}







.sec_6{







	width: 1180px;







	height: 200px;







	margin: 0 auto;







	overflow: hidden;







	position: relative;







}



.sec_6 h4{



	font-size: 24px;







	font-weight: bold;







	color: #defec6;







	margin-left: 10%;







	margin-top: 30px;



}



.sec_6 ul{



	overflow: hidden;



	margin-top: 20px;



}



.sec_6 ul li{



	font-size: 20px;







	color: #fff;







	float: left;







	margin-left: 50px;







}



.sec_6 p{







	color: #fff;







	font-size: 16px;







	position: absolute;







    top: 40px;







    right: 5%;







}







.sec_6 p span{







	font-size: 24px;







	font-weight: bold;







}







.sec_6 a{







	display: block;







	width: 140px;







	height: 40px;







	background: url(../images/x_b1_btn2.jpg) no-repeat;







	line-height: 40px;







	color: #16934f;







	text-align: center;







	position: absolute;







    bottom: 40px;







    right: 7%;







}











/* 滑动门通用按钮 */







.lefts ,.rights {display: block;width: 40px;height: 76px;margin-top:-32px; position: absolute;top:50%; background: url(../images/par_btn.png) no-repeat;}







.lefts {background-position: 0 0;left: 10px;}







.rights {background-position: -40px 0;right: 10px;}















/*case*/







.case_box{







	clear: both;







	width: 100%;







	height: 463px;







	background: url(../images/case_bg.jpg) no-repeat center;







}







.case{







	width: 1180px;







	height: 463px;







	margin: 0 auto;







}







.case_title h3 a{







	font-weight: bold;







	display: block;







	font-size: 24px;







	color: #039741;







	line-height: 40px;







	text-align: center;







	padding-top: 50px;







    padding-left: 17px;







}







.case_title p{







	font-size: 18px;







	color: #656566;







	text-align: center;







	padding-left: 17px;







}







.case_con {width:1180px;height:272px;position:relative; overflow: hidden;}







.case_con ul {    margin: 44px 70px auto;







   				 overflow: hidden;}







.case_con li {float:left;width:316px; height: 228px; background: #d9f080; margin-right:20px;text-align:center;}







.case_con li img {width:302px;height:180px; padding: 7px;}







.case_con li a {display:block;line-height:20px;font-size:14px;}







.case_con li span{







	display: block;







	white-space:nowrap;







	overflow:hidden;







	text-overflow:ellipsis;







	color: #333;







}







.case_con li a:hover span{







	color: #039741;







}























/*客户评价*/















.cus_box {







	width: 100%;







	height: 532px;











	background: url(../images/cus_1.jpg) no-repeat center;



	display: none;



}















.cus {







	width: 1180px;







	height: 532px;







	margin: 0 auto;







	overflow: hidden;







}







.cus_ti{







	width: 330px;







	height: 80px;







	margin: 26px auto 0;







}







.cus_ti h3 a{







	display: block;







	font-weight: bold;







	font-size: 24px;







	color: #039741;







	line-height: 40px;







	text-align: center;







}







.cus_ti a img{







	width: 67px;







	height: 27px;







	margin-left: 132px;







}







.cus ul{







	overflow: hidden;







}







.cus ul li{







	float: left;







	width: 244px;







	height: 335px;







	background: #fff;







	border-top: solid #039741 5px;







	margin-left: 40px;







	position: relative;







}







.cus ul li img{







	width: 240px;







	height: 152px;







	margin-left: 2px;







}







.cus ul li h4 a{







	font-weight: bold;







	font-size: 14px;







	color: #333;







	line-height: 30px;







	width: 202px;







	margin-left: 20px;







	display: block;







	white-space:nowrap;







	overflow:hidden;







	text-overflow:ellipsis;







}







.cus ul li p{







	font-size: 12px;







	color: #333;







	line-height: 24px;







	width: 204px;







	height: 96px;







	letter-spacing: 0.5px;







	overflow: hidden;







	margin-left: 20px;







}







.cus ul li span a{







	display: block;







	font-size: 14px;







	font-weight: bold;







	color: #db2b37;







	position: absolute;







	right: 20px;







	bottom: 20px;







}















/*about us*/







.us_box{







	width: 100%;







	/* height: 995px; */







	background: url(../images/us_bg.jpg) no-repeat center;







	clear: both;







}







.us{







	width: 1180px;







	/* height: 995px; */







	margin: 0 auto;







	overflow: hidden;







}



.us_left{ float: left; width: 640px; }



.us_left h3 a img {







    display: block;







    margin: 60px auto 40px;







}







.us_left p{







	color: #666;







	width: 640px;







	height: 164px;







	overflow: hidden;







	text-align: center;







	line-height: 24px;







}







.us_left em{







	display: block;







	width: 472px;







	height: 292px;







	margin:40px auto;







}







.us em img{







	width: 472px;







	height: 292px;







}



.us_right{ float: right; width: 430px; display: none;}







.us_right_gd{width: 430px; height:460px; overflow: hidden;}











.us_right h3 a img {







    display: block;







    margin: 60px auto 40px;







}







.us_right h3{ font-size: 20px; color: #666666; }



.us_right ul{width: 430px; }



.us_right ul li{ font-size: 14px; color: #333; height: 56px; line-height:56px;overflow: hidden; padding-left: 42px;margin-bottom: 10px;}







.us_right ul li a{display: block; width: 360px;height: 56px;overflow: hidden;}



.us_1{background:url(../images/alnewa.jpg) no-repeat;width: 428px; height: 56px;}



.us_2{background:url(../images/alnewb.jpg) no-repeat;width: 428px; height: 56px;}







.us_b{







	width: 1180px;







	height: 360px;



    overflow: hidden;







}







.us_b_menu{







	overflow: hidden;







}







.us_b_menu ul{







	overflow: hidden;







	margin-left: 28%;







    margin-top: 12px;



	margin-top: 40px;







}







.us_b_menu ul li{







	float: left;







	margin-left:30px;







}







.us_b_menu ul li a{







	display: block;







	width:140px;







	height: 40px;







	background: #959595;







	font-size: 18px;







	color: #fff;







	line-height: 40px;







	text-align: center;







}







.us_b_menu ul li a:hover ,.us_b_menu ul .seleceted a{







	background: #039741;







}







.us_b_con ul {



    height:290px;



	overflow: hidden;







	margin-top: 30px;







}







.us_b_con ul li{







	float: left;







	width: 232px;







	height: 190px;







	margin-left: 30px;







}







.us_b_con ul li a img{







	width: 220px;







	height: 150px;







	background: #fff;







	padding: 6px;







	border: solid #e1e1e1 1px;







}







.us_b_con ul li span{







	display: block;







	font-size: 14px;







	color: #4c4c4c;







	text-align: center;







	white-space: nowrap;







	overflow: hidden;







	text-overflow: ellipsis;







}







.hide{







	display: none;







}







.us_tel{







	clear: both;







	overflow: hidden;







	margin-top: 30px;







}







.us_tel i{







	font-size: 16px;







	color: #333;







	float: left;







	margin-left: 29%;







}







.us .us_tel i span{







	font-weight: bold;







	font-size: 24px;







	color: #039741;







}







.us .us_tel b a{







	float: left;







	display: block;







	width: 140px;







	height: 40px;







	background: #039741;







	border-radius: 5px;







	color: #fff;







	text-align: center;







	line-height: 40px;







	margin-left: 50px;







	font-weight: 500;







}























/*新闻中心*/







.page7_box{width: 100%; height: 570px; background: url(../images/new_bg.jpg) no-repeat center;}







.page7{ width: 1180px; height: 570px; margin: 0 auto;position: relative; }







.p7_left{ float: left; width: 556px; height: 480px; margin-top: 50px; overflow: hidden; margin-left: 50px;padding-right: 36px; border-right: solid #999 2px; position: relative;}







.p7_left a img{width: 517px; height: 180px;}







.n_btn{width: 517px; height: 36px; overflow: hidden; margin-bottom: 19px;}







.n_btn a{display: block; width: 120px; height: 36px; background-color: #fe8a01; font-size: 16px; color: #fff; text-align: center; line-height: 36px; float: left; margin-right: 30px;}







.n_btn a:hover{background-color: #039741;}







.n_btn .selecte{background-color: #039741;}







.txt_box{ width: 519px; clear: both;}







.tan_t{ width: 519px;height: 66px; padding-top: 12px; margin-bottom: 14px; clear: both;}







.tan_t h5 a{font-size: 16px; color: black; display: block; font-weight: 500; width: 520px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}







.tan_t p{font-size: 14px; color: #4c4c4c; line-height: 20px; margin-top: 10px; width: 520px; height: 40px; overflow: hidden;}







.new_txt ul li a{ width: 520px; display: block; font-size: 14px; color: #4c4c4c; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}







.new_txt ul li{ border-bottom: dashed 1px #ccc; width: 520px;}







.new_txt ul li a:hover{color: #039741;}















.p7_right{width: 430px; height:470px; float: right;overflow: hidden;position: absolute; top:50px; right: 50px;}







.question{width:430px; float:right;}







.question .con_news_t h3{ margin:0; }







.question .con_news_t p{font-weight: bold; font-size: 18px; color: #4c4c4c;}







.question .con_news_t h3 a{ font-size: 18px; color: #333; line-height:36px;}







.question .con_news_t{ border-bottom:solid 1px #b6b6b6;}







.question .con_news_t  span{ float:right;  padding-top: 30px;}







.question .con_news_t span a{ font-size:14px; color:#555; line-height:30px;}







.faq {width:420px;height:400px;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:10px; overflow: hidden;}







.faq .contant {position:relative;height:520px; margin-top: 10px;}







.faq .faq-c{ position:relative;}







.faq .faq-c .faq-l {margin-bottom:20px;clear:both;overflow:hidden; border-bottom:1px dashed #cfcfcf;}







.faq .faq-c .faq-l .faq-w span{width: 36px;height: 72px;line-height:23px;text-align:center;float:left;margin-bottom:10px; background:url(../images/QA.jpg) no-repeat center top;}







.faq .faq-c .faq-l .faq-w p {float:right;line-height: 23px;width: 360px;margin:0;color: #2f2f2f;font-size: 16px;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}







.faq .faq-c .faq-l .faq-d p {float:right;width: 360px;height:80px;line-height:25px;margin:0;color: #333;overflow:hidden; margin-top: 15px;}























.link_box {







	width:100%;







	height: 130px;







	border-top: solid #e1e1e1 1px;







}







.link_con{







	width: 1180px;







	height: 70px;







	margin: 0 auto;







}







.link{







	margin-top: 10px;







	width: 140px;







	float: left;







	margin-left: 20px;







}







.link h4{







	font-size: 16px;







	color: #039741;







	font-weight: bold;







	text-align: center;







	line-height: 26px;







}







.link p{







	font-size: 14px;







	color: #039741;







	text-align: center;







}







.link_R{







	float: left;







	margin-left: 30px;







}







.link_R ul{







	overflow: hidden;







}







.link_R ul li{







	float: left;







}







.link_R ul li a{







	float: left;







	display: block;







	font-size: 14px;







	line-height: 70px;







	margin-left: 15px;







	margin-right: 15px;







}







.link_R ul li a:hover{







	color: #039741;







}