@charset "utf-8";
@import "main.css";
@import "layout.css";
@import "board.css";
@import "content.css";

/*---------公共样式---------*/
.wrap {position: relative;width: auto;max-width: 1400px;min-width: 320px;margin: 0 auto;z-index: 1;transition: .5s;}
#doc-wrap {position:relative;min-width:320px;width:100%;overflow:hidden;font-size:15px}

/* global */
#global {position:relative;width:100%;margin-top: 0;z-index: 901 !important;transition: .5s;min-height: 45px;}
#global:before {display:block;content:'';position:absolute;top:0;left:50%;width: 100%;height: 100%;margin-left: -50%;background-color: #005baa;}
#global.over {z-index: 9999999999999999 !important;}
#global .global-wrap {margin:0 auto;transition:all .3s ease;}
#global .global-wrap .toputil-l{display:none}
#global .global-wrap .toputil-r {display: flex;float:right;position:relative;right: 2%;flex-wrap: wrap;align-items: center;}
#global .global-wrap .toputil-r > ul {}
#global .global-wrap .toputil-r .tur-ctrl {display:none;}
#global .global-wrap ul {display: inline-block;padding: 14px 0;}
#global .global-wrap ul li {display: inline-block;position:relative;vertical-align: middle;}
#global .global-wrap ul li:after {content:"";display:block;position:absolute;width: 1px;height: 100%;right: -3px;top: 0;background: rgb(255 255 255 / 32%);}
#global .global-wrap ul li:last-child:after{display:none}
#global .global-wrap ul li a {display: block;position:relative;color: #fff;font-size: 13px;font-weight: 300;padding: 0 15px;}
#global .global-wrap ul li a:hover {text-decoration:underline;color: #bcdeff;}
#global .global-wrap ul li i{margin-right:5px;font-size: 15px;}
#global .global-wrap ul li button {display:inline-block;position:relative;vertical-align:middle;color: #FFF;background:none;}
#global .global-wrap ul li.login button,#global ul li.login a,#global ul li.sitemap button,#global ul li.contact a,#global ul li.log a,#global ul li.logout button,#global ul li.logout a {}
#global .global-wrap ul li.lang dl{padding-left: 10px;}
#global .global-wrap ul li.lang dt {position:relative}
#global .global-wrap ul li.lang dt button > i{margin: 0;font-size: 16px;}
#global .global-wrap ul li.lang dt button > i{position: absolute;top: 58%;right: 5px;transform: translateY(-58%);display: block;}
#global .global-wrap ul li.lang dt button > i:before,#global .global-wrap ul li.lang dt button > i:after {position: relative;content: '';display: block;width: 8px;height: 2px;background: #FFF;transition: 0.3s ease-in-out;}
#global .global-wrap ul li.lang dt button > i:before {transform: rotate(38deg);}
#global .global-wrap ul li.lang dt button > i:after {left: 4px;top: -2px;transform: rotate(-38deg);}
#global .global-wrap ul li.lang dt button.over > i:before,#global .global-wrap ul li.lang dt button:hover > i:before {transform: rotate(0);}
#global .global-wrap ul li.lang dt button.over > i:after,#global .global-wrap ul li.lang dt button:hover > i:after {left: 4px;transform: rotate(0);}
#global .global-wrap ul li.lang dt button span {display:inline-block;margin: 0 20px 0 0;vertical-align: top;font-weight: 300;}
#global .global-wrap ul li.lang dd {display:none;width: 88%;top: 26px;position: absolute;}
#global .global-wrap ul li.lang dd::before{border-color: transparent transparent #1360a9 #1360a9;border-style: solid;border-width: 6px;top: 6px;left: 45%;box-sizing: border-box;content:'';display: block;height: 0;position: relative;transform: rotate(135deg);transform-origin: center center;width: 0;}
#global .global-wrap ul li.lang dd .lang-ui {display:block;float:none;width:100%;padding: 10px 0;margin-bottom: 17px;background:#1360a9}
#global .global-wrap ul li.lang dd .lang-ui li {display:block;float:none;}
#global .global-wrap ul li.lang dd .lang-ui li:after {display:none}
#global .global-wrap ul li.lang dd .lang-ui li a {display:block;text-align:center;color:#fff;padding: 6px 0;}
#global .global-wrap ul li.lang dd .lang-ui li a:hover {text-decoration:underline}
#global .global-wrap ul li.lang dd .lang-closer {display:block;position:absolute;right: 0;bottom: 0;padding: 3px;background: #12213a;}
#global .global-wrap ul li.lang dd .lang-closer i{font-size: 12px;margin: 0;display: block;}
#global .global-wrap ul li.lang dd .lang-closer i:before{transform: rotate(0) translateY(0);-webkit-transition: all 0.3s;transition: all 0.3s;display: inline-block;}
#global .global-wrap ul li.lang dd .lang-closer:hover i::before{transform: rotate(180deg) translateY(0);}
#header-wrap.fixed{height: 100px;}
#header-wrap.fixed #global{margin-top: -46px;}
#header-wrap.fixed #global.over{margin-top: -93px;}

