/*Generated by wjdhcms 3.0 */







@charset "utf-8";







/*-----------公用-----------*/







::-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;



    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



}







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;



}







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**/



.banner{width:100%; margin:0 auto; position:relative; height:600px;}



.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 .on{background:#218d00;}



.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;background-color: #019a62;}



.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: #fff; }



.keytext a{margin: 0px 8px 0px 0px; line-height:50px; color:#fff;}



.rmgj-n-r{ float:right; margin-top:11px;border-bottom: 1px solid #fff;}



.text2{padding:0px 0px 0px 10px; float:left; height:26px; width:150px; font-size:14px; color:#fff;background:rgba(0,0,0,0);}



.submit{width:30px; height:28px; border:0; padding:0; background:url(../images/search_but.png) no-repeat 0px 5px; float:left;cursor: pointer;}







/*公共标题*/



.title{



	text-align: center;



}



.title>h3,.title>h2{



	margin:60px 0 40px 0;



	background:url(../images/title_icon.png) no-repeat center;



}



.title>h3>p,.title>h2>p{



	color: #808080;



	font-size: 20px;



	text-transform: uppercase;



	



	



}



.title>h3>a,.title>h2>a{



	color: #019a62;



	font-size: 26px;



	font-weight: bold;



	display: block;



	margin-bottom: 10px;



}







/*公共标题*/


.pro_bg{
 height:760px;
    overflow: hidden;
}

.ryzz_bg{
 height:152px;
    overflow: hidden;
}


/*案例*/







.anli_cont ul li{



	float: left;



	width: 372px;



	height:279px;



	overflow: hidden;



	position: relative;



	margin:10px;



}



.anli_cont ul li:hover img{



	width: 382px;



	height:280px;



  transform: scale(1.2);



    -o-transform: scale(1.2);



    -ms-transform: scale(1.2);



    -moz-transform: scale(1.2);



    -webkit-transform: scale(1.2);



}



.anli_cont ul li>div>a{



	width: 372px;



	height: 30px;



	background-color: rgba(1,154,98,.9);



	position: absolute;



	bottom: 0px;



	text-align: center;



	display: block;



	margin: 0 auto;



	line-height: 30px;



	color: #fff;



}



.anli_cont ul li:hover>div>a{



	background-color: rgba(245,134,12,.9);



}



.anli_cont ul li>a>img{



	width: 372px;



	height:280px;



	  transition: 0.5s;



    -o-transition: 0.5s;



    -ms-transition: 0.5s;



    -moz-transition: 0.5s;



    -webkit-transition: 0.5s;



}



/*案例*/







/*产品开始*/







.pro_left{



	width: 254px;



}



.pro_left ul li{



	width: 254px;



	height: 54px;



	background-color: #fafafa;



	margin-bottom: 2px;



	text-align: center;



	  -webkit-transition: all 0.35s ease-in-out;



  -moz-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;



}



.pro_left ul li:hover{



	background-color: #019a62;



	  -webkit-transition: all 0.35s ease-in-out;



  -moz-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;



}



.pro_left ul li:hover a{



	color: #fff;



}



.pro_left ul>h4>a{



	width:252px;



	height:42px;

	text-align: center;

	background-color:#fff;



	line-height: 42px;



	font-size: 16px;



	display: block;



	color: #4c4c4c;





	margin-top: 1px;



}



.pro_left ul>h4>a:hover{



	background-color:#fe860c;



	color: #fff;



}





.pro_left ul li a{



	height:54px;



	width: 254px;



	color: #666;



	font-size: 16px;



	line-height: 54px;



	display: block;



}





.pro_right{



	width: 920px;



}







.tab3_menu{width: 940px;height: 38px;margin:0 0 10px 10px;}



.tab3_menu li{float:left;width:134px;height:38px;line-height:38px;border-bottom:0px;cursor:pointer;text-align:center;margin:0 10px 0 0px;background-color: #019a62}



.tab3_menu li a{



	color: #fff;



	font-size: 16px;



}



.tab3_menu p{



	float: right;



	line-height: 38px;



	height: 38px;



}



.tab3_menu p a{



	color: #666;



	padding-right: 10px;



}



.tab3_menu p a:hover{



	color: #019a62;



}



.tab3_menu .on{



	background-color:#fe860c;



}



.tab3_menu .on a{



	color: #fff;



}















.section_body>ul>li{



    margin:10px 10px;



    float:left;



   position: relative;



width:286px;







}







.section_body>ul>li>div{



   width:288px;



height:216px;



   



    overflow:hidden;



}



.section_body>ul>li>div>a>img{



   width:288px;



height:216px;



    transition: 0.5s;



    -o-transition: 0.5s;



    -ms-transition: 0.5s;



    -moz-transition: 0.5s;



    -webkit-transition: 0.5s;



}



.section_body>ul>li:hover>div>a>img{



   width:298px;



height:224px;



    overflow: hidden;



    transform: scale(1.2);



    -o-transform: scale(1.2);



    -ms-transform: scale(1.2);



    -moz-transform: scale(1.2);



    -webkit-transform: scale(1.2);



}







.section_body>ul>li>a{



    width:288px;



    height:30px;



    display: block;



    color:#4c4c4c;



	background-color: #f5f5f5;



    line-height:30px;



    text-align: center;



    overflow:hidden;



    font-size: 14px;











   



}



.section_body>ul>li:hover>a{



 background-color: #019a62;



 color: #fff;



}







/*产品结束*/















/*第一个小banner开始*/







.s_banner1{



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



	height: 570px;







}



.s_banner2{



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



	height: 570px;







}



.s_font2{



	text-align: right;



}







.s_font1{



	margin-top: 170px;



}



.s_banner1 p{







	color: #fff;



	font-size: 14px;



	text-transform: uppercase;







}



.s_banner1 h4{



	text-transform: uppercase;



	color: #cccccc;



	font-size: 24px;







}



.s_banner1 h5{



	font-weight: bold;



	



	color: #fff;



	font-size: 24px;



	margin:4px 0;



}



.s_banner1 i{



	color: #fff;



	font-size: 26px;



	



	display: block;



}



.s_banner1 i>span{



	font-size:14px;



}



.s_banner1 a{



	  width: 140px;



    height: 38px;



    line-height: 38px;



    color: #fff;



    text-align: center;



    font-size: 14px;



    display: inline-block;



    background-color: #fe860c;



    margin-top:10px;



    float: left;



    display: block;



    font-size: 16px;



}



.s_banner1 a:hover{



	 background-color: #fff;



	 color: #fe860c;



}



.s_banner2 a{



	float: right;



}



/*第一个小banner结束*/











/*优势开始*/



.ys_box h3{



	background: none;



}



.ys_l{



	width: 590px;



}



.ys_l ul li{



	text-align: left;



	margin-top: 60px;



	padding-left:56px;



}



.ys_l ul li h5{



	color: #019a62;



	font-size: 22px;



	font-weight: bold;



}







.ys_l ul li h4{



	color: #019a62;



	font-size: 12px;



	text-transform: uppercase;



	



	display: block;



	width: 400px;



}



.ys_l ul li p{



	color: #4c4c4c;



	font-size: 16px;



	padding-top: 10px;



	



}



.ys_l ul li em{



	width: 400px;



	height: 1px;



	background: #019a62;



	display: block;



	margin-top: 2px;



}



.ys_l ul{



	width: 560px;



	



}



.ys1{



	background: url(../images/ys_icon1.png) no-repeat left top;



}



.ys2{



	background: url(../images/ys_icon2.png) no-repeat left top;



}



.ys3{



	background: url(../images/ys_icon3.png) no-repeat left top;



	margin-left: 60px;



}



.ys4{



	background: url(../images/ys_icon4.png) no-repeat left top;



	margin-left: 60px;



}



.ys5{



	background: url(../images/ys_icon5.png) no-repeat left top;







}



.ys6{



	background: url(../images/ys_icon6.png) no-repeat left top;



	



}



.ys22{



	margin-top: 80px;



}



.ys33{



	margin-top: 60px;



}



/*优势结束*/







/*品质*/



.pz_bg{



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



	height:575px;



	margin-top: 50px;



	padding-top: 50px;



}	



.pz_box h3 a,.pz_box h3 p{



	color: #fff;



}







.pz_box h3{



	background: none;







}



.pz_box ul li{



	float: left;



	width: 172px;



	height: 116px;



	border-radius: 10px;



	margin:0 25px 50px 25px;



	text-align: center;



	background: #fff;



	  -webkit-transition: all 0.35s ease-in-out;







  transition: all 0.35s ease-in-out;



}



.pz_box ul li:hover{



		cursor:pointer;



box-shadow:0px 0px 16px rgba(254,134,12,1);



transform:translate3d(0,-2px,0);



background-color: #fe860c;



}



.pz_box ul li:hover h4,.pz_box ul li:hover p{



	color: #fff;



}



.pz_box ul li h4{



	color: #019a62;



	font-size: 22px;



	font-weight: bold;



	margin-top: 32px;



	  -webkit-transition: all 0.35s ease-in-out;







  transition: all 0.35s ease-in-out;



}



.pz_box ul li p{



	color: #808080;



	text-transform: uppercase;



	  -webkit-transition: all 0.35s ease-in-out;







  transition: all 0.35s ease-in-out;



}



/*品质*/







/*客户见证*/



.khjz_box ul li{

float: left;

width: 353px;

margin:0 20px;

text-align: left;
}



.khjz_box ul li>a{

width: 100%;

display: block;

overflow: hidden;
}



.khjz_box ul li>a>img{

width: 100%;

height: 265px;

transition: 0.5s;

-o-transition: 0.5s;

-ms-transition: 0.5s;

-moz-transition: 0.5s;

-webkit-transition: 0.5s;
}



.khjz_box ul li:hover>a>img{



	width: 342px;



	height: 265px;



	   



    transform: scale(1.2);



    -o-transform: scale(1.2);



    -ms-transform: scale(1.2);



    -moz-transform: scale(1.2);



    -webkit-transform: scale(1.2);



}



.khjz_box ul li>div>h4{



	margin:30px 0 20px 0;



}



.khjz_box ul li>div>h4 a{



	color: #4c4c4c;







}



.khjz_box ul li:hover>div>h4 a{



	color: #019a62;



}



.khjz_box ul li>div>p{

color: #808080;

width: 100%;

height: 40px;

overflow: hidden;

margin-bottom: 30px;

-webkit-transition: all 0.35s ease-in-out;

transition: all 0.35s ease-in-out;
}







.khjz_box ul li:hover>div>p{



	color: #019a62;



}



.khjz_box ul li>div>i{



	width: 160px;



	height: 1px;



	display: block;



	background-color: #808080;



  -webkit-transition: all 0.35s ease-in-out;







  transition: all 0.35s ease-in-out;



}



.khjz_box ul li:hover>div>i{



width: 100%;



background-color: #019a62;



}



.khjz_box{



	margin-bottom: 50px;



}



/*客户见证结束*/











/*about开始*/



.about_bg{



	margin:30px auto 0px auto;



}



.about_bg ul li{



	float: left;



	width: 570px;



	height: 370px;



	margin-top: 20px;



	



}



.about_bg ul li h3{



	



	margin-bottom: 30px;



}



.about_bg ul li h3 a{



	color: #4c4c4c;



	font-size: 20px;



	



}



.about_bg ul li h3 a:hover{



	color: #019a62;



}







.about_bg ul li>p{



	width: 554px;



	height: 86px;



	overflow: hidden;



	line-height: 22px;



	color: #666666;



	margin-bottom: 30px;



}







.about_bg ul .about2>a{



	width: 141px;



	height: 29px;



	text-align: center;







	display: block;



	line-height: 29px;



	border: 1px solid #019a62;



	color: #019a62;



	border-radius: 15px;



	font-size: 16px;



	margin-top: 10px;



}



.about_bg ul .about2>a:hover{



	background-color: #019a62;



	color: #fff;



}



.about_bg ul li>a>img{



	width: 530px;



	height: 316px;



	margin-top: 32px;



	margin-left: 32px;



}



.about1{



	background: url(../images/about_bg.png) no-repeat  left top;



}



.about2{



	margin-left: 40px;



}



.about_bg .about2 b{



	width: 78px;



	height: 1px;



	background-color: #dcdcdc;



	display: block;



	margin:20px 0 30px 0;



}



.about2>h3>p{



	color: #019a62;



	font-size: 30px;



	text-transform: uppercase;



}



/*about结束*/







.box01{width:1020px; position:relative;;float: right;}



.box01 ul{/* margin:20px auto 0px; */}



.box01 li{float:left; width:180px; margin:0px 20px 0px 0px; text-align:center;}



.box01 li img{width:180px; height:120px; border:1px solid #cfdbeb;}



.box01 li span a{display:block; overflow:hidden; text-overflow:ellipsis; line-height:30px; font-size:14px; height:30px; text-align:center; width:100%; color:#666666;}



.box01 .lefts2{ background: url(../images/left.png) no-repeat ; display: block; width: 20px; height: 43px; position: absolute; right:0px; top:15px;}



.box01 .rights2 { background: url(../images/right.png) no-repeat ; display: block; width: 20px; height:43px; position: absolute; right:0px; top:66px;}



.box01 li:hover span a{color: #019a62;}



#tab4{width:1180px;position:relative;}



#tab4 .tab4_menu{width: 148px;float:left;margin-right: 10px;}



#tab4 .tab4_menu li{width:148px;height:40px;line-height:40px;cursor:pointer;text-align:center ;font-size: 14px;



					 display:inline-block;background-color: #626262;border-bottom: 1px solid #fff;}







#tab4 .tab4_menu li>a{color: #fff;}







#tab4 .tab4_menu>.tab-li-r{margin-right: 0;}



#tab4 .tab4_menu .on{cursor:pointer;color: #fff;background-color: #019a62;}



#tab4 .tab4_menu .on a{



	color: #fff;



}







/*new*/



/* new开始*/







.new_box {



	width: 100%;



	



	



	height: 540px;



	



}







.new{



	width: 1180px;



	height: 566px;



	margin: 0 auto;



	overflow: hidden;



}



.new_top ul{



	overflow: hidden;



	margin:0 auto 0px auto;



	width: 351px;



}



.new_top ul li{



	float: left;



}



.new_top ul li a{



	float: left;



	font-size: 14px;



	line-height: 36px;



	text-align: center;



	margin:0 11px 10px 0px;



	



	width: 104px;



	height: 36px;



	border: 1px solid #a0a0a0;



	text-align: center;



	color: #a0a0a0;







}



.new_top ul .on a{







	background-color: #019a62;



	border: 1px solid #019a62;



	color: #fff;



	



}



.new_con {



	width: 1180px;



	height: 350px;



	overflow: hidden;



}



.box11 {
	width:1180px;
	
	position:relative;
	
	height: 338px;
	
	margin:0 auto;
}



.box11 div a img{



	float: left;



	width: 381px;



	height: 286px;



	margin-top: 10px;



	margin-right: 10px;



}



.box11 div ul li{



	float: left;



	width: 376px;



	height: 82px;



	margin:10px;



	background-color: #f5f5f5;



	  -webkit-transition: all 0.35s ease-in-out;







  transition: all 0.35s ease-in-out;







}



.box11 div ul li a{



	color: #4c4c4c;



	text-overflow: ellipsis;



    white-space: nowrap;



    overflow: hidden;



    display: block;



    margin:20px 0 0 20px;



}



.box11 div ul li p{



	color: #808080;



	 margin:6px 0 0 20px;



	 text-overflow: ellipsis;



    white-space: nowrap;



    overflow: hidden;



      -webkit-transition: all 0.35s ease-in-out;







  transition: all 0.35s ease-in-out;







}



.box11 div ul li:hover{



	



	background-color: #019a62;



	cursor:pointer;



box-shadow:0px 10px 30px rgba(1,154,98,.6);



transform:translate3d(0,-2px,0);



}



.box11 div ul li:hover a,.box11 div ul li:hover p{



	color: #fff;



}



.box11 .lefts ,.rights {display: block;width:22px;height:38px; position: absolute;top:36%; z-index: 9999;}



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



.box11 .rights {background-position: 0px 0;right: 110px;



/* 常见问题文字向上滚动结束*/



/* 新闻选项卡横向滑动门开始 */







.tab_menu{



    width:100%;



   color: #333333;



   line-height: 42px;



}



.tab_menu>a{



    color:#666;



    float: right;



    line-height: 42px;



    padding-right: 32px;



    text-transform: uppercase;



}



.tab_menu>a:hover{



	color: #ff9502;



}



.tab_menu li{



    float:left;



    width:150px;



    height:42px;



    border-bottom:0px;



    cursor:pointer;



    text-align:center; 



  



    font-size: 16px;



    padding-left: 16px;



}



#tab .tab_menu li>i{



	color: #666666;



	font-size: 10px;



}



#tab .tab_menu li>a>p{



	font-size: 12px;



	margin: 0;



}



.new_left{



	float: left;



}







.tab_box{



    width:790px;



    height:400px;



    clear:both;







}



.tab_menu .on{



  background-color: #f27000;



    cursor:pointer;



    



    padding-left: 16px;



}