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

/* html, body{-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray} */

/*.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/home/banner/a/01.png); width:99px; height:102px; top:107px; left:-60px; z-index:5;}
.txt-2{ background-image:url(../images/home/banner/a/02.png); width:434px; height:303px; left:22px; top:110px;}
.txt-3{ background-image:url(../images/home/banner/a/03.png); width:100%; height:26px; left:0; top:255px;}
.txt-4{ background-image:url(../images/home/banner/a/04.png); width:386px; height:237px; right:45px; top:265px;}
.txt-5{ background-image:url(../images/home/banner/a/05.png); width:368px; height:291px; right:12px; top:16px;}
.txt-6{ background-image:url(../images/home/banner/b/01.png); width:515px; height:223px; left:7.395%; top:137px;}
.txt-7{ background-image:url(../images/home/banner/c/01.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:#ff6c00;}
.home-service dd .txt *{ font-weight:normal; margin:0;}
.home-service dd .txt h2{color:#000; font-size:36px; 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/more.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:36px; 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:18px;}
.home-service li .more{ display:block; width:60px; height:30px; background:url(../images/more.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:#ff6c00; }
.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:36px; 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:28px;}
.home-service li .txt p{ font-size:14px;}
.home-service li .icon_on img{ width:260px; height:260px;}
}

.home-client{  background:url(../images/home/clientbg.jpg) no-repeat center top; height:800px; text-align:center;}
.home-client .home-title{ padding:90px 0 140px 0;}
.home-client .home-title h1{ color:#fff;}
.home-client li{ float:left; width:25%;}
.home-client li aside{color:#ff6c00;}
.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:130px; }
.home-client li sup{ font-size:36px; vertical-align:top;}
.home-client li h2{ color:#fff;}
@media(max-width:1440px){
.home-client li span{	 font-size:100px;}
.home-client li h2{ font-size:24px;}
}


.home-contact{ position:relative; overflow:hidden; z-index:1;}
.home-contact .auto-inner{ max-width:848px; height:800px; background:#000d1b; position:relative; z-index:10;}
.home-contact .img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.home-contact .img .Ispic{ height:800px;}
.home-contact .img .slick-arrow{border:1px solid #ff6c00; border-radius:50%; width:50px; height:50px; margin-top:-25px;}
.home-contact .img .slick-arrow:hover{ background:#ff6c00;}
.home-contact .img .slick-arrow::before{ position:absolute; content:''; width:14px; height:14px; border-right:1px solid #ff6c00; border-top:1px solid #ff6c00; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); left:50%; top:50%; margin:-7px 0 0 -9px;}
.home-contact .img .slick-arrow:hover::before{ border-color:#fff;}
.home-contact .img .slick-prev{ left:44px;}
.home-contact .img .slick-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); margin-left:-4px;}
.home-contact .img .slick-next{ right:44px;}

.home-contact .main{ padding:0 73px;}
.home-contact .home-title{ padding-top:60px;}
.home-contact .home-title p{ padding-bottom:15px; border-bottom:1px solid #3d4650;}
.home-contact .home-title h1,
.home-contact .home-title{ color:#fff;}
.home-contact .home-title h1{ padding-bottom:30px;}
.home-contact .hotline{ font-size:50px;font-family:Arial, Helvetica, sans-serif;  text-align:center; padding-top:18px; padding-bottom:15px;}
.home-contact .hotline dt{ color:#ff6c00; font-weight:bold;}
.home-contact .hotline dd{ font-size:26px;}
.home-contact .hotline dd a{ color:#fff;}
.home-contact .code,
.home-contact .form{ width:660px; margin:0 auto;}
.home-contact .form li,
.home-contact .form ul{ position:relative;}
.home-contact .form li{ float:left; width:330px;  margin-bottom:10px;}
.home-contact .form li.li-2{ float:right;}
.home-contact .form li.li-2{ width:320px;}
.home-contact .form li.li-3{ width:560px;}
.home-contact .form ol{ position:absolute; right:0; top:0; width:90px;}
.home-contact .form ol .btn{ width:100%; height:140px; border:none; cursor:pointer; color:#fff; background:#ff6c00; border-radius:4px; font-size:18px;}
.home-contact .form li .text{ color:#fff; padding:0 10px; width:100%; border:1px solid #37404a; height:50px; line-height:48px; background:#232d38; border-radius:4px;}
.home-contact .form li textarea.text{ height:140px;}
.home-contact .form li label{ position:absolute; left:0; top:0; padding-left:10px; color:#bdc0c4; line-height:50px;}
.home-contact .code{ padding-top:24px;}
.home-contact .code li{ width:220px; float:left; text-align:center;}
.home-contact .code li.li-1{ text-align:left;}
.home-contact .code li.li-3{ text-align:right;}
.home-contact .code li span{ display:inline-block; text-align:center;}
.home-contact .code li img{ display:block; width:130px; height:130px;}
.home-contact .code li aside{color:#bdc0c4; padding-top:10px;}

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

.home-news .list{ padding-bottom:60px}
.h_div_more{ text-align:center; padding-bottom:70px}
.h_div_more a{ position:relative; color:#555; padding-left:40px; padding-right:60px; display:inline-block; line-height:40px; border-radius:20px; border:solid 1px #c9c9c9;}
.h_div_more a:before{ content:''; position:absolute; right:20px; top:12px; display:block; width:20px; height:16px; background: url(../images/home/more.png) no-repeat center center;}
.h_div_more a:hover{ color:#fff; background-color:#ff6c00; border-color:#ff6c00}
.h_div_more a:hover:before{ background-image:url(../images/home/more_on.png);}