/*banner*/
html, body{ color:#777;}
@media(max-width:1440px){
html, body{ font-size:14px;}
}

/*.home-body .top-main,*/
.home-banner{ position:fixed; left:0; top:120px; width:100%; z-index:0;}
/*.home-body .top-main{ z-index:100; top:0;}*/

.slider-big li.slick-slide{ height:540px; position:relative;}
.slider-big li.slick-slide > a,
.slider-big li .img{ position:absolute; left:0; width:100%; height:100%; top:0;}
.slider-big li.slick-slide > a{ z-index:999;}
.slider-big li .txt{opacity: 0; -webkit-opacity:0; position:absolute; z-index:10; background-position:center center; background-repeat:no-repeat; transition:all 0.8s ease-in-out;}
.slider-big li.a .auto{ position:relative; z-index:4; max-width:1295px; margin:0 auto;}
@media(max-width:1440px){
.slider-big li.a .auto{width:1200px;}
}
@media(max-width:1366px){
.slider-big li.a .auto{width:1150px;}
}

.slider-small{ z-index:20; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); }
.slider-small li.slick-slide{ width:130px; cursor:pointer;}
.slider-small li.slick-slide img{ display:block; margin:0 auto; height:50px;}
.slider-small li.slick-current img{ border:2px solid #db6411;}

.txt-1{ background-image:url(../images/013.png); width:99px; height:102px; top:107px; left:-60px; z-index:5;}
.txt-2{ background-image:url(../images/02.png); width:434px; height:303px; left:22px; top:110px;}
.txt-3{ background-image:url(../images/03.png); width:100%; height:26px; left:0; top:255px;}
.txt-4{ background-image:url(../images/04.png); width:386px; height:237px; right:45px; top:265px;}
.txt-5{ background-image:url(../images/05.png); width:368px; height:291px; right:12px; top:16px;}
.txt-6{ background-image:url(../images/014.png); width:515px; height:223px; left:7.395%; top:137px;}
.txt-7{ background-image:url(../images/015.png); width:730px; height:313px; left:7.395%; top:77px;}
.txt-8{ background:none; width:32.843%; left:9.091%; top:23%; z-index:200;}
@media(max-width:1366px){
.txt-8{ left:3%;}
}

.txt-7 dl{ position:absolute; right:-35px; top:187px; width:550px; transition:0.6s 0.5s ease-in-out; opacity:0; transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%);}
.txt-7 dl a{ float:left; font-size:22px; border:1px solid #fff; padding:0 28px; line-height:39px; border-radius:3px; margin-right:8px; margin-bottom:22px; color:#fff; box-shadow: 0 5px 11px rgba(0,255,246,0.2), 0 -5px 11px rgba(0,255,246,0.2), -5px 0 11px rgba(0,255,246,0.2), 5px 0 11px rgba(0,255,246,0.2); font-family:'幼圆';}

.slider-big li.d dl >*{ position:absolute; z-index:30;}
.slider-big li.d dt{ bottom:0; width:843px; right:0;z-index:40;}
.slider-big li.d dd{ opacity:0; transition:1s ease-in-out;}

.slider-big li.d dd.d-1{z-index:35;  right: 808px;bottom: 105px;}
.slider-big li.d dd.d-2{z-index:35;right: 168px;bottom: 117px;}
.slider-big li.d dd.d-3{right: 623px;bottom: 261px; transition-delay:0.5s;}
.slider-big li.d dd.d-4{right: 328px;bottom: 284px; transition-delay:0.5s;}
.slider-big li.d dd.d-5{right:38px; bottom:349px; transition-delay:0.5s;}

.slider-big li.slick-slide dd{transform:translateY(100%); -ms-transform:translateY(100%); -webkit-transform:translateY(100%);}
.slider-big li.an-show dd{ opacity:1;transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}
/*.slider-big li.d.an-show dd.d-5,
.slider-big li.d.an-show dd.d-3{ opacity:0.43}
.slider-big li.d.an-show dd.d-4{ opacity:0.3}*/

.slider-big li.an-show .txt{opacity: 1;-webkit-opacity:1;}

.slider-big li.slick-slide .txt-1{ transform:scale(3); -webkit-transform:scale(3); -ms-transform:scale(3); transition-duration:0.5s; transition-delay:0.5s; z-index:100;}
.slider-big li.an-show .txt-1{ transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1);}

.slider-big li.slick-slide .txt-2{  transform:translateX(50%); -webkit-transform:translateX(50%); -ms-transform:translateX(50%);}
.slider-big li.an-show .txt-2{ transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}

