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



.slideBox{ 
  width:100%;
  position:relative; 
  margin:0 auto;
  background: #000;
  height:100vh;
}
.slideBox .bd,.slideBox .bd ul{ 
  position:relative; 
  height:100%; overflow:hidden;
}
.slideBox .bd li{ 
  vertical-align:middle; position: relative; height:100%;
}
.slideBox .bd .b-img{ 
  width:100%; 
  display:block;  
  animation: changeScale 1 2.5s; object-fit: cover; height:100%;
}
.slideBox .bd .s-img{ display:none; }
.slideBox .bd .txt{ position:absolute; top:33%; transform:translateY(-50%); left:5%; color:#fff; padding-top:50px;}
.slideBox .bd .txt h1{ font-size:62px;text-shadow:3px 3px 5px #424242; line-height:1.4;}
.slideBox .bd .txt h2{ font-size:115px; position:absolute; top:0; left:0; text-transform:uppercase;opacity:0.07 !important; line-height:1; }
.slideBox .bd .txt p{ width:159px; height:6px; background:#dab523; margin:50px 0;}

.slideBox .prev,.slideBox .next{ position:absolute; width:14px; height:26px; background:url(../images/pre.png) no-repeat center; left:5%; bottom:63px; opacity:0.5; transition-duration:.5s; z-index:10;}
.slideBox .next{ left:10.5%; transform:rotate(180deg)}
.slideBox .prev:hover,.slideBox .next:hover{ opacity:1;}
.pageState{ color:#fff; font-size:16px; position:absolute; left:7%; bottom:45px; z-index:11;}
.pageState span{ font-weight:bold; font-size:36px;}

.jumpto {
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  width:16px;
  height:41px;
  display: block;
  position: absolute;
  z-index: 100;
  left:50%;
  bottom:20px; 
  margin:0 0 0 -8px;
 
  -webkit-animation: jumptoMap 1.5s linear infinite;
  animation: jumptoMap 1.5s linear infinite;
  -moz-animation: jumptoMap 1.5s linear infinite;
  -o-animation: jumptoMap 1.5s linear infinite;
  -ms-animation: jumptoMap 1.5s linear infinite;
  opacity: .8;
  -ms-filter: alpha(opacity=80);
  filter: alpha(opacity=80);
  -webkit-transition: opacity .8s linear;
  -moz-transition: opacity .8s linear;
  -o-transition: opacity .8s linear;
  transition: opacity .8s linear;
  cursor:pointer;
}

@keyframes jumptoMap {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-webkit-keyframes jumptoMap {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-moz-keyframes jumptoMap {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}
@-ms-keyframes jumptoMap {
0% {
margin-bottom:0;
animation-timing-function:ease-out
}
50% {
margin-bottom:10px;
animation-timing-function:ease-in
}
100% {
margin-bottom:0;
animation-timing-function:ease-out
}
}	

.in-pro{ background:url(../images/qiu.png) no-repeat bottom right #fff !important; padding:1.03rem 0;}

.tt {
    background: #004f8a;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
	-webkit-animation-name: tt;
    animation-name: tt; z-index:2;
}
.pro-ri{ position:relative; width:52%; overflow:hidden;}
.pro-ri img{ width:100%; height:100%; display:block; transition-duration:.5s;}
.pro-ri:hover img{ transform:scale(1.1)}

.pro-le{ background:#004f8a; width:48%; height:4.19rem; padding:0.48rem;}
.i-ti{ position:relative; padding-top:10px;}
.i-ti h1{ font-size:35px; opacity:0.07; text-transform:uppercase; color:#fff; line-height:0.8; position:absolute; top:0; left:0;}
.i-ti p{ font-size:36px; color:#fff; font-weight:bold;}
.i-ti span{ width:43px; height:3px; background:#eaa942; display:block;}

.js-zi{ font-size:14px; color:#fff; width:83%; margin:0.27rem 0 0.37rem 0;}
.in-pro-list{ width:55%;  position: absolute; bottom:0; left:0; z-index:11;}
 


.in-pro-list .owl-carousel .owl-item{ padding-bottom:65px;}
.in-pro-list .owl-theme .owl-controls .owl-nav [class*=owl-]{ }

.in-pro-list .owl-theme .owl-controls .owl-dots{ display:none !important}
.in-pro-list .owl-theme .owl-dots .owl-dot span{ width:15px; height:15px; background:#999;}
.in-pro-list .owl-theme .owl-dots .owl-dot.active span{ width:44px; border-radius:10px; background:#008fd7;}
.case-li{ background:#f9f9f9;-moz-box-shadow:3px 1px 4px #A3A3A3; -webkit-box-shadow:3px 1px 4px #A3A3A3; box-shadow:3px 1px 4px #A3A3A3; position:relative;}
.case-li dt{   overflow:hidden; padding-top:0.58rem;  }
.case-li dt img{ width:230px !important; height:214px; display:block; transition-duration:.5s; margin:0 auto;}
 .case-li:after{ position:absolute; width:0%; height:4px; background:#0168bb; position:absolute; left:50%; bottom:-1px; transform:translate(-50%,-50%); transition-duration:.5s;}
.case-li dd{ text-align:center; padding-bottom:0.15rem; }
.case-li dd h1{ font-size:0.18rem; font-weight:normal; padding:0.15rem 0; line-height:1;}
.case-li dd p{ font-size:0.16rem; color:#777; height:30px;   }
.in-pro-list .owl-theme .owl-controls .owl-nav .owl-prev,.in-pro-list .owl-theme .owl-controls .owl-nav .owl-next{ width:110px; height:50px; background:url(../images/next.png) no-repeat center #eaa942; position:absolute; bottom:-20px; left:0; text-indent:9999px; padding:0; margin:0; border-radius:0; transform:rotate(180deg)}
 .in-pro-list .owl-theme .owl-controls .owl-nav .owl-next, .in-pro-list .owl-theme .owl-controls .owl-nav .owl-next:hover{ left:110px;background:url(../images/next.png) no-repeat center #0168bb;transform:rotate(0)}
 .in-pro-list .owl-theme .owl-controls .owl-nav .owl-prev:hover{background:url(../images/next.png) no-repeat center #eaa942;}
.case-li:hover:after{ width:100%;}


.in-ab{ background:url(../images/bg.jpg) no-repeat top center; padding-top:0.82rem;}
.in-ab .js-zi{ font-size:0.18rem; width:55%;}
.in-more { display:block; width:1.95rem; height:0.58rem;line-height:0.58rem; font-size:0.16rem; background:#fff; text-align:center; border-radius:10px; transition-duration:.5s; margin-bottom:0.5rem;}
.in-more span{ display:inline-block;  transition-duration:.5s; position:relative; padding-right:35px;}
.in-more span:after{ content:""; width:23px; height:14px;background:url(../images/next1.png) no-repeat right center; background-position:0 0; position:absolute; right:0; top:50%; margin-top:-7px;transition-duration:.5s;}
.in-more:hover,.in-more.on{ color:#fff; background:#004f8a}
.in-more:hover span:after,.in-more.on span:after{background-position:0 -14px;}
.ab-s-list{ padding:0.4rem 0; background:#fff;-moz-box-shadow:2px 2px 5px #A6A6A6; -webkit-box-shadow:2px 2px 5px #A6A6A6; box-shadow:2px 2px 5px #A6A6A6; border-radius:10px;}

.ab-s-list li{ width:25%; text-align:center; float:left; position:relative;}
.ab-s-list li p{ line-height:1.4; padding-top:0.1rem; font-size:0.19rem;}
.ab-s-list li:after{ content:""; width:2px; height:80%; background:#d9e4f8; position:absolute; right:0; top:0;}
.ab-s-list li img{ transition-duration:.5s;}
.ab-s-list li:hover img{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}
.in-new{ padding:0.77rem 0;}
.new-ti .i-ti{ width:500px; margin-bottom:0.25rem;}
.in-new-list dl{  position:relative;}
.in-new-list dl:after{ content:""; width:2px; height:100%; background:#e9e9e9; position:absolute; top:0; right:-30px;}
.in-new-list dl dd{ position:relative; padding-top:0.30rem; text-align:left !important;}
.in-new-list dl dd .new-date{font-family:"Arial"; font-size:0.16rem;}


.in-new-list dl dt{ overflow:hidden; position:relative;}
.in-new-list dl dt img{ transition-duration:.5s; display:block;}
.in-new-list dl dt:after{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.in-new-list dl:hover dt:after{-webkit-animation: shine2 1s;animation: shine2 1s;}
.in-new-list dl:hover dt img{ transform:scale(1.1); opacity:0.8;}
.in-new-list .owl-theme .owl-controls{ display:none !important}
.new-biao{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:0.18rem; font-weight:bold;}
.new-zi{ font-size:0.16rem; line-height:1.6; color:#666666;margin:0.26rem 0 0.1rem 0;}
.new-xq { position:relative;}
.new-xq p{ position:relative; padding-left:0.84rem;}
.new-xq p:after,.new-xq p:before{ content:""; width:59px; height:2px; background:#9b9b9b; position: absolute; left:0; top:12px; z-index:1; transition-duration:.5s;}
.new-xq p:before{ background:#004f8a; z-index:2; width:0;}
.in-new-list dl:hover .new-xq p:before{ width:59px;}

 



@-webkit-keyframes shine2 {
	100% {
		left: 125%;
	}
}

@keyframes shine2 {
	100% {
		left: 125%;
	}
}


@media screen and (max-width: 1660px){
 .wrap{ margin:0 1.5rem;}
 .case-li dt img{width: 180px !important; height: 167px;}
 .case-li dt{ padding-top:0.38rem;}

 .new-biao{ font-size:0.22rem;}
 .new-zi{ font-size:0.18rem;}

}

@media screen and (max-width: 1500px){
.slideBox .bd .txt h1 span{ font-size:38px;}
.slideBox .bd .txt h1{ font-size:46px;}
 


}
@media screen and (max-width: 1368px){
 
}
@media only screen and (max-width: 992px) {

}
 @media only screen and (max-width: 760px) {
.slideBox{ height:auto;}
.slideBox .bd .b-img,.slideBox .bd .txt p,.slideBox .bd .txt a,.pro-ri,.slideBox .hd,.new-xq p:after, .new-xq p:before{  display:none;  }
.slideBox .bd .s-img,.in-mobile-Solution,.in-mobile-pro{ display:block; }
.slideBox .bd .txt{ width:90%; text-align:center; right:5%}
.slideBox .bd .txt h1{ font-size:22px;text-shadow:2px 2px 4px #333333;}
.slideBox .bd .txt h1 span{ font-size:18px;}
.slideBox .hd{ bottom:13px;}
.slideBox .hd ul li{ width:8px; height:8px; margin:0 2px;}
.slideBox .hd ul li.on{ width:28px;}
 
.slideBox .bd .txt h2{ font-size:17px;}
.in-pro{ padding:30px 0;}
.wrap{ margin:0 15px;}
.pro-le{ width:100%; float:none !important}
.in-pro-list{ position:relative; width:100%; top:15px;}
.i-ti h1{ font-size:30px;}
.i-ti p{ font-size:22px;}
.js-zi,.in-ab .js-zi{ width:100%; margin:20px 0;}
.pro-le{ height:auto; padding:20px;}
.case-li dt img{ width:60% !important; height:auto;}
.case-li dd h1,.in-new-list dl dd .new-date,.new-biao,.new-zi{ font-size:15px;}
.case-li dd p{ font-size:12px; }
.in-pro-list .owl-theme .owl-controls .owl-nav .owl-prev, .in-pro-list .owl-theme .owl-controls .owl-nav .owl-next{ width:80px; height:40px;}
.in-pro-list .owl-carousel .owl-item{ padding-bottom:45px;}
.in-ab{ margin-top:30px;background-size: cover}
.in-more{ font-size:14px; width:130px; height:40px; line-height:40px;}
.ab-s-list li{ width:50%; border-bottom:2px solid #d9e4f8; padding-bottom:15px;}
.ab-s-list li img{ width:50px;}
.ab-s-list li p{ font-size:14px; padding-top:0;}
.ab-s-list li:after{ height:100%;}
.ab-s-list li:nth-child(3),.ab-s-list li:nth-child(4){ border:none}
.new-ti .i-ti{ width:auto;}
.new-xq p{ padding-left:0;}
}

@-webkit-keyframes grow {
  from {
      -webkit-transform:scale(1);
  }
  to {
      -webkit-transform:scale(2);
  }
}
@-moz-keyframes grow {
  from {
      -moz-transform:scale(1);
  }
  to {
      -moz-transform:scale(2);
  }
}
@keyframes grow {
  from {
      transform:scale(1);
  }
  to {
      transform:scale(1.5);
  }
}