/* search */
#total_search{z-index: 500;}
#total_search button{display: block;width: 35px;height: 35px;border: 0;background: none;font-size: 22px;color: #FFF;transition: .6s;}
#total_search button.on, #header-wrap.fixed #total_search button, #header-wrap.is-over #total_search button, #header-wrap.fixed.is-over #total_search button, #header-wrap.over #total_search button{color: #fff;}
#totalSrch{position:absolute;top: 0;right: 0;width: 0;height: auto;background: #FFF;text-align: right;z-index: 800;overflow: hidden;-ms-transform: translate(-50%, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s;-o-transition: height 0.3s;transition: width 0.3s;}
#totalSrch.on{width: 100%;}
#totalSrch .srchWrap{max-width: 45%;margin: 23px auto;position: relative;transform: translate(57%, 0);}
#totalSrch .srchWrap .srchBox{position:relative;display: block;margin-right: 65px;}
#totalSrch .srchWrap input[type="text"]{font-weight:200; }
#totalSrch .srchWrap .srchBox .search_keyword{position:relative;width: 100%;display: block;padding: .25rem 60px .25rem 15px;box-sizing: border-box;border:1px solid #FFF;background: #F8F9FA;font-size: 1.125em;margin: 0 auto;color: #333;transition:.5s}
#totalSrch .srchWrap .srchBox .search_keyword:focus{border: 1px solid #3a3a3a;background:#FFF}
#totalSrch .srchWrap .srchBox .btnSrch{position:absolute;right: 0.13rem;top: 0.1rem;font-size: .3rem;overflow: hidden;}
#totalSrch .srchWrap .btn_close{width: 0.52rem;height: 0.52rem;text-align: center;position: absolute;top: 0;right: 0;overflow: hidden;}
#totalSrch .srchWrap .btn_close button{width: 100%;height: 100%;background: #005baa;border: 1px solid #005baa;}
#totalSrch .srchWrap .btn_close button i{font-size: 30px;color: #FFF;}
#totalSrch .srchWrap .btn_close button i:before{transform: rotate(0);-webkit-transition: all 0.3s;transition: all 0.3s;display: inline-block;}
#totalSrch .srchWrap .btn_close button:hover i:before{transform: rotate(180deg) translateY(0);}
#srch_dim {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, .5);visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.m_enter #srch_dim{visibility: visible;opacity: 1}

/* header-wrap */
#header-wrap {position: fixed;width:100%;height: 145px;z-index: 1000;opacity: 0;transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-webkit-transition: all 1s ease;-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);}
#header-wrap .logo {position:absolute;max-width:265px;z-index:1100;top: 25%;left: 1%;transition: .6s;}
#header-wrap .logo a {display:block}
#header-wrap .logo a img,#header-wrap.fixed .logo a img:last-child,#header-wrap.is-over .logo a img:last-child,#header-wrap.fixed.is-over .logo a img:last-child,#header-wrap.over .logo a img:last-child,#header-wrap.m_enter .logo a img:last-child{display:block;width:100%}
#header-wrap.fixed .logo a img,#header-wrap.is-over .logo a img,#header-wrap.fixed.is-over .logo a img,#header-wrap.over .logo a img,#header-wrap.m_enter .logo a img,#header-wrap .logo a img:last-child {display:none;}
#header-wrap.fixed .logo, #header-wrap.m_enter .logo{max-width:235px;}
#header-wrap.fixed #header::before{/* border-bottom: 1px solid #eee; */}
#header {height: 100px;width: 100%;position: relative;}
#header::before {display: block;clear: both;width: 100vw;height: 100%;content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 17, 17, 0.8)), to(rgba(255, 255, 255, 0)));background: linear-gradient(180deg, rgb(17 17 17 / 100%) -5%, rgba(255, 255, 255, 0));z-index: -1;transition: background .1s ease-out .1s, transform .2s ease-out .2s;background: url(../_Img/nav_bg_fix.png) repeat-x;}
.News #header-wrap .logo {max-width: 310px;}
.News #header-wrap.fixed .logo, #header-wrap.m_enter .logo{max-width: 300px;}

/* menu*/
#menu-wrap {position:relative;margin:0 auto}
#menu-wrap:after {clear:both;display:block;content:""}
#menu-wrap .ovbar{position: absolute;height: 3px;display: block !important;bottom: -1px;z-index: 999;}
#menu-wrap .menu-cont {width:76%;padding-left:24%}
#menu-wrap .mn-top,#menu-wrap .member-lnk,#menu-wrap .mn-user {display:none;}
#mainNavi-wrap .all-menu {position:absolute;top:0;left:50%;margin-left:-500px;width:1000px;background:#ccc;z-index:500}

