.wow {opacity:0;}
.mobile {width:100%;}
.mobile-inner {margin-right:auto;margin-left:auto;background-color:;position:relative;}
.mobile-inner img {}
.mobile-inner p {color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0px;}
.mobile-inner-header {width:100%;height:50px;position:relative;top:0px;z-index:666;left:0px;box-shadow: 3px 0 6px rgba(0,0,0,0.15);}
.mobile-inner-header-icon {color:#ffffff;height:50px;font-size:25px;text-align:center;float:right;width:50px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
.mobile-inner-header-icon:hover {background-color:rgba(255,255,255,0.2);cursor:pointer;}
.mobile-inner-header-icon span {position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - -4px) / 2);width:25px;height:2px;background-color:#333;}
.mobile-inner-header-icon span:nth-child(1) {transform:translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {transform:translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3) {transform:translateY(-12px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clicksecond;}
.mobile-inner-header-icon-click span:nth-child(3){display: none;}
@keyframes clickfirst {0% {transform:translateY(4px) rotate(0deg);}
100% {transform:translateY(0) rotate(45deg);}
}
@keyframes clicksecond {0% {transform:translateY(-4px) rotate(0deg);}
100% {transform:translateY(0) rotate(-45deg);}
}
.mobile-inner-header-icon-out span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;}
.mobile-inner-header-icon-out span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;}
@keyframes outfirst {0% {transform:translateY(0) rotate(-45deg);}
100% {transform:translateY(-4px) rotate(0deg);}
}
@keyframes outsecond {0% {transform:translateY(0) rotate(45deg);}
100% {transform:translateY(4px) rotate(0deg);}
}
.mobile-inner-nav {overflow:auto;height:100vh;padding-top:50px;}
.mobile-inner-nav {background:linear-gradient(270deg,#0866b1c9,#076cc3);width:100%;position:absolute;top:0;padding-bottom:0%;display:none;z-index:444;background: #fff;}
.mobile-inner-nav a {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;color:#fff;transition:all 0.5s;}
.mobile-inner-nav dl {display:none;}
.mobile-inner-nav dl dd {line-height:33px;text-decoration:none;text-indent:3em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;font-size:14px;}
.mobile-inner-nav li {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height:53px;text-indent:20px;}
.mobile-inner-nav h2.h2tit {line-height:50px;text-decoration:none;text-indent:2em;font-size:16px;color:#FFFFFF;/* border-bottom:solid 1px rgba(255,255,255,0.3);*/    -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;}
.mobile-inner-nav h2.h2tit a {color:#FFFFFF;}
.mobile-inner-nav a {border-bottom:none;}
.mobile-inner-nav li {-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal;}
@-webkit-keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@-webkit-keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
.mobile-inner-nav li:last-child h2.h2tit {border-bottom:none;}
.mobile-inner-nav li .h3tit {height:50px;position:relative;background:url(../images/51_icon_search@2x.png) no-repeat 30px center;background-size:17px;}
.mobile-inner-nav li .words {display:block;width:100%;height:100%;border:none;background:none;text-indent:60px;font-size:15px;color:#fff;background:url(../images/search2.png) no-repeat 30px center;background-size:20px;}
.mobile-inner-nav li:last-child {border-bottom:none;}
.mobile-inner-nav li form {display:block;width:100%;height:100%;}
@charset "utf-8";@charset "UTF-8";.animated {animation-duration:1s;animation-fill-mode:both;}
.animated.infinite {animation-iteration-count:infinite;}
.animated.hinge {animation-duration:2s;}
.fadeInUp {animation-duration:1.76s;animation-name:fadeInUp;}
@keyframes fadeInUp {from {opacity:0;transform:translate3d(0,40px,0);}
to {opacity:1;transform:none;}
}
* {font-family:Century Gothic;}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span {margin:0;padding:0;}
html {font-size:62.5%;}
body {font-size:calc(14/1920*100vw);}
html,body {-moz-user-select:none;-khtml-user-select:none;user-select:none;}
body {font-family:"Microsoft YaHei" ! important;color:#000000;background:#fff;margin:0 auto;padding:0px;}
body {-webkit-tap-highlight-color:rgba(0,0,0,0);}
}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"] {-webkit-appearance:none;}
input[type="button"],input[type="submit"],input[type="reset"] {cursor:pointer;}
input {-webkit-appearance:none;}
input {-webkit-appearance:none!important;border-radius:0;}
button {cursor:pointer;}
textarea {-webkit-appearance:none;}
a {text-decoration:none;color:#235aa7;outline:none;}
a:active {star:expression(this.onFocus=this.blur());}
img {border:0px;vertical-align:middle;}
li {list-style:none;}
* {outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
.loading {position:fixed;left:0px;top:0px;width:100%;height:100%;background:#fff;z-index:99999;}
.loadingfa {width:50px;height:50px;line-height:50px;text-align:center;font-size:29px;color:#1f8adf;position:absolute;left:50%;margin-top:-25px;margin-left:-25px;top:50%;}
html {-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:none;}
html {-webkit-tap-highlight-color:transparent;}
body {-webkit-overflow-scrolling:touch;/* background:#000;*/    /* color:#fff;*/    line-height:1.5;font-size:14px;}
* {padding:0;margin:0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;}
@keyframes rotate {from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotate {from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate {from {-moz-transform:rotate(0deg)}
to {-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate {from {-ms-transform:rotate(0deg)}
to {-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate {from {-o-transform:rotate(0deg)}
to {-o-transform:rotate(360deg)}
}
.xuanzhuan {animation:2s linear 0s normal forwards infinite rotate;-webkit-animation:2s linear 0s normal forwards infinite rotate;-moz-animation:2s linear 0s normal forwards infinite rotate;-o-animation:2s linear 0s normal forwards infinite rotate;}
.xuanzhuan img {display:block;width:100%;}
.pc {display:block;}
.wap {display:none;}
.clearflex:after {content:"";display:table;clear:both;}
.moveAni {animation:move .8s infinite;-moz-animation:move .8s infinite;-webkit-animation:move .8s infinite;-o-animation:move .8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);-webkit-animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);}
.tadaAni {animation:tada 2s infinite;}
.pulseAni {animation:pulse 1s infinite;}
.bounceInAni {animation:bounceIn 2s infinite;}
.flashInAni {animation:flash 2s infinite;}
.swingAni {animation:swing 2s infinite;transform-origin:right top;}
.rubberBandAni {animation:rubberBand 1s infinite;}
.bounceAni {animation:bounce 1s infinite;}
.tdAni {animation:td .4s infinite;-moz-animation:td .4s infinite;-webkit-animation:td .4s infinite;-o-animation:td .4s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);-webkit-animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);}
.heartbeatAni {animation:heartbeat 1.4s infinite;-moz-animation:heartbeat 1.4s infinite;-webkit-animation:heartbeat 1.4s infinite;-o-animation:heartbeat 1.4s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);-webkit-animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);}
.shing {animation:shing 1s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;}
@keyframes shing {0% {opacity:1;}
100% {opacity:.6;}
}
@keyframes move2 {0% {transform:translate(0%,0px);}
100% {transform:translate(0%,10px);}
}
.moveAni2 {animation:move2 1s infinite;}
.moveAni {animation:move .8s infinite;-moz-animation:move .8s infinite;-webkit-animation:move .8s infinite;-o-animation:move .8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);-webkit-animation-timing-function:cubic-bezier(0.46,0.02,0.97,0.36);}
@keyframes move {from {-o-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);-moz-transform:translate(0%,0%);-ms-transform:translate(0%,0%);transform:translate(0%,0%);}
to {-o-transform:translate(0%,30px);-webkit-transform:translate(0%,30px);-moz-transform:translate(0%,30px);-ms-transform:translate(0%,30px);transform:translate(0%,30px);}
}
@keyframes td {from {-o-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);-moz-transform:translate(0%,0%);-ms-transform:translate(0%,0%);transform:translate(0%,0%);}
to {-o-transform:translate(0%,20px);-webkit-transform:translate(0%,20px);-moz-transform:translate(0%,20px);-ms-transform:translate(0%,20px);transform:translate(0%,20px);}
}
@keyframes heartbeat {0% {-webkit-transform:scale(1);transform:scale(1);}
14% {-webkit-transform:scale(1.1);transform:scale(1.1);}
28% {-webkit-transform:scale(1);transform:scale(1);}
42% {-webkit-transform:scale(1.1);transform:scale(1.1);}
70% {-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes moveAni2 {0% {transform:translate(0%,0px);}
100% {transform:translate(100vw,0px);}
}
.moveAni2 {animation:moveAni2 5.5s linear infinite;}
@keyframes scrollAni1 {0% {transform:translate(0%,0px) rotate(0);}
100% {transform:translate(-100%,0px) rotate(-360deg);}
}
.scrollAni1 {animation:scrollAni1 1.8s infinite;-moz-animation:scrollAni1 1.8s infinite;-webkit-animation:scrollAni1 1.8s infinite;-o-animation:scrollAni1 1.8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;}
@keyframes scrollAni2 {0% {transform:translate(30%,0px) rotate(0);}
100% {transform:translate(0%,0px);}
}
.scrollAni2 {animation:scrollAni2 1.8s infinite;-moz-animation:scrollAni2 1.8s infinite;-webkit-animation:scrollAni2 1.8s infinite;-o-animation:scrollAni2 1.8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:linear;}
@keyframes scrollAni3 {0% {transform:translate(0%,-20px);}
100% {transform:translate(0%,0%);}
}
.scrollAni3 {animation:scrollAni3 1.8s infinite;-moz-animation:scrollAni3 1.8s infinite;-webkit-animation:scrollAni3 1.8s infinite;-o-animation:scrollAni3 1.8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:linear;}
@keyframes scrollAni4 {0% {transform:translate(0%,10px);}
100% {transform:translate(0%,0%);}
}
.scrollAni4 {animation:scrollAni4 1.8s infinite;-moz-animation:scrollAni4 1.8s infinite;-webkit-animation:scrollAni4 1.8s infinite;-o-animation:scrollAni4 1.8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:linear;}
@keyframes scrollAni5 {0% {transform:none;}
100% {transform:scale(1.35,1.35);}
}
.scrollAni5 {animation:scrollAni5 1.8s infinite;-moz-animation:scrollAni5 1.8s infinite;-webkit-animation:scrollAni5 1.8s infinite;-o-animation:scrollAni5 1.8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:linear;}
@keyframes scrollAni6 {0% {transform:scale(1.05,1.05);}
100% {transform:none;}
}
.scrollAni6 {animation:scrollAni6 1.8s infinite;-moz-animation:scrollAni6 1.8s infinite;-webkit-animation:scrollAni6 1.8s infinite;-o-animation:scrollAni6 1.8s infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-timing-function:linear;}
@keyframes bubbleMover3 {0% {-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0);}
30% {transform:translateY(5px) translateX(4px) rotate(9deg);-webkit-transform-origin:center center;transform-origin:center center;}
50% {transform:translateY(-3px) translateX(1px) rotate(-6deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;}
80% {transform:translateY(-1px) translateX(-5px) rotate(-2deg);-webkit-transform-origin:left top;transform-origin:left top;}
100% {-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0);-webkit-transform-origin:center center;transform-origin:center center;}
}
@keyframes bubbleMover2 {0% {-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0);}
30% {transform:translateY(5px) translateX(4px) rotate(5deg);-webkit-transform-origin:center center;transform-origin:center center;}
50% {transform:translateY(-4px) translateX(2px) rotate(-3deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;}
80% {transform:translateY(-3px) translateX(-3px) rotate(-3deg);-webkit-transform-origin:left top;transform-origin:left top;}
100% {-webkit-transform:translateY(0px) translateX(0) rotate(0);transform:translateY(0px) translateX(0) rotate(0);-webkit-transform-origin:center center;transform-origin:center center;}
}
@keyframes bubbleMover {0% {transform:translateY(0px) translateX(0) rotate(0);}
30% {transform:translateY(3px) translateX(5px) rotate(5deg);-webkit-transform-origin:center center;transform-origin:center center;}
50% {transform:translateY(5px) translateX(10px) rotate(10deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;}
80% {transform:translateY(3px) translateX(5px) rotate(4deg);-webkit-transform-origin:left top;transform-origin:left top;}
100% {transform:translateY(0px) translateX(0) rotate(0);-webkit-transform-origin:center center;transform-origin:center center;}
}
@keyframes rotateAni {0% {transform:none;}
100% {transform:rotateY(180deg);}
}
.rotateAni {-webkit-animation:rotateAni linear infinite 2s;-moz-animation:rotateAni linear infinite 2s;-o-animation:rotateAni linear infinite 2s;animation:rotateAni linear infinite 2s;}
.pfAni1 {-webkit-animation:bubbleMover linear infinite 5s;-moz-animation:bubbleMover linear infinite 5s;-o-animation:bubbleMover linear infinite 5s;animation:bubbleMover linear infinite 5s;}
.pfAni2 {-webkit-animation:bubbleMover2 linear infinite 5s;-moz-animation:bubbleMover2 linear infinite 5s;-o-animation:bubbleMover2 linear infinite 5s;animation:bubbleMover2 linear infinite 5s;}
.pfAni3 {-webkit-animation:bubbleMover3 linear infinite 5s;-moz-animation:bubbleMover3 linear infinite 5s;-o-animation:bubbleMover3 linear infinite 5s;animation:bubbleMover3 linear infinite 5s;}
@keyframes scalc {0% {-webkit-transform:scale(2.05,2.05);-o-transform:scale(2.05,2.05);-moz-transform:scale(2.05,2.05);-ms-transform:scale(2.05,2.05);transform:scale(2.05,2.05);}
100% {-webkit-transform:none;-o-transform:none;-moz-transform:none;-ms-transform:none;transform:none;}
}
.sclani {animation:scalc 7s forwards;animation-timing-function:ease-out;}
@keyframes scalc2 {0% {transform:scale(1.2,1.2);}
100% {-webkit-transform:none;-o-transform:none;-moz-transform:none;-ms-transform:none;transform:none;}
}
.sclani2 {animation:scalc2 7s forwards;animation-timing-function:ease-out;}
@keyframes clipAni {0% {clip:rect(auto,0,auto,auto);}
100% {clip:rect(auto,300px,auto,auto);}
}
.txtModel i {animation:clipAni ease-out infinite 2s alternate;}
.swingAni {transform-origin:top center;animation:swing 3s infinite ease-in-out;}
@keyframes swing {0% {transform:rotate(-6deg);}
50% {transform:rotate(6deg);}
100% {transform:rotate(-6deg);}
}
.swingAni2 {-webkit-animation-name:routate;-webkit-animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-name:routate;animation-duration:5s;animation-iteration-count:infinite;}
@keyframes routate {0% {-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);}
50% {-webkit-transform:rotate(-7deg);-ms-transform:rotate(-7deg);transform:rotate(-7deg);}
100% {-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);}
}
.bouncing-ball {-webkit-mask:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,black 20.1%,black 75%,black 100%);mask:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,black 20.1%,black 75%,black 100%);-webkit-animation:bouncing-ball 1.5s linear infinite;animation:bouncing-ball 1.5s linear infinite;}
@keyframes bouncing-ball {0% {transform:scale(1,1) translateY(-80%);}
25% {transform:scale(1,1.1) translateY(-45%);}
50% {transform:scale(1,1.5) translateY(10%);}
66% {transform:scale(2,0.75) translateY(25%);}
75% {transform:scale(1,1.25) translateY(10%);}
100% {transform:scale(1,1) translateY(-80%);}
}
.small_Big {-webkit-animation:scaleCircles 2s infinite cubic-bezier(0.55,0.15,0.45,0.85) alternate;animation:scaleCircles 2s infinite cubic-bezier(0.55,0.15,0.45,0.85) alternate;}
@keyframes scaleCircles {0% {z-index:1;transform:scale3d(0,0,0);}
100% {z-index:2;transform:scale3d(1,1,1);}
}
.index * {opacity:1;}
.index {overflow:hidden;}
.wrap:after {content:"";display:table;clear:both;}
.fadeInUpGroup.animated {animation-fill-mode:both;animation-name:fadeInLeft3;opacity:0;}
.fadeInUpGroup.animated:nth-child(1) {animation-duration:.5s !important;animation-delay:.1s !important;}
.fadeInUpGroup.animated:nth-child(2) {animation-duration:1s !important;animation-delay:.6s !important;}
.fadeInUpGroup.animated:nth-child(3) {animation-duration:1.5s !important;animation-delay:.9s !important;}
.fadeInUpGroup.animated:nth-child(4) {animation-duration:2s !important;animation-delay:1.1s !important}
.fadeInUpGroup.animated:nth-child(5) {animation-duration:1.5s !important;animation-delay:1.6s !important;}
.head {background-color:#fff;box-shadow:0 5px 5px rgba(0,0,0,.1);height:2rem;left:0;position:fixed;top:0;transition:all .4s;width:100%;z-index:100;}
.head .logo {align-items:center;display:flex;}
.head .logo a {/* display:block;*/    /* max-height:100%;*/    /* width:3rem;*/}
.head .logo img {width:100%;width:3rem;}
.head .logo span {border-left:1px solid #262626;color:#262626;line-height:1.2;margin-left:.6rem;padding-left:.5rem;font-size:14px;}
.head .right {display:flex;align-items:center;height:100%;}
/*.head .right .nav:hover .shadow {display:block;opacity:1;transform:translateY(0);visibility:visible;}*/
.head .right .nav ul li dl dd a:hover,.head .right .nav ul li:hover h2 a {color:#4e4f96;font-weight:bold;}
.head .right .nav ul li:hover h2 a:after {width:100%;}
.head .right .nav ul li h2 a:after {background-color:#4e4f96;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s;width:0;}
.head .right .shadow {background:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-top:1px solid rgba(0,135,241,.1);height:calc(6em + 3.9rem);left:0;opacity:0;position:absolute;top:100%;transform:translateY(.5rem);transition:all .4s;visibility:hidden;width:100%;}
.head .right .nav {height:100%;justify-content:center;margin-right:2.2rem;height:100%;}
.head .right .nav ul {}
.head .right .nav ul li:last-child {margin:0px;}
.head .right .nav ul li {float:left;position:relative;height:100%;margin-right:1.9rem;position:relative;width:-moz-max-content;width:max-content;}
.head .right .nav ul li h2 {}
.head .right .nav ul li h2.h2tit {}
.head .right .nav ul li h2 a {color:#262626;display:block;height:100%;line-height:2rem;position:relative;transition:all .4s;font-weight:normal;font-size: 0.5rem;}
.head .right .nav ul li dl {position:absolute;left:0;min-width:100%;opacity:0;padding:.6rem 15px .2rem;position:absolute;top:100%;left: 50%; transform:translate(-50%,.5rem);transition:all .4s;visibility:hidden;width:-moz-max-content;width:max-content;background-color: #fff;box-shadow: 2px 2px 4px rgba(0,0,0,0.15),-2px 0 4px rgba(0,0,0,0.15);text-align: center;}
.head .right .nav ul li:hover dl{opacity: 1;visibility: visible;transform:translate(-50%,0);}
.head .right .nav ul li dl dd {}
.head .right .nav ul li dl dd a {color:#262626;display:block;margin-bottom:.5rem;transition:all .4s;font-size: 0.4rem;}
.head .right .search {}
.head .right .search a {cursor:pointer;display:flex;margin-right:1.3rem;transition:all .3s;width:16px;display:block;height:16px;background:url(../images/search.png) no-repeat center center;background-size:100%;}
.head .right .search .search_form{position: absolute;right: 10%;top: 100%;padding: 20px; background-color: #fff;opacity: 0;visibility: hidden;display: flex;border: 1px solid #ccc;}
.head .right .search .search_form .keywords{width: 200px;border: 0;border-bottom: 1px solid #ccc;height: 28px;}
.head .right .search .search_form .submit{height: 28px;background: url(../images/search.png) center no-repeat;border: 0;width: 40px;background-size: 20px;}
.head .right .search.open .search_form{opacity: 1;visibility: visible;}

.head .right .tel {}
.head .right .tel a img {margin-right:.25rem;width:.6rem;}
.head .right .tel a {align-items:center;border-radius:.5rem;color:#fff;display:flex;height:.8rem;justify-content:center;min-width:3.9rem;padding:0 .3rem;width:-moz-max-content;background:#4e4f96;}
body {  margin:0;padding:0;}
.banner {padding-top:2rem;}
.banner .link {bottom:1.6rem;display:flex;left:8.33%;position:absolute;z-index:10;}
.banner .link a:hover:after {opacity:1;}
.banner .link a:after {background:linear-gradient(270deg,#00baf9,#0087f1);border-radius:.7rem;content:"";height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;transition:all .4s;width:calc(100% + 4px);z-index:1;}
.banner .link a span {position:relative;z-index:34;}
.banner .link a:hover {border-color:transparent;}
.banner .link a {border:1px solid #fff;border-radius:.7rem;color:#fff;display:block;line-height:1rem;min-width:3.5rem;overflow:hidden;padding:0 .4rem;position:relative;transition:all .4s;width:-moz-max-content;width:max-content;text-align:center;cursor:pointer;margin-right:.5rem;}
.banner .swiper-container {}
.banner .swiper-container .swiper-wrapper {}
.banner .swiper-container .swiper-wrapper .swiper-slide {}
.banner .swiper-container .swiper-wrapper .swiper-slide img {width:100%;}
.banner .swiper-container .swiper-pagination *.swiper-pagination-bullet-active {width:2.6rem;}
.banner .swiper-container .swiper-pagination {bottom:1.5rem;line-height:1;}
.banner .swiper-container .swiper-pagination * {background:#fff;border-radius:0;border-radius:3px;height:3px;margin:0 5px;opacity:1;position:relative;transition:all .4s;width:.6rem;position:relative;}
.banner .swiper-container .swiper-button-next {}
.banner .swiper-container .swiper-button-prev {}
.section1 {overflow:hidden;padding-top:2rem;position:relative;background:url(../images/4.tvGns4-b.png) no-repeat center 0;background-size:cover;}
.titlemodel {text-align:center;padding: 0 20px;}
.titlemodel .dec {margin-bottom:.6rem;color:rgba(36,54,90,.6);font-size:.55rem;line-height:1.36;}
.section1 .titlemodel .dec b {}
.section1 .titlemodel .title+.dec {}
.titlemodel .title {font-size:1.2rem;font-weight:700;line-height:1.1;margin:0 auto;max-width:100%;width:-moz-max-content;width:max-content;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#0861dd,#0087f1);-webkit-background-clip:text;margin-bottom:.6rem;}
.wrap {}




.section1 .wrap {display:flex;height:15.9rem;margin-top:1.95rem;}
.section1 .wrap .left {height:100%;width:40.5%;}
.section1 .wrap .left .hover {height:calc(100% - 10.15rem);display:flex;}
.section1 .wrap .left .item.item1 {display:block;height:9.95rem;width:100%;margin-bottom:.2rem;transition: all 0.4s ease;}
.section1 .wrap .left .item.item2 {height:36%;margin-right:1%;transition:all .4s;width:49.5%;float:left;height:100%;/* display:flex;*/transition: all 0.4s ease;}
.section1 .wrap .left .item.item3 {height:100%;margin-right:1%;transition:all .4s;width:49.5%;margin-right:0;float:left;height:100%;transition: all 0.4s ease;}
.section1 .wrap .left .item.item2 .text .more,.section1 .wrap .left .item.item3 .text .more{margin-top: 0.2rem;}
.section1 .wrap .left .item.item2 .text,.section1 .wrap .left .item.item3 .text{padding-top: 0.5rem;padding-right: 1.9rem;}
.section1 .wrap .left .item a {display:block;height:100%;position:relative;overflow:hidden;border-radius:.5rem;overflow:hidden;position:relative;}
.section1 .wrap .left .item.item2:hover{width: 100%;flex: 0 0 auto;}
.section1 .wrap .left .item.item3:hover{width: 100%;flex: 0 0 auto;}
.section1 .wrap .left .item img {width:100%;height:100%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;}
.section1 .wrap .left .item .title1 {/* color:#fff;*/    /* font-size:.675rem;*/    /* font-weight:700;*/    /* max-width:90%;*/    /* padding-bottom:.9rem;*/    width:-moz-max-content;/* width:max-content;*/    /* z-index:5;*/    position:absolute;top:37%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center;}
.section1 .wrap .left .item .title1 .t1 {color:#fff;font-size:.675rem;font-weight:700;max-width:90%;padding-bottom:.9rem;width:-moz-max-content;width:max-content;}
.section1 .wrap .left .item .title1 .line {background-color:#fff;bottom:0;content:"";height:.1rem;width:.55rem;left:50%;margin-top:1rem;display:block;margin:auto;margin-top:1rem;}
.section1 .wrap .left .item .text {background:linear-gradient(70deg,#fff,rgba(123,165,255,.2));height:100%;left:0;/* opacity:0;*/    padding:1.6rem 2.7rem .5rem 1.9rem;position:absolute;top:0;transition:all .4s;/* visibility:hidden;*/    width:100%;z-index:5;}
.section1 .wrap .left .item .text .t2 {/* top:23.3%;*/    transition:all .4s ease-in-out 0s;display:block;position:relative;color:#235295;font-size:.8rem;font-weight:700;line-height:1;transform: translateY(0.5rem);opacity: 0;}
.section1 .wrap .left .item .text .decs {font-size:.45rem;display:block;color:#4c576e;line-height:1.6;margin-top:.7rem; transition:all .4s ease-in-out 0.2s;transform: translateY(0.5rem);opacity: 0;}
.section1 .wrap .left .item .text .decs b {}




.section1 .wrap .left .item .text .more {/* border:1px solid #fff;*/    border-radius:.7rem;color:#fff;display:block;height:1rem;min-width:3.5rem;overflow:hidden;padding:0 .4rem;position:relative;width:-moz-max-content;width:max-content;text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;margin-top:1.2rem;background:linear-gradient(90deg,#00baf9,#0087f1); transition:all .4s ease-in-out 0.4s;opacity: 0;transform: translateY(0.5rem);opacity: 0;}
.section1 .wrap .right {display:flex;height:100%;margin-left:.25rem;width:calc(59.5% - .25rem);}
.section1 .wrap .right .item {border-radius:.5rem;overflow:hidden;position:relative;height:100%;margin-right:.25rem;width:calc(33.33333% - .16667rem);}
.section1 .wrap .right .item.item4 {}
.section1 .wrap .right .item.item5 {}
.section1 .wrap .right .item.item6 {}
.section1 .wrap .right .item a {}
.section1 .wrap .right .item img {width:100%;height:100%;object-fit:cover;}
.section1 .wrap .right .item .title1 {*/ /* font-size:.675rem;*/    /* font-weight:700;*/    /* max-width:90%;*/    /* padding-bottom:.9rem;*/    width:-moz-max-content;position:absolute;top:16%;left:50%;-o-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);translate(-50%,0%):translate(-50%,-50%);transform:translate(-50%,0%);width:100%;text-align:center;}
.section1 .wrap .right .item .title1 .t1 {color:#fff;font-size:.675rem;font-weight:700;max-width:90%;padding-bottom:.9rem;width:-moz-max-content;}
.section1 .wrap .right .item .title1 .line {background-color:#fff;bottom:0;content:"";height:.1rem;width:.55rem;left:50%;margin-top:1rem;display:block;margin:auto;margin-top:1rem;}
.section1 .wrap .right .item .text {background:linear-gradient(180deg,#cfdffc,#e3ecfa 50%,#f0f3f9d6);height:100%;left:0;/* opacity:0;*/    padding:2.3rem .5rem 0;position:absolute;top:0;transition:all .4s ease-in-out;/* visibility:hidden;*/    width:100%;z-index:5;}
.section1 .wrap .right .item .text .t2 {color:#235295;font-size:.8rem;font-weight:700;display:block;transition:all .4s ease-in-out 0s;text-align:center;transform: translateY(0.5rem);opacity: 0;}
.section1 .wrap .right .item .text .decs {color:#4c576e;height:14.4em;line-height:1.6;margin-top:.8rem;font-size:.45rem;display:block;color:#4c576e;line-height:1.6;margin-top:.7rem;transition:all .4s ease-in-out 0.2s;transform: translateY(0.5rem);opacity: 0;}
.section1 .wrap .right .item .text .decs b {}
.section1 .wrap .right .item .text .more {border:1px solid #fff;*/ border-radius:.7rem;color:#fff;display:block;height:1rem;min-width:3.5rem;overflow:hidden;padding:0 .4rem;position:relative;width:-moz-max-content;width:max-content;text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;margin-top:1.2rem;background:linear-gradient(90deg,#00baf9,#0087f1);margin:auto;border-radius:300px;transition:all .4s ease-in-out 0.4s;transform: translateY(0.5rem);opacity: 0;}
.section1 .wrap .item:hover .title1 {opacity:0}
.section1 .wrap .item:hover .text {opacity:1;}
.section1 .wrap .item:hover .text .t2,.section1 .wrap .item:hover .text .decs,.section1 .wrap .item:hover .text .more{transform: translateY(0);opacity: 1;}
.section1 .wrap .item .text {opacity:0;}
.section2 {background-color:#f9f9f9;padding-top:3.8rem;}
.section2 .titlemodel {}
.section2 .titlemodel .title {}
.section2 .titlemodel .dec {}
.section2 .w1600 {margin-top:1.9rem;overflow:hidden;}
.section2 .w1600 .item {display:flex;height:9.4rem;justify-content:space-between;margin-bottom:.25rem;position:relative;transition: all 0.4s;}
.section2 .w1600 .item:nth-child(2n+1){left: 25%;}
.section2 .w1600 .item:nth-child(2n){left: -25%;}
.section2 .w1600 .item .imgbox {border-radius:.5rem;height:100%;overflow:hidden;width:55%;}
.section2 .w1600 .item .imgbox img {width:100%;height:100%;object-fit:cover;}
.section2 .w1600 .item .right {background-color:#fff;border-radius:.5rem;height:100%;padding:.9rem 1.5rem .5rem;width:calc(45% - .25rem);}
.section2 .w1600 .item .right .num {color:#0087f1;font-size:.575rem;font-weight:700;line-height:1;}
.section2 .w1600 .item .right img {display:block;left:0;top:-.2rem;width:1rem;position:relative;}
.section2 .w1600 .item .right .title {color:#111;font-size:.8rem;font-weight:700;line-height:1.25;margin-top:0;}
.section2 .w1600 .item .right .dec {color:#666;line-height:1.66;margin-top:.3rem;font-size:.45rem;}
.section2 .w1600 .item .right .more {border:1px solid #fff;border-radius:.7rem;color:#fff;display:block;height:1rem;min-width:3.5rem;overflow:hidden;padding:0 .4rem;position:relative;transition:all .4s;width:-moz-max-content;width:max-content;border:1px solid #000;color:#000;margin-top:1.2rem;text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;}
.section3 {margin-top:2rem;padding:1.85rem 0;position:relative;}
.section3 .titlemodel {}
.section3 .titlemodel .title {}
.section3 .titlemodel .dec {}
.section3 .w1600 {}


.section3 .w1600 .items {display:flex;display:flex;justify-content:center;margin-top:1.95rem;}
.section3 .w1600 .items .item {width:33.33%;}
.section3 .w1600 .items .item .num {align-items:stretch;display:flex;margin:0 auto;width:-moz-max-content;width:max-content;background:linear-gradient(90deg,#0861dd,#0087f1);-webkit-background-clip:text;width:-moz-max-content;width:max-content;-webkit-text-fill-color:transparent;font-weight:700;line-height:1.1;font-size:.6rem;}
.section3 .w1600 .items .item .num b {background:linear-gradient(90deg,#0861dd,#0087f1);-webkit-background-clip:text;width:-moz-max-content;width:max-content;-webkit-text-fill-color:transparent;font-weight:700;line-height:1.1;font-size:2rem;line-height:1;margin-right:.4rem;}
.section3 .w1600 .items .item .title {color:#262626;line-height:1.2;margin-top:.5rem;text-align:center;}
.section4:after {background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";left:0;position:absolute;width:100%;background-image:url(../images/24.W5LQucad.png);height:6.9rem;top:calc(2.25rem - 6px);}
.section4:before {background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";left:0;position:absolute;width:100%;background-image:url(../images/23.9Qr4FqnP.png);height:2.25rem;top:-6px;}
.section4:after,.section4:before {}
.section4 {margin-top:2.5rem;position:relative;}
.section4 .w1600 {position: relative;}
.section4 .w1600 .swiper-container {height:13.6rem;padding-bottom:3rem;z-index:10;}
.section4 .w1600 .swiper-container .swiper-wrapper {align-items:flex-end;}
.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide:hover {height:100%;padding-top:2.3rem;}
.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide {padding:1.4rem .55rem 0;transition:all .4s;width:24%;background:linear-gradient(180deg,#c6deff,#f2f8fd);border-radius:.5rem;bottom:0;box-shadow:0 .75rem 1.4rem rgba(11,90,170,.15);height:7rem;/* margin-right:1.33%;*/    padding:1.4rem .55rem 0;}
.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten {/* background:linear-gradient(180deg,#c6deff,#f2f8fd);*/    /* border-radius:.5rem;*/    /* bottom:0;*/    /* box-shadow:0 .75rem 1.4rem rgba(11,90,170,.15);*/    /* height:7rem;*/    /* margin-right:1.33%;*/    /* padding:1.4rem .55rem 0;*/    top:auto;transition:all .4s;}
.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail {}
.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail img {}
.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail .title {color:#262626;font-size:.55rem;font-weight:700;line-height:1.2;max-width:100%;position:relative;transition:all .4s;width:-moz-max-content;width:max-content;z-index:5;}
.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail .dec {line-height:1.2;max-width:100%;position:relative;transition:all .4s;width:-moz-max-content;width:max-content;z-index:5;color:#111;font-size:.45rem;margin-top:.25rem;}
.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail .dec2 {display:-webkit-box;line-height:1.75;margin-top:.6rem;max-height:5.25em;position:relative;z-index:5;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#24365a;opacity:1;overflow:hidden;transition:all .4s;}
.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide:hover .conten .detail .more {opacity:1}
.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail .more {border:1px solid #fff;border-radius:.7rem;color:#fff;display:block;height:1rem;min-width:3.5rem;overflow:hidden;padding:0 .4rem;position:relative;transition:all .4s;width:-moz-max-content;width:max-content;border:1px solid #000;color:#000;margin-top:1.2rem;text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;opacity:0;}


.section4 .swiper-button-next, .section4 .swiper-button-prev{
    background: hsla(0, 0%, 100%, .39) url(../images/icon_arr_right_l.png) center no-repeat;
    border-radius: 50%;
    color: #000;
    font-size: .5rem;
    height: 1.25rem;
    top: 57%;
    transition: all .4s;
    width: 1.25rem;
}
.section4 .swiper-button-prev{left: -2rem;background-image: url(../images/icon_arr_left_l.png);}
.section4 .swiper-button-next{right: -2rem;background-image: url(../images/icon_arr_right_l.png);}
.section4 .swiper-button-prev:hover{left: -2rem;background-color: #fff;}
.section4 .swiper-button-next:hover{right: -2rem;background-color: #fff;}



.section5 {padding-bottom:4rem;}
.section5 .titlemodel {}
.section5 .titlemodel .title {}
.section5 .titlemodel .dec {}
.section5 .w1600 {display:flex;margin-top:1.4rem;}
.section5 .w1600 .left {margin-right:2%;overflow:initial;width:66%;display:flex;}
.section5 .w1600 .left .item {border-radius:.5rem;box-shadow:0 3px .5rem rgba(0,0,0,.05);margin-right:3%;overflow:hidden;width:48.5%;}
.section5 .w1600 .left .item a {border-radius:.5rem;/* box-shadow:0 3px .5rem rgba(0,0,0,.05);*/    /* margin-right:2%;*/height: 100%;    overflow:hidden;display:block;transition:all .4s;}
.section5 .w1600 .left .item a .imgbox {display:block;overflow:hidden;position:relative;height:8.1rem;overflow:hidden;position:relative;width:100%;}
.section5 .w1600 .left .item a .imgbox .tag {background-color:#cde2fe;color:#0c387f;height:1.25rem;line-height:1.25rem;text-align:center;width:3.35rem;position:absolute;border-radius:.5rem 0 .5rem 0;left:0;position:absolute;top:0;transition:all .4s;font-size:14px;z-index: 2;}
.section5 .w1600 .left .item a .imgbox img {height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s;width:100%;}
.section5 .w1600 .left .item a .con {background-color:linear-gradient(180deg,#eaf0fa,#fefeff);padding:.75rem .95rem 1.3rem;position:relative;transition:all .4s;display:block;height:7rem;}
.section5 .w1600 .left .item a .con .bg{position: absolute;left: 0;top: 0;;width:calc(100% - .25rem);height: 100%;opacity:0;transition:all .4s;}
.section5 .w1600 .left .item a .con .bg img {position:absolute;right:0;top:0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.section5 .w1600 .left .item a .con .title {color:#262626;font-weight:700;height:2.6em;line-height:1.3;overflow:hidden;position:relative;z-index:5;display:block;font-size:.6rem;}
.section5 .w1600 .left .item a .con .dec {color:#24365a;height:4em;line-height:2;margin-top:6px;opacity:.8;overflow:hidden;position:relative;z-index:5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.section5 .w1600 .left .item a .con .infor {position:absolute;bottom:.5rem;width:100%;left:0;padding:0px .9rem;display:flex;justify-content:space-between;align-items:center;}
.section5 .w1600 .left .item a .con .infor .more {border-radius:.7rem;color:#fff;display:block;height:1rem;min-width:3.5rem;overflow:hidden;padding:0 .4rem;position:relative;transition:all .4s;width:-moz-max-content;width:max-content;border:1px solid #000;color:#000;text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;}
.section5 .w1600 .left .item a .con .infor .time {color:#24365a;opacity:.8;z-index:5;}
.section5 .w1600 .right {background:linear-gradient(180deg,#eaf0fa,#fefeff);border-radius:.35rem;height:15.7rem;position:relative;overflow:hidden;width:32%;}
.section5 .w1600 .right .tag {background-color:#cde2fe;border-radius:.25rem 0 .5rem 0;color:#0c387f;height:1.25rem;left:0;line-height:1.25rem;text-align:center;top:0;transition:all .4s;width:3.35rem;}


.section5 .w1600 .left .item:hover a{background-color: #cde2fe}
.section5 .w1600 .left .item:hover a .con{background-color: none;}
.section5 .w1600 .left .item:hover a .con .bg{opacity: 1;}
.section5 .w1600 .left .item:hover .imgbox img {transform: scale(1.1);}
.section5 .w1600 .left .item:hover .imgbox .tag,.section5 .w1600 .left .item:hover a .con .infor .more{background: linear-gradient(90deg, #0861dd, #0087f1);color: #fff;border-color: transparent;}


.section5 .w1600 .right .list {margin-top:.7rem;max-height:10rem;overflow-y:auto;padding:0 1rem;}
/*浏览器滚动条*/
.section5 .w1600 .right .list::-webkit-scrollbar{width:5px;height:0;}
.section5 .w1600 .right .list::-webkit-scrollbar-button:vertical{display:none}
.section5 .w1600 .right .list::-webkit-scrollbar-track:vertical{background-color:black}
.section5 .w1600 .right .list::-webkit-scrollbar-track-piece{background:#E3E3E3}
.section5 .w1600 .right .list::-webkit-scrollbar-thumb:vertical{background-color:#333;border-radius:30px}
.section5 .w1600 .right .list::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
.section5 .w1600 .right .list::-webkit-scrollbar-corner:vertical{background-color:#333}
.section5 .w1600 .right .list::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
.section5 .w1600 .right .list a {display:block;margin-bottom:.7rem;}
.section5 .w1600 .right .list a .title {color:#262626;font-weight:700;line-height:1.6;max-height:3.2em;overflow:hidden;transition:all .4s;display:block;font-size:.5rem;}
.section5 .w1600 .right .more {border-radius:.7rem;color:#fff;display:block;height:1rem;min-width:3.5rem;overflow:hidden;padding:0 .4rem;position:relative;transition:all .4s;width:-moz-max-content;width:max-content;border:1px solid #000;color:#000;text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;margin-left:1rem;margin-top:1.6rem;}
.section5 .w1600 .right .list a .dec {color:#24365a;line-height:1;margin-top:5px;font-size:14px;opacity:.8;}
.section5 .w1600 .right .list a .title:hover{color: #0087f1;}



.wrap1 {margin:0 0 0 2.5rem;display:flex;align-items:center;height:100%;justify-content:space-between;max-width:90%;width:43.5rem;width:100%;}
.w1600 {width:40rem;margin:0 auto;}
.footer {background-color:#0a1d30;padding:0 3.7rem 0 2.95rem;position:relative;z-index:10;}
.footer .wrap2 {display:flex;justify-content:space-between;padding:2.05rem 0 1.8rem;}
.footer .wrap2 .left {}
.footer .wrap2 .left .logo {align-items:center;display:flex;}
.footer .wrap2 .left .logo a {}
.footer .wrap2 .left .logo a img {-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);width:3.1rem;}
.footer .wrap2 .left .logo a span {border-left:1px solid #fff;color:#fff;line-height:1.2;margin-left:.6rem;padding-left:.5rem;}
.footer .wrap2 .left .dec {align-items:center;/* display:flex;*/    line-height:1;font-size:14px;margin-top:.95rem;}
.footer .wrap2 .left .dec p {color:#fff;margin-bottom:.3rem;}
.footer .wrap2 .left .dec p img {filter:brightness(100) grayscale(100);margin-right:.25rem;width:18px;}
.footer .wrap2 .left .dec p span {}
.footer .wrap2 .left .ewm {display:flex;margin-top:.9rem;}
.footer .wrap2 .left .ewm .item {margin-right:.4rem;}
.footer .wrap2 .left .ewm .item img {width:2.4rem;}
.footer .wrap2 .left .ewm .item .title {color:#fff;font-size:10px;line-height:1;margin-top:.3rem;text-align:center;}
.footer .wrap2 .right {align-items:flex-start;display:flex;}
.footer .wrap2 .right .item:last-child {margin:0px;}
.footer .wrap2 .right .item {margin-right:3.35rem;font-size:.4rem;}
.footer .wrap2 .right .item .title {color:#fff;margin-bottom:.7rem;}
.footer .wrap2 .right .item .title a{opacity:1;}
.footer .wrap2 .right .item a {color:#fff;display:block;margin-bottom:.5rem;opacity:.6;transition:all .3s;}
.footer .bottom a {color:inherit;}
.footer .bottom {border-top:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:.7rem 0 .55rem;font-size:14px;color:#fff;color:#ffffff4d;/* margin:0px 3.7rem;*/}
.btn_top {background-color:#fff;border-radius:50%;bottom:1.9rem;box-shadow:0 0 .25rem rgba(0,0,0,.1);cursor:pointer;height:1.05rem;position:fixed;right:1.5rem;width:1.05rem;z-index:100;}
.btn_top img {width:100%;}
.banner .swiper-container .swiper-pagination *:after {background-color:#007aff;border-radius:3px;content:"";height:100%;left:0;position:absolute;top:0;width:0;}
.banner .swiper-container .swiper-pagination *.swiper-pagination-bullet-active:after {animation:width-07d45f3c 5s linear forwards;}
@keyframes width-07d45f3c {0% {width:0}
to {width:100%}
}
.section4 .w1600 .swiper-container .swiper-wrapper .swiper-slide .conten .detail .more:hover,.section5 .w1600 .left .item a .con .infor .more:hover,.section5 .w1600 .right .more:hover,.section2 .w1600 .item .right .more:hover {background:linear-gradient(90deg,#00baf9,#0087f1);color:#fff;border-color:transparent;}
.footer .wrap2 .right .item a:hover {color:#fff;}
/*.head .right .nav:hover dl {display:block;opacity:1;transform:translateY(0);visibility:visible;}*/


.subbanner{margin-top: 2rem;}
.subbanner .banner-img{position: relative;width: 100%;overflow: hidden;}
.subbanner .banner-img img{animation: aniScaleBan 10s linear forwards;    height: 100%;    -o-object-fit: cover;    object-fit: cover;    width: 100%;}
.subbanner .banner-text {
    display: flex;align-items: center;justify-content: center;
    font-weight: bold;color: #fff;letter-spacing: 1px;
    position: absolute;font-size: 1.4rem;
    left: 0;top: 0;width: 100%;height: 100%;
}
.subbanner .sub-nav{background-color: #fff;transition: all .4s ease-in-out;display: flex;border-bottom: 1px solid #ccc;width: 100%;}
.subbanner .sub-nav .con{text-align: center;line-height: 2rem;font-size: 16px;flex: 1;position: relative;display: flex;align-items: center;justify-content: center;}
.subbanner .sub-nav .con:after {
    background-color: #2394fb;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: all .4s;
    width: 0%;
}
.subbanner .sub-nav .con:hover:after,.subbanner .sub-nav .con.cur:after{color: #2394fb;width: 100%;}
.subbanner .sub-nav .con a{display: block;overflow: hidden;width: 100%;display: block;}

.w1400, .w1510 {
    margin: 0 auto;
    max-width: 90%;
}
.w1510 {    width: 37.75rem;}
.w1400 {    width: 32rem;}
.newslist_wrap{padding: 1rem 0;background-color: #f1f1f1;}
.newslist {margin-bottom: 1.5rem;}
.newslist .item {
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 .3rem .75rem rgba(0, 0, 0, .03);
    display: flex;
    margin-bottom: .75rem;
    padding: 1.4rem 1.6rem;
    transition: all .4s;
    flex-wrap: wrap;
}
.newslist .item .imgcon {
    border-radius: .25rem;
    overflow: hidden;
    width: 28%;
    display: block;
}
.newslist .item .imgcon img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .4s;
    width: 100%;
}
.newslist .item .textcon {
    padding: 5px .8rem 0 1.7rem;
    width: 72%;
}
.newslist .item .textcon .date {
    color: #666;
    line-height: 1.3;
    opacity: .5;
}
.newslist .item .textcon .title {
    color: #111;
    height: 1.3em;
    line-height: 1.3;
    margin-top: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .4s;
    white-space: nowrap;
    font-size: 0.6rem;
    display: block;
}
.newslist .item .textcon .desc {
    color: #111;
    line-height: 1.75;
    margin-top: .5rem;
    max-height: 3.5em;
    opacity: .7;
    overflow: hidden;
    font-size: 14px;
}
.newslist .item .textcon .more {
    border-color: hsla(0, 0%, 7%, .3);
    height: 30px;line-height: 30px;text-align: center;
    margin-top: .75rem;color: #333;
    width: 100px;display: block; border:1px solid #333;border-radius: 20px;transition: all 0.4s;
}
.newslist .item .textcon .more:hover{background:linear-gradient(90deg,#00baf9,#0087f1);color:#fff;border-color:transparent;}
.newslist .item:hover .textcon .title{color: #00baf9;}
.newslist .item:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.15),-5px -5px 10px rgba(0,0,0,0.15);}
.newslist .item:hover .imgcon img{transform: scale(1.05);}

.fenye{margin-top: 1rem;margin-bottom: 1rem;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;}
.fenye a,.fenye button,.fenye .input{display: inline-block;margin: 0 8px 8px; padding: 0 5px; min-width: 40px;height: 40px;line-height: 40px;text-align: center; background-color: #ffffff; color: #111;transition: all 0.3s;font-size: 15px;border-radius: 30px;box-shadow: 3px 3px 6px rgba(0,0,0,0.15),-3px -3px 6px rgba(0,0,0,0.15);}
.fenye a.cur{color: #fff;border-color: transparent;background: linear-gradient(180deg, #00baf9, #0087f1);;}
.fenye a:hover{color: #fff;border-color: transparent;background: linear-gradient(180deg, #00baf9, #0087f1);}
.fenye .jump{display: flex;margin-left: 10px;}
.fenye button,.fenye .input{border: 0;width: 40px;}
.fenye .inputbox{position: relative;}
.fenye .inputbox:after{position: absolute;left: 18px;bottom: 15px; width: 20px;height: 1px;background-color: #333;content: "";}
.fenye .input{position: relative;margin-bottom: 0;}

.w1760 {
    margin: 0 auto;
    max-width: 90%;
    width: 44rem;
}
.padTop {
    padding-top: 2rem;
}
.title-32,.tit-32{font-size: 0.8rem;}
.title-26,.tit-26 {font-size: .65rem;}
.title-22,.tit-22 {font-size: .55rem;}
.title-20 {font-size: .5rem;}
.title-18{font-size: 0.45rem;}
.title-16{font-size: 0.4rem;}
.title-14{font-size: 14px;}
.newsdetail{display: flex;flex-wrap: wrap;position: relative;}
.newsdetail .news_main{background-color: #fff;
    border-radius: .5rem;
    float: left;
    padding: 1.45rem 1.2rem 2.15rem;
    width: 73.4%;
}
.newsdetail .news_main .title{ color: #111;    line-height: 1.56;}
}
.newsdetail .news_main .datetime{ color: #999;    line-height: 1.56;}
.newsdetail .news_main .content{border-top: 1px solid hsla(0, 0%, 66%, .3);
    color: #4a4a4a;
    line-height: 1.8;
    margin-top: .6rem;
    padding-top: 1rem;
    font-size: ;
}
.news_rightbar {
    float: right;
    position: sticky;
    top: 2.5rem;
    width: calc(26.6% - .85rem);margin-left: 0.85rem;
}
.news_rightbar .box {
    background-color: #fff;
    border-radius: .5rem;
    padding: 1.35rem .85rem;
    margin-bottom: 0.85rem;
}
.news_rightbar .box .tit{
    border-left: 3px solid #2394fb;
    color: #000;
    font-weight: 700;
    padding-left: .5rem;
}
.likearticle{margin-top: 1.2rem;}
.likearticle .item{margin-bottom: 0.75rem;}
.likearticle .item .title{display: block;color: #000;
    height: 1.8em;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .4s;
    white-space: nowrap;}
.likearticle .item .datetime {
    color: #999;
    line-height: 2.1;
}
.likearticle .item .title:hover{color: #2394fb;}

.fanpian{margin-top: .2rem;}
.fanpian .item{margin-bottom: 0.75rem;}
.fanpian .item .title{display: block;color: #000;
    height: 1.8em;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .4s;
    white-space: nowrap;}
.fanpian .item .datetime {
    color: #999;
    line-height: 2.1;
}
.fanpian .item .title:hover{color: #2394fb;}

.box .likearticle .item:last-child{margin-bottom: 0;}
.box .fanpian.next .item{margin-bottom: 0;}

.newsdetail_wrap{background-color: #f1f1f1;margin-top: 2rem;padding-bottom: 1.8rem;}


/*==产品栏目菜单↓==*/

.menu-pro{margin-bottom:60px;}
.menu-pro ul{display: flex;border-radius: 10px;box-shadow: 0 0 15px #ddd; border-radius: 10px; overflow: hidden;background: #fff;flex-wrap: wrap;}
.menu-pro ul li{position:relative; flex: 1;}
.menu-pro ul li::after{content: "";position:absolute;right:0;top:0;bottom:0;margin: auto;width:2px;height:50px;background: #eee;transition: all 0.4s;}
.menu-pro ul li.active::after{display: none;}
.menu-pro ul li:last-child::after{display: none;}
.menu-pro ul a{display: block;padding: 20px;text-align: center;transition: all 0.4s;}
.menu-pro ul em{display: table;margin: auto;width: 44px;height: 44px;overflow: hidden;}
.menu-pro ul em img{filter: drop-shadow(0px 44px #fff);transition: all 0.4s;}
.menu-pro ul h4{margin-top:10px;color:#333;font-size:18px;transition: all 0.4s;}
.menu-pro ul li:hover a,.menu-pro ul li.active a{background: #0e75f7;}
.menu-pro ul li:hover h4,.menu-pro ul li.active h4{color:#fff}
.menu-pro ul li:hover em img,.menu-pro ul li.active em img{transform: translateY(-100%);}

.productlist_wrap{padding: 1rem 0;background-color: #f1f1f1;}
.productlist_wrap2{padding: 1rem 0;}
.productlist{display: flex;flex-wrap: wrap;}
.productlist .item{width: calc(33.33% - 14px);margin-right: 21px;transition: all 0.4s;padding: 20px;background-color: #fff;margin-bottom: 21px;border-radius: 10px;}
.productlist .item:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.15),-5px -5px 10px rgba(0,0,0,0.15);}
.productlist .item:nth-child(3n){margin-right: 0;}
.productlist .item .imgcon{width: 100%;height: 0;padding-top: 62.5%;overflow: hidden;position: relative;display: block;}
.productlist .item .imgcon img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.4s;}
.productlist .item:hover .imgcon img{transform: scale(1.1);}
.productlist .item .title{display: block;padding: 10px 0;}
.productlist .item .more{display: block;height: 36px;line-height: 36px;background: url(../images/icon_arr_right2_b.png) right center no-repeat;background-size: 20px;transition: all 0.4s;margin-top: 10px;}
.productlist .item:hover .more{transform: translateX(5px);}


.productdetail_wrap{background-color: #fff;}
.position_wrap{height: 72px;line-height: 72px;box-shadow: 3px 0px 6px rgba(0,0,0,0.15);margin-bottom: 1rem;background-color: #fff;}
.position_wrap a.return{margin-right: 20px;}

.product_detail{margin-top: 1rem;}
.product_detail .item{padding: 1.5rem 0;}
.product_detail .item .item_con{display: flex;flex-wrap: wrap;}
.product_detail .item:nth-child(2n){background: url(../images/solve-bg.jpg) center no-repeat;background-size: cover;}
.product_detail .item:nth-child(2n+1) .textcon{order: -1;margin-right: 5%;}
.product_detail .item:nth-child(2n) .textcon{margin-right: 0;margin-left: 5%;}
.product_detail .item .imgcon{width: 45%;height: 11rem;padding: 10px;border: 1px solid #ccc;}
.product_detail .item .imgcon img{width: 100%;height: 100%;object-fit: cover;}
.product_detail .item .textcon{width: 48%;padding-right: 2%;font-size: 0.5rem;line-height: 2.2;height: 11rem;overflow-y: auto;}
.product_detail .item .textcon .title{font-weight: bold;font-size: 0.6rem;}
.product_detail .item .textcon .con p{margin-bottom: 12px;}

.product_detail .item .textcon::-webkit-scrollbar{width:5px;height:0;}
.product_detail .item .textcon::-webkit-scrollbar-button:vertical{display:none}
.product_detail .item .textcon::-webkit-scrollbar-track:vertical{background-color:black}
.product_detail .item .textcon::-webkit-scrollbar-track-piece{background:#ccc}
.product_detail .item .textcon::-webkit-scrollbar-thumb:vertical{background-color:#333;border-radius:30px}
.product_detail .item .textcon::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
.product_detail .item .textcon::-webkit-scrollbar-corner:vertical{background-color:#333}
.product_detail .item .textcon::-webkit-scrollbar-resizer:vertical{background-color:#ccc}


.hezuo_wrap{padding: 2rem 0 0;background-color: #fff;}
.typebar{text-align: center; padding: 0 20px;margin-bottom: 1rem;}
.typebar .title{font-size: 1rem;line-height: 1.1;font-weight: bold;color: #333;margin-bottom: 0.6rem;}
.typebar .desc{margin-bottom: .6rem; color: rgba(36, 54, 90, .6);font-size: .55rem; line-height: 1.36;}

.hezuo_wrap .content{padding-bottom: 1.2rem;}
.hezuo_wrap .content .con{max-width: 1400px;margin: 0 auto;font-size: 0.45rem;line-height: 2.2;color: #333;}
.hezuo_wrap .content .con p{margin-bottom: 12px;}

.hezuolist_wrap{background-color: #f1f1f1;padding: 2.0rem 0;}

.hezuolist{margin-top: 1.5rem;}
.hezuolist .item{width: 20%;}
.hezuolist .img{height: 100px;line-height: 100px;padding: 0 20px;}
.hezuolist .img img{max-width: 100%;max-height: 100%;object-fit: contain;}


.hezuoitem_wrap{background: #fff;padding: 2rem 0;}
.hezuoitem_list{display: flex;flex-wrap: wrap;}
.hezuoitem_list .item{width: calc(33.33% - 20px);margin-right: 30px;box-shadow: 3px 3px 6px rgba(0,0,0,0.15),-3px -3px 6px rgba(0,0,0,0.15);overflow: hidden;}
.hezuoitem_list .item:nth-child(3n){margin-right: 0;}
.hezuoitem_list .item:hover img{transform: scale(1.05);}
.hezuoitem_list .item:hover .title{color: #0861dd;transform: translateX(3px);}
.hezuoitem_list .item .img{width: 100%;height: 0;padding-top: 62%;position: relative;overflow: hidden;display: block;}
.hezuoitem_list .item .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.4s;}
.hezuoitem_list .item .textcon{padding: 0.6rem;background: #fff;}
.hezuoitem_list .item .title{font-size: 0.6rem;position: relative;padding-bottom: 5px;padding-right: 80px;display: block;transition: all 0.4s;}
.hezuoitem_list .item .title span{padding: 5px 10px;background-color: #a1cedd;border-radius: 5px;color: #fff;font-size: 14px;position: absolute;right: 0;top: 3px;}
.hezuoitem_list .item .title:after{position: absolute;left: 0;bottom: 0;width: 66px;height: 2px;background-color: #0861dd;content: "";}
.hezuoitem_list .item .desc{font-size: 0.4rem;margin-top: 10px;color: #666;}

@keyframes pathTop{
	0% {
	    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	}
	100% {
	    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}
@keyframes pathBtn{
	0% {
	    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	}
	100% {
	    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

@keyframes pathLeft{
	0% {
	    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	}
	100% {
	    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}
@keyframes pathRight {
    0% {
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    }
    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}


.pathTop{animation: pathTop 5s linear infinite;}
.pathRight {
    animation: pathRight 5s linear infinite;
}
.pathLeft {
    animation: pathLeft 5s linear infinite;
}
.pathBtn {
    animation: pathBtn 5s linear infinite;
}
.service img{max-width: 100%;}
.service .box1{background-image:url(../images/service_bg1.png);padding:.6rem 0 0}
.service .box1 .wrap{display:flex;justify-content:space-between;overflow:hidden;position:relative}
.service .box1 .lf{padding-bottom:2rem;padding-top:2.8rem;width:50%}
.service .box1 .lf .tit{background:linear-gradient(270deg,#00baf9,#0087f1);-webkit-background-clip:text;font-size:1.05rem;margin:0;-webkit-text-fill-color: transparent;font-weight: bold;}
.service .box1 .lf .cont{border-top:1px solid hsla(0,0%,44%,.2);color:#000;line-height:1.8;margin-top:.9rem;padding-right:4.25rem;padding-top:.8rem}
.service .box1 .lf .li-box{display:flex;margin-top:1rem}
.service .box1 .lf .li-box .li{margin-right:2.25rem;text-align:center;width:-moz-max-content;width:max-content}
.service .box1 .lf .li-box .li:last-child{margin-right:0}
.service .box1 .lf .li-box .li .icon{height:.95rem;margin:0 auto;width:.95rem}
.service .box1 .lf .li-box .li .icon img{max-height:100%}
.service .box1 .lf .li-box .li .h1{color:#000;line-height:1.3;margin-top:.35rem}
.service .box1 .rg{width:37.5%}
.service .box1 .rg img{width:100%}
.service .box1 .pos-img{left:50%;position:absolute;top:0;width:65%}
.service .box2{padding-bottom:1.45rem;position:relative}
.service .box2 .pos-side{background:linear-gradient(180deg,#00baf9,#0087f1);border-radius:.85rem;height:-moz-max-content;height:max-content;opacity:0;padding:.6rem 0;position:fixed;right:1.45rem;top:50%;transform:translateY(-50%);transition:all .4s;visibility:hidden;width:1.35rem;z-index:100}
.service .box2 .pos-side .li{display:block;margin-bottom:.55rem;position:relative;text-align:center}
.service .box2 .pos-side .li:last-child{margin-bottom:0}
.service .box2 .pos-side .li .icon{margin:0 auto;width:1.05rem}
.service .box2 .pos-side .li .h1{color:#fff;line-height:1.3;margin-top:6px}
.service .box2 .pos-side .li .pos-cont{background-color:#fff;box-shadow:0 0 .25rem #0000001a;height:-moz-max-content;height:max-content;min-height:100%;opacity:0;padding:.2rem;position:absolute;right:calc(100% + .8rem);text-align:center;top:50%;transform:translateY(-50%);transition:all .4s;visibility:hidden;width:-moz-max-content;width:max-content}
.service .box2 .pos-side .li .pos-cont p{color:#2394fb;font-size:.6rem;font-weight:700;line-height:1.2}
.service .box2 .pos-side .li .pos-cont div{width:3rem}
.service .box2 .pos-side .li .pos-cont div img{width:100%}
.service .box2 .pos-side .li:hover .pos-cont{opacity:1;right:calc(100% + .2rem);visibility:visible}
.service .box2 .pos-side.show{opacity:1;visibility:visible}
.service .box2 .map{position:relative;text-align:center}
.service .box2 .map .pic-box{margin:0 auto;position:relative;width:73.3%}
.service .box2 .map .pic-box img{width:100%}
.service .box2 .map .pic-box .line-box{height:100%;left:0;position:absolute;top:0;width:100%;z-index: 0;}
.service .box2 .map .pic-box .line-box .line{position:absolute}
.service .box2 .map .pic-box .line-box .line1{left:56.35%;top:36%;width:25.75%}
.service .box2 .map .pic-box .line-box .line2{left:56.4%;top:40.9%;width:14.83%}
.service .box2 .map .pic-box .line-box .line3{left:56.1%;top:51.5%;width:15.37%}
.service .box2 .map .pic-box .line-box .line4{left:56.1%;top:53.8%;width:20.97%}
.service .box2 .map .pic-box .line-box .line5{left:56.4%;top:54.8%;width:18.5%}
.service .box2 .map .pic-box .line-box .line6{left:56.1%;top:54.8%;width:20.1%}
.service .box2 .map .pic-box .line-box .line7{left:55%;top:55.2%;width:4.639%}
.service .box2 .map .pic-box .line-box .line8{left:24.9%;top:23.5%;width:31.54%}
.service .box2 .map .pic-box .point-box{height:100%;left:0;position:absolute;top:0;width:100%}
.service .box2 .map .pic-box .point-box .point{position:absolute}
.service .box2 .map .pic-box .point-box .point .cir{background-color:#2394fb;border-radius:50%;height:.2rem;position:relative;width:.2rem}
.service .box2 .map .pic-box .point-box .point .cir span{border-radius:50%;display:block;height:.4rem;left:50%;opacity:.42;position:absolute;top:50%;transform:translate(-50%,-50%);width:.4rem}
.service .box2 .map .pic-box .point-box .point .city{color:#000;left:calc(100% + .25rem);position:absolute;top:50%;transform:translateY(-50%);width:-moz-max-content;width:max-content}
.service .box2 .map .pic-box .point-box .point .pos-cont{background-color:#fff;border:1px solid rgba(35,148,251,.28);border-radius:7px;bottom:calc(100% + .4rem);box-shadow:0 6px .65rem #0000000d;height:-moz-max-content;height:max-content;left:50%;margin-left:-2.925rem;min-height:2.5rem;opacity:0;padding:.4rem .5rem;position:absolute;transform:translateY(-.4rem);transition:all .4s;visibility:hidden;width:5.85rem}
.service .box2 .map .pic-box .point-box .point .pos-cont:after{background-color:#fff;border:1px solid rgba(35,148,251,.28);-webkit-clip-path:polygon(50% 50%,0 1%,100% 1%);clip-path:polygon(50% 50%,0 1%,100% 1%);content:"";height:14px;left:50%;position:absolute;top:100%;transform:translate(-50%);width:14px}
.service .box2 .map .pic-box .point-box .point .pos-cont .list{display:flex;margin-bottom:.2rem;text-align:left}
.service .box2 .map .pic-box .point-box .point .pos-cont .list:last-child{margin-bottom:0}
.service .box2 .map .pic-box .point-box .point .pos-cont .list div{margin-right:.35rem;width:14px}
.service .box2 .map .pic-box .point-box .point .pos-cont .list p{color:#111;line-height:1.5;width:calc(100% - .35rem - 14px);word-break:break-all}
.service .box2 .map .pic-box .point-box .point:hover .pos-cont{opacity:1;transform:translateY(0);visibility:visible}
.service .box2 .map .pic-box .point-box .point1{left:50%;top:50%}
.service .box2 .map .pos{position:absolute}
.service .box2 .map .pos-cont1{left:0;line-height:1;text-align:left;top:1.55rem}
.service .box2 .map .pos-cont1 .h1{color:#000}
.service .box2 .map .pos-cont1 .h2{color:#2394fb;font-weight:700;margin-top:.45rem}
.service .box2 .map .pos-cont2{bottom:-.25rem;display:flex;flex-wrap:wrap;left:0;position:absolute;text-align:left}
.service .box2 .map .pos-cont2 .item{display:flex}
.service .box2 .map .pos-cont2 .icon{margin-right:.75rem;width:1.15rem}
.service .box2 .map .pos-cont2 .cont .h1,.service .box2 .map .pos-cont2 .cont .list{color:#111}
.service .box2 .map .pos-cont2 .cont .list span{font-weight:700}
.service .box2 .map .pos-cont4{right:0;top:68%}
.service .box2 .map .pos-cont4 .list{align-items:center;display:flex;margin-bottom:.2rem}
.service .box2 .map .pos-cont4 .list:last-child{margin-bottom:0}
.service .box2 .map .pos-cont4 .list .point{background-color:#fff;border-radius:50%;height:16px;margin-right:.3rem;position:relative;width:16px}
.service .box2 .map .pos-cont4 .list .point:before{background-color:#fff;border-radius:50%;content:"";height:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%;z-index:5}
.service .box2 .map .pos-cont4 .list .point:after{background-color:#2394fb6b;border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}
.service .box2 .map .pos-cont4 .list p{color:#111}
.service .box2 .map .pos-cont4 .list:nth-child(2) .point:before{background-color:#2394fb}
.service .box2 .map .pos-cont4 .list:nth-child(3) .point:before{background-color:#4e4f96}
.service .box2 .map .pos-cont4 .list:nth-child(3) .point:after{background-color:#4e4f966b}
.service .box2 .li-box{display:flex;flex-wrap:wrap;margin-top:2.45rem;transition:all .4s}
.service .box2 .li-box .li{margin-bottom:1rem;margin-right:12.5%;transition:all .4s;width:25%}
.service .box2 .li-box .li:nth-child(3n){margin-right:0}
.service .box2 .li-box .li .h1{color:#111;font-weight:700;margin-bottom:.4rem}
.service .box2 .li-box .li .list{display:flex;margin-bottom:.2rem}
.service .box2 .li-box .li .list:last-child{margin-bottom:0}
.service .box2 .li-box .li .list div{margin-right:.6rem;width:.5rem}
.service .box2 .li-box .li .list p{color:#111;line-height:1.75;width:calc(100% - 1.1rem)}
.service .box2 .li-box .li:hover{transform:translateY(-6px)}
.service .box2 .li-box.sli-box{max-height:1000rem}
.service .box2 .li-box.sli-box:after{opacity:0;visibility:hidden}
.service .box2 .clk-sli{display:none}
.service .box3{background-image:url(../images/feedback_bg.png);padding:1.5rem 0 2.15rem}
.service .box3 .wrap{display:flex}
.service .box3 .lf{width:27.4%}
.service .box3 .lf .h1{color:#111}
.service .box3 .lf .pic{margin-top:.7rem;width:100%}
.service .box3 .lf .pic img{width:100%}
.service .box3 .rg{padding-left:1.9rem;width:72.6%}
.service .box3 .rg .el-form{display:flex;flex-wrap:wrap}
.service .box3 .rg .el-form .el-form-item{margin-bottom:.6rem;padding-left:.95rem;position:relative}
.service .box3 .rg .el-form .el-form-item .icon{left:0;position:absolute;top:-5px;width:.5rem}
.service .box3 .rg .el-form .el-form-item__error{padding-left:.95rem}
.service .box3 .rg .el-form .el-form-item__content{position:static}
.service .box3 .rg .el-form .el-form-item__label{color:#111;font-size:.45rem;margin-bottom:.7rem;display: block;}
.service .box3 .rg .el-form .el-input{border:1px solid #b9d3e2;border-radius:6px;font-size:.4rem;overflow:hidden}
.service .box3 .rg .el-form .el-input__wrapper{box-shadow:none;padding:5px .4rem;background-color: #fff;}
.service .box3 .rg .el-form .el-input__inner{color:#333;height: 32px;border: 0;background-color: transparent;width: 100%;}
.service .box3 .rg .el-form .el-textarea__inner{border:1px solid #b9d3e2;border-radius:6px;box-shadow:none;color:#333;font-size:.4rem;height:2.25rem;padding:.45rem .2rem;width: 100%;}
.service .box3 .rg .el-form .el-button--primary{border:2px solid #fff;border-radius:.7rem;color:#fff;height:0.9rem;margin-left:calc(100% - 3.5rem);margin-top:.4rem;position: relative;padding: 0 10px;}
.service .box3 .rg .el-form .el-button--primary:before{opacity:1}
.service .box3 .rg .el-form .el-ipt{margin-right:2%;width:32%}
.service .box3 .rg .el-form .el-ipt:nth-child(3){margin-right:0}
.service .box3 .rg .el-form .el-txt{width:100%}
@media (max-width:997px){.service .box1 .wrap{flex-wrap:wrap}
.service .box1 .lf{padding:1.2rem 0;width:100%}
.service .box1 .lf .tit{font-size:.8rem}
.service .box1 .lf .cont{margin-top:.4rem;padding-right:0;padding-top:.4rem}
.service .box1 .lf .li-box{justify-content:space-between}
.service .box1 .lf .li-box .li{margin-right:0}
.service .box1 .rg{display:none}
.service .box1 .pos-img{left:0;position:relative;width:100%}
.service .box2 .map{padding:1rem 0}
.service .box2 .map .pos-cont1{position:relative;top:0}
.service .box2 .map .pos-cont2{bottom:0;flex-wrap:wrap;margin-top:0;position:relative}
.service .box2 .map .pos-cont2 .item{flex-wrap:wrap}
.service .box2 .map .pos-cont2 .icon{width:1rem}
.service .box2 .map .pic-box,.service .box2 .map .pos-cont2 .cont{margin-top:.5rem;width:100%}
.service .box2 .map .pos-cont2 .cont .h1{font-size:.7rem}
.service .box2 .pos-side{right:2%}
.service .box2 .li-box{margin-top:0;max-height:14rem;overflow:hidden;position:relative}
.service .box2 .li-box:after{background:linear-gradient(180deg,transparent,#fff);bottom:0;content:"";height:50%;left:0;position:absolute;width:100%}
.service .box2 .clk-sli{color:#0087f1;cursor:pointer;display:block;margin:.2rem auto 0;width:-moz-max-content;width:max-content}
.service .box2 .li-box .li{margin-bottom:.75rem;margin-right:0;width:100%}
.service .box2 .li-box .li:last-child{margin-bottom:0}
.service .box3{padding:1.5rem 0 1rem}
.service .box3 .wrap{flex-direction:column-reverse}
.service .box3 .lf{text-align:center;width:100%}
.service .box3 .rg{margin-bottom:.5rem;padding:0;width:100%}
.service .box3 .rg .el-form .el-ipt{margin-right:0;padding-left:0;width:100%}
.service .box3 .rg .el-form .el-form-item{padding-left:0}
.service .box3 .rg .el-form .el-form-item__label{margin-bottom:.2rem}
.service .box3 .rg .el-form .el-button--primary{margin:0 auto}
.service .box1 .pos-img,.service .box2 .map .pic-box .line-box,.service .box2 .map .pic-box .point-box .point .pos-cont,.service .box2 .map .pos-cont4,.service .box3 .lf img,.service .box3 .rg .el-form .el-form-item .icon{display:none}
}
.main-more .cont {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 5;
}
.main-more .cont p {
    margin-right: 6px;
}
.main-more:before {
    background: linear-gradient(270deg, #00baf9, #0087f1);
    border-radius: .7rem;
    content: "";
    height: calc(100% + 4px);
    left: -2px;
    opacity: 0;
    position: absolute;
    top: -2px;
    transition: all .4s;
    width: calc(100% + 4px);
    z-index: 1;
}
.main-more.black {
    border-color: #111;
    color: #111;
}


.about img{max-width: 100%;}
.about .box1{overflow:hidden;padding:2.4rem 0 2.05rem;position:relative}
.about .box1 .bg{bottom:0;left:0;position:absolute;width:100%}
.about .box1 .bg img{width:100%}
.about .box1 .wrap{display:flex;justify-content:space-between;padding-right:4rem;position:relative}
.about .box1 .wrap .pic{border-radius:.5rem;left:-.5rem;overflow:hidden;position:relative;top:0;width:52.5%}
.about .box1 .wrap .pic:after{background-color:#0000004d;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .4s;width:100%;z-index:2}
.about .box1 .wrap .pic img{transition:all .4s;width:100%}
.about .box1 .wrap .pic .play{cursor:pointer;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s;width:1.8rem;z-index:5}
.about .box1 .wrap .pic .play:hover{transform:translate(-50%,-50%) scale(.96)}
.about .box1 .wrap .pic:hover:after{opacity:1}
.about .box1 .wrap .pic:hover>img{transform:scale(1.04)}
.about .box1 .wrap .cont{color:#111;line-height:1.8;padding-top:.7rem;text-align:justify;width:38.7%}
.about .box2{background-image:url(../images/about_bg2.png);padding:2.4rem 0 2.05rem}
.about .box2 .box2-swiper{margin-top:1.85rem;padding-bottom:.7rem;padding-left: 20px;padding-right: 20px;}
.about .box2 .box2-swiper:after{background-color:#d9d9d9;content:"";height:1px;left:0;position:absolute;top:.3rem;width:100%}
/*.about .box2 .box2-swiper .swiper-slide{margin:0 1%;width:18%}*/
.about .box2 .box2-swiper .swiper-slide .point{background:linear-gradient(90deg,#4e4f96,#0b7fe4,#1dbaff);border-radius:50%;height:.6rem;margin:0 auto;position:relative;width:.6rem}
.about .box2 .box2-swiper .swiper-slide .point:after{background:linear-gradient(180deg,#fff,#a7d8ff);border-radius:50%;content:"";height:.45rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.45rem}
.about .box2 .box2-swiper .swiper-slide .year{color:#111;line-height:1.1;margin-top:.25rem;text-align:center;transition:all .4s}
.about .box2 .box2-swiper .swiper-slide .intro{background-color:#fff;border-radius:.5rem;box-shadow:0 .3rem .65rem #0000000d;height:7.9rem;margin-top:.8rem;padding:1.1rem .7rem 1.1rem 1.1rem;position:relative;transition:all .4s;width:100%}
.about .box2 .box2-swiper .swiper-slide .intro .pos-bg{left:0;position:absolute;top:0;width:100%;z-index:1}
.about .box2 .box2-swiper .swiper-slide .intro .pos-bg img{width:100%}
.about .box2 .box2-swiper .swiper-slide .intro .data{color:#111;font-weight:700;line-height:1}
.about .box2 .box2-swiper .swiper-slide .intro .h1{color:#2394fb;font-weight:700;line-height:1;margin-bottom:.6rem;margin-top:.6rem}
.about .box2 .box2-swiper .swiper-slide .intro .list-box{max-height:3.5rem;overflow-y:auto}
.about .box2 .box2-swiper .swiper-slide .intro .list-box::-webkit-scrollbar{width:3px}
.about .box2 .box2-swiper .swiper-slide .intro .list{color:#000;line-height:1.6;margin-bottom:6px;padding-left:.6rem;position:relative}
.about .box2 .box2-swiper .swiper-slide .intro .list:last-child{margin-bottom:0}
.about .box2 .box2-swiper .swiper-slide .intro .list:after{background-color:#2394fb;border-radius:50%;content:"";height:.2rem;left:0;position:absolute;top:.5em;width:.2rem}
.about .box2 .box2-swiper .swiper-slide:hover .year{color:var(--hovColor)}
.about .box2 .box2-swiper .swiper-slide:hover .intro{transform:translateY(-.25rem)}
.about .box3{padding:1.75rem 0 .5rem}
.about .box3 .box{border-radius:.5rem;display:flex;height:17rem;margin-top:1.55rem;overflow:hidden}
.about .box3 .box .lf{align-items:center;background-image:url(../images/about_bg3_l.png);display:flex;height:100%;justify-content:space-between;padding-left:2rem;position:relative;width:62.5%;z-index:10}
.about .box3 .box .lf .box3-swiper{height:7.05rem;margin:0;width:10rem}
.about .box3 .box .lf .box3-swiper .swiper-slide{color:#fff}
.about .box3 .box .lf .box3-swiper .swiper-slide .h1{line-height:1.2;margin-bottom:.6rem}
.about .box3 .box .lf .box3-swiper .swiper-slide .h2{font-weight:700;line-height:1.2;margin-bottom:1.1rem}
.about .box3 .box .lf .box3-swiper .swiper-slide .txt{line-height:1.6}
.about .box3 .box .lf .active-box{align-items:center;display:flex;height:100%;position:relative;width:calc(100% - 10rem)}
.about .box3 .box .lf .active-box .cir{position:absolute;right:0;top:50%;transform:translateY(-50%);width:98%}
.about .box3 .box .lf .active-box .cir img{width:100%}
.about .box3 .box .lf .active-box .li-box{display:flex;flex-direction:column;height:73.5%;justify-content:space-between;position:relative;width:100%;z-index:5}
.about .box3 .box .lf .active-box .li-box .li{align-items:center;cursor:pointer;display:flex;justify-content:flex-end;width:38%}
.about .box3 .box .lf .active-box .li-box .li p{color:#fff;margin-right:.4rem;opacity:.6;transition:all .4s}
.about .box3 .box .lf .active-box .li-box .li div{align-items:center;background-color:#fff3;border-radius:50%;display:flex;height:.9rem;justify-content:center;position:relative;transition:all .4s;width:.9rem}
.about .box3 .box .lf .active-box .li-box .li div:after{background-color:#fff;border-radius:50%;content:"";height:.8rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s;width:.8rem}
.about .box3 .box .lf .active-box .li-box .li div img{max-height:50%;max-width:50%;position:relative;z-index:5}
.about .box3 .box .lf .active-box .li-box .li:first-child,.about .box3 .box .lf .active-box .li-box .li:nth-child(4){margin-left:2.5rem}
.about .box3 .box .lf .active-box .li-box .li:nth-child(2){margin-left:.2rem}
.about .box3 .box .lf .active-box .li-box .li:nth-child(2).active{margin-left:.3rem}
.about .box3 .box .lf .active-box .li-box .li:nth-child(3){margin-left:.1rem}
.about .box3 .box .lf .active-box .li-box .li:nth-child(3).active{margin-left:.3rem}
.about .box3 .box .lf .active-box .li-box .li.active p{font-size:.6rem;opacity:1}
.about .box3 .box .lf .active-box .li-box .li.active div{height:1.35rem;width:1.35rem}
.about .box3 .box .lf .active-box .li-box .li.active div:after{height:1.1rem;width:1.1rem}
.about .box3 .box .lf .btn-box{align-items:center;display:flex;flex-direction:column;height:4.5rem;justify-content:center;position:absolute;right:-2.25rem;top:50%;transform:translateY(-50%);width:4.5rem;z-index:10}
.about .box3 .box .lf .btn-box:after{background:url(../images/about_3_r_bg1.png);background-size:100% 100%;content:"";height:100%;left:0;position:absolute;top:0;transition:all .5s;width:100%;z-index:-1}
.about .box3 .box .lf .btn-box .btn{border-left:6px solid transparent;border-right:6px solid transparent;cursor:pointer;height:0;left:0;margin:0;position:relative;right:0;top:0;width:0}
.about .box3 .box .lf .btn-box .btn:after{display:none}
.about .box3 .box .lf .btn-box .prev{border-bottom:14px solid #fff;margin-bottom:.7rem}
.about .box3 .box .lf .btn-box .next{border-top:14px solid #fff}
.about .box3 .box .lf .btn-box:hover:after{transform:rotate(180deg)}
.about .box3 .box .rg{height:100%;position:relative;width:37.5%}
.about .box3 .box .rg img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;top:0;transition:all .4s;width:100%;z-index:-1}
.about .box3 .box .rg img.show{opacity:1;z-index:5}
.about .box4{background-image:url(../images/about_bg4.png);padding:2.25rem 0 1.8rem;position:relative}
.about .box4:after{background:linear-gradient(180deg,#fff,#f6f6f6);content:"";height:5.5rem;left:0;position:absolute;top:0;width:100%}
.about .box4 .wrap{position:relative;z-index:5}
.about .box4 .box{background-color:#fff;display:flex;margin-top:1.5rem;position:relative}
.about .box4 .box .li-box1{padding:2.4rem 0 2.4rem 1.3rem;width:20%}
.about .box4 .box .li-box1 .li{align-items:baseline;color:#333;display:flex;line-height:1.2;margin-bottom:.4rem}
.about .box4 .box .li-box1 .li:last-child{margin-bottom:0}
.about .box4 .box .li-box1 .li p{text-align:justify;-moz-text-align-last:justify;text-align-last:justify;width:6em}
.about .box4 .box .li-box1 .li div{color:#2394fb;display:inline-block;font-size:1.25rem;font-weight:700;line-height:1;margin-right:.5em;text-align:right;width:1.5em}
.about .box4 .box .li-box2{height:17.45rem;padding:3rem 0;width:56.5%}
.about .box4 .box .li-box2 .scroll-box{display:flex;flex-wrap:wrap;height:100%;overflow-y:auto;padding:0 1.75rem;width:100%}
.about .box4 .box .li-box2 .scroll-box::-webkit-scrollbar{width:3px}
.about .box4 .box .li-box2 .scroll-box::-webkit-scrollbar-thumb{background:#00a0e3}
.about .box4 .box .li-box2 .li{border-bottom:1px solid #e2e2e2;line-height:1.5;margin-right:4%;padding-bottom:.5rem;transition:all .4s;width:48%}
.about .box4 .box .li-box2 .li:nth-child(2n){margin-right:0}
.about .box4 .box .li-box2 .li:nth-child(n+3){margin-top:.5rem}
.about .box4 .box .li-box2 .li:hover{color:#2394fb}
.about .box4 .box .swiper-box{background:linear-gradient(180deg,#00baf9,#0087f1);padding:2.5rem 0;position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);width:17%}
.about .box4 .box .swiper-box .swiper-button-next,.about .box4 .box .swiper-box .swiper-button-prev{background-color:#ffffff63;border-radius:50%;color:#000;height:1.25rem;left:50%;margin-left:-.625rem;margin-top:0;transform:rotate(90deg);transition:all .4s;width:1.25rem;background-size: 10px;}
.about .box4 .box .swiper-box .swiper-button-next:after,.about .box4 .box .swiper-box .swiper-button-prev:after{font-size:.3rem}
.about .box4 .box .swiper-box .swiper-button-next:hover,.about .box4 .box .swiper-box .swiper-button-prev:hover{background-color:#fff;color:#0089ec}
.about .box4 .box .swiper-box .swiper-button-prev{top:.9rem}
.about .box4 .box .swiper-box .swiper-button-next{bottom:.9rem;top:auto}
.about .box4 .box .box4-swiper{height:14.5rem;width:calc(100% - 1.9rem)}
.about .box4 .box .box4-swiper .swiper-slide{height:3.25rem;margin-bottom:.5rem;overflow:hidden;width:100%}
.about .box4 .box .box4-swiper .swiper-slide:last-child{margin-bottom:0}
.about .box4 .box .box4-swiper .swiper-slide img{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s;width:100%}
.about .box4 .box .box4-swiper .swiper-slide:hover img{transform:scale(1.04)}
.about .box5{background-image:url(./95.IkFQkszl.png);padding:2.25rem 0 2.2rem}
.about .box5 .box{border-radius:.3rem;display:flex;height:10.75rem;justify-content:flex-end;margin-top:1.5rem;position:relative}
.about .box5 .box .lf{background-color:#fff;border-radius:.3rem;box-shadow:0 6px .65rem #41aff624;height:100%;left:0;padding:1.3rem .9rem;position:absolute;top:0;width:77%}
.about .box5 .box .lf .li{margin-bottom:.7rem;width:83%}
.about .box5 .box .lf .li .top-tit{align-items:center;display:flex}
.about .box5 .box .lf .li .top-tit div{margin-right:.5rem;width:.8rem}
.about .box5 .box .lf .li .top-tit p{color:#2394fb;font-weight:700}
.about .box5 .box .lf .li .txt{color:#111;line-height:1.88;margin-top:.3rem;padding-left:1.3rem}
.about .box5 .box .lf .send-box{margin-top:1.25rem;padding-left:1.3rem}
.about .box5 .box .lf .send-box .more{height:1.1rem;width:3.85rem;display: block;border: 1px solid #333;border-radius: 20px;transition: all 0.4s;}
.about .box5 .box .lf .send-box .more .cont div{filter:brightness(.1);width:.6rem}
.about .box5 .box .lf .send-box .more .cont p{margin-left:.4rem;margin-right:0;}
.about .box5 .box .lf .send-box .more:hover{background: linear-gradient(90deg, #0861dd, #0087f1);color: #fff;border-color: transparent;}
.about .box5 .box .lf .send-box .more:hover .cont div{filter: none;}
.about .box5 .box .lf .send-box .tips{color:#666;margin-top:.4rem}
.about .box5 .box .rg{border-radius:.5rem;height:100%;overflow:hidden;position:relative;width:32%;z-index:5}
.about .box5 .box .rg img{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s;width:100%}
.about .box5 .box .rg:hover img{transform:scale(1.04)}
.zz_tanchuang {
    display: table;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    width: 100%;
    z-index: 999;
}
.zz_tanchuang .tbox {
    background: rgba(0, 0, 0, .8);
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.zz_tanchuang .tbox .modal {
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-height: 90%;
    max-width: 1200px;
    padding: 0;
    position: relative;
    width: 80%;
}
.zz_tanchuang .tbox .modal .close {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.824' height='8.824'%3E%3Cg data-name='组 21240'%3E%3Cg fill='none' stroke='%23fff' data-name='组 20569'%3E%3Cpath d='M.353.353 8.47 8.47' data-name='直线 13431'/%3E%3Cpath d='M8.47.353.355 8.47' data-name='直线 13432'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;
    background-size: 20px;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    opacity: .75;
    position: absolute;
    right: -40px;
    text-align: center;
    top: -40px;
    transition: all .5s;
    width: 40px;
}
.zz_tanchuang .tbox .modal .img {
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    max-width: 1200px;
}
.zz_tanchuang .tbox .modal .img video {
    background-color: #000;
    display: block;
    max-height: 67vh;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.zz_tanchuang .tbox .modal .close:hover{transform: rotate(360deg);}
.zz_tanchuang.one {
    animation: unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards;
    -webkit-animation: unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards;
    transform: scaleY(.01) scaleX(0);
    -webkit-transform: scaleY(.01) scaleX(0);
}
.zz_tanchuang.one {
    transform: scale(1);
    -webkit-transform: scale(1);
}
@keyframes unfoldIn {
0% {transform: scaleY(.005) scaleX(0);}
50% {transform: scaleY(.005) scaleX(1);}
100% {transform: scaleY(1) scaleX(1);}
}

@media (max-width:997px){.about .box1{padding:2rem 0}
.about .box1 .wrap{flex-wrap:wrap;padding:0 5%}
.about .box1 .wrap .pic{left:0;width:100%}
.about .box1 .wrap .cont{width:100%}
.about .box2{padding:2rem 0 1.5rem}
.about .box2 .box2-swiper{margin-top:1.2rem;padding-top: 1rem;}
.about .box2 .box2-swiper:after{top: 1rem;}
.about .box2 .box2-swiper .swiper-slide{margin:0 5%;width:90%}
.about .box3 .box{flex-wrap:wrap;height:auto;margin-top:1rem}
.about .box3 .box .lf{height:8rem;padding:.5rem;width:100%}
.about .box3 .box .lf .box3-swiper .swiper-slide .h2{font-size:.65rem;margin-bottom:.3rem}
.about .box3 .box .lf .active-box{display:none}
.about .box3 .box .lf .btn-box{bottom:-1.5rem;height:3rem;left:50%;right:auto;top:auto;transform:translate(-50%);width:3rem}
.about .box3 .box .rg{height:8rem;width:100%}
.about .box4{padding:1.5rem 0}
.about .box4 .box{flex-wrap:wrap;margin-top:1rem}
.about .box4 .box .li-box1{padding:.75rem .5rem;width:100%}
.about .box4 .box .li-box1 .li div{font-size:1rem}
.about .box4 .box .li-box2{height:12rem;padding:0 0 1rem;width:100%}
.about .box4 .box .li-box2 .scroll-box{padding:0 .5rem}
.about .box4 .box .li-box2 .li{margin-bottom:.4rem;margin-right:0;margin-top:0;padding-bottom:.4rem;width:100%}
.about .box4 .box .li-box2 .li:last-child{margin-bottom:0}
.about .box4 .box .li-box2 .li:nth-child(n+3){margin-top:0}
.about .box4 .box .swiper-box{padding:1rem;position:relative;right:0;top:0;transform:translateY(0);width:100%}
.about .box4 .box .swiper-box .swiper-button-next,.about .box4 .box .swiper-box .swiper-button-prev{bottom:auto;margin:0;top:50%;transform:translateY(-50%)}
.about .box4 .box .swiper-box .swiper-button-prev{left:3px}
.about .box4 .box .swiper-box .swiper-button-next{left:auto;right:3px}
.about .box4 .box .box4-swiper{height:6.5rem;width:90%}
.about .box4 .box .box4-swiper .swiper-slide{height:100%;margin-right:.5rem}
.about .box4 .box .box4-swiper .swiper-slide:last-child{margin-right:0}
.about .box5{padding:2rem 0}
.about .box5 .box{flex-direction:column-reverse;height:auto;margin-top:1rem}
.about .box5 .box .lf{padding:.75rem .5rem;position:relative;width:100%}
.about .box5 .box .rg{width:100%}
}