@charset "utf-8";

html, body{position:relative; height:100%;}
#wrapper{overflow:hidden;position:relative;width:100%;min-width: 1400px;}
.wrap{position:relative;width: 1400px;margin-right:auto;margin-left:auto;}
body{background-color:#fff;font-weight:300;letter-spacing:-0.03em;-webkit-font-smoothing: antialiased;font: 12px/1.5 Microsoft YaHei UI,Microsoft YaHei,tahoma,arial,Hiragino Sans GB,SimSun,Segoe UI,Tahoma,Helvetica,Sans-Serif,sans-serif,\5b8b\4f53;color: #333;font-size: 15px;line-height: 1.6rem;word-break: break-all;}
#container{position:relative;z-index:20;width:100%;}
#screen{visibility:hidden; overflow:scroll; position:absolute; width:100px; height:100px;}

/* ie8提示 */
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../img/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../img/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../img/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../img/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
/* slick */
.slick-slider{position:relative;}
.slick-list{overflow:hidden; position:relative;}
.slick-track{position:relative; top:0; left:0; margin-right:auto; margin-left:auto;}
.slick-track:before, .slick-track:after{display:table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left;}
.slick-slide.slick-loading img{display:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;}

/* header */
#header-wrap{z-index: 9999;width:100%;background: #c60001;padding: 20px 0;position: relative;}
#header {display: block;position: relative;}

/* logo */
.logo{line-height:0;display: block;float: left;position: relative;z-index: 999;}
.logo_image{display: block;vertical-align:top;position: relative;width: 400px;height: 76px;background: url('../img/logo.png') no-repeat;background-size: 100%;margin-left: 85px;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;}
.scroll .logo .logo_image,.active .logo .logo_image{}

/* search */
.search{float: left;margin-top: 51px;margin-left: 40px;width: 300px;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;}
.search_submit{display:block;position:absolute;top:0;bottom:0;left: 0;width: 30px;height: 28px;margin-top:auto;margin-bottom:auto;font-size:0;background-image: url(../img/button_sprite.png);background-position: 0 -26px;background-repeat: no-repeat;}
.search_open{width: 27px;height: 29px;display:block;position:absolute;top: -13px;left: 0;z-index: 999;font-size:0;line-height:0;background-image: url("../img/button_sprite.png");background-position: 0 -26px;background-repeat: no-repeat;}
.search_close{display: none;width: 35px;height: 35px;position: absolute;top: -74px;right: -8px;z-index: 9999;font-size: 0;line-height: 0;background-image: url(../img/button_sprite.png);background-position: 5px -56px;background-repeat: no-repeat;}
.search_panel{display:none;position:absolute;top: 130%;left:0;z-index: 999999;width:100%;}
.search_form{position:relative;height:160px;padding-left: 50px;padding-right: 50px;}
.search_fieldset{position:relative;top:60px;z-index:20;padding-bottom: 18px;border-bottom: 3px solid #c60001;}
.search_label{position:absolute;top:0;left:0;padding-right:20px;color:#8f8f8f;display: none;}
.search_label:before{display:block; position:absolute; top:0; bottom:0; right:0; width:1px; height:22px; margin-top:auto; margin-bottom:auto; background-color:#c7c7c7;}
.search_query::placeholder{color:#000; font-size:20px; line-height:26px; font-weight:500; letter-spacing:-0.025em;}
.search_query:-ms-input-placeholder{color:#000; font-size:20px; line-height:26px; font-weight:500; letter-spacing:-0.025em;}
.search.active .search_panel{display:block; overflow:hidden;}
.search.active .search_open{display:none;}

/* all_links */
.all_links{overflow: hidden;position: fixed;top: 0;z-index: 4000;width: 100%;height: 0;opacity: 0;transition: height .4s;background: #c60001;visibility: hidden;}
.all_links.on{height: 100vh;opacity: 1;visibility: inherit;left: 0;transition: height .4s;}
.all_links dl{}
.all_links dl dt button{position: absolute;width: 24px;height: 22px;background: url(../img/button_sprite.png) #a00203 no-repeat 9px -52px;display: block;right: 48px;top: 56px;font-size: 0;padding: 21px;z-index: 999999999;}
.all_links dl dd{display: block;padding: 40px 0;margin: auto;}
.all_links dl dd .logoBar{border-bottom: 2px solid #dc2728;padding-bottom: 45px;margin-bottom: 40px;}
.all_links dl dd .logoBar .logo_image{margin-top:10px;margin-left: 0;}
.all_links dl dd .wrap{}
.all_links dl dd .wrap ul{}
.all_links dl dd .wrap ul > li{display: inline-block;float: left;width: 16.5%;}
.all_links dl dd .wrap ul > li > a{color: #FFF;display: block;font-size: 20px;text-align: center;}
.all_links dl dd .wrap ul > li > .subMenu{display: block;margin-top: 13px;}
.all_links dl dd .wrap ul > li > .subMenu li{width: 100%;float: none;display: block;}
.all_links dl dd .wrap ul > li > .subMenu li a{color: #FFF;font-size: 17px;display: block;opacity: 0.8;padding: 10px 0;}
#container .txtWrap .side_menu .nav_open{display:none;}

/* menu */
#menu-wrap .srch-btn {position:absolute;right:10px;top:25px;border:0;background:#fff;border-bottom:2px solid #57c928;z-index:1000}
.isMain #menu-wrap .srch-btn {right:110px}
#menu-wrap .srch-btn span {display:inline-block;font-size:14px;color:#53b02c;line-height:1;padding:10px 0 10px 22px;}
#menu-wrap .srch-btn.is-open span {display: block;font-size: 0;background-image: url(../img/button_sprite.png);background-position: 0 0;background-repeat: no-repeat;width: 24px;height: 20px;float: right;margin-top: 70px;margin-right: 40px;}
#menu-wrap .mGnavi {display:none}
#menu-wrap {display: block;position:relative;width:100%;max-width:1400px;margin-left:0;padding-right:0;z-index:100;}
#menu-wrap:after {clear:both;display:block;content:""}
#menu-wrap .menu-cont {width:76%;padding-left:24%}
#mn-ctrs-btns,#menu-wrap .btn-open {display:none}

/* topBt */
.topBt {background: url(../img/up_sprite.png) #252525 no-repeat center;background-size: 40%;position: fixed;bottom: -100px;right: 30px;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;text-align: center;z-index: 99;box-shadow: 0 22px 20px rgba(0,0,0,0.2);transition: all .3s ease;text-indent: -9999px;}
.topBt.over {bottom: 60px;}
.topBt.over:hover{background: url(../img/up_sprite.png) #c60001 no-repeat center;background-size: 40%;}

/* footer */
#footer {position: relative;padding-top: 20px;z-index: 20;width: 100%;color: #FFF;background-color: #c60001;}
#footer .logo{display:inline-block;vertical-align:top;width: 240px;overflow: hidden;}
#footer .logo_image{display:inline-block;vertical-align:top;margin: 0;}
#footer .footer_info{display:inline-block;margin-top:8px;margin-left:49px;vertical-align:top;color: #ffffff;font-size:15px;line-height:24px;letter-spacing:-0.04em;}
#footer .footer_info span{display: block;float: none;position: relative;}
#footer .footer_info span.tel{display: inline-block;}
#footer .footer_info span.mailbox{display: inline-block;margin-left: 17px;}
#footer .footer_info span.address{margin-top: 12px;}
#footer .footer_info span::before{content: '';display: inline-block;width: 23px;height: 25px;background: url(../img/icon_all.png) no-repeat center;background-size: 600%;vertical-align: top;margin-right: 10px;}
#footer .footer_info span.tel::before{background-position: 0 -10px;background-size: 560%;}
#footer .footer_info span.mailbox::before{background-position: -50px -7px;background-size: 510%;}
#footer .footer_info span.address::before{background-position: -24px -8px;background-size: 550%;}
#footer .Official_Accounts{float: right;}
#footer .Official_Accounts p{display: inline-block;margin-left:15px;}
#footer .Official_Accounts img{display:block;width: 120px;height: 120px;object-fit: cover;}
#footer .Official_Accounts span{display:block;font-size:80%;text-align: center;padding: 10px 0;color: #fff;}
#footer .copyright .wrap{border-top: 1px solid #d66060;padding-top: 20px;padding-bottom: 20px;font-size: 15px;color: #f9d3d3;}
#footer .copyright .wrap span{padding-right:10px}
#footer .Official_Accounts a:hover span{color:#fff;}
.rowgroup4 .environment .wrap .wrap{
    width:100%!important;
    padding:0!important;
    margin:0!important;
} 
@media all and (min-width:1001px){
    /* search */
    #header .srvcUtil {display:block;position:absolute;right:0;top:0;z-index:501;transition:margin .3s ease}
    #header .srvcUtil:after {display:block;content:'';clear:both;}
    #header .srvcUtil a {float:left;display:inline-block;position:relative;width:70px;height:70px;vertical-align:text-top;font-size:0;color:transparent;transition:all .3s ease}
    #header .srvcUtil .amenu {background:#E5E5E5;}
    #header .srvcUtil .amenu:before {display:block;content:'';position:absolute;top:50%;left:50%;margin:-10px 0 0 -13px;width:27px;height:15px;border-top:3px solid #777;border-bottom:3px solid #777;transition:all .3s ease}
    #header .srvcUtil .amenu:after {display:block;content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -13px;width:19px;height:3px;background:#777;transition:all .3s ease}
    #header .srvcUtil .amenu:hover {background:#c60001}
    #header .srvcUtil .amenu:hover:before {border-color:#fff;}
    #header .srvcUtil .amenu:hover:after {width:27px;background:#fff;}
    #header .srvcUtil .btn-search:before {display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:25px;height:25px;}
    #header .srvcUtil .btn-search:hover {background:#c60001;}
    #header .srvcUtil .btn-search:hover:before {background-position:0 -115px;}
    #header .srvcUtil .toppop-ctrl {display:none;}
    #menu-wrap .mn-top, #menu-wrap .mem-btn, #menu-wrap .btn-close, #menu-wrap .tmn-box {display:none}
    #mainNavi-wrap {z-index: 999;text-align:center;width: 796px;position: absolute;right: 85px;top: 11px;}
    #mainNavi {}
    #mainNavi .depth1-ul {text-align: center;}
    #mainNavi .mn_li1 {display: block;position: relative;float: left;}
    #mainNavi .mn_a1 {position:relative;display:block;font-size: 20px;font-weight: 500;color: #fff;padding: 15px 43px;letter-spacing:-.01em;}
    #mainNavi .mn_li1 .mn_a1:hover,#mainNavi .mn_li1 .mn_a1:hover,#mainNavi .mn_li1.over .mn_a1,#mainNavi .mn_li1.on{background: #dc3023;}
    #mainNavi .mn_a1:hover:after,#mainNavi .mn_a1:focus:after,#mainNavi .mn_li1.over .mn_a1:after {left:0;width:100%}
    #mainNavi .depth2-wrap {display: none;position:absolute;top: 55px;left:0;z-index: 99999;width:100%;text-align:left;box-sizing:border-box;height: auto;}
    #mainNavi .depth2-wrap .depth1-tit {position:absolute;bottom:0;left:0;width:100%;height:70px;box-sizing:border-box;display: none;}
    #mainNavi .depth2-wrap .depth1-tit:before {display:block;content:'';position:absolute;top:0;right:0;width:378px;height:70px;}
    #mainNavi .depth2-wrap .depth1-tit .btn-mndep2 {position:relative;font-size:0.944em;color:#fff;font-weight:500;display:inline-block;margin-right:41px;padding-right:31px;line-height:70px;}
    #mainNavi .depth2-wrap .depth1-tit .btn-mndep2:before {display:block;content:'';position:absolute;top:50%;right:0;margin-top:-1px;width:13px;height:2px;background:rgba(255,255,255,0.3);transition:all .3s ease;}
    #mainNavi .depth2-wrap .depth1-tit .btn-mndep2:after {display:block;content:'';position:absolute;top:50%;right:0;margin-top:-4px;width:6px;height:6px;border-bottom:2px solid rgba(255,255,255,0.3);border-right:2px solid rgba(255,255,255,0.3);transform:rotate(-45deg);transition:all .3s ease;}
    #mainNavi .depth2-wrap .depth1-tit > a:first-child.btn-mndep2 {color:#28c658;}
    #mainNavi .depth2-wrap .depth1-tit > a:first-child.btn-mndep2:before {background:#28c658;}
    #mainNavi .depth2-wrap .depth1-tit > a:first-child.btn-mndep2:after {border-bottom:2px solid #28c658;border-right:2px solid #28c658;}
    #mainNavi .depth2-wrap .depth1-tit .btn-mndep2:hover:before {right:10%;}
    #mainNavi .depth2-wrap .depth1-tit .btn-mndep2:hover:after {right:10%;}
    #mainNavi .depth2-wrap .depth2-ul {display:block;width:100%;position:relative;font-size:0;overflow:hidden;flex-wrap:nowrap;background: #ebebeb;}
    #mainNavi .depth2-wrap .mn_li2 {display: block;vertical-align:top;position:relative;line-height: 1;padding: 0 10px;}
    #mainNavi .depth1-ul > li:first-child .depth2-wrap .depth2-ul {flex-wrap:wrap;}
    #mainNavi .depth1-ul > li:first-child .depth2-wrap .mn_li2 {align-content:stretch;flex-basis:16.66%;max-width:16.66%;}
    #mainNavi .depth2-wrap .mn_a2 {display:block;position:relative;box-sizing:border-box;text-align: left;}
    #mainNavi .depth2-wrap .mn_a2 span {display:inline-block;position:relative;font-size: 15px;color:#222;letter-spacing:-.05em;line-height: 22px;transition:all .3s ease;padding: 11px 0;}
    #mainNavi .depth2-wrap .mn_a2:focus span, #mainNavi .depth2-wrap .mn_a2:hover span,#mainNavi .depth2-wrap .over .mn_a2 span {color: #c60001;}  #mainNavi .depth2-wrap .mn_a2:focus:before,#mainNavi .depth2-wrap .mn_a2:hover:before, #mainNavi .depth2-wrap .over .mn_a2:before {width:9px;height:9px}
    #mainNavi .depth3-wrap {display:block;margin-top:5px}
    #mainNavi .depth3-wrap .depth3-ul {display:block;box-sizing:border-box;position:relative;padding:0}
    #mainNavi .depth3-wrap .mn_li3 {display:block;margin-bottom:7px;line-height:1;}
    #mainNavi .depth3-wrap .mn_li3:last-child {margin:0}
    #mainNavi .depth3-wrap .mn_a3 {position:relative;display:inline-block;padding:2px 0;}
    #mainNavi .depth3-wrap .over.mn_a3 {padding-left:15px}
    #mainNavi .depth3-wrap .over.mn_a3:before {content:'';position:absolute;left:1px;top:10px;width:5px;height:5px;background:#055621;border-radius:50%;}
    #mainNavi .depth3-wrap .mn_a3:after {content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#055621;opacity:0;transition:all .3s ease}
    #mainNavi .depth3-wrap .mn_a3 span {display:inline-block;position:relative;font-size:16px;color:#555;letter-spacing:-.05em;line-height:1.2;transition:all .3s ease}
    #mainNavi .depth3-wrap .over.mn_a3 span, #mainNavi .depth3-wrap .mn_a3.over span, #mainNavi .depth3-wrap .mn_a3:hover span, #mainNavi .depth3-wrap .mn_a3:focus span {color:#055621;}
    #mainNavi .depth3-wrap .mn_a3:hover:after, #mainNavi .depth3-wrap .mn_a3:focus:after {opacity:1;}
    #mainNavi .mn_a1[target=_blank]:hover span:after, #mainNavi .over .mn_a1[target=_blank] span:after {background-position:-205px 0}  #mainNavi .tgl-btn {display:none}  #header-wrap .tmn-bg {position:absolute;left:0;top:128px;width:100%;height:0;background:#f3f4f7;border-bottom:1px solid #323b50;z-index:400}
    #menu-wrap .btn-open{display:block;position: absolute;top: 26px;right: -50px;z-index: 99999999999999;font-size: 0;width: 25px;height: 25px;}
    #menu-wrap .btn-open button{display:block;z-index: 99999999999999;background: url(../img/button_sprite.png) no-repeat 0px 3px;font-size: 0;width: 100%;height: 100%;}
     #mainNavi .mn_li1.lh_ej  .depth2-ul{
         width: 200%;
         left: 0;
     }
    #mainNavi .mn_li1.lh_ej  .depth2-ul li{
        width:50%;
        position:relative;
        float:left;
    }
    #mainNavi .mn_li1.lh_ej .depth2-ul li .mn_a2{
        text-align:center;
    }
    #mainNavi .mn_li1.lh_ej  .depth2-ul li:nth-of-type(2n)::before{
        position:absolute;
        display:block;
        content:"";
        width:1px;
        height:20px;
        top:0;
        bottom:0;
        margin:auto;
        background:#ddd;
        left:0;
    }
}

@media all and (min-width:1401px){
    #footer .up.bottom{position:absolute; top:-68px; right:-240px; background:none;}
    #footer .up.bottom .up_button{background:none; transform:translateY(0);}
    #footer .up.bottom .up_button:before{opacity:0; visibility:hidden;}
}
@media all and (min-width:1501px){
    .search .search_panel{display:block;height:auto;position: relative;width: 300px;}
    .search .search_panel:before{display:none;}
    .search_open{display:none !important;}
    .search_form{height:auto; padding-left:0; padding-right:0;}
    .search_form:after{display:none;}
    .search_fieldset{position:relative;top:0;border:none;padding:2px;border-radius:50px;}
    .search_input{width: 85%;padding: 0 20px;border-radius:50px;display: block;border: 1.8px solid #FFF;margin-left: 35px;height: 40px;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;}
    .search_form.active .search_input{border: 2px solid #fff;}
    .search_query{width:100%;height: 100%;color: #ffffff;font-size: 14px;line-height: 100%;letter-spacing:-0.025em;font-weight:400;background: none;display: block;}
    .search_query::placeholder{text-align:left; color:#ddd; font-weight:400;font-size: 14px;}
    .search_query:-ms-input-placeholder{text-align:left; color:#ddd; font-weight:400;font-size: 14px;}
    .search_label{font-size:0; line-height:0; z-index:auto;}
    .search_label:before{display:none;}
}
@media all and (max-width:1640px){
    .search{margin-left: 20px;}
}
@media all and (max-width:1600px){
    .wrap{width:90%;}
    .search_input{width: 62%;}
    #mainNavi .mn_a1{padding: 15px 36px;}
     #mainNavi-wrap{top: 11px;width: 724px;right: 25px;}
.logo_image{margin-left:25px;}
#mainNavi .depth2-wrap .mn_a2 span{
    font-size:14px;
}
}


@media all and (max-width:1500px){
    #wrapper{overflow:hidden;position:relative;width:100%;min-width: 1300px;}
    .wrap{width: 1200px;}
    .search_open{top: 9px;}
    .search_close{display:block}
    .search_panel{width: 90%;background: #FFF;margin: 410px 50px 0;}
    .black-bg{position: fixed;left: -999999px;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 1200;opacity: 0;transition: opacity .5s;}
    .black-bg.on {left: 0;opacity: 1;}
        .search_submit{display:block;position:absolute;top: -18px;bottom:0;left: auto;right: 0;width: 30px;height: 28px;margin-top:auto;margin-bottom: auto;font-size:0;background-image: url("../img/seabtn.png") !important;background-position: 0 0;background-size: 95%;}
    .search_input{width:94%}
    .search_input input{width: 90%;}
   
}
@media all and (max-width:1400px) and (min-width:1000px) {
 #mainNavi-wrap{top: 11px;width: 676px;right: 25px;}
}

@media (max-width: 1400px) {
    #mainNavi .mn_a1{padding: 15px 30px;}
    #footer .up{margin-right:20px;}
   
}  
@media (max-width: 1320px){#wrapper{min-width:900px;}
 #mainNavi-wrap{top: 6px;width: 671px;right: 25px;}
    .wrap{width: auto;margin: 0 2%;padding: 0 3%;}
    .logo_image{width: 300px;height: 57px;margin-left: 25px;}
    .search_open{top: -11px;}
    #mainNavi .depth2-wrap{
        top:57px;
    }
    .all_links dl dt button{top: 37px;right: 34px;}
    #mainNavi .mn_a1{padding: 10px 36px;font-size: 17px;}
    #footer .logo{width: 219px;}
    #footer .logo_image{width: 357px;height: 70px;}
    #footer .footer_info{margin-left: 20px;}
    #footer .footer_info span{display: block;float: none;position: relative;}
    #footer .footer_info span.tel{display: inline-block;}
    #footer .footer_info span.mailbox{display: inline-block;margin-left: 17px;}
    #footer .footer_info span.address{margin-top: 12px;}
    #footer .footer_info span::before{content: '';display: inline-block;width: 17px;height: 25px;background: url(../img/icon_all.png) no-repeat center;background-size: 600%;vertical-align: top;margin-right: 10px;}
    #footer .footer_info span.tel::before{background-position: 0 -3px;background-size: 530%;}
    #footer .footer_info span.mailbox::before{background-position: -37px -2px;background-size: 504%;}
    #footer .footer_info span.address::before{background-position: -19px -3px;background-size: 550%;}

}

@media all and (max-width:1200px) {
    #mainNavi .mn_a1{padding: 10px 30px;font-size: 17px;}
    
     .search_submit{margin-top:0;}
      #mainNavi-wrap{top: 6px;width: 604px;right: 25px;}
    #mainNavi .depth2-wrap .mn_a2 span{
        font-size:13px;
    }
}


@media all and (max-width:1000px) {
    #wrapper{min-width:0;}
    .wrap{width:auto; margin-right:0; margin-left:0; padding-right:3%; padding-left:3%;}
    .logo_image{width: 250px;height: 48px;}
    #header-wrap{
        padding:10px 0;
    }
    .search{width:100%;transition: none;}
    .search .search_open{top: -5px;left: auto;right: 8%;}
    .search .search_panel:after{opacity:0.6; left:auto; right:0; width:509px; height:70px;}
    .search_form{padding-left:30px; padding-right:30px;}
    .search_fieldset{width:100%;}
    .search_panel {width: 87%;}
    .all_links{display:none}
    #mn-ctrs-btns {display:block;position:absolute;right: 25px;top: 12px;z-index:1000;}
    #mn-ctrs-btns .mn-ctrs-btn {position:relative;display: inline-block !important;width: 25px;height: 22px;vertical-align:text-top;font-size:0;color:transparent;background:transparent;border:0;transition:all .3s ease;}
    #mn-ctrs-btns .mn-ctrs-btn span{display: block;content: '';position: absolute;top: 41%;left: 0;margin: 0;width: 100%;height: 3px;background: #fff;transition: all .3s ease;}
    #mn-ctrs-btns .mn-ctrs-btn:before {display: block;content: '';position: absolute;top: 0;left: 0;margin: 0;width: 100%;height: 3px;background: #fff;transition: all .3s ease;}
    #mn-ctrs-btns .mn-ctrs-btn:after {display:block;content:'';position:absolute;bottom: 0;left: 0;margin: 0;width: 100%;height: 3px;background: #fff;transition:all .3s ease;}
    #mainNavi-wrap {overflow:inherit;position:absolute;top:0;right:0;width:100%;max-width: 100%;}
    #menu-wrap .mGnavi {display:block;box-sizing:border-box;position:relative;height:70px;background:#064e31;font-size:0;text-align:left;padding:0 30px;}
    #menu-wrap .mGnavi a {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;}
    #menu-wrap .mGnavi a:after {content:"";display:block;position:absolute;width:1px;height:13px;background:rgba(255,255,255,0.2);left:0;top:50%;margin:-5px 0 0}
    #menu-wrap .mGnavi a:last-child:after {display:none}
    #menu-wrap .mGnavi a span {display:block;font-size:14px;color:#fff;box-sizing:border-box;position:relative;padding:20px 12px 18px 13px;}
    #menu-wrap .mGnavi a.lang span {padding-left:41px}
    #menu-wrap .mGnavi a.lang:before  {content:"";display:block;position:absolute;width:18px;height:18px;background-position:0 0;left:15px;top:23px;}
    #menu-wrap .mGnavi > a:first-child span {padding-left:0;}
    #menu-wrap .mGnavi > a:first-child:after {display:none;}
    #menu-wrap.mn-h-open {right:0;overflow:visible}
    #menu-wrap.mn-h-open .mn-top {position:relative;display:block;width:100%;color:#fff;z-index:8001;overflow:visible}
    #menu-wrap.mn-h-open .mn-top .mn-tit {font-size:18px;color:#fff;letter-spacing:-0.02em;font-weight:normal;text-align:center;background:#2b405b;background-size:auto 20px;height:70px;line-height:70px}
    #menu-wrap.mn-h-open .btn-close {display:block;position:absolute;width:25px;height:25px;background:transparent;top:50%;right:20px;border:0;margin-top:-16px;}
    #menu-wrap.mn-h-open .btn-close:before {content:"";display:block;position:absolute;width:25px;height:2px;background:#fff;top:50%;left:0;margin-top:-1px;}
    #menu-wrap.mn-h-open .btn-close:after {content:"";display:block;position:absolute;width:13px;height:13px;border-bottom:2px solid #fff;border-right:2px solid #fff;top:50%;right:2px;transform:rotate(-45deg);margin-top:-7px;}
    #menu-wrap {position:absolute;transition:right 0.3s ease;right:-100%;top: 58px;left:auto;width:100%;height:9000px;z-index: 999;background: #c60001;overflow-y:scroll;overflow-x:hidden;margin:0;border-top: 1px solid #b31b1c;}
    #menu-wrap .mem-btn {overflow:hidden;background:#2b405b;border-top:1px solid rgba(255,255,255,0.2)}
    #menu-wrap .mem-btn a {float:left;width:50%;text-align:center;font-size:13px;padding:10px 5px;color:#fff;box-sizing:border-box}
    #menu-wrap .mem-btn a span {display:inline-block;padding:1px 0 1px 23px}
    #menu-wrap .tmn-box {background:#fff;padding:14px 0 13px 0;border-bottom:1px solid #b9b9b9;position:relative}
    #menu-wrap .tmn-box .btn-close {width:52px;height:28px;background:none;border:0;position:absolute;top:16px;right:0;display:block;border-left:1px solid #ccc}
    #menu-wrap .tmn-box .btn-close:before, #menu-wrap .tmn-box .btn-close:after {display:block;content:"";width:2px;height:24px;background:#5e5e5e;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-1px}
    #menu-wrap .tmn-box .btn-close:before {transform:rotate(45deg);-ms-transform:rotate(45deg)}
    #menu-wrap .tmn-box .btn-close:after {transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
    #menu-wrap .tmn-box .tmn-title {font-size:18px;font-weight:300;color:#fff;text-align:center}
    #menu-wrap .tmn-box .tmn-title img {height:32px}
    #menu-wrap .tmn-box .tmn-global {margin-top:10px}
    #menu-wrap .tmn-box .tmn-global li {display:inline-block;line-height:1}
    #menu-wrap .tmn-box .tmn-global li a {color:#fff;font-size:14px;padding:0 14px 0 14px}
    #menu-wrap .tmn-box .tmn-global li:first-child a {padding-left:0;position:relative}
    #menu-wrap .tmn-box .tmn-global li:first-child a:after{display:block;content:"";width:1px;height:14px;background:rgba(255,255,255,0.3);position:absolute;top:50%;right:0;margin-top:-7px}
    #menu-wrap.mn-h-open #mainNavi {left:auto;right:0;top:0;width:100%}
    #mainNavi .depth1-tit, #mainNavi .mn_li1.over:before {display:none}
    #mainNavi .depth1-wrap {position:relative}
    #mainNavi li.mn_li1 {position:relative;height:auto;padding:0 30px;}
    #mainNavi .mn_li1 .mn_a1 {display:block;position:relative;box-sizing:border-box;padding:16px 0 17px 0;width:100%;height:auto;letter-spacing:-.05em;z-index:300;}
    #mainNavi .mn_li1 .mn_a1 span {position:relative;display:inline-block;line-height:1.2;font-size:17px;color: #fff;font-weight:700;}
    #mainNavi .mn_li1 .mn_a1:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background: #de4b4c;}
    #mainNavi .mn_li1.is-open .mn_a1 span {color: #ffffff;}
    #mainNavi .mn_li1.is-open .mn_a1:before {height:2px;background: #820404;}
    #mainNavi .mn_li1 .mn_a1[target='_blank'] span {padding-right:23px;}
    #mainNavi .mn_li1 .mn_a1[target='_blank'] span:after {content:"";display:block;position:absolute;top:6px;right:0;width:10px;height:10px;}
    #mainNavi .mn_li1.is-open .mn_a1[target='_blank'] span:after {background-position:-205px 0;}
    #mainNavi .mn_li1.is-close > .tgl-btn {position:absolute;top:0;right:0;width:76px;height:57px;box-sizing:border-box;background:transparent;z-index:500;border:0;}
    #mainNavi .mn_li1.is-close > .tgl-btn:before {display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width: 8px;height: 13px;background: url(../img/arrow.png) no-repeat 0 0;transition:all .3s ease;transform: rotate(90deg);-ms-transform: rotate(90deg);  /* IE 9 */-moz-transform: rotate(90deg);  /* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg);}
    #mainNavi .mn_li1.is-close.is-open > .tgl-btn:before {transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);}
    #mainNavi .depth2-wrap {display:none;height:auto;box-sizing:border-box;background:#fff;overflow: hidden;width: 100%;max-height: 0px;padding: 0;transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
    #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn {display:block;position:absolute;top:0;left:0;width:100%;height:50px;border:0;background:transparent;}
    #mainNavi .depth2-wrap .mn_li2.is-open .tgl-btn {background:#a29b9a;border-color:#a29b9a}
    #mainNavi .depth2-wrap .mn_li2.is-open .tgl-btn:before, #mainNavi .depth2-wrap .mn_li2.is-open .tgl-btn:after {background:#fff}
    #mainNavi .depth2-wrap .mn_li2.is-open .tgl-btn:after {width:0}
    #mainNavi .is-open .depth2-wrap {display:block;max-height: 1250px;transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
    #mainNavi .depth2-ul {position:relative;z-index:100;box-sizing:border-box;}
    #mainNavi .mn_li1:first-child .depth2-ul {border-top:0}
    #mainNavi .mn_li2 {position:relative;padding:0;border-bottom: 1px solid #eeeeee;}
    #mainNavi .depth2-wrap .mn_a2 {position:relative;display:block;color:#222;font-size:16px;font-weight:500;padding:11px 45px 13px 40px;transition:all .3s ease;}
    #mainNavi .depth2-wrap .mn_a2:before {content:"";display:block;position:absolute;left:26px;top:23px;width:4px;height:4px;background:#262626;border-radius:50%;}
    #mainNavi .depth2-wrap .mn_a2 span {position:relative;display:inline-block;line-height:1;font-size: 14px;}
    #mainNavi .depth2-wrap .mn_a2.over, #mainNavi .depth2-wrap .is-open .mn_a2, #mainNavi .depth2-wrap .mn_a2:hover {background: #e54949;color:#fff;}  #mainNavi .depth2-wrap .mn_a2.over:before, #mainNavi .depth2-wrap .is-open .mn_a2:before, #mainNavi .depth2-wrap .mn_a2:hover:before {top:18px;left:21px;width:14px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);background:none;border-radius:0;}
    #mainNavi .depth2-wrap .mn_a2[target='_blank'] span {padding-right:21px;}
    #mainNavi .depth2-wrap .mn_a2[target='_blank'] span:before {content:"";display:block;position:absolute;right:0;top:4px;width:10px;height:10px; }
    #mainNavi .depth2-wrap .is-open .mn_a2[target='_blank'] span:before {background-position:-149px -35px;}
    #mainNavi .depth2-wrap .depth3-wrap {display:block;background:#f6f6f6;padding:10px 0}
    #mainNavi .depth2-wrap .mn_li2.is-close .depth3-wrap {display:none}
    #mainNavi .depth2-wrap .mn_li2.is-open .depth3-wrap {display:block}
    #mainNavi .depth2-wrap .depth3-wrap li a {position:relative;display:block;padding:0 0 0 43px;color:#777;}
    #mainNavi .depth2-wrap .depth3-wrap li a:before {display:block;content:"";width:1px;height:100%;background:#d3d3d3;position:absolute;top:0;left:26px;}
    #mainNavi .depth2-wrap .depth3-wrap li a span {position:relative;display:inline-block;font-size:15px}
    #mainNavi .depth2-wrap .depth3-wrap li.over a, #mainNavi .depth2-wrap .depth3-wrap li a:hover {color:#055a23;}
    #mainNavi .depth2-wrap .depth3-wrap li a[target='_blank'] span {padding-right:15px;}
    #mainNavi .depth2-wrap .depth3-wrap li a[target='_blank'] span:after {content:"";display:block;position:absolute;right:0;top:8px;width:10px;height:10px;}
    #mainNavi .depth2-wrap .is-open .depth3-wrap li a[target='_blank'] span:after {background-position:-149px -50px;}
    .body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.3s ease}
    .body-slider-ovclick {display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.6);cursor:pointer;z-index:3001}
}
@media all and (max-width:900px) {
    .search .search_open{right: 9%;}
}
@media all and (max-width:820px) {
    .search .search_open{right: 10%;}
    .search_panel {width: 85%;}

}
@media all and (max-width:740px) {
    .search .search_open{right: 11%;}

}

@media all and (max-width:640px) {
    body{font-size:14px; line-height:22px;}
    #mn-ctrs-btns{top: 12px;right: 10px;}
    #menu-wrap{}
    .search{padding-top:65px;}
    .search .search_open,.search{top: -91px;right: 12%;}
    .search .search_panel{height:125px;top: 68%;}
    .search .search_form{height:125px;}
    .search .search_form:after{opacity:0.8; left:50%; right:auto; bottom:-15px; width:357px; height:49px; margin-left:0; transform:translateX(-50%)}
    .search .search_fieldset{top:37px;}
    .search .search_input{font-size:17px;line-height:19px;}
    .search .search_query{height:19px;}
    .search .search_query::placeholder{font-size:17px; line-height:19px;}
    .search .search_query:-ms-input-placeholder{font-size:17px; line-height:19px;}
    .search .search_submit{top:0; width:23px; height:22px;}
    #footer .up{top:-28px; width:52px; height:52px; padding-top:4px; padding-left:4px;}
    #footer .up.show{top:-68px;}
    #footer .up .up_button{width:44px; height:44px;}
    #footer .up .up_button:after{width:16px; height:17px;}
    #footer .Official_Accounts{float: none;width: 100%;margin: 35px auto 20px;text-align: center;}
    #footer .copyright .wrap{padding-top: 10px;padding-bottom: 10px;}
    #footer .copyright .wrap span{font-size:12px}
}

@media all and (max-width:580px) {
    .search .search_open,.search{top: -91px;right: 16%;}
}

@media all and (max-width:480px) {
    .search_panel {width: 76%;}
    .search .search_open,.search{top: -91px;right: 18%;}
    .search .search_panel{margin: 320px 50px 0;}
    .search_close{top: -54px;}
}