@charset "utf-8";
@import url('/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnHSknJIESIk1KExV.css');
@import url('/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnKIgETyMPDD.css');

@media screen and (min-width:2000px){
	html{font-size: 120px !important;}
        .wp{max-width: 18rem !important;}
        .n_pad1 .wp {max-width: 17rem !important;}
 #nav{width: 12.5rem !important;}
}
@media screen and (max-width:1024px){
	html{font-size: 90px !important;}
}
@media screen and (max-width:900px){
	html{font-size: 85px !important;}
}
@media screen and (max-width:640px){
	html{font-size: 85px !important;}
}
@media screen and (max-width:480px){
	html{font-size: 80px !important;}
}
@media screen and (max-width:375px){
	html{font-size: 70px !important;}
}
@media screen and (max-width:360px){
	html{font-size: 80px !important;}
} 
@media screen and (max-width:350px){
	html{font-size: 70px !important;}
} 
.wl { position: relative; z-index: 1;}
.wl::after { content: ""; z-index: -1; position: absolute;}
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpKIuDIIMUTyANKOcSK1H.jpg) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpKIuDIIMUTyANKOcSK1H.jpg) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpKIuDIIMUTyANKOcSK1H.jpg) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpKIuDIIMUTyANKOcSK1H.jpg) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
.loader{position: fixed;left: 0;top: 0;right:0;bottom: 0;z-index: 999;pointer-events: none;background: #fff}
/*.loader .logoload{position: absolute;height: 1.6rem;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5;transition: .5s .3s}
.loader .logoload img{height: 1.6rem}
.loader ul{display: flex;justify-content: center;width: 100vw;height: 100vh}
.loader ul li{width: 25%;background: #6c1576;height: 100% }
.loader ul li:nth-child(1){transition: height .5s .5s}
.loader ul li:nth-child(2){transition: height .5s .6s}
.loader ul li:nth-child(3){transition: height .5s .7s}
.loader ul li:nth-child(4){transition: height .5s .8s}
.loader.hide{z-index: -999;opacity: 0;visibility: hidden;transition: 0s 1.5s}
.loader.hide .logoload{opacity: 0;}
.loader.hide ul li:nth-child(1){height: 0}
.loader.hide ul li:nth-child(2){height: 0}
.loader.hide ul li:nth-child(3){height: 0}
.loader.hide ul li:nth-child(4){height: 0}*/
@font-face{font-family:'ari';font-weight: bold; src:url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpHycsExNoIRAoHyuKIEkUDSZ.jpg)}
@font-face{font-family:'ari';font-weight: normal; src:url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpHycsExNoIRAoHytoEHMI.jpg)}
@font-face{font-family:'bell';font-weight: bold; src:url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpHycsExNoI1ErK1LoEHMI.jpg)}
@font-face{font-family:'bell';font-weight: normal; src:url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpHycsExNoI1ErKkcOEID.jpg)}
@font-face{font-family:'col';font-weight: normal; src:url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpHycsExNoHyEqDIApHSNqDRSK.jpg)}
@font-face{font-family:'Century Gothic';font-weight: bold; src:url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpHycsExNopa5zr312pkkaLUZ.jpg)}
@font-face{font-family:'Century Gothic';font-weight: normal; src:url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpHycsExNopa5zr312U2Mapt.jpg)}
.ari{font-family:'ari';}
.bell{font-family:'bell';}
.col{font-family:'col';}
html{font-size: 100px}
*{box-sizing:border-box;margin:0;padding:0; }
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0;position: relative;overflow-x:hidden;font-size: .16rem;
   font-family:ari,Arial,-apple-system,PingFang SC,BlinkMacSystemFont,Microsoft YaHei,Helvetica Neue,"Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;color: #333}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.2em;font-weight:normal;}
ol,ul{list-style:none}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{color:#333;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
a:active,a:hover{outline:0;text-decoration:none}
a:hover{color:  #63065f}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{display:block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%}
address,cite,dfn,var{font-style: normal;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;border: none; border-top: 2px 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}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
:focus{outline:0}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border: none}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal;-webkit-appearance:none}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
select::-ms-expand { display: none; }
.none{display: none}
.check:checked,.check:not(:checked){position:absolute;left:-9999px;opacity:0}
.check:checked+label,.check:not(:checked)+label{position:relative;display:inline-block;
	height:14px;font-size:14px;cursor:pointer;padding-left: 20px;}
