@charset "utf-8";
 @font-face {
     font-family: "aparajb";   
     src: url("../fonts/aparajb.woff") format("woff") /* chrome、firefox */
		 
 }
 @font-face {
   font-family: "迷你简小标宋";
   src:url("../fonts/迷你简小标宋.woff") format("woff")
 }
 
@font-face {
  font-family: "SourceHanSansSC-Regular";
  src: url("../fonts/SourceHanSansSC-Regular.woff") format("woff")
}
body {overflow-x: hidden;  overflow-y: scroll;}
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; 
font-family:"SourceHanSansSC-Regular","微软雅黑";}  
body, p, h1, h2, h3, h4, h5, table, ul, li, form, input { margin: 0; padding: 0; color: #000;  line-height: 1; }  
body, p { font-size: 14px; border: none; color: #000; }  
a { font-size: 14px; color: #000; text-decoration: none; border: none; padding: 0; margin: 0; }  
table { border-collapse: collapse; }  
img { border: 0; margin: 0; padding: 0; display: block; }  
ul, li { list-style: none; border: 0; margin: 0; padding: 0; } 
dl, dt, dd { margin: 0; padding: 0; -webkit-margin-start: 0; }  
h1, h2, h3, h4, h5 { font-weight: normal; font-size: 12px; display: block; }  
b { font-weight: normal; }  
table, tr, td { border-spacing: 0; }  
em, i, b { font-style: normal; }  
p { line-height: 170%; color: #555; font-size: 14px; }  
input,button{ border: none; background: none; }  
figcaption { display: block; }  
input:focus { outline: none; }  
::-webkit-input-placeholder { /* WebKit browsers */ font-size: 14px; color: #555; }  
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px; color: #555; }  


.clearfix { *zoom: 1; }  
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }  
.clearfix:after { clear: both; } 
.clear { clear: both; }

.fl{ float: left;}
.fr{ float: right;}
svg:focus{ outline: none; }

 input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.container{ max-width: 1560px; margin: 0 auto; width: 100%;  }

#blocwrap{overflow: hidden; position: fixed;height: 100%; width: 100%; top: 0; left: 0; right: 0;bottom: 0;}
#bloc{width: 100%;position: absolute;overflow: hidden;z-index: 10;backface-visibility: hidden;transform-style: preserve-3d; padding-top: 100px;}

.header{ display: flex; align-items: center;   height:100px; transition: all 0.6s;}
.navbar{ display: flex; align-items: center; padding: 0 6%; flex-grow: 1; justify-content: space-between;}
.navbar li{  position: relative;  color: #cccccc; transition: all 0.6s;}
.navbar li a{ font-size:16px; color: #333333; position: relative;}
.navbar .li::before{ position: absolute; content: ''; display: block; width: 12px;	height: 12px;	background-color: #2056d4; border-radius: 100%; left: -25px; top: 50%; margin-top: -6px; transition: all 0.36s; opacity: 0; transform: scale(0.2);}
.navbar .li::after{ position: absolute; content: ''; display: block; width: 12px;	height: 12px;	background-color: #fd9604; border-radius: 100%; left: -19px; top: 50%; margin-top: -6px; transition: all 0.36s; opacity: 0; transform: scale(0);}
.navbar .li:hover{ margin-left: 10px;}
.navbar .li:hover::after,.navbar .li:hover::before{ opacity: 1; transform: scale(1);}


.header .zoom{  display: flex; cursor: pointer; position: relative; width: 40px;	height: 40px;	background-color: #2056d4; border-radius: 100%; align-items: center; justify-content: center;}

.headerwrap{ position: fixed; left: 0; right: 0; background: #fff; z-index: 33333; width: 100%; max-width: 100%; height: 100px; transition: all 0.6s;}
.headerwrap.on{ animation: down10 1.5s; border-bottom: 1px solid #E0E0E0; height: 85px;}
.headerwrap.on .header{ height: 85px;}


.search-box{ position: fixed; left: 0; right: 0;  top:80px; padding: 20px 150px;  display: flex; align-items: center;  z-index: -1; height: 200px;}
.search-box::before{  background: #1c61d5; content: ""; display: block; transition: all 1s; position: absolute;
top:0px; right: 0; left: 0; bottom: 0; z-index: -1; opacity: 0; visibility: hidden;}
.search-box .row-div{ transition: all 1s; transform: translateY(10px); opacity: 0; width: 100%; display: flex; justify-content: center;}
.search-box .row{ position: relative; border:1px solid rgba(255,255,255,0.3); width: 100%; max-width: 600px; box-sizing: border-box; height: 50px;
border-right: none; transition: all 0.6s;}
.search-box button{ display: block; border-radius: 0px; height: 50px; width: 100px; text-align: center; background: #fff; cursor: pointer; font-size: 16px;
color: #333;}
.search-box.on { z-index: 33;}
.search-box.on .row-div{ transform: none; opacity: 1;}
.search-box.on::before{ opacity: 1; visibility: visible;}
.search-box label{ position: absolute; left:10px;  top: 0px; height: 50px; line-height: 50px; transition: all 0.3s; color: #fff; cursor: text; opacity: 0.6;}
.search-box .key{ width: 80%; height: 50px; line-height: 50px; padding-left: 10px; z-index: 2; position: relative; color: #fff;}
.search-box .key:focus+label {  top: -20px; opacity: 0;}
.search-box .key:not(:focus):not(:placeholder-shown) + label {color: rgba(0, 0, 0, 0);}
.search-box .key:not(:focus):not(:-ms-input-placeholder) + label {color: rgba(0, 0, 0, 0);}
.search-box:hover .row{ border-color: rgba(255,255,255,0.6);}


.banner{ width: 100%; overflow: hidden; position: relative; z-index: 1;  }
.banner img{ display: block; width: 100%; height: auto;}
.banner .swiper-slide { position: relative;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size: 30px; opacity: 0; transition: all 0.6s;}
.banner:hover .swiper-button-next:after, .banner:hover .swiper-button-prev:after{ opacity: 1;}

.index-tit {padding: 60px 0;  text-align: center;}
.index-tit h3{color: #000000; opacity: 0.05; font-size: 100px; text-align: center; line-height: 1; font-weight: bold; height: 100px;}
.index-tit h4{ text-align: center;  color: #000000; font-size: 30px;  font-weight: bold;  height: 60px; margin-top: -60px;}

.index-sec1 .gallery-thumbs{ padding: 0 150px 10px 30px;}
.index-sec1 .gallery-thumbs .swiper-slide{ cursor: pointer; color: #000000; font-size: 18px; text-align: center;}
.index-sec1 .gallery-thumbs .swiper-slide-thumb-active{ color: #2056d4; font-weight: bold;}

.palcont{ display: flex; background: #f8f8f8; margin-top: 60px;}
.palcont>.left{ width: 38%;}
.palcont>.left .div{ padding: 75px; }
.palcont>.right { width: 62%; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.palcont .left h3{ color: #333333; font-size: 24px; line-height: 1; font-weight: bold; margin-bottom: 25px;}
.palcont .left h4{ color: #333333; font-size: 34px; line-height: 1; font-weight: bold;}
.palcont .left p{ color: #666666; font-size: 14px; line-height: 30px; margin-top: 40px; height: 120px; overflow: hidden;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-overflow: ellipsis;}
.palcont .left .p1{ color: #666666; font-size: 14px; line-height: 30px; margin-top: 40px; height: 120px; overflow: hidden;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-overflow: ellipsis;}

.palcont .left .p2{  -webkit-line-clamp: 2; height: 60px;}
.palcont .left a{ display: block;  	width: 200px;height: 60px;background-color: #2056d4;border-radius: 30px;
text-align: center; line-height: 60px; color: #fff; color: #ffffff; font-size: 14px; margin-top: 70px; transition: all 0.6s;}
.palcont .left a:hover{ box-shadow: 0 0 30px 0 rgba(32,86,212,0.8); transform: translateX(5px);}
.palcont .right img{ display: block; object-fit: cover; }
.index-sec1 .swiper-pagination{ left: 75px; width: auto; bottom: 75px;}
.index-sec1 .swiper-pagination-bullet{ transition: all 0.6s;} 
.index-sec1 .palcont .reveal-holder .reveal-block::before{ background: #fff;}
.index-sec1 .solution-tit{width:14% !important;}

.index-sec2{ background: url(../images/bg1.jpg) no-repeat top center;  margin-top: 100px; padding-bottom: 100px;
 animation: bg1 infinite 50s linear ;}
.index-sec2 .index-tit h3,.index-sec2 .index-tit h4{ color: #fff;}
.index-sec2 .ul1{ display: flex; margin-left: -20px; margin-right: -20px;}
.index-sec2 .ul1 li{ width: calc( 100%/4 - 40px); margin-left: 20px; margin-right: 20px; background: #fff;}
.index-sec2 .ul1 li a{ display: flex; justify-content: space-between; flex-direction: column; height: 100%;}
.index-sec2 .ul1 .item-img,.index-sec2 .ul1  .item-img img{ display: block; overflow: hidden; transition: all 0.6s; width: 100%; height: auto;
 height: inherit; object-fit: cover;}
.index-sec2 .ul1 .item-text{ padding: 20px;}
.index-sec2 .ul1 h3{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; font-size: 20px; line-height: 1;
text-align: center; margin-top: 20px; transition: all 0.6s; font-weight: bold;}
.index-sec2 .ul1 p{ color: #333333; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1;
text-align: center; margin: 15px 0 40px 0;}
.index-sec2 .ul1 span{ display: block; width: 100%;	height: 50px;	background-color: #f5f5f5; text-align: center; line-height: 50px;
color: #333; font-size: 14px; margin: 0 auto; transition: all 0.6s; position: relative; z-index: 1; overflow: hidden;}
.index-sec2 .ul1 span::before{ content: ''; display: block; position: absolute; background: #2056d4; left: 50%; right: 50%;
height: 60px; transition: all 1s; z-index: -1; height: 0px; transform-origin: center;  bottom: -10%; border-radius: 300%;
transform: scale(1); left: 0; right: 0; }
.index-sec2 .ul1 li:hover span::before{ height: 50px; transform: scale(2);}
.index-sec2 .ul1 li:hover span{ color: #fff;}
.index-sec2 .ul1 li:hover h3{ color: #2056D4;}
.index-sec2 .sec2-ul{ margin-top: 60px; }
.index-sec2 .ul2{ display: flex; margin-left: -20px; margin-right: -20px; flex-wrap: wrap;}
.index-sec2 .ul2 li{ width: calc( 100%/5 - 40px); margin-left: 20px; margin-right: 20px; background: #fff; margin-bottom: 40px; padding:10px 0;}
.index-sec2 .ul2 li img{ display: block; width: auto; height: auto; transition: all 0.6s; filter: grayscale(1);
max-width: 280px;	max-height: 120px; padding:5px 0; margin:0 auto;}
.index-sec2 .ul2 li:hover img{ filter: grayscale(0);}


.index-sec3{ padding: 100px 0 20px 0;}
.index-sec3 .sec3cont{ display: flex; justify-content: space-between;}
.index-sec3 .leftcont{ width: 32%;}
.index-sec3 .rightcont{ width: 65%;}
.index-sec3 .rightcont ul{ display: flex; flex-wrap: wrap;  margin-left: -25px; margin-right: -25px;}
.index-sec3 .rightcont li{ width: calc( 100%/2 - 50px); margin-left: 25px; margin-right: 25px; padding:30px 45px; margin-bottom: 50px;
background-color: #ffffff;	box-shadow: 0px 0px 20px 0px rgba(6, 0, 1, 0.1); border-radius: 10px; position: relative; transition: all 1s linear; overflow: hidden; z-index: 0; border:1px solid transparent}
.index-sec3 .rightcont .div1{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; position: relative; z-index: 3;}
.index-sec3 .rightcont .div1 h3{ color: #000000; font-size: 30px;}
.index-sec3 .rightcont .div1 strong{ color: #2056d4; font-size: 56px;  position: relative;  font-family: "aparajb";}
.index-sec3 .rightcont p{ color: #666666; font-size: 14px; line-height: 36px; position: relative; z-index: 3;}
.index-sec3  .bar {position: absolute;background-color: #2056D4; opacity: 0.6; transition: all 1s linear;}
.index-sec3 li .bar.top {left: 0px;right: 100%;    height:3px; top: 0px; border-radius: 5px;}
.index-sec3 li .bar.left {top: 100%;bottom: 0px;   width: 3px; left: 0px;}
.index-sec3 li .bar.right {top: 0px;bottom: 100%;  width: 3px; right: 0px;}
.index-sec3 li .bar.bottom {left: 100%;right: 0px; height:3px; bottom: 0px;}
.index-sec3 .rightcont li:hover{box-shadow: 0 0 30px 0 rgba(32,86,212,0.8); border-color: #879ed6;}
.index-sec3 .rightcont li:before{ display: block; content: ''; position: absolute; right: -50%; top: -20px; transition: all 1.6s; 
transform: scale(0); background: url(../images/c4.svg) no-repeat top center; width:100%; height: 120%;  z-index: 3; bottom: 0; 
background-size: 100% auto; opacity: 0; transform-origin: top;}
 .index-sec3 .rightcont li:hover::before{  transform: scale(1); opacity: 1; }
 
.index-sec3 .leftcont .div1{ padding-bottom: 90px;}
.index-sec3 .leftcont h2{ font-size: 56px; color: #2056d4; margin-bottom: 60px; line-height: 60px;   font-family: "aparajb"; }
.index-sec3 .leftcont h3{ font-size: 34px; color: #000000;    font-family: "迷你简小标宋";}
.index-sec3 .leftcont .div1 i{ width: 40px;	height: 5px; background: #2056D4; display: block; margin-top: 50px;}
.index-sec3 .leftcont .div2 p{ color: #000000; font-size: 30px; }
.index-sec3 .leftcont .div2 h3{ color: #2056d4; font-size: 46px; margin:20px 0 50px 0; font-family: "aparajb"; }
.index-sec3 .leftcont .div2 a{ width: 200px;height: 60px;background-color: #2056d4;border-radius: 30px; transition: all 1s linear;
display: block; text-align: center; color: #fff; font-size: 14px; line-height: 60px;}
.index-sec3 .leftcont .div2 a:hover{box-shadow: 0 0 30px 0 rgba(32,86,212,0.8); transform: translateX(5px);} 


.index-sec4{ background: url(../images/bg2.png) no-repeat top center; height: 380px; padding-top: 20px;}
.index-sec4 .sec4cont{ display: flex; justify-content: space-between; align-items: center; height: 380px;}
.index-sec4 .p1{ color: #ffffff; font-size: 32px;}
.index-sec4 .p2{ color: #ffffff; font-size: 32px; margin-top: 30px;}
.index-sec4 .p2 strong{ color: #ffffff; font-size: 100px; font-weight: bold;}
.index-sec4 .p3{ color: #ffffff; font-size: 16px; margin-top: 20px;}
.index-sec4 .div2 p{ text-align: center; color: #fff; line-height: 70px;}
.index-sec4 .div2 img,.index-sec4 .div3 img{ display: block; margin: 0 auto; transition: all 1s;}

.index-sec5{ margin-bottom: 20px;}
.index-sec5 ul{ display: flex; flex-wrap: wrap;  margin-left: -30px; margin-right: -30px;}
.index-sec5 li .item-img,.index-sec5 li .item-img img{ display: block; width: 100%; height: auto; transition: all 2s; overflow: hidden;}
.index-sec5 li{ width: calc( 100%/3 - 60px); margin-left: 30px; margin-right: 30px;  margin-bottom: 50px; transition: all 0.6s;
background-color: #f8f8f8;	 position: relative; transition: all 1s linear; overflow: hidden;}
.index-sec5 li .item-text{padding: 35px; position: relative; z-index: 33;}
.index-sec5 li h3{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; font-size: 22px;  transition: all 1s;
line-height: 1.3; margin-bottom: 15px;}
.index-sec5 li p{ color: #333333; font-size: 14px;  overflow: hidden; text-overflow: ellipsis;  transition: all 1s;
line-height:30px; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.index-sec5 li .xq{ border-top: 1px solid #e5e5e5; margin-top: 20px; padding-top: 30px; display: flex; justify-content: space-between; align-items: center;}
.index-sec5 li .xq span{ display: block;color: #666666; font-size: 14px; transition: all 1s;}
.index-sec5 li .xq span i{ display: inline-block; vertical-align: -1px; background: url(../images/date.png) no-repeat top center; width: 14px;
height: 14px; transition: all 0.6s; margin-right: 5px;}
.index-sec5 li:hover .xq span i{ background-position: bottom center;}
.index-sec5 li strong{background: url(../images/arrow.png) no-repeat top center; width: 23px;
height: 14px; transition: all 0.6s; margin-right: 5px; }
.index-sec5 li:hover .xq strong{ background-position: bottom center;}
.index-sec5 li:hover h3,.index-sec5 li:hover p,.index-sec5 li:hover span{ color: #fff;}
.index-sec5 li:hover .item-img img{ transform: scale(1.1);}
.index-sec5 li::before{ content: ''; display: block; position: absolute; background: #2056d4; left: 50%; right: 50%;
height: 60px; transition: all 1s; z-index: 1; height: 0px; transform-origin: center;  bottom: 0%; border-radius: 300%;
transform: scale(1); left: 0; right: 0; }
.index-sec5 li:hover::before{ height: 180px; transform: scale(2);}

.footer{ background-color: #f0f0f0; padding-top: 60px; padding-bottom:20px;}
.footer .div1 h4{ color: #000000; font-weight: bold; font-size: 18px; margin-bottom: 30px;}
.footer .div1 p a{ display: block; color: #666666; font-size: 16px; line-height: 50px;}
.footer-sec1{ display: flex; justify-content: space-between;}
.footer-sec1 .divp{ display: flex; margin-right: -115px;}
.footer-sec1 .divp p{ margin-right: 100px; }
.footer-sec2{ display: flex; justify-content: space-between; align-items: center; margin-top: 50px;}
.footer-sec2 .fl-left span{ color: #666666; font-size: 18px;}
.footer-sec2 .fl-left a{ color: #666666; font-size: 15px; display: inline-block; margin: 0 13px; transition: all 0.6s; }
.footer-sec2 .fl-left .p1{ border-bottom: 1px solid #E5E5E5; padding: 20px 0;}
.footer-sec2 .fl-left .p2{ color: #666666; font-size: 14px; margin-top: 20px;}
.footer-sec1 .fr-right{ display: flex; justify-content: space-between;}
.footer-sec1 .fr-right p{ color: #666666; font-size: 14px; text-align: center; margin-top: 20px;}
.footer-sec1 .fr-right div{ margin-left: 50px;}
.footer-sec1 .fr-right div img{ display: block; width: 130px;	height: 130px; border-radius: 10px;}
.footer-sec1 a{ transition: all 0.6s; position: relative; z-index: 6; }
.footer-sec1 a:hover,.footer-sec2 a:hover{ color: #333 !important;}
.footer-sec1 a::before{ position: absolute;left: -10px; width: 100%; height: 50px; display: block; content: '';transform: scaleX(0);
 transform-origin: right 50%; transition-property: transform; transition-duration: 380ms;  bottom: 0;  background-color: #E5E5E5;  z-index: -1; padding: 0 10px;}
.footer-sec1 a:hover::before {transform: scaleX(1); transform-origin: left 50%;}	


/* 关于我们 */
.neibanner{ height: 500x; display: flex; align-items: center; justify-content: center;  position: relative;}
.neibanner .container{  position: absolute; left: 0; right: 0; z-index: 33; top: 50%; transform: translateY(-50%);}
.neibanner img{ display: block; object-fit: cover; margin: 0 auto;}
.neibanner .item-text h3{ color: #ffffff; font-size: 40px;}
.neibanner .item-text p{ color: #ffffff; font-size: 22px; margin-left: 120px; margin-top: 20px;}
.neibanner .item-text h3 i { display: inline-block; vertical-align: middle; width: 100px;	height: 3px;  background: #fff; margin-right: 20px;}


.about-sec1 .sec1cont{ display: flex; justify-content: space-between; padding: 100px 0 200px 0;}
.about-sec1 .left{ max-width: 690px;}
.about-sec1 h3{ color: #333333;  font-size: 40px; line-height: 60px; } 
.about-sec1 .left i{ display: block; width: 50px; height: 3px; background-color: #2056d4; margin: 35px 0;}
.about-sec1 .left p{ color: #888888;  font-size: 16px; line-height: 30px; margin-top: 30px;}
.about-sec1 .right{  position: relative; width: 45%;}
.about-sec1 .right .div1{  position: absolute; top: 0; right: 0;}
.about-sec1 .right .div2{  position: absolute; top: 150px; right:200px;}
.about-sec1 .right img{ display: block; height: auto; max-width: 100%; }
.about-sec1 .right{  position: relative; min-width: 600px;}


.about-sec2{ background: url(../images/abg.png) no-repeat top center; padding: 40px 0 0 0; }
.about-sec2 .sec2-div1{ height: 160px;background-color: rgba(255,255,255,0.7); display: flex; align-items: center;
 justify-content: space-between; }
.about-sec2 .sec2-div1 .right{ flex-grow: 1;}
.about-sec2 .sec2-div1 ul{ display: flex; }
.about-sec2 .sec2-div1 li{ width: 21%; transition: all 0.6s; cursor: pointer;}
.about-sec2 .sec2-div1 li strong{ color: #333333; font-weight: bold; font-size: 24px; line-height: 1;}
.about-sec2 .sec2-div1 li p{ color: #333333; font-size: 18px; font-family: arial; margin-top: 20px; line-height: 1;}
.about-sec2 .sec2-div1 li:hover{ transform: translateY(10px);}
.about-sec2 .sec2-div2{ display: flex; justify-content: space-between; margin-top: 65px;}
.about-sec2 .sec2-div1 .titleft{ display: flex; align-items: center; flex-shrink: 0; width: 230px; margin-right: 230px; margin-left: 75px;}
.about-sec2 .titleft h3{ color: #333333; font-size: 32px;}
.about-sec2 .titleft p{ color: #333333; font-size: 28px; font-family: arial; line-height: 1; margin-top: 15px;}
.about-sec2 .titleft img{ display: block; margin-right: 20px;}
.about-sec2 .sec2-div2 .left{ background: url(../images/abg2.png) no-repeat top center;  width:70.5%; background-size: 100% 100%;
display: flex; height: 520px; padding:65px 60px;  justify-content: space-between;} 
.about-sec2 .sec2-div2 .left-div1 h3{  color: #333333; font-size: 26px; font-weight: bold;}
.about-sec2 .sec2-div2 .left-div1 p{  color: #333333; font-size: 20px; margin-top: 25px;}
.about-sec2 .sec2-div2 .left-div1 div{ margin-bottom: 70px;}
.about-sec2 .sec2-div2 .titleft{ display: flex; align-items: center; align-self: flex-start;}
.about-sec2 .sec2-div2 .titleft div{ flex-shrink: 0;}
.about-sec2 .sec2-div2 .left-div1{ flex-grow: 1; padding-left: 165px;}

.about-sec3{ background-color: #fafafa; padding: 60px 0 70px 0; position: relative; }
.about-sec3 .tit h3{ text-align: center;  color: #333333; font-size: 36px; margin-bottom: 70px;}
.about-sec3 .swiper-slide { height: initial;}
.about-sec3 .swiper-slide p{ text-align: center;  color: #333333; font-size: 18px; margin-top: 25px;}
.about-sec3 .swiper-slide img{ display: block; margin: 0 auto;}
.about-sec3 .swiper-slide a{ background: #fff; display: block; padding: 40px 40px 35px 40px; display: flex; flex-direction: column;  align-items: center; justify-content: space-between; height: 100%; position: relative; overflow: hidden;}
.about-sec3 .swiper-slide .item-img img{ display: block; max-width: 100%; height: auto; max-height: 290px; position: relative; z-index: 3;}
.about-sec3 .swiper-button-next, .about-sec3 .swiper-button-prev{ width: auto; outline: none; cursor: pointer; right: 90px; top: 58%; position: absolute; display: block;}
.about-sec3 .swiper-button-prev{ right: auto; left: 90px; }
.about-sec3 .swiper-slide a::before{ display: block; content:''; position: absolute;border-radius: 50%;background-color: #2056d4;width: 442px;height: 392px;z-index: 0; top: -600px; transition: all 0.6s; opacity: 0;  filter: blur(30px);}
.about-sec3 .swiper-slide:hover a::before{ transform: scale(1); opacity: 1;filter: blur(0px); top: -120px;}
.about-sec3 .swiper-slide:hover p{ color: #2056d4;}

.about-sec4 .swiper-button-disabled{ opacity: 0.3;}
.about-sec4 .container{ position: relative;}
.about-sec4{ padding: 70px 0 70px 0;  position: relative;}
.about-sec4 .container{ position: relative;}
.about-sec4 .tit h3{ text-align: center;  color: #333333; font-size: 36px; margin-bottom: 70px;}
.about-sec4 .swiper-slide { height: initial;}
.about-sec4 .swiper-slide a{ display: flex; flex-direction: column;  align-items: center; justify-content: space-between; height: 100%; position: relative; overflow: hidden;}
.about-sec4 .swiper-slide .item-img{ overflow: hidden;}
.about-sec4 .swiper-slide .item-img img{ display: block; width: 100%; height: auto; max-height: 260px; position: relative; z-index: 3;
margin: 0 auto; transition: all 0.6s; overflow: hidden;}
.about-sec4 .swiper-slide p{ text-align: center;  color: #333333; font-size: 18px; margin-top:105px; position: relative;  transition: all 0.6s;}
.about-sec4 .swiper-button-next1, .about-sec4 .swiper-button-prev1{ width: auto; outline: none; cursor: pointer; right: 100px; bottom:65px;
position: absolute;}
.about-sec4 .swiper-button-prev1{ right: auto; left:100px; }
.about-sec4 .control{ position: relative;}
.about-sec4 .control::before{ content: ''; display: block; position: absolute; left: 0; right: 0; height: 1px; background: #e5e5e5;
width: 100%; bottom: 75px; }
.about-sec4 .swiper-slide p::before{ display: block; position: absolute; width: 11px;  margin-left: -5px; transition: all 0.6s; transform: scale(1);	height: 12px;	background-color: #222222; content: ''; border-radius: 100%; top: -52px; left: 50%;}
.about-sec4 .swiper-slide p::after{ display: block; position: absolute;  width: 22px; transition: all 0.6s; transform: scale(0); 
 margin-left: -10px;	height: 22px;	background-color: #2056D4; content: ''; border-radius: 100%; top: -57px; left: 50%; border:5px solid #668de6; box-sizing: border-box;}
.about-sec4 .swiper-slide:hover p::after{ transform: scale(1);}
.about-sec4 .swiper-slide:hover p::before{ transform: scale(0);}
.about-sec4 .swiper-slide:hover p{ color: #2056D4;}
.about-sec4 .swiper-slide:hover .item-img img{ transform: scale(1.1);}

/* 客户案例 */

.casepage { padding: 20px;}
.casepage ul{ display: flex; flex-wrap: wrap; }
.casepage li{ width:calc( 100%/4 - 20px); margin-left: 10px; margin-right: 10px; position: relative; overflow: hidden;
margin-bottom: 40px;}
.casepage li .item-img{ display: block; overflow: hidden; }
.casepage li img{ display: block; width: 100%; height: auto; transition: all 0.6s;}
.casepage li::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.casepage li h3{ color: #333333; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px;}
.casepage li p{ color: #666666; font-size: 16px; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; overflow: hidden;}
.casepage li .item-text{ padding: 20px 0 0 0;}
.casepage li:hover::before {animation: shine 0.6s linear;}
.casepage li:hover .item-img img{ transform: scale(1.1);}


/*案例logo*/
.caselogo { padding: 0 0  80px 0;}
.caselogo ul{ display: flex; flex-wrap: wrap; margin-left: 5%; margin-right: -15px;}
.caselogo li{ width:calc( 100%/6); position: relative; overflow: hidden; padding: 15px; margin: 15px  0 20px 1.3%;  box-sizing: border-box; border: 1px solid #e5e5e5;}
.caselogo li .item-img{ display: block; overflow: hidden; }
.caselogo li img{ display: block; width: 70%; height: auto; margin:0 auto; transition: all 0.6s;}
.caselogo li::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.caselogo li h3{ color: #333333; font-size: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 40px;}
.caselogo li p{ color: #666666; font-size: 16px; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; height: 52px; overflow: hidden;}
.caselogo li .item-text{ padding: 40px 0 0 0;}
.caselogo li:hover::before {animation: shine 0.6s linear;}
.caselogo li:hover .item-img img{ transform: scale(1.1);}



.fenye{ display: flex; justify-content: center; align-items: center; }
.fenye p{ margin-right: 10px;}
.fenye p,.fenye span{  color: #333333; 	font-size: 14px; }
.fenye p b{ color: #2056D4;}
.fenye a{ width: 69px;height: 36px;background-color: #ffffff;border-radius: 4px;border: solid 1px #cccccc;
text-align: center; line-height: 34px; margin: 0 5px; transition: all 0.6s;}
.fenye .at{ background-color: #f1f1f1; width: 43px; height: 36px;	background-color: #f1f1f1;	border-radius: 4px;
	border: solid 1px #cccccc; text-align: center; margin-right: 5px;}
.fenye span{ margin-left: 10px; margin-right: 10px;}
.fenye a:hover,.fenye a.on{ background: #353535; color: #fff;}


/* 解决方案 */
.solvepage { padding: 80px 0;}
.solvepage ul{ display: flex; flex-wrap: wrap; margin-left: -13px; margin-right: -13px;}
.solvepage li{ width:calc( 100%/3 - 26px); margin-left: 13px; margin-right: 13px; position: relative; overflow: hidden;
margin-bottom: 45px;}
.solvepage li .item-img{ display: block; overflow: hidden; }
.solvepage li img{ display: block; width: 100%; height: auto; transition: all 0.6s;}
.solvepage li::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.solvepage li h3{ color: #333333; font-size: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px;}
.solvepage li p{ color: #666666; font-size: 14px; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; height: 60px; overflow: hidden;}
.solvepage li .item-text{ padding: 30px 0 0 0;}
.solvepage li:hover::before {animation: shine 0.6s linear;}
.solvepage li:hover .item-img img{ transform: scale(1.1);}

.solvepage li.ad-list{width:100%;}
.solvepage li.ad-list .item-img{width:24%;float: left;}
.solvepage li.ad-list .item-text{width:74%;float: right;}
.solvepage li.ad-list .item-text .more{line-height: 40px;padding: 0 30px;background: #666666;color:#fff; margin-top: 25px;display: inline-block;}

/* .newspage{ padding: 80px 0;} */
.newspage .tab-hd{ display: flex; justify-content: space-between; align-items: center; height: 90px;}
.newspage .tab-hd li{ color: #333333; font-size: 18px;  background:none;cursor: pointer; position: relative;}
.newspage .tab-hd li::before{ position: absolute; content: ''; display: block; left: 0; right: 0; transform: scale(0,1);
height: 4px; background: #2056D4; transition: all 1s; bottom: -34px;}
.newspage .tab-hd li.on{ color: #2056D4;}
.newspage .tab-hd li.on::before{ transform: scale(1);}
.newspage .tab-bd{ padding: 50px 0;}
.newspage .tab-bd .tab-pal{ display: none;}
.newspage .tab-bd .tab-pal.on{ display: block;}
.newspage .tab-bd .tab-pal{ box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.06); height: 80px;}
.newspage .tab-pal ul{ display: flex;  align-items: center; height: 80px; justify-content: space-around;}
.newspage .tab-pal li a{color: #333333; font-size: 16px; height: 40px; line-height: 40px; transition: all 0.6s; background: transparent;
border-radius: 4px; display: block; padding: 0 20px;}
.newspage .tab-pal li:hover a,.newspage .tab-pal li.active a{ background-color: #2056d4;	color: #fff;}
.pro-sec2 .tab-bd .tab-pal li{background:none;margin-bottom:0;}


.newspage ul{ display: flex; flex-wrap: wrap;  margin-left: -23px; margin-right: -23px;}
.newspage li .item-img,.newspage li .item-img img{ display: block; width: 100%; height: auto; transition: all 2s; overflow: hidden;}
.newspage li{ width: calc( 100%/3 - 56px); margin-left: 23px; margin-right: 23px;  margin-bottom: 56px; transition: all 0.6s;
background-color: #f8f8f8;	 position: relative; transition: all 1s linear; overflow: hidden;}
.newspage li .item-text{padding: 35px; position: relative; z-index: 33;}
.newspage li h3{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; font-size: 22px;  transition: all 1s;
line-height: 1.3; margin-bottom: 15px;}
.newspage li p{ color: #333333; font-size: 14px;  overflow: hidden; text-overflow: ellipsis;  transition: all 1s;
line-height:30px; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.newspage li .xq{ border-top: 1px solid #e5e5e5; margin-top: 20px; padding-top: 30px; display: flex; justify-content: space-between; align-items: center;}
.newspage li .xq span{ display: block;color: #666666; font-size: 14px; transition: all 1s;}
.newspage li .xq span i{ display: inline-block; vertical-align: -1px; background: url(../images/date.png) no-repeat top center; width: 14px;
height: 14px; transition: all 0.6s; margin-right: 5px;}
.newspage li:hover .xq span i{ background-position: bottom center;}
.newspage li strong{background: url(../images/arrow.png) no-repeat top center; width: 23px;
height: 14px; transition: all 0.6s; margin-right: 5px; }
.newspage li:hover .xq strong{ background-position: bottom center;}
.newspage li:hover h3,.newspage li:hover p,.newspage li:hover span{ color: #fff;}
.newspage li:hover .item-img img{ transform: scale(1.1);}
.newspage li::before{ content: ''; display: block; position: absolute; background: #2056d4; left: 50%; right: 50%;
height: 60px; transition: all 1s; z-index: 1; height: 0px; transform-origin: center;  bottom: 0%; border-radius: 300%;
transform: scale(1); left: 0; right: 0; }
.newspage li:hover::before{ height: 180px; transform: scale(2);}
.newspage .fenye{ padding: 40px 0;}


/* 产品中心 */
.pro-sec1{ background-color: #f7f7f7; height: 90px;}
.pro-sec1 .tab-hd{ display: flex; justify-content: space-between; align-items: center; height: 90px;}
.pro-sec1 .tab-hd li{ color: #333333; font-size: 18px; cursor: pointer; position: relative;}
.pro-sec1 .tab-hd li::before{ position: absolute; content: ''; display: block; left: 0; right: 0; transform: scale(0,1);
height: 4px; background: #2056D4; transition: all 1s; bottom: -34px;}
.pro-sec1 .tab-hd li.on{ color: #2056D4;}
.pro-sec1 .tab-hd li.on::before{ transform: scale(1);}
.pro-sec2 .tab-bd{ padding: 50px 0;}
.pro-sec2 .tab-bd .tab-pal{ display: none;}
.pro-sec2 .tab-bd .tab-pal.on{ display: block;}
.pro-sec2 .tab-bd .tab-pal{ box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.06); height: 80px;}
.pro-sec2 .tab-pal ul{ display: flex;  align-items: center; height: 80px; justify-content: space-around;}
.pro-sec2 .tab-pal li a{color: #333333; font-size: 16px; height: 40px; line-height: 40px; transition: all 0.6s; background: transparent;
border-radius: 4px; display: block; padding: 0 20px;}
.pro-sec2 .tab-pal li:hover a,.pro-sec2 .tab-pal li.active a{ background-color: #2056d4;	color: #fff;}

.pro-sec3{ padding:0 0 80px 0;}
.pro-sec3 .ul1{ display: flex; margin-left: -20px; margin-right: -20px; flex-wrap: wrap;}
.pro-sec3 .ul1 li{ width: calc( 100%/4 - 40px); margin-left: 20px; margin-right: 20px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); margin-bottom: 40px;}
.pro-sec3 .ul1 li a{ display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.pro-sec3 .ul1 .item-img,.pro-sec3 .ul1 .item-img img{ display: block; overflow: hidden; transition: all 0.6s; width: 100%;   height: inherit;
 object-fit: cover;}
.pro-sec3 .ul1 .item-text{ padding: 20px;}
.pro-sec3 .ul1 h3{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; font-size: 20px; line-height: 1;
text-align: center; margin-top: 20px; transition: all 0.6s; font-weight: bold;}
.pro-sec3 .ul1 p{ color: #333333; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1;
text-align: center; margin: 15px 0 40px 0;}
.pro-sec3 .ul1 span{ display: block; width: 100%;	height: 50px;	background-color: #f5f5f5; text-align: center; line-height: 50px;
color: #333; font-size: 14px; margin: 0 auto; transition: all 0.6s; position: relative; z-index: 1; overflow: hidden;}
.pro-sec3 .ul1 span::before{ content: ''; display: block; position: absolute; background: #2056d4; left: 50%; right: 50%;
height: 60px; transition: all 1s; z-index: -1; height: 0px; transform-origin: center;  bottom: -10%; border-radius: 300%;
transform: scale(1); left: 0; right: 0; }
.pro-sec3 .ul1 li:hover span::before{ height: 50px; transform: scale(2);}
.pro-sec3 .ul1 li:hover span{ color: #fff;}
.pro-sec3 .ul1 li:hover h3{ color: #2056D4;}
.pro-sec3 .fenye{ margin-top: 50px;}


/* 详情页 */
.newscontainer{ max-width: 1300px; margin: 0 auto; background: #fff; padding: 50px 50px;}
.newsdetail .det-tit h3{ font-size: 24px; text-align: center; color: #000;}
.newsdetail .det-tit p{ text-align: center;}
.newsdetail .det-tit .div1 {display: flex;justify-content: center;padding: 20px 0;border-bottom: 1px solid #F5F5F5;margin-bottom: 20px;}
.newsdetail .det-tit .div1 span{ display: block; font-size: 16px; padding: 0 15px;}
.newsdetail .de-text p{ line-height: 36px; color: #333; font-size: 16px;}
.newsdetail .de-text img{ display: block; max-width: 100%; height: auto; margin: 10px auto;}
.fenpian{ display: flex; justify-content: space-between; padding-top:30px;  border-top: 1px solid #F5F5F5; margin-top: 50px; 
align-items: center;}
.fenpian div a{ display: block; color: #000; font-size: 16px; margin-bottom: 20px; transition: all 1s;}
.fenpian .backlist-btn{ border:1px solid #E0E0E0; background: #000; color: #fff; padding: 12px 30px;}
.fenpian .backlist-btn img{ display: inline-block; vertical-align: middle; height: 20px; margin-right: 10px;}
.fenpian div a:hover{ color: #2056D4;}



.online{ padding:0 47px 20px; overflow:hidden; background:#fff;}
.online ul{margin-left: 10%;width:100%;}
.online li{ width:38%; float:left; margin:1% 2%; overflow:hidden; border:1px #e0e0e0 solid; border-radius:4px; line-height:48px;}
.online li input.text{ width:100%; padding-left:10px; height:48px; border:none; font-size:16px; background:none;}
.online li:first-child{ margin-left:0;}
.online li.on_11{ margin-left:0; height:210px; overflow-x:hidden; width:80%;}
.online li.on_11 textarea{ width:98%; padding:1%; font-size:16px; border:none; height:190px;}
.online li.on_22{ margin-left:0; width:80%; overflow:hidden; border:none;}
.online li.on_22 input.sub{ width:100%; height:48px; line-height:48px; background:#2056d4; border:none; color:#fff; font-size:20px; cursor:pointer;}

.index-more{padding: 50px 0;}
.index-more a{position: relative; display: block; width: 260px; overflow: hidden; border-radius: 8PX; color: #FFFFFF; background: #2056d4; text-align: center; height: 60px; line-height: 60px; margin-top: 20px; transition: all 0.6s;margin: 0 auto;}
.index-more a:hover{background: #0d3caa; color: #ffffff;}
.index-more a .iconfont{margin-left: 20px; font-size: 16px;}
.index-more img{display: inline-block;
margin: 0 0 0 50px;}
.index-more a::after{position: absolute; content: ""; background: #0d3caa; width: 0; height: 100%; left: 0; bttom:0; transform: translateX(0);}
.index-more a:hover::after{ width: 100%; transform: translateX(100%); transition: all 0.7s;}

/* 右侧弹窗 */
.openScreen{position: fixed;right: 0;bottom: 0;width: 400px;height: 300px;}
.screenTop {
    width: 400px;
    height: 42px;
    line-height: 42px;
    background: rgb(9,63,187);
    color: #fff;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.screenTop>p:nth-child(2){ cursor: pointer;  color: #fff;font-size: 18px;padding-right: 10px;position: relative;top: -3px;}
.screenTop>p:nth-child(1){color: #fff;padding-left: 10px;font-size: 15px!important;}
.screenBottom {
    background: #fff;
    padding: 14px 10px;
    box-shadow: 1px 1px 10px 1px rgb(102 102 102);
}
.screenBottom p {
    padding: 8px;
    font-size: 14px;
    color: #000;
    line-height: 25px;
    border: 1px solid rgb(102,102,102);
}
@media (max-width:1045px) {
	.openScreen{
		display: none;
	}
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}

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


@media (max-width:1800px) {	
	.about-sec3 .swiper-button-next, .about-sec3 .swiper-button-prev{ right:0px;}
	.about-sec3 .swiper-button-prev{ right: auto; left: 0px; }
	.about-sec4 .swiper-button-next1{right: 10px;}
	.about-sec4 .swiper-button-prev1{left: 10px;}
	.casepage ul{  margin-left: -30px; margin-right: -30px;} */
	.casepage li{ width:calc( 100%/6 - 20px); margin-left: 15px; margin-right: 15px; margin-bottom: 60px;} */
	.casepage li h3{ margin-bottom: 30px; font-size: 24px;} */
	.solvepage li h3{  font-size: 22px; line-height: 1.2;}
}

@media (max-width:1600px) {		
	.container{ padding: 0 50px;}
	.navbar{ padding: 0 4%;}
	.logo img{ height: 50px;}	
	.index-sec3 .rightcont .div1 strong{ font-size:50px;}
	.index-sec3 .rightcont ul{margin-left: -15px; margin-right: -15px;}
	.index-sec3 .rightcont li{ width: calc( 100%/2 - 30px); margin-left: 15px; margin-right:15px; margin-bottom: 30px; padding:25px 35px;}
	.index-sec3 .rightcont p{ line-height: 32px;}
	.index-sec3 .rightcont .div1 h3{ font-size: 26px;}
	.about-sec1 .sec1cont{ padding-bottom: 100px;}
	.about-sec2 .sec2-div2 .left-div1{ padding-left: 100px;}
	.pro-sec1 .tab-hd li{  font-size: 16px;}
	.pro-sec2 .tab-pal li a{ font-size: 15px;}
}


@media (max-width:1400px) {	
	
	.container{ padding: 0 20px;}
	.index-sec3 .rightcont .div1{ padding-bottom: 10px;}
	.index-sec3 .rightcont ul{ margin-left: -10px; margin-right: -10px;}
	.index-sec3 .rightcont li{ width: calc( 100%/2 - 20px); margin-left: 10px; margin-right:10px; margin-bottom: 20px; padding:20px 25px}
	.casepage ul{  margin-left: -20px; margin-right: -20px;} */
	.casepage li{ width:calc( 100%/6 - 20px); margin-left: 10px; margin-right: 10px; margin-bottom: 40px;} */
	.casepage li h3{ margin-bottom: 20px; font-size: 20px;} */
	
}

@keyframes bg1{
	from{ background-position: left top;}
	50%{ 
		background-position: right top;}
	to{ background-position: left top;}
}