@charset "utf-8";
@import url('animate.css');
@import url('lib.css');
.loader{position: fixed;left: 0;top: 0;right:0;bottom: 0;background: #fff;background-size: 100% 100%;z-index: 999;}
html{font-size: 100px}
@font-face{font-family:'mon';font-style:normal;font-weight:normal;src:url(../fonts/bell.woff) format("woff")}
@font-face{font-family:'monb';font-style:normal;font-weight:normal;src:url(../fonts/monbaiti.ttf) format('truetype')}
@font-face{font-family:'sfPro';font-style:normal;font-weight:normal;src:url(../fonts/sf-pro-text_regular.woff) format("woff")}
@font-face{font-family:'sfPro';font-style:normal;font-weight:100;src:url(../fonts/sf-pro-text_light.woff) format("woff")}
@font-face{font-family:'sfPro';font-style:normal;font-weight:bold;src:url(../fonts/sf-pro-text_bold.woff) format("woff")}
.mon{font-family: 'mon'}
.monb{font-family: 'monb'}
*{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:sfPro,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,"Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;}
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;}
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:#222;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
a:active,a:hover{outline:0;text-decoration:none}
a:hover{color: #990000}
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,em,var,i{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;margin: .35rem 0}
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]{-webkit-appearance:button;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}
@media print{
*,:after,:before{text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
.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}

.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 }  
/*::selection{background:#0662d4;color:#fff}
::-moz-selection{background:#0662d4;color:#fff}
::-webkit-selection{background:#0662d4;color:#fff}
*/
.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}
.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;}

.trans{transition:all .5s}
.trans-mask{display:block;overflow:hidden;position: relative;}
.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}

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

@media (min-width:1180px){
.bg-mask:hover .pic .a{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}
.trans-mask:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

}