.check+label:after,.check+label:before{position:absolute;top:2px;left:0;z-index:0;width:16px;height:13px;
	border-radius:3px;content:'';background: #000}
.check:checked+label:after{background: #ca140d}

.scbox{overflow-y:auto }




.radio:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:16px;font-size:14px;line-height:16px;cursor:pointer;padding-left: 20px}
.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 #d9a65c}
.radio:checked+label:after{width:8px;height:8px;border-radius:50%;background:#d9a65c;top:3px;left:4px}

::-webkit-input-placeholder{color:#999;opacity:.54}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
:-ms-input-placeholder {color:#999 }  
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.l{float:left}
.r{float:right}
.fl{float:left!important}
.fr{float:right!important}
.bor{border:1px dashed #999}
.poab{position:absolute}
.pore{position:relative}
.texto a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eclip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eclips{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imgInline{display:inline-block!important;vertical-align:middle}
.imgMargin{margin:0 auto}
.imgW100{width:100%}

.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-up{text-transform: uppercase;}

.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.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;}

@media screen and (min-width: 1025px){
.trans-mask:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}	
.bg-mask:hover .pic .a{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

}
.trans{transition:all .5s}
.trans-mask{display:block;overflow:hidden;width:100%;cursor:pointer;position: relative;}
.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;transform:scale(1.01)}

.bg-mask .pic{overflow: hidden;}
.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;/* transform:scale(1.01) */}


.bgimg{background-repeat: no-repeat;background-position: center;background-size: cover;}
.ablink{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);}
.wp{margin:0 auto;max-width:16rem;width: 94%}
.wpa{width:94%;margin:0 auto;max-width:17.5rem}

.zoom150 .wp{max-width: 18rem;}
.greybg{background:#f2f2f2}
.co{color:#0142ae}
.fixdbody{position:fixed;top:0;left:0;right:0;bottom:0}
.m-show{display:none}
.filter-page{filter: blur(5px);}
@media screen and (max-width:980px){.pc-show{display:none}
.m-show{display:block}
}

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

.aline_y{position:relative;background-image:linear-gradient(#f1a435,#f1a435);background-position:0 100%;background-size:0 2px;background-repeat:no-repeat;transition:background-size .3s}
.alin_y:hover .aline_y{background-size:100% 2px;color: #f1a435}
.aline_y:hover{background-size:100% 2px}

.aline_b{position:relative;background-image:linear-gradient(#63065f,#63065f);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.alin_b:hover .aline_b{background-size:100% 1px}
.aline_b:hover{background-size:100% 1px}

.titline_r{position:relative;background-image:linear-gradient(#6510ad,#6510ad);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_r:hover .titline_r{background-size:100% 1px;color: #6510ad}
.titline_r:hover{background-size:100% 1px}

.zi6{position: relative;z-index: 6}
.zi5{position: relative;z-index: 5}
.zi4{position: relative;z-index: 4}
.zi3{position: relative;z-index: 3}
.zi2{position: relative;z-index: 2}
.zi1{position: relative;z-index: 1}
.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}
.l8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}

@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);}
}


.overhide{overflow: hidden}
.header .logo{/*width: 1.92rem;min-width: 1.92rem;*/display: flex;align-items: center;}
.header .hdr{width: calc(100% - 1.92rem);padding: 0 0 0 .5rem;}
.headerm{display: none; position: fixed;left: 0;right: 0;top:0;z-index: 99;padding-right: 4%;padding-left: 4%;
  background:rgba(255,255,255,1); height: .65rem ;box-shadow:  0 5px 10px rgba(0,0,0,.1)}
/*.headerm:before{content: "";display: block;position: absolute;left: 0;top:0;right: 0;height:3px;background: linear-gradient(to right,#7410ab 0%,#3707a1 100%);z-index: 1 ;transition: .3s linear}*/
.headerm .logo{}
.headerm .logo img{height:.46rem;}
.headerm .navbtnm{width:.7rem;height: .45rem;background: #63065f;transition: .3s;
  position: absolute;top: .1rem ;right: 0;z-index: 5;color: #fff;text-align: center;border-radius: .4rem 0 0 .4rem }
.headerm .serbtnm{position: absolute;right: 1rem;font-size: .26rem;color: #63065f;top: .2rem}

.headerm .navbtnm .menu-btn{width:26px;height:26px;left: .2rem}
.headerm .navbtnm .menu-btn .line-1,.headerm .navbtnm .menu-btn .line-2,.headerm .navbtnm .menu-btn .line-3{width:26px;}
.headerm .navbtnm .menu-btn .line-1{margin-top:-9px;width:22px}
.headerm .navbtnm .menu-btn .line-3{margin-top:7px;width:22px}
body.navShow .headerm .navbtnm .menu-btn .line-2{width:22px}

.header{position: fixed;top:0; left: 0;right: 0;z-index: 50;padding: .2rem 0 ;transition: .3s;}
.header:before{content:"";position: absolute;top:0;left:0;right:0;background:url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpKIuDIIMUTyAgHIZoDIkH.jpg) center top no-repeat;background-size: 100% 100% !important;height: 2rem;z-index: -1;transition: .5s;pointer-events: none;}
.header:hover:before{top: 0}
.header .navbtn{
  width:1rem;
  height: .6rem;
  background: #63065f;
  transition: .3s;
  position: absolute;
  top: 46%;
  right: 0;
  z-index: 5;
  color: #fff;
  text-align: center;
  border-radius: .4rem 0 0 .4rem;
  transform: translateY(-50%);
  }
.menu-btn{overflow:hidden;width:36px;height:36px;background:0 0;opacity:1;position:absolute;z-index:999;top: 50%;transform: translateY(-50%);left: .3rem}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{position:absolute;top:50%;right:0;display:block;width:36px;height:2px;background:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color;margin-top: -1px}
.menu-btn .line-1{margin-top:-12px;width:30px}
.menu-btn .line-3{margin-top:10px;width:30px}



.scrolling .header{/* background: rgba(99,6,95,.75); */padding: .2rem 0;/* backdrop-filter: blur(5px); */}
.scrolling .header  .logo img{height: .4rem;max-height: .6rem\0;}
.scrolling .navbtn{top: 50%;}

.scrolling .header{
background-image: -moz-linear-gradient( 0deg, rgba(117,35,125,.9) 0%, rgba(155,51,121,.9) 100%);
background-image: -webkit-linear-gradient( 0deg, rgba(117,35,125,.9) 0%, rgba(155,51,121,.9) 100%);
background-image: -ms-linear-gradient( 0deg, rgba(117,35,125,.9) 0%, rgba(155,51,121,.9) 100%);
}
.scrolling .header:before{background: none;}
.scrolling .header .hdrTop{display: none;}

.scrolling .header .hdrNav{margin-top: 0;}
.scrolling .header .navbtn{background: none;}
.header .wpa{margin-left: .5rem;margin-right: 1.5rem;max-width: inherit;width: auto;flex-wrap: nowrap;}
.header .logo img{transition: .3s;max-height: .59rem;}
body .header .logo img{margin-top:.2rem;}
body.scrolling .header .logo img{margin-top:0;}
.header .wp{position: relative;z-index: 3}


.header .hdrTop ul li a{display: block;padding: 0 .15rem;border: 1px solid rgba(255,255,255,.6);color: #fff;line-height: .22rem;border-radius: .3rem;font-size: .14rem;transition: .3s;}
.header .hdrTop ul li a:hover{background: #63065f;border-color: #63065f}
/*.header .hdrTop ul li:last-child a{background: #63065f;border-color: #63065f}*/
.header .hdrTop ul li{margin-right: .2rem}
.header .hdrTop .serbtn {font-size: .26rem;color: #fff;display: block;line-height: .24rem}
.header .hdrNav{margin-top: .15rem;display: flex;justify-content: flex-end;}
#nav{width: 11rem;max-width: 100%;height: 100%;}
#nav ul{display: flex;justify-content: space-between;height: 100%;}
#nav ul li{z-index:0;height: 100%;position: relative;white-space: nowrap;}
#nav ul li a{display: flex;padding: 0;position: relative;z-index: 2;height: 100%;align-items: center;}
#nav ul li h3{font-size: .24rem;color:#fff;line-height: .4rem;position:relative;transition: .36s;display: inline-block;font-weight: bold;font-family: 'bell';}
#nav ul li h3:after{content:"";position:absolute;left: 50%;top: calc(100% + 2px);transition:.6s;border-left: transparent .75rem solid;border-right: transparent .75rem solid;border-bottom: #fff 1rem solid;margin-left: -.75rem;opacity:0;visibility:hidden;}
#nav ul li.on1 h3:after{ opacity:1; visibility:visible}
#nav ul li a i{ margin:-3px 0 0 .625rem; display:inline-block; width:10px; height:5px;  transition:.5s}
#nav ul li.on a i, #nav ul li:hover a i{ }
#nav ul li a i{ display:inline-block;  width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;background:#fff;width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;box-shadow: 0 0 10px rgba(0,0,0,.3);border-radius: 0 0 .08rem .08rem;overflow: hidden;}
#nav ul li .sub:after{content: '';height: 3px;width: 100%;position: absolute;left: 0;top: 0;background: #e2be8f;}
#nav ul li .sub .box{padding: 3px 0 0;text-align:center;}
#nav ul li .sub a{padding: 8px 30px;line-height: 28px;transition:.6s;font-size: 14px;color: #666666;text-align: center;white-space: nowrap;font-family: SourceHanSerifCN-Bold;min-width: 160px;justify-content: center;}
#nav ul li .sub a:hover{color: #fff;background: #63065f;}
#nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);}
#nav>ul>li.on h3,#nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3{opacity: .9;}

#nav>ul>li h3:before{content:"";display:block;position:absolute;width: 12px;height: 12px;right: -1.375rem;top: 50%;margin-top: -6px;transition:.3s; display:none}
#nav>ul>li.xiala h3:before{ display:block}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}
#nav>ul>li.noSubMenu h3:before{ display:none}

.list1{display: none;margin-top: .15rem;}
.list1 li a{color: #fff}
.list1 li{position: relative;padding: 0 .2rem}
.list1 li:after{content: '';width: 1px;height: 14px;background: rgba(255,255,255,.6);position: absolute;right: 0;top: 50%;margin-top: -7px}
.list1 li:last-child{padding-right: 0}
.list1 li:last-child:after{display: none}

.navShow #nav{ display: none;}
.navShow .list1{ display: flex;}

.big-nav{position: fixed;z-index: 49;left: 0;top: 0;right: 0;bottom: 0;background: url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpKIuDIIMUTy9GEIMFU1uQHj.jpg) no-repeat center;background-size: cover;opacity: 0;visibility: hidden;transition: .3s}
.big-nav .scroll{position:absolute;z-index:1;left:0;right:0;top: 2rem;bottom:0;overflow-y:auto;padding-bottom: .3rem;}
.big-nav .scroll::-webkit-scrollbar{display: none}
.big-nav .scroll .wp{max-width: 16rem;}
.big-nav .scroll dl{ width: 12.5%; margin-bottom: .2rem;transform: translateY(1rem);opacity: 0;overflow: hidden;text-align: center;}
.big-nav .scroll dl dt{font-family: 'bell';font-size: .22rem;font-weight: bold;padding-bottom: .15rem;margin-bottom: .2rem;position: relative;}
.big-nav .scroll dl dt:after{content: '';height: 1px;width: 0;position: absolute;left: 50%;bottom: 0;background: #fff;transform: translateX(-50%);}
.big-nav .scroll dl dt a{color: #fff;}
.big-nav .scroll dl dd ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.big-nav .scroll dl dd ul li{width: 100%;margin-bottom: .15rem;font-size: .17rem;line-height: 1.4em;}
.big-nav .scroll dl dd ul li a{ color: #fff}
.big-nav .scroll .wp:after{width: 31.333%;display: inline-block;content: '';display: none;}



body.navShow {overflow: hidden;position: fixed;width: 100%;height: 100%}
body.navShow .big-nav {opacity: 1;visibility: visible;}
body.navShow .header .hd-nav {opacity: 0;visibility: hidden;position: absolute}
body.navShow .header .hdr-t {padding-top: .2rem}
body.navShow .header .navbtn i:before {content: "\eca0";}
body.navShow .headerm .navbtnm i:before {content: "\eca0";}
body.navShow .menu-btn .line-1{visibility:hidden}
body.navShow .menu-btn .line-2{margin-top:-1px!important;width:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
body.navShow .menu-btn .line-3{margin-top:-1px!important;width:100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
/*
body.navShow .header .hdrTop ul li a{color:#63065f;border-color:rgba(99,6,95,.75)  }
body.navShow .header .hdrTop ul li a:hover{color:#fff }
body.navShow .header .hdrTop .serbtn{color:#63065f }
body.navShow .header .hdrNav ul li a{ color:#63065f }
body.navShow .header .hdrNav ul li:after{background:rgba(99,6,95,.75)}*/
body.navShow .big-nav .scroll dl{transform: translateY(0);opacity: 1;}
body.navShow .big-nav .scroll dl dt:after{width: .3rem;transition:width .6s 1s linear;}
body.navShow .big-nav .scroll .wp dl:nth-child(1){transition: .8s .2s}
body.navShow .big-nav .scroll .wp dl:nth-child(2){transition: .8s .3s}
body.navShow .big-nav .scroll .wp dl:nth-child(3){transition: .8s .4s}
body.navShow .big-nav .scroll .wp dl:nth-child(4){transition: .8s .5s}
body.navShow .big-nav .scroll .wp dl:nth-child(5){transition: .8s .6s}
body.navShow .big-nav .scroll .wp dl:nth-child(6){transition: .8s .7s}
body.navShow .big-nav .scroll .wp dl:nth-child(7){transition: .8s .8s}
body.navShow .big-nav .scroll .wp dl:nth-child(8){transition: .8s .9s}
body.navShow .big-nav .scroll .wp dl:nth-child(9){transition: .8s 1s}
body.navShow .big-nav  .btn-link{transform: translateY(0);opacity: 1;visibility: visible;transition: .8s .2s}

body.navShow .header:before{ opacity: 0;}

.big-nav  .btn-link{display: none;margin-bottom: .2rem;transform: translateY(1rem);opacity: 0;}
.big-nav .search{display: none!important}
@media screen and (max-width: 1024px){
body{padding-top: .65rem}
.big-nav  .btn-link{display: block;}
.big-nav {background: url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpKIuDIIMUTy9GEIMFU1uQHj.jpg) no-repeat center;background-size: cover; overflow-y: auto;padding-bottom: .3rem}
.big-nav .scroll {position: static;padding-top: 1rem;}
.big-nav .scroll::-webkit-scrollbar{display: none}
.big-nav .scroll dl{width: 48%}
.big-nav .links{line-height:.35rem;color: #fff;font-size: .18rem;padding: 0 6% .2rem;transition: .3s;width: 100%;
  border-bottom: rgba(255, 255, 255, 0.13) solid 1px;}
.big-nav .links  a{color: #fff;margin-right:.5rem;}
.big-nav .links  a i{font-size: .26rem;margin-right: 3px;vertical-align: -2px}
.big-nav .links{}
.big-nav .linksa a{display: block;padding: 0 .2rem;border: 1px solid rgba(255,255,255,.75);line-height: .3rem;border-radius: .3rem;transition: .3s;margin-right: .2rem}
}
@media (max-width: 1600px){
#nav ul li h3{ font-size: .22rem}
/*.flex-v-center{margin: 0 0 0 10%;overflow: hidden;}*/
.header .logo{/* width: 2.2rem; *//* min-width: 2.2rem; */}
.footer .aleft{max-width: 70%;flex: 1;overflow: hidden;}

.footer .logoft img{width: 1.75rem !important;height: 2rem !important;}
.footer .infoft{ padding-left: .4rem !important}
}
@media (max-width: 640px){
.big-nav .scroll dl{width: 100%}
}
@media screen and (max-width: 1400px){
  #nav ul li h3{ font-size: .19rem}
  #nav{width: 10rem;}
.footer .infoft p{ font-size: .15rem; line-height: 1.5 !important}
}
@media screen and (max-width: 1300px){

.header .wpa{
    margin-right: 1.125rem;
}
#nav ul li h3{
    font-size: .22rem;
}
}
@media screen and (max-width: 1200px){

  .footer .aleft{flex: inherit;}
  #nav{
    width: 7rem;
}
.header .wpa{
    margin-right: 1.125rem;
}
#nav ul li h3{
    font-size: .2rem;
}
.header .logo{}
}

@media screen and (max-width:1024px){
.header{display: none}
.headerm{display: flex;}
html{font-size: 90px!important;}
.big-nav .scroll dl{text-align: left;width: 30%}
.big-nav .scroll dl dt:after{transform: translateX(0);left: 0}
}

@media screen and (max-width:900px){
.wp{width: 90%}
.wpa{width: 90%}	
html{font-size: 85px!important;}
.big-nav .scroll dl{text-align: left;width: 48%}
}
@media screen and (max-width:640px){
body{font-size: .18rem}
}
@media screen and (max-width:480px){
html{font-size: 80px!important;}
.eclips{display:block;overflow:visible;text-overflow:inherit;white-space:normal;}
.big-nav .scroll dl{text-align: left;width: 100%}
}
@media screen and (max-width:375px){
html{font-size: 75px!important;}
}
@media screen and (max-width:360px){
html{font-size: 70px!important;}
}


.layer{background:rgba(206,146,57,.9);background: url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpKIuDIIMUTy1GFySUoyOHTy9OID.jpg) no-repeat center;background-size: cover;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(2px);}
.layer.showdiv{opacity:1;visibility:visible;}
.layer .serclose{font-size:.35rem;position:absolute;right:.3rem;top:.3rem;width:.4rem;height:.4rem;text-align: center;line-height:.4rem;cursor:pointer;color:#fff;}
.serform{width: 90%;margin: 0 auto;transform: translateY(1.5rem);transition: .2s .1s}
.layer.showdiv .serform{transform: translateY(0);transition: .5s .3s}
.layer .serform .input-group{max-width:5.5rem;margin:0 auto }
.layer .serform .input-group .sub{position:absolute;right:0;top:0;width:.6rem;height:.5rem;overflow:hidden;background:0 0;background:#620b62}
/*.layer .serform .input-group .sub:before{content:'';background:#620b62;transform:skewX(-12deg);position:absolute;top:0;bottom:-1px;left:0;z-index:0;right:-6px;transform-origin:left bottom}*/
.layer .serform .input-group .sub:after{content:'';background:url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpKIuDIIMUTxWKDEcTE1H.jpg) no-repeat center;background-size:.26rem .26rem;position:absolute;top:0;bottom:0;left:0;z-index:0;right:0}
.layer .serform .input-group .inp{height:.5rem;border:0;border-right:0;padding-right:.9rem;width:100%;padding-left:.15rem}
.layer .tit{text-align: center;font-size: .3rem;margin-bottom: .3rem;color: #fff;line-height: 1.25;}
@media (max-width: 640px){
.layer .serform .input-group .sub{height:.54rem;}
.layer .serform .input-group .inp{height:.54rem;}
.layer .serclose{right:.1rem;top:.12rem;width:.4rem;height:.4rem;line-height:.4rem;cursor:pointer;color:#fff;font-size: .3rem}
}

.popCode{position: relative;}
.popCode span{width: 1.2rem;position: absolute;left: 50%;top: calc(100% + .1rem);z-index: 5;background: #fff;transform: translateX(-50%);display: none;box-shadow: 0 0 .15rem rgba(0,0,0,.1)}
.popCode span:before{content: '';border: 10px solid transparent;border-bottom-color: #fff;position: absolute;top: -18px;left: 50%;transform: translateX(-50%);}
.popCode:hover span{display: block;}
.publine {background: linear-gradient(45deg,#0e53ba 0%,#ac0b5e 100%);}
.footer{padding: .45rem 0 .65rem;background: url(/ISjpKIgII0foTk8qpyOLJRSNKIcsUE0nTyupI1SAUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5oKIWnUtZQND0rUO0oTk8qpyOLJRSNKIcsUE0nTyupIIfnODLROubsUOjnTk5oKIODFE17KIWMKycGKHIOUOboUzSDKIOsHIMeLIEEJ1cnKI1HGEbsUOjnTk5EDRpnUkjpKIuDIIMUTyqTHIZRU0WqHj.jpg) no-repeat top center;background-size: cover}
.footer  .logoft img{height: 2.6rem;width: 2.1rem}
.footer  .infoft{/* margin: -.3rem 0; */padding-left: .66rem;max-width: 3.76rem;width: calc((100% - 1.9rem)/2);}
.footer  .infoft p{line-height: 1.8em;color: rgba(255,255,255,.8);text-transform: uppercase;padding: .15rem 0;}
.footer  .infoft p span{color: #fff;font-size: .2rem;font-family: 'bell';display: block;margin-bottom: .1rem;text-transform: capitalize;font-weight: bold;}
.footer .icoft{margin-bottom: 1rem;padding-top: .1rem;flex-wrap: nowrap;}
.footer .icoft a{margin-left: .25rem;display: block;}
.footer .icoft a i{display: block;width: .5rem;height: .5rem;border-radius: 50%;background:#c19bbf;text-align: center;line-height: .5rem;color:#580655;font-size: .26rem;display: flex;align-items: center;justify-content: center;}
.footer .icoft a:nth-child(1) i{ font-size: .18rem;}
.footer .icoft a i svg{width: .26rem;height: .26rem;fill: #580655;}
.footer .icoft a:hover i{background: #fff}
.footer .cpyft{text-transform: uppercase;text-align: right;font-size: .14rem;color:  rgba(255,255,255,.8)} 
.footer .cpyft p{padding: .05rem 0;line-height: 1.5;}
.footer .cpyft p a{color:  rgba(255,255,255,.8)}
.footer .aright{display: flex;flex-direction: column;justify-content: space-between;}


.footer .logoft{align-self: center;}
@media (max-width: 1200px){
 .footer .aleft{width: 100%;margin-bottom: .1rem;max-width: 100%;flex: inherit;} 
 .footer .aright{width: 100%}
 .footer .icoft{justify-content: flex-start;margin-bottom: .3rem;}
 .footer .icoft a{margin-left: 0;margin-right: .2rem}
 .footer .cpyft{text-align: left;}
 .footer  .logoft{display: flex;justify-content: center;width: 100%;margin-bottom: .2rem;}
.footer .infoft p span{font-size: .2rem}
.footer  .infoft{margin-left:0;width: 100%;/* margin-top: .3rem; */text-align: center;max-width: 100%;padding: 0;}
.footer .icoft{justify-content: center;margin-bottom: .3rem}
.footer .icoft a{margin: 0 .1rem}
.footer .cpyft{text-align: center;font-size: .15rem}


}
@media (max-width: 760px){
.footer  .logoft{display: flex;justify-content: center;width: 100%;margin-bottom: .2rem;}
.footer .infoft p span{font-size: .2rem}
.footer  .infoft{margin-left:0;width: 100%;/* margin-top: .3rem; */text-align: center;max-width: 100%;padding: 0;}
.footer .icoft{justify-content: center;margin-bottom: .3rem}
.footer .icoft a{margin: 0 .1rem}
.footer .cpyft{text-align: center;font-size: .15rem}
.footer{padding: .3rem 0;}
}
@media (max-width: 640px){
  .footer .logoft img{width:height: 2rem;width: 1.8rem }
}
/*print*/
@media print{

}

/*ie11*/ 

/*ie10*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}