@charset "utf-8";
/* CSS Document */
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none; line-height:normal;margin-bottom:0;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial;color:#000000;}
code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:inherit; cursor:pointer;
    color:#333;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
a:hover{color:#00a86a; cursor:pointer;text-decoration: inherit;outline: none;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal;  font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;outline: none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;outline: none;}
textarea{ resize:none;outline: none;}
input{ outline:0;outline: none;}


/*main*/
.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:#ffb41a; position:absolute; left:50%; margin-left:-58px; bottom:0; content:'';}
.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(/skin/img/main6.png) center bottom no-repeat;}
.home_cont1 li{ float:left; width:20%; border-right:1px solid #dbdbdb; text-align:center; box-sizing:border-box;}
.home_cont1 li a{ float:left; width:100%; padding:45px 10%; text-align:center;vertical-align:top;ms-interpolation-mode:bicubic; position:relative; box-sizing: border-box;}
.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:#00a86a;}
.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_bg2 { float: left; width: 100%; overflow: hidden; background: #f5f5f5; }


/**/
.home_tit3{ margin-top:80px;}
.service_cont1{ float:left; width:100%; padding:40px 0 70px 0; 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%; margin-left:4%;  text-align:right;}
.service_cont1 .at2{ float:right; width:34.4%; margin-right:4%; text-align:left;}
.service_cont1 .at .at_1{ float:left; width:100%; position:relative; margin:90px 0 20px 0; box-sizing:border-box;}
.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; font-weight:bold;}
.service_cont1 .at_1 p{ float:left; width:100%; color:#666; font-size:14px; line-height:22px; margin-top:15px;}

.service_cont2{ float:left; width:100%; padding:80px 10.4% 100px 10.4%; box-sizing:border-box;}
.service_cont2 ul{ float:left; width:100%; height:310px;}
.service_cont2 .slick-slide{ height:310px; position:relative;background:url(/skin/img/img21.png) left top no-repeat;}
.service_cont2 .l1{ float:left; width:100%; text-align:center;}
.service_cont2 .l1 h5{ float:left; width:100%; color:#000000; font-size:18px; line-height:18px;}
.service_cont2 .l1 p{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:18px; margin-top:5px;}
.service_cont2 .l2{ float:left; width:100%; text-align:center; position:relative; background:url(/skin/img/img22.png) center top no-repeat; padding-top:25px; cursor:pointer;}
.service_cont2 .l2_1{ background:url(/skin/img/img22.png) center bottom no-repeat; padding-top:0; padding-bottom:25px;}
.service_cont2 .l2 img{ display:block; margin:0 auto; width:53px; height:53px;}
.service_cont2 .l2 .pic1{opacity:1;filter: alpha(opacity=100);}
.service_cont2 .l2 .pic2{opacity:0;filter: alpha(opacity=0); position:absolute; left:50%; margin-left:-26px; top:25px;}
.service_cont2 .l2_1 .pic2{ top:0;}
.service_cont2 .slick-slide:hover .l1 h5,
.service_cont2 .slick-slide.slick-current .l1 h5{ color:#00a86a;}
.service_cont2 .slick-slide:hover .l1 p,
.service_cont2 .slick-slide.slick-current .l1 p{ color:#00a86a;}
.service_cont2 .slick-slide:hover .l2 .pic1,
.service_cont2 .slick-slide.slick-current .l2 .pic1{opacity:0;filter: alpha(opacity=0);}
.service_cont2 .slick-slide:hover .l2 .pic2,
.service_cont2 .slick-slide.slick-current .l2 .pic2{opacity:1;filter: alpha(opacity=100);}

.service_cont2 .li1{ width:156px; background:url(/skin/img/img21.png) left top no-repeat;}
.service_cont2 .li1 .l1{ position:relative; top:81px;}
.service_cont2 .li1 .l2{ position:absolute; bottom:43px; margin-left:50%; width:50%;}
.service_cont2 .li2{ width:156px; background:url(/skin/img/img21.png) -158px top no-repeat;}
.service_cont2 .li2 .l2{ position:absolute; bottom:77px;}
.service_cont2 .li2 .l1{ position:relative; top:260px;}
.service_cont2 .li3{ width:156px; background:url(/skin/img/img21.png) -314px top no-repeat;}
.service_cont2 .li3 .l2{ position:absolute; bottom:72px;}
.service_cont2 .li3 .l1{ position:relative; top:52px;}
.service_cont2 .li4{ width:225px; background:url(/skin/img/img21.png) -474px top no-repeat;}
.service_cont2 .li4 .l2{ position:absolute; top:105px;}
.service_cont2 .li4 .l1{ position:relative; top:212px;}
.service_cont2 .li5{ width:220px; background:url(/skin/img/img21.png) -629px top no-repeat; margin-left:-70px;}
.service_cont2 .li5 .l2{ position:absolute; bottom:130px;}
.service_cont2 .li5 .l1{ position:relative; top:0;}
.service_cont2 .li6{ width:190px; background:url(/skin/img/img21.png) -849px top no-repeat;}
.service_cont2 .li6 .l2{ position:absolute; top:112px;}
.service_cont2 .li6 .l1{ position:relative; top:220px;}
.service_cont2 .li7{ width:190px; background:url(/skin/img/img21.png) -1039px top no-repeat;}
.service_cont2 .li7 .l2{ position:absolute; bottom:88px;}
.service_cont2 .li7 .l1{ position:relative; top:44px;}
.service_cont2 .li8{ width:210px; background:url(/skin/img/img21.png) -1229px top no-repeat; padding-right:20px;}
.service_cont2 .li8 .l2{ position:absolute; top:143px;}
.service_cont2 .li8 .l1{ position:relative; top:244px;}


.service_cont2 .slick-prev{ width:0; height:0; overflow:hidden;}
.service_cont2 .slick-next{ width:0; height:0; overflow:hidden;}
.service_cont2 .slick-dots{ width:0; height:0; overflow:hidden;}


@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;}
.service_cont2{ padding:80px 5% 100px 5%;}

}

@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;}
.service_cont2{ padding:40px 15px 50px 15px;}


}


@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;}
.service_cont2{ padding:30px 15px;}



}