/* 返回顶部 */
@-webkit-keyframes vibes{0%,40%,100% {transform: translate(-50%,-30%);}20%,60% {transform: translate(-50%,-50%);}}
@keyframes updown {0% {margin-bottom: 0;}100% {margin-bottom: 10px;}}
.toTop {display: block;position: fixed;right: 30px;bottom: 320px;z-index: 999;width: 55px;height: 55px;border-radius: 50%;opacity: 0;transition: opacity .2s ease-in-out;}
.toTop.show { opacity: 1;}
.toTop button {background: rgb(255 255 255);position: absolute;top: 0;left: 0;width: calc(100% - 1px);height: calc(100% - 1px);border-radius: 50%;z-index: 1;border: 1px solid #ddd;display: flex;justify-content: space-around;align-items: center;}
.toTop button #canvas {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}
.toTop button i {content: "";display: inline-block;font-size: 24px;color: #333;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.toTop button:hover i{/* -webkit-animation:vibes 1.5s ease infinite; */animation:vibes 1.5s ease infinite;}

/* 友情链接 */
.select_wrap{display: flex;z-index: 100;}
.select_wrap::after{position:absolute;top: 55px;left: -50%;width: 1000%;height:0;content:'';border-top: 1px solid #3f3f3f;}
.select_wrap::before{position:absolute;top:0;left: -50%;width: 1000%;height: 55px;content:'';background: #000000;}
.select_wrap .select_box{width: 25%;display: inline-block;float: left;position: relative;transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.select_wrap .select_box .select_bth {}
.select_wrap .select_box .select_bth button{font-size: 15px;color: #DDD;font-weight: 500;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background:none;padding: 20px 35px;cursor: pointer;line-height: 1;box-sizing: border-box;width: 100%;text-align: left;transition: .5s;}
.select_wrap .select_box .select_bth button:hover,.select_wrap .select_box.on .select_bth button{color: #FFF;}
.select_wrap .select_box .select_bth i{font-size: 22px;color: #787878;display: inline-block;position: absolute;top: 16px;right: 10px;transform: translate(0px,-2px);transition: .5s;}
.select_wrap .select_box .select_bth i:before{transform: rotate(0);-webkit-transition: all 0.3s;transition: all 0.3s;display: inline-block;}
.select_wrap .select_box:hover .select_bth i:before,.select_wrap .select_box.on .select_bth i:before{translateY(0);transform: rotate(180deg) translateY(0);color: #FFF;}
.select_wrap .select_box .select_ul{background: #fff;display: none;padding: 10px 0;width: 100%;position: absolute;}
.select_wrap .select_box .select_ul li{padding:0 15px;}
.select_wrap .select_box .select_ul li a{font-size: 13px;color:#333333;font-weight: 500;display: block;padding: 10px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-top:solid 1px #f7f6f4;transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.select_wrap .select_box .select_ul li.active a,.select_wrap .select_box .select_ul li a:hover{background: #333333;color:#fff;}
.select_wrap .select_box .select_ul li:first-child a{border-top:none;}

/* 版权处样式 */
#footer-wrap{position:relative;clear:both;width:100%;background: url("../_Img/index40.png")#005baa center top no-repeat;z-index: 999;display: block;}
#footer-wrap > .wrap{padding: 60px 0;}
#footer-wrap .blogo{float: left;margin-top: 15px;}
#footer-wrap .blogo span{}
#footer-wrap .blogo span img{max-width: 100%;}
#footer-wrap .share{float:right;width: 60%;}
#footer-wrap .share ul{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: nowrap;}
#footer-wrap .share ul li{display: inline-block;font-size: 15px;width: 14%;position: relative;}
#footer-wrap .share ul li span{text-align: center;display: flex;justify-content: center;flex-wrap: wrap;}
#footer-wrap .share ul li span i{display: flex;width: 40px;height: 40px;border-radius: 50px;box-sizing: content-box;padding: 15px;background: #2c78c0;justify-content: center;align-items: center;transition: .5s;}
#footer-wrap .share ul li span i img{vertical-align: middle;}
#footer-wrap .share ul li span b{font-weight: 300;color: #b2d0ec;font-size: 14px;line-height: 24px;margin: 10px 0 0;width: 100%;}
#footer-wrap .share ul li:hover span b{color:#FFF}
#footer-wrap .share ul li .hBox {position: absolute;left: 50%;transform: translateX(-50%) translateY(-230px);background: #FFF;box-shadow: 0 0 0 #111;padding: 2px;visibility: hidden;opacity: 0;transition: .5s;width: 130px;}
#footer-wrap .share ul li .hBox img{display: block;width: 100%;}
#footer-wrap .share ul li:hover span i{background: #5a9fdf;}
#footer-wrap .share ul li:hover .hBox{visibility: visible;opacity: 1;transform: translateX(-50%) translateY(-240px);}
#footer-wrap .share ul li:hover .hBox:after{content:'';width: 15px;height: 15px;background:#FFF;display:block;bottom: -18px;left: 45%;z-index: 1000;position: absolute;transform: rotateZ(45deg) translate(-50%, -50%);}
#footer-wrap .copyright {display:block;font-size: 15px;color: #b5b5b5;background: #2a353e;padding: 20px 0;}
#footer-wrap .copyright .fl{display: flex;align-items: center;}
#footer-wrap .copyright .fl span {display: flex;margin-right: 10px;align-items: center;}
#footer-wrap .copyright span a{color: #b5b5b5;display: flex;align-items: center;}
#footer-wrap .copyright span img,#footer-wrap .copyright span a img{vertical-align: middle;margin: 0 5px;display: inline-block;color: #b5b5b5;}
#footer-wrap .copyright span.visit {float: right;margin-top: 5px;}
#footer-wrap .copyright span.visit i{margin-right: 5px;}
#footer-wrap .copyright address {margin: 0 5px;}

/** loaded */
.loaded #header-wrap{opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}

/*媒体查询样式开始*/
@media only screen and (min-width:1100px) and (max-width:1199px){
    #global .global-wrap {width:auto;margin:0 10px}
    #header-wrap .logo {left:10px}
    #mainNavi-wrap #mainNavi .depth1-ul {margin:0 10px 0 0}
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 {padding-left:30px;padding-right:30px}
    #mainNavi-wrap .depth1-wrap .mn-tbox .inwr{width:31%}
    #mainNavi-wrap #mainNavi .mn_li1.nw .mn_a1 {padding-left:6px;padding-right:20px}
    #mainNavi-wrap #mainNavi .mn_li1.nw .mn_a1:before {right:0}
}
@media only screen and (min-width:1000px) and (max-width:1099px){
    #global .global-wrap {width:auto;/* margin:0 10px; */}
    #header-wrap .logo {/* left:10px; */}
    #mainNavi-wrap #mainNavi .depth1-ul {margin:0 10px 0 0}
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 {padding-left:20px;padding-right:20px;font-size:16px}
    #mainNavi-wrap #mainNavi .mn_li1.nw .mn_a1 {padding-left:4px;padding-right:22px}
    #mainNavi-wrap #mainNavi .mn_li1.nw .mn_a1:before {right:4px}
}

/* menu */
@media all and (min-width:999px){
    #header-wrap.fixed #mainNavi-wrap,#header-wrap.is-over #mainNavi-wrap,#header-wrap.over #mainNavi-wrap,#header-wrap.m_enter #mainNavi-wrap{background:#FFF;box-shadow: 0 2px 8px rgb(0 0 0 / 10%);}
    #header-wrap.fixed #mainNavi-wrap #mainNavi .mn_li1 .mn_a1,#header-wrap.is-over #mainNavi-wrap #mainNavi .mn_li1 .mn_a1,#header-wrap.over #mainNavi-wrap #mainNavi .mn_li1 .mn_a1,#header-wrap.m_enter #mainNavi-wrap #mainNavi .mn_li1 .mn_a1{color:#333;}
    #header-wrap.fixed #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .depth1-tit strong:after,#header-wrap.over #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .depth1-tit strong:after{background:#eee}
    #header-wrap.fixed #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .depth1-tit strong,#header-wrap.over #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .depth1-tit strong,#header-wrap.fixed #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2 span,#header-wrap.over #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2 span{color:#333;}
    #header-wrap.fixed #mainNavi-wrap:before,#header-wrap.over #mainNavi-wrap:before {height: 1px;}
    #mainNavi-wrap #mn-ctrs-btns {display:none}
    #mainNavi-wrap {position:absolute;left:0;width:100%;height: 100px;min-height: 96px;z-index:500;overflow:hidden;transition: background .6s ease;}
    #mainNavi-wrap:before {display:block;position:absolute;top: 100px;left:0;content:"";width:100%;height: 0;background: #eee;transition: height .2s ease-out;}
    #mainNavi-wrap .depth1-wrap {}
    #mainNavi-wrap .depth1-wrap .mn-tbox {display:none;position:absolute;top:0;right:100%;width:100%;min-height:315px;line-height:1.2;}
    #mainNavi-wrap .depth1-wrap .mn-tbox .inwr{display:block;position:absolute;width:34.85%;height:100%;top:0;right:0}
    #mainNavi-wrap .depth1-wrap .mn-tbox .inwr strong .f1 {display:block;position:relative;font-size:35px;margin-top:64px;color:#fff}
    #mainNavi-wrap .depth1-wrap .mn-tbox .inwr strong .f1:before {content:"";display:block;position:absolute;width:26px;height:3px;top:-21px;left:1px;background-color:#ef4030}
    #mainNavi-wrap .depth1-wrap .mn-tbox .inwr strong .f2 {display:block;color:#fff;opacity:.4;font-size:17px;font-weight:300;margin:7px 0 0 0}
    #mainNavi-wrap .depth1-wrap .mn-tbox .btn-wr {display:block;position:absolute;width:93.94%;height:85px;left:0;bottom:35px}
    #mainNavi-wrap .depth1-wrap .mn-tbox button {display:block;position:absolute;width:48.12%;height:37px;line-height:37px;background-color:#00203c;color:#fff;border-radius:5px;text-indent:15px;font-size:14px;border:0;text-align:left;transition:all .3s ease}
    #mainNavi-wrap .depth1-wrap .mn-tbox button:after {content:"";display:block;position:absolute;width:3px;height:6px;top:50%;right:16px;margin:-3px 0 0 0;transition:all .3s ease}
    #mainNavi-wrap .depth1-wrap .mn-tbox button:hover {background-color:#fff;color:#00203c}
    #mainNavi-wrap .depth1-wrap .mn-tbox button:hover:after {background-position:-3px 0;right:20px}
    #mainNavi-wrap .depth1-wrap .mn-tbox .btn1 {left:0;top:0}
    #mainNavi-wrap .depth1-wrap .mn-tbox .btn2 {right:0;top:0}
    #mainNavi-wrap .depth1-wrap .mn-tbox .btn3 {left:0;bottom:0}
    #mainNavi-wrap .depth1-wrap .mn-tbox .btn4 {right:0;bottom:0}
    #mainNavi-wrap #mainNavi .whypnu-wr {display:block;position:absolute;right:100%;top:50%;margin:-13px -105px 0 0}
    #mainNavi-wrap #mainNavi .whypnu-wr img{display:block}
    #mainNavi-wrap #mainNavi {float:right;width: 100%;transform: translateX(-1%);}
    #mainNavi-wrap #mainNavi .depth1-ul {float:right;}
    #mainNavi-wrap #mainNavi .depth1-ul:after {content:"";display:block;clear:both}
    #mainNavi-wrap #mainNavi > ul > li:first-child {padding-left:8px}
    #mainNavi-wrap #mainNavi .mn_li1 {float:left;}
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 {display:block;position:relative;font-size:18px;font-weight:bold;color: #FFF;padding: 41px 25px;transition: .6s;}
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 span {display:block;position:relative;}
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 .ico {display:block;position:absolute;width:15px;height:15px;top:21px;right:0;}
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 span:after {content:"";display:block;position:absolute;bottom: -41px;left:0;width: 100%;height: 0;transition:all .2s ease;background: #c4e3ff;}
    #mainNavi-wrap #mainNavi .mn_li1.over .mn_a1 span {color: #c4e3ff;}
    #mainNavi-wrap #mainNavi .mn_li1.over .mn_a1 span:after, #mainNavi-wrap #mainNavi .mn_li1:hover .mn_a1 span:after {height: 4px;}
    #mainNavi-wrap #mainNavi .mn_li1.nw .mn_a1:before {content:"";display:block;position:absolute;width:15px;height:15px;}
    #header-wrap.fixed #mainNavi-wrap #mainNavi .mn_li1.over .mn_a1 span,#header-wrap.is-over #mainNavi-wrap #mainNavi .mn_li1.over .mn_a1 span {color: #005baa;}
    #header-wrap.fixed #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 span:after,#header-wrap.is-over #mainNavi-wrap #mainNavi .mn_li1 .mn_a1 span:after {background: #1360a9}

    /* depth2-wrap */
    #mainNavi-wrap #mainNavi .depth2-wrap {display:none;position:absolute;top: 100px;left: 0;width:100%;z-index:1000;text-align:left;font-size:13px;border-left:0;padding:0;margin:0;}
    #mainNavi .depth2-wrap .mn-stit {font-weight:700;position:absolute;top:0;left:0;width:460px;height:100%;padding:0 20px 0 110px;box-sizing:border-box;display: none;}
    #mainNavi .depth2-wrap .mn-stit em {position:relative;display:block;color: #da2127;font-size: 2em;font-style:normal;line-height:1}
    #mainNavi .depth2-wrap .mn-stit em:before, #mainNavi .depth2-wrap .mn-stit em:after {content:'';display:block;width:6px}
    #mainNavi .depth2-wrap .mn-stit em:before {height:100px;background:#fff;opacity:.2;margin-bottom:55px}
    #mainNavi .depth2-wrap .mn-stit em:after {height:30px;background:#d7005f;position:absolute;top:100px;left:0}
    #mainNavi .depth2-wrap .mn-stit .stxt {display:block;font-family:'s-core_dream5_medium', sans-serif;font-size:1.111em;color:#9AA8CC;letter-spacing:0}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul {overflow:hidden;width: 100%;font-size:0;text-align: right;}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .depth1-tit{}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .depth1-tit strong{font-size: 17px;display: block;margin: 19px 0;color: #005baa !important;}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .depth1-tit strong::after{content:'';width: 1px;height: 14px;display:inline-block;background:#FFF;vertical-align: bottom;margin-left: 20px;}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_li2{display:inline-block;vertical-align:top}
    #mainNavi-wrap #mainNavi .mn_li1.rows .depth2-wrap .mn_li2 {flex:1}
    #mainNavi-wrap #mainNavi .mn_li1.no-rows .depth2-wrap .mn_li2 {flex:1}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2 {display:block;position:relative;font-size: 16px;margin: 0 20px;padding: 20px 0;transition:all .5s ease;}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2:after {content:"";display:block;position:absolute;width:0;height: 2px;left:50%;bottom: 7px;background-color: #005baa;z-index:2;transition:all .5s ease}
    /*#mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2:before {content:"";display:block;position:absolute;width:100%;height:2px;left:0;bottom:0;background-color:#c6c6c6;z-index:1}*/
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2 span {position:relative;word-wrap:break-word;word-break:keep-all}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .nw .mn_a2 span:after {content:"";display:inline-block;width:10px;height:10px;margin-left:15px}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .nw .mn_a2:hover span:after {}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2 span {display:inline;vertical-align:top;/* color: #fff; */font-weight: bold;transition:all .25s ease}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2.over,#mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2:hover {}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2.over:after,#mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2:hover:after {left:0;width:100%}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2.over span,#mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2:hover span {color: #005baa !important;}
    #mainNavi-wrap #menu-wrap .ovbar {display:none;}
    #mainNavi-wrap #mainNavi .tgl-btn {display:none}

    /* depth3-wrap */
    #mainNavi-wrap #menu-wrap .depth3-wrap {display:block;margin:0 19px}
    #mainNavi-wrap #menu-wrap .depth3-ul {display:block}
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 {display:block;margin:0 0 11px 0}
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3 {display:block;position:relative;font-size:14px;margin:0;letter-spacing:-.05em;text-align:left}
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3 span {display:block;margin:0 0 0 8px}
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3:before {content:"";display:block;position:absolute;width:3px;height:3px;border-radius:50%;background:#bdbec0;left:0;top:8px}
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3:hover,
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3.over {color: #005baa;}
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3:hover:before,
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3.over:before {background: #005baa;}
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3 .mn_a3 span {display:inline-block;padding:2px 0}
    #mainNavi-wrap #menu-wrap .depth3-ul .mn_li3.nw .mn_a3:after {content:"";display:inline-block;width:10px;height:10px;margin-left:3px;opacity:.5}
}

@media only screen and (max-width:1299px){
    #footer-wrap .copyright .wrap{display: flex;justify-content: center;flex-wrap: wrap;}
    #footer-wrap .copyright .fl{}
    #footer-wrap .copyright span.visit{margin-top: 0;}
    }
@media only screen and (max-width:999px){
    html {-webkit-text-size-adjus:none}
    #global {padding: 0;}
    #global .global-wrap {}
    #global .global-wrap:after {content:"";display:block;width:100%;clear:both}
    #global .global-wrap ul{position: relative;z-index: 900;}
    #global .global-wrap ul li {}
    #global .global-wrap ul li i{/* display:none; */}
    #global .global-wrap ul li a{font-size: 12px;padding: 0 10px;}
    #global .global-wrap ul li.lang dl{margin-top:10px;}
    #global .global-wrap ul li.lang dt button {}
    #global .global-wrap ul li.lang dt button span {font-size: 12px;}
    #global .global-wrap ul li.lang dt button:after {margin:-1px 0 0 0}
    #global .global-wrap .toputil-r{position: unset;width: 100%;}
    #global .global-wrap .toputil-r > .tur-ctrl{position: absolute;top: 0;right: -5px;display:block;min-height: 45px;padding: 0 10px;z-index: 999;}
    #global .global-wrap .toputil-r > .tur-ctrl i{display: block;transform: matrix(1, 0, 0, 1, 0, 0);transition: opacity 4.2s ease-out .2s, transform .2s ease-out .2s;font-size: 28px;color: #FFF;}
    #global .global-wrap .toputil-r > .tur-ctrl.over i{transform: rotate(-180deg);}
    #global .global-wrap .toputil-r > ul{display: none;}
    #srch_dim {z-index: 999;}
    .mn-open #header-wrap .logo{z-index: -999;}
    #header-wrap #total_search {top: 1px;right: 32px;position: absolute;}
    #header-wrap #total_search button{min-height: 45px;}
    #header-wrap #totalSrch .srchWrap {margin: 18px;transform: translate(115%, 0);}
    #header-wrap #totalSrch .srchWrap{margin: 18px;transform: none;}
    #header-wrap.fixed .logo, #header-wrap.m_enter .logo{z-index: 0;}
    #total_search button.on,#header-wrap.is-over #total_search button,#header-wrap.over #total_search button {color: #FFF;}
    #totalSrch {position: fixed;background: none;left: 50%;top: 50%;width: 77%;padding: 35px;z-index: 1000;transform: translate(-50%, -50%);visibility: hidden;opacity: 0;transition: visibility .2s ease-out;}
    #totalSrch.on {visibility: visible;opacity: 1;}
    #totalSrch .srchWrap {max-width: none;margin: 0.3rem auto;transform: none;}
    #totalSrch .srchWrap .srchBox {margin: 0;}
    #totalSrch .srchWrap input[type="text"] {}
    #totalSrch .srchWrap .srchBox .search_keyword {padding: 0 0 0 10px;font-size: 15px;height: 47px;line-height: 47px;}
    #totalSrch .srchWrap .srchBox .search_keyword:focus {border: 1px solid #3a3a3a;background: #FFF}
    #totalSrch .srchWrap .srchBox .btnSrch {font-size: 30px;right: 10px;top: 8px;}
    #totalSrch .srchWrap .btn_close {position: relative;margin: 20px auto;width: 45px;height: 45px;display: block;border-radius: 50px;}
    #totalSrch .srchWrap .btn_close button {width: 100%;height: 100%;background: #0f57b7;border: 1px solid #0f57b7;}
    #totalSrch .srchWrap .btn_close button i {font-size: 25px;color: #FFF;}
    #totalSrch .srchWrap .btn_close button i:before {-webkit-transform: rotate(0);transform: rotate(0);-webkit-transition: all 0.3s;transition: all 0.3s;display: inline-block;}
    #totalSrch .srchWrap .btn_close button:hover i:before {-webkit-transform: rotate(180deg) translateY(0);transform: rotate(180deg) translateY(0);}
    /* header-wrap */
    #header-wrap{height: auto;}
    #header-wrap.fixed #global{margin-top: -45px;}
    #header-wrap.fixed #header{height: 90px;}
    #header-wrap.fixed #header::before{border-top: 3px solid #1360a9;background:#FFF;box-shadow: 0 2px 8px rgb(0 0 0 / 10%);}
    #header-wrap.is-over .logo a img:last-child, #header-wrap.over .logo a img:last-child{display: none;width:100%}
    #header-wrap.is-over .logo a img, #header-#header-wrap.over .logo a img {display: block;}
    #total_search button.on,#header-wrap.is-over #total_search button,#header-wrap.over #total_search button{color: #FFF;}

    /* menu */
    #mainNavi .depth1-tit,#mainNavi .mn_li1.over:before {display:none}
    #mainNavi-wrap #mainNavi .whypnu-wr{display:none}
    #mainNavi-wrap {position:absolute;overflow:inherit;top:0;right:0;;z-index:699}
    #menu-wrap {position:absolute;right:-240px;top:0;left:auto;width:220px;height:9000px;z-index:8000;overflow-y:scroll;overflow-x:hidden;background:#fff;transition: right .3s cubic-bezier(.5,.9,.15,1);}
    #menu-wrap.mn-h-open {right:0;overflow:visible}
    #menu-wrap.mn-h-open #mainNavi {width: 100%;height: 94vh;transform: none;background: #EEE;overflow: scroll;}
    #menu-wrap .member-lnk {background:#464c58;overflow:hidden;text-align:center}
    #menu-wrap .member-lnk li {display:inline-block;vertical-align:top;margin:0 5%}
    #menu-wrap .member-lnk li a, #menu-wrap .member-lnk li button {color:#fff;display:block;padding:13px 0;border:0;background:#464c58}
    #menu-wrap .member-lnk li.log-time {display:block;padding-bottom:5px}
    #menu-wrap .member-lnk li.log-time em {font-style:normal;color:#fff;display:inline-block;vertical-align:middle;margin-left:5px}
    #menu-wrap .member-lnk li.log-time .btn-log {display:inline-block;vertical-align:middle;border:1px solid #282b30;background:#3c414b;color:#d8d9db;margin-left:5px;padding:2px 0}
    #menu-wrap .member-lnk li.log-time .btn-log:before {display:none}
    #menu-wrap .member-lnk li a:before,#menu-wrap .member-lnk li button:before {content:"";display:inline-block;vertical-align:middle;width:12px;height:14px;margin-top:-3px;margin-right:7px;}
    #menu-wrap .member-lnk li.home a:before {background-position:-23px 0}
    #menu-wrap .member-lnk li.login button:before {background-position:-36px -1px}
    #menu-wrap .member-lnk li.logout button:before {background-position:-36px -17px}
    #menu-wrap .mn-top {position:relative;display:block;width:100%;color:#fff;z-index:8001;overflow:visible}
    #menu-wrap .mn-top .mn-tit {position:relative;font-size: 16px;padding: 16px;color:#fff;background: #282828;}
    #menu-wrap .mn-top .mn-tit:after {content:"";display:none;position:absolute;top:50%;right:21px;margin-top:-12px;width:33px;height:24px;}
    #menu-wrap .mn-top .btn-close {display:block;position:absolute;width: 35px;height: 35px;top:50%;right: 5px;z-index:4001;margin:-20px 0 0 0;font-size: 22px;color: #FFF;background:transparent}
    #menu-wrap .mn-user {position:relative;background: #0d4377;display: block;}
    #menu-wrap .mn-user ul {display:block;text-align:center;font-size:0;padding: 18px 0;}
    #menu-wrap .mn-user ul li {display:inline-block;position:relative;padding: 0 12px;}
    #menu-wrap .mn-user ul li:after {content:"";display:block;position:absolute;width:1px;height:10px;right:0;top:50%;margin:-5px 0 0 0;background:rgba(255, 255, 255, .4)}
    #menu-wrap .mn-user ul li:last-child:after {display:none}
    #menu-wrap .mn-user ul li a {display:block;position:relative;color:#fff;font-size:14px;}
    #menu-wrap .mn-user ul li a i{margin-right: 5px;}
    #mainNavi .mn_li1 {position:relative;border-top: 1px solid #2c74b9;background:#fff}
    #mainNavi .mn_li1 .mn_a1 {display:block;font-size: 16px !important;padding: 15px !important;color:#fff;font-size: 15px;background: #1360a9;}
    #mainNavi .mn_li1.is-open .mn_a1 {background: #3d8dd8;color:#fff;}
    #mainNavi .mn_li1 > .tgl-btn {background:transparent}
    #mainNavi .mn_li1 > .tgl-btn:before,#mainNavi .mn_li1 > .tgl-btn:after {content:"";display:block;position:absolute;width: 14px;height: 2px;background: rgba(255,255,255,.8);top: 55%;left: 6px;margin: -2px 0 0 0;transition:all .3s ease}
    #mainNavi .mn_li1.is-close > .tgl-btn {display:block;position:absolute;top: 10px;right: 10px;width: 25px;height: 25px;z-index:500;}
    #mainNavi .mn_li1.is-close > .tgl-btn:after {position: absolute;top: 8px;left: 46%;width: 2px;height: 14px;transform: scale(1, 1);transition: all 0.3s ease 0s;z-index: -1;}
    #mainNavi .mn_li1.is-open > .tgl-btn:after {transform: scale(1, 0);}
    #mainNavi .depth2-wrap {display:none;position:relative;height:auto;background:#f9f9f9;transition:display .3s ease}
    #mainNavi .depth2-wrap .mn-stit{display:none}
    #mainNavi .mn_li2 {position:relative}
    #mainNavi .mn_li2.is-close > .tgl-btn {display:block;position:absolute;top: 10px;right:10px;width:24px;height:24px;border:0;background:transparent;z-index:500}
    #mainNavi .mn_li2.is-close > .tgl-btn:before,#mainNavi .mn_li2.is-close > .tgl-btn:after {content:"";display:block;position:absolute;background:#aaa;transition:all .3s ease}
    #mainNavi .mn_li2.is-close > .tgl-btn:before {width: 14px;height:2px;left:20%;top:50%;margin:-1px 0 0 0}
    #mainNavi .mn_li2.is-close > .tgl-btn:after {position: absolute;top: 5px;left: 46%;width: 2px;height: 14px;transform: scale(1, 1);transition: all 0.3s ease 0s;z-index: -1;}
    #mainNavi .mn_li2.is-open > .tgl-btn:after {transform: scale(1, 0);}
    #mainNavi .depth2-wrap .mn_a2 {position:relative;display:block;font-size:14px;padding: 15px;border-top: 1px solid #e4e4e4;font-weight:bold;}
    #mainNavi .depth2-wrap .depth2-ul .nw .mn_a2 span {position:relative;padding-right:15px}
    #mainNavi .depth2-wrap .depth2-ul .nw .mn_a2 span:after {position:absolute;top:50%;right:0;margin-top:-5px;content:"";display:block;width:10px;height:10px;}
    #mainNavi .depth2-wrap .mn_li2:first-child a {border-top:0}
    #mainNavi .depth2-wrap .mn_a2.over,
    #mainNavi .depth2-wrap .is-open .mn_a2 {}/* color:#14a922;background:#e7fbe9 */
    #mainNavi .depth2-wrap .is-open .mn_a2:before,
    #mainNavi .depth2-wrap .mn_a2.over:before {background:#f04e23}
    #mainNavi .depth2-wrap .depth3-wrap {display:none;background: #edf3fa;border-top: 1px solid #dbe5ef;}
    #mainNavi .depth2-wrap .depth3-wrap li {border-bottom: 1px solid #dbe5ef;}
    #mainNavi .depth2-wrap .depth3-wrap li:last-child {border-bottom:0}
    #mainNavi .depth2-wrap .depth3-wrap li a {position:relative;display:block;margin-left: 15px;padding: 12px 0 12px 12px;}
    #mainNavi .depth2-wrap .depth3-wrap li a span {display:inline-block;font-size:13px}
    #mainNavi .depth2-wrap .depth3-wrap li a:hover,
    #mainNavi .depth2-wrap .depth3-wrap li.over a {display:block;position:relative;color: #1360a9;}
    #mainNavi .depth2-wrap .depth3-wrap li a:hover:before,
    #mainNavi .depth2-wrap .depth3-wrap li.over a:before {content:"";display:block;position:absolute;width:3px;height:3px;background: #3d8dd8;left:0;top:18px}
    #mainNavi .depth2-wrap .depth3-wrap li.over a span {display:inline-block;border-bottom:1px solid #00bf94}

    /*footer-wrap*/
    #footer-wrap > .wrap{padding: 40px 0;}
    #footer-wrap .blogo{width: 35%;display: block;margin: 0 auto 30px;float: none;}
    #footer-wrap .share{width: 100%;text-align: center;display: flex;justify-content: center;}
    #footer-wrap .share ul li{width: auto;}
    /*body-slider-ovclick*/
    .body-slider-ovclick {display:block;position:fixed;width:100%;height:0;left:0;top:0;background:rgba(0, 0, 0, .5);cursor:pointer;opacity:0;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);transition:opacity .5s ease;z-index:502}
    .body-slider-ovclick.show {height:100%;opacity:1}
    .body-slider-ovclick.hide {opacity:0}
    #mainNavi-wrap #mn-ctrs-btns {display:block;position:absolute;top: 33px;right: 10px;z-index: 500;}
    #mainNavi-wrap #mn-ctrs-btns .mn-ctrs-btn {display:block;width: 35px;height: 35px;border:0;background: none;font-size: 28px;color: #FFF;}
    #header-wrap.fixed #mainNavi-wrap #mn-ctrs-btns .mn-ctrs-btn,#header-wrap.over #mainNavi-wrap #mn-ctrs-btns .mn-ctrs-btn{color: #333}
}
@media only screen and (max-width:1600px){
    .wrap{max-width: 85%;}
}
@media only screen and (max-width:1550px){
    #mainNavi-wrap #mainNavi{transform: translateX(-4%);}
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1{padding: 41px 15px;}
}
@media only screen and (max-width:1400px){
    #mainNavi-wrap #mainNavi{transform: translateX(-4%);}
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1{font-size:17px;padding: 41px 10px;}
}
@media only screen and (max-width:1200px){
    #mainNavi-wrap #mainNavi{transform: translateX(-4%);}
    #mainNavi-wrap #mainNavi .mn_li1 .mn_a1{font-size: 14px;padding: 41px 5px;}
    #mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .depth1-tit strong,#mainNavi-wrap #mainNavi .depth2-wrap .depth2-ul .mn_a2{font-size: 15px;}
    #footer-wrap .copyright > .wrap{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;line-height: 30px;}
    #footer-wrap .copyright > .wrap > *{display: flex;width: 100%;text-align: center;justify-content: center;align-items: center;flex-wrap: wrap;}
}
@media only screen and (max-width:780px){
    .linkTitle{font-size: 16px;}
    .wrap {max-width: 90%;}
    #global{min-height: 35px;}
    #global .global-wrap ul{padding: 10px 0;}
    #global .global-wrap .toputil-r > .tur-ctrl{min-height:35px}
    #totalSrch .srchWrap{max-width: 100%;margin: 14px;transform: translate(0);}
    #totalSrch .srchWrap .srchBox{width: 100%;box-sizing: border-box;}
    #totalSrch .srchWrap .srchBox .search_keyword{font-size:14px;padding-right: 50px;}
    #totalSrch .srchWrap .srchBox .btnSrch{}
    #totalSrch .srchWrap .btn_close{}
    #totalSrch.on{padding: 0;z-index:2000}
    #header-wrap #header{height: 80px;}
    #header-wrap #total_search{/* right: 0.9rem; */}
    #header-wrap #total_search button{min-height:35px;}
    #header-wrap .logo {top: 26%;left: 2%;max-width: 190px;}
    #header-wrap .logo img {width:85%}
    #header-wrap.fixed .logo, #header-wrap.m_enter .logo{max-width: 210px;}
    #header-wrap.fixed #header{height: 80px;}
    #header-wrap.fixed{height: 80px;}
    #header-wrap.fixed #global{margin-top: -35px;}
    #header-wrap.fixed #global.over{margin-top: -74px;}
    .News #header-wrap .logo {max-width: 260px;top: 30%;}
    .News #header-wrap.fixed .logo, #header-wrap.m_enter .logo{max-width: 240px;}
    #mainNavi-wrap #mn-ctrs-btns {top: 22px;}
    #mainNavi-wrap.fixed #mn-ctrs-btns,#mainNavi-wrap.fixed #mn-ctrs-btns{top: 1.7rem;}
    .toTop{width: 30px;height: 30px;right: 1px;}
    .toTop button i{font-size: 18px;}
    #footer-wrap > .wrap{padding: 40px 0 25px;}
    #footer-wrap > .wrap .blogo{width: 55%;}
    #footer-wrap > .wrap .share{width: 100%;}
    #footer-wrap .share ul{flex-wrap: wrap;}
    #footer-wrap .share ul li{width: 33.333%;margin: 10px 0;}
    #footer-wrap .share ul li span i{width: 30px;height: 30px;}
    #footer-wrap .share ul li span i img{}
    #footer-wrap .share ul li:hover .hBox{transform: translateX(-50%) translateY(-250px);}
}

@media all and (max-width:500px) {
    .wrap {}
    #header-wrap #total_search{/* right:11%; */}
    #mainNavi-wrap #mn-ctrs-btns, #header-wrap #total_search {/* top:0.9rem; */}
    #footer-wrap .share ul li span b{font-size:13px}
    #footer-wrap .finfo-wr .copyright span {display:block}
}