


: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: #3b3b3b;font-size: 14px;-webkit-overflow-scrolling: touch;font-family: 'open_sans-webfont';}
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: #04438d}
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 {overflow: hidde}
.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;}
/* 手机头部 */
.mob-nav {display: none;width: 40px;height: 40px;margin-top: 5px;border-radius: 50%;margin-left: 10px;background-size: auto 40%;position: relative;left:0px}
.mob-nav:before {content: '';position: absolute;left: 50%;top: 50%;height: 2px;width: 26px;margin-left: -13px;margin-top: -8px;background: #333;transition: all 0.5s ease}
.mob-nav:after {content: '';position: absolute;left: 50%;top: 50%;height: 2px;width: 26px;margin-left: -13px;margin-top: 6px;background: #333;transition: all 0.5s ease}
.mob-nav span {position: absolute;left: 50%;top: 50%;height: 2px;width: 26px;margin-left: -13px;margin-top: -1px;background: #333;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}
/* 视频弹窗 */
.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:15px}
.dtcell img {max-width: 100%;object-fit: contain;max-height: 600px;margin: 0 auto}
.fix-video .video-wrap {margin: 0 auto;width:100%;}
.fix-video video {box-sizing:border-box;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 .hide01,.fix-wrap circle {transition: all .8s;-webkit-transition: all .8s}
.fix-wrap .hide01 {position: fixed;top: 5%;right: 5%;width: 49px;height: 49px;border-radius: 50%;cursor: pointer;overflow: hidden;background: transparent}
.fix-wrap .hide01:hover {transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}
.fix-wrap .hide01::before,.fix-wrap .hide01::after {z-index: 1;position: absolute;content: "";top: 50%;left: 50%;width: 1px;height: 50%;margin-top: -25%;background: #fff}
.fix-wrap .hide01::before {transform: rotate(45deg);-webkit-transform: rotate(45deg)}
.fix-wrap .hide01::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 .hide01:hover circle {fill: none;stroke-dasharray: 145}

/* 手机的内页菜单 */
.main-nav-m {display:none;position: relative;z-index: 55;cursor: pointer}
.main-nav-m .m-title {position: relative;height: 45px;line-height: 45px;padding: 0 10px;background: #ea5442;box-sizing: border-box; text-align:left;border-bottom:none}
.main-nav-m .m-title strong {color: #fff;font-size: 16px;font-weight: bold}
.main-nav-m .m-title i {position: absolute;content: '';width: 45px;height: 100%;right: 0}
.main-nav-m .m-title i::before, .main-nav-m .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 .m-title i::before {left: 46%;transform: rotate(40deg) scaleY(1.5);-webkit-transform: rotate(40deg) scaleY(1.5)}
.main-nav-m .m-title i::after {right: 46%;transform: rotate(-40deg) scaleY(1.5);-webkit-transform: rotate(-40deg) scaleY(1.5)}
.main-nav-m .m-title.active i::before {transform: rotate(-40deg) scaleY(1.5);-webkit-transform: rotate(-40deg) scaleY(1.5)}
.main-nav-m .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(234, 84, 66,0.8);color: #fff;box-sizing: border-box;}
.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);color:#fff}
.m_sub_nav01{width:97%;display:none}
.m_sub_nav01 a{padding-left:20px;display:block;line-height:45px}
.auto {height: 100%;overflow: hidden}
/* 动画 */
.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}
}

/* 分享 */

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


/* flex */
.flex-row{flex-direction: row;}
.flex-wrap{flex-wrap: wrap}
.flex{display:flex}
.justify-start{justify-content: flex-start;}
.justify-end{justify-content: flex-end;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between}
.float-right{float:right}
.flex-rever{flex-direction: row-reverse;}
.float-left{float:left}
.block{display: block;}
.inline-block{display: inline-block}
.fixed{position: fixed}
.abs{position: absolute}
.rel{position: relative;}
.box-border{box-sizing: border-box}
.font-bold{font-weight:bold}
.text-center{text-align: center}
.text-right{text-align: right;}
.text-justify{text-align: justify}
.content-center{align-content: center}
.align-center{align-items:center}
.bg-white{background:#fff}


/* 搜索弹窗 */
.search-flx {
    left: 0;
    top: 0px;
    width: 100%;
    height: 120px;
    background: #fff;
    box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.06);
    display: none;
    z-index: 50;
}

.ht {
    height: 120px;
}

.cancel {
    width: 20px;
    height: 50px;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}

.cancel::before,
.cancel::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 1px;
    height: 35%;
    margin-top: -35%;
    background: #000;
}

.cancel::before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.cancel::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.cancel:hover {
    opacity: 0.5;
}

.search-input {
    width: calc(100% - 70px);
}

.search-input input {
    width: calc(100% - 50px);
    border-bottom: 1px solid #e1e1e1 !important;
    height: 40px;
    padding-left: 10px;
    box-sizing: border-box;
}

.search-input a {
    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;
}

.container {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

@media(max-width:1200px) {
    .search-flx {
        position: static !important;
        display: block !important;
    }

    .cancel {
        display: none;
    }

    .search-input {
        width: 90% !important;
        margin: 0 auto;
    }

    .search-flx {
        height: 60px !important;
    }
}

/* 搜索end */