/* reset */
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body{font-size: calc(100vw / 19.20);}
@media only screen and (max-width:1024px) {
    html,body{font-size: calc(100vw / 10.24);}  
}
@media only screen and (max-width:767px) {
    html,body{font-size: calc(100vw /7.68);}
}
html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
body, input, select, button, textarea { font-size: 0.16rem; line-height: 1.5 }
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a * {cursor: pointer }
body,a{color: #000;}
input,button,textarea{border:none;outline: none;background: none;}
:focus { outline: none }
.edit_con_original{ line-height:2; padding:0 0; color:#000;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 {  font-weight:bold }
.edit_con_original h2 { font-weight:bold }
.edit_con_original h3 { font-weight:bold }
.edit_con_original h4 {  font-weight:bold }
.edit_con_original h5 {  font-weight:bold }
.edit_con_original h6 {  font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}
.edit_con_original video{ max-width:100%;display: block;margin:auto;}
/*所有后台编辑器区域都要引用 edit_con_original 类名*/
 
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
.err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;}


/*隐藏视频下载按钮*/
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}
/* 阿里图标 */
[class*='icon']{
    font-family: 'iconfont';
}

/*图片经过*/
img{max-width: 100%;}
.tran_scale{ overflow:hidden; display:block;}
/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}


/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}

.mCSB_scrollTools{opacity: 0.5;}
.mCSB_scrollTools .mCSB_draggerRail{background:#efefef;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background: #999!important;}



.bg-cover{ background-size: cover;background-repeat: no-repeat;background-position: center center;}

.wrap{width:16.60rem;max-width: 90%;margin:0 auto;}
.ratio-img,.ratio-img img{width: 100%;}
.bold{font-weight: bold;}

.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;}
.clamp_3{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;height: 4.5em;overflow:hidden;}
.clamp_4{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; line-height: 1.5;  max-height: 6em;height: 6em;overflow:hidden;}
.clamp_5{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5; line-height: 1.5;  max-height: 7.5em;height: 7.5em;overflow:hidden;}
.clamp_6{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 6; line-height: 1.5;  max-height: 9em;height: 9em;overflow:hidden;}


/*视频中心-弹出视频*/
/*.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_tbox{ width: 100%; height: 100%;}
.video_appbox video{width: 100%; height: 100%; object-fit: fill;}
.video_appbox .video_t{ z-index:2; background:#000;width:1440px;max-width:94%;
transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{visibility: visible;opacity:1;top:50%;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.video_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.video_close i{color: #fff;font-size:20px;font-weight: bold;}
*/


