/* reset */
html{font-size: calc(100vw / 19.20);}
@media only screen and (max-width:1024px) {
    html{font-size: calc(100vw / 10.24);}

}
@media only screen and (max-width:767px) {
    html{font-size: calc(100vw /7.68);}

}

*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
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 }
/*sup { vertical-align: text-top }
sub { vertical-align: text-bottom }*/

body, input, select, button, textarea { font-size: 0.16rem; font-family: "PingFang SC","Microsoft Yahei";  }
body { line-height: 1.5 }
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
.edit_con_original{ line-height:2; padding:0 0; color:#333;}
.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-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; 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 iframe{max-width:100%;}
@media only screen and (max-width:767px) {
    .edit_con_original iframe{width:100%;height: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';
}

.video_button2{pointer-events: none;cursor: default;}
.video_button2 .video_bf{display: none;}

/*图片经过*/
.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;}

.m_color .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;}
.m_color .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#cb0000;}
.m_color .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#cb0000;}

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

body,a{color: #000;}
input,button,textarea{border:none;outline: none;background: none;}

.wrap{width: 14.4rem;max-width: 90%;margin: auto;}
.wrap_1564{width: 15.64rem;max-width: 90%;margin: auto;}
.wrap_1680{width: 16.8rem;max-width: 90%;margin: auto;}
.wrap_1600{width: 16rem;max-width: 90%;margin: auto;}
.jie{
    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,.wrap_1622,.wrap_1564,.wrap_1600{max-width: 94%;}
    /*body, input, select, button, textarea{font-size: 14px}*/

}

.video_tbox{height: 100%;}
.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: 60%;
    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");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_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%;}
    body{-webkit-tap-highlight-color: transparent;
        -moz-tap-highlight-color: transparent;
        -ms-tap-highlight-color: transparent;
        tap-highlight-color: transparent;
        user-select: none;
        outline: none;}
}

*{box-sizing:border-box;}





/*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.40rem;}
.fnt_50 { font-size:0.50rem;}
.fnt_48 { font-size:0.48rem;}
.fnt_60 { font-size:0.6rem;}
.fnt_72 { font-size:0.72rem;}
.fnt_80 { font-size:0.8rem;}

/*整站修改字号的地方*/
body, input, select, button, textarea{font-size: 0.14rem;}


@media only screen and (max-width:1024px) {
    .fnt_16 { font-size: 0.16rem;}
    .fnt_18 { font-size: 0.16rem;}
    .fnt_20 { font-size: 0.18rem;}
    .fnt_24 { font-size:0.18rem;}
    .fnt_30 { font-size:0.22rem;}
    .fnt_36 { font-size:0.24rem;}
    .fnt_40 { font-size:0.24rem;}
    .fnt_48 { font-size:0.3rem;}
    .fnt_50 { font-size:0.36rem;}
    .fnt_60 { font-size:0.42rem;}
    .fnt_72 { font-size:0.5rem;}
    .fnt_80 { font-size:0.52rem;}
}

@media only screen and (max-width:767px) {
    .fnt_14 { font-size: 14px;}
    .fnt_16 { font-size: 14px;}
    .fnt_18 { font-size:14px;}
    .fnt_20 { font-size:16px;}
    .fnt_22 { font-size:16px;}
    .fnt_26 { font-size:16px;}
    .fnt_24 { font-size:16px;}
    .fnt_30 { font-size:18px;}
    .fnt_36 { font-size:18px;}
    .fnt_40 { font-size:20px;}
    .fnt_48 { font-size:20px;}
    .fnt_50 { font-size:20px;}
    .fnt_54 { font-size:20px;}
    .fnt_60 { font-size:20px;}
    .fnt_72 { font-size:20px;}
}


