@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%;
}
.swiper-cp{ text-align:center;}
.swiper-cp img{ width:auto; height:200px; margin-bottom:70px;}
.asfd{ width:94%; margin:0px auto; padding-bottom:70px;}
.pld{ width:48%; margin:1%; float:left; display:inline; background:#fff; padding:15px;}
.pld{ height:auto; overflow:hidden;transition: all 0.5s ease;}
.pld:hover{-moz-transform: translateY(-5px); box-shadow:0px 1px 15px #999; -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}
.pld1{ width:25%; float:left;}
.pld2{ width:72%; float:right;}
.pld2 h3{ font-size:16px; padding:15px 0px;}
.pld2 p{ padding-bottom:20px; padding-top:2px; color:#666;}
.pld2 span{ color:#999;}
.pld1 img{ width:100%; height:130px;}
.slideBox .bd .s-img{ display:none; }
.slideBox .bd .txt{ position:absolute; top:50%; transform:translateY(-50%); right:15%; color:#fff;}
.slideBox .bd .txt h1{ font-size:56px;text-shadow:3px 3px 5px #424242;}
.slideBox .bd .txt h1 span{ font-size:48px; display:block;}
.slideBox .bd .txt h2{ font-size:24px; text-transform:uppercase; font-weight:normal; padding-top:0px;text-shadow:3px 3px 5px #424242;}
.slideBox .bd .txt p{ width:159px; height:6px; background:#45abd6; margin:50px 0;}
.slideBox .bd .txt a{ width:152px; display:block; line-height:50px; color:#333; background:#fff;text-align:center; font-size:20px; transition-duration:.5s;-moz-box-shadow:-4px 2px 7px #696969; -webkit-box-shadow:-4px 2px 7px #696969; box-shadow:-4px 2px 7px #696969; display:none;}
.slideBox .bd .txt a:hover{ background:#45abd6; border-color:#45abd6; color:#fff;}
.slideBox .bd:hover .txt a{ display:block;}
.slideBox .hd{ 

  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:63px; 
  z-index:1; 
}
.slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
.slideBox .hd ul li{ 
  display: inline-block;
  margin:0 6px;  
  width:15px; 
  height:15px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; transition-duration:.5s; 
}
.slideBox .hd ul li.on{ opacity:1; width:40px; border-radius:20px; background:#66b923 }
.in-about{ position:relative;background:url(../images/ab-bg.jpg) no-repeat; margin-top:0px;}
.ab-le{  width:50%; height:100%; display: flex; float:left;align-items: center; padding:50px 4%;}
.video-ibox{ position: relative; float: right; display: block; width:50%; cursor: pointer; overflow: hidden;}
.video-ibox .bg{ background-position: center center; background-repeat: no-repeat;background-size: cover; transition: transform 1s ease-out 0s; -webkit-transition: -webkit-transform 1s ease-out 0s; overflow: hidden;}
.video-ibox .bg video{ width: 100%; display: block;}
.video-ibox .bg:before{ content: ""; position: absolute; left: 0; bottom: 0; top: 0; right: 0; background-color: rgba(0,0,0,0.4); transition: 0.3s ease-out;}
.video-ibox .img-wrap{ position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
.video-ibox .vico{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 58px; height: 58px; line-height: 1; color: #fff; font-size: 58px; transition: .3s; -webkit-transition: .3s;}
.video-ibox:hover .vico{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.ab-ti p{ font-size:30px;}
.ab-ti p span{ font-size:16px; font-family:"Arial"; padding-left:11px;}
.in-ab-js p{ font-size:18px; padding-bottom:10px;}
.in-ab-js span{ font-size:16px; display:block; color:#777777; line-height:1.8;}
.in-ab-js{ padding:40px 0 30px 0;}
.ab-shu dl{ float:left; margin-right:54px;}
.ab-shu dl dt{ font-size:17px;}
.ab-shu dl dt span{ font-size:26px; font-weight:bold;}
.ab-shu dl dd{ color:#555; font-size:17px; padding-top:8px;}
.ab-more{ display:block; color:#fff; text-align:center; line-height:50px; width:136px; text-align:center; font-size:17px; background:#66b923; position:relative; top:0; transition-duration:.5s; margin-top:30px;}
.ab-more:hover{ color:#fff; border-radius:40px; top:-10px;}
.in-Solution{ position:relative;}
.slideBox1{ 
  width:100%;
  position:relative; 
  margin:0 auto; background:#000; overflow:hidden
}
.slideBox1 .bd,.slideBox1 .bd ul{ 
  position:relative; 
  height:100%; overflow:hidden;
}
.slideBox1 .bd li{ 
  vertical-align:middle; position: relative; height:100%; transition-duration:.5s; 
}
.slideBox1 .bd img{ 
  width:100%; 
  display:block;  
  animation: changeScale 1 2.5s; object-fit: cover; height:100%;
}


.slideBox1 .hd{ 

  overflow:hidden; 
  position:absolute; 
 width:100%; height:100%; 
 text-align: center; left:0;
  top:0; 
  z-index:1; 
}
.slideBox1 .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; height:100%; 
 text-align: center;
}
.slideBox1 .hd ul li{ width:33.33%; float:left; border-right:1px solid rgba(255,255,255,0.3); height:100%;

}
.tanchu {
	width: 100%;
	height: 100%;
	background: url(../images/hb.png) repeat;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999999999999
}
.tanchu .gb {
	width: 30px;
	height: 30px;
	position: absolute;
	top:20px;
	right:20px;
	cursor: pointer;
}
.biao{ padding:10px;}
.biao img{ width:100%; height:auto;}
.tanchu .gb img {
	width: 100%;
	height: auto;
}
.tanchu .wz {
	width:540px;
	background: linear-gradient(#fff 0, #fff 100%); border-radius:5px;
	position: relative;
	padding: 40px 50px;
	margin: 5% auto 0;
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
}
.tanchu .wz .bt {
}
.od1{ width:220px; height:50px; line-height:50px; background:#f6f6f6; border-radius:5px; border:1px #d6d6d6 solid;}
.od2{ width:420px; height:50px; line-height:50px; background:#f6f6f6; border-radius:5px; border:1px #d6d6d6 solid;}
.od3{ width:420px; height:50px; line-height:50px; background:#f6f6f6; border-radius:5px; border:1px #d6d6d6 solid;}

.mniu{ background:#123c71; width:240px; height:48px; line-height:48px; text-align:center; border-radius:5px; margin-top:15px;}
.mniu a{ color:#fff;}

.mniu2{ background:#1384e8; width:93px; height:49px; line-height:49px; text-align:center; border-radius:5px;  float:right;}
.mniu2 a{ color:#fff;}
.fnag{ position:relative; width:25%; float:left; text-align:center;}
.hew{ height:250px; width:auto;}
#demo11 img{ height:250px; width:auto; margin:0px 50px;}
#demo15 img{ height:250px; width:auto; margin:0px 50px;}
.fa-txt{padding:53% 15px 0;}
.fa-img{ width:110px; height:110px; position:relative; border:1px solid #fff; border-radius:50%; margin:0 auto; padding-top:25px;}
.fa-img img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;}
.fa-txt h1{ font-size:26px; font-weight:normal; padding:27px 0 15px 0;}
.fa-txt span{ display:block; width:86px; height:5px; background:#b3ca38; border-radius:3px; margin:0 auto;}
.fa-txt h2{ font-size:16px; font-weight:normal; padding:20px 0; opacity:0; transition-duration:.5s; padding-bottom:50px;}
.fa-txt p{ font-size:16px; width:82%; line-height:1.6; margin:0 auto; opacity:0; transition-duration:.5s; padding-bottom:30px;}
.fa-txt a{ display:block;line-height: 50px;width: 136px;text-align: center;font-size: 17px; border:1px solid #fff; margin:0 auto; color:#fff; transition-duration:.5s;}
.slideBox1 .hd ul li.on{ background:#66b923}
.slideBox1 .hd ul li.on .fa-txt h2{ opacity:1 }
.slideBox1 .hd ul li.on .fa-txt p{ opacity:0.7}
.fa-txt a:hover{ border-radius:40px;}

.in-ti{ text-align:center; width:100%; padding-bottom:44px;}
.in-ti p{ font-size:40px; margin-bottom:15px;}
.in-ti span{ font-size:16px;font-family:"Arial"; color:#555;}
.in-Solution .in-ti{ position:absolute; top:10%; left:0; z-index:3; color:#fff;}
.in-Solution .in-ti span{ color:#fff; opacity:0.5;}
.in-case{ padding:70px 4%;}
.sd-hs .owl-theme .owl-controls .owl-nav [class*=owl-]{ display:none !important}

.sd-hs .owl-theme .owl-controls{ margin-top:30px !important}
.sd-hs .owl-theme .owl-dots .owl-dot span{ width:15px; height:15px; background:#999;}
.sd-hs .owl-theme .owl-dots .owl-dot.active span{ width:44px; border-radius:10px; background:#66b923;}
.case-li{ background:#f9f9f9;}
.case-li dt{ width:50%; overflow:hidden; float:left;}
.case-li dt img{ width:100%; height:100%; display:block; transition-duration:.5s;}
.case-li:hover dt img{ transform:scale(1.1)}
.case-li dd{ padding:30px; float:left; width:50%;}
.case-li dd h1{ font-size:20px; font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case-li dd p{ font-size:16px; color:#777;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical; margin:25px 0; line-height:1.7;
}
.case-li dd span{ display:block; text-align:center; line-height:40px; border:1px solid #999999; width:137px; transition-duration:.5s;}
.case-li:hover dd span{ color:#fff; background: #66b923; border-color:#66b923;}
.in-pro{ background:url(3.jpg); padding-top:64px;}
.pro01{ position:relative;}
.pro01 .swiper-button-next, .pro01 .swiper-container-rtl .swiper-button-prev,.pro01 .swiper-button-prev{ width:60px; height:60px; background:url(../images/pre2.png) no-repeat center rgba(255,255,255,0.8); right:20px; margin-top:-30px;}

.pro01 .swiper-button-prev{ transform:rotate(180deg); left:20px;}
.pro01 .swiper-button-next:hover,.pro01 .swiper-button-prev:hover{background:url(../images/pre2-1.png) no-repeat center rgba(0,143,215,0.8);}
.pro-nr{ position:relative;}
.pro-nr dt{ overflow:hidden; background:#000; position:relative; padding-bottom:60%;}
.pro-nr dt img{ width:100%; height:100%; display:block; transition-duration:.5s; position:absolute; top:0; left:0;}
.pro-nr dd{ position:absolute; bottom:0; left:0; width:100%; text-align:center; color:#fff; font-size:17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height:55px;}
.pro-nr:hover dt img{ transform:scale(1.1); opacity:0.8;}
.in-mobile-Solution{ display:none;background: url(bgimage.png) no-repeat;background-size: cover; padding:20px 4%; margin-top:30px;}
.mobile-qhh { overflow:hidden; position:relative; width:100%; padding-bottom:70px;  }
		.mobile-qhh .hd{ position:absolute; bottom:0; left:0; width:100%; }
		.mobile-qhh .prev,.mobile-qhh .next{height: 36px;
    width: 36px;
    cursor: pointer;
    transition: .3s;
    border-radius: 50%;
    background-color: rgba(31,45,61,.11);
    color: #fff;
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);}
		.mobile-qhh .next img,.mobile-qhh .prev img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; }

.mobile-qhh .next{ right:0;}
.mobile-qhh .next img{ transform:rotate(180deg)}

.mobile-qhh .hd ul{ overflow:hidden; zoom:1;  width:100%; text-align:center}
.mobile-qhh .hd ul li{ display:inline-block;  width:8px; height:8px; overflow:hidden; text-indent:-999px; cursor:pointer; background-color: rgba(47,143,247,.2); border-radius:50%; margin:0 4px; }
.mobile-qhh .hd ul li.on{ background-color: #2f8ff7;}
.mobile-qhh .bd ul{ overflow:hidden; zoom:1; }
.mobile-qhh .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center; width:100%;  }
.mobile-qhh .bd ul li img{   display:inline-block; }

.mobile-qhh .bd ul li span{ display:inline-block; background:#2f8ff7; color:#fff; padding:8px 30px; border-radius:20px; font-size:13px;}
.mobile-qhh .bd ul li h1{ font-weight:normal; color:#fff; font-size:15px; padding-top:15px;}
.picScroll-left1.mobile-qhh .bd ul li p{ font-size:13px; padding:15px 0 35px 0; color:#fff; width:80%; margin:0 auto; line-height:1.8;}
.picScroll-left1.mobile-qhh .bd ul li span{ background:none; border:1px solid #fff;}
.picScroll-left1.mobile-qhh .prev,.picScroll-left1.mobile-qhh .next{height: 62px;
    width: 27px;
    cursor: pointer;
    transition: .3s;
    border-radius: 5px;
    background-color: hsla(0,0%,94.9%,.5);
    color: #fff;
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);}
.picScroll-left1.mobile-qhh{ padding-bottom:20px;}
.in-mobile-pro{ display:none; padding-left:5%; padding-bottom:30px; margin-bottom:30px;}

.in-mobile-pro .swiper-slide {width: 60%;}
.in-mobile-pro .wh-list{ position:relative;}
.in-mobile-pro .wh-list dt img{ border-radius:5px;}
.in-mobile-pro .wh-list dd{ position:absolute; bottom:0; left:0; line-height:40px; padding:0 10px; color:#fff;}



@media screen and (max-width: 1660px){
.ab-le{ padding:40px 3%;}
.ab-shu dl{ margin-right:44px;}
.in-ab-js{ padding:20px 0;}
.fa-txt h1{ font-size:24px;}
.fa-txt p{ width:90%;}
.case-li dd h1{ font-size:18px;}
.case-li dd{ padding:20px;}
.case-li dd p{ font-size:15px; margin:15px 0;}
}


@media screen and (max-width: 1480px){
.slideBox .bd .txt h1 span{ font-size:38px;}
.slideBox .bd .txt h1{ font-size:46px;}
.in-ab-js span{ font-size:15px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp:5;
    -webkit-box-orient: vertical;}
.in-ab-js p,.fa-txt h2{ font-size:17px;}
.ab-shu dl dd{ font-size:16px;}
.ab-shu dl{ margin-right:75px;}
.ab-more{ margin-top:35px; line-height:45px;}
.fa-img{ width:90px; height:90px;}
.fa-img img{ width:70px;}
.fa-txt h1{ font-size:20px;}
.fa-txt p{ font-size:15px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical; padding-bottom:0; margin-bottom:20px;}
.fa-txt a{ line-height:40px; font-size:15px;}
.in-Solution .in-ti{ top:5%;}
.case-li dd p{ -webkit-line-clamp: 3;line-clamp: 3;}
.case-li dd span{ width:120px;}


}
.pl{position: relative;
    float: right;
    display: block;
    width: 50%;
    cursor: pointer;
    overflow: hidden;}
@media screen and (max-width: 1368px){
.ab-le{ padding:20px 2%;}
}
@media only screen and (max-width: 992px) {
	.pl{ width:100%; margin-right:0%;}
	.in-ab-js span{ font-size:14px;}
	.pld{ width:100%; margin:1% 0px;}
.pld1 img {
    width: 100%;
    height:65px;
}.pld2 h3 {
    font-size: 14px;
    padding:5px 0px;
}.pld2 p { height:20px; line-height:20px; overflow:hidden; white-space: nowrap;
    text-overflow: ellipsis; 
    padding-bottom: 20px;
    padding-top: 2px;
    color: #666;
}.f-cd {
    margin-left: 0px;
    margin-right:0%; text-align:center;
}
.pld2 span{ font-size:12px;}.fnag {
    position: relative;
    width:50%;
    float: left;
    text-align: center;
}.hew {
    height:150px;
    width: auto; margin-bottom:10px;
}.tanchu .wz {
    width:90%;
    background: linear-gradient(#fff 0, #fff 100%);
    border-radius: 5px;
    position: relative;
    padding:50px 10px;
    margin: 5% auto 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
}
 @media only screen and (max-width: 760px) {
	 .in-mobile-Solution{ margin-top:0px;}
	 .mobile-qhh .bd ul li{ padding-right:0px;}
.slideBox{ height:auto;}
.slideBox .bd .b-img,.slideBox .bd .txt p,.slideBox .bd .txt a{  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;}
.ab-le,.video-ibox,.case-li dt,.case-li dd{ width:100%;}
.ab-ti p,.in-ti p{ font-size:20px;}
.in-ab-js p, .fa-txt h2,.ab-shu dl dt,.case-li dd h1{ font-size:16px;}
.ab-shu dl{ width:31.33%; margin:0 1%; text-align:center;}
.ab-shu dl dt span{ font-size:22px;}
.ab-shu dl dd{ font-size:15px; padding:5px 0 15px 0;}
.ab-more,.case-li dd span{ margin:25px auto; font-size:15px; width:120px; line-height:35px;}
.video-ibox .vico{ width:40px; height:40px;}
.in-case{ padding:30px 4%;}
.in-ti{ padding-bottom:30px;}
.case-li dd p{ font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case-li dd span{ margin-bottom:0;}
.sd-hs .owl-theme .owl-dots .owl-dot span{ width:10px; height:10px;}
.sd-hs .owl-theme .owl-dots .owl-dot.active span{ width:34px;}
.in-Solution,.pro01{ display:none}
.in-pro{ padding-top:30px;}
.slideBox .bd .txt h2{ font-size:17px;}

}

@-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);
  }
}