/* CSS Document */
*, ::after, ::before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}
p{margin-top:0;margin-bottom:1rem}
b,strong{font-weight: bolder;}
a{color:#00a85f;text-decoration:none;background-color:transparent}
a:hover{color:#00a85f;text-decoration:none}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;}
a:not([href]):not([class]){color:inherit;text-decoration:none;}
a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
hr{box-sizing:content-box;height:0;overflow:visible}
img{vertical-align:middle;border-style:none}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
sub{vertical-align:sub}
sup{vertical-align:super}
.small,small{font-size:80%;font-weight:400}
svg{overflow:hidden;vertical-align:middle}
code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}
pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar;display:block;font-size:87.5%;color:#212529;padding:.75rem}
kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem;box-shadow:inset 0 -0.1rem 0 rgb(0 0 0 / 25%)}
/*other*/
blockquote{margin:0 0 1rem}
figure{margin:0 0 1rem}
template{display:none}
output{display:inline-block}
summary{display:list-item;cursor:pointer}
abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
[hidden]{display:none !important}
/*table*/
table{border-collapse:collapse}
th{text-align:inherit;text-align:-webkit-match-parent}
.table{width:100%;margin-bottom:1rem;color:#212529;background-color:transparent}
.table:not(.table-dark){color:inherit}
.table-bordered{border: 1px solid #dee2e6;}
.table-bordered td,.table-bordered th{border:1px solid #dee2e6}
.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}
/*ul+ol*/
ol,ul,dl{margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
dt{font-weight:500}
dd{margin-bottom:.5rem;margin-left:0}
/*form*/
label{display:inline-block;margin-bottom:.5rem}
label:not(.form-check-label):not(.custom-file-label){font-weight:500}
/*h*/
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}
.h1,h1{font-size:2.5rem}
.h2,h2{font-size:2rem}
.h3,h3{font-size:1.75rem}
.h4,h4{font-size:1.5rem}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}
/*body*/
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{margin:0;font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;}
/*input*/
button{border: none;}
textarea{resize: none;}
input {margin:0;padding: 0;}
button, input, textarea {outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}  
input[type="button"],input[type="text"],input[type="submit"],button,select,textarea{-o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none;appearance:none; resize: none; border-radius:0; outline: none;  background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; vertical-align:middle;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;}
/*clearfix*/
.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 
/*swiper*/
.swiper-button-prev,
.swiper-button-next{outline:none;}
.swiper-button-prev:after,
.swiper-button-next:after{outline:none;display:none;} 
.flex{display:box;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-moz-box;display:flex;justify-content:flex-start;align-content:flex-start;}
.absolute {position: absolute;}

 /*通知系统样式*/
 .notification-container{position:fixed;top:200px;right:20px;z-index:9999}
 .notification{padding:15px;margin-bottom:10px;border-radius:4px;color:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);animation:slideIn 0.5s,fadeOut 0.5s 2.5s forwards;max-width:300px}
 .notification.success{background-color:#000000}
 .notification.error{background-color:#dc3545}
 @keyframes slideIn{from{transform:translateX(100%)}
 to{transform:translateX(0)}
 }@keyframes fadeOut{from{opacity:1}
 to{opacity:0}
 }
 

/*font-face*/
@font-face { font-family: "Inter"; font-style: normal; font-weight:normal; font-display: swap; src: url("fonts/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/Inter-Medium.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/Inter-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/Inter-Bold.woff2") format("woff2"); }

/*body*/
body{font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei", Helvetica Neue, Hiragino Sans GB,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;min-width:320px;overflow-x: hidden;scroll-behavior: initial;color:#000; font-weight: normal;background-color:#e7ecf6; position:relative;width:100%;}
html[lang="en-US"],html[lang="en-US"] body{font-family:"Inter",-apple-system,BlinkMacSystemFont,Segoe UI,"PingFang SC", Hiragino Sans GB,"Microsoft YaHei", Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:normal;}
/*html*/
html{font-size:calc(16vw/19.2);/*font-size:16px;*/}
@media screen and (max-width:1199px){
html{font-size:14px}
}
@media screen and (max-width:540px){
html{font-size:2.59vw;font-size: clamp(14px, 2.59vw, 16px); min-width:320px;}		
}

/*container*/
.container{width:93.75%;/*width:1800px*/margin: 0 auto;}
.w1600{ width:83.33333333333333%; margin: 0 auto;}
@media screen and (max-width:1600px) {
.w1600{ width:86%;}
}
@media screen and (max-width:1199px) {
.w1600{ width:90%;}
}
@media screen and (max-width:1023px){
.w1600{ width:90%;}
}



/***********************t-header***********************/
.header{position:fixed;top:0;left:0;z-index:900;width:100%; color:#fff;padding:1.875rem 0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
.header .container{display:flex;align-items:center;justify-content:space-between}
@media (max-width:1199px){
}
@media (max-width:1023px){
.header{padding:10px 0;}
.header.headerWhite{background-color:#fff;}
}



/*header logo*/
.header .logo{display:flex;align-items:center}
.header .logo img{height:37px}
.header .logo img:nth-child(2){display:none}
.header.headerWhite .logo img:nth-child(1){display:none}
.header.headerWhite .logo img:nth-child(2){display:inline-block}
@media (min-width:1024px){
.whiteHeader .header.headerWhite{padding:.625rem 0;}
.whiteHeader .header.headerWhite .logo{background-color: rgba(128, 128, 128, 0.3);backdrop-filter: blur(5px);border-radius: 10px;padding: 10px;}
.whiteHeader .header.headerWhite .logo img:nth-child(1){display:inline-block;}
.whiteHeader .header.headerWhite .logo img:nth-child(2){display:none;}
}
/*headerRight*/
.header .headerRight{display:flex;align-items:center;flex:1;justify-content:flex-end}
@media (max-width:1023px){
.header .headerRight{justify-content:flex-end}
.header .logo img{height:30px}
}
@media (max-width:767px){
.header .logo img{height:27px}
}

/*navList*/
.header .navList{margin:0;padding:0 6px;list-style:none;display:flex;align-items:center;background:rgba(255,255,255,0.2);border-radius:10px;position:relative;}
.header.headerWhite .navList{background-color:rgba(128,128,128,0.3);backdrop-filter:blur(5px);}
.header .navList .li1{position:relative; z-index:1;}
.header .navList .li1 a{display:block;line-height:50px;font-size:14px;color:#ffffff;padding:0 17px}
.header .navList .li1 .a1{font-weight:500;opacity:1}
.header .navList:hover .li1 .a1{opacity:0.5}
.header .navList .li1:hover .a1{opacity:1;font-weight:600}
.header .navList .dropNav{margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;width:280px;padding-top:10px;padding-bottom:10px;text-align:left;opacity:0;visibility:visible;visibility: hidden;}
.header .navList .dropNav li a{display:block;font-weight:500;line-height:26px;padding:8px 17px;opacity:1;}
.header .navList .dropNav:hover li a{opacity:0.5}
.header .navList .dropNav li:hover a{opacity:1;font-weight:600}
.header .navList .dropNavbg{position: absolute;left:0%;top:100%;width:100%;height:0px;background:rgba(255,255,255,0.2);opacity:0;overflow:hidden;visibility: hidden;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-top:1px solid rgba(255,255,255,0.2); z-index: 0; min-height:230px;}
.header.headerWhite .navList .dropNavbg{background-color:rgba(128,128,128,0.3);backdrop-filter:blur(5px);}
@media (min-width:1024px){
.header .navList .dropNavbg,
.header .navList .dropNav,
.header .navList .dropNav li a{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
.header .navList.open .dropNavbg{opacity:1;visibility: visible;}
.header .navList.open{border-bottom-right-radius:0;border-bottom-left-radius:0;}
.header .navList .dropNav{-webkit-transform: translateY(5px);transform: translateY(5px);}
.header .navList.open .li1:hover .dropNav{opacity:1;visibility: visible;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@media (max-width:1023px){
.header .navList .li1 a{display:block;font-size:16px;padding:15px 20px;line-height:26px;font-weight:500;}
.header .navList .dropNav li a{display:block;font-weight:500;line-height:26px;padding:8px 40px;opacity:1;}
.header .navList .dropNav:hover li a{opacity:0.5}
.header .navList .dropNav li:hover a{opacity:1;font-weight:600}
.header .navList .li1{border-bottom:1px solid rgba(255,255,255,0.2)}
.header .navList{padding:0;position:fixed;top:70px;left:0;width:100%;height:0;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(5px);overflow-y:auto;text-align:left;display:block;border-radius:0;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.openMobileMenu .header .navList{ height:calc(100vh - 70px);}
.openMobileMenu .header.headerWhite,
.openMobileMenu .header{background-color:rgba(128,128,128,0.3);backdrop-filter:blur(5px);border-bottom:1px solid rgba(255,255,255,0.2)}
.openMobileMenu{ overflow: hidden;}
.openMobileMenu .header.headerWhite .navList{background-color:rgba(0,0,0,0.5);backdrop-filter:blur(5px);}
.header .navList .dropNav{position: static;top:0;width:100%;opacity:1;visibility: visible; display: none;padding-top:0;padding-bottom:20px;}
.header .navList .dropNavbg{display: none;}
}
@media (max-width:767px){
.header .navList{top:60px;}
.openMobileMenu .header .navList{height:calc(100vh - 60px);}
}

/*headerfunction*/
.header .headerfunction{display:flex;align-items:center;}
.header .headerfunction .icon-lang{position:relative;margin-left:12px;border-radius:10px; overflow: hidden;background:rgba(255,255,255,0.2);}
.header.headerWhite .headerfunction .icon-lang{background-color:rgba(128,128,128,0.3);backdrop-filter:blur(5px);}
.header .headerfunction .icon-lang .icon-langtit{display: block;transition:all .4s linear;-webkit-user-select:none;user-select:none;align-items:center;font-size:14px;width:84px;line-height:50px;font-weight:600;color: #fff; }
.header .headerfunction .icon-lang .icon-langtit span{font-style:normal; display:inline-block; padding-left:25px;background:url('../images/icon-lan.png') no-repeat left center;background-size:18px; margin-left: 19px;} 
.header .headerfunction .icon-lang .icon-langhover{position:absolute;top:100%;left:50%;width:100%;background:#ffffff;-webkit-transform:translateX(-50%);transform:translateX(-50%);line-height:1.5;display:none;}
.header .headerfunction .icon-lang .icon-langhover a{display:block;font-size:14px;color:#fff;padding:4px 10px;text-align:center}
.header .headerfunction .icon-lang:hover .icon-langhover{display:block}
@media (max-width:1199px){
}
@media (max-width:767px){
.header .headerfunction .icon-lang .icon-langtit{line-height:40px;width:74px;}
.header .headerfunction .icon-lang .icon-langtit span{margin-left:14px;} 
}



/*mask-bg*/
.mask-bg{position:fixed;width:100%;height:100vh;opacity:0;z-index:9998;visibility:hidden}
.mask-bg.show{-webkit-transition:all .5s;transition:all .5s;opacity:1;background:rgba(0,0,0,0.3);backdrop-filter:blur(5px);visibility:visible}
/*popSearch*/
.popSearch{padding:0;margin:0;overflow-x:hidden;position:fixed;background:#fff;height:calc(100vh - 50px);z-index:9999;top:0;transition:all .24s cubic-bezier(0.26,0,0.6,0.2);display:block;opacity:0;visibility:hidden;}
.popSearch .popSearchB{max-width:900px;margin:0 auto}
.popSearch.search-hide{visibility:hidden;overflow-x:hidden;height:0;width:0;top:-50px;opacity:0;transition:opacity .2s cubic-bezier(0.26,0,0.6,0.2)}
.popSearch.search-show{visibility:visible;overflow-x:unset;height:auto;/*height:100vh;*/width:100%;top:0;opacity:1;transition:unset}
.popSearch.search-show .searchB,
.popSearch.search-show .searchB svg:first-child,
.popSearch.search-show .searchB input{transform:translateX(0);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.2)}
.popSearch.search-show .searchB .search-box{border:1px solid #dcdcdc}
.popSearch.search-show .searchB .search-box svg path{fill-opacity:.85}
.popSearch.search-show .searchB input{color:rgba(0,0,0,0.95)}
.popSearch.search-show .search-list{opacity:1;transition:opacity .2s cubic-bezier(0.48,0.04,0.52,0.96)}
.popSearch .searchB{display:flex;padding:30px 16px;align-items:center;justify-content:space-between;transform:translateX(30px)}
.popSearch .searchB::before{content:'';display:none}
.popSearch .searchB .search-box{display:flex;flex:1;background:rgba(0,0,0,0.06);border-radius:10px;padding:0 12px;align-items:center;box-sizing:border-box}
.popSearch .searchB .search-close{color:rgba(0,0,0,0.75);font-size:16px;line-height:24px;margin-left:16px;padding-right:4px;cursor:pointer;white-space:nowrap; display:inline-block;}
.popSearch .searchB svg:first-child{margin-right:5px;transform:translateX(30px)}
.popSearch .searchB input{flex:1;font-size:16px;line-height:50px;outline:0;border:0;padding:0;color:rgba(0,0,0,0.3);background:transparent;transform:translateX(30px)}
.popSearch .searchB input::placeholder{color:#313131}
.popSearch .searchB input:focus{color:#000000 !important}
.popSearch .searchB input:focus::placeholder{color:rgba(0, 0, 0, 0.6)}
.popSearch .topbtn{display: inline-block;width:50px !important;height:50px;background: url("../images/icon-search2.png") no-repeat center center;background-size: 18px;border: 0;outline: 0;cursor: pointer; }
/*icon-search*/
.icon-search{width:50px;height:50px;float:left;position:relative;cursor:pointer;background:url("../images/icon-search.png") no-repeat center center;background-size:17px;z-index:5;margin-left:10px;background-color:rgba(255,255,255,0.2);border-radius:10px;}
.header.headerWhite .icon-search{background-color:rgba(128,128,128,0.3);backdrop-filter:blur(5px);}
@media (max-width:1023px){
.popSearch .searchB{padding:10px 16px;}
}
@media (max-width:767px){
.icon-search{width:40px;height:40px;}  
.popSearch .searchB input{line-height:40px;}
}


/*icon-switch*/
.icon-switchBtn{display:none;margin-left:10px;background-color:rgba(255,255,255,0.2);border-radius:10px;cursor:pointer;}
.header.headerWhite .icon-switchBtn{background-color:rgba(128,128,128,0.3);backdrop-filter:blur(5px);}
.icon-switch{position:relative;width:24px;height:24px;cursor:pointer;margin-left:13px;display:inline-block;}
.icon-switch i{position:absolute;left:0;height:2px;width:100%;background:#fff;transition:all 0.4s}
.icon-switch i:nth-child(1){top:0}
.icon-switch i:nth-child(3){bottom:0}
.icon-switch i:nth-child(2){top:50%;margin-top:-1px}
body.t-open  .icon-switch i:nth-child(2){opacity:0}
body.t-open  .icon-switch i:nth-child(1){top:50%;margin-top:-1px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
body.t-open  .icon-switch i:nth-child(3){bottom:50%;margin-bottom:-1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
@media (max-width:1023px){
.icon-switchBtn{display:flex;align-items:center;width:50px;height:50px;}  
}
@media (max-width:767px){
.icon-switchBtn{width:40px;height:40px;}  
.icon-switch{margin-left:10px;}
.icon-switch{width:20px;height:20px;}
}

/*f-side*/
.f-side{position:fixed;right:1.25rem;bottom:40%;z-index:100;display:none}
.f-side .f-icon{display:flex;align-items:center;justify-content:center;width:3.125rem;height:3.125rem;border-radius:50%;position:relative;transition:0.4s ease-in-out;background:url('../images/icon-top.png') no-repeat center center #00a85f;background-size:.875rem;}
.f-side .f-icon:hover{background-color:#00a85f;}


/***********************footer***********************/
.footer {padding:1.25rem; overflow: hidden;background:#e7ecf6;}
.footer .footerB{ overflow: hidden;background:url('../images/bottombg.jpg') no-repeat center top #08328f;background-size:100%;border-radius:2.5rem;}

/*footer-top*/
.footer .footer-top{ padding-top:5rem; padding-left:2.5rem;padding-right:2.5rem;}
.footer .footer-topB{display:flex;justify-content: space-between;padding-bottom:4.125rem;}
/*footer-logo*/
.footer .footer-logoB{position:relative;}
.footer .footer-logo{margin-bottom:8.4375rem; width: 31%; margin-top: .875rem; float: left;}
.footer .footer-logo img{height:4.75rem;display:inline-block;}
/*footer-nav*/
.footer .footer-nav{float: left; width:69%;}
.footer .footer-nav .footer-navB{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;flex-flow:wrap;justify-content:flex-start;}
.footer .footer-nav .ul{height:auto;float:left;font-size:0;width:17.5rem;margin-right:1.875rem;}
.footer .footer-nav .ul.ul3{margin-right:0;}
.footer .footer-nav .ul.ul4{margin-right:0;}
.footer .footer-nav .ulB{margin:0;padding:0;list-style:none;padding-bottom:1.25rem; }
.footer .footer-nav .t1{color:#fff;line-height:2.2;font-weight:500;margin-bottom:9px;font-size:18px;}
.footer .footer-nav .t1 a{display:inline-block;color:#fff;}
.footer .footer-nav .t1 a:hover{color:#fff;}
.footer .footer-nav .t2{display:block;line-height:0;font-weight:normal;color:#becae3;padding:0;margin:0;font-size:16px;}
.footer .footer-nav .t2 a{display:inline-block;color:#becae3;line-height:28px;}
.footer .footer-nav .t2 a:hover{color:#fff;}

.footer .footer-nav .tt{color:#fff;line-height:28px;font-weight:500;margin-bottom:9px;font-size:18px;}
.footer .footer-nav .tt a{display:inline-block;color:#fff;padding-left:25px;background:url('../images/icon-add.png') no-repeat left center;background-size:14px;}
.footer .footer-nav .tt a:hover{color:#fff;}
.footer .footer-nav .des{display:block;line-height:0;font-weight:700;color:#becae3;padding:0;margin:0;font-size:14px; margin-bottom: 5px;}
.footer .footer-nav .des p{line-height:20px;margin-bottom:.8125rem;}
.footer .footer-nav .des a{display:inline-block;color:#becae3;line-height:28px;}
.footer .footer-nav .des a:hover{color:#fff;}

/*footer-lx*/
.footer .footer-lx{padding-bottom:38px;}
.footer .footer-lx .qrcode-item{margin:0;float:left;width:90px;margin-right:8px;}
/*footer-copyright*/
.footer .footer-copyrightB{ position: relative;display:flex;align-items:center;justify-content: space-between;padding-top:1.6875rem;padding-bottom: 1.5rem;border-top:1px solid rgba(255,255,255,0.1); padding-left:2.5rem;padding-right:2.5rem;}
.footer .footer-copyright{font-size:14px;color:#e7ecf6;line-height:1.3;float:right;}
.footer .footer-copyright a{color:#4b6aae; display:inline-block;}
.footer .footer-copyright a:hover{color:#fff;}
/*footer-sublist*/
.footer .footer-sublist{font-size: 0;list-style: none;}
.footer .footer-sublist span{display:inline-block; position: relative;}
.footer .footer-sublist a{display:inline-block;color:#6a6a6a;line-height:1;padding:0; position:relative; margin-left: 1.25rem;font-size:.875rem;}
.footer .footer-sublist a:after{content:"";position:absolute;left:-0.625rem;top:50%;width:1px;height:.75rem;margin-top:-0.4375rem;background:#6a6a6a;}
.footer .footer-sublist a:nth-child(1):after{ display: none;}
.footer .footer-sublist a:hover{color:#00a85f;}
@media screen and (max-width:1320px) {
.footer .footer-nav .t1{font-size:16px;}
.footer .footer-nav .tt{line-height:1.2;font-size:16px;}
.footer .footer-nav .t2{font-size:14px;}
.footer .footer-nav .des{font-size:14px;}
}
@media screen and (max-width:1199px) {
.footer .footer-logo{width:25%;}
.footer .footer-nav{ width:75%;}
.footer .footer-logo img{height:3rem;}
.footer .footer-nav .ul.ul3{margin-right:1.875rem;}
}
@media screen and (max-width:1023px) {
.footer .footer-logo{width:30%;}
.footer .footer-nav{ width:70%;}
.footer .footer-nav .ul{width:50%;margin-right:0;}
.footer .footer-nav .ul.ul3{margin-right:0;}
.footer .footer-nav .ul.ul4{margin-right:0;}
.footer .footer-logo img{height:2.5rem;}
.footer .footer-topB{padding-bottom:3rem;}

.footer {padding:0;;}
.footer .footerB{border-radius:0;}
.footer .footer-top{padding-top:5rem;padding-left: 3.125%;padding-right: 3.125%;}
.footer .footer-copyrightB{padding-left: 3.125%;padding-right: 3.125%;}

}
@media screen and (max-width:767px) {
.footer .footer-logo{width:100%;margin-bottom:3rem;margin-top:0; float: none;}
.footer .footer-nav{ width:100%;}
.footer .footer-topB{flex-wrap: wrap;padding-bottom:2rem;}
.footer .footer-nav{float:none; width:100%; text-align:left;position: static;}
.footer .footer-nav .footer-navB{ display:block;margin:0;}
.footer .footer-nav .ul{width:100%;margin:0;float: none;}
.footer .footer-nav .listB{display:none; width:100%;}
.footer .footer-nav .ul4 .listB{display:block;}
.footer .footer-nav .ul .ulB{ display:block;width:100%;padding-bottom:.9375rem;}
.footer .footer-nav .t1{margin-bottom:0;background: none;font-size:1rem;}
.footer .footer-nav .t1 a{box-sizing: border-box;padding:.625rem 0;margin:0 auto; position:relative;text-align: left;border-top:1px solid rgba(255,255,255,0.1);  }
.footer .footer-nav .t1 a:after{display:block;content: '';position: absolute;top:1.25rem;right:0;height:1.25rem;width:1.25rem;background:url('../images/arrow-right.png') center center no-repeat;background-size:.45rem;-webkit-transition: all 0.5s;transition: all 0.5s;opacity: 0.9;}
.footer .footer-nav .t1.act a:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity: 0.75;}
.footer .footer-nav .t1 a,.footer .footer-nav .t2 a{ display:block;}
.footer .footer-nav .t2{font-size:1rem;}
.footer .footer-nav .t2 a{padding:0;}
.footer .footer-nav .t2 a:after{display:none;}
.footer .footer-lx .footer-lxB{display:block;margin:0;}
.footer .footer-lx .ul2{width:100%;margin:0;float: none;}
.footer .footer-lx .t1{font-size:1rem;}
.footer .footer-lx .t2{font-size:1rem; margin-bottom: 1.25rem;}
.footer .footer-nav .ulB2{ padding-top:1.5rem;padding-bottom:1.5rem;}
.footer .footer-sublist a{font-size:.875rem;margin-bottom:.3125rem;}
.footer .footer-sublist a:after{left:-0.625rem;width:.0625rem;height:.75rem;margin-top:-0.4375rem;}

.footer .footer-copyrightB{flex-wrap: wrap;}
.footer .footer-socialB{ margin-bottom:1rem;}
}


/*footer-social*/
.footer-social{margin:0;list-style:none;line-height: 0;font-size: 0;}
.footer-socialB{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100%; font-size: 14px; color:#ffffff;}
.footer-social{padding:0;list-style: none;margin:0;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-left:14px;}
.footer-social li{position:relative;margin-right:8px;list-style: none; line-height: 0;font-size: 0;}
.footer-social li:first-child{margin-left:0;}
.footer-social li .dpa{display:block;width:38px;height:38px;line-height:38px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;background-color:rgba(255,255,255,.1);border-radius:50%;}
.footer-social li .dpa .icon{display:block;width:100%;height: 100%;background-position:center center;background-repeat:no-repeat;background-size:100%; font-size:0;border-radius:50%;}
.footer-social li .dpa .icon.icon-fb{background-image:url('../images/icon-fb.png');}
.footer-social li .dpa .icon.icon-in{background-image:url('../images/icon-in.png');}
.footer-social li .dpa .icon.icon-email{background-image:url('../images/icon-email.png');}
.footer-social li .dpa .icon.icon-tel{background-image:url('../images/icon-tel.png');}
.footer-social li .dpa:hover{background-color:rgba(255,255,255,.2);}
@media screen and (max-width:1050px) {
.footer-social{position: static;text-align:center;justify-content:center;}
}




/*popBox*/
@media (min-width:768.1px){
.footer-social li .popup{display:none;position:absolute;bottom:2.25rem;right: 50%;margin-right:-4.0625rem;width:8.4375rem;height:9.375rem;}
.footer-social li .er-code{padding:0.25rem;border-radius:0.25rem;background:#fff;-ms-box-shadow:0px 0rem 1rem 0px 0 rgba(0,0,0,.1);-o-box-shadow:0px 0rem 1rem 0px rgba(0,0,0,.1);box-shadow:0px 0rem 1rem 0px rgba(0,0,0,.1);position:relative;z-index:1;}
.footer-social li .er-code img{width:8.125rem;height:8.125rem}
.footer-social li .triangle{position:absolute;background:#fff;-ms-box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);-o-box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);z-index:2;width:0.6875rem;height:0.6875rem;bottom:1.05rem;right: 50%;transform: translateX(50%) translateY(50%) rotate(45deg);}
.footer-social li:hover .popup{display:block;}
}
@media screen and (max-width:768px) {
/*popupCode弹窗二维码*/
.footer-social li .triangle{display:none;}
.footer-social li .popup{display:none;position:fixed;z-index:1000;left:0;right:0;top:0;bottom:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center}
.footer-social li .popup.active{display:flex}
.footer-social li .popup .er-code{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);max-width:300px;position:relative}
.footer-social li .popup .er-code img{max-width:100%;height:auto;display:block;border-radius:4px; width:200px;}
.footer-social .close-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:#666;cursor:pointer;transition:background-color 0.3s;background-image:url('../images/icon-close2.png');background-position: center center; background-repeat: no-repeat;background-size:0.75rem;}
.footer-social .close-btn:hover{background-color:#f0f0f0}
.footer-social .popup.active .er-code{animation:fadeIn 0.3s ease-out forwards}
}


/*fixedSidebar*/
.fixedSidebar{position:fixed;right:3.125%;bottom:140px;z-index:100;}
.fixedSidebar .icon{display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;transition:0.4s ease-in-out;background-position: center center; background-repeat: no-repeat;background-color:#fff;background-size:22px;width:46px;height:46px;box-shadow:0 4px 10px rgba(0,0,0,0.1); margin-bottom: 10px;}
.fixedSidebar .icon:hover{background-color:#dfeaf6;}
.fixedSidebar .icon.icon-mail{background-image:url('../images/icon-mail.png');}
.fixedSidebar .icon.icon-top{background-image:url('../images/icon-top.png');}


/*****************************************index*****************************************/
/*indexBanner*/
.indexBanner{position:relative;overflow:hidden; display:block;}
.indexBanner:before{content:''; position: absolute;width:100%;height:100%;background:url('../images/banner-shadow2.png') no-repeat center top;background-size:100%;top:0;left:0;right:0;bottom:0; margin:0;pointer-events:none; z-index:2;}
.indexBanner:after{content:''; position: absolute;width:100%;height:102%;background:url('../images/banner-shadow.png') no-repeat center bottom;background-size:100%;top:0;left:0;right:0;bottom:0; margin:0;pointer-events:none; z-index:4;}


/* .indexBanner .index-banner-swiper{position:relative;z-index:1;} */
.indexBanner .swiper-slide{overflow:hidden; width:100%; position:relative;background:#000; float:left;}
.indexBanner,
.indexBanner .bannerimg,
.indexBanner .item{display:block;height:100vh;height:100dvh;background-color:#08328f;}
/*bannerimg*/
.indexBanner .item{display:block; position: relative; z-index: 4;}
.indexBanner .bg{display:block;position: absolute!important; top:0;bottom:0; left:0; width: 100%; height: 100%;z-index:3;pointer-events:none;background-color: #08328f;opacity: 0.2;}
.indexBanner .bannerimg{margin:0;display:block;position:relative;width:100%;z-index:0;}
.indexBanner .bannerimg>div{position:static!important;}
.indexBanner .bannerimg img{display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;}
.indexBanner .bannerimg img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease;transition:transform 6s ease;}
.indexBanner .swiper-slide.swiper-slide-active .bannerimg img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.indexBanner .bannerVideoB{overflow:hidden;position:absolute;height:100%;z-index:1;top:0; width:100%; left:0;}
.indexBanner .bannerVideoB>div{position:static!important;}
.indexBanner .bannerVideoB video{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;z-index:1;}
.indexBanner .imgwz img{display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;}
.indexBanner .bannerimg.bannerimgsj{display:none;}
@media screen and (max-width:1199px){
}
@media screen and (max-width:767px){
.indexBanner .bannerimg.bannerimgPC{display:none;}
.indexBanner .bannerimg.bannerimgsj{display:block;}
.indexBanner:before,.indexBanner:after{background-size:150%;}
}



/*bannerWz*/
.indexBanner .bannerWz{z-index:5;color: #fff;position:absolute;left:0;right:0;top:0;display: flex;align-items: center;width:100%;height:100%;text-align: center;align-content: center;justify-content: center;font-size:.875rem;font-weight:normal;line-height:1.5;}
.indexBanner .bannerWz h2{margin:0;font-weight:700;font-size:4.375rem;line-height:1.2;}
html[lang="en-US"] .indexBanner .bannerWz h2{line-height:1.1;}
.indexBanner .bannerWz .bannerWzB{transform: scale(1.2);transition: all 2.5s;}
.indexBanner .swiper-slide.swiper-slide-active .bannerWzB{transform: scale(1);}
@media screen and (max-width:1199px){
.indexBanner .bannerWz h2{font-size:44px;}
}
@media screen and (max-width:767px){
.indexBanner .bannerWz h2{font-size:5.7vw;line-height:1.2;}
html[lang="en-US"] .indexBanner .bannerWz h2{line-height:1;}
}




/*indexbanner-pagination*/
.indexbanner-paginationB{position:absolute;bottom:2.5rem;left:3%;right:3%;z-index:4; text-align:left;margin:0 auto;}
.indexbanner-paginationB .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; width:100%;text-align:left;}
.indexbanner-paginationB .swiper-pagination span{width:20px;height:20px;border-radius:50%;margin:0 .4375rem!important;outline:none;border:none;opacity:1;float:none;background:transparent;cursor: pointer;position: relative;overflow:hidden;}
.indexbanner-paginationB .swiper-pagination span::before{ content: ''; position: absolute;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);top:0;left:0;right:0; margin:7px;}
.indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active::before{background:#fff;}
.indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active{background:transparent;opacity:1}
.indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active .timer,  
.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet .timer{display:none;position:relative;background:transparent;opacity:1}
.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet .process{display:none;position:absolute;top:0;left:0;width:0;opacity:0;height:100%;background:#00a85f;transition-property: width;transition-timing-function: linear;border-radius:10px;}
.indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet.play .process{opacity:1;width:100%;}
.indexbanner-paginationB .swiper-pagination span::after{display: none;}
@media screen and (max-width:1199px) {
.indexbanner-paginationB{bottom:2rem;}
}
@media screen and (max-width:1023px) {
.indexbanner-paginationB{bottom:1rem;}
}



/*scroll-down*/
.scroll-down{position:absolute;z-index:99;display:inline-block;left:50%; width:7.5rem;margin-left:-3.75rem;top:84.26vh;text-align:center;-webkit-transition:0.45s;-moz-transition:0.45s;-o-transition:0.45s;transition:0.45s;}
.scroll-down i{display:inline-block;margin:auto;position:relative;width:.875rem;height:.875rem;border-radius:50%;border:1px solid #fff;margin-bottom:.625rem;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s;}
.scroll-down i:after{content:''; left:0;right:0;margin:0 auto;position:absolute;top:50%;width:1px;height:1px;margin-top:-1px;background-color:#fff;animation:upDown 1s ease-out infinite;pointer-events:none; display: none;}
@keyframes upDown{to{transform:translate3d(0,100%,0)}}
.scroll-down span{display:block;margin-bottom:0;color:#fff;line-height:1;font-size:.875rem;font-weight:600; text-transform: uppercase;}
.scroll-down{-webkit-animation: 2s linear 0s normal none infinite move2;animation: 2s linear 0s normal none infinite move2;}
@keyframes move2{0%{opacity:1;transform:translateY(-10px)}50%{transform:translateY(0px);opacity:0.2}100%{opacity:1;transform:translateY(-10px)}}
@media screen and (max-width:1199px) {
.scroll-down{top:auto;bottom:5rem;}
}
@media screen and (max-width:1023px) {
.scroll-down{top:auto;bottom:2rem;}
}


/*indexbanner bswbtn*/
.bswbtn{ font-size:0;line-height: 0;}
.bswbtn .mbtn{display:inline-block;width:4rem;height:100%;border-radius:0;position:absolute;top:50%;transform:translateY(-50%);padding:0;margin:0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;background-position:center center;background-repeat:no-repeat;background-size:.875rem;}
/* .bswbtn .mbtn.swiper-button-prev{background-image:url(../images/arrow-left3.png);left: 0;opacity:0.5;}
.bswbtn .mbtn.swiper-button-next{background-image:url(../images/arrow-right3.png);right: 0;opacity:0.5;}
.bswbtn .mbtn.swiper-button-prev:hover{background-image:url(../images/arrow-left.png);opacity:1;}
.bswbtn .mbtn.swiper-button-next:hover{background-image:url(../images/arrow-right.png);opacity:1;} */
.bswbtn .mbtn.swiper-button-disabled{opacity:0;}
@media screen and (max-width:1199px){
.bswbtn .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:1023px){
.bswbtn .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:768px){
.bswbtn .mbtn{width:2.5rem;height:2.5rem;background-size:.5rem;}
}





/*indexTit*/
.indexTit{color:#0d1c28;}
.indexTit a{color:#0d1c28; display: inline-block;}
.indexTit .desc{font-size:1rem;font-weight:normal;line-height:1.5;max-width:690px; width: 90%;}
.indexTit.center{text-align: center;}
.indexTit.center .desc{margin: 0 auto;}
.indexTit .tit2{font-size:1rem;font-weight:500;margin-bottom:1.5625rem;}
.indexTit .tit{margin-bottom:2rem;}
.indexTit .tit h2{font-weight:700;font-size:4.375rem;line-height:1.2; margin:0;}
html[lang="en-US"] .indexTit .tit h2{line-height:4.625rem;}
.indexTit.clip .tit h2{font-size:3.5rem;color: transparent;background: linear-gradient(90deg, #007dff 0%, #083390 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color: transparent;/* line-height:3.875rem;*/line-height:1.2;}
/* .indexTit.clip .tit h2{background:linear-gradient(160.45deg,#007df5 0%,#0c3b98 32.85%,transparent 68.05%,transparent 100%);background-size:122.6667% 529%;background-clip:text;-webkit-background-clip:text;background-position:0% 100%;color:transparent;-webkit-text-fill-color:transparent;line-h56ght:3.875rem;} */
html[lang="en-US"] .indexTit.clip .tit h2{line-height:1.2;/* line-height:3.875rem; */} 
.indexTit.white{color:#fff;}
.indexTit.white a{color:#fff}
.indexTit.white .desc{color:#fff;}
.indexTit.white .tit h2{color:#fff;}
@media screen and (max-width:1199px){
.indexTit .tit h2{font-size:44px;}
html[lang="en-US"] .indexTit .tit h2{line-height:1;}
.indexTit.clip .tit h2{font-size:44px;}
}
@media screen and (max-width:1023px){
}
@media screen and (max-width:767px){
.indexTit .tit h2{font-size:5.7vw;line-height:1.5;}
html[lang="en-US"] .indexTit .tit h2{line-height:1.1;}
.indexTit.clip .tit h2{font-size:5.7vw;}
}

/*moreB*/
.moreB.center{text-align:center;}
.moreB .more{display:inline-block;width:9.375rem;line-height:3.375rem;border-radius:3.375rem;font-size:1rem;background:rgba(255,255,255,.2);color:#fff;font-weight:500;text-align:center;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.moreB.center .more{margin: 0 auto;}
.moreB .more:hover{background-color:#fff;color:#08328f;}
@media screen and (max-width:1199px){
.moreB .more{ font-size:.875rem;}
}
@media screen and (max-width:1023px){
.moreB .more{line-height:2.875rem;}
}

/*indexAbout*/
.indexAbout{ position: relative;background-color:#08328f;background-image:url(../images/index-cloud3.png);background-position:center top; background-repeat:no-repeat;background-size:100%;}
.indexAbout .indexAboutB{width:100%;position:relative;background-image:url(../images/index-cloudline.png);background-position:center top; background-repeat:no-repeat;background-size:100%; z-index:3;}
.indexAbout .indexabbg{width:100%;min-height:60vh;}
.indexAbout .indexabTit{width:100%;min-height:60vh;position:sticky;position:-webkit-sticky;top:9.375rem;z-index:1}
.indexAbout .indexTit{ margin-bottom:1.75rem; padding-top:6.25rem;}
.indexAbout .moreB{ margin-top:4rem;}
.indexAbout .indexab {margin:0;margin-top:0;width:100%;position:relative;z-index:4;}
.indexAbout .indexab img{width:100%;height:auto;overflow:hidden;}
.indexAbout .indexab_zz{width:100%;height:1.5rem;background:linear-gradient(to bottom,rgba(255,255,255,0),#ffffff);position:sticky;position:-webkit-sticky;top:calc(100vh - 1.5rem);margin-top:-60vh;z-index:6; display: none;}
.indexAbout .sea-cloud{width:100%;height:100%; overflow: hidden;position: absolute;top:0;left:0;right:0; z-index:1;}
/* .indexAbout .sea-cloud:after{content:"";width:100%;height:100%;position: absolute;top:0;left:0;right:0;background-position:center center; background-repeat:repeat-x;background-size:100%;background-image:url(../images/index-cloud3.png);pointer-events: none;animation: cloudMove 30s linear infinite 0.6s;} 
 @keyframes cloudMove{0%{transform:translate(0);-webkit-transform:translate(0)}100%{transform:translate(-25%);-webkit-transform:translate(-25%)}}
@media screen and (min-width:1280px){
.indexAbout{background-size:100%;}
} */
.indexAbout .sea-cloud:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-position:left top;background-repeat:repeat-x;background-size:100%;background-image:url(../images/index-cloud3.png);pointer-events:none;animation:cloudMove 30s linear infinite;}
.indexAbout .sea-cloud:after{content:"";width:100%;height:100%;position:absolute;top:0;left:100%;background-position:left top;background-repeat:repeat-x;background-size:100%;background-image:url(../images/index-cloud4.png);pointer-events:none;animation:cloudMove 30s linear infinite;}
@keyframes cloudMove{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);}}
/*txrev*/
.txrev h2 .char{opacity:0;transform:translateY(0.3em);display:inline-block}
.Abtn:not(.Abtn-close){opacity:0;transform:translateY(0.3em)}
@media screen and (max-width:1199px){
.indexAbout .indexabbg{min-height:25vw;}
.indexAbout .indexabTit{min-height:25vw;}
.indexAbout .indexTit{padding-top:6.25rem;}
.indexAbout .indexabTit{top:12.5rem;}
.indexAbout{ background-size:150%;}
.indexAbout .sea-cloud:before{width:150vw;background-size:100%;animation:cloudMove2 30s linear infinite;}
.indexAbout .sea-cloud:after{width:150vw;left:150vw;background-size:100%;animation:cloudMove2 30s linear infinite;}
}
@keyframes cloudMove2{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{-webkit-transform:translateX(-150vw);transform:translateX(-150vw);}}
@media screen and (max-width:1023px){
.indexAbout .indexabTit{top:9.375rem;}
}
@media screen and (max-width:767px){
.indexAbout .indexabTit{top:9.375rem;}
.indexAbout .indexabbg{min-height:30vw;}
.indexAbout .indexabTit{min-height:30vw;}
}


/*indexService*/
.indexService{padding:11.25rem 10rem; background-color: #e7ecf6;width:100%;}
.indexService .indexTit .tit{max-width: 94%;}
.indexService .indexTit .tit2{margin-bottom:1rem;}
.indexService .indexTit a{ display: block;}
.indexService .indexServiceNr{ z-index:1;align-items: start;width:100%;display:grid;margin: 0 auto;grid-template-columns: 44.6875rem 50.9375rem;gap:4.375rem;}
.indexService .s_r{display:flex;flex-direction:column;justify-content:space-between;position:sticky;height:calc(100vh - 22.5rem);top:11.25rem;width:100%;min-height:40rem;}
.indexService .s_r:before{content:"";position:absolute;width:1px;height:100%;background-color:#bac7e1;top:0;right:0}
.indexService .s_r:after{content:"";position:absolute;width:1px;height:var(--progress,0%);background-color:#08328f;top:0;right:0;transition:height .8s cubic-bezier(.77,0,.175,1)}
/*indexService .s_r_boxcon*/
.indexService .s_r_boxcon .item .num{font-size:1rem;color:#0d1c28;line-height:1; font-weight: normal; opacity: 0.5; margin-bottom: 1rem;}
.indexService .s_r_boxcon .item .des{font-size:1.25rem;color:#0d1c28;max-width:17.1875rem;line-height:1.5rem; font-weight: normal;}
.indexService .s_r_boxcon{width:42.1875rem;position: sticky;top:calc(100vh - 42.5rem);display: block;min-height: 11.25rem;}
.indexService .s_r_boxcon .item{display:block;position:absolute;bottom:0;left:0;right:0; transition: opacity .8s cubic-bezier(.77, 0, .175, 1), transform .8s cubic-bezier(.77, 0, .175, 1);opacity:0; transform: translateY(12.5rem) translateZ(0);}
.indexService .s_r_boxcon .item.is-prev {transform: translateY(-12.5rem) translateZ(0);}
.indexService .s_r_boxcon .item.on{opacity:1;transform: translateZ(0);}
/*indexService .s_r_titcon*/
.indexService .s_r_titcon{margin-bottom: 11.25rem}
.indexService .s_r_titcon .s_r_tit{opacity: 0;display: none;transition: opacity .8s cubic-bezier(.77, 0, .175, 1), transform .8s cubic-bezier(.77, 0, .175, 1);transform: translateY(-2rem) translateZ(0);}
.indexService .s_r_titcon .s_r_tit.on{opacity:1;display:block;transform: translateZ(0);}
/*indexService .s_l*/
.indexService .s_l{z-index:1;align-items:flex-start;width:100%;height:100%;padding:0;display:flex;flex-direction:column;gap:4.6875rem;overflow:visible}
.indexService .s_l .img{ margin:0;height:100%;width:100%;}
.indexService .s_l .imgB{height:0;padding-bottom:64.41717791411043%;margin:0;width:100%; border-radius:1.25rem; overflow: hidden;display: block; position:relative;}
.indexService .s_l .imgB img{position:absolute;margin:0;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;border-radius:1.25rem;}
.indexService .s_l .imgB img{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.indexService .s_l .imgB:hover img{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
@media screen and (max-width:1199px) {
.indexService .indexServiceNr{ grid-template-columns:37.23958333333333vw 42.44791666666667vw;gap:3.645833333333333vw;}
}
@media screen and (max-width:1023px) {
.indexService{ display:none;}
}



/*indexService2*/
.indexService2{ display:none;}
@media screen and (max-width:1023px) {
.indexService2{display:block;padding-top:6rem;padding-bottom:6rem; background-color: #e7ecf6; overflow: hidden;}
.indexService2 .indexTit .tit h2{ line-height: 3.875rem;min-height:7.75rem;}
html[lang="en-US"] .indexService2 .indexTit.clip .tit h2{line-height: 3.875rem;min-height:7.75rem;}
.indexService2 .item{width:100%; margin-bottom: 3rem;}
.indexService2 .num{font-size:1rem;color:#0d1c28;line-height:1; font-weight: normal; opacity: 0.5; margin-bottom: 1rem;}
.indexService2 .des{font-size:1.25rem;color:#0d1c28;max-width:275px;line-height:1.5rem; font-weight: normal;margin-bottom:2rem}
.indexService2 .imgB{height:0;padding-bottom:64.41717791411043%;margin:0;width:100%; border-radius:.625rem; overflow: hidden;display: block; position:relative;margin-bottom: 3.125rem}
.indexService2 .imgB img{position:absolute;margin:0;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;border-radius:.625rem;}
.indexService2 .paginationB3{ position: relative;bottom:0;left: 0;right:0; z-index: 3; text-align: center;}
.indexService2 .paginationB3 .swiper-pagination{ background:rgba(128,128,128,0.3);}
}
@media screen and (max-width:767px){
.indexService2{padding-top:5rem;padding-bottom:5rem;}
.indexService2 .indexTit .tit h2{ line-height:8.072916666666667vw;min-height:16.14583333333333vw;}
html[lang="en-US"] .indexService2 .indexTit.clip .tit h2{line-height:8.072916666666667vw;min-height:16.14583333333333vw;}
}


/* indexNetwork */
.indexNetwork{ position: relative; width: 100%;overflow: hidden; padding-top: 12.875rem; padding-bottom:12.875rem;height:100vh; min-height:60rem;background-color: #091430;}
.indexNetwork .indexTit { display: inline-block;}
.indexNetwork .indexTit .tit2{color: #fff;}
.indexNetwork .indexTit.clip .tit h2{color:transparent;background: linear-gradient(90deg, #017eff, #c7e3ff 50%, #2a92ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color: transparent;}
.indexNetwork .item{width:100%;height:100%;}
.indexNetwork .itema{width:100%;height:100%;}
.indexNetwork .imgB{width:100%;height:100%;margin:0;overflow: hidden;display: block; position:relative;}
.indexNetwork .imgB img{position:absolute;margin:0;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;border-radius:.625rem;}
.indexNetwork .indexNetworkSW{ position: absolute;top: 0;bottom: 0;left: 0;right:0;z-index:1;width: 100%; height:100%;}
.indexNetwork .indexNetworkdata{position: relative; z-index: 2;  max-width: 86rem; margin: 0 auto; width:93.75%; text-align: center;}
@media screen and (max-width:1199px) {
.indexNetwork{height:auto;padding-top:10rem; padding-bottom:10rem;}
}
@media screen and (max-width:1023px){
.indexNetwork{height:auto;padding-top:9rem; padding-bottom:9rem;min-height:100vh;}
}
@media screen and (max-width:767px){
.indexNetwork{height:auto;padding-top:7rem; padding-bottom:7rem;}
}


/*dataList*/
.dataList{padding:0;margin:0;list-style:none;font-size:0;position: relative;z-index:3;display:flex;flex-direction: row;box-sizing:border-box;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;width: 100%;padding-top:8.375rem;padding-bottom:3.125rem;}
.dataList li{font-size:1.125rem;line-height:1.5;color:#fff;text-align:center;font-weight:500; width: 20%;}
.dataList li .number{font-size:3.75rem;line-height:1.2;font-weight:700; margin-bottom:.5rem;}
.dataList li .counter{font-weight:700;}
@media screen and (max-width:1199px) {
.dataList{padding-top:7rem;padding-bottom:3rem;}
.dataList li .number{font-size:3rem;}
.dataList li{font-size:1rem;width: 20%;}
}
@media screen and (max-width:1023px) {
.dataList{padding-top:5rem;padding-bottom:2rem;}
.dataList li .number{font-size:2.8rem;}
.dataList li{font-size:1rem;width:50%; margin-bottom: 3rem;}
}
@media screen and (max-width:767px) {
.dataList{padding-top:3rem;padding-bottom:1rem;}
.dataList li .number{font-size:2.5rem;}
.dataList li{font-size:1rem;width:50%; margin-bottom: 3rem;}
}



/*paginationB3*/
.paginationB3{ position: absolute;bottom:3.875rem;left: 0;right:0; z-index: 3; text-align: center;}
.paginationB3 .swiper-pagination{ padding:1.5625rem 1.5625rem; display:inline-block;background:rgba(255,255,255,.2); position: static; width: auto;border-radius: 3.375rem;}
.paginationB3 .swiper-pagination .swiper-pagination-bullet{ width:7px; height: 7px;border-radius:7px; background-color: #fff; opacity: 1;}
.paginationB3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 3.3125rem;}
.paginationB3 .swiper-pagination .swiper-pagination-bullet{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
@media screen and (max-width:1199px) {
.paginationB3{bottom:3.5rem;}
}
@media screen and (max-width:1023px) {
.paginationB3{bottom:3rem;}
.paginationB3 .swiper-pagination{ padding:1.25rem;}
}
@media screen and (max-width:767px) {
.paginationB3{bottom:2rem;}
.paginationB3 .swiper-pagination{ padding:0.625rem 1rem;}
}


/*indexNewsList*/
.indexNews{overflow:hidden;background:#e7ecf6;padding-top:8.5625rem; padding-bottom:5.875rem;}
.indexNewsList{padding:0;list-style:none;margin:0 auto; overflow:hidden;margin-top:3.4375rem; position: relative;max-width: 100rem;}
.indexNewsList .indexNewsListul{padding:0;list-style:none;font-size:0;overflow:hidden; margin: 0 -2.0313rem;}
.indexNewsList .item{ display:inline-block;*display:inline;zoom:1;width:33.33333333%;margin-bottom:3.125rem;vertical-align:top;}
.indexNewsList .itema{display:block;margin:0 2.0313rem; position:relative;overflow:hidden;border-radius:1.25rem;}
.indexNewsList .ImgBox{overflow:hidden;padding-bottom:100%; position:relative;background:#00193c;border-radius:1.25rem; margin-bottom: 30px;}
.indexNewsList .ImgBox>div{position:static!important;}
.indexNewsList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.indexNewsList .title{position: relative; padding-right:8.75rem;}
.indexNewsList .title .t{font-size:1.25rem;color:#0d1c28;line-height:1.75rem;height:3.5rem;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.indexNewsList .title .moreB{font-weight:500;position:absolute;right:0;top:.0625rem;width:3.375rem;height:3.375rem;}
.indexNewsList .title .more{display:inline-block;width:3.375rem;height:3.375rem;border-radius:50%;background:url("../images/icon-more.png") center center no-repeat;background-size:1rem; background-color: #fff;}
.indexNewsList .item a:hover .title .more{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg); background-color: #08328f; background-image:url("../images/icon-more2.png") ;}
/*hover*/
.indexNewsList .item,
.indexNewsList .title:after,
.indexNewsList .title .t,
.indexNewsList .title .more,
.indexNewsList .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.indexNewsList .itema:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media screen and (max-width:1199px){
.indexNews{padding-top:8rem; padding-bottom:5rem;}
.indexNewsList .item{ width:50%;}
.indexNewsList{margin-top:2rem;}
.indexNewsList .title .t{font-size:1.125rem;}
.indexNewsList .title{padding-right:7rem;}
}
@media screen and (max-width:1023px){
.indexNews{padding-top:6rem; padding-bottom:5rem;}
.indexNewsList{margin-top:1.5rem;}
.indexNewsList .title{padding-right:7rem;}
}
@media screen and (max-width:767px){
.indexNewsList .item{ width:100%;}
.indexNewsList{margin-top:1rem;}
.indexNews{padding-top:6rem; padding-bottom:5rem;}
.indexNewsList .title{padding-right:7rem;}
}




/*.swbtnp .swiper-pagination*/
.swbtnp{ position:relative; display:none;margin:0;margin-top:0;}
.swbtnp .swiper-pagination{ position: absolute;bottom: 0;top: auto;left: 0;right: 0;height:1px;background:#bac7e1;border-radius:5px; overflow:hidden;}
.swbtnp .swiper-pagination .swiper-pagination-progressbar-fill{background:#08328f;}
@media screen and (max-width:767px){
.swbtnp{display:block;}
}


/*moreB*/
.moreB2.center{text-align:center;margin-top: 2.375rem;}
.moreB2 .more{display:inline-block;min-width:10rem;line-height:3.375rem;border-radius:3.375rem;padding:0 2.25rem;font-size:1rem;background-color: #08328f; color: #fff;font-family:'Elms Sans',"Microsoft YaHei", Helvetica Neue,Helvetica,Arial,sans-serif; font-weight:500;text-align:center;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.moreB2.center .more{margin: 0 auto;}
.moreB2 .more:hover{background-color:#3b99fd;}
@media screen and (max-width:1199px){
.moreB2 .more{ font-size:14px;}
}


/*indexClient*/
.indexClient{width:100%;background:url("../images/index-clientbg.jpg") center center no-repeat #bac7e1;background-size:cover;padding-top:11.25rem; padding-bottom:7.1875rem; background-attachment: fixed;}
.indexClient .clientList{width:100%;margin-top:5.375rem;overflow:hidden}
.indexClient .clientList .clientListB{position:relative;width:100%;height:13.75rem;margin-bottom:1.875rem;}
.indexClient .clientList .clientListB ul{left:0}
.indexClient .clientList .clientListB.u2{width:calc(100% + 15.625rem);margin:0 -7.8125rem 1.875rem -7.8125rem;}
.indexClient .clientList .clientListB.u2 ul{left:auto;right:0;}
.indexClient .clientList ul{position:absolute;top:0;display:flex;padding:0;list-style:none;margin:0;height:13.75rem;}
.indexClient .clientList ul li{width:13.75rem;height:13.75rem;background:#fff;border-radius:1rem;transition:all 0.4s;margin:0 .9375rem;flex-shrink:0;position:relative; overflow: hidden;}
.indexClient .clientList ul li a{ display: block;}
.indexClient .clientList ul li .img{margin:0;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}
.indexClient .clientList ul li .img img{width:100%;height:100%;object-fit:contain}
.indexClient .clientList ul li .tbox{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:1rem;background:rgba(8,50,143,0.95);display:flex;justify-content:center;align-items:center;z-index:2;opacity:0;transition:all 0.4s}
.indexClient .clientList ul li .tbox .t1{max-width:90%; font-size:1.125rem;color:#fff;line-height:1.33333333;font-weight:bold;text-align:center;margin: 0 auto;}
.indexClient .clientList ul li:hover .tbox{opacity:1}
@media screen and (max-width:1199px){
.indexClient{padding-top:9rem; padding-bottom:5rem;background-attachment:initial;}
.indexClient .clientList{margin-top:4rem;}
.indexClient .clientList .clientListB{height:12.5rem;margin-bottom:1.875rem;}
.indexClient .clientList .clientListB.u2{width:calc(100% + 14.375rem);margin:0 -7.1875rem 1.875rem -7.1875rem;}
.indexClient .clientList ul{height:12.5rem;}
.indexClient .clientList ul li{width:12.5rem;height:12.5rem;margin:0 .9375rem;}
.indexClient .clientList ul li .tbox .t1{font-size:1rem;}
}
@media screen and (max-width:1023px){
.indexClient{padding-top:7rem; padding-bottom:rem;}
.indexClient .clientList{margin-top:3rem;}
.indexClient .clientList .clientListB{height:11.25rem;margin-bottom:1.875rem;}
.indexClient .clientList .clientListB.u2{width:calc(100% + 13.125rem);margin:0 -6.5625rem 1.875rem -6.5625rem;}
.indexClient .clientList ul{height:11.25rem;}
.indexClient .clientList ul li{width:11.25rem;height:11.25rem;margin:0 .9375rem;}
}
@media screen and (max-width:767px){
.indexClient{padding-top:5rem; padding-bottom:5rem;}
.indexClient .clientList{margin-top:2rem;}
.indexClient .clientList .clientListB{height:10rem;margin-bottom:1.25rem;}
.indexClient .clientList .clientListB.u2{width:calc(100% + 11.25rem);margin:0 -7.1875rem 1.25rem -7.1875rem;}
.indexClient .clientList ul{height:10rem;}
.indexClient .clientList ul li{width:10rem;height:10rem;margin:0 .625rem;}
}




/*indexCase*/
.indexCase{padding-top:12.625rem;padding-bottom:9.1875rem;position:relative;z-index:5;overflow: hidden;background:#e7ecf6;}
.indexCaseListul{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.indexCaseSW{width:100%;max-width:82.5rem;transition:.9s opacity cubic-bezier(.55,0,.1,1),.9s transform cubic-bezier(.55,0,.1,1); margin-top:5.75rem;position:relative;}
.indexCaseSW .swiper-wrapper{display:grid;grid-template-columns:1fr;justify-items:center;align-items:start;height:45.625rem; position: relative;}
.indexCaseSW .item{grid-area:1/1;position:relative;width:100%;height:45.625rem;-webkit-filter:blur(0);filter:blur(0);will-change:filter,transform;opacity:0;pointer-events:none}
.indexCaseSW .item:after{content:"";position:absolute;inset:0;border-radius:40px;background: linear-gradient(0deg, rgba(0,0,0,0.3), rgba(0,0,0,0));pointer-events:none}
.indexCaseSW .itema{width:100%;height:100%;border-radius:2.5rem;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;position:relative;padding:50px}
.indexCaseSW .item .ImgBox{margin:0;position:absolute;inset:0;background:#d7d6d3; height: 100%;border-radius: 2.5rem;}
.indexCaseSW .item .ImgBox img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:.6s opacity cubic-bezier(.55,0,.1,1),.6s filter cubic-bezier(.55,0,.1,1)}
.indexCaseSW .item .title{width:100%;z-index:10;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;transition:.6s opacity .45s cubic-bezier(.55,0,.1,1),.6s transform .45s cubic-bezier(.55,0,.1,1);opacity:0;color:#fff;-webkit-filter:blur(50px);filter:blur(50px);transform:translateY(0.625rem);}
.indexCaseSW .item .title .t{font-weight: 700; font-size:2.5rem;margin-bottom:.5rem;}
.indexCaseSW .item .title .des{color:#fff9;font-weight:500;font-size:1rem; line-height: 1.4;max-width:23.5rem;}
.indexCaseSW .item .title .moreB{margin-top:1.75rem;transform:translateZ(0)}
.indexCaseSW .item{transition: .9s opacity cubic-bezier(.55,0,.1,1),.9s transform cubic-bezier(.55,0,.1,1)}
/*swiper-slide-active*/
.indexCaseSW .item.swiper-slide-active{pointer-events:all}
.indexCaseSW .item.swiper-slide-active .title{opacity:1;-webkit-filter:blur(0);filter:blur(0);transform:translateY(0);}
@media screen and (max-width:1199px){
.indexCase{padding-top:10rem;padding-bottom:7rem;}
.indexCaseSW .swiper-wrapper{height:59vw;}
.indexCaseSW .item{grid-area:1230/730;position:relative;width:100%;height:59vw;-webkit-filter:blur(0);filter:blur(0);will-change:filter,transform;opacity:0;pointer-events:none}
.indexCaseSW .item .title .t{font-size:2rem;}
.indexCaseSW{margin-top:5rem;}
}
@media screen and (max-width:1023px){
.indexCase{padding-top:8rem;padding-bottom:5rem;}
.indexCaseSW .item .title .t{font-size:1.5rem;}
.indexCaseSW{margin-top:4rem;}
}
@media screen and (max-width:767px){
.indexCase{padding-top:6rem;padding-bottom:5rem;}
.indexCaseSW .item .title .t{font-size:1.25rem;}
.indexCaseSW{margin-top:3rem;}

}



/*indexCase swbtn*/
.swbtn{ font-size:0;line-height: 0; text-align: center;}
.swbtn .mbtn{padding:0;margin:0;display:inline-block;width:3.25rem;height:3.25rem;border-radius:50%;position: absolute;top:50%;margin-top:-1.625rem;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;background-position:center center;background-repeat:no-repeat;background-size:8px; background-color:rgba(13, 28, 40,0.2); }
.swbtn .mbtn:hover{ background-color:#08328f;}
.swbtn .mbtn.swiper-button-prev{background-image:url(../images/arrow-left.png);left:2.9375rem;opacity:1;}
.swbtn .mbtn.swiper-button-next{background-image:url(../images/arrow-right.png);right:2.9375rem;opacity:1;}
.swbtn .mbtn.swiper-button-prev:hover{opacity:1;}
.swbtn .mbtn.swiper-button-next:hover{opacity:1;}
.swbtn .mbtn.swiper-button-disabled{opacity:0;}
@media screen and (max-width:1199px){
.swbtn .mbtn{width:3rem;height:3rem;}
.swbtn .mbtn.swiper-button-prev{left:3%;}
.swbtn .mbtn.swiper-button-next{right:3%;}
}
@media screen and (max-width:1023px){
.swbtn .mbtn{width:3rem;height:3rem;}
}
@media screen and (max-width:767px){
.swbtn .mbtn{width:2.5rem;height:2.5rem;background-size:.5rem;}
}
.indexCaseSW .item.swiper-slide-active{z-index:6;transform:scale(1) translateY(0%)!important;opacity:1!important;filter:blur(0);-webkit-filter:blur(0)}
.indexCaseSW .item.swiper-slide-prev{z-index:5;transform:scale(0.85) translateY(-14%)!important;opacity:1!important;filter:blur(0);-webkit-filter:blur(0)}
.indexCaseSW .item.swiper-slide-next{z-index:4;transform:scale(0.68) translateY(-35%)!important;filter:blur(0);-webkit-filter:blur(0);opacity:1!important}
.indexCaseSW .item{z-index:3;transform:scale(0.68) translateY(-14%)!important;filter:blur(10px);-webkit-filter:blur(10px);opacity:0!important}

/*indexCasenav*/
.indexCasenav{text-align:center;padding-top:48px;}
.indexCasenavB{list-style:none;margin:0 auto;width:100%;max-width:82.5rem;}
.indexCasenav a{transition:all 0.4s;padding:.875rem 1.875rem;margin:.4688rem;border-radius:3.375rem;font-size: 1.125rem;line-height:1.625rem;display: inline-block;background: #f3f6fb;color:#565f67; position: relative; font-weight: 500;}
.indexCasenav a:hover{background:#fff;color:#262729; }
 @media screen and (max-width:1023px){
.indexCasenav a{padding:.625rem 1.25rem;background: #fff;font-size:1rem;}
 }
@media screen and (max-width:767px){
.indexCasenavB{padding:0;border-radius:0;background: transparent; text-align:center;   }
.indexCasenav a{padding:.625rem 1.25rem;background: #fff;font-size:1rem;}
}


/************************page************************/
/*pagebanner*/
.pagebanner{display:block; overflow:hidden; width: 100%; position: relative;}
.pagebanner .bannershadow{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;z-index:1;background:url("../images/banner-shadow4.png") no-repeat center bottom;background-size:100%;}
.pagebanner .bannershadow2{position: absolute;width:100%;height:100%;background:url('../images/banner-shadow2.png') no-repeat center top;background-size:100%;top:0;left:0;right:0;bottom:0; margin:0;pointer-events:none; z-index:2;}
.pagebanner .bannerpic{margin:0;display:block; overflow:hidden;height:0;background-position:center top;background-repeat:no-repeat;padding-bottom:50%; position:relative;background-size:cover;}
.pagebanner .bannerpic:after{content:'';display:block;position: absolute!important; top:0;bottom:0; left:0; width: 100%; height: 100%;z-index:3;pointer-events:none;background-color: #000000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity: 0.4;}
.pagebanner .bannerpic img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;right:0;}
.pagebanner .bannerpic{animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.pagebanner .pagebanner-tt{position:absolute;right:0;left:0;margin:0 auto;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); text-align:center;z-index:2;color:#ffffff;font-size:4.375rem;line-height:1.1;font-weight:600;}
.pagebanner.pagebanner3 .bannerpic:after{ display:none;}
.pagebanner.pagebanner3 .bannershadow2{opacity: 0.5;}
.pagebanner.pagebanner3 .pagebanner-tt{top:auto;-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);bottom:6.25rem;}
@media screen and (max-width:1199px){
.pagebanner .pagebanner-tt{font-size:3rem;}
}
@media screen and (max-width:767px){
.pagebanner .bannerpic{padding-bottom:75%;}
.pagebanner .pagebanner-tt{font-size:5.8vw;}
}

/*pageTit*/
.pageTit{color:#3c4248;font-size:0;}
.pageTit .desc{font-size:1.125rem;font-weight:normal;line-height:1.5;max-width:55.625rem; width: 90%;}
.pageTit.center{text-align: center;}
.pageTit.center .desc{margin: 0 auto;}
.pageTit .tit2{font-size:.875rem;font-weight:500;margin-bottom:.5625rem; color:#262729;}
.pageTit .tit{margin-bottom:2rem;display:inline-block;}
.pageTit .tit h2{font-weight:700;font-size:4.375rem;line-height:1.2; margin:0;}
.pageTit.clip .tit h2{font-size:3.5rem;color: transparent;background: linear-gradient(90deg, #007dff 0%, #083390 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color: transparent;/* line-height:3.875rem;*/line-height:1.2;}
.pageTit.white{color:#fff;}
.pageTit.white a{color:#fff}
.pageTit.white .desc{color:#fff;}
.pageTit.white .tit h2{color:#fff;}
@media screen and (max-width:1199px){
.pageTit .tit h2{font-size:44px;}
.pageTit.clip .tit h2{font-size:44px;}
.pageTit .desc{font-size:16px;max-width:890px;}
.pageTit .tit2{font-size:14px;}
}
@media screen and (max-width:1023px){
.pageTit .desc{font-size:16px;max-width:890px;}
.pageTit .tit2{font-size:14px;}
}
@media screen and (max-width:767px){
.pageTit .tit h2{font-size:5.7vw;}
.pageTit.clip .tit h2{font-size:5.7vw;}
}


/************************clients************************/
/*clients*/
.clients{padding-top:10.9375rem;padding-bottom:3.9375rem;}
.clientsListBox{padding-top: 8.75rem;}
.clientsList{margin:0;padding:0;list-style:none;position:relative;font-size:0;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:0;box-sizing:border-box;background-color: #fff;}
.clientsList .item{flex:0 0 calc(20%);box-sizing:border-box;}
.clientsList .item .itema{display:block; position:relative; padding:2.625rem;}
.clientsList .item .imgBox{margin:0;overflow:hidden;position:relative;height:0;padding-bottom:100%;}
.clientsList .item .imgBox img{position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;}
.clientsList .item .itema,
.clientsList .item .imgBox img,
.clientsList .item .tbox,
.clientsList .item,
.clientsList .item .imgBox{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.clientsList .item:hover .imgBox img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1);transform:scale(1.1);}
.clientsList .item .tbox{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(8,50,143,0.5);display:flex;justify-content:center;align-items:center;z-index:2;opacity:0;transition:all 0.4s}
.clientsList .item .tbox .t1{max-width:90%; font-size:1.25rem;color:#fff;line-height:1.33333333;font-weight:600;text-align:center;margin: 0 auto;}
.clientsList .item:hover .tbox{opacity:1}
.clientsList .item{border-bottom: 1px solid #e7ecf6;}
.clientsList .item .itema:before{content:"";display:block;background-color:#e7ecf6;position:absolute;top:0;left:0; width:1px; height:100%; z-index:2; }
.clientsList .item .itema:after{content:"";display:block;background-color:#e7ecf6;position:absolute;top:0;right:-1px; width:1px; height:100%;z-index:1; }
@media screen and (max-width:1199px) {
.clients{padding-top:9rem;padding-bottom:3rem;}
.clientsListBox{padding-top:7rem;}
}
@media screen and (max-width:1023px) {
.clients{padding-top:7rem;padding-bottom:3rem;}
.clientsList .item{flex:0 0 calc(25%);}
.clientsListBox{padding-top:6rem;}
}
@media screen and (max-width:767px){
.clients{padding-top:6rem;padding-bottom:3rem;}
.clientsListBox{padding-top:5rem;}
.clientsList .item{flex:0 0 calc(50%);}
}


/*MoreBtn2*/
.MoreBtn2{text-align:center; cursor:pointer;display:block;margin: 0 auto; font-size: 0;}
.MoreBtn2 a.hidden{ display:none;}
.MoreBtn2 a{position:relative;display:inline-block;min-width:10rem;padding:0 2rem;font-size:1rem;line-height:3.125rem;height:3.125rem;border-radius:3.5rem;overflow:hidden;color:#fff;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s; font-weight: normal;text-align:left;margin-top:5.1875rem;font-family:Arial, Helvetica, sans-serif;background:#2250a2;}
.MoreBtn2 a span{ display:inline-block; padding-right:1.625rem;position: relative;}
.MoreBtn2 a span::after{content:''; width:1rem;height:1rem;position: absolute;right:0;top:50%;margin-top: -0.5rem;background:url("../images/icon-v.png") no-repeat right center;background-size:.625rem;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.MoreBtn2 a.active span::after{transform: rotate(180deg);}
.MoreBtn2 a.active,
.MoreBtn2 a:hover{background:#08328f;}
@media screen and (max-width:1199px) {
.MoreBtn2 a{margin-top:4rem;}
}
@media screen and (max-width:1023px) {
.MoreBtn2 a{margin-top:3rem;}
}
@media screen and (max-width:767px){
.MoreBtn2 a{margin-top:2rem;}
}


/*newsList*/
.news{padding-top:10.9375rem;padding-bottom:4rem;}
.newsListBox{overflow:hidden;padding-top:4.75rem;}
.newsList{padding:0;list-style:none;margin:0 -0.625rem;position: relative;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:0;box-sizing:border-box;padding-bottom:3.3125rem;}
.newsList .item{width:25%;margin-bottom:5rem;}
.newsList .itema{display:block;margin:0 .625rem; position:relative;overflow:hidden;}
.newsList .ImgBox{overflow:hidden;padding-bottom:100%; position:relative;background:#00193c;border-radius:1.25rem; margin-bottom:1.25rem;}
.newsList .ImgBox>div{position:static!important;}
.newsList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.newsList .title{position: relative;}
.newsList .title .t{font-size:1.25rem;color:#0d1c28;line-height:1.75rem;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.newsList .title .date{font-size:1rem;color:#2250a2;line-height:1.2; margin-top: 1.25rem;}
.newsList .item,
.newsList .title:after,
.newsList .title .t,
.newsList .title .more,
.newsList .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.newsList .itema:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media screen and (max-width:1199px){
.news{padding-top:9rem;padding-bottom:3rem;}
.newsListBox{padding-top:4rem;}
.newsList .item{ width:50%;margin-bottom:4rem;}
.newsList{margin-top:2rem;}
.newsList .title .t{font-size:1.125rem;}
.newsList .title{padding-right:7rem;}
}
@media screen and (max-width:1023px){
.news{padding-top:7rem;padding-bottom:3rem;}
.newsListBox{padding-top:3rem;}
.newsList{margin-top:1.5rem;}
.newsList .title{padding-right:7rem;}
.newsList .item{ width:50%;margin-bottom:3rem;}
}
@media screen and (max-width:767px){
.newsList .item{ width:100%;}
.newsList{margin-top:1rem;}
.news{padding-top:6rem;padding-bottom:3rem;}
.newsListBox{padding-top:2rem;}
.newsList .title{padding-right:7rem;}
}


/************************page-tab************************/
.page-tab{margin:0 auto;padding:0;text-align: center; padding-top:1.875rem;}
.page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display: inline-block;*display:inline;zoom:1;position: relative;height:3.125rem;line-height:3.125rem;border-radius:.625rem; vertical-align:top;}
.page-tab ul li a{font-size:1rem;padding:0 .3125rem;margin:0 .3125rem;min-width:3.125rem;height:3.125rem;line-height:3.125rem;display:inline-block;text-align:center;color:#6a6a6a;border-radius:.625rem; font-weight:normal;border:1px solid transparent;}
.page-tab ul li.prev-page a{background:url(../images/icon-left.png) center center no-repeat ; background-size:.4375rem;padding:0; background-color: #fff;}
.page-tab ul li.next-page a{background:url(../images/icon-right.png) center center no-repeat ; background-size:.4375rem;padding:0; background-color: #fff;}
.page-tab ul li a.focus{color:#0d1c28;}
.page-tab ul li a:hover{color:#0d1c28;}
@media screen and (max-width:1199px){
.page-tab{padding-top:1.5rem;}
}
@media screen and (max-width:1023px){
.page-tab{padding-top:1.5rem;}
.page-tab ul li a{font-size:.875rem;margin:0 .3125rem;}
}
@media screen and (max-width:768px){
.page-tab{padding-top:1.5rem;}

}





/***************************page-newsInfo***************************/
/*pagebanner*/
.pagebanner2{display:block; overflow:hidden; width: 100%; position: relative;}
.pagebanner2 .bannerpic{display:block; overflow:hidden;height:0;background-position:center top;background-repeat:no-repeat;padding-bottom:29.16666666666667%; position:relative;background-size:cover;}
.pagebanner2 .bannerpic img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;right:0;}
.pagebanner2 .bannerpic{animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.pagebanner2 .pagebanner-tt{position:absolute;right:0;left:0;margin:0 auto;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); text-align:center;z-index:2;color:#ffffff;font-size:4.375rem;line-height:1.1;font-weight:600;}
@media screen and (max-width:1199px){
.pagebanner2 .pagebanner-tt{font-size:3.666666666666667vw;}
}
@media screen and (max-width:767px){
.pagebanner2 .bannerpic{padding-bottom:40%;}
}

/*page-newsInfoBox*/
.page-newsInfoBox{padding-top:10.625rem;padding-bottom:4.625rem;}
.page-newsInfoCon{max-width:67.5rem; width:100%;margin:0 auto;}
.page-newsInfo .newsTop{padding-bottom:7.0625rem;}
.page-newsInfo .newsTit{font-weight:700;color:#262729; line-height:1;text-align:center;margin-bottom:3.125rem;font-size:3.75rem;}
.page-newsInfo .newsShuju{font-weight:500;color:#2250a2;line-height:1;text-align:center;font-size:1rem;}
.page-newsInfo .newsText{color:#565f67;line-height:1.5;font-style:normal;font-weight:normal;font-size:1.125rem;}
.page-newsInfo .newsText img{max-width:100%;height: auto;}
.page-newsInfo .newsTextNr{padding-bottom:5.3125rem;}
@media screen and (max-width:1920px) {
.page-newsInfoCon{max-width:1080px;}
.page-newsInfo .newsShuju{font-size:16px;}
.page-newsInfo .newsText{font-size:18px;}
}
@media screen and (max-width:1199px){
.page-newsInfoBox{padding-top:9rem;padding-bottom:4rem;}
.page-newsInfoCon{max-width:1080px;}
.page-newsInfo .newsTop{padding-bottom:6rem;}
.page-newsInfo .newsTit{font-size:3rem;}
.page-newsInfo .newsTextNr{padding-bottom:5rem;}
.page-newsInfo .newsShuju{font-size:14px;}
.page-newsInfo .newsText{font-size:16px;}
}
@media screen and (max-width:1023px){
.page-newsInfoBox{padding-top:7rem;padding-bottom:4rem;}
.page-newsInfo .newsTop{padding-bottom:5rem;}
.page-newsInfo .newsTit{font-size:2.75rem;}
.page-newsInfo .newsTextNr{padding-bottom:4rem;}
.page-newsInfo .newsShuju{font-size:14px;}
.page-newsInfo .newsText{font-size:16px;}
}
@media screen and (max-width:767px){
.page-newsInfoBox{padding-top:5rem;padding-bottom:4rem;}
.page-newsInfo .newsTop{padding-bottom:3rem;}
.page-newsInfo .newsTit{font-size:2.5rem;}
.page-newsInfo .newsTextNr{padding-bottom:3rem;}
}

/*newsBtn*/
.page-newsInfo .newsBtnBox{border-top:1px solid #d3d7dd;padding-top:1.875rem;}
.page-newsInfo .newsBtn{font-size:0;position:relative;text-align:left;margin:0 auto;min-height:3.375rem;font-weight:500;}
.page-newsInfo .newsBtn .newsBtnprev,
.page-newsInfo .newsBtn .newsBtnnext{display:block;width:70%;}
.page-newsInfo .newsBtn .n_a{display:block;text-align:left;}
.page-newsInfo .newsBtn .n_a span{font-size:0;line-height:0;display:flex;align-items:center;width:100%;flex-shrink:0;}
.page-newsInfo .newsBtn .n_a em{display:inline-block;font-size:1.125rem;color:#565f67;max-width: 100%;line-height:1.875rem;height:1.875rem;font-weight:normal;white-space:nowrap;text-overflow: ellipsis; overflow: hidden; font-style: normal;}
.page-newsInfo .newsBtn .n_a em:hover{color:#000;}
.page-newsInfo .newsBtn .n_a strong{display:inline-block;font-size:1.125rem;font-weight:500;color:#000; margin-right:1rem;line-height:1.875rem;height:1.875rem;}


@media screen and (max-width:1920px) {
.page-newsInfo .newsBtn .n_a em{font-size:18px;line-height:30px;height:30px;}
.page-newsInfo .newsBtn .n_a strong{font-size:18px;margin-right:16px;line-height:30px;height:30px;}
}
@media screen and (max-width:1199px) {
.page-newsInfo .newsBtn .n_a em{font-size:16px;line-height:30px;height:30px;}
.page-newsInfo .newsBtn .n_a strong{font-size:16px;margin-right:16px;line-height:30px;height:30px;}
}
@media screen and (max-width:767px) {
.page-newsInfo .newsBtn .newsBtnprev,
.page-newsInfo .newsBtn .newsBtnnext{width:100%;}
.page-newsInfo .newsBtn{min-height:2.875rem;}
.page-newsInfo .newsBtn .n_a em{font-size:1rem;line-height:1.875rem;height:1.875rem;}
.page-newsInfo .newsBtn .n_a strong{font-size:1rem;margin-right:1rem;line-height:1.875rem;height:1.875rem;}
}



/*page-back*/
.pageBack{padding-bottom:5rem;}
.page-back{margin:0 auto;text-align:center;font-size:0;line-height:0;}
.page-newsInfo .page-back{position:absolute;right:0;top:50%; margin-top:-1.6875rem;}
.page-back a{display:inline-block;font-size:1rem; font-weight:normal; overflow:hidden;line-height:3.375rem;height:3.375rem;width:10.625rem;border-radius:3.375rem;color: #fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#2250a2;border:1px solid #2250a2;position:relative;z-index:1;}
.page-back a span{color:#fff;display:block;position:relative;z-index:2;transition:all 0.4s}
.page-back a:hover{background:#08328f;}
.page-back a::before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#e7ecf6;border-radius:25px;transform:scaleX(0);transform-origin:right;-webkit-transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);-o-transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86)}
@media (min-width:992px){
.page-back a:hover span{color:#08328f}
.page-back a:hover::before{transform:scaleX(1);transform-origin:left}
}
@media screen and (max-width:1920px) {
.pageBack{padding-bottom:5rem;}
.page-newsInfo .page-back{margin-top:-27px;}
.page-back a{font-size:16px;line-height:54px;height:54px;width:170px;border-radius:54px;}
}
@media screen and (max-width:1199px) {
.pageBack{padding-bottom:4rem;}
.page-back a{font-size:1rem;}
}
@media screen and (max-width:767px) {
.pageBack{padding-bottom:3rem;}
.page-newsInfo .page-back{position:relative;top:0;margin-top:1.6875rem; margin-left: auto; margin-right: auto;}
.page-back a{margin: 0 auto;font-size:1rem;line-height:2.875rem;height:2.875rem;width:10.625rem;}
}



/***************************service***************************/
/*proNav*/
.proNav{text-align:center;}
.proNav ul{margin:0;padding:0;list-style:none;font-size:0;line-height:0;}
.proNav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:.625rem 0;}
.proNav li a{position:relative;display:block;color:#262729;font-weight:500;font-size:1rem;line-height:1.2;margin:0 1.25rem;opacity:0.3;}
.proNav li a span{display:block;position:relative; z-index:2;}
.proNav li a:hover,
.proNav li a.on{opacity:1;}
.proNav li a{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
@media screen and (max-width:1920px) {
.proNav li a{font-size:16px;}
.proNav li a{margin:0 1.125rem;}
}
@media screen and (max-width:1199px) {
.proNav li a{font-size:1rem;}
.proNav li a{margin:0 1rem;}
}
@media screen and (max-width:1023px) {
/* .proNav ul{display: flex;overflow:visible;overflow-x: scroll;}
.proNav ul::-webkit-scrollbar {display: none} 
.proNav li{flex-shrink:0;align-items:flex-end;margin-right:.625rem;overflow:hidden;position:relative;}
.proNav li a{margin:0;}*/
}
@media screen and (max-width:767px) {
.proNav li a{font-size:1rem;}
.proNav li a{margin:0 1rem;}
}


/*service*/
.service{padding-top:7.5rem;padding-bottom:8.125rem;}
.serviceListBox{padding-top:7.375rem;}
@media screen and (max-width:1199px) {
.service{padding-top:7rem;padding-bottom:7rem;}
.serviceListBox{padding-top:7rem;}
}
@media screen and (max-width:1023px) {
.service{padding-top:6rem;padding-bottom:6rem;}
.serviceListBox{padding-top:6rem;}
}
@media screen and (max-width:767px){
.service{padding-top:5rem;padding-bottom:5rem;}
.serviceListBox{padding-top:5rem;}
}



/*serviceList*/
.serviceListBOX{background-size:cover;background-position:center top;background-repeat:no-repeat;}
.serviceList{margin:0;padding:0;list-style:none;font-size:0;width:100%}
.serviceList .item{ display:block;margin-bottom:1.875rem;}
.serviceList .itema{position:relative;overflow:hidden;border-radius:.625rem;display:flex;align-items:center;flex-grow:1;justify-content:center;font-weight:normal;margin: 0 auto;}
.serviceList .title{flex:0 0 calc(46.11111111111111%);}
.serviceList .title .titleNr{padding:1rem 5.1875rem;text-align:left;}
.serviceList .title .num{font-size:.875rem;color:#262729;line-height:1;margin-bottom:2.75rem;font-weight:500;}
.serviceList .title .des{font-size:1.25rem;color:#3c4248;line-height:1.5;font-weight:normal;max-width:95%;margin-bottom:5rem;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.serviceList .title .t{font-size:3.5rem;color:#2250a2;line-height:1.2;font-weight:700;margin-bottom:1rem;}
.serviceList .ymoreB{position:relative;font-weight:500;width:3.375rem;height:3.375rem;}
.serviceList .ymore{display:block;background:url("../images/icon-more.png") center center no-repeat;background-size:1rem;width:3.375rem;height:3.375rem;position:relative;z-index:1;transition:all 0.4s;}
.serviceList .ymoreB::before{content:'';width:100%;height:100%;border-radius:50%;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;transition:all 0.4s;}
@media (min-width: 1023.1px) {
.serviceList .itema .ymoreB:hover::before{transform:translate(-50%, -50%) scale(1.2);background-color: #2250a2;}
.serviceList .itema .ymoreB:hover .ymore{background-image:url("../images/icon-more2.png");-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);}
}
.serviceList .ImgBoxB{margin:0;flex:0 0 calc(53.88888888888889%);}
.serviceList .ImgBox{display:block;border-radius:.625rem;overflow:hidden;width:100%;height:0;padding-bottom:59.79381443298969%;position: relative;}
.serviceList .imgsd{width:102%;height:102%;position:absolute;left:-1px;top:-1px;right:-1px;z-index:3;background:#e7ecf6;}
.serviceList .ImgBox img{display:block;max-width:100%;max-height:100%;object-fit:cover;width:100%;height:100%;position: absolute;left:0;top:0;} 
/*serviceList hover*/
.serviceList .itema,
.serviceList .ImgBox,
.serviceList .ImgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
/* .serviceList .itema .ImgBox:hover img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);} */
@media screen and (max-width:1199px){
.serviceList .title .titleB{padding:5rem 5rem;}
.serviceList .title .t{font-size:2.75rem;margin-bottom:0.5rem;}
.serviceList .title .titleNr{padding:1rem 4rem;}
.serviceList .title .des{font-size:1.125rem;margin-bottom:3rem;max-width:100%;}
.serviceList .title .num{margin-bottom:2rem;}
}
@media screen and (max-width:1023px){
.serviceList .itema{flex-direction: column; display: block;}
.serviceList .title,
.serviceList .ImgBox{flex:0 0 calc(100%);}
.serviceList .title .titleNr{padding:5rem 0;}
.serviceList .title .des{font-size:1.125rem;margin-bottom:2rem;}
.serviceList .title .num{margin-bottom:1rem;}
}
@media screen and (max-width:767px){
.serviceList .title .titleB{padding:0 0 3rem 0;}
.serviceList .title .t{font-size:5.7vw;line-height:1.1;}
.serviceList .title .titleNr{padding:1rem 2rem;}
.serviceList .title .des{font-size:1.125rem;margin-bottom:1rem;}
.serviceList .title .titleNr{padding:3rem 0;}
}


/*serviceBOX*/
.serviceBOX{padding-top:11.25rem;padding-bottom:4.375rem; position:relative;}
.serviceBOX .serviceBOXCon{display:flex;flex-direction:row;box-sizing:border-box;align-items:flex-start;justify-content:space-between;width:100%}
.serviceBOX .pageTit .tit2{margin:0;line-height:1;}
.serviceBOX .pageTit .tit{margin-bottom:4.9375rem; font-size:3.5rem;color:#2250a2;line-height:1.1; font-weight:700;}
.serviceBOX .pageTit .icon{margin-bottom:2.6875rem;}
.serviceBOX .pageTit .icon img{height:3.125rem;}
.serviceBOX .pageTit .desc{font-size:1.25rem;color:#3c4248;line-height:1.5;font-weight:normal;width:100%;max-width:82.14285714285714%;text-align:justify;}
.serviceBOX .pageTit{ width:46.66666666666667%;}
.serviceBOX .pagepic{ width:53.33333333333333%;position:sticky;position:-webkit-sticky;top:7.5rem;z-index:1}
.serviceBOX .ImgBox{margin:0;display:block;border-radius:1.25rem;overflow:hidden;width:100%;height:0;padding-bottom:66.86046511627907%;position: relative;max-width:89.58333333333333%;}
.serviceBOX .ImgBox img{display:block;max-width:100%;max-height:100%;object-fit:cover;width:100%;height:100%;position: absolute;left:0;top:0;} 
.serviceBOX .ImgBox,.serviceBOX .ImgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.serviceBOX .ImgBox:hover img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}
@media screen and (max-width:1199px){
.serviceBOX{padding-top:10rem;padding-bottom:4rem;}
.serviceBOX .pageTit .desc{font-size:1.125rem;max-width:100%;}
.serviceBOX .pageTit .tit{margin-bottom:4rem;font-size:2.75rem;}
.serviceBOX .ImgBox{max-width:90%;}
}
@media screen and (max-width:1023px){
.serviceBOX{padding-top:8rem;padding-bottom:3rem;}
.serviceBOX .pageTit{ width:100%;}
.serviceBOX .pagepic{ width:100%; margin-bottom: 3.125rem;position:relative;top:0;}
.serviceBOX .ImgBox{max-width:100%;}
.serviceBOX .serviceBOXCon{flex-wrap: wrap;}
.serviceBOX .pageTit .tit{margin-bottom:3rem;}
}
@media screen and (max-width:767px){
.serviceBOX{padding-top:6rem;padding-bottom:3rem;}
.serviceBOX .pageTit .tit{margin-bottom:2rem;font-size:5.7vw;}
}



/*pageTit3*/
.pageTit3{color:#262729;font-weight:700;font-size:2.5rem;line-height:1.5;margin-bottom:4rem; text-align: center;}
@media screen and (max-width:1199px){
.pageTit3{font-size:2.25rem;margin-bottom:3rem;}
}
@media screen and (max-width:1023px){
.pageTit3{font-size:2rem;margin-bottom:3rem;}
}
@media screen and (max-width:767px){
.pageTit3{font-size:1.5rem;margin-bottom:2.5rem;}
}


/*proCase*/
.proCaseSW{padding-top:3.4375rem;padding-bottom:4.375rem;}
.proCase{overflow:hidden;position: relative;}
.proCaseB{margin:0 -0.9375rem;}
.proCaseList{ font-size:0;margin:0 auto;width:100%; padding:0; list-style: none; position: static;}
.proCaseList .item{ display:inline-block;*display:inline;zoom:1;width:100%;height:100%;vertical-align:top; outline:none;}
.proCaseList .itema{display:block;margin:0 .9375rem; position:relative;overflow:hidden;}
.proCaseList .img{margin:0;overflow:hidden;padding-bottom:62.68191268191268%; position:relative;background:#fff;border-radius:1rem;}
.proCaseList .img>div{position:static!important;}
.proCaseList .img::after{content:'';position:absolute;bottom:0;left:0;height:100%; width:100%;background:url('../images/service4-tubg.png') no-repeat center bottom; background-size: 100%;}
.proCaseList .img img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.proCaseList .title{position:absolute;left:0;right:0;bottom:0;font-size:1.125rem;color:#fff;line-height:1.5;padding:2.1875rem;z-index: 3; text-align: center;}
.proCaseList .title .t{font-size:1.5rem;color:#fff;line-height:1.3; font-weight:500;}
/*hover*/
.proCaseList .itema,.proCaseList .title:after,.proCaseList .title .t,.proCaseList .title .more,
.proCaseList .img img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.proCaseList .itema:hover .img{-moz-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);}
.proCaseList .itema:hover .img img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
@media screen and (max-width:1199px){
.proCaseSW{padding-top:3rem;padding-bottom:4rem;}
.proCaseB{margin:0 -1.25rem;}
.proCaseList .itema{margin:0 1.25rem;}
.proCaseList .title{font-size:1rem;}
.proCaseList .title .t{font-size:1.5rem;line-height:1.4;}
}
@media screen and (max-width:1023px){
.proCaseSW{padding-top:3rem;padding-bottom:4rem;}
.proCaseB{margin:0 -1rem;}
.proCaseList .itema{margin:0 1rem;}
.proCaseList .title .t{font-size:1.125rem;}
}
@media screen and (max-width:767px){
.proCaseSW{padding-top:3rem;padding-bottom:4rem;}
.proCaseB{margin:0 -0.5rem;}
.proCaseList .itema{margin:0 0.5rem;}
.proCaseList .title .t{font-size:1.25rem;}
}


/*proCase slick*/
.proCase .item{width:47.65625vw;}
.proCase .item{opacity:1;}
.proCase .item.slick-active{opacity:1;}
/*proCase slick-prev/slick-next*/
.proCase .slick-dots{ display:none!important;}
.proCase{padding-bottom:8rem;}
.proCase .slick-prev,
.proCase .slick-next{display:block;width:3.25rem;height:3.25rem;border-radius:50%; position:absolute;top:auto;bottom:0;padding:0;margin: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:.5rem; background-color:rgba(13, 28, 40,0.2); }
.proCase .slick-prev{background-image:url(../images/arrow-left.png);left:50%;margin-left:-3.75rem;}
.proCase .slick-next{background-image:url(../images/arrow-right.png);right:50%;margin-right:-3.75rem;}
.proCase .slick-prev:hover{background-color:#08328f;}
.proCase .slick-next:hover{background-color:#08328f;}
@media screen and (max-width:1199px){
.proCase .item{width:50vw;}
.proCase{padding-bottom:7rem;}
.proCase .slick-prev,
.proCase .slick-next{width:3rem;height:3rem;background-size:.5rem;}
.proCase .slick-prev{margin-left:-3.5rem;}
.proCase .slick-next{margin-right:-3.5rem;}
}
@media screen and (max-width:1023px){
.proCase .item{width:70vw;}
.proCase{padding-bottom:6rem;}
}
@media screen and (max-width:767px){
.proCase .item{width:80vw;}
.proCase .slick-dotted.slick-slider{margin-bottom:30px;}	
.proCase .slick-dots{display:block!important;}
.proCase{padding-bottom:5rem;}
}


/*****************************contact start*****************************/
/*contactList*/
.contactListBOX{overflow:hidden;padding-top:10.5rem;padding-bottom:5.3125rem;background-size:cover;background-position:center top;background-repeat:no-repeat; position: relative; background-color:#e7ecf6;min-height:79.0625rem;}
.contactpic{position:absolute;bottom:0;left:0;right:0;display:block;width:100%;height:auto;object-fit:cover;z-index:0;}
.contactpic img{ width:100%;height:auto;}
.contactListBOX .container{position:relative;z-index:2;}
.contactList{margin:0 auto;padding:0;list-style:none;font-size:0;display:-ms-flexbox;display:flex;gap:0;box-sizing:border-box;flex-wrap:wrap;width:100%;max-width:90%;}
.contactList .item{ display:block;width:33.333333%;}
.contactList .itema{display:block;position:relative;overflow:hidden;text-align:center;}
.contactList .title{padding:5.75rem .625rem .625rem .625rem;}
.contactList .title .des{font-size:1.125rem;color:#565f67;font-weight:normal;line-height:1.5;}
.contactList .title .des a{color:#565f67;}
.contactList .title .t{font-size:1.5rem;color:#262729;line-height:1;margin-bottom:1.125rem;font-weight:700;}
.contactList .title .icon{display:block;text-align: center;}
.contactList .title .icon img{display:block;height:6.875rem;margin:0 auto;margin-bottom:1.875rem;}
/*contactList hover*/
.contactList .title .icon img,.contactList .title .icon,
.contactList .item{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.contactList .item:hover .icon img{-webkit-transform: rotate(10deg);transform: rotate(10deg);}
@media screen and (max-width:1199px){
.contactListBOX{padding-top:9rem;padding-bottom:37.5vw;min-height:0;}
.contactList .title{padding-top:5rem;}
.contactList .title .des{font-size:1rem;max-width:100%;}
.contactList .title .t{font-size:1.35rem;}
.contactList{max-width:100%;}
}
@media screen and (max-width:1023px){
.contactListBOX{padding-top:7rem;}
.contactList .title{padding-top:4rem;}
.contactList .title .t{font-size:1.25rem;}
.contactList{max-width:100%;}
.contactList .title .icon img{height:5rem;}
} 
@media screen and (max-width:767px){
.contactListBOX{padding-top:5rem;}
.contactList .title{padding-top:3rem;}
.contactList .title .des{font-size:1rem;max-width:100%;}
.contactList .title .t{font-size:1.25rem;}
.contactList .item{width:100%;}
}


/*contactList2*/
.contactList2BOX{overflow:hidden;padding-top:9.375rem;padding-bottom:6.25rem;background-size:cover;background-position:center top;background-repeat:no-repeat; position: relative; background-color:#e7ecf6;}
.contactList2BOX .container{position:relative;z-index:2;}
.contactList2BOXCon{margin:0 auto;padding:0;list-style:none;font-size:0;width:100%;max-width:82.77777777777778%;display:-ms-flexbox;display:flex;box-sizing:border-box;flex-wrap:wrap;gap:0;margin-top:4.375rem;}
.contactList2B{width:60.73825503355705%; padding-left: 7.046979865771812%;}
.contactList2{margin:0;padding:0;list-style:none;font-size:0; }
.contactList2{height:42.9375rem;display:flex;flex-direction:column;justify-content:flex-start;flex-basis:50%;flex-shrink:0;border-bottom:1px solid #d2d8e3;}
.contactList2 .item{ display:block;width:100%;border-top:1px solid #d2d8e3;}
.contactList2 .itema{display:block;position:relative;overflow:hidden;padding:2rem 1.625rem 2rem 1.625rem;}
.contactList2 .desB{ /* height: 0; visibility: hidden; */ display:none;}
.contactList2 .des{font-size:1.125rem;color:#565f67;font-weight:normal;line-height:1.2;margin-top:1.125rem;padding-right:1.625rem;}
.contactList2 .des a{color:#565f67;}
.contactList2 .t{font-size:1.5rem;color:#262729;line-height:1;font-weight:700; padding-right:1.625rem;}
.contactList2 .title{position:relative;opacity: 0.5;}
.contactList2 .title a{display:block;width: 1.25rem; height: 1.625rem;background-position:center center; background-repeat:no-repeat;background-size:100%; background-image:url(../images/contact-icon-add1.png); position:absolute;top:0;right:0;}
.contactList2 .ImgBox{text-align: center; position: relative; padding-bottom: 117.4358974358974%;border-radius:1.25rem;display:none;}
.contactList2 .ImgBox img{position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
/*contactList2 hover*/
.contactList2 .ImgBox img,.contactList2 .ImgBox,
.contactList2 .item{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.contactList2 .item:hover .ImgBox img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.contactList2 .item.active .title{opacity: 1;}
/* .contactList2 .item.active .desB{height:auto;visibility:visible;} */
.contactList2 .item.active .title a{background-image:url(../images/contact-icon-add2.png);}
/*contactImg*/
.contactImg{height:42.9375rem;width:39.26174496644295%;}
.contactImg .contactImgB{position:relative;height:100%;top:50%;transform:translateY(-50%);overflow:hidden;border-radius:1.25rem;}
.contactImg .ImgBox{height:42.9375rem;left:0;position:absolute;top:0;width:100%;opacity:0;transform:translateY(100%);pointer-events:none;transition-delay:0.5s}
.contactImg .ImgBox>div{position:static!important;}
.contactImg .ImgBox img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}
.contactImg .active .ImgBox{opacity:1;z-index:9;transform:translateY(0);transition:transform ease-in-out 0.5s;pointer-events:auto;transition-delay:0s}
@media screen and (max-width:1199px){
.contactList2BOX{padding-top:9rem;padding-bottom:6rem;}
.contactList2BOXCon{max-width:100%;margin-top:3rem;}
.contactList2 .des{font-size:1rem;}
.contactList2 .t{font-size:1.35rem;}
.contactList2B{width:55%; padding-left:3%;}
.contactImg{width:45%;}
}
@media screen and (max-width:1023px){
.contactList2BOX{padding-top:7rem;padding-bottom:5rem;}
.contactList2BOXCon{max-width:100%;margin-top:2rem;}
.contactList2 .des{font-size:1rem;}
.contactList2 .t{font-size:1.25rem;}
.contactList2B{width:50%; padding-left:3%;}
.contactImg{width:50%;}
} 
@media screen and (max-width:767px){
.contactList2BOX{padding-top:5rem;padding-bottom:4rem;}
.contactList2BOXCon{max-width:100%;margin-top:1rem;}
.contactList2 .des{font-size:1rem;}
.contactList2 .t{font-size:1.25rem;}
.contactList2B{width:100%; padding-left:0%;}
.contactImg{ display: none;}
}




/************************************feedbackBOX************************************/
.feedbackBOX{padding-top:6.5625rem;padding-bottom:6.875rem;}
@media screen and (max-width:1200px) {
.feedbackBOX{padding-top:6rem;padding-bottom:6rem;}
}
@media screen and (max-width:1024px) {
.feedbackBOX{padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width:768px) {
.feedbackBOX{padding-top:4rem;padding-bottom:4rem;}
}

/*feedbackBox*/
.contactBOX{padding-bottom:6.25rem;}
.feedbackBOX{background-color:#ffffff;padding-top:6.25rem;padding-left:6.25rem;padding-right:6.25rem;padding-bottom:6.25rem;border-radius:1.25rem;}
.feedbackBOX .feedbackB{ padding-top:1.125rem;}
.feedback{padding:0;margin:0 -0.625rem;}
.feedback .t{font-size:18px;color:#000000;line-height:3.375rem;font-weight:normal;text-align:left;display:block;}
.feedback .l1{float:left;width:33.33333%; position:relative;}
.feedback .l2{float:left;width:50%; position:relative;}
.feedback .l3{float:left;width:100%; position:relative;}
.feedback .l4{float:left;width:100%; position:relative;}
.feedback .l4{float:left;width:100%; position:relative;}
.feedback .l1Box{margin:0 .625rem;}
.feedback .text{display:block;width:100%;padding:.625rem 1.25rem;height:4.375rem;margin-bottom:1.25rem;outline:none;font-size:1.125rem;color:#565f67;font-weight: normal;border:1px solid #f1f1f5;border-radius:.625rem;background:#f1f1f5;text-align:left; }
.feedback .text::placeholder{color:#afb4b9;opacity:1;}
.feedback .text2{padding:1.25rem;height:15.625rem;margin-bottom:0;}
.feedback .inputbtn{display:block;outline:none;color: #fff;border:none;background-color: #2250a2;cursor:pointer;text-align:center;font-family:"Inter",-apple-system,BlinkMacSystemFont,Segoe UI,"PingFang SC", Hiragino Sans GB,"Microsoft YaHei", Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:normal;width:9.6875rem;font-size:1rem;line-height:3.4375rem;border-radius:3.4375rem;transition: 0.4s;margin:0 auto;margin-top:4.375rem;}
.feedback .inputbtn:hover{background-color: #2250a2;}
.feedback .l4 .l1Box{text-align:center;}
.selectCheckbox{padding-top:2.5rem;text-align:center;line-height:1.2;font-size:1.125rem;color:#565f67;display: flex;vertical-align: baseline;align-items: center;justify-content: center;}
.selectCheckbox input{width:1rem;height:1rem;border:1px solid #cacdd3;line-height:1rem;border-radius:0;background-color:#fff;outline:none;text-align:left;overflow:hidden;margin:0;margin-right:.9375rem;position:relative; vertical-align:top;}
.selectCheckbox span{display:inline-block;line-height:1.2;vertical-align:top;}
@media screen and (max-width:1199px){	
.feedback .t{font-size:1.125rem;line-height:3.375rem;}
.feedback .text{padding:.625rem 1.25rem;height:4rem;margin-bottom:1rem;}
.feedback .icon .l1Box:after{background-size:1.5rem;width:4rem;height:4rem;margin-top:3.375rem;}
.feedback .icon .text{padding-left:4rem; }
.feedback .text2{padding:1.25rem;height:18rem;margin-bottom:0;}
.selectCheckbox{font-size:1rem;}
.selectCheckbox input{width:20px;height:20px;line-height:20px;}
}
@media screen and (max-width:1023px){	
.feedback .l1{width:50%;}
.feedback .t{font-size:1rem;line-height:3rem;}
.feedback .text{padding:.625rem 1.25rem;height:3.5rem;margin-bottom:1rem;}
.feedback .icon .l1Box:after{background-size:1.25rem;width:3.5rem;height:3.5rem;margin-top:3rem;}
.feedback .icon .text{padding-left:3.5rem; }
.feedback .text2{padding:1.25rem;height:15rem;margin-bottom:0;}
}
@media screen and (max-width:768px){	
.feedback{margin:0 auto;}
.feedback .l1{float:none;width:100%;}
.feedback .l2{float:none;width:100%;}
.feedback .l3{float:none;width:100%;}
.feedback .text{width: 100%;}
.feedback .l1Box{margin:0 auto;}
.feedback .inputbtn{width:100%;}
.feedbackBOX{padding-top:5rem;padding-left:3rem;padding-right:3rem;padding-bottom:5rem;}
.feedback .l4 .l1Box{text-align:left;}
.selectCheckbox{text-align:left;}
.selectCheckbox input{width:20px;height:20px;line-height:20px;}
}



/************************************case************************************/
/*caseList*/
.case{padding-top:10.9375rem;padding-bottom:75px;}
.case .pageTit{margin-bottom:3.75rem;}
.caseListBox{overflow:hidden;padding-top:4.375rem;}
.caseList{padding:0;list-style:none;margin:0 -0.9375rem;position:relative;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:0;box-sizing:border-box;padding-bottom:2rem;}
.caseList .item{width:50%;margin-bottom:1.875rem;}
.caseList .itema{display:block;margin:0 .9375rem; position:relative;overflow:hidden;}
.caseList .ImgBox{margin:0;overflow:hidden;padding-bottom:60.45197740112994%; position:relative;background:#fff;border-radius:1.25rem;}
.caseList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.caseList .ImgBox:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;background:url("../images/casebg.png") center bottom no-repeat;background-size:100% 100%;}
.caseList .title{position:absolute;left:3%;right:3%;bottom:2.1875rem; text-align: center;}
.caseList .title .t{font-size:1.25rem;color:#fff;line-height:1.2;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.caseList .item,
.caseList .title .t,
.caseList .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.caseList .itema:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media screen and (max-width:1199px){
.case{padding-top:9rem;padding-bottom:4rem;}
.case .pageTit{margin-bottom:3rem;}
.caseListBox{padding-top:4rem;}
.caseList .title .t{font-size:1.125rem;}
}
@media screen and (max-width:1023px){
.case{padding-top:7rem;padding-bottom:3rem;}
.case .pageTit{margin-bottom:2rem;}
.caseListBox{padding-top:3rem;}
}
@media screen and (max-width:767px){
.case{padding-top:6rem;padding-bottom:3rem;}
.case .pageTit{margin-bottom:1rem;}
.caseListBox{padding-top:2rem;}
.caseList .item{ width:100%;}
}

/************************************case2************************************/
/*caseInfo*/
.caseInfo{padding-top:5.1875rem;padding-bottom:6.25rem;}
.caseInfo .caseTit{font-size:3.5rem;color:#262729;line-height:1.3;border-bottom:1px solid #d2d8e3;font-weight:600;padding-bottom:2.625rem;margin-bottom:3rem;}
.caseInfo .caseText{display:flex;flex-wrap:wrap;box-sizing:border-box;}
.caseInfo .caseText .item{width:50%;box-sizing:border-box;}
.caseInfo .caseText .itemB{display:flex;width:100%;height:100%;align-items: flex-start;flex-direction: column;justify-content: space-between;}
/* .caseInfo .caseText .caseTextL .itemB{position:sticky;position:-webkit-sticky;top:8.125rem;} */
.caseInfo .caseDescTit{font-size:1.25rem;color:#262729;line-height:1;font-weight:600;min-height:11.25rem;margin-bottom:2.5rem;}
.caseInfo .caseDescImg{max-width:100%;height:auto;}
.caseInfo .caseDescImg img{height:3.125rem}
.caseInfo .proDescTxt{font-size:1.125rem;color:#565f67;min-height:11.25rem;margin-bottom:2.5rem;}
@media screen and (max-width:1199px) {
.caseInfo{padding-top:5rem;padding-bottom:6rem;}
.caseInfo .caseTit{font-size:2.75rem;}
.caseInfo .caseDescTit{font-size:1.125rem;}
.caseInfo .proDescTxt{font-size:1rem;}
.caseInfo .caseDescImg{margin-bottom:4rem;}
}
@media screen and (max-width:1023px) {
.caseInfo{padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width:767px){
.caseInfo{padding-top:4rem;padding-bottom:4rem;}
.caseInfo .caseTit{font-size:5.7vw;}
.caseInfo .caseText .item{width:100%;}
.caseInfo .proDescTxt{min-height:0;}
.caseInfo .caseDescTit{min-height:0;margin-right:1rem;}
.caseInfo .caseText .caseTextL .itemB{flex:0 0 calc(100%);display: flex;flex-direction: row;box-sizing: border-box;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;}
.caseInfo .caseDescImg img{height:3rem}
}



/*caseDescData*/
.caseDescData{width:100%;}
.caseDescData ul{padding:0;margin:0 auto;list-style:none;font-size:0;position: relative;z-index:3;display:flex;flex-direction:row;box-sizing:border-box;align-items:flex-start;flex-wrap:wrap;justify-content: center;width:100%;}
.caseDescData ul li{flex:0 0 calc(33.33333%);font-size:1.125rem;line-height:1.2;color:#565f67;font-weight:normal;}
.caseDescData ul li p{margin-bottom:0;}
.caseDescData ul li h5{font-size:1.25rem;line-height:1.2;margin-bottom:.8125rem;color:#262729;font-weight:600;}
@media screen and (max-width:1199px) {
.caseDescData ul li{font-size:1rem;}
.caseDescData ul li h5{font-size:1.125rem;}
}
@media screen and (max-width:1023px) {
.caseDescData ul li{flex:0 0 calc(100%); margin-top:1.875rem;}
}
@media screen and (max-width:767px){
.caseDescData ul li{flex:0 0 calc(100%);display: flex;flex-direction: row;box-sizing: border-box;align-items: flex-start;flex-wrap: wrap;justify-content: space-between; margin-top:1rem;}
.caseDescData ul li h5{margin-right:1rem;}
}


/*caseGrid*/
.caseGrid{font-size:1.25rem;color:#636363;line-height:1.5;font-style:normal;font-weight:normal;text-align:justify;padding-bottom:3.125rem;}
.caseGrid img{max-width:100%;height:auto;}
/*caseGridList*/
.caseGridListB{margin:0;}
/* .caseGridList{padding:0;list-style:none;margin:0;width:100%;max-width:100%;}
.caseGridList .grid-item{width:50%;margin-bottom:1.875rem;overflow:hidden;border-radius:1rem;}
.caseGridList .grid-item .ImgBox{display:block;margin:0 .9375rem;border-radius:1rem;}
.caseGridList .grid-item img{width:100%;display:block;border-radius:1rem;}
.caseGridList .grid-item.show{display:block;opacity:1;animation: fadeIn2 0.5s ease forwards;} */
/*caseGridList1*/
.caseGridList1B{margin:0 -0.9375rem;}
.caseGridList1{padding:0;margin:0;list-style:none;width:100%;max-width:100%;}
.caseGridList1 .grid-item{width:100%;margin-bottom:1.875rem;overflow:hidden;border-radius:1.5rem;}
.caseGridList1 .grid-item .ImgBox{display:block;margin:0 .9375rem;border-radius:1.5rem;}
.caseGridList1 .grid-item img{width:100%;display:block;border-radius:1.5rem;}
.caseGridList1 .grid-item.show{display:block;opacity:1;animation: fadeIn2 0.5s ease forwards;}

/* .caseGridListB{margin:0 -0.9375rem;}
.caseGridList{width:100%;margin:0;}
.caseGridList .grid-item {width:auto;margin-bottom:1.875rem}
.caseGridList .grid-item .ImgBox{display:block;height:38.125rem;overflow:hidden;width:100%;margin:0 .9375rem;border-radius:1rem;position: relative;}
.caseGridList .grid-item .ImgBox img{width:auto;height:100%;display:block;object-fit:cover;border-radius:1rem;}
@media (max-width:768px){.caseGridList .grid-item{width:100%}
}
 */
.caseGridListB{margin:0 -15px;}
.caseGridList { overflow: hidden; font-size: 0; line-height: 0;}
.caseGridList .grid-item { float: left;margin:15px 15px; box-sizing: content-box; overflow: hidden; position: relative;border-radius:1.5rem;height:610px; width: 50%;}
.caseGridList .grid-item .ImgBox{display:block;border-radius:1.5rem; width: 100%; height: 100%;object-fit:cover;overflow: hidden;}
.caseGridList .grid-item img { width: 100%; height: 100%;object-fit:cover;border-radius:1.5rem; }




/*proCase2SW*/
.proCase2SW{padding-top:2.5rem;padding-bottom:5rem;}
.proCase2{overflow:hidden;position:relative;}
@media screen and (max-width:1199px){
.proCase2SW{padding-top:2.5rem;padding-bottom:4rem;}
}
@media screen and (max-width:1023px){
.proCase2SW{padding-top:2.5rem;padding-bottom:4rem;}
}
@media screen and (max-width:767px){
.proCase2SW{padding-top:2.5rem;padding-bottom:4rem;}
}


/*proCase2 .slick*/
.proCase2 .item{width:50%;}
.proCase2 .img{padding-bottom:60.45197740112994%;}
.proCase2 .slick-prev,
.proCase2 .slick-next{display:block;border-radius:50%; position:absolute;top:50%;padding:0;margin-top:-1.625rem;width:3.25rem;height:3.25rem;background-size:.5rem;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat; background-color:rgba(13, 28, 40, 0.8); }
.proCase2 .slick-prev{background-image:url(../images/arrow-left.png);left:3vw;}
.proCase2 .slick-next{background-image:url(../images/arrow-right.png);right:3vw;}
.proCase2 .slick-prev:hover{background-color:#08328f;}
.proCase2 .slick-next:hover{background-color:#08328f;}
@media screen and (max-width:1199px){
.proCase2 .slick-prev,
.proCase2 .slick-next{margin-top:-1.625rem;width:3.25rem;height:3.25rem;background-size:.5rem;}
.proCase2 .slick-prev{left:3vw;}
.proCase2 .slick-next{right:3vw;}
}


/************************************honors************************************/
/*honorsList*/
.honors{padding-top:10.9375rem;padding-bottom:4.375rem;}
.honors .pageTit{margin-bottom:3.75rem;}
.honorsListBox{overflow:hidden;padding-top:4.375rem;}
.honorsList{padding:0;list-style:none;margin:0 -.625rem; position: relative;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:0;box-sizing:border-box;}
.honorsList .item{flex:0 0 calc(25% - 1.25rem);margin:0 .625rem;background-color:#fff;margin-bottom:1.875rem;display:-ms-flexbox;display:flex;background:#fff;border-radius:1.25rem;}
.honorsList .itema{width:100%;display:block;position:relative;overflow:hidden;border-radius:1.25rem;}
.honorsList .ImgBox{margin:0;overflow:hidden;padding-bottom:95.63218390804598%; position:relative;}
.honorsList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;margin: auto auto;display:block;max-width:none;width: 71%;height: 71%;object-fit:contain;}
.honorsList .title{text-align: center;border-top:1px solid #eeeeee; padding-right:60px;padding-left:60px;padding-top:35px;padding-bottom:35px;}
.honorsList .title .t{font-size:1.125rem;color:#262729;font-weight:normal;line-height:1.3;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis; }
.honorsList .item,
.honorsList .title .t,
.honorsList .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.honorsList .itema:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.honorsList .item:hover{box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);}
@media screen and (max-width:1199px){
.honors{padding-top:9rem;padding-bottom:4rem;}
.honors .pageTit{margin-bottom:3rem;}
.honorsListBox{padding-top:4rem;}
.honorsList .item{ flex:0 0 calc(33.33333% - 1.25rem);}
}
@media screen and (max-width:1023px){
.honors{padding-top:7rem;padding-bottom:3rem;}
.honors .pageTit{margin-bottom:2rem;}
.honorsListBox{padding-top:3rem;}
.honorsList .item{flex:0 0 calc(50% - 1.25rem);}
}
@media screen and (max-width:767px){
.honors{padding-top:6rem;padding-bottom:3rem;}
.honors .pageTit{margin-bottom:1rem;}
.honorsListBox{padding-top:2rem;}
.honorsList{margin:0; }
.honorsList .item{flex:0 0 calc(100%);margin:0;margin-bottom:1.875rem;}
}


/************************************about************************************/
/*aboutBox1*/
.aboutBox1{padding-top:10.9375rem;padding-bottom:5rem;background:url("../images/page-line.png") center top no-repeat;background-size:100%;}
.aboutBox1 .pageTit{margin-bottom:5.25rem;}
@media screen and (max-width:1199px){
.aboutBox1{padding-top:9rem;padding-bottom:4rem;}
.aboutBox1 .pageTit{margin-bottom:5rem;}
}
@media screen and (max-width:1023px){
.aboutBox1{padding-top:7rem;padding-bottom:3rem;}
.aboutBox1 .pageTit{margin-bottom:4rem;}
}
@media screen and (max-width:767px){
.aboutBox1{padding-top:6rem;padding-bottom:3rem;}
.aboutBox1 .pageTit{margin-bottom:3rem;}
}



/*aboutVideo*/
.aboutVideo{width:100%;height:150vh;position:relative;}
.aboutVideo .img{width:75rem;height:542px;height:calc(100vh - 49.81481481481481vh);margin:0 auto;position:sticky;position:-webkit-sticky;top:0;border-radius:1.5rem; overflow: hidden; background-color:#000;}
.aboutVideo .img img{width:100%;height:100%;position:absolute;top:0;object-fit: cover;transition:all 0.5s; z-index: 1; opacity:1;}
.aboutVideo .img video{width:100%;height:100%;object-fit:cover;position:absolute;top:0; z-index:2; opacity:1;}
.aboutVideo .videoBtn a{position: absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;width:100%;height:100%;margin-top:0;cursor:pointer;z-index:3;outline:none;background-repeat:no-repeat;background-size:2.875rem;background-image:url(../images/icon-video.png);display:inline-block;overflow:hidden;border-radius:50%; background-position: center center;}
@media screen and (max-width:1600px) {
.aboutVideo .img{width:80%}
}
@media screen and (max-width:1199px) {
.aboutVideo{height:60vw;}
.aboutVideo .img{width:90%;top:12.5rem;border-radius:1.25rem;}
.aboutVideo .img{height:56.25vw!important;}
}
@media screen and (max-width:1023px) {
.aboutVideo .img img{opacity:1!important;}
.aboutVideo .img video{opacity:0!important;}
}
  

/*dataList2*/
.dataList2{padding:0;margin:0 auto;list-style:none;font-size:0;position: relative;z-index:3;display:flex;flex-direction:row;box-sizing:border-box;align-items:flex-start;flex-wrap:wrap;justify-content: center;padding-top:4.625rem;padding-bottom:4.375rem;min-width:67.5rem;width:auto;max-width: 94%;}
.dataList2 li{font-size:1rem;line-height:1.5;color:#262729;text-align:center;font-weight:500; width:auto;margin:0 2.8125rem;}
.dataList2 li .number{font-size:2.75rem;line-height:1.2;font-weight:700;margin-bottom:.8125rem;}
.dataList2 li .counter{font-weight:700;color: transparent;background: linear-gradient(90deg, #007dff 0%, #083390 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color: transparent;line-height:1.2;}
@media screen and (max-width:1199px) {
.dataList2{padding-top:7rem;padding-bottom:3rem;min-width:0;}
.dataList2 li .number{font-size:2.5rem;}
.dataList2 li{font-size:1rem;}
}
@media screen and (max-width:1023px) {
.dataList2{padding-top:5rem;padding-bottom:2rem;}
.dataList2 li .number{font-size:2.25rem;}
.dataList2 li{font-size:1rem;width:50%;margin:0; margin-bottom: 3rem;}
}
@media screen and (max-width:767px) {
.dataList2{padding-top:3rem;padding-bottom:1rem;}
.dataList2 li .number{font-size:2rem;}
.dataList2 li{font-size:1rem;width:50%; margin-bottom: 3rem;}
}


/*aboutBox2*/
.aboutBox2{width:97.91666666666667%;height:58.75rem;position:relative;margin:0 auto;margin-bottom:9.8125rem;}
.aboutBox2 .aboutBoxbg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%; background-position: center center;background-attachment:fixed;border-radius:2.5rem; overflow: hidden;transition:all 0.5s}
.aboutBox2 .aboutBoxbg2{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;background:#08328f;z-index:0; opacity: 0.7;}
.aboutBox2 .aboutBox2B{ position: relative; z-index: 2;max-width:76.875rem;width:94%;margin:0 auto; text-align:center;}
.aboutBox2 .aboutBox2wz{position:sticky;position:-webkit-sticky;top:0; padding-top:17.1875rem;padding-bottom:17.1875rem; min-height:58.75rem;}
.aboutBox2 .aboutBox2wz .wz{display:initial;background:#9ba7c7 -webkit-linear-gradient(left,#ffffff,#ffffff) no-repeat 0 0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-size:0 100%; font-size:2.5rem; font-weight:600; line-height: 1.2;}
@media screen and (max-width:1199px) {
.aboutBox2{width:100%!important;height:auto!important;margin-bottom:7rem;}
.aboutBox2 .aboutBoxbg{width:100%!important;height:100%!important; }
.aboutBox2 .aboutBox2wz .wz{font-size:2.35rem;}
.aboutBox2 .aboutBox2wz{padding-top:10rem;padding-bottom:10rem; min-height:0;}
.aboutBox2 .aboutBoxbg{background-attachment:initial;border-radius:1.875rem;}
}
@media screen and (max-width:1023px){
.aboutBox2{margin-bottom:5rem;}
.aboutBox2 .aboutBox2wz .wz{font-size:2.25rem;}
}
@media screen and (max-width:767px){
.aboutBox2{margin-bottom:4rem;}
.aboutBox2 .aboutBox2wz .wz{font-size:5vw;}
}

/*aboutBox3*/
.aboutBox3{padding-top:10.9375rem;padding-bottom:10.3125rem; background-color: #fff;}
.aboutBox3 .aboutBox3wz{position: relative; z-index: 2;max-width:61.5625rem;width:94%;margin:0 auto;text-align:center;}
.aboutBox3 .aboutBox3wz .wz{text-align:center; font-size:1.25rem; font-weight:normal; line-height:1.5;color:#262729;}
@media screen and (max-width:1199px){
.aboutBox3{padding-top:9rem;padding-bottom:9rem;}
.aboutBox3 .aboutBox3wz{max-width:985px;}
.aboutBox3 .aboutBox3wz .wz{font-size:1.125rem;}
}
@media screen and (max-width:1023px){
.aboutBox3{padding-top:7rem;padding-bottom:7rem;}
}
@media screen and (max-width:767px){
.aboutBox3{padding-top:6rem;padding-bottom:6rem;}
}



/*aboutPic*/
.aboutPic{overflow:hidden;position: relative; margin-top:7.5rem;margin-bottom:7.5rem;}
.aboutPic .aboutPicB{margin:0 -0.3125rem;}
.aboutPic .aboutPicList{ font-size:0;margin:0 auto;padding:0; list-style: none; position: static;}
.aboutPic .item{ display:inline-block;*display:inline;zoom:1;width:50%;height:100%;vertical-align:top; outline:none;}
.aboutPic .itema{display:block;margin:0 .3125rem; position:relative;overflow:hidden;}
.aboutPic .img{overflow:hidden;padding-bottom:62.96296296296296%; position:relative;background:#fff;border-radius:1rem;}
.aboutPic .img>div{position:static!important;}
.aboutPic .img::after{content:'';position:absolute;bottom:0;left:0;height:100%; width:100%;pointer-events:none;}
.aboutPic .img img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
/*hover*/
.aboutPic .itema,.aboutPic .title:after,.aboutPic .title .t,.aboutPic .title .more,
.aboutPic .img img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.aboutPic .itema:hover .img{-moz-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);box-shadow:.5rem .5rem 1rem 0 rgba(0, 0, 0, 0.08);}
.aboutPic .itema:hover .img img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
@media screen and (max-width:1199px){
.aboutPic{margin-top:7rem;margin-bottom:7rem;}
}
@media screen and (max-width:1023px){
.aboutPic{margin-top:5rem;margin-bottom:5rem;}
}
@media screen and (max-width:767px){
.aboutPic{margin-top:3rem;margin-bottom:3rem;}
}


/*slick item*/
.aboutPic .item{width:42.70833333333333vw;}
.aboutPic .item{opacity:1;}
.aboutPic .slick-track{margin-left:-21.25vw;}
.aboutPic .item.slick-active{opacity:1;}
/*aboutPic slick-prev/slick-next*/
.aboutPic .slick-dots{ display:none!important;}
.aboutPic .slick-prev,
.aboutPic .slick-next{display:block;border-radius:50%; position:absolute;top:50%;padding:0;margin-top:-20px;width:41px;height:41px;background-size:8px;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat; background-color:rgba(13, 28, 40,0.8); }
.aboutPic .slick-prev{background-image:url(../images/arrow-left.png);left:8vw;}
.aboutPic .slick-next{background-image:url(../images/arrow-right.png);right:8vw;}
.aboutPic .slick-prev:hover{background-color:#08328f;}
.aboutPic .slick-next:hover{background-color:#08328f;}
@media screen and (max-width:1199px){
.aboutPic .slick-prev,
.aboutPic .slick-next{margin-top:-20px;width:41px;height:41px;background-size:8px;}
.aboutPic .slick-track{margin-left:0;}
.aboutPic .slick-prev{left:3vw;}
.aboutPic .slick-next{right:3vw;}
}
@media screen and (max-width:1023px){
.aboutPic .item{width:70vw;}
}
@media screen and (max-width:767px){
.aboutPic .item{width:80vw;}
}


/*aboutBox1*/
.aboutBox1{padding-top:10.9375rem;padding-bottom:5rem;background:url("../images/page-line.png") center top no-repeat;background-size:100%;}
.aboutBox1 .pageTit{margin-bottom:5.25rem;}
@media screen and (max-width:1199px){
.aboutBox1{padding-top:9rem;padding-bottom:4rem;}
.aboutBox1 .pageTit{margin-bottom:4rem;}
}
@media screen and (max-width:1023px){
.aboutBox1{padding-top:7rem;padding-bottom:3rem;}
.aboutBox1 .pageTit{margin-bottom:3rem;}
}
@media screen and (max-width:767px){
.aboutBox1{padding-top:6rem;padding-bottom:3rem;}
.aboutBox1 .pageTit{margin-bottom:2rem;}
}



/*aboutMapB*/
.aboutMap{ padding-top:10.9375rem; padding-bottom:6.25rem;}
.aboutMap .pageTit{margin-bottom:3.5625rem;}
.aboutMapB{position:relative;}
/*pageMap*/
.pageMap{ text-align: center;}
.pageMap .pageMapB{position:relative;text-align: center; display:inline-block;width:100%;}
.pageMap .pageMapB img{max-width:100%;width:100%;}
.pageMap .pageMapB .pic{ position: relative;z-index:0;pointer-events: none;}
.pageMap .pageMapB .pic-point{position:absolute;top:0;left:0;width:100%; height:100%;z-index:3;pointer-events: none;/* animation:mymoveli 2s infinite 0.3s; */}
.pageMap .pageMapB .yuan{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;pointer-events: none;}
.pageMap .pageMapB .yuan .y{position:absolute;width:4px;height:4px;pointer-events: none;}
.pageMap .pageMapB .yuan .y::before{content:'';border-radius:50%;background:rgba(255, 255, 255, 0.8);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:yuansacle 3s linear infinite}
.pageMap .pageMapB .yuan .y::after{content:'';border-radius:50%;background:rgba(255, 255, 255, 0.8);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);animation:yuansacle 3s 1.5s linear infinite}
.pageMap .pageMapB .yuan .y.y1::before{background:rgba(0, 140, 214, 0.3); }
.pageMap .pageMapB .yuan .y.y1::after{background:rgba(0, 140, 214, 0.3); }
.pageMap .pageMapB .yuan .y.y1{left: 77.2%;top: 45.8%;}
.pageMap .pageMapB .yuan .y.y1::before,.pageMap .pageMapB .yuan .y.y1::after{width:13rem;height:13rem}
.pageMap .pageMapB .yuan .y.y2{left: 78.2%;top: 50%;}
.pageMap .pageMapB .yuan .y.y2::before,.pageMap .pageMapB .yuan .y.y2::after{width:6rem;height:6rem}
.pageMap .pageMapB .yuan .y.y3{left: 74.8%;top: 60%;}
.pageMap .pageMapB .yuan .y.y3::before,.pageMap .pageMapB .yuan .y.y3::after{width:6rem;height:6rem}
.pageMap .pageMapB .yuan .y.y4{left: 59.5%;top: 51%;}
.pageMap .pageMapB .yuan .y.y4::before,.pageMap .pageMapB .yuan .y.y4::after{width:12rem;height:12rem}
.pageMap .pageMapB .yuan .y.y5{left: 75.2%;top: 62.4%;}
.pageMap .pageMapB .yuan .y.y5::before,.pageMap .pageMapB .yuan .y.y5::after{width:8rem;height:8rem}
.pageMap .pageMapB .yuan .y.y6{left: 80%;top: 54.5%;}
.pageMap .pageMapB .yuan .y.y6::before,.pageMap .pageMapB .yuan .y.y6::after{width:6rem;height:6rem}
@media screen and (max-width:74.9375rem){
.aboutMap{ padding-top:9rem; padding-bottom:6rem;}
.aboutMap .pageTit{margin-bottom:3rem;}
}
@media screen and (max-width:1023px){
.aboutMap{ padding-top:7rem; padding-bottom:5rem;}
.aboutMap .pageTit{margin-bottom:2rem;}
.pageMap .pageMapB .yuan .y.y1::before,.pageMap .pageMapB .yuan .y.y1::after{width:11rem;height:11rem}
.pageMap .pageMapB .yuan .y.y2::before,.pageMap .pageMapB .yuan .y.y2::after{width:4rem;height:4rem}
.pageMap .pageMapB .yuan .y.y3::before,.pageMap .pageMapB .yuan .y.y3::after{width:4rem;height:4rem}
.pageMap .pageMapB .yuan .y.y4::before,.pageMap .pageMapB .yuan .y.y4::after{width:10rem;height:10rem}
.pageMap .pageMapB .yuan .y.y5::before,.pageMap .pageMapB .yuan .y.y5::after{width:6rem;height:6rem}
.pageMap .pageMapB .yuan .y.y6::before,.pageMap .pageMapB .yuan .y.y6::after{width:4rem;height:4rem}
}
@media screen and (max-width:767px){
.aboutMap{ padding-top:6rem; padding-bottom:4rem;}
.aboutMap .pageTit{margin-bottom:1rem;}
.pageMap .pageMapB .yuan .y.y1::before,.pageMap .pageMapB .yuan .y.y1::after{width:9rem;height:9rem}
.pageMap .pageMapB .yuan .y.y2::before,.pageMap .pageMapB .yuan .y.y2::after{width:3rem;height:3rem}
.pageMap .pageMapB .yuan .y.y3::before,.pageMap .pageMapB .yuan .y.y3::after{width:3rem;height:3rem}
.pageMap .pageMapB .yuan .y.y4::before,.pageMap .pageMapB .yuan .y.y4::after{width:8rem;height:8rem}
.pageMap .pageMapB .yuan .y.y5::before,.pageMap .pageMapB .yuan .y.y5::after{width:5rem;height:5rem}
.pageMap .pageMapB .yuan .y.y6::before,.pageMap .pageMapB .yuan .y.y6::after{width:3rem;height:3rem}
}
@keyframes mymoveli{0%{opacity:0;}50%{opacity: 1;}100%{opacity:0;}}
@keyframes yuansacle{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}

/**************************culture**************************/
/*cultureBox1*/
.cultureBox1{padding-top:10.9375rem;padding-bottom:5rem;}
.cultureBox1 .pageTit{margin-bottom:5.25rem;}
@media screen and (max-width:1199px){
.cultureBox1{padding-top:9rem;padding-bottom:4rem;}
.cultureBox1 .pageTit{margin-bottom:4rem;}
}
@media screen and (max-width:1023px){
.cultureBox1{padding-top:7rem;padding-bottom:3rem;}
.cultureBox1 .pageTit{margin-bottom:3rem;}
}
@media screen and (max-width:767px){
.cultureBox1{padding-top:6rem;padding-bottom:3rem;}
.cultureBox1 .pageTit{margin-bottom:2rem;}
}

/*cultureList*/
.cultureList{padding:0;list-style:none;margin:0; position: relative;}
.cultureList .item{width:100%;margin-bottom:2.5rem;position:sticky;position:-webkit-sticky;top:6.25rem;}
.cultureList .item:nth-child(2){top:7.5rem;margin-bottom:1.25rem;}
.cultureList .item:nth-child(3){top:8.75rem;}
.cultureList .itema{display:block;position:relative;overflow:hidden;border-radius:1.25rem;background:#fff;}
.cultureList .ImgBox{margin:0;overflow:hidden;padding-bottom:40.55555555555556%; position:relative;border-radius:1.25rem;}
.cultureList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.cultureList .title{position:absolute;left:5.6%;top:10.375rem;font-size:1.5rem;color:#262729;line-height:1.5;font-weight:normal;max-width: 22.75rem; z-index: 2;}
.cultureList .title .t{font-size:2.5rem;color:#2250a2;line-height:1.2;font-weight:700;margin-bottom: 1.25rem;}
.cultureList .item,
.cultureList .ImgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.cultureList .itema:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media screen and (max-width:1199px){
  .cultureList .item{margin-bottom:2rem;top:6.25rem;}
  .cultureList .item:nth-child(2){top:7.5rem;margin-bottom:2rem;}
  .cultureList .item:nth-child(3){top:8.75rem;}
  .cultureList .title{left:3%;top:3rem;right:3%;font-size:1.25rem;max-width: 364px;}
  .cultureList .title .t{font-size:2rem;}
  }
  @media screen and (max-width:1023px){
    .cultureList .title{left:5%;top:0;right:5%;font-size:1.25rem;max-width: 364px;position:relative;padding:1.5rem 0 1.5rem 0;}
    .cultureList .ImgBox{padding-bottom:60%;}
    .cultureList .title{font-size:1.125rem;}
    .cultureList .title .t{font-size:1.75rem;}
  }
  @media screen and (max-width:767px){
    .cultureList .title{font-size:1rem;}
    .cultureList .title .t{font-size:1.5rem;}
  }



/*cultureBox2*/
.cultureBox2{padding-top:3.75rem;padding-bottom:6.25rem;}
.cultureBox2 .pageTit3{color:#2250a2;}
@media screen and (max-width:1199px){
.cultureBox2{padding-top:3rem;padding-bottom:6rem;}
}
@media screen and (max-width:1023px){
.cultureBox2{padding-top:3rem;padding-bottom:5rem;}
}
@media screen and (max-width:767px){
.cultureBox2{padding-top:3rem;padding-bottom:5rem;}
}



/*culture*/
.cultureList2{display:flex;align-items:center;width:100%;flex-shrink:0;height:100%;position: relative; z-index:2;}
.cultureList2 .wbox1{width:58.85416666666667vw; position:relative;z-index:2;height:100%;}
.cultureList2 .wbox2{width:46.875vw;position:absolute;top:0;left:48.95833333333333vw;height:100%; z-index: 2; display:flex;align-items:center;}
/*culture-title*/
.cultureList2 .cultureWz{display:flex;align-items:center;width:100%;height:80%;background-color: #fff;border-radius:1.25rem;}
.culture-titleBox{overflow:hidden;padding:1.875rem 5rem;}
.culture-title{margin:0;padding:0;list-style:none;position:relative; display:inline-block;}
.culture-title li{position:relative;display:block;padding:1.25rem 0;}
/*info*/
.cultureList2 .infoNr{display:flex;align-items:center;width:100%;flex-shrink:0;height:100%; }
.cultureList2 .desc{font-size:1.25rem;color:#565f67;line-height:1.5; font-weight: normal;width:46%;}
.cultureList2 .title{font-size:1.5rem;color:#262729;line-height:1.2; font-weight:normal;width:54%}
/*active*/
.culture-title li{filter:alpha(opaity=0.5); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.culture-title li.active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.culture-title li .desc{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.culture-title li .title{filter:alpha(opaity=0.5); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; }
.culture-title li.active .title{font-size:2.5rem;line-height:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.culture-title li.active .desc{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

/*cultureImg*/
.cultureImg{overflow: hidden; position:relative;z-index:2;}
.cultureImg .cultureSW,
.cultureImg .cultureSW .swiper-slide{width: 100%;}
.cultureImg .item{ width: 100%;}
.cultureImg .itema{position: relative;width:100%;}
.cultureImg .ImgBoxB{width:100%;}
.cultureImg .ImgBox{position:relative; display:block;overflow:hidden;padding-bottom:70.79646017699115%;border-radius:1.25rem; border-top-left-radius:0;border-bottom-right-radius:0;}
.cultureImg .ImgBox>div{position:static!important;}
.cultureImg .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
/*hover*/
.cultureImg .itema,
.cultureImg .ImgBox img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.cultureImg .itema:hover .ImgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.cultureImg .info{ display: none;}  
/*swiper-slide active*/
.cultureSW .swiper-slide{opacity:0!important;}
.cultureSW .swiper-slide.swiper-slide-active {opacity:1!important;}
.cultureSW .swiper-slide .ImgBox img{animation-duration:.8s;animation-fill-mode: both;opacity:0;animation-name:opNextOut;}
.cultureSW .swiper-slide.swiper-slide-active .ImgBox img{opacity: 1;transform: none;animation-name:opPrevIn;}
@keyframes opPrevIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
@media screen and (max-width:1199px){
  .culture-titleBox{padding:1.5rem 3rem;}
  .cultureList2 .desc{font-size:1.125rem;}
.cultureList2 .title{font-size:1.25rem;}
.culture-title li.active .title{font-size:2rem;}
.cultureList2 .wbox2{width:55vw;left:40vw;}
}
@media screen and (max-width:1023px){
  .cultureList2 .wbox2{ display: none;}
  .cultureImg .info{ display: block;padding:1.25rem 0;background-color: #fff;border-radius:1.25rem;border-top-left-radius:0;border-top-right-radius:0;}
  .cultureList2 .infoNr{padding:1.25rem 3rem;}
  .cultureList2 .wbox1{width:90%; margin: 0 auto;}
  .cultureImg .ImgBox{border-radius:1.25rem;border-bottom-left-radius:0;border-bottom-right-radius:0;}
  .cultureList2 .infoNr{align-items: flex-start;}
}
/**************************scrDIV.scrActive**************************/
/*fade-text*/
@media only screen and (min-width:768px){.scrDIV.fade-text1 .l{opacity:0;-webkit-transform:translateY(.5em);transform:translateY(.5em);display:inline-block;-webkit-transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out,-webkit-transform .8s ease-out;will-change:opacity,transform}}
@media only screen and (min-width:768px){.scrDIV.scrActive.fade-text1 .l{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}

.scrDIV.fade-text1{opacity:0;-webkit-transform:translateY(.5em);transform:translateY(.5em);-webkit-transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out,-webkit-transform .8s ease-out;will-change:opacity,transform}
.scrDIV.scrActive.fade-text1{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}

/*fade-textrandom*/
.scrDIV.fade-textrandom{opacity:0;-webkit-transition:opacity 1s ease,-webkit-filter .8s ease-out;transition:opacity 1s ease,-webkit-filter .8s ease-out;transition:opacity 1s ease,filter .8s ease-out;transition:opacity 1s ease,filter .8s ease-out,-webkit-filter .8s ease-out}
@media only screen and (min-width:768px){.scrDIV.fade-textrandom{will-change:opacity,filter;-webkit-filter:blur(3px);filter:blur(3px)}}
.scrDIV.scrActive.fade-textrandom{opacity:1}
@media only screen and (min-width:768px){.scrDIV.scrActive.fade-textrandom{-webkit-filter:blur(0);filter:blur(0)}}

/*effect01*/
.scrDIV.effect01{opacity:0;-webkit-transform:translateY(.5em);transform:translateY(.5em);-webkit-transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out,-webkit-transform .8s ease-out}
.scrDIV.scrActive.effect01{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
@media only screen and (min-width:768px){
  .scrDIV.effect01{will-change:opacity,transform}
}
/*effect02*/
.scrDIV.effect02{-webkit-mask-repeat:no-repeat;-webkit-mask-size:200% 100%;-webkit-mask-position:-100% 0}
@media only screen and (min-width:768px){.scrDIV.effect02{-webkit-mask-image:radial-gradient(circle farthest-corner at 100% 0,#000 60%,transparent 90%)}}
@media only screen and (max-width:767px){.scrDIV.effect02{-webkit-mask-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,0)),color-stop(50%,#000));-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0,#000 50%)}}
.scrDIV.scrActive.effect02{opacity:1;-webkit-animation:maskAnimation 3s forwards cubic-bezier(.215,.61,.355,1);animation:maskAnimation 3s forwards cubic-bezier(.215,.61,.355,1)}
@-webkit-keyframes maskAnimation{0%{-webkit-mask-position:-100% 0}100%{-webkit-mask-position:100% 0}}
@keyframes maskAnimation{0%{-webkit-mask-position:-100% 0}100%{-webkit-mask-position:100% 0}}

/*delay*/
.scrDIV.delay_3{-webkit-transition-delay:.3s;transition-delay:.3s}
.scrDIV.delay_6{-webkit-transition-delay:.6s;transition-delay:.6s}
.scrDIV.delay_9{-webkit-transition-delay:.9s;transition-delay:.9s}  

/*fadeInUpimg*/
.fadeInUpimg{-webkit-animation-name:fadeInUpimg;animation-name:fadeInUpimg}
@keyframes fadeInUpimg{0%{transform:scale(1.5)}100%{transform:none}}
.fadeInUpimg2{-webkit-animation-name:fadeInUpimg2;animation-name:fadeInUpimg2}
@keyframes fadeInUpimg2{0%{transform:scale(1.2)}100%{transform:scale(1)}}
.fadeInUpimg3{-webkit-animation-name:fadeInUpimg3;animation-name:fadeInUpimg3}
@keyframes fadeInUpimg3{0%{transform:scale(1.1)}100%{transform:scale(1)}}
/*fadeOutUpbg*/
.fadeOutUpbg{-webkit-animation-name:fadeOutUpbg;animation-name:fadeOutUpbg;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
@-webkit-keyframes fadeOutUpbg{0%{opacity:1}to{-webkit-transform:translate3d(0,-102%,0);transform:translate3d(0,-102%,0)}}
@keyframes fadeOutUpbg{0%{opacity:1}to{-webkit-transform:translate3d(0,-102%,0);transform:translate3d(0,-102%,0)}}

/*fadeIn2*/
.fadeIn2{-webkit-animation-name:fadeIn2;animation-name:fadeIn2}
@keyframes fadeIn2{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}

/*arrowRun*/
@keyframes arrowRun{0%{transform:translate3d(0%,0%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d}7%{transform:translate3d(150%,-150%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d}7.1%{transform:translate3d(-150%,150%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d}14%{transform:translate3d(0%,0%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d}}
@keyframes arrowRun2{
  0%{transform:translate3d(0%,0%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d}
7%{transform:translate3d(150%,-150%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d}
7.1%{transform:translate3d(-150%,150%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d}
14%{transform:translate3d(0%,0%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d}}

  .l1Box{ position: relative;}
  .formLabel
  { font-size: 1.2rem;
  color: #afb4b9;
  position: absolute;
  line-height: 4.375rem;
  left: 1.25rem;
  top: 0;
  transition: all 0.3s ease;
  pointer-events: none;
  }
  .label-retracted .formLabel{
  top: -1.25rem;
  font-size: 0.9rem;
   }