.tabBox{ float:left; width:100%;}
.service_bd{ float:left; width:100%; margin:120px 0 80px 0; overflow:hidden;}
.service_bd .slick-prev{ width:0; height:0; overflow:hidden;}
.service_bd .slick-next{ width:0; height:0; overflow:hidden;}


.home_cont1.hd{ margin-top:60px;}
.home_cont1.hd li em{float:left; width:100%; height:0; margin-top:21px; background:url(/skin/img/img33.png) center no-repeat; position:absolute; left:0; bottom:-40px; z-index:2;}
.home_cont1.hd li a:hover{ background:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.home_cont1.hd li.slick-current a{box-shadow:none; -moz- box-shadow:none; -webkit- box-shadow:none;-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.home_cont1.hd li.slick-current em{ height:68px;}
.home_cont1.hd li.slick-current h6{ display:none;}
.home_cont1.hd li.slick-current h2{ padding-bottom:18px;}
.home_cont1.hd li.slick-current h2:after{ float:left; width:28px; height:1px; background:#eb8f1a; position:absolute; left:50%; bottom:0; margin-left:-15px; content:'';}
.home_cont1.hd li font{ float:left; width:100%; height:0; position:absolute; left:0; top:1%; background:#fff; z-index:1; 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.hd li.slick-current font{ height:116%;}

.zbox{ float:left; width:42.44%; padding:15px;}
.zbox .l1{ float:left; position:relative;}
.zbox .l1 h1{ float:left; width:92.25%;}
.zbox .l1 h2{ float:right; width:466px;color:#282828; font-size:28px; line-height:28px; position:absolute; right:0; top:50%; margin-top:-14px; z-index:9; }
.zbox .l2{ float:right; width:466px; margin:34px 0 60px 0;}
.zbox .l2 ul{ float:left;}
.zbox .l2 li{ display:block; padding-left:22px; background:url(/skin/img/img35.png) left center no-repeat; color:#282828; font-size:16px; line-height:36px;}

.zbox .l3{ float:right; width:466px;}
.zbox .l3 a{ float:left; width:110px; height:38px; line-height:38px; text-align:center; color:#00a86a; font-size:14px; border:1px solid #00a86a; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; margin-right:30px;}
.zbox .l3 a.on,
.zbox .l3 a:hover{ background:#00a86a; color:#fff;}


.service_right{ float:right; width:51.6%; padding:15px;}
.slide_pic_2{ float:left; width:633px; height:442px; padding:23px 74px 118px 76px; overflow:hidden; background:url(/skin/img/img31.png) center no-repeat;}
.slide_pic_2 .slick-slide a{ float:left; width:100%;}
.slide_pic_2 .slick-prev{ width:0; height:0; overflow:hidden;}
.slide_pic_2 .slick-next{ width:0; height:0; overflow:hidden;}
.slide_pic_2 .slick-dots{ position:absolute; bottom:29px; width:auto; left:55px;}
.slide_pic_2 .slick-dots li{ float:left; width:10px; height:20px; background:url(/skin/img/img36.png) right center no-repeat; margin:0 10px 0 0; overflow:hidden; text-indent:-9999px;}
.slide_pic_2 .slick-dots li.slick-active{ width:20px; background:url(/skin/img/img36.png) left center no-repeat;}
.service_pic1{ float:right; width:70%; position:relative; top:0; margin-top:-42px;}


@media screen and (max-width:1360px) {
.zbox{ width:46%;}	
.zbox .l1 h2{ width:400px;}
.zbox .l2{ width:400px;}
.zbox .l2 li{ font-size:14px;}
.zbox .l3{ width:400px;}
.slide_pic_2{ float:left; width:430px; height:300px; padding:16px 50px 82px 52px; background-size:cover;}
.slide_pic_2 .slick-dots{ left:20px;}

}

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

.service_bd{ margin:60px 0 40px 0;}
.zbox{ width:100%;}	
.service_right{ width:100%;}
.slide_pic_2{ float:none; display:block; margin:0 auto;}
.zbox .l1 h1{ float:left; width:100%; padding:0 8%;}
.zbox .l1 h2{ width:100%; text-align:center;}
.zbox .l2{ width:100%;text-align:center;margin:15px 0 30px 0;}
.zbox .l2 ul{ float:none !important; display:inline-block; *display:inline; *zoom:1; margin:0 7px;}
.zbox .l2 ul li{ text-align:left;}
.zbox .l3{ width:100%;text-align:center;}
.zbox .l3 a{ float:none; display:inline-block; *display:inline; *zoom:1; margin:0 7px;}
.slide_pic_2 .slick-dots{ bottom:20px;}
.home_cont1.hd li em{ background-size:22px 42px;}
.home_cont1.hd li.slick-current em{ height:68px;}

}


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

.slide_pic_2{ width:280px; height:196px; padding:11px 34px 53px 34px; }
.slide_pic_2 .slick-dots{ bottom:10px;}
.service_pic1{margin-top:-20px;}
.service_bd{ margin:40px 0 30px 0;}
.zbox .l2 ul li{ font-size:13px;}

}