.weixin{ position:fixed; width:300px; z-index:100000; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); left:50%; top:50%;}
.weixin .c{ position:absolute; width:40px; height:40px; background:url(../images/x.png) center center no-repeat; overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin h2{ position:relative; line-height:40px; font-size:16px; padding-left:20px; font-weight:normal;}
.weixin .img{ padding:10px 20px;text-align:center; border-top:1px solid #ddd;}
.weixin .img img{width:200px; height: 200px;}
.weixin p {margin:0 0 30px; text-align:center;}
@media only screen and (max-width:767px) {
.weixin{width:70%;}
.video_close{top:-30px;right: 0;}
}

/*font-size*/
.fnt_14 { font-size: 0.14rem;}
.fnt_16 { font-size: 0.16rem;}
.fnt_18 { font-size: 0.18rem;}
.fnt_20 { font-size: 0.20rem;}
.fnt_24 { font-size:0.24rem;}
.fnt_30 { font-size:0.3rem;}
.fnt_36 { font-size:0.36rem;}
.fnt_40 { font-size:0.4rem;}
.fnt_48 { font-size:0.48rem;}
.fnt_50 { font-size:0.5rem;}
.fnt_60 { font-size:0.6rem;}
@media only screen and (max-width:1440px) {
    .fnt_14 { font-size: 0.16rem;}
    .fnt_16,body, input, select, button, textarea{ font-size: 0.18rem;}
    .fnt_18 { font-size: 0.20rem;}
}
@media only screen and (max-width:1024px) {
.fnt_14 { font-size: 0.14rem;}
.fnt_16,body, input, select, button, textarea{ font-size: 0.16rem;}
.fnt_18 { font-size: 0.18rem;}
.fnt_24 { font-size:0.18rem;}
.fnt_24 { font-size:0.2rem;}
.fnt_30 { font-size:0.22rem;}
.fnt_36 { font-size:0.24rem;}
.fnt_40 { font-size:0.26rem;}
.fnt_48 { font-size:0.3rem;}
.fnt_50 { font-size:0.36rem;}
.fnt_60 { font-size:0.4rem;}
}

@media only screen and (max-width:767px) {
body, input, select, button, textarea{font-size: 14px;}
.fnt_14 { font-size:14px;}
.fnt_16 { font-size:14px;}
.fnt_18 { font-size:14px;}
.fnt_20 { font-size:14px;}
.fnt_24 { font-size:16px;}
.fnt_30 { font-size:18px;}
.fnt_36 { font-size:18px;}
.fnt_40 { font-size:18px;}
.fnt_48 { font-size:20px;}
.fnt_50 { font-size:20px;}
.fnt_60 { font-size:20px;}
}


*{box-sizing:border-box;}

.header{position: fixed;left: 0;top:0;z-index: 9999;width:100%;height: 0.78rem;line-height: 0.78rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: linear-gradient(to bottom,rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 100%);}
.scrollHeader .header{box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1); background:#0D111C;}
.header .inner{padding: 0 0 0 0.45rem;}
.header h1{width:0.86rem;height: 0.42rem;margin-top: 0.16rem;float: left;}
.header h1 a{display: block;}
.header h1 img{width:100%; overflow: hidden;}
.head_rr{ float: right; width: 0.7rem; height: 0.6rem; line-height: 0.6rem; border-left: 1px solid rgba(255, 255, 255, 0.3); margin-top: 0.1rem; text-align: center;}
.head_rr a{color: #fff;}
.nav{margin:0 auto; text-align: center;}
.nav li{ display: inline-block;}
.nav li>a{padding: 0 0.65rem;color: #fff;display: block; position: relative; z-index: 9;}

.footer{ background: #1B2131; color: #fff; padding: 0 6.5%;}
.foot_top{border-bottom: 1px solid #494D5A;padding: 0.35rem 0;}
.foot_top .l{ float: left;}
.foot_top .r{ float: right;text-align: right;}
.foot_top .l a{ color: #fff; margin-right: 0.75rem;}
.foot_top .r a{margin-left: 0.25rem;}
.foot_bot{padding: 0.3rem 0 1rem;}
.foot_bot p a{margin-left: 0.2rem; color: #fff;}

@media only screen and (max-width:1024px) {
.header{height: 50px;line-height: 50px;}
.header h1{width: 60px; height:29px; margin-top: 10px;}
.nav li>a{padding: 0 0.3rem;}
.head_rr{height: 40px;line-height: 40px; margin-top: 5px;}
}

a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
@media only screen and (min-width:1025px) {
a:hover{color: #3D7AEB !important;}
}

@media only screen and (max-width:1024px) {
.foot_top .l a{margin-right: 0.25rem;}
}
@media only screen and (max-width:767px) {
  .nav{ display:none;}
  .foot_top .l,.foot_top .r{width: 100%; text-align: center;}
  .foot_top .l{margin-bottom: 0.2rem;}
  .foot_bot{ text-align: center; padding-bottom: 0.5rem;}
}






.more{ /*display: block;text-align: center; width: 1.18rem;*/ display: inline-block; width: auto; padding: 0 0.3rem; height: 0.4rem; line-height: 0.4rem; border-radius: 0.05rem; color: #fff; background: #EC1B34;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.more1{background: #fff; color: #EC1B34; border: 1px solid #EC1B34; position: relative;}
.more1::before{content: ""; position: absolute; z-index: 1; lefT:0; top:0; width: 0; height: 100%; background: #EC1B34; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.more1 em{position: relative; z-index: 2;}
.more2{padding: 0 0.35rem;}
@media only screen and (max-width:767px) {
.more{ height: 30px; line-height: 30px;padding: 0 0.2rem;}
.more2{padding: 0 0.2rem;}
}
@media only screen and (min-width:1025px){
.more:hover{opacity: 0.8!important; color: #fff!important;}
.more1:hover{color: #fff!important; opacity: 1!important;}
.more1:hover::before{width: 100%;}
}
/*下拉*/
/*.select{width: 100%;color: #000;}
.select dl{position: relative;}
.select dl dd{border-radius: 0.15rem;width: 100%;line-height: 0.44rem;padding: 0 0.2rem;border: 1px solid #C2C2C5;cursor: pointer;}
.select dl dd span{display:block;width: 100%; color: #666;}
.select dl dd i{text-align: right;transition: all .3s;position: absolute;right: 0.15rem;top: 0;}
.select dl dt{box-shadow: 0 0 10px rgba(0,0,0,.1);max-height:180px;overflow-y: auto!important;position: absolute;left: 0;top: 100%;width: 100%;display: none; border-radius: 0.15rem; background: #fff;}
.select dl dt p{padding: 0.1rem 0.15rem;cursor: pointer;transition: all .3s; border-bottom: 1px solid rgba(18, 18, 18, .1);}
.select dl dt p.on{background: #1D51D2;color: #fff;}
.select dl dt p.on a{color: #fff!important;}
.select dl.on{z-index: 2;}
.select dl.on dd i{transform: rotate(180deg);}
@media only screen and (min-width:1025px) {
    .select dl dt p:hover{background: #1D51D2;color: #fff;}
    .select dl dt p:hover a{color: #fff!important;}
}*/