@charset "utf-8";
/* CSS Document */


.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(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(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:#ff9a18; font-size:14px; border:1px solid #ff9a18; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; margin-right:30px;}
.zbox .l3 a.on,
.zbox .l3 a:hover{ background:#ff9a18; 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(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(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(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;}

}