.slider-big li.slick-slide .txt-4{ transform:translateX(50%); -webkit-transform:translateX(50%); -ms-transform:translateX(50%);transition-delay:0.7s;}
.slider-big li.an-show .txt-4{ transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}

.slider-big li.slick-slide .txt-5{  transform:translateX(50%); -webkit-transform:translateX(50%); -ms-transform:translateX(50%);transition-delay:1s;}
.slider-big li.an-show .txt-5{ transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}

.slider-big li.slick-slide .txt-6{ transform:translateX(50%); -webkit-transform:translateX(50%); -ms-transform:translateX(50%);}
.slider-big li.an-show .txt-6{ transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}

.slider-big li.slick-slide .txt-7{ transform:scale(2); -webkit-transform:scale(2); -ms-transform:scale(2); transition:0.5s;}
.slider-big li.an-show .txt-7{ transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1);}
.slider-big li.an-show .txt-7 dl{ transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); opacity:1;}

.slider-big li.slick-slide .txt-8{ transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.slider-big li.an-show .txt-8{ transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}

.home-title{ text-align:center; padding-top:42px; padding-bottom:30px;}
.home-title *{ margin:0;}
.home-title h1{ font-weight:normal; font-size:50px; color:#333; padding-bottom:10px;}

.home-service{ overflow:hidden;}
.home-service dd{ float:left; width:50%; position:relative; overflow:hidden;}
.home-service dd a{ display:block; border-left:1px solid #e9e9e9; margin-left:-1px;transition:0.3s ease-in-out;}
.home-service dd .txt{ position:absolute; top:50%; margin-top:-64px; left:68.125%;}
.home-service dd:nth-child(2n) .txt{ left:6.77%;}
.home-service dd img{ display:block; width:100%; transition:0.3s;}
.home-service dd:hover img{ opacity:0.1; transform:scale(1.3); -webkit-transform:scale(1.3); -ms-transform:scale(1.3);}
.home-service dd:hover a{ background:#27a2ea;}
.home-service dd .txt *{ font-weight:normal; margin:0;}
.home-service dd .txt h2{color:#000; font-size:25px; padding-bottom:16px; line-height:56px;}
.home-service dd .txt h5{ line-height:28px;color:#777;}
.home-service dd .txt .more{ display:block; width:60px; height:30px; background:url(../images/more1.png) no-repeat; margin:0 auto; transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); opacity:0;transition:0.3s 0.3s ease-in-out}
@media(max-width:1600px){
.home-service dd .txt h2{ font-size:28px; line-height:40px;}
.home-service dd .txt h5{ font-size:16px;}
.home-service dd .txt{ margin-top:-70px;}
}
.home-service dd:hover .txt{ text-align:center; left:0; width:100%; text-align:center;}
.home-service dd:hover .txt h2{color:#fff; font-size:25px; font-weight:bold;}
.home-service dd:hover .txt h5{ opacity:0; height:56px;}
.home-service dd:hover .txt .more{ opacity:1;transform:translateY(10px); -webkit-transform:translateY(10px); -ms-transform:translateY(10px);}

.home-service .ul-1{ border-bottom:1px solid #eee;}
.home-service li{ float:left; width:25%; position:relative;}
.home-service .ul-1 li{ padding-bottom:13.3999%;}
.home-service .ul-2 li{padding-bottom:13.3999%; /*padding-bottom:8.671%*/}
.home-service li > *{position:absolute;}
.home-service li a{  top:0; bottom:0; width:100%; border-left:1px solid #e9e9e9; left:-1px; z-index:10;}
.home-service li .icon_on{ z-index:1; overflow:hidden; top:1px; left:0; width:100%; height:100%;opacity:0; }
.home-service li .icon_on img{ position:absolute; left:-50px; top:-30px; filter:alpha(opacity=10);opacity: 0.1;-moz-opacity:0.1;-khtml-opacity: 0.1; width:300px; height:300px;transform:scale(0.4); -webkit-transform:scale(0.4); -ms-transform:scale(0.4);  transition:0.3s ease-in-out;}
.home-service li .icon{ left:7.5%; top:50%; margin-top:-45px; z-index:2;transition:0.3s ease-in-out}
.home-service li .icon img{ height:70px; width:70px;}
.home-service li .txt{ z-index:4; left:7.5%; margin-left:90px; max-width:286px; top:50%; margin-top:-42px;transition:0.3s ease-in-out;}
.home-service .ul-2 li .txt{max-width:325px;}
.home-service li .txt *{ margin:0; }
.home-service li .txt h4{  color:#000; padding-bottom:5px;}
.home-service li .txt p{ line-height:24px; font-size:16px;padding-right:5px;}
.home-service li .more{ display:block; width:60px; height:30px; background:url(../images/more1.png) no-repeat; margin:0 auto; transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); opacity:0;transition:0.3s 0.3s ease-in-out}

.home-service li:hover{background:#27a2ea; }
.home-service li:hover .icon_on{ opacity:1; -webkit-opacity:1;}
.home-service li:hover .icon_on img{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
.home-service li:hover .icon{opacity:0; -webkit-opacity:0;transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0);}
.home-service li:hover .txt{ left:0; text-align:center; color:#fff; margin-left:0; max-width:none !important; width:100%;margin-top:-52px;}
.home-service li:hover .txt p{ opacity:0;}
.home-service .ul-2 li:hover .txt p{ display:none;}
.home-service li:hover .txt h4{color:#fff; font-size:20px; font-weight:bold;}
.home-service li:hover .more{ opacity:1;transform:translateY(10px); -webkit-transform:translateY(10px); -ms-transform:translateY(10px);}
@media(max-width:1600px){
.home-service li .icon{ margin-top:-35px;}
.home-service li .icon img{ height:50px; width:50px;}
.home-service li .txt{ margin-left:60px; width:60%; margin-top:-40px;}
.home-service .ul-2 li .txt{ width:69%;}
.home-service .ul-2 li:hover .txt{margin-top:-30px;}
.home-service li .txt h4{ font-size:20px;}
.home-service li:hover .txt{ width:100%;}
.home-service li:hover .txt h4{font-size:20px;}
.home-service li .txt p{ font-size:14px;}
.home-service li .icon_on img{ width:260px; height:260px;}
}

.home-client{  background:url(../images/clientbg.jpg) no-repeat center top; /* height:800px; */ text-align:center;overflow:hidden;padding-bottom:100px;}
.home-client .home-title{ padding:50px 0 30px 0;}
.home-client .home-title h1{ color:#fff;font-size:40px;}
.home-client li{ float:left; width:25%;}
.home-client li aside{color:#27a2ea;margin-bottom:10px;}
.home-client li aside:after{ display:block; content:''; width:46px; height:2px; margin:0 auto; background:#fff;}
.home-client li span{font-family: "helve118",Verdana, Geneva, sans-serif; font-size:70px; }
.home-client li sup{ font-size:36px; vertical-align:middle;}
.home-client li h2{ color:#fff;font-size:25px;}
@media(max-width:1440px){
.home-client li span{	 font-size:50px;}
.home-client li h2{ font-size:16px;}
}





.home-case,
.home-contact,
.home-news,
.home-client,
.home-service{ background-color:#fff; position:relative; z-index:2;}

.home-case li{ float:left; width:25%;overflow:hidden;}
.home-case li a{ position:relative;  display:block;}
.home-case li a:before{ position:absolute; left:0; width:100%; height:100%; top:0; z-index:5; content:'';opacity:0;transition:0.5s;}
.home-case li img{ display:block; width:100%; transition:0.5s ease-in-out;}
.home-case li .hide{ position:absolute; left:0; width:100%; height:100%; top:0; text-align:center; font-size:20px; color:#fff; padding:0 5%; opacity:0; transition:0.5s; z-index:10;}
.home-case li.hover a:before{ opacity:1;background:rgba(39,162,234,0.9);}
.home-case li.hover .hide{opacity:1;}
.home-case li.hover a img{ transform:scale(1.2);}
.home-case li.has-black a:before{opacity:1;  background:rgba(0,0,0,0.5);}


@media(max-width:1000px){
.home-service dd {width:100%;}
.home-service li {width:50%;height:210px;padding-bottom:0px !important;}
.home-case li .hide{font-size:14px;}
.home-client li{ float:left; width:50%;margin-top:20px;}
.home-client li span{font-size:40px; }
.home-service li:hover .txt h4{font-size:16px;}
}

@media(max-width:768px){
.home-service dd .txt h2{font-size:16px;padding-bottom:0px;}
.home-service dd .txt h5{font-size:12px;}
.home-service li .txt h4{font-size:16px;}
.home-service li .txt p{font-size:12px;}
.home-service .ul-2 li .txt{width:60%;}
.home-service .ul-2 li:hover .txt{width:100%;}
.home-case li{width:50%;}
.home-service li a{border-bottom:1px solid #e9e9e9;}
}