﻿/* reset */
*{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: border-box;}
html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}
body { min-height: 100%;font-size: .24rem;}
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 }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px;   }
body { line-height: 1.5 }
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
img{max-width: 100%;}
:focus { outline: none }
.edit_con_original{  padding:0 0;}
.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);
}

/*图片经过*/
.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;}


/*两端对齐*/
.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;}

/* 阿里图标 */
[class*='icon']{
    font-family: 'iconfont';
}

body,a{color: #000;}
html,body {font-size: calc(100vw / 19.20);}
a{transition: all .3s;}
@media only screen and (min-width:1025px) {
    a:hover{color: #1b978e!important;}
    .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);}
}
.wrap{width: 1660px; max-width: 90%;margin: auto;}
.index_wrap{width: 1765px;max-width: 97%;margin: auto;}
.new_wrap{width: 1440px;max-width: 94%;margin: auto;}
.line20{line-height: 20px;}
.line24{line-height: 24px;
 display: -webkit-box;
  overflow: hidden;

  -webkit-box-orient: vertical;
}
.line30{line-height: 30px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;}
.line36{line-height: 36px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;}

.ellipsis_p{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ratio-img,.ratio-img img{width: 100%;}
.bold{font-weight: bold;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media only screen and (max-width:1024px) {
  .wrap{max-width: 94%;margin: 0 auto;}
  .line30{line-height: 26px;}
  .line36{line-height: 26px;}
}
.conmm_more{background-color: #fff;padding: 3px;font-size: 16px;display: inline-block;border-radius: 25px;vertical-align: top;box-shadow: 0 0 10px rgba(0,0,0,0.07);}
.conmm_more em{border: 2px solid #133d8b;border-radius: 50%;width: 45px;height: 45px;line-height: 41px;display: inline-block;vertical-align: middle
  ;text-align: center;font-weight: bold;}
.conmm_more span{padding-left: 20px;padding-right: 30px;font-weight: bold;}
 /*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.2rem;}
.fnt_22 {font-size: 0.22rem;}
.fnt_24 { font-size:0.24rem;}
.fnt_26 { font-size:0.26rem;}
.fnt_28 { font-size:0.28rem;}
.fnt_30 { font-size:0.3rem;}
.fnt_32 { font-size:0.32rem;}
.fnt_36 { font-size:0.36rem;}
.fnt_38 { font-size:0.38rem;}
.fnt_40 { font-size:0.4rem;}
.fnt_50 { font-size:0.5rem;}
.fnt_42 { font-size:0.42rem;}
.fnt_44 { font-size:0.44rem;}
.fnt_48 { font-size:0.48rem;}
.fnt_52 { font-size:0.52rem;}
.fnt_60{ font-size:0.60rem;}
.fnt_72{ font-size:0.72rem;}
.fnt_80{ font-size:0.8rem;}
.fnt_90{ font-size:0.9rem;}
.fnt_110{font-size: 1.1rem;}
@media only screen and (max-width:1024px) {
  .fnt_14 { font-size:12px;}
  .fnt_16 { font-size:12px;}
  .fnt_18 { font-size:14px;}
}
@media only screen and (max-width:767px) {
    .fnt_20 { font-size:14px;}
    .fnt_24 { font-size:16px;}
    .fnt_28 { font-size:16px;}
    .fnt_30 { font-size:18px;}
    .fnt_36 { font-size:20px;}
    .fnt_60{ font-size:24px;}
    .fnt_72{ font-size:24px;}
    .fnt_90{ font-size:24px;}
}
@media only screen and (max-width:767px) {
    html,
    body{
        margin: 0;
        font-size: calc(100vw / 7.68);
    }
}

.weixin{ position:fixed; width:300px; height:auto; z-index:100000; left:50%; top:50%; margin:-200px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;}
.weixin .c{ position:absolute; width:30px; height:30px; background:url(../images/x.png); 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:30px; font-size:16px; padding-left:10px; font-weight:normal;}
.weixin .img{ padding:30px 0 10px; text-align:center; border-top:1px solid #ddd;}
.weixin p {  margin:0 1.5% 20px; text-align:center;font-size: 16px;}
.weixin .img img{
    width: 200px;
    height: 200px;
    display: block;
    margin: auto;
}
@media only screen and (max-width:767px) {

}



/*page*/
.pageout{text-align: center;padding-bottom: 5px;    clear: both;overflow: hidden;padding-top:0.8rem; font-size: 0;}
.page{display:inline-block;*display:inline;*zoom:1;}
.page {vertical-align:middle;text-align:center;margin: 0 auto; color:#94999f; }
.page span{float: left; }
.page span.pages_num{margin-right: 10px;}
.page span.pages_num em{color: #115ea2;}
.page a{float: left;   color: #000; margin:0 1px;border:1px solid #eff1f2; background: #eff1f2; box-sizing:border-box;border-radius: 50%;}
.page a.on{background:#ff5500;color:#fff;border:1px solid #ff5500; }
.page a.prev {background:#eff1f2 url(../images/page_prev.png) center center no-repeat; text-indent:-10000px; margin-right: 0.15rem;}
.page a.next {background:#eff1f2 url(../images/page_next.png) center center no-repeat; text-indent:-10000px;}
.page a.prev.no{}
.page a.next.no{}
.page a.first{ text-indent:-10000px;margin-left: 15px;background:#eff1f2 url(../images/page_first.png) no-repeat center center;}
.page a.last{ text-indent:-10000px;background:#eff1f2 url(../images/page_last.png) no-repeat center center;}
.page a:first-child + a{}
/*.page a.first{color: #7a8087;}
.page a.last{color: #7a8087;}*/

.page a.next{margin-left: 0.15rem;}
.page input.go{cursor: pointer; border:none;outline: none;text-align: center;  background: #ff5500; color: #fff;  
font-family: "Arial";font-weight: bold;}
.page input.go:hover{color: #fff !important;}
.page a.on:hover{color: #fff !important;}
.page .txtnum{margin-left: 0.4rem;}
.page .txtnum input{ text-align: center; box-sizing:border-box; background:none;border: 1px solid #eff1f2;margin: 0 3px;}
.total em{color: #115ea2;}

.page{height:0.5rem; line-height:0.5rem;}
.page a{width:0.5rem;}
.page input.go,.page .txtnum input{width: 0.5rem;height: 0.5rem; line-height: 0.5rem;border-radius: 50%;}

.common_tab{
  text-align: center;
  display: flex;
  justify-content: center;
  max-width: 96%;
  overflow-x: auto;
  margin-left: auto;
  margin-right: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.common_tab .box{
  background: #f3f5f6;
  padding: 6px 34px;
  display: flex;
  justify-content: left;
  align-items: center;
  text-align: left;
  border-radius: 10px;
  flex-wrap: wrap;

}
.common_tab a{
  color: #595959;
  display: block;
  line-height: 1;
  padding: 0.9em 1.6em;
  max-width: 9.6em;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.common_tab a.active{
  background: #595959;
  color: #fff;
  border-radius: 10px;
}
.common_tab a.active:hover{
  color: #fff !important;
}
@media only screen and (max-width:1024px) {
.pageout{padding-top: 20px;}
.page a{display:none; font-weight: normal;}
.page a.prev,.page a.next{display:block; display:inline-block;}
.total{display: none;}
.page a.on{display: inline-block;}
.page .txtnum{margin-left: 10px;}

.page{height:40px; line-height:38px;}
.page a{width:40px;}
.page input.go,.page .txtnum input{width: 40px;height: 40px; line-height: 0.5rem;}
.common_tab{justify-content: left;}
.common_tab .box{padding:6px 6px;}
.common_tab .box a{padding: .7em .8em;}
}
@media only screen and (min-width:1025px) {
.page input.go{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.page input.go:hover{opacity: 0.8;}

}

.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_appbox video{object-fit: cover;width: 100%;}
.video_appbox .video_t{z-index:2; background:#000;width: 1035px;max-width:94%;height:70%;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 iframe{width:100%; height: 100%;}
.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");}
.vide0_close{ position:absolute; top:calc(15% - 40px); right:calc(50% - 517px); cursor:pointer; z-index: 99999;font-size: 30px;}
.vide0_close i{color: #fff;font-size:30px;font-weight: bold;}
/*page*/



/* more */
.pub_more a{position: relative; display:inline-block; height: 0.46rem; line-height: 0.46rem; padding: 0 0.22rem; text-align: center; color: #fff; border-radius: 0.2rem; background:#595959; overflow: hidden;}
.pub_more a i{margin-left:0.05rem;}
.pub_more a em{font-weight: bold;}
.pub_more a em,.pub_more a i{position: relative; z-index: 2;}
.pub_more a::before{content: ""; position: absolute; z-index: 1; lefT:0; top:0; width:0; height: 100%; background:#ff5500;}

.pub_more a::before {
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
}

@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:767px) {
  .conmm_more em{   
    width: 30px;
    height: 30px;
    line-height:25px;
    font-size: 14px;
  }

}