/*footer*/
.footer{background: #2a2a2a;}
.footer-top{padding: 0.4rem 0.9rem 0.3rem 1rem;box-sizing: border-box;overflow: hidden;}
.footer-top-ll{float: left;}
.footer-top-item{width: 1.8rem;float: left;margin-right: 1.5rem;}
.footer-top-item dd{margin-bottom: 0.4rem;color: #f9f9f9;}
.footer-top-item dd a{color: #f9f9f9;}
.footer-top-item ul li{float: left;width: 50%;margin-bottom: 0.12rem;color: #b2b2b2;}
.footer-top-item ul li a{color: #b2b2b2;}
.footer-top-item:last-child{width: auto;}
.f_item03{width: auto;}
.f_item03 ul li{float: none;width: auto;}
.footer-top-rr{float: right;}
.footer-code{display: flex;justify-content: end;}
.footer-code dl{margin: 0 0.13rem;text-align: center;}
.footer-code dd{width: 0.91rem;margin: auto;}
.footer-code dd img{width: 100%;}
.footer-code dt{color: #b2b2b2;margin-top: 0.1rem;}
.f-share {float: right;display: flex;justify-content: end;}
.f-share a{color: #919191;margin: 0 0.14rem;border: 1px solid #919191;width: 0.38rem;height: 0.38rem;text-align: center;line-height: 0.38rem;border-radius: 100%;}
@media only screen and (min-width:1025px) {
    .f-share a:hover{border-color: #cb0000;}
}

.footer-bot{padding: 0.3rem 0.9rem 0.3rem 1rem;box-sizing: border-box;overflow: hidden;border-top: 1px solid rgba(255,255,255,.2);}
.footer-bot-l{float: left;color: #f9f9f9;}
.footer-bot-l li{float: left;margin-right: 0.3rem;}
.footer-bot-l a{color: #f9f9f9;}
.footer-bot-r{float: right;color: #b2b2b2;}
.footer-bot-r a{color: #b2b2b2;margin-left: 0.3rem;}
.footer-bot-r a:last-child{display: none;}
@media only screen and (max-width:1280px) {
    .footer-top-item{width: 180px;margin-right: 40px;}
    .footer-top-item:last-child{width: auto;}
}
@media only screen and (max-width:1024px) {
    .footer-top{padding: 30px 20px;}
    .footer-top-item{margin-right: 20px;width: 140px;}
    .footer-bot{padding: 20px;}
}
@media only screen and (max-width:767px) {
    .footer-top{padding: 30px 20px 20px;}
    .footer-top-ll,.footer-top-rr{width: 100%;}
    .footer-top-item{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .footer-top-item ul li{width: auto;margin-right: 15px;font-size: 12px;}
    .footer-top-item dd{margin-bottom: 10px;}
    .footer-code{justify-content: center;margin-bottom: 20px;}
    .footer-code dd{width: 70px;}
    .footer-code dt{font-size: 12px;}
    .f-share{width: 100%;justify-content: center;}
    .f-share a{width: 30px;height: 30px;line-height: 30px;}
    .footer-bot-l{width: 100%;text-align: center;margin-bottom: 5px;}
    .footer-bot-l li{display: inline-block;margin: 0 5px;float: none;}
    .footer-bot-r{width: 100%;text-align: center;}
    .footer-bot-r a{display: block;margin-left: 0;}
}
/*footer end*/
/*nav*/

.header_height,.header{height:0.8rem;}
.header{position:fixed;top:0;left: 0;width: 100%;z-index: 9999; padding-left: 0.4rem;padding-right: 0.4rem;background: #fff;font-weight: bold;margin-bottom: 60px;}
.header h1{float: left;margin-top: 0.16rem;width: 1.81rem;}
.header h1 a{display: block;}
.header h1 img{width: 100%;height: 100%;}
.header_re{float: right}
.nav{float: left;}
.nav li{float: left;}
.nav li>span{display: none;}
.nav li>a{display: block;padding: 0 0.3rem;position: relative;z-index: 5;}
.nav li>a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0.02rem;background: #cb0000;visibility: hidden;opacity: 0;}
.nav li.on>a{color: #cb0000;}
.nav li.on>a:after{visibility: visible;opacity: 1;}
.nav li>a,.lan,.search_btn{line-height:0.8rem}

.language{float: right;line-height: 0.8rem;margin-left: 0.2rem;position: relative;}
.language a{color: #fff;}
.language a.on{color: #004ea2;}
.language dd{cursor: pointer;}
.language dt{background: rgba(0,0,0,.8);color: #fff;line-height: 40px;text-align: center;width: 80px;position: absolute;left: 50%;margin-left: -40px;top: 60px;display: none;}
.language dt a{}
.language i{display: inline-block;transition: all .3s;margin: 0 7px;}
.language.on i{transform: rotate(180deg);}

.header_search{  position: relative;float: left; margin-left:0.48rem;}
.search_btn{cursor: pointer;position: relative;float: right;text-align: center;color: #003686;}
.search_btn.on{opacity:0.6;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;}


.search_box {border-radius: 0.1rem;
    background: #fff;width:1rem;right: 0px; position: absolute;top:100%;    margin-top: 0;z-index: 91;
    visibility: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    border: 1px solid #eee;

    overflow: hidden;
    box-sizing: border-box;

}
.search_box,.search_box_input,.search_box_btn:before{height: 0.5rem;line-height: 0.5rem;}
.search_box_btn{height: 0.5rem;width: 0.5rem;}
.search_box.on {width: 3rem;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;}
.search_box_input {width: calc(100% - 0.6rem); padding: 0 10px;float: left;border: 0;outline: none;background: #fff;}
.search_box_btn {background: none;border: 0;outline: none; float: right;    font-weight: bold; position: relative;}
.search_box_btn:before{content: "\e6e7";position: absolute;top:0;left: 0;width: 100%;height: 100%;  }

.menu_button{float: right;margin-top: 21px;cursor: pointer;margin-left: 10px;display: none;}
.menu_button i{display: block;width: 24px;height: 2px;background: #cb0000;margin-bottom: 6px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

.scrollHeader .header{  box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1);}

@media only screen and (min-width:1025px) {
    .header{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .header .header_re,.header h1,.stock,.search_btn{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}



    .nav_pubp p a:hover i{right: 0.05rem;}


    .nav li.curr .nav_ser_p p{
        animation: nav .5s both normal  calc(30ms * var(--item-number));
    }
    .nav li.curr .nav_le h3,.nav li.curr .nav_tab_le h3{
        animation: nav .5s both normal  calc(30ms * var(--item-number));
    }
    .nav li.curr .nav_le p,.nav li.curr .nav_tab_le p{
        animation: nav .5s both normal  calc(30ms * var(--item-number));
    }

    .nav li.curr .nav_about_p dt,.nav li.curr .nav_about_p p{
        animation: nav .5s both normal  calc(30ms * var(--item-number));
    }



    @keyframes nav {
        0% {
            opacity: 0;
            transform: translateY(40px)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }
    .nav_about dt a i{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .nav_about dt a:hover i{left: 0.05rem;}
}


@-webkit-keyframes fadeIntwo {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0.5rem);
        -ms-transform: translateY(0.5rem);
        transform: translateY(0.5rem)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeIntwo {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0.5rem);
        -ms-transform: translateY(0.5rem);
        transform: translateY(0.5rem)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeIntwo {
    -webkit-animation-name: fadeIntwo;
    animation-name: fadeIntwo
}

/*xiala*/
.nav{float: left;}
.nav_list{position: absolute;top:100%;left: 0;width: 100%;text-align: center;z-index: 9;display: none;
    background: #ae1b27;

}

.nav_list a{color: #fff;display: block;line-height: 40px;}
.nav_list p a{line-height: 30px;}
.header .return_a{display: none;}
.nav_p{display: flex;justify-content: center;}
.nav_p dl{text-align: center;line-height: 0.7rem;}
.nav_p dl a{line-height: 0.7rem;padding: 0 0.35rem;font-weight: 300;}


@media only screen and (min-width:1025px) {
    .nav_p dl a:hover{background: #a2000a;color: #fff!important;}
}
@media only screen and (max-width:1024px) {
    .nav li>a:after{display: none;}
    .header,.header_height{height: 60px}
    .header_height,.white_header .header_height{display: block;}
    .menu_button{display: block;  z-index: 99;position: relative;width: 24px;height: 24px;}
    .navbody .menu_button{margin-top: 18px}
    .navbody .menu_button i{background: #000;}
    .navbody .menu_button i:first-child{left: 0;top: 12px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);position: absolute;}
    .navbody .menu_button i:last-child{top: 12px;left: 0;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);position: absolute;}
    .navbody .menu_button i:nth-child(2){display: none;}

    .header_search{margin-left: 0;}
    .search_btn:before,.search_btn{color:#000;}
    .language{margin: 0 20px;}
    .header .return_a{display: block;}
    .header .return_a a{padding: 0 0.3rem;text-align: left;}
    .header{padding: 0 20px;background: #fff}
    .header_re{padding-top: 0}
    .menu_button i{background: #000}
    .header h1{margin-top: 14px;width: 120px;}
    .nav{position: fixed;top:60px;right:-100%;width: 100%;height: calc(100% - 60px);background: #fff;border-top: 1px solid #eee;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .navbody .nav{right: 0;}
    .nav li{float: none;}
    .language, .search_btn{line-height: 60px}
    .nav li>a{float: left;width: calc(100% - 61px);line-height: 40px;}
    .nav li>span{float: left;width: 40px;display: block;font-size: 20px;text-align: center;height: 40px;line-height: 40px;margin-right: 20px;}
    .nav_list{top:0;border: 0;width: 100%;left: auto;right: -100%; max-height: inherit;height: 100%; padding:10px 0; display: block;
        transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
        background: #fff;
    }
    .nav_list a{color: #000;}
    .nav_p{display: block;}
    .nav_p dl{text-align: left;}
    .nav_p dl a{line-height: 40px;font-weight: 400;padding: 0 0.3rem;}
    .nav li.cur .nav_list{right: 0;}

}

@media only screen and (max-width:767px) {
    .header{font-weight: 400;padding: 0 10px;}
    .header, .header_height{height: 50px;}
    .nav{top: 50px;}
    .header_search{position: static;}
    .search_box.on{width: 100%}
    .search_box, .search_box_input, .search_box_btn:before{height: 50px;line-height: 48px}
    .search_box_btn{width: 50px;height: 50px}
    .search_box_btn,.search_box_input{font-size: 14px}
    .search_box_input{width: calc(100% - 50px);}
    .header h1{width: 98px;margin-top: 12px;}
    .language, .search_btn{line-height: 50px;}
    .language{margin-left: 10px;margin-right: 0;}
    .menu_button{margin-top: 16px;}
    .navbody .menu_button{margin-top: 12px;}
    .nav li>span{margin-right: 0;float: right;width: 50px;}
}


/* title */
.index_title{text-align: center;margin-bottom: 0.7rem}
.index_title h3{line-height: 1em}
.index_title_in{display: inline-block;text-align: left;}
.index_title_in h4{margin-bottom: 0.15rem}

.index_more a,.index_more em{display: inline-block;padding: 0 0.35rem 0 0.4rem;border: 1px solid #000;border-radius: 0.5rem;color: #000}
.index_more span{height: 0.42rem;line-height: 0.42rem;display: block;text-align: center;}
.index_more span i{font-size: 0.12rem;margin-left: 0.1rem;font-weight: bold;position: relative;top:-0.01rem;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_more_white a{color: #fff;border-color: #fff;}
@media only screen and (min-width:1025px) {
    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;}
    a:hover{color: #cb0000 !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);}

    .index_more a:hover,.index_more em:hover{border-color:#cb0000;background: #cb0000;color: #fff !important;}
    .index_more a:hover i,.index_more em:hover i{margin-left: 0.08rem;}
    /* .index_more_white a:hover{border-color:#2ca137;background: #2ca137;} */
}

@media only screen and (max-width:1024px) {
    .index_title{margin-bottom: 0.4rem}
}
@media only screen and (max-width:767px) {
    .index_more a,.index_more em{padding: 0 20px;}
    .index_more span{height: 32px;line-height: 32px}
    .index_more span i{font-size: 12px;}
}


/*site_banner*/
.site_banner{position: relative;}
.site_banner>img{width: 100%;}
.banner_p{position: absolute;left: 0;bottom:1.1rem;width: 100%;color: #fff;}
.banner_p h3{}


.pro_body .banner_p{color:#000;}
@media only screen and (min-width:1025px) {
    .pro_body .banner_p{color:#000;left: auto;right: 10%;top: 7%;width: auto;white-space: nowrap;}
    .pro_body .banner_p .wrap{width: auto;}
}
@media only screen and (max-width:1024px) {
    .site_banner{height: auto;}
    .banner_p{bottom: 20px;}
    .site_banner>img{display: none;}

}
/* @media only screen and (max-width:767px) {
    .pro_body .banner_p{left: 5%;right: auto;top: auto;}
} */

/*page*/
.pageout{text-align: center;padding-bottom: 5px;    clear: both;overflow: hidden;}
.page a,.page .txtnum input,.page .go{ border-radius: 0.06rem;}
.page{display:inline-block;*display:inline;*zoom:1;padding-top:0.4rem;}
.page {vertical-align:middle;text-align:center;margin: 0 auto; }
.page,.page a{color: #555555;}
.page span{float: left; }
.page b{float: left;font-weight: normal; cursor: pointer;}
.page span.pages_num{margin-right: 10px;}
.page span.pages_num em{color: #115ea2;}
.page a{float: left; margin:0 0.02rem; box-sizing:border-box;}
.page a.on{background:#cb0000;color:#fff;border-radius: 5px; }
.page a.prev,.page a.next{color: #555555;font-weight: bold;}
.page a.prev{margin-right: 0.1rem;}
.page a.next{margin-left: 0.1rem;}
.page a.no:hover,.page a.disabled:hover{cursor: default;color: #555555 !important;}
/* .page a.prev {background:url(../images/page_prev.png) center center no-repeat; text-indent:-10000px; margin-right: 15px;}
.page a.next {background:url(../images/page_next.png) center center no-repeat; text-indent:-10000px;} */

/* .page a.first{ text-indent:-10000px;margin-left: 15px;background:url(../images/page_first.png) no-repeat center center;}
.page a.last{ text-indent:-10000px;background:url(../images/page_last.png) no-repeat center center;} */



.page .go{cursor: pointer; border:none;outline: none;text-align: center;margin-left: 0.35rem;float: left; }
.page .go:hover{color:#cb0000 !important;}
.page a.on:hover{color: #fff !important;}
.page .txtnum{margin-left: 40px;}
.page .txtnum input{ text-align: center; box-sizing:border-box; background:none;border: 1px solid #d8dee1;margin: 0 3px;}

.total{float: left;margin-left: 0.18rem;}

.page{line-height: 0.45rem;}
.page .txtnum{height: 0.45rem;}
.page a,.page .go{width: 0.45rem;height: 0.45rem;}
.page .txtnum input{height: 0.45rem;line-height: 0.45rem;width: 0.44rem;margin:0 0.1rem;color: #555555;}
.page .go{width: 0.4rem;color: #555;}
@media only screen and (min-width:1025px) {
    .page b:hover .go,.page b:hover i{color:#cb0000 !important;}
}
@media only screen and (max-width:1024px) {
    .page .txtnum{margin-left: 0.1rem;}
}

@media only screen and (max-width:767px) {
    .page{padding-top: 20px;}
    .page a{display:none; font-weight: normal;}
    .page a.prev,.page a.next{display:block; display:inline-block;}



    .page a.on{display: inline-block;}
    .page{line-height: 45px;}
    .page .txtnum{height: 45px;}
    .page a,.page .go{width: 45px;height: 45px;}
    .page .txtnum input{height: 45px;line-height: 45px;width:36px;margin:0 5px;}
    .page a.prev, .page a.next{font-size: 12px;}
    .total{margin-left:2px;}
    .page a{margin:0 1px;}
    .page a.next{margin-left: 1px;}
    .page a.prev{margin-right: 1px;}


    .total,.page .txtnum,.page .go{display: none;}
    .page a:nth-child(-n+6){display: block;}
    .pagearrow{display: none;}
}
@media only screen and (min-width:1025px) {
    .page .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 .go:hover{opacity: 1;}

}


/*page*/

.privacy-con{padding: 1rem 0;box-sizing: border-box;overflow: hidden;}

.phone-show{display: none;}
@media only screen and (max-width:767px) {
    .phone-show{display: block;}
    .pc-show{display: none;}
}