@charset "utf-8";
/*公开始束*/
#loading{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#fff;z-index:100000000}
body{ background:#fff}
* {box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-backface-visibility: hidden;}
html{font-size: 100px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,pre, code, form, fieldset, legend, input, textarea,p, blockquote, th, td, hr, button,article, aside, details, figcaption, figure, footer, header, menu, nav, section {margin: 0;padding: 0;border: 0;}
:focus{outline:0}
a {text-decoration: none;color: #333333;}
a:hover{color: #2d51b2;}
.trans{-webkit-transition: all 0.5s;transition: all 0.5s;}
button {user-select: none;}
img:not([src]),img[src=""] {opacity: 0;}
img{display:inline-block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%;vertical-align: middle;}
ul, ol {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select, button, textarea {font-size: 100%; font: inherit;}
hr{height:0;border: none; border-top: 1px solid #f4f3f2; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
body{color: #333;position: relative;overflow-x:hidden;font-size: .16rem;
font-family:Arial,-apple-system,BlinkMacSystemFont,"PingFang SC",Microsoft YaHei,Helvetica Neue,"Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
input,textarea,select{padding:0;font-family:inherit;outline:none;resize:none;background:none;border:none;font-size:inherit;color:inherit;}
input::-moz-placeholder{color:inherit;opacity:.5;font-size:inherit}
textarea::-moz-placeholder{color:inherit;opacity:.5;font-size:inherit}
select::-moz-placeholder{color:inherit;opacity:.5;font-size:inherit}
::-webkit-input-placeholder{color:#999;font-size:inherit}
input:-ms-input-placeholder{color:#999;font-size:inherit}
::-webkit-scrollbar{width:3px;height:3px}
::-webkit-scrollbar-track{background:#ddd;border-radius: 5px}
::-webkit-scrollbar-thumb{background:#2d51b2;border-radius: 5px}

.w100{ width: 100%;}

.l1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.25}
.l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.l4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.l5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.l6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.l7{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}
.zi2{position: relative;z-index: 2}
.zi5{position: relative;z-index: 5}
.check:checked,.check:not(:checked){position:absolute;left:-9999px;opacity:0}
.check:checked+label,.check:not(:checked)+label{position:relative;display:inline-block;height:16px;cursor:pointer;padding-left:24px;line-height:18px}
.check+label:after{position:absolute;width:8px;height:8px;border-radius:3px;top:5px;left:5px;content:""}
.check+label:before{position:absolute;top:0;left:0;z-index:0;width:16px;height:16px;border-radius:3px;content:"";background:#fff;border:1px solid #888}
.check:checked+label:after{background:#2d51b2}
.check:checked+label:before{border-color:#2d51b2}
.radio:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:16px;line-height:16px;cursor:pointer;padding-left:24px}
.radio+label:after,.radio+label:before{position:absolute;top:-1px;left:0;z-index:0;width:16px;height:16px;border-radius:50%;content:""}
.radio:not(:checked)+label:after,.radio:not(:checked)+label:before{border:1px solid #888}
.radio:checked,.radio:not(:checked){position:absolute;left:-9999px;opacity:0}
.radio:checked+label:before{border:1px solid #2d51b2}
.radio:checked+label:after{width:8px;height:8px;border-radius:50%;background:#2d51b2;top:4px;left:5px}
.imgBox{position:relative;overflow:hidden;isolation:isolate}
.imgBox .img, .imgBox .imgLi{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.imgBox .img, .imgBox .imgLi{padding-bottom:60%;transition:.5s;background-size:cover;display:block;background-repeat:no-repeat;background-position:center;display:block;background: #eee}
.imgBox img, .imgBox video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition: transform var(--photoboxAnimationDuration, .4s) cubic-bezier(0.71, 0.05, 0.29, 0.9);will-change: opacity, transform;transform: scale(1) translate(0, 0);}
.ieFiximg img{opacity: 0\0;transition: .5s}
.ieFiximg .imgbg{width: 100%;height: 100%;overflow: hidden;transition: .3s}
.none{display: none;}
.overhide{overflow: hidden}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.fl{float:left}
.fr{float:right}
.poab{position:absolute}
.pore{position:relative}
.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-upper{text-transform: uppercase;}
.text-lower{text-transform: lowercase;}
.text-ver{writing-mode: tr-lr;writing-mode: vertical-lr;}
.bgBox{background-repeat: no-repeat;background-position: center;background-size: cover;}
.abUrl{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);}
.flex{display:flex;flex-wrap:wrap;}
.flexjs{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flexc{display:flex;flex-wrap:wrap;align-items: center;}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}
.scbox{overflow-y:auto }
.scbox::-webkit-scrollbar{width:4px;display:block;}
.scbox::-webkit-scrollbar-track{border-radius:5px;;background: #ddd}
.scbox::-webkit-scrollbar-thumb{border-radius:5px;background:#2d51b2;}

.aline_w{position:relative;background-image:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s}
.alin_w:hover .aline_w{background-size:100% 1px;color: #fff}
.aline_w:hover{background-size:100% 1px}

.aline_r{position:relative;background-image:linear-gradient(#203e6e,#203e6e);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s}
.alin_r:hover .aline_r{background-size:100% 1px;color: #203e6e}
.aline_r:hover{background-size:100% 1px}
.compensate-for-scrollbar{margin-right: 0!important}

@keyframes sca{
0%{transform: scale(1);}50%{transform:  scale(1.1)}100%{transform:  scale(1)}
}
@keyframes go{
0%{transform: translateX(0);}50%{transform: translateX(10px);}100%{transform: translateX(0);}
}
@keyframes up{
0%{transform: translateY(0);}50%{transform: translateY(-8px);}100%{transform: translateY(0);}
}
@keyframes roted{
0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}
}

#gotop{position: absolute;z-index:90;top: 0;right: 1.2rem;box-sizing:border-box;text-align:center;cursor:pointer;transition:.5s;width: .68rem;height: .68rem;line-height: .68rem;/*background: #a24885;*/opacity:1;visibility:visible;overflow:hidden;border-radius: 50%;font-size: .18rem;color: #fff;font-family: 'Poppins-Bold';/*background-image: -moz-linear-gradient( 0deg, rgb(162, 72, 133) 0%, rgb(152, 94, 132) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(162, 72, 133) 0%, rgb(152, 94, 132) 100%);background-image: -ms-linear-gradient( 0deg, rgb(162, 72, 133) 0%, rgb(152, 94, 132) 100%);*/z-index: 10000;transform: translateY(-30%);}
#gotop.hide{height:0;opacity:0;visibility:hidden}
#gotop svg{width: .22rem;height: .22rem;display: inline-block;fill: #fff;vertical-align: middle;margin: -3px 0 0;transition: .5s;}
#gotop img{display: block;width: 100%;}

.wp {max-width: 14.4rem;margin: 0 auto;width: 94%}
.wp2 {max-width: 16.6rem;margin: 0 auto;width: 94%}
.wp3 {max-width: 15rem;margin: 0 auto;width: 94%}
.transImg{display: block;overflow: hidden;}
.transImg img{transition: .5s}
@media screen and (min-width: 1201px){
    .imgBox.trans:hover .img{ -webkit-transform: scale(1.05)}
    .ieFiximg.trans:hover img{-webkit-transform: scale(1.1)}
    .imgBox.trans:hover img{ transform: scale(1.1) translate(4%, 4%);}
    .a:hover .imgBox.trans .img{ -webkit-transform: scale(1.05)}
    .a:hover .imgBox.trans img{ -webkit-transform: scale(1.05)}
    .a:hover .ieFiximg.trans img{ -webkit-transform: scale(1.1)}
    .transImg:hover img{-webkit-transform: scale(1.05)}
    .a:hover .transImg img{-webkit-transform: scale(1.05)}
}

@media (max-width: 1440px) {

}
@media (max-width:1024px){
    .wp{padding:0 15px;width:100%;max-width:100%}
}
@media screen and (max-width:1024px){
    body{margin-top: .9rem;}
    .header .wp{max-width: 94%;padding: 0 .1rem;}
    html{font-size: 85px!important;}
    /* .wp{padding: 0 .7rem;} */
}
@media screen and (max-width:800px){
    html{font-size: 85px!important;}
    .wp{padding: 0 15px;}
}
@media screen and (max-width:640px){
    html{font-size: 85px!important;}
}
@media screen and (max-width:480px){
    html{font-size: 85px!important;}
}
@media screen and (max-width:375px){
    html{font-size: 85px!important;}
}
@media screen and (max-width:360px){
    html{font-size: 70px!important}
}
@media screen and (max-width:350px){
    html{font-size: 65px!important}
}
@media(max-width:768px){
    #gotop{ right:0; transform:translateY(-30%) scale(0.7)}
}

.arc-con{line-height: 2;color: #666B76;text-align: justify; }
.arc-con img{max-width: 100%;margin: 0 auto;display: block;height: auto !important;}
.arc-con img.spimg{max-width:inherit;}
.arc-con p{margin-bottom: .2rem;font-size: 0.15rem;}
.arc-con p:last-child{ margin-bottom: 0}
.arc-con table{border: 1px solid #eee;min-width: 640px;margin-left:0!important;width: 100%;background: #fff}
.arc-con table tr th,.arc-con table tr td{border: 1px solid #eee!important;padding: 15px;text-align: center;}

.h4s1{font-size: .18rem;color: #333;line-height: .3rem; transition: .5s;width: 100%; -webkit-transition: all 0.5s;transition: all 0.5s;}
.h4s2{font-size: .18rem;color: #333;line-height: .3rem;max-height: .6rem\0;width: 100%; -webkit-transition: all 0.5s;transition: all 0.5s;}
.h4s3{font-size: .18rem;color: #333;line-height: .3rem;max-height: .9rem\0;width: 100%; -webkit-transition: all 0.5s;transition: all 0.5s;}
.h6s1{font-size: .15rem;color: #999;line-height: 1.25; transition: .5s; width: 100%; -webkit-transition: all 0.5s;transition: all 0.5s;}
.ps2{font-size: .14rem;color: #999999;line-height: .26rem;max-height: .52rem\0; width: 100%; -webkit-transition: all 0.5s;transition: all 0.5s;}
.ps3{font-size: .15rem;color: #8f9090;line-height: .26rem;max-height: .78rem\0; width: 100%; -webkit-transition: all 0.5s;transition: all 0.5s;}
h4, h5, h6{ font-weight: normal}
.bd_li{ transition: .5s;}
/*公共结束*/

@font-face { font-family: 'Helvetica-Condensed-Black-Se'; src: url("/fonts/ROBOTO-BOLD-3_0.TTF"); }

.header{position:fixed;top: 0;left: 0;right: 0;z-index: 999;padding: 0;transition: .3s; width: 100%;/*max-width: 100vw;*/}
.header:before {content: "";display: block;position: absolute;left: 0;top: -0.05rem;right: 0;height: 1.38rem;background: url("/images/head-bg.png")  repeat-x;background-position: center; background-size: auto 99%; z-index: -1;  transform: translateY(-100%);transition: all 0.5s;background: linear-gradient(to bottom,#2d51b2,rgba(45, 81, 178,.3) 80%,rgba(45, 81, 178,0));}
.header .wp{transition: .3s;align-items: center;max-width: 16.66rem;z-index: 99;}
.header .logo{position: relative;/* width: 4.42rem; *//* max-width: 27%; */padding: .4rem 0;transition: all 0.5s;}
.header .logo a{display:block;}
.header .logo img{transition: .3s;display: block;height: 1.06rem;}

.header.on:before{
    transform: translateY(0);
}
.header.on .logo{
    padding: .1rem 0;
}

/**/
.header .navbtn{transition: .3s;z-index: 1;text-align: center;position: relative;cursor: pointer; width: .52rem;height: .52rem;background: #ff5e5e;border-radius: 50vw;display: flex;align-items: center;justify-content: center;}
.menu-btn{overflow:hidden;width:.21rem;height:.11rem;opacity:1;display: flex;flex-direction: column;justify-content: space-between;align-items: center;background: none;cursor: pointer;}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{background:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color;width: 100%;height: 2px; position: relative}
.menu-btn .line-1:before{ content: ""; position: absolute; top: 0; width: .04rem; height: 2px; background: #ff5e5e; left: 60%; animation: go1 2s infinite linear;}
@keyframes go1{
    0%{transform: translateX(0);}50%{transform: translateX(-.1rem);}100%{transform: translateX(0);}
}

.menu-btn .line-3{}
.navBtnm{ display: none;}
.navBtnm .topser .showSear{ width: .52rem;height: .52rem;background: #34c2f1 url(../images/icon-search.png) no-repeat;background-position:center center;background-size:.26rem .26rem;border-radius: 50vw;display: flex;align-items: center;justify-content: center;}
.navBtnm .topser .showSear svg{ width: .24rewm; height: .24rem; fill: #fff; margin: -2px 0 0;opacity:0; }

.ser-layer{background:rgba(0,0,0,0.6);position: fixed;left:0;top:0;right:0;bottom:0;z-index:99999;opacity:0;visibility:hidden;transition:all 0.3s ease-out 0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;backdrop-filter:blur(5px)}
.ser-layer.showdiv{opacity:1;visibility:visible;}
.ser-layer .serclose{font-size:.3rem;position:absolute;right:.3rem;top:.25rem;width:.3rem;height:.3rem;text-align: center;line-height:.3rem;cursor:pointer;color:#ccc;}
.ser-layer .serform{width: 90%;margin: 0 auto;margin: 0\0;transform: translateY(1.5rem);transition: .2s .1s}
.ser-layer.showdiv .serform{transform: translateY(0);transition: .5s .3s}
.ser-layer .serform .input-group{max-width:5.5rem;margin:0 auto }
.ser-layer .serform .input-group .sub{position:absolute;right:0;top:0;width:.8rem;height:.5rem;overflow:hidden;background:0 0;cursor: pointer;border-radius: 0 5px 5px 0}
.ser-layer .serform .input-group .sub:after{content:'';position:absolute;top:0;bottom:0;left:0;z-index:0;right:0;background: url(/images/ser.png) no-repeat 0.35rem center;background-size: .23rem .22rem;}
.ser-layer .serform .input-group .inp{height:.5rem;border:0;border-right:0;padding-right:.9rem;width:100%;padding-left:.2rem;background: #fff;border-radius: 5px 10px 10px 5px}

@media (max-width: 640px){
.ser-layer .serclose{right: 4%;top: .2rem}
}

.search-switch.head-search{
	display:none;
}
.head-search{margin:0 .2rem 0 0;cursor:pointer;}
.head-search img{
	display:block;
	width:.26rem;
}

.b-top {
    line-height: 40px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
}

.t-search-zzc {
    position: fixed;
    z-index: 99998;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
}

.t-search {
    padding: 0 0 10px 0;
    display: none;
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
}

.t-search>div {
    width: 10rem;
    margin: 0 auto;
    position: relative;
    padding-right: 50px;
    padding: .2rem 0;
    background: #fff;
    max-width: 95%;
}

.t-search>div input[type="text"] {
    display: block;
    width: 100%;
    padding: 0 .7rem 0 5%;
    font-size: 16px;
    height: 30px;
    box-sizing: border-box;
    font-size: .2rem;
}

.t-search>div input[type="text"]::placeholder {
    color: #9E9E9E;
}

.search-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: .7rem;
    cursor: pointer;
}

.search-btn input {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/images/ssearch-icon.png) no-repeat;
    background-position: center center;
    background-size: .48rem;
    cursor: pointer;
}


.header .topr{ align-items: center;padding: .25rem 0;}
.header .topnav{ margin: 0;transition: all 0.5s;}
.header .topnav ul{align-items: center;}
.header .topnav ul li{margin: 0 0.9vw;font-size: .18rem;position: relative;transition: .3s}
.header .topnav ul li>a{font-weight: bold; color: #fff}
.header .topnav ul li i.plus{position: absolute;right: 0;top: .15rem;color: #999;display: block;width: .3rem;height: .3rem;text-align: center;line-height: .3rem;display: none;transition: .3s}
.header .topnav ul li i.plus.show{transform: rotate(180deg);}
.header .topr .navBtnm{ display: flex }

.header .topnav ul li .sub-nav{position:absolute;top:100%;left:50%;z-index:99;padding-top:.25rem;min-width: 1.5rem;transform:scaleY(0) translateX(-50%);opacity: 0;visibility: hidden;transition: .3s;transform-origin: top center;}
.header .topnav ul li .sub-nav .sub-nav-h{position: relative;background: #fff;padding: .2rem;box-shadow: 0 0 10px rgba(0,0,0,.3);background: #fff;border-radius: 0 0 5px 5px}
.header .topnav ul li .sub-nav .sub-nav-h:after{content: '';height: 3px;width: 100%;position: absolute;left: 0;top: 0;background:#2d51b2;}
.header .topnav ul li .sub-nav .sub-nav-h a{display:block;font-size:.16rem;padding:0 .1rem ;white-space: nowrap;line-height: .35rem;text-align: center;}
.header .topnav ul li .sub-nav .sub-nav-h a:hover{color: #2d51b2}
.header .topnav ul li .sub-nav .sub-nav-h:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);width: 6px;height: 6px;background: #fff; bottom: calc(100% + 4px);border-radius: 50%;display: none;}
.header .toplink{ align-items: center}
.header .toplink ul li{ margin: 0 0 0 .18rem}
.header .toplink ul li .a{ font-size: .15rem; color: #fff; font-weight: bold;}
.topser{margin: 0 -.07rem 0 0;position: relative;z-index: 2;}

.header.on .allnav{ top: 1.56rem;}
.allnav{
    position: fixed;
    top: 1.86rem;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0b378d;
    box-shadow: 0px 13px 47px 0px 
  #2564c6;
    border-radius: 50px;
    padding: 0.9rem .5rem;
    transform: translateY(100%);
    opacity: 0;
    transition: all 0.5s;
    overflow: hidden;
    z-index: 9;
}
 
.header .navbtn::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(135%)   rotate(45deg);
    top: 100%;
    width: 0.5rem;
    height: 0.5rem;
    background: #0b378d;
    border-radius: .1rem;
    margin-top: .67rem;
    opacity: 0;
}

.allnav-box{
    height: 100%;
    overflow-y: auto;
    display: flex;
    justify-content: space-around;
}
.allnav-box dl{
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s;
}

.allnav-box dl dt {
    display: flex;
    margin-bottom: .55rem;
}
.allnav-box dl dt a{
    display: block;
    font-size: 0.2rem;
	font-weight: 600;
	line-height: 0.28rem;
	color: #43effc;
    position: relative;
    padding-bottom: .15rem;
}
.allnav-box dl.active dt a::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url(/images/ny-nav-aft.png) no-repeat;
    background-position: center bottom;
    background-size: .34rem;
}
.allnav-box dl.active dt a::after{
   width: 0;
}
.allnav-box dl dt a::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.5s;
    border-bottom: solid 2px #34c2f1;
    width: 100%;
}
.allnav-box dl dd{
    padding: .1rem 0;
}
.allnav-box dl dd a{
    display: block;
    font-size: 0.18rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.28rem;
    color: #fff;
}
.allnav-box dl dd a:hover{
    color: #43effc;
}

.allnav-tl{
    position: absolute;
    left: 0;
    top: 0;
}
.allnav-tl img{
    display: block;
    width: 7.44rem;
    transition: all 1s;
    transform: translateY(-100%);
    opacity: 0;
}
.allnav-tl::after{
    content: "";
    position: absolute;
    right:-22%;
    bottom: 0;
    width: 154.7%;
    padding-top: 154.7%;
    border-radius: 50%;
    border: dashed 2px rgba(54, 194, 217,.5);
    animation: _anirotate 85s linear infinite;
}
.allnav-br{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 4.12rem;
    height: 3.77rem;
}
.allnav-br::before{
    content: "";
    position: absolute;
    width: 176%;
    left: 0;
    top: 0;
    padding-top: 176%;
    border-radius: 50%;
    background-color: rgba(47, 189, 239,.1);
    transform: scale(0);
    opacity: 0;
}
.allnav-br::after{
    content: "";
    position: absolute;
    left: 0;
    top: -50%;
    width: 280%;
    padding-top: 280%;
    border: dashed 2px #36c2d9;
	opacity: 0.5;
    border-radius: 50%;
    animation: _anirotate 85s linear infinite;
}
#footer{position: relative;}


.footer{
    background-color: #e3ebff;
    border-radius:0 2rem 0 0;
    overflow: hidden;
    position: relative;
    z-index: 9;
}
.footer::before{
    content: "";
    position: absolute;
    transform: translateY(-77%) translateX(-50%);
    left: 0;
    top: 0;
    border-radius: 50%;
    width: 54vw;
    height: 54vw;
    background: #dde5fc;
    z-index: 1;
    pointer-events: none;
}
.footer::after{
    content: "";
    position: absolute;
    transform: translateX(25%);
    right: 0;
    top: 0;
    border-radius: 50%;
    width: 54vw;
    height: 54vw;
    background: #dde5fc;
    z-index: 1;
    pointer-events: none;
}
.foot-c{
    padding: 1rem 0 .55rem 0;
    display: flex;
    justify-content: space-between;
}
.foot-l a{display: block;}
.foot-l a img{display: block;max-width: 100%;height: 1.06rem;}
.foot-r div{display: flex;justify-content: space-between;}
.foot-r p{
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.36rem;
    letter-spacing: 0px;
    color: #170075;
}
.bq{
    background-color: #170075;
    padding: .2rem;
    position: relative;
    z-index: 9;
}
.bq p{
    font-size: 0.18rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.28rem;
	color: #ffffff;
	opacity: 0.5;
    text-align: center;
}
.bq p a{
    color: #ffffff;
}
.wap560{display: none;}

@media(min-width: 1025px){
    .a:hover h4{ color: #2d51b2;}
    .header .topnav ul li:hover>a{/*! color:#2d51b2 */ }
    .header .topnav ul li:hover .sub-nav{opacity: 1;visibility: inherit;transform:scaleY(1) translateX(-50%)}

    
.navShow .allnav{
    transform: translateY(0);
    opacity: 1;
}
.navShow .allnav dl{
    transform: translateY(0);
    opacity: 1;
    transition-delay: .5s;
}

.navShow .header .navbtn::after{
    transform: translateX(-50%) translateY(-35%)   rotate(45deg);
    opacity: 1;
    transition: all 0.5s .5s;
}
.navShow .allnav-tl img{
    transform: translateY(0);
    opacity: 1;
    transition-delay: .5s;
}
.navShow .allnav-br::before{
    animation: bounceIn 1s 1s 1 forwards;
}

.navShow .menu-btn{overflow: visible;}
.navShow .menu-btn .line-1{
    transform: rotate(45deg);
    transform-origin: 20% center;
}
.navShow .menu-btn .line-3{
    transform: rotate(-45deg);
    transform-origin: 20% center;
}
.navShow .menu-btn .line-1:before{
    opacity: 0;
}

.navShow .header .topnav{
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
}
.navShow  .header:before{
    transform: translateY(0);
}

}
@media(max-width: 1024px){
.t-search>div{
   padding:.1rem 0;
}
    .header1{ opacity: 1 !important; visibility: visible !important;}
    .header2{ opacity: 0 !important; visibility: hidden !important;}
    .header{background: #2d51b2;}
    .header .bg_logo{ display: none;}
    .header .topr{position: fixed;top: 1rem;transform: translateX(101%);height:calc(100vh - 1.8rem);z-index: 50;display: block;width: 100%;padding: 0 5%;overflow: auto;text-align: left;margin-top: 0;left: 0;}
    .header .topr .navBtnm, .header .topr .search-switch{display: none;}
    .header .topnav .wp{width: 100%}
    .header .topnav ul{display: block;margin-right: 0;background: transparent;}
    .header .topnav ul li{margin-left: 0;padding: .15rem 0}
    .header .topnav ul li:after{bottom: 0;height: 2px}

    .header .topnav ul li+li:before{display: none}
    .header .topnav .btn{display: inline-block;}

    /* .header .navbtn{display: block;} */
    .header .wp{ align-items: center;}
    .navShow .header .topr{transition: .5s;transform: translateX(0);}
    .navShow .header{background: rgba(45 ,81, 178,.8);backdrop-filter: blur(15px);bottom: 0;}
    .header .topnav ul li i.plus{display: block;font-size: .16rem;color: #fff;}
    .header .topnav ul li .sub-nav{position: static;transform: translateX(0);padding-top: .15rem;
opacity: 1;visibility: visible;transition: none;display: none;min-width: inherit;}
    .header .topnav ul li .sub-nav .sub-nav-h:before,.header .topnav ul li .sub-nav .sub-nav-h:after{display: none}
    .header .topnav ul li .sub-nav .sub-nav-h{text-align: left;background: transparent;box-shadow: none;padding-bottom: 0;padding: 0;}
    .header .topnav ul li .sub-nav .sub-nav-h a{background: transparent;font-size: .18rem;text-align: left;color: rgba(255,255,255,.8);padding: .05rem .1rem .05rem .15rem;border: 0}
    .header .topnav ul li .sub-nav .sub-nav-h a:hover{background: transparent;color: #fff}
    .header .topnav ul li .sub-nav .sub-nav-h a:after{display: none}
    .header .topnav ul li .sub-nav .sub-nav-h a:before{top: 50%;margin-top: -5px}
    .navShow .header .toplink ul li{ margin: 0; min-width: 25%; text-align: center; line-height: 2}
    .navBtnm{display: flex;flex-wrap: nowrap;align-items: center;}
    .topser{ display: none;}
    .navBtnm .topser{ display: block;}

	.navBtnm .head-search{
    margin: 0 .1rem 0 0;
}
    .header:before{display: none;}
    .header .logo{max-width: none;padding: 0.1rem 0;width: auto;}
	 .header .logo a {display:block;}
	 .header .logo a img{display:block;height: .7rem;}
     .navBtnm .topser .showSear{width: 0.4rem;height: 0.4rem;}
     .header .navbtn{width: 0.4rem;height: 0.4rem;}



     .footer{border-radius: 0 .5rem 0 0;}
     .foot-c{padding: .35rem 0; display: block;}
     .foot-r{margin-top: .2rem;}
     .foot-r div{justify-content: flex-start;flex-wrap: wrap;}
     .foot-r p:nth-child(1){margin-right: .1rem;}

     

}
@media(max-width: 800px){
    .header{}
}
@media(max-width: 560px){
    .pc560{display: none;}
    .wap560{display: block;}
} 

/*公共css*/
@media(max-width: 800px){
    .h4s0{font-size: .2rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .2rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
    .h4s2{font-size: .2rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .2rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}
    .arc-con, .arc-con p{ font-size: .18rem}
} 

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
} 
@media(max-width: 560px){
} 





.pic {
    padding-top: 75%;
    position: relative;
    overflow: hidden;
}

.pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 1s;
    object-fit: cover;
}

a:hover .pic img {
    transform: scale(1.05);
}

.pic div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    transition: all .8s;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

a:hover .pic div {
    width: 110%;
    height: 110%;
}



/* 文字进入式下划线 */
.titline i {
    display: inline;
    font-style: normal;
    position: relative;
    background-image: linear-gradient(#2d51b2, #2d51b2);
    background-position: right bottom;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .5s;
}

a:hover .titline i {
    background-position: left bottom;
    background-size: 100% 1px;
    font-weight: inherit;
    color: inherit;
}

a:hover .titline {
    color: #2d51b2;
}