

:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}
*:focus{outline: inherit}
html{-webkit-tap-highlight-color: transparent}
body{overflow-x: hidden;color: #333;font-size: 14px;-webkit-overflow-scrolling: touch;}
body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,p,td,th{margin: 0;padding: 0;border: 0}
li,ol,ul{margin: 0;padding: 0;list-style-type: none}

table{border-collapse: collapse;border-spacing: 0}
a{color: inherit;outline: none;text-decoration: none;background: transparent}
a:hover{color: #000}
a,em,i,span{display: inline-block}
b,em,i{font-style: normal}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 14px}
button{padding: 0}
button,input,optgroup,select,textarea{outline: 0;border: 0;vertical-align: middle;font-family: 'Microsoft Yahei'}
input[type=radio],input[type=checkbox]{vertical-align: -2px}
button,html input[type=button],input[type=reset],input[type=submit],input[type=text]{outline: 0;border: 0;border-radius: 0;cursor: pointer;-webkit-appearance: button}
textarea{resize: none;font-size: 14px}
textarea,.select{appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none}
.select::-ms-expand{display: none}
.clearfix::after,.mauto::after,.row::after,.hsms::after{display: table;content: ""}
.clearfix:after,.mauto:after,.row:after,.hsms:after,.clear{clear: both}

/* 图片缩放 */
.img-scale img {transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s;}
.img-scale:hover img {transform: scale(1.1);-webkit-transform: scale(1.1)}
.ov{overflow: hidden;}

/* 多行省略*/
.l2,.l3,.l4,.l5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.l2{-webkit-line-clamp: 2;}
.l3{-webkit-line-clamp: 3;}
.l4{-webkit-line-clamp: 4;}
.l5{-webkit-line-clamp: 5;}
.l1{overflow : hidden;text-overflow: ellipsis;white-space:nowrap;}
img{display:block;margin:0 auto}
/* 手机头部 */
.mob-nav{ display:none; width:40px; height:40px; border-radius:50%; background-size:auto 40%; position:relative;right:10px;top:0px}
.mob-nav:before{ content:''; position:absolute; left:50%; top:50%; height:4px; width:26px; margin-left:-13px; margin-top:-8px; background:#00b0f0; transition:all 0.5s ease;}
.mob-nav:after{ content:''; position:absolute; left:50%; top:50%; height:4px; width:26px; margin-left:-13px; margin-top:6px; background:#00b0f0; transition:all 0.5s ease;}
.mob-nav span{position:absolute; left:50%; top:50%; height:4px; width:26px; margin-left:-13px; margin-top:-1px; background:#00b0f0; transition:all 0.5s ease;}
.mob-nav.on{ transition:all 0.5s ease;}
.mob-nav.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.mob-nav.on:after{ margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.mob-nav.on span{width:0;transition:all 0.5s ease;}
.auto{height:100%;overflow:hidden}

/* 轮播图样式修改 */
.indexbanner .swiper-pagination{bottom: 20px !important}
.indexbanner .swiper-pagination .swiper-pagination-bullet{height: 12px;width: 12px;background: #6aacf8;}
.indexbanner .swiper-pagination .swiper-pagination-bullet-active{background:#fff}
.indexbanner .swiper-button-prev,  .indexbanner .swiper-button-next{height:50px;width:50px;background:rgba(0, 0, 0, 0.8);border-radius:50%}
.indexbanner .swiper-button-prev:after, .indexbanner .swiper-button-next:after{font-size:22px;color:#fff}

/* 页码 */
.page{justify-content:center;padding:50px 0 30px 0}
.page a{display:block; padding:5px 15px;background:#fff;border:1px solid #cccccc;margin-right:10px;height:30px;line-height:30px}
.page a:last-child{border-right:1px solid #cccccc;}
.page .current,.page a:hover{color:#fff;background:#0a55bb;border:1px solid #0a55bb;}



/* 视频弹窗 */
.fix-wrap {display:none;z-index:999;position:fixed;background:rgba(0, 0, 0, 0.8)}
.fix-wrap,.fix-wrap svg {top:0;left:0;width:100%;height:100%}
.dt {display:table;table-layout:fixed}
.wh1 {width:100%;height:100%}
.dtcell {display:table-cell;vertical-align:middle;text-align:center;padding:30px}
.dtcell img{max-width:100%;object-fit:contain;margin:0 auto;}
.fix-video .video-wrap {min-width:55%;max-width:55%;margin:0 auto}
.fix-video video {width:100%;height:100%;padding:10px;border-radius:5px;border:1px solid #3a3a3a;box-shadow:0 0 5px rgba(0, 0, 0, 0.5);background:#2d2d2d;object-fit:cover;animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.fix-wrap .hide,.fix-wrap circle{transition:all .8s;-webkit-transition:all .8s}
.fix-wrap .hide {position:fixed;top:5%;right:5%;width:49px;height:49px;border-radius:50%;cursor:pointer;overflow:hidden;background:transparent}
.fix-wrap .hide:hover {transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.fix-wrap .hide::before, .fix-wrap .hide::after{z-index:1;position:absolute;content:"";top:50%;left:50%;width:1px;height:50%;margin-top:-25%;background:#fff}
.fix-wrap .hide::before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.fix-wrap .hide::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.fix-wrap svg {position:absolute}
.fix-wrap,.fix-wrap svg {top:0;left:0;width:100%;height:100%}
.fix-wrap circle {stroke-dasharray:0 145}
.fix-wrap .hide:hover circle {fill:none;stroke-dasharray:145}

/* 图片弹窗 begin */
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list {position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus {outline:none}
.slick-list.dragging {cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track {position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after {content:"";display:table}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {float:left;height:100%;min-height:1px}
[dir="rtl"] .slick-slide {float:right}
.slick-slide img {width:100%;display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block;height:auto}
.slick-arrow.slick-hidden {display:none}
.slick-arrow {z-index:1;position:absolute;top:50%;font-size:0;cursor:pointer;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.slick-prev {left:0}
.slick-next {right:0}
.slick-dots {position:absolute;left:0;bottom:20px;width:100%;font-size:0;text-align:center}
.slick-dots div {display:inline-block;width:12px;height:12px;border-radius:99px;background:#ccc;margin:0 5px;cursor:pointer}
.slick-dots div.slick-active,.slick-dots div:hover,.slick-dots div:focus {background:#333}
.slick-dots div button {display:none}

.fix-wrap {display:none;z-index:999;position:fixed;background:rgba(0,0,0,0.8)}
.fix-wrap,.fix-wrap svg {top:0;left:0;width:100%;height:100%}
.fix-wrap .hide,.fix-wrap circle {transition:all .8s;-webkit-transition:all .8s}
.fix-wrap .hide {position:fixed;top:5%;right:5%;width:49px;height:49px;border-radius:50%;cursor:pointer;overflow:hidden;background:transparent}
.fix-wrap .hide::before,.fix-wrap .hide::after {z-index:1;position:absolute;content:'';top:50%;left:50%;width:1px;height:50%;margin-top:-25%;background:#fff}
.fix-wrap .hide::before {transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.fix-wrap .hide::after {transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.fix-wrap .hide:hover {transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.fix-wrap .hide:hover circle {fill:none;stroke-dasharray:145}
.fix-wrap svg {position:absolute}
.fix-wrap circle {stroke-dasharray:0 145}
.fix-pic {overflow:auto}
.fix-pic img {max-height:100%;animation:zoomIn .5s both;-webkit-animation:zoomIn .5s both}
.fix-pics {background:rgba(0,0,0,0.7)}
.fix-pic-slider {color:#fff}
.fix-pic-slider .item {position:relative;width:100%;height:100vh;cursor:grab;cursor:-webkit-grab;background-color:transparent}
.fix-pic-slider .item:active {cursor:grabbing;cursor:-webkit-grabbing}
.fix-pic-slider .item::after {position:absolute;content:'';z-index:-1;top:0;right:0;bottom:0;left:0;margin:auto;width:50px;height:50px;border-radius:5px;box-shadow:0 0 10px rgba(255,255,255,0.1);background:rgba(255,255,255,0.9)}
.fix-pic-slider img,.fix-pic-slider em {position:absolute;left:0;bottom:0}
.fix-pic-slider img {top:0;right:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:inherit}
/* 如果需要标题把隐藏取消掉 */
.fix-pic-slider em {display:none;width:100%;line-height:25px;font-weight:bold;text-align:center;font-size:16px;padding:10px;box-shadow:0 0 10px rgba(255,255,255,0.1);background:rgba(0,0,0,0.7)}
.fix-pic-slider .slick-arrow {width:45px;height:45px;border-radius:5px;box-shadow:0 0 5px rgba(255,255,255,0.1);background:rgba(0,0,0,0.3);transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;-webkit-transition:all .5s}
.fix-pic-slider .slick-arrow::after {position:absolute;content:'';top:50%;border:solid #fff;padding:6px}
.fix-pic-slider .slick-arrow:hover {background:rgba(0,0,0,0.9)}
.fix-pic-slider .slick-prev {left:1%;animation:slideInLeft .5s both;-webkit-animation:slideInLeft .5s both}
.fix-pic-slider .slick-prev::after {left:50%;border-width:0 1px 1px 0;transform:translateX(-25%) translateY(-50%) rotate(135deg);-webkit-transform:translateX(-25%) translateY(-50%) rotate(135deg)}
.fix-pic-slider .slick-next {right:1%;animation:slideInRight .5s both;-webkit-animation:slideInRight .5s both}
.fix-pic-slider .slick-next::after {right:50%;border-width:1px 0 0 1px;transform:translateX(25%) translateY(-50%) rotate(135deg);-webkit-transform:translateX(25%) translateY(-50%) rotate(135deg)}
.fix-pic-slider .slick_page {position:absolute;top:0;left:0;padding:15px;font-size:16px;font-weight:bold}
.fix-pic-slider .slick_page i {font-size:22px}
.fix-pic-slider .slick_page div {display:none}
.fix-pic-slider .slick_page div.slick-active {display:block}
/* 图片弹窗 end */


/* 手机的内页菜单 */
.main-nav-m {display:none;position: relative;z-index: 55;cursor: pointer}
.main-nav-m .title {position: relative;height: 45px;line-height: 45px;padding: 0 10px;background: #990000}
.main-nav-m .title strong {color: #fff;font-size: 16px;font-weight: bold}
.main-nav-m .title i {position: absolute;content: '';width: 45px;height: 100%;right: 0}
.main-nav-m .title i::before, .main-nav-m .title i::after {position: absolute;top: 50%;content: '';width: 12px;height: 1px;background: #fff;transition: all .3s;-webkit-transition: all .3s}
.main-nav-m .title i::before {left: 46%;transform: rotate(40deg) scaleY(1.5);-webkit-transform: rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after {right: 46%;transform: rotate(-40deg) scaleY(1.5);-webkit-transform: rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before {transform: rotate(-40deg) scaleY(1.5);-webkit-transform: rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after {transform: rotate(40deg) scaleY(1.5);-webkit-transform: rotate(40deg) scaleY(1.5)}
.main-nav-m >ul {display: none;position: absolute;top: 45px;width: 100%;padding: 0 10px;background: rgba(153, 0, 0,0.8);color: #fff;width: calc(100% - 20px);}
.main-nav-m ul >li {animation: ReturnToNormal .5s both;-webkit-animation: ReturnToNormal .5s both}
.main-nav-m ul >li >a {display: block;line-height: 45px;border-bottom: 1px solid rgba(255, 255, 255, 0.55)}
.m_sub_nav01{width:97%;display:none}
.m_sub_nav01 a{padding-left:20px;display:block;line-height:45px}

/* 右边悬浮 */
.fix-side{z-index: 5;position: fixed;right:5px;bottom: 80px}
.fix-side .item{position: relative;width: 46px;height: 46px;margin-top: 2px}
.fix-side .item em,.fix-side .item .imgs{position: absolute;top: 0;right: 0px;width: 46px;height: 46px;line-height: 46px;color: #fff;white-space: nowrap;overflow: hidden;transition: all .8s;-webkit-transition: all .8s}
.fix-side .item em a,.fix-side .item .imgs a{color: #fff;display: block;}
.fix-side .item em i,.fix-side .item .imgs i{width: 125px;text-align: center;}
.fix-side .item .imgs img{height:100%;width:100%;}
.fix-side .item span{width: 46px;height: 46px}
.fix-side .item:hover em{width: 170px;height: 46px}
.fix-side .pic,.fix-side #gotop{height: 46px;width: 46px;cursor: pointer}
.fix-side .pic:hover .imgs{visibility: visible;opacity: 1;right: 100%}
.fix-side .pic .imgs{visibility: hidden;opacity: 0;z-index: -1;position: absolute;width: 100px;height: 100px;top: 0;right: -110%;background-color: #eee}
.fix-side #gotop{position: relative;transition: all .3s;-webkit-transition: all .3s;margin-top: 2px;}
.fix-side #gotop::after{position: absolute;content: '';top: 50%;left: 50%;padding: 7px;margin-top: 5px;border: solid #fff;border-width: 0 2px 2px 0;transform: translateX(-50%) translateY(-50%) rotate(-135deg);-webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg)}
.fix-side .item span,.fix-side .pic,#gotop{background-repeat: no-repeat;background-position: center}
.fix-side .item i,.fix-side .item span,.fix-side .pic,#gotop{background-color:rgba(0, 0, 0, 0.5);}
.fix-side .item:hover i,.fix-side .item:hover em span,.fix-side .pic:hover,#gotop:hover{background-color: #00cfca}


/* 动画 */
.animation{visibility: hidden;opacity: 0}
.fadel, .fader, .fadeup, .fadez{visibility: visible}
.fadeup {animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
@keyframes slideInUp {
    from {transform: translate3d(0, 50%, 0)}
    to {opacity: 1;transform: none}
}

@-webkit-keyframes fadeInUp {
    from {-webkit-transform: translate3d(0, 50%, 0)}
    to {opacity: 1;-webkit-transform: none}
}

.fadel {
    animation: slideInLeft ease-out .8s forwards;
    -webkit-animation: slideInLeft ease-out .8s forwards
}

@keyframes slideInLeft {
    from {transform: translate3d(-50%, 0, 0)}
    to {opacity: 1;transform: none}
}

@-webkit-keyframes slideInLeft {
    from {-webkit-transform: translate3d(-50%, 0, 0)}
    to {opacity: 1;-webkit-transform: none}
}

.fader {
    animation: slideInRight ease-out .6s forwards;
    -webkit-animation: slideInRight ease-out .6s forwards
}

@keyframes slideInRight {
    from {transform: translate3d(50%, 0, 0)}
    to {opacity: 1;transform: none}
}

@-webkit-keyframes slideInRight {
    from {-webkit-transform: translate3d(50%, 0, 0)}
    to {opacity: 1;-webkit-transform: none}
}

.fadez {
    animation: zoomIn ease-out .6s forwards;
    -webkit-animation: zoomIn ease-out .6s forwards
}

@keyframes zoomIn {
    from {transform: scale3d(.3, .3, .3)}
    to {opacity: 1;transform: none}}

@-webkit-keyframes zoomIn {
    from {-webkit-transform: scale3d(.3, .3, .3)}
    to {opacity: 1;-webkit-transform: none}
}



.fl{float:left}
.fr{float:right;}
.flex{display:flex}
.rel{position:relative}
.abs{position:absolute}
.flex-col{flex-direction:column}
.flex-row{flex-direction:row}
.justify-start{justify-content:start}
.justify-content{justify-content:center}
.justify-end{justify-content:flex-end}
.justify-between{justify-content:space-between}
.align-center{align-items:center}
.flex_wrap{flex-wrap:wrap}
.flx{position:fixed}




/* 分享 */
.fx{padding:5px 0}
.fx a{padding:0 0.4vw}
.qrcode_mask{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
    z-index: 1999;
  }
  .qrcode{
      width:180px;
      padding:20px;
      position: fixed;
    z-index: 2000;
      left:50%;
      top:50%;
      margin-left:-120px;
      margin-top:-140px;
      background: #fff;
      z-index: 100000;
    font-size: 14px;
    text-align: center;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  }
  .qrcode img{
      max-width: 100%;
      max-height:100%;
  }
  .qrcode p{margin: 10px 0;}
  .weixin_close{
      background: #0058A7;
      display: inline-block;
      width:100%;
      height:30px;
      line-height: 30px;
      text-align: center;
      color: #fff;
      text-decoration: none
  }



/* 顶部搜索 begin */
.fix-search {z-index:999;top:80px;left:0}
.fix-search .hide {width:20px;height:50px;margin-right:10px;cursor:pointer}
.fix-search .hide::before,.fix-search .hide::after {position:absolute;content:'';top:50%;left:50%;width:1px;height:35%;margin-top:-35%;background:#000}
.fix-search .hide::before {transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.fix-search .hide::after {transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.fix-search .hide:hover {opacity:.5}
.fix-search .txt,.fix-search .btn {height:50px;line-height:50px}
.fix-search .txt {width:calc(100% - 50px);font-size:15px;padding:0 15px 0 5px;border-bottom:1px solid #e1e1e1}
.fix-search .txt:focus {border-color:#666}
.fix-search .btn {width:30px;height:50px;line-height:50px;font-size:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAilBMVEUAAABmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZlZWVmZmZlZWVlZWVlZWVmZmZmZmZmZmZmZmZmZmZiYmJmZmZmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZkZGRmZmZmZmZmZmZlZWVmZmZlZWVnZ2dmZmZmZmZnZ2dmZmZqampnZ2dmZmbkjhFbAAAALXRSTlMAr5hB9NSAem7q5YxpRjcw+thfVSsU38zHwLq2k3NkIqmhhlpRGhDuSjwKJB5esRyhAAACPElEQVRIx8WW2XaDIBCGcY9b3Go0ajQ2exre//XKclqKIpDkov8dM/NxZBhmBALFn2Pj+OmmNrroAZ5QeRgv8K+2u0QTPXsBnMuIddhV9gvYWR0wfFyr0HVFI9MmSkpiGazwZ7tQzh5pVJuX/JauT89+l7AeDSnmniFMsevyscg25KC92JnsIdYSTbyb5UsxCX0S+j6xq5ZeBI5wzgJPTzxAKovc+Nz+CBiruA1X+NHOoC4hnPKvifHDRtYrUMsQFEuHbHu2lB875W9kgEg3oKMRRXacJUIWE2hpjYuBs7TIEgM9NZPslGw3tXaTr4xYCtU6oWB/kmsL6GqLokv+8hJt2OAfV42WgzY88tndkA9Rix0yZ0vcJVQI/ww8tsQd6q4Nhyg6YktH1CGkHeXIlo24OUna1ZrLH1nq1+eJT0GvDft8ei3WmvRedDPZLC2fSLY3TeBBE66mCSrwgFJRLDTjZ3KgnbJ63nw9NgvUrSCYFNQ5IxsqNQQ4TjiHdlpvOTgJkwgtjbKGkeDubexQP0bYiTwHCBXdqOWH5PzYMF9Cv2oyhJden0toU+zOHUiULdE34rbDx7yutvBHWbL0aTTGNwvOumrprpEr/W25m5DK3nvR4Wod85VbQarKAsAj9GLjuO2hULZZ/v6qBcttJzbmaOYNrLgRLZnlD3xIpjosaGNmtC/9E7jHudcZren2MX1sU1o9GCXVdIn/hY5I/q8v0v37dHp8kc7fp2GhD8y7RwXeoB3wqopq634DOx1tNyykjbUAAAAASUVORK5CYII=) no-repeat center / 60% auto}
.baf{background:#fff}
.dflr{webkit-justify-content: space-between;justify-content: space-between;}
.dfcc{webkit-justify-content: center;justify-content: center;}
.tra{transition: all .3s;-webkit-transition: all .3s;}
.lg-12{width:100%}
.dn{display:none;}
/* 顶部搜索 end */


/* 手机端头部 */
.header-m {left:0;top:0;width:100%;height:70px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,0.1);position:absolute;z-index:100;}
.header-m::after {display:none;position:fixed;content:'';top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.header-m .logo {position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);height:70px;display:flex;align-items:center;}
.header-m .logo img{height:50px;max-width:100%;margin:0 auto}
.header-m .m-menu-b {display:block;position:absolute;top:0;left:0;width:60px;height:70px;cursor:pointer}
.header-m .m-menu-b::before,.header-m .m-menu-b::after {position:absolute;content:'';top:50%;left:calc(35px / 2);width:25px;height:1px;z-index:999;transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;background:#222}
.header-m .m-menu-b::before {transform:translateY(-4px) rotate(0);-webkit-transform:translateY(-4px) rotate(0)}
.header-m .m-menu-b::after {transform:translateY(4px) rotate(0);-webkit-transform:translateY(4px) rotate(0)}
.header-m .m-menu {display:none;z-index:888;position:fixed;width:100%;width:260px;height:100%;top:0;left:-260px;opacity:1;background:#fafafa;text-align:left;padding-top:70px}
.header-m .m-menu::after {position:absolute;top:70px;content:'';width:100%;height:1px;background:#ebebeb}
.header-m .nav {height:calc(100% - 82px);overflow-x:hidden;overflow-y:auto}
.header-m .nav>li {border-bottom:1px solid #ebebeb;animation:resize .5s both;-webkit-animation:resize .5s both}
.header-m .nav>li>a {position:relative;display:block;width:100%;font-size:15px;padding:0 40px;color:#666;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;height:50px;line-height:50px}
.header-m .nav>li>a::after {position:absolute;content:'';left:20px;top:50%;width:8px;height:8px;margin-top:-5px;border:1px solid #999;border-radius:50%;background:transparent;transition:all .3s;-webkit-transition:all .3s}
.header-m .nav>li .sub-nav {display:none}
.header-m .nav>li .sub-nav a {position:relative;display:block;line-height:24px;padding:12px 40px;background:#f2f2f2;color:#4E4E4E}
.header-m .nav>li .sub-nav a::before,.header-m .nav>li .sub-nav a::after {position:absolute;content:'';width:0;height:0;left:20px;top:20px;border:5px solid transparent;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}
.header-m .nav>li .sub-nav a::before {left:21px;border-left:5px solid #555}
.header-m .nav>li .sub-nav a::after {border-left:5px #ebebeb solid}
.header-m .nav>li.cur {position:relative}
.header-m .nav>li.cur::after,.header-m .nav>li.cur::before {position:absolute;content:'';background:#999;transition:all .5s;-webkit-transition:all .5s}
.header-m .nav>li.cur::before {top:19px;right:25px;width:2px;height:12px}
.header-m .nav>li.cur::after {top:24px;right:20px;width:12px;height:2px}
.header-m .nav>li.active::after {background:#fff}
.header-m .nav>li.active::before {height:0}
.header-m .nav>li.active>a {color:#fff;background:#004b88}
.header-m .nav>li.active>a::after {border-color:#fff;background:#fff}
.header-m .nav>li.active .sub-nav li {animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.header-m .m-language {position: absolute;  left: 0;  bottom: 80px;  width: 100%;  text-align: center}
.header-m .m-language a {color: #666;  height: 40px;  line-height: 40px;  font-size: 16px;  display: block;  border-bottom: 1px solid #ebebeb;  animation: slideInUp 1.5s both;  -webkit-animation: slideInUp 1.5s both}
.header-m .m-search-b {display:block;position:absolute;top:0;right:15px;width:40px;height:70px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;background-size:23px}
html.active {height:100%;overflow:hidden}
html.active body {height:100%;overflow:hidden}
html.active .header-m {left:260px}
html.active .header-m::after {display:block}
html.active .header-m .m-menu-b::before,html.active .header-m .m-menu-b::after {background:#000}
html.active .header-m .m-menu-b::before {transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)}
html.active .header-m .m-menu-b::after {transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)}
html.active .header-m .m-menu {display:block;left:0}
html.active footer,html.active main,html.active .i-banner,html.active .banner {transform:translateX(260px);-webkit-transform:translateX(260px)}


.searcher_box01{right: 0;top: 80px;display: none}
.searcher_box{width: 300px;height: 40px;border: 1px solid #000;background: #fff;}
.inpt{width: 220px;}
.inpt input{width: 100%;height: 36px;}
.inpt_btn a{display: block;background: #000;width: 80px;height: 40px;line-height: 40px;color: #fff;text-align: center;font-size: 16px}
.inpt_btn a:hover{color: #fff}



