﻿/*main*/
.home_bg1{ float:left; width:100%; overflow:hidden;}
.w_1250{ margin:0 auto;}
@media  screen and (max-width:1280px){.w_1250{ width:961px;}		}
@media  screen and (max-width:991px){.w_1250{ width:100%; padding:0 15px;}	}

.about_cont1{ float:left; width:100%;}
.about_cont1 ul{ float:left; width:100%; padding:0 5.6%;}
.about_cont1 li{ float:left; width:33.333%; padding:0 2%;}
.about_cont1 .lc1{ float:left; width:100%; padding:60px 30px 27px 30px; position:relative;}
.about_cont1 .l1{ float:left; width:100%; position:relative; z-index:2;}
.about_cont1 .l1 img{ width:64px;}
.about_cont1 .l2{ float:left; width:100%; color:#303133; font-size:18px; font-weight:bold; line-height:28px; margin:30px 0 24px 0; position:relative; z-index:2;}
.about_cont1 .l3{ float:left; width:100%; color:#666666; font-size:16px;line-height:30px; height:120px; overflow:hidden; position:relative; z-index:2;}
.about_cont1 .l4{ float:left; width:100%; margin-top:42px; position:relative; z-index:2;}
.about_cont1 .l4 span{ float:left; width:42px; height:2px; background:#e0e0e0;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.about_cont1 .l5{ float:left; width:100%;opacity:0;filter: alpha(opacity=0); position:relative; z-index:2;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.about_cont1 .l5 a{ float:left; width:80px; text-align:center; color:#303030; font-size:16px; line-height:36px;}
.about_cont1 .l6{ float:left; width:100%; height:0; position:absolute; left:0; bottom:-15%; background:#fff; box-shadow:0 0 17px rgba(12,3,6,0.14); -moz-box-shadow:0 0 17px rgba(12,3,6,0.14); z-index:1;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.about_cont1 .lc1:hover .l6{ height:130%;} 
.about_cont1 .lc1:hover .l4 span{ width:80px; background:#017431;}
.about_cont1 .lc1:hover .l5{opacity:1;filter: alpha(opacity=100);}

.about_why_cont{ margin-bottom:132px;}
.about_cont2{ float:left; width:100%; margin:80px 0; position:relative;}
.about_cont2 .bd{ float:left; width:39%;}
.about_cont2 .bd .team1{ float:left; width:100%; line-height:0;}
.about_cont2 .bd .team2{ float:left; width:100%; text-align:right; padding:18px 20px 24px 0; position:relative;}
.about_cont2 .bd .team2 h3{ float:left; width:100%; color:#282828; font-size:24px; line-height:28px; font-weight:bold; text-transform:uppercase; position:relative; z-index:3;}
.about_cont2 .bd .team2 h2{ float:left; width:100%; color:#e0e0e0; font-size:24px; line-height:28px; font-weight:bold; text-transform:uppercase;}
.about_cont2 .bd .team2 span{ float:right; width:78px; height:335px; border:6px solid #017431; position:absolute; right:38px; bottom:0; z-index:2;}

.about_cont2 .hd{ float:right; width:59%;}
.about_cont2 .hd ul{ float:left; width:100%; margin-top:30px;}
.about_cont2 .hd ul li{ float:left; width:80px; height:60px; margin:20px 15px 0 0; cursor:pointer; position:relative; overflow:hidden;}
.about_cont2 .hd ul li .team3{ float:left; width:80px; height:60px;}
.about_cont2 .hd ul li .team4{ float:left; width:100%; height:100%; position:absolute; left:0; bottom:-100%; color:#fff; font-size:14px; line-height:20px; text-align:center; background:#017431; background:rgba(1,116,49,0.8);-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.about_cont2 .hd ul li .team4 span{ font-size:12px; text-transform:uppercase;}
.about_cont2 .hd ul li.on .team4{ bottom:0;}

.about_t1{ float:left; width:100%; color:#000000; font-size:36px; line-height:46px; margin:15px 0 20px 0;}
.about_t2{ float:left; width:100%; color:#727272; font-size:14px; line-height:24px;}
.about_cont2 .prev{ float:left; width:30px; height:30px; background:url(../images/img38.png) center no-repeat; position:absolute; left:473px; bottom:329px;}
.about_cont2 .next{ float:left; width:30px; height:30px; background:url(../images/img37.png) center no-repeat; position:absolute; left:510px; bottom:329px;}
.about_cont2 .prev:hover{background:url(../images/img38_1.png) center no-repeat;}
.about_cont2 .next:hover{background:url(../images/img37_1.png) center no-repeat;}

@media screen and (max-width:1680px) {

.about_cont1 ul{ padding:0;}

	
}

@media screen and (max-width:1366px) {
.about_cont2 .bd{ width:35%;}
.about_cont2 .hd{ width:63%;}
.about_cont2 .hd ul { margin-top:25px;}	
.job li a{ padding:20px 15px;}
.job .l1 h1{ font-size:36px; line-height:38px;}
.job .l1 span{ padding:0 0 10px 0;}
.about_cont1 li{padding:0 1%;}
	
}

@media screen and (max-width:1280px) {

.about_cont2 .bd{ width:35%;}
.about_cont2 .hd{ width:63%;}	
.about_cont2 .hd ul { margin-top:20px;}	
.about_cont2 .hd ul li{ margin:15px 10px 0 0; width:70px; height:55px;}	
.about_cont2 .hd ul li .team3{ width:70px; height:55px;}
.about_cont2 .prev{ left:320px; bottom:195px;}
.about_cont2 .bd .team2 span{ height:260px;}

}

@media screen and (max-width:1199px) {


.job{padding:35px 0 25px 0;}	
.about_cont1 .lc1{ padding:40px 15px 20px 15px; }
.about_cont1 .l3{ font-size:14px;}	



	
}

@media screen and (max-width:991px) {

.resume{margin-bottom:50px;}
.resume a{ font-size:16px; padding:15px;}
.about_bg1{ font-size:16px; padding:25px 0;}
.job ul{ margin:0 -7px;}	
.job li{ width:100%;padding:7px;}
.job .l2{ height:auto; margin:15px 0 0 0;}
.job .l2_1{ margin:0; padding:0; overflow:visible; height:auto;}
.about_cont1 .lc1 .l6{ bottom:-5%;}
.about_cont1 .lc1:hover .l6{ height:110%;} 
.about_cont1 .lc1{ padding:30px 15px 10px 15px; }
.about_cont1 .l4{ margin-top:15px;}
.about_cont1 .l2{ margin:15px 0 10px 0;}
.about_cont1 .l1 img{ width:40px;}


.about_why_cont{ margin-bottom:68px;}
.about_cont2{ margin:80px 0 50px 0;}

.about_cont2 .bd{ width:100%;}
.about_cont2 .hd{ width:100%}
.about_cont2_ph .hd .slick-dots{ width:0; height:0; overflow:hidden;}
.about_cont2_ph .hd .slick-prev{ width:0; height:0; overflow:hidden;}
.about_cont2_ph .hd .slick-next{ width:0; height:0; overflow:hidden;}
.about_cont2_ph .bd .slick-dots{ width:0; height:0; overflow:hidden;}
.about_cont2_ph .bd .slick-prev{ float:left; width:30px; height:30px; background:url(../images/img38.png) center no-repeat; position:absolute; left:0; top:auto; bottom:20px;}
.about_cont2_ph .bd .slick-next{ float:left; width:30px; height:30px; background:url(../images/img37.png) center no-repeat; position:absolute; left:40px; top:auto; bottom:20px;}
.about_cont2 .hd{ margin-top:20px;}
.about_cont2_ph .bd .slick-prev:hover{background:url(../images/img38_1.png) center no-repeat;}
.about_cont2_ph .bd .slick-next:hover{background:url(../images/img37_1.png) center no-repeat;}
.about_cont2_ph .hd ul{ margin:0 -6px;}
.about_cont2_ph .hd ul li{ margin:6px; width:100%; height:auto;}	
.about_cont2_ph .hd ul li .team3{ width:100%; height:auto;}
.about_t1{ font-size:22px; line-height:32px;}	
.about_t1{ margin:15px 0;}
	
}

@media screen and (max-width:767px) {

.resume{ padding:0; margin-bottom:30px;}
.resume a{ font-size:14px;}	
.job{padding:35px 0 25px 0;}	
.about_cont1{ padding:0;}
.about_cont1 li{ width:100%;}
.about_cont1 .l3{ height:auto;}
.about_why_cont{ margin-bottom:40px;}
.about_cont2{ margin:10px 0; }
.why_cont ul{ margin:0 -15px;}

}

.pz_main{ float:left; width:100%;}

.home_bg1{ float:left; width:100%; overflow:hidden;}
.home_tit{ float:left; width:100%; margin-top:100px; text-align:center; padding:0 15px;}
.home_tit .l1{ float:left; width:100%; color:#000000; font-size:36px; line-height:36px; padding-bottom:38px; position:relative;}
.home_tit .l1:after{ float:left; width:116px; height:2px; background:#017431; position:absolute; left:50%; margin-left:-58px; bottom:0; content:''; margin-bottom:15px;}
.home_tit .l2{ float:left; width:100%; color:#727272; font-size:14px; line-height:24px; margin-top:30px;}
.home_cont1{ float:left; width:100%; margin-top:95px;border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; background:url(../images/main6.png) center bottom no-repeat;}
.home_cont1 li{ float:left; width:20%; border-right:1px solid #dbdbdb; text-align:center;}
.home_cont1 li a{ float:left; width:100%; padding:45px 10%; text-align:center;vertical-align:top;ms-interpolation-mode:bicubic; position:relative;}
.home_cont1 li:last{border-right:none;}
.home_cont1 li i{ float:left; width:100%; position:relative; z-index:2;}
.home_cont1 li i img{ display:block; margin:0 auto; width:114px; height:102px;-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic}
.home_cont1 li h2{ float:left; width:100%; color:#4c4c4c; font-size:20px; line-height:30px; margin-top:28px; position:relative; z-index:2;}
.home_cont1 li h6{ float:left; width:100%; color:#999999; font-size:12px; line-height:22px; font-family:Arial; text-transform:uppercase; padding-bottom:25px; position:relative; z-index:2;}
.home_cont1 li h6:after{ float:left; width:30px; height:1px; background:#eb8f1a; position:absolute; left:50%; margin-left:-15px; bottom:0; content:'';}
.home_cont1 li p{ float:left; width:100%; margin:18px 0 10px 0; color:#666666; font-size:14px; line-height:24px; position:relative; z-index:2;}
.home_cont1 li a:hover{ background:#fff; box-shadow:0 3px 7px rgba(0,0,0,0.17); -moz- box-shadow:0 3px 7px rgba(0,0,0,0.17); -webkit- box-shadow:0 3px 7px rgba(0,0,0,0.17);} 
.home_cont1 li a:hover i img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2);transform: scale(1.2);}
.home_cont1 .slick-prev{ width:0; height:0; overflow:hidden;}
.home_cont1 .slick-next{ width:0; height:0; overflow:hidden;}
.home_cont1 .slick-dots{ position:absolute; left:30px; top:35%; width:11px;}
.home_cont1 .slick-dots li{ float:none; width:11px; height:11px; margin:5px 0; background:#dfdfdf; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; text-indent:-999px;}
.home_cont1 .slick-dots li.slick-active{ background:#017431;}
.home_cont1 .slick-list{ overflow:visible;}

@media  screen and (max-width:991px){
.home_tit{ float:left; width:100%; margin-top:50px;}	
.home_cont1 .slick-dots{ left:15px;}
.home_tit .l1{ font-size:22px; line-height:22px; padding-bottom:15px;}
.home_tit .l1:after{ width:60px; margin-left:-30px;}
.home_tit .l2{ margin-top:15px;}
.home_cont1{ margin-top:48px;}
.home_cont1 li a{ padding:20px 10%;}
.home_cont1 li i img{ width:80px; height:72px;}
.home_cont1 li h2{ margin-top:15px; font-size:18px; line-height:28px;}
.home_cont1 li h6{ padding-bottom:12px;}
.home_cont1 li p{ margin:10px 0 5px 0;}
}

@media  screen and (max-width:767px){
.home_tit{ float:left; width:100%; margin-top:30px;}
.home_cont1{ margin-top:24px;}	
}

.home_tit3{ margin-top:40px;}
.service_cont1{ float:left; width:100%; padding:40px 15px 0px 15px; text-align:center;}
.service_cont1 .at3{ display:inline-block; *display:inline; *zoom:1;  width:345px; height:653px; cursor:pointer;}
.service_cont1 .at1{ float:left; width:34.4%; text-align:right;}
.service_cont1 .at2{ float:right; width:34.4%; text-align:left;}
.service_cont1 .at .at_1{ float:left; width:100%; position:relative; /* margin:70px 0 30px 0; */ height:190px; }
.service_cont1 .at1 .at_1{ padding-right:96px;}
.service_cont1 .at2 .at_1{ padding-left:96px;}
.service_cont1 .at .at_1 i{ float:left; width:78px; height:78px; position:absolute; right:0; top:3px; cursor:pointer;}
.service_cont1 .at2 .at_1 i{ right:auto; left:0;}
.service_cont1 .at_1 h5{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px;}
.service_cont1 .at_1 p{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:22px; margin-top:25px;}

@media screen and (max-width:1366px) {
.service_cont1 .at .at_1{margin:75px 0 20px 0;}
}

@media screen and (max-width:1199px) {
.service_cont1 .at3{ width:28.75%; height:auto;}
.service_cont1 .at .at_1 i{ float:left; width:50px; height:50px;}
.service_cont1 .at1 .at_1{ padding-right:65px;}
.service_cont1 .at2 .at_1{ padding-left:65px;}
.service_cont1 .at .at_1{margin:15% 0 3% 0;}
.service_cont1 .at_1 p{ margin-top:5px;}
}

@media screen and (max-width:991px) {
.service_cont1 .at .at_1{margin:10% 0 2% 0;}
.service_cont1{ padding:20px 15px 30px 15px;}
.home_tit3{ margin-top:40px;}
}

@media screen and (max-width:767px) {
.service_cont1 .at1{ float:left; width:100%; text-align:left;}
.service_cont1 .at2{ float:right; width:100%; text-align:left;}
.service_cont1 .at .at_1 i{ right:auto; left:0;}
.service_cont1 .at1 .at_1{ padding-left:65px; padding-right:0;}
.service_cont1 .at .at_1{margin:8px 0;}
.service_cont1 .at3{ width:80%;}
.home_tit3{ margin-top:30px;}
}






