.header { position: absolute; left: 0; top: 0; z-index: 3; box-sizing: border-box; width: 100%; padding-left: 5%; }
.logo { display: inline-block; float: left; margin-right: 3.9vw; }
.logo img { height: 66px; }
.header .fl { float: left; padding-top: 2.3vw;}
.MenuList_f1 {display: inline-block;padding-top: 2.3vw;}
.MenuList_f1 .menu { display: inline-block;}
.MenuList_f1 .menu li { display: block; float: left; margin-right: 2.3vw; }
.MenuList_f1 .menu li a span { display: block; color: #ffffff; font-size: 16px; box-sizing: border-box; padding: 1.1vw 1px .83vw 1px; font-weight:bold;line-height: 1.0; border-bottom: 3px solid transparent; }
.MenuList_f1 .menu li:nth-last-child(1) a span { border-right: none; }
.MenuList_f1 .menu li:hover span { border-color: #fff; }
.MenuList_f1 .menu .on span { border-color: #fff; }
.MenuList_f1 .child { display: none; }
.stiky { height: 100%; }
.stiky .MenuList_f1 {position: fixed; right: 0; top: 0; background-color: rgba(0,0,0,0.6); padding-top: 0;
    width: 100%; height: 100%; z-index: 2; display: block; }
.stiky .MenuList_f1 .menu li:hover span { text-decoration: underline; }
.stiky .MenuList_f1 .menu .on span { text-decoration: underline; }
.header .fr { background-color: #ffffff; padding: 2.6vw 2.3vw 2.6vw 1.8vw; position: fixed; right: 0; z-index: 4;top: 0; }
.btn_g a { color: #999999; line-height: 1.0; font-size: 12px; font-weight: bold; font-family: Arial; }
.btn_g { position: relative; float: left; }
.btn_g .en { color: #333333; }
.btn_g:after { content: ""; height: 32px; width: 1px; background-color: #eeeeee; position: absolute; right: -33px; top: -3px; }
.hand { position: relative; background: transparent; display: block; width: 2vw; height: 12px; float: right; margin-left: 4.0vw; }
.hand:before, .hand:after { position: absolute; content: ''; left: 50%; top: 50%; margin-left: -50%; width: 100%; height: 2px; background: #111111; transition: .4s all ease; }
.hand:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.hand:before { -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); }
.a1 { margin-top: 0.2vw; }
.a1:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.a1:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
.s_ceng { display: none; float: right; margin-top: 30px; position: relative; border-right: none; background: #fff; width: 500px; z-index: 99; border: 1px solid #eee; }
.s_ceng .s-btn { display: inline-block; width: 20px; height: 20px; background: #333; padding: 0; }
.s_ceng .gb { display: inline-block; float: left; width: 18px; height: 50px; background: url(../images/colse.png) no-repeat center; padding: 0; margin-left: 1em; }
.s_ceng input { height: 50px; float: left; width: 200px; line-height: 20px; text-indent: 15px; border: none; outline: none; }
.s_ceng .s { outline: none; position: absolute; padding-right: 0; border: none; border-left: none; height: 40px; width: 42px; right: 0; top: 5px; width: 40px; height: 3px; background: #333; }
#top_btn { display: block; width: 75px; height: 75px; position: absolute; margin-top: -6vw; border-radius: 50%; box-shadow: 0px 6px 20px #ccc; cursor: pointer; right: 10.7%; z-index: 5; background: url(../images/top.png) #fff no-repeat center; line-height: 40px; text-align: center; }
.footer { padding: 4vw 8.5%; box-sizing: border-box; background: #f4f6f8; position: relative; }
.footer .slogo,.footer ul{display:inline-block; vertical-align:middle;}
.footer .slogo { margin-right: 6.8%; }
.footer .slogo img { height: 66px; }
.footer ul {  text-align: left;}
.footer ul li { display: inline-block; margin-right: 2.6vw; }
.footer ul li a { color: #333333; display: inline-block; font-size: 16px; }
.footer .top { margin-bottom: 5.2vw; }
.footer .copyright { color: #c4c4c4; font-size: 14px; line-height: 1.2; }
.footer .copyright p, .footer .copyright a { display: inline-block; color: #999999; font-size: 14px; line-height: 1.2; }
.footer .fr, .footer .fr a { color: #999999; }
#map1 { height: 500px; }
.BMap_omCtrl { display: none; }
@media screen and (min-width: 1025px) {
.stiky li { width: 80%; text-align: left; margin-left: 10%; }
.stiky .menu { width: 46.6%; float: right; background: #fff; height: 100%; padding-top: 150px; box-sizing: border-box; }
.stiky .menu li a span { color: #000; font-size: 20px; border: none; }
}
@media screen and (max-width: 1700px) {
.header .fr { padding: 0 2.3vw 0 1.8vw; height: 70px; box-sizing: border-box; line-height: 70px; }
.btn_g a { line-height: 70px; }
.header .fl { padding-top: 17px; }
.hand { margin-top: 24px; }
.footer { padding: 3.5vw 17.5% 2.6vw 7.5%; }
.btn_g:after { top: calc(50% - 16px); }
}
@media screen and (max-width: 1024px) {
.hand { width: 4vw; }
.MenuList_f1 { display: none; }
.MenuList_f1 li { width: 80%; text-align: left; margin-left: 10%; margin-right: 0; text-align: center; }
.MenuList_f1 .menu { width: 46.6%; float: right; background: #fff; height: 100%; padding-top: 150px; box-sizing: border-box; }
.MenuList_f1 .menu li a span { color: #000; font-size: 20px; border: none; padding: 2.5vw 0; }
.stiky { display: block; }
.btn_g:after { display: none; }
.footer .top ul { display: none; }
.footer .bottom .fr { display: inline-block; float: none; }
.footer { padding: 4vw 5%; }
.logo img{height:40px;}
}
@media screen and (max-width: 768px) {
.header { height: 70px; }
.btn_g { padding-top: 0; }
.MenuList_f1 { top: 70px; }
.nav_xl_a { margin-top: 9px; display: block; }
.footer .bottom { padding: 15px 0; }
#map1 { height: 60vw; }
}
@media screen and (max-width: 640px) {
.header { padding: 0 3%; left: 0; width: 100%; position: fixed; }
.hand { width: 7vw; margin-left:0; }
.header .fl { width: auto; }
.header .fr { padding: 0 4.3vw; }
.btn_g { font-size: 0; }
.btn_g .en { display: none; }
.btn_g a { font-size: 3.2vw; }
.MenuList_f1 { top: 70px; }
.MenuList_f1 .menu { padding-top: 0; width: 100%; }
.MenuList_f1 .menu li { margin-bottom: 2vw; }
.MenuList_f1 .menu li a span { padding: 4vw 0; font-size: 4.2vw; }
.stiky { background-color: #53765d; }
.stiky .MenuList_f1 { top: 70px; background-color: #fff; padding-top: 5vw; }
.footer { padding: 3%; text-align: center; }
.footer .top { margin: 0; }
.footer .slogo { display: none; }
#top_btn { display: none; }
.footer .copyright p, .footer .copyright a { line-height: 2.0; font-size: 3.2vw; }
.footer .bottom .fr { font-size: 3.2vw; }
.footer .bottom .fr a { font-size: 3.2vw; }
}