.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{width:96%;margin:0 auto;max-width:12.8rem}
.wp1{width:96%;margin:0 auto;max-width:1380px}
.greybg{background:#f2f2f2}
.textup{text-transform:uppercase}
.co{color:#bd2323}
.co-fff{color:#fff!important}
.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}
.aline_w:hover{background-size:100% 1px}

.titline_b1{position:relative;background-image:linear-gradient(#004fa1,#004fa1);background-position:0 100%;background-size:0 2px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_b1:hover .titline_b1{background-size:100% 2px}
.titline_b1:hover{background-size:100% 2px}
.titline_b{position:relative;background-image:linear-gradient(#004fa1,#004fa1);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_b:hover .titline_b{background-size:100% 1px}
.titline_b:hover{background-size:100% 1px}
@keyframes go5{
  0%{transform: translateX(0);}
  50%{transform: translateX(-5px);}
  100%{transform: translateX(0);}
}
.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}
@keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}
@-webkit-keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}
@keyframes sca{
  0%{transform: scale(1)}
  100%{transform: scale(1.1)}
}
@keyframes go{
  0%{transform: translateX(0);}
  50%{transform: translateX(10px);}
  100%{transform: translateX(0);}
}
@keyframes roted{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}


#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(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) 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}


.overhide{overflow: hidden}
.iconfont{font-size: inherit;}
.publine{background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%)}


time.ico:before{content: "\e6b4";font-family: "swiper-icons" !important;margin-right: 5px;}
.menu-button { position: absolute; display: none; top: 50%; left: 0; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;transform:translateY(-50%);}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.nav-click{display: none}

.header{position: fixed;top: 0;left: 0;right: 0;z-index: 99}
.header .wp{max-width: 18rem}
.header .search{background: #333333;padding: .1rem 0;display: none;overflow: hidden;}
.header .search form{display: block!important;width: 90%;max-width: 500px;padding-right: .5rem;position: relative;margin: 0 auto}
.header .search .inp{height: .5rem;line-height: .5rem;background: #fff;;border: 0;width: 100%;padding: 0 .15rem}
.header .search .sub{height: .5rem;line-height: .5rem;background:url(../images/ser.svg) #C29860 no-repeat center;background-size: .22rem .22rem;width: .5rem;position: absolute;top: 0;right: 0;z-index: 5;border: 0}
.header .top{height: .3rem;line-height: .3rem;background: #223356;color: rgba(255,255,255,.8);overflow: hidden;transition: .3s}
.header .top a{color: rgba(255,255,255,.8);font-size: .14rem;margin: 0 .35rem}
.header .top a:hover{color: #fff;}
.header .top a.lan{margin-right: 0;}
.header .top a.lan:after{content: "\e6cb";font-family: "swiper-icons" !important;font-size: .12rem;margin-left: 5px }
.header .topNav .logo{position: absolute;left: 50%;transform:translateX(-50%);height: 1.12rem;top: 0;z-index: 10;background: #8c1515;padding: 0 .35rem;transition: .3s}
.header .topNav .logo:before{content: '';width: .2rem;position: absolute;top: 0;bottom: 0;background: #8c1515;transform:skewX(-16deg);left: 0}
.header .topNav .logo:after{content: '';width: .2rem;position: absolute;top: 0;bottom: 0;background: #8c1515;transform:skewX(16deg);right: 0}
.header .topNav .logo img{height: .6rem;transition: .3s;position: relative;z-index: 5}
.header .topNav .serbtn{position: absolute;right: 0;top: 0;bottom: 0;line-height: .6rem}
.header .topNav .serbtn a{color: rgba(255,255,255,.8);font-size: .24rem}
.header .topNav .serbtn a:hover{color: #fff;font-size: .24rem}
.header .topNav {background: #8c1515;color: #fff;height: .6rem;transition: .3s}
.header .topNav .navs{line-height: .6rem;color: #fff;max-width: 15.6rem;margin: 0 auto;width: 100%;}
.header .topNav .navs ul li{width: 9.75%;text-align: center;position: relative;}
.header .topNav .navs ul li:nth-child(5){margin-left: 22%}
.header .topNav .navs ul li>a{font-size: .2rem;color: #fff;display: block;transition: .3s}
.header .topNav .navs ul li:hover>a{background: #AD1010;}
.header .topNav .navs ul li .subnav{position: absolute;left:50%;top: 100%;right: 0;background: rgba(173,16,16,0.7);z-index: 10;width: 1.8rem;
  transform:translateX(-50%);display: none }
.header .topNav .navs ul li .subnav .list a{ font-size: .14rem; padding:.15rem .15rem; line-height: 1.2em;display: block;color: #fff;font-weight: 100}
.header .topNav .navs ul li .subnav .list a:hover{ background: #750000; color: #cc9900; }
.header .topNav .navs ul li:hover .subnav{display: block;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 5px dashed;border-top:5px solid \9;border-right: 5px solid transparent;border-left: 5px solid transparent;}
.scrolling .header .top{height: 0}
@media (min-width: 1181px){
.scrolling .header .topNav{height: .45rem;}
.scrolling .header .topNav .navs{line-height: .45rem;}
.scrolling .header .topNav .logo{height: .8rem}
.scrolling .header .topNav .logo img{height: .5rem}
.scrolling .header .topNav .navs ul li>a{font-size: .16rem;}
.scrolling .header .topNav .serbtn{line-height: .45rem}
}
@media (max-width: 1180px){
/*body{padding-top: .45rem}*/
.header .topNav .navs{position: absolute;top:100%;left: 0;right: 0;background: #8c1515;padding: .5rem 0;display: none;max-height: calc(100vh - .7rem);overflow: auto}
.scrolling .header .topNav .navs{max-height: calc(100vh - .4rem)}
.header .topNav .navs ul li:nth-child(5){margin-left: 0}
.header .topNav .navs ul li{width: 100%;text-align: left;}
.header .topNav .navs ul li a{padding: 0 2%}
.header .topNav .navs ul li .subnav .list a{padding: .15rem 2%;font-size: .16rem}
.header .topNav{height:.4rem}
.header .topNav .wp{height: .4rem;width: 100%;}
.header .topNav .serbtn{line-height: .4rem;right: 2%}
.header .topNav .logo{height: .7rem;padding: 0 .2rem}
.header .topNav .logo img{height: .45rem}
.header .topNav .navs ul li .subnav{position: static;width: 100%;left: 0;transform:translateX(0);padding: .1rem 0}
.header .topNav .navs ul li:hover>a{background:transparent;}
.header .topNav .navs ul li:hover .subnav{display: none;}
.menu-button {display: block;z-index: 1000;left: 2%}
.nav-click {display: block;transition: 0.3s all;z-index: 10000;position: absolute;color: #fff;right: 0;top: 0;width: .6rem;text-align: center;line-height: .6rem;z-index: 10}
.nav-click.active {transform: rotate(180deg);}
}

@media (max-width: 640px){
.header .topNav .wp{height: .45rem}
.header .topNav{height:.45rem}
.scrolling .header .topNav .navs{max-height: calc(100vh - .45rem)}
.header .topNav .navs{max-height: calc(100vh - .81rem)}
.header .topNav .navs ul li a{padding: 0 5%}
.header .topNav .navs ul li .subnav .list a{padding: .15rem 5%;font-size: .18rem}
.header .topNav .serbtn{line-height: .45rem;right: 5%}
.header .topNav .logo{height: .75rem;padding: 0 .2rem}
.header .topNav .logo img{height: .5rem}
.header .top{height: .36rem;line-height: .36rem}
.menu-button{left: 5%}
}

.footer .fta{background: url(../images/ftbg.jpg) #8c1515 no-repeat bottom center;padding: .7rem 0;color: #fff;font-weight: 100}
.footer .fta a{color: #fff}
.footer .fta .aleft{line-height: 1.7em;}
.footer .fta .aleft p:nth-child(1){margin-bottom: .15rem}
.footer .fta .aright ul{max-width: 4.1rem}
.footer .fta .aright ul li{width: 48%;padding: .1rem 0;line-height: 1.4em;position: relative;padding-left: 15px}
.footer .fta .aright ul li:before{content:'';width: 6px;height: 6px;border-radius: 50%;border:1px solid rgba(255,255,255,.6);position: absolute;left: 0;top:50%;;margin-top: -4px}
.footer .ftb{background: #223356;padding: .2rem 0;font-weight: 100}
.footer .ftb .ftcopy{color: rgba(255,255,255,.6);font-size: .14rem;line-height: 1.6em}
.footer .ftb .ftcopy a{color: rgba(255,255,255,.6);}
.footer .ftb .icoCode{margin-left: .2rem}
.footer .ftb .icoCode a{display: block;position: relative;color: #a7adbb}
.footer .ftb .icoCode a i{display: block;font-size: .2rem}
.footer .ftb .icoCode a span{position: absolute;width: 1.1rem;height: 1.1rem;z-index: 5;background: #fff;display: none;background: #fff;border-radius: 5px}
.footer .ftb .icoCode a span:after{content: '';position: absolute;border: 8px solid transparent;}
.footer .ftb .icoCode a:hover span{display: block;}
.footer .ftb .icoCode.bottom-arr span{bottom: calc(100% + 10px);left: 50%;transform: translateX(-50%);}
.footer .ftb .icoCode.bottom-arr span:after{border-top-color: #fff;bottom:-16px;left: 50%;transform: translateX(-50%);}
.totops{position: fixed;right: .2rem;bottom: .8rem;width: .48rem;height: .48rem;background: rgba(255,255,255,.3);padding: 2px;display: none}
.totops a{display: block;width: 100%;height:100%;background: #353535;text-align: center;line-height: .42rem;color: #fff}
@media (max-width: 1024px){
.footer .fta{padding: .5rem 0}
.footer .ftb .ftcopy{width: 100%;order: 2;text-align: center}
.footer .ftb .ftico{width: 100%;order:1;margin-bottom: .2rem;justify-content: center}
.footer .ftb .icoCode a i{font-size: .22rem}
}
@media (max-width: 768px){
.footer .ftb .ftcopy{font-size: .15rem}
.footer .fta .aleft{width: 100%;text-align: center;margin-bottom: .3rem} 
.footer .fta .aright{width: 100%;display: flex;justify-content: center}
.footer .ftb .icoCode a i{font-size: .26rem}
}


@media screen and (max-width:1180px){

html{font-size: 90px!important}
}
@media screen and (max-width:980px){

}
@media screen and (max-width:640px){
html{font-size: 85px!important}
.wp{width: 90%}
}
@media screen and (max-width:480px){
html{font-size: 80px!important}
}
@media screen and (max-width:375px){
html{font-size: 75px!important}
}
@media screen and (max-width:360px){
html{font-size: 70px!important}
}




.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}

@media print{
.header{position: absolute;}
.arc-info .share{display: none}

}

/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie11注意里面的标点符号*/ 
/*ie10 css hack*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}