.wrap{max-width:1200px;margin:0 auto;position: relative;}



header {width:100%;position: absolute;height: 60px;line-height: 60px; z-index: 1000;transition:all 800ms;}
header #tnb .wrap{height:60px;}
header.active {background:#fff;}
header.active #tnb .logo a {}
header.active #tnb li.m1 {}
header.active #tnb li.m1 > a {color:#000;}
header.active #snb {}
header #tnb {}
header #tnb a{color:#fff;}
header #tnb .logo{float:left;padding-top:10px;position: relative;z-index: 999;}
header #tnb .logo a {transition:all 800ms; background: url(/images/logo.png) center center no-repeat; width: 154px; height: 44px; display: inline-block;}
header #tnb ul.m1 {float:left;display:block;margin-left:60px;}
header #tnb li.m1{display: inline-block;font-size:17px;position: relative;padding-right:30px; margin-right:30px;}
header #tnb li.m1 a{transition:all 800ms; display: block;}
header #tnb li.m1 a:hover{}
header #tnb li.m1 {}
header #tnb li.active a:before{}

header #tnb.pst li.m1:hover ul.m2,
header #tnb li.m1.show ul.m2 {opacity: 1; visibility: visible;}

header #tnb ul.m2 {display:block; position:absolute;text-align:left;background:rgba(28,32,37,0.95);padding:20px 25px;left:-32px;top:60px; width:210px; -webkit-transition: opacity .3s linear,visibility .3s linear; transition: opacity .3s linear, visibility .3s linear; opacity: 0; visibility: hidden;}

header #tnb li.m2 a {color:#fff;}


header #snb{display: none;position: fixed;z-index: 10;left:0;top:0;background: rgba(28,32,37,0.95);width:100%;height: 100%;line-height: 2.5;}

header #snb ul.m1 {max-width:100%;margin-top:100px;  }

header #snb ul.m1 li.m1{max-width:100%;width:100%;text-align:left;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:20px;}
header #snb>.wrap>ul.m1>li.m1 {font-size:25px;padding-bottom:14px;margin-bottom:8px;}
header #snb>.wrap>ul.m1>li.m1 a{ color:#fff;}
header #snb ul.m2 {}
header #snb li.m2 {width:auto;margin-right:20px;float:left;font-size:17px;line-height: 1.8;}
header #snb .m2 a{color:rgba(255,255,255,0.8); }

/**/
#site-lang {display:inline-block; position:absolute; right:32px; top:0; font-size: 15px;}
#site-lang a{ padding: 3px;}
#site-lang a.on{border-bottom: 2px solid #fff}


footer {}
footer .f_top{padding:15px 0 18px 0; border-top: 1px solid #ddd;}
footer .f_top .left_box{float:left;}
footer .f_top .left_box a{position: relative;margin-right:30px;}
footer .f_top .left_box a:after{position: absolute;right:-17px;top:5px;height:12px;width:1px;background: rgba(0,0,0,0.3);content: '';}
footer .f_top .left_box a:nth-child(2):after{display: none;}
footer .f_top .right_box{float:right;}
footer .f_top .right_box .inner{text-align:center;}
footer .f_top .right_box .inner a{float:left;  line-height: 0;}
footer .f_top .right_box .inner a img{padding:10px 20px; vertical-align: middle;}
footer .f_top .right_box .inner a > div{color:#333;}
footer .f_btm{background: #3c3c3c;padding:50px 0 60px 0;}
footer .f_btm .left_box{float:left;}
footer .f_btm .left_box .inner{}
footer .f_btm .left_box .inner .number{font-size:50px;font-weight: 700;color:#ef7c1b;margin-bottom:10px;}
footer .f_btm .left_box .inner .info{}
footer .f_btm .left_box .inner .info span{color:rgba(255,255,255,0.9);position: relative;margin-right:20px;font-weight: 300;}
footer .f_btm .left_box .inner .info span:after{position: absolute;right:-12px;top:5px;height:12px;width:1px;background: rgba(255,255,255,0.5);content: '';}
footer .f_btm .left_box .inner .info span.none_line:after{display: none;}
footer .f_btm .right_box{float:right;text-align: right;}
footer .f_btm .right_box .family{color:#fff;font-size:16px;width:220px;position: absolute;right:0;top:10px;cursor: pointer;}
footer .f_btm .right_box .family li{text-align: left;}
footer .f_btm .right_box .family li .inner{border-bottom: 2px solid rgba(255,255,255,0.6);padding: 10px 20px;position: relative;}
footer .f_btm .right_box .family li .inner span{}
footer .f_btm .right_box .family li .inner:after{position: absolute;right:20px;bottom:16px;background: url(/images/layout/family_arr.png) center center no-repeat;width:12px;height: 7px;content: "";}
footer .f_btm .right_box .family.on li .inner:after{-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);transform: rotate(-180deg);transition-duration: 0.5s;}
footer .f_btm .right_box .family li .inner img{text-align: right;}

footer .f_btm .right_box .family li ul{display: none;}
footer .f_btm .right_box .family li ul{background: rgba(9,112,188,0.9);padding:15px 20px;width:100%;}
footer .f_btm .right_box .family li ul li{}
footer .f_btm .right_box .family li ul li a{line-height: 1.9;color:rgba(255,255,255,0.8);}

footer .f_btm .right_box .copy{color:rgba(255,255,255,0.3);font-weight: 600;}
footer .f_btm .right_box .copy img{margin:0 0 5px 0;}
footer .f_btm .right_box .copy div{}

.top_btn{position: absolute;right:30px;bottom:50px;width:50px;height:50px;background:#006dbb;border-radius:50%;}
.top_btn img{padding:20px 19px;}


#sbv{height:500px; background:url(/images/layout/subvisual_01.jpg) center center no-repeat;position: relative;}
.sbv-2{background:url(/images/layout/subvisual_02.jpg) center center no-repeat !important;}
.sbv-3{background:url(/images/layout/subvisual_03.jpg) center right no-repeat !important;}
.sbv-4{background:url(/images/layout/subvisual_04.jpg) center top no-repeat !important; }
#sbv .wrap {height:100%;}
#sbv .page-name{color:#fff; height:93px; padding-top:200px; text-shadow: 1px 0 2px rgba(0,0,0,0.3);}
#sbv .page-name .sub_tit{position: relative; padding-left:110px; }
#sbv .page-name .sub_tit:after{position: absolute; left:0; top:12px; content: ''; background: #fff; width:70px; height:1px; text-shadow: 1px 0 2px rgba(0,0,0,0.3);}
#sbv .page-name .tit{text-transform: uppercase; font-size:70px; font-weight: 700;}
#sbv_location {position:absolute; bottom:50px;}
#sbv_location a {padding-right:15px; margin-right:15px; color:#fff; font-weight:bold; position:relative;}
#sbv_location a.active {color:#ffb762;}
#sbv_location a::after {
    content:''; display:inline-block; background:rgba(255,255,255,0.5); width:1px; height:15px;
    position:absolute; right:0; top:3px;
}
#sbv_location a:last-child {margin-right:0; padding-right:0;}
#sbv_location a:last-child::after {display:none;}

@media (max-width: 1300px) {
    .wrap{width:95%;}
    header #tnb ul.m1{display: none;}
    
}
    

@media (max-width: 1140px) {
    footer{text-align: center; font-size:14px;}
    footer .f_top .left_box{float:none;}
    footer .f_top .left_box a:last-child{margin-right:0;}
    footer .f_top .left_box a:after{top: 3px;}
    footer .f_btm .left_box{float:none; padding-top:50px;}
    footer .f_btm .left_box .inner .info span:after{top: 3px; height: 11px;}
    footer .f_btm .right_box{float:none; text-align: center; margin-top: 0; font-weight: 400; }
    footer .f_btm .right_box .family{ top:0;left:0;right:0;margin:0 auto;}
    footer .f_btm .right_box .copy img{display: none;}
    footer .f_btm .right_box .copy div{display: inline-block;margin-top:20px;}

    .sbv-3{position: relative;}
    .sbv-3:after{position: absolute;left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.15); content: '';}
    #sbv .page-name{position: relative;z-index: 1;}
}

@media (max-width: 820px) {
    footer .f_top{height:auto; line-height: 1.4; padding-top: 20px}
    
    footer .f_top .right_box{float:none;display: block;border-top:1px solid #ddd;margin-top:16px;padding:5px 0 13px 0; }
    footer .f_top .right_box .inner{float:none; display: inline-block;}
    footer .f_top .right_box .inner a {padding: 0 7px;}
    footer .f_top .right_box .inner a img{padding:8px 4px;}
    footer .f_btm .left_box .inner .info span:after{display: none;}
    footer .f_btm .left_box .inner .number{font-size: 40px;}
}

@media (max-width: 767px) {
    
    #sbv{height: 360px; background-size: cover !important;}
    #sbv_location{display: none;}
    
    header #snb .m2 a{font-size: 15px; }
    
}
@media (max-width: 600px) {
    
    header #tnb .logo a {
        /*background: url(/images/logo_m.png) center center no-repeat; background-size:98px 28px; width: 98px; height: 28px;*/
    }
    
    #sbv .page-name .tit{font-size: 45px;}
    #sbv .page-name .sub_tit{padding-left:85px;}
    
    footer .f_btm .left_box .inner .info span{margin-right:10px;}
    
    footer .f_top .right_box{padding-top:0;}
    footer .f_top .right_box .inner{display: flex; justify-content: center; align-content: flex-start;flex-wrap: wrap; padding: 0 50px;}
    footer .f_top .right_box .inner a{flex:0 0 25%; padding: 10px 0;}
    
    .top_btn{display: none;}
}

@media (max-width: 430px) {
    footer .f_top .right_box .inner{padding: 0;}
    footer .f_top .right_box .inner a{width: 25%;}
}