body{font-size: 16px;} 
.inner{ width:1440px;   margin: 0 auto;  }
.pl-inner{ padding-left: calc((100vw - 1440px)/2);}
.pr-inner{ padding-right: calc((100vw - 1440px)/2);}
.ml-inner{ margin-left: calc((100vw - 1440px)/2);}
.mr-inner{ margin-right: calc((100vw - 1440px)/2);}
 
header{ position: sticky; z-index: 100; top: 0; width: 100%; background: #fff;}
header.scroll{ box-shadow: 0 0 15px rgba(0,0,0,.15);}
header .con{ width: 90%; max-width: 1600px; margin: 0 auto;}
.logoImg{ height: 65px;}
.oneNav{ line-height:100px; white-space: nowrap; display: block; padding: 0 1.6vw; font-size: 18px; font-weight: bold;}
.oneNav span { position: relative;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; background:var(--blue); transition: all .36s; transform:scale(0,1) ; position: absolute; left: 0; bottom: -10px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }
nav li{ position: relative;}
nav li.on .oneNav span,nav li:hover .oneNav span{ color: var(--blue);}
nav li.on .oneNav span::after,nav li:hover .oneNav span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
nav:hover > li:not(:hover) .oneNav{ color: #333; }
nav:hover > li:not(:hover) .oneNav  span::after{ transform:scale(0,1) ;  }
nav  li dl{position:absolute;text-align: center;min-width:150px; width: auto;top:100%;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
nav  li dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
nav  li dl dd:last-child{border-bottom:0}
nav  li dl dd a{ padding: 0 20px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
nav  li dl dd:hover{background:var(--blue)}
nav  li dl dd:hover a{color:#fff!important;}
/* nav  li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px} */
nav  li dl{ pointer-events: none; visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
nav  li:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
 

.h_nav{ height: 60px; width: 60px; background-color:var(--color); padding: 18px 8px ;    align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }

.nav{   padding-bottom: 60px; width: 100%; height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #fff; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(0, 0, 0, 0.1); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}
.h_nav.close{align-items: center; justify-content: center;}
.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(0, 0, 0, 0.08); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }
.nav{   overflow-y: scroll;   }
.nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #f1f1f1; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #c1c1c1; width: 1px; }



.idxBanImg{ max-height:calc(100vh - 100px); width: 100%; object-fit: cover;}
.idxBan .text{ position: absolute; left: 50%; transform: translateX(-50%); top: 5%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.mySwiper{ width: 78px; height: 78px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.idxBan .prev{ left: 0;}
.idxBan .next{ right: 0;}
.idxBan .mySwiper{ opacity: 0;}
.mySwiper:hover{ background:rgba(255, 255, 255, .32); color: #fff; border-color: transparent;}
.mySwiper:hover .iconfont{ opacity: 1;}
.idxBan:hover .mySwiper{ opacity: 1;}

.idxTitle h2{ color: #dadbde;}
.line-height2-2{ line-height: 2.2;}
.idxBusUl li .text::before{ display: block; content: ''; width: 120%; height: calc(100% - 40px); position: absolute; left: 0; top: 20px; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.idxBusUl li .more{ position: absolute; left: 0; bottom: 0; z-index: 10;}
.idxMore{ height: 50px; background-image: linear-gradient(to right,#118bf8,#0365f2);}
.idxMore .round{ height: 50px; width: 50px; position: absolute; top: -1px; right: -10px; border: 1px solid #fff;}
.idxMore:hover .wen{ letter-spacing: 1px;}
.idxMore:hover .round{ right: -50px;}
.idxMore:hover{ box-shadow: 0  0 15px rgba(25,58,116, .32);}
.idxBusUl li:nth-child(2n){ flex-direction: row-reverse;}
.idxBusUl li:nth-child(2n)  .text::before { left: auto; right: 0;}

.w56{ width: 56%;}

.zwHeader{ height: 100px;}
.zw{ padding-top: 100px; margin-top: -100px;}

.idxVideo .button{ animation: rotate 10s linear infinite; transition: ease 1s; -webkit-animation: rotate 10s linear infinite;}
.idxVideo::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; background: rgba(0, 0, 0, .25); }
.idxVideo .text{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.idxAboutMore{ height: 50px;}
.idxAboutMore::after{ display: block; content: ''; width:0; height: 100%; position: absolute; left: 0; top: 0; background: var(--blue); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxAboutMore:hover{ color: #fff; box-shadow: 0  0 15px rgba(25,58,116, .15);}
.idxAboutMore:hover::after{ width: 100%;}
.idxAboutImg{ filter: drop-shadow(1vw 0 2vw rgba(25,58,116,.15)); -webkit-filter: drop-shadow(1vw 0 2vw rgba(25,58,116,.15)); }

.idxUserTabUl li{ background: #f5fbff;}
.idxUserTabUl li:first-child{ margin-left: 0;}
.idxUserTabUl li.on{ background: var(--blue); color: #fff;}
.swiTabCon .slide-c{ height: 280px;}
.swiTabCon .slide-c .swiper-slide{ height: calc((100% - 40px)/2);}

.idxUser .more:hover{background: var(--blue); color: #fff;}
.idxNewsUl li{ width: calc((100% - 2.6vw )/3); margin-right: 2.6vw;}
.idxNewsUl li:nth-child(3n){ margin-right: 0;}
.idxNewsUl li:hover{ box-shadow:1vw 0 2vw rgba(25,58,116,.15); transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); }
.idxNewsUl li .item:hover .iconfont{ transform: translateX(-10px); -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); }

.footTop{ position: absolute; bottom: calc(100% - 1px); left: 0; right: 0; width: 100%;}
footer{ background: url(../images/footBg.jpg) no-repeat center center; background-size: cover; color: rgba(255, 255, 255, .5);}
footer a:hover{ color: #fff;}
.footEwm{ width: 130px;}

.bannermore{ width: 130px; height: 130px; position: absolute; bottom: 100%; right: 0;  }
.bannermore .a1{width: 100%; -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;    display: block;  }
.bannermore  .iconfont{ position: absolute; left: 50%; top: 50%; z-index: 8; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.bannermore::after{ display: block; content: ''; top: 20%; left: 20%; width: 60%; height: 60%; position: absolute;   background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.neiBan2::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(3, 95, 235, .4); }
.neiBanImg{ min-height: 180px; object-fit: cover; width: 100%;}
.neiBan .text{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.subNav { box-shadow: 0 0 10px rgba(25,58,116, .15);}
.subNav a{ line-height:90px; display: inline-block;}
.subNav a.on{ font-weight: bold; color: var(--color);}

.w24{ width: 24%;}
.solveOne .con{ padding:7.8vw ; background-image: linear-gradient(to bottom,#f1f9fe,#fff); border: 1px solid #dce9fd;}
.yinLeft,.yinRight{ width: 5.2vw; position: absolute;}
.yinLeft{ left: 3vw; top:3vw ;}
.yinRight{ right: 3vw; bottom:3vw ;}
.solveOne .con .title{ box-shadow: 1vw 0 2vw rgba(25,58,116,.15); height: 2.6em; padding: 0 7.8vw; position: absolute; top: -1.3em; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.solveOne .video .left .button{
      animation: rotate 10s linear infinite;
      transition: ease 1s;
      -webkit-animation: rotate 10s linear infinite;
}
.solveOne .video .right{ writing-mode: vertical-rl;}
.solveOne .video .right img{ position: absolute; left: 0; right: 0; bottom: 0;}

.solveTwoUl li .text .DIN{ font-size: 180px;  -webkit-text-stroke: 1px #dce9fd;text-stroke: 1px #dce9fd;webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to bottom, #f1fafe, #fff);}
.solveTwo::after{ display: block; content: ''; width: 100%; height: 60%; position: absolute; left: 0; top: 0; background: #f9fdff; }
.solveTwoUl li {box-shadow: 1vw 0 2vw rgba(25,58,116,.15);}
.solveTwoUl li:nth-child(2n){ flex-direction: row-reverse;}

.box-shadow-color{  box-shadow: 1vw 0 2vw rgba(25,58,116,.15);}

.downList li{width: calc((100% - 6vw)/4); margin-bottom: 2vw; margin-right: 2vw; background:  url(../images/downBg.png) no-repeat center center; background-size: 100% 100%;}
.downList li:nth-child(4n){ margin-right: 0;}
.downList li h2{ height: 3em;}
.downList li .round{ width:3.6vw ; height: 3.6vw ;}
.downList li .img{ width: 100%; height: 0; padding-bottom:110% ;}
.downList li:hover{ transform: translateY(-8px); background: url(../images/downBgH.png) no-repeat center center; background-size: 100% 100%; -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); }
.downList li:hover h2,.downList li:hover .color-555{ color: #fff;}


.newslist li{ width: calc((100% - 9vw)/3); margin-right: 4.5vw; }
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li .img{ width: 100%; height: 0; padding-bottom:55% ;}
.newslist li .text .title{ height: 3em;  line-height: 1.5;}
.newslist li:hover .iconfont{ transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); }

.newslist li::before{ display: block; content: ''; width: 1px; height: 100%; position: absolute; right: -2.25vw; top: 0; background: #e5e5e5;}
.newslist li::after{ display: block; content: ''; width: 1px; height:15%; position: absolute; right: -2.25vw; top: 0; background: var(--blue) }

.newslist li:nth-child(3n)::before,.newslist li:nth-child(3n)::after{ display: none;}
.newsInner{ width: 96%; margin: 0 auto; max-width: 1000px;}

.culture{ background: url(../images/cultureBg.jpg) no-repeat bottom center; background-size: 100% auto; padding-bottom: 12.7vw;}
.cultureTop{ background: url(../images/cultureTopBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; height: 50vh;}

.cultureUl li{ background: #eef6fa; }
.cultureUl li .round{ flex-shrink: 0; width: 95px; height: 95px;}
.cultureUl li .round::after{ display: block; content: ''; width: 130%; height: 130%; position: absolute; left: -15%; top: -15%; border: 1px rgba(3, 95, 235, .3) dashed; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.cultureUl li .round i:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid var(--blue); width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}
.cultureUl li .round i:after {content: '';position: absolute; left: 0;top: 0;border: 1px solid var(--blue); width: 100%; height: 100%; border-radius: 50%;opacity: 0}
 .cultureIcon{ height: 36px;}
.cultureUl li:hover .round i:before { animation: serv_one_border .9s 0s ease 1; -webkit-animation: serv_one_border .9s 0s ease 1; }
.cultureUl li:hover .round i:after { animation: serv_one_border 1.5s 0s ease 1; -webkit-animation: serv_one_border 1.5s 0s ease 1; }
.cultureUl li:nth-child(n+4){ width: 50%;}
.cultureUl li:nth-child(2){ background: #f9fdff;}
.cultureUl li:nth-child(4){ background: #e3f0f6; flex-direction: row;}
.cultureUl li:nth-child(4) .text{ margin-top: 0; margin-left: 70px; text-align: left; }

.policyUl{ padding-top: 12vw;}
.policyUl li.on::after{ display: block; content: ''; transition: all 3s; width:33vw; height: 33vw; position: absolute; left: 50%; top: 50%; margin-left: -16.5vw; margin-top: -16.5vw; transform:  ; background: url(../images/policyUlBg.png) no-repeat center center; background-size: 100% 100%; -webkit-transform:  ; -moz-transform:  ; -ms-transform:  ; -o-transform:  ; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; }
.policyUl li.on .round{ border-color: #fff;}
/* .policyUl li.on:hover::after{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } */

.userList li{ height: 115px;width: calc((100% - 120px)/4); margin-right: 40px; margin-top: 40px;}
.userList li:nth-child(4n){ margin-right: 0;}

.honorList li{ width: calc((100% - 120px)/4); margin-right: 40px; margin-top: 40px;}
.honorList li:nth-child(4n){ margin-right: 0;}

.honorList li .img{ width: 100%; height: 0; padding-bottom: 70%;}

.joinlist li{ width: 48%; margin-right: 4%; }
.joinlist li:nth-child(2n){ margin-right: 0;}
.joinlist li::after{ display: block; content: ''; width: 100%; height: 0; position: absolute; left: 0; top: 0; background: var(--blue); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.joinlist li:hover::after,.joinlist li.on::after{ height: 100%;}
.joinlist li:hover,.joinlist li.on{ color: #fff;}
.joinlistIcon{ height: 1.2em;} 
.joinlist li:hover .color-blue,.joinlist li.on .color-blue{ color: #fff;}
.none{ display: none;}

.pop{ width: 100vw; height: 100%; position: fixed; top: 0; left: 0; z-index: 200; display: none;}
.pop .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .3) ; z-index: 1;}
.pop .con{ width: 90%; max-width:1000px; background: url(../images/popBg.png) no-repeat top center; background-size: 100% auto;  position: absolute; left:50%; top: 50%; transform:translateY(-50%)   translateX(-50%); z-index: 5; -webkit-transform:translateY(-50%)   translateX(-50%); -moz-transform:translateY(-50%)   translateX(-50%); -ms-transform:translateY(-50%)   translateX(-50%); -o-transform:translateY(-50%)   translateX(-50%); }
.pop .close{   position: absolute; right: 0; top:0; }
.pop .close:hover .iconfont{ color: var(--red);}
.popjobInfo{ max-height:35vh; overflow-y: scroll;  }
.popjobInfo::-webkit-scrollbar {width: 5px;}
.popjobInfo::-webkit-scrollbar-thumb {border-radius: 3px; background: var(--blue); width: 5px; }
.popjobInfo::-webkit-scrollbar-track {border-radius: 3px; background: #f2f5f9; width: 5px; }

.contactStyle li{ width: calc((100% - 4vw)/3); margin-right: 2vw; border-color: rgba(3, 95, 235, .15);}
.contactStyle li:nth-child(3n){ margin-right: 0;} 

.mapBox{ height: 60vh;}
.messages{ background: url(../images/messagesBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.messages::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, .9); }
.contactIcon{ height: 80px;}

.color-blue2{ color: #095CC1;}
.neiBan .text .button a:hover{ box-shadow: 0 0 15px rgba(3, 95, 235, .15); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.purchaseTwo{ background: url(../images/purchaseTwoBg.png) no-repeat center center #f5faff; background-size: cover; }
.w39{ width: 39%;}

.purchaseUl li .images{ max-width: 48%; filter: drop-shadow(0 0 20px rgba(14, 101, 157, 0.2)); -webkit-filter: drop-shadow(0 0 20px rgba(14, 101, 157, 0.2)); } 
/* .purchaseUl li .desc{min-height: 9em; background: url(../images/purchaseUlBg.png) no-repeat center center ; background-size: 100% 100%;  box-shadow:-2px 2px 15px rgba(3, 95, 235, .05) ;} */
/* .purchaseUl li .desc{ border: 2px solid;   border-image-slice: 1; border-width: 2px;   border-image-source: linear-gradient(to left, #6377fe, #6bc0f9 ,#fff);} */
/* .purchaseUl li .desc::after{ display: block; content: ''; z-index: -1; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 20px; position: absolute; left: -1px; top:  -1px; background-image:linear-gradient(to left, #6377fe, #6bc0f9 ,#fff) ; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } */
.purchaseUl li:nth-child(2n) .inner{ flex-direction: row-reverse;}
.purchaseUl li:nth-child(2n) { background: #f3faff;}
/* .purchaseUl li:nth-child(2n) .desc{ background: url(../images/purchaseUlBg-blue.png) no-repeat center center ; background-size: 100% 100%;  } */

.purchaseUl2 li{background: #f3faff;}
.purchaseUl2 li .images{ max-width: 50%; filter: drop-shadow(0 0 20px rgba(14, 101, 157, 0.2)); -webkit-filter: drop-shadow(0 0 20px rgba(14, 101, 157, 0.2)); } 
/* .purchaseUl2 li .desc{ min-height: 9em; background: url(../images/purchaseUlBg-blue.png) no-repeat center center ; background-size: 100% 100%;  box-shadow:-2px 2px 15px rgba(3, 95, 235, .05) ;} */
.purchaseUl2 li:nth-child(2n) .inner{ flex-direction: row-reverse;}
.purchaseUl2 li:nth-child(2n) { background: #fff;}
/* .purchaseUl2 li:nth-child(2n) .desc{ background: url(../images/purchaseUlBg.png) no-repeat center center ; background-size: 100% 100%;  } */

.iconPic{ width: 2.8vw; min-width: 32px; border-radius: 10px; box-shadow: 0px 4px 8.6px 0px rgba(48, 111, 200, 0.25); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.purchaseUl3 li{background: #f3faff;}
.purchaseUl3 li .images{ max-width: 48%; filter: drop-shadow(0 0 20px rgba(14, 101, 157, 0.2)); -webkit-filter: drop-shadow(0 0 20px rgba(14, 101, 157, 0.2)); } 
/* .purchaseUl3 li .desc{ min-height: 9em; background: url(../images/purchaseUlBg-blue.png) no-repeat center center ; background-size: 100% 100%;  box-shadow:-2px 2px 15px rgba(3, 95, 235, .05) ;} */
.purchaseUl3 li:nth-child(2n) { background: #fff;}
/* .purchaseUl3 li:nth-child(2n) .desc{ background: url(../images/purchaseUlBg.png) no-repeat center center ; background-size: 100% 100%;  } */
.purchaseUl3 li:nth-child(3) .inner,.purchaseUl3 li:nth-child(5) .inner,.purchaseUl3 li:nth-child(6) .inner{ flex-direction: row-reverse;}

.yebkList li .desc{ position: relative; min-height: 9em;   background-size: 100% 100%;  box-shadow:-2px 2px 15px rgba(3, 95, 235, .05) ;}
.yebkList li .desc::before{
    z-index: 1;
    display: block;
    content: '';
    width: 100%;
    height: calc(100% + 2px);
    position: absolute;
    right: -1px;
    top: -1px;
    background-image: linear-gradient(350deg,#6676ff,#4bb3f7,#e0f2fe);
    border-radius:10px ;
    -webkit-border-radius:10px ;
    -moz-border-radius:10px ;
    -ms-border-radius:10px ;
    -o-border-radius:10px ;
}
.yebkList li .desc::after{  z-index: 2;border-radius:10px ; display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }

.purchaseUl li .desc::after{ background: #f4faff; }
.purchaseUl li:nth-child(2n) .desc::after{ background: #fff; }
.purchaseUl3 li:nth-child(2n) .desc::after{ background: #f4faff; }
.purchaseUl2 li:nth-child(2n) .desc::after{ background: #f4faff; }

.color-dan{ color: rgba(38, 59, 87, 0.5);}
.text-indent{ text-indent: 2em;}
.w46{ width: 46%;}
/* 
.qualiImg{ width: 100%; height: 0; padding-bottom: 110%;}
.qualiTit{ height: 4vw;} */
/* .qualiCon{ height: calc(100% - 4.5vw);overflow-y: scroll;  direction: rtl;  } */
.qualiCon dt{ font-size: 1.4em;}
.qualiCon dl{filter: grayscale(100%); opacity: .8;}
.qualiCon dl.on{filter: none; opacity: 1;}
/* .qualiCon::-webkit-scrollbar {width: 3px;}
.qualiCon::-webkit-scrollbar-thumb { border-radius: 3px; background: var(--blue); width: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.qualiCon::-webkit-scrollbar-track { border-radius:3px; background: #d0d3d8; width: 5px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
.qualiCon .content{direction: ltr;} */


.pcIcon_box {
    position: fixed;
    right: 0;
     bottom: 20%;
    
    z-index: 9999
}

.pcIcon_box .pcIcon {
    text-align: center
}

.pcIcon_box .pcIcon li {
    width: 68px;
    height: 68px;
    border-bottom: 1px solid #fff;
    background: #122266;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 13px 0;
    cursor: pointer
}

.pcIcon_box .pcIcon li:last-child {
    border: none
}

.pcIcon_box .pcIcon li img {
    margin: 0 auto 5px auto
}

.pcIcon_box .pcIcon .phone_box {
    position: relative
}

.pcIcon_box .pcIcon .phone_box .phone_bg { 
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 10px 1px rgb(220,220,220);
    width: 211px;
   /* height: 72px;*/ text-align: center; padding:  12px 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 75px;
   line-height: 1;
/*	align-items: center;
    justify-content: center;
    flex-direction: column;*/
 display: none; 
}
.phone_bg>p:nth-child(1){
    color: #000;
    font-size: 22px;
  margin-bottom:10px;
    font-family: 'DIN';
    font-weight: 600;
}
.phone_bg>p:nth-child(2){
    color: #000;
    font-size: 12px;
}
.pcIcon_box .pcIcon .orcode_box {
    position: relative
}

.pcIcon_box .pcIcon .orcode_box .orcode_bg {
    background: url(../img/orCodeBg.1538ddcb.png) no-repeat;
    width: 197px;
    height: 204px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 70px
}

.pcIcon_box .pcIcon .orcode_box .orcode_bg img {
    margin: 25px auto
}

.pcIcon_box .pcIcon .orcode_box .orcode_bg p {
    margin-top: -25px
}
.pcIcon a:hover {
    color: #fff;
}

.showewm:hover .rightEwm {
   display: block;
}
.rightEwm{padding: 5px;animation: rightFloat .3s;
   position: absolute;    display: none;
   top: -25px; z-index: 99; border-radius: 5px;
   right: 75px;
   width: 120px;
   height: 120px;}

   @keyframes rightFloat {
       from {
           transform: translateX(-20px);
           opacity: 0;
       }
   
       to {
           transform: translateX(0);
           opacity: 1;
       }
   }

   
.Popup{ width:  100%; height: 100%;  background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; z-index: 9999;  display: none; }
.PopupBox{ max-width: 1050px; width: 90%;}
.PopupClose{ opacity: 0.8;}
.PopupBox .tit{ height: 70px; padding: 0 25px;}
.PopupBox .con{ padding: 30px; flex-wrap: wrap;}
 
 
.PopupClose:hover{ transform: rotate(180deg); opacity: 1;}