body{min-width: 1100px;}
.menu__toggle{display:none;cursor:pointer;background-color:#e5e5e5;border:0;padding:10px;height:40px;width:40px}
.menu__toggle:hover{background-color:#e5e5e5;}
.menu__toggle__bar{display:block;width:20px;height:2px;background-color:#4e4e4e;-webkit-transition:.15s cubic-bezier(.75,-.55,.25,1.55);transition:.15s cubic-bezier(.75,-.55,.25,1.55)}
.menu__toggle__bar+.menu__toggle__bar{margin-top:4px}
.menu__toggle--active .menu__toggle__bar{margin:0;position:absolute}
.menu__toggle--active .menu__toggle__bar:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.menu__toggle--active .menu__toggle__bar:nth-child(2){opacity:0}
.menu__toggle--active .menu__toggle__bar:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu{display:none}
.menu ul{padding:0;list-style:none;font-family:"Microsoft Yahei","Helvetica Neue","Helvetica,Arial","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Source Han Sans SC Regular",sans-serif; text-align:left; width:1100px; margin:0 auto; z-index:9999;}
.menu a,.menu li{display:inline-block;font-size:16px;}
.menu a{color:#4e4e4e;text-decoration:none}
.menu__nav{background-color:#e5e5e5;}
.menu__nav>ul>li{position:relative;}
.menu__nav>ul>li>a{padding:10px 29px;text-transform:uppercase}
.menu__nav>ul>li:hover>ul{opacity:1;visibility:visible;margin:0}
.menu__nav>ul>li:hover>a{color:#fff; background:#999;}
.menu__nav__child{position:absolute;top:100%;left:0;z-index:1;opacity:0;visibility:hidden;margin:20px 0 0 0;background-color:#336699;-webkit-transition:margin .15s,opacity .15s;transition:margin .15s,opacity .15s}
.menu__nav__child>li{width:100%;border-bottom:1px solid #ccc;}
.menu__nav__child>li:last-child{border:0}
.menu__nav__child a{padding:8px;width:100%;border-color:#373737}
.menu__nav__child a:hover{background-color:#363D57;border-color:#363D57;color:#fff}
.menu__nav--open{display:block!important}
.menu__nav--open .menu__nav__child{display:block}
@media only screen and (max-width: 768px) {
	body{min-width: 320px;}
	.bs1{background-size: auto 100%;height: 255px;}
	.bs2{width: 100%;height:185px;}
  .p1{height:62px;}
	.bs3{width: 100%;height: auto;}
	.bs3>div{width: 100%;text-align: center;}
	.bs3_1,.bs3_2{float: none; margin-bottom: 15px;}
	.bs4{display: inline-block;height: auto;padding-bottom: 25px;}
	.bs4>div{width: 100%;}
	.bs4_4{margin-left: 0 !important;}
	.bs4>div>div{width: 46%;}
	.bs5_1,.bs5_2{width: 100%;}
	.bs5_12{}
	.bs5_11{width: 50%;}
	.bs5_12>div{width: 100%;}
	.bs6_1{width: 100%;text-align: center;}
	.bs6{height: auto;display:inline-block;padding-bottom:15px;}
	.bs6_11{float: none;margin: 0 auto;margin-top: 20px;}
	.bs7{width: 100%;margin-top:25px;height:165px;margin-bottom: 14vw;}
	.bs7_1{width: 32%;margin-left: 2%;}
	.bs7_1>div{width: 100%;}
	.nav{ display:none;}
	.menu{display:block;}
	.menu ul{ width:100%;}
	.menu__toggle{display:inline-block;position: absolute;top: 20px;right: 5px;}
	.menu__nav,.menu__nav__child{display:none}
	.menu__nav{margin:10px 0;text-align:left !important;width: 40%;right: 5px;position: absolute;z-index: 1000;top: 70px;}
	.menu__nav>ul>li{width:100%;border-right:0;border-bottom:1px solid #ccc}
	.menu__nav>ul>li:last-child{border:0}
	.menu__nav>ul>li:first-child>a:after{content:'';position:absolute;height:0;width:0;right:1em;top:-6px;border:6px solid transparent;border-top:0;border-bottom-color:inherit}
	.menu__nav>ul>li>a{width:94%;padding:10px;border-color:#111;position:relative}
	.menu__nav a:hover{background-color:#0186ba;border-color:#0186ba;color:#fff}
	.menu__nav__child{position:static;background-color:#373737;margin:0;-webkit-transition:none;transition:none;visibility:visible;opacity:1}
	.menu__nav__child>li:first-child>a:after{content:none}
	.menu__nav__child a{padding-left:20px;width:100%}
	.logo1{ width:100%; height:80px;}
	.dbdh1{ width:100%;}
	.dbnr{ width:100%;}
	.top .top1{ width:100%;}
	.top .top1 .topy{ display:none;}
	.logo1 .logoy{ display:none;}
	.db{ display:none;}
	.logo1 .logox{ display:none;}
	.logo1 .logoz img{ width:175px;height:auto;}
	.social_nav5{display:block !important;}
	.social_nav5{height:13vw;position:fixed; bottom:0; min-width:320px; max-width:768px; width:100%;  z-index:999; background: #232323; display:none;}
	.social_nav5 li{width:25%; float:left; position:relative; text-align:center; color:#fff;line-height:1rem; height:5.33rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
	.social_nav5 li:last-child{border-right:none;}
	.social_nav5 li em{ width:50%; display:block; margin:0 auto; padding:0.5rem 0 0.1rem 0;}
	.social_nav5 li em img{ width:100%; height:auto;}
	.social_nav5 li a{ color:#fff;}
	.social_nav5 li.cur{ color:#fff;}
	.social_nav5 li .erji{ position:absolute;bottom:5.33rem; left:0; width:100%; text-align:left; background:#33c2ec; display:none;opacity: 0.9; }
	.social_nav5 li .erji a{ display:block;line-height:20px; font-size:1rem; line-height:2rem;position:relative; text-align:center;  color:#fff;}
	.social_nav5 li .erji a:last-child{border-bottom:none;}
   .fwbg{margin-bottom: 13vw;}
  .footer{display:none;}
  .server{ display:none !important;}
}
@media only screen and (max-width: 700px) {
	.bs4>div>div{width: 50%;margin-left: 0;}
	.bs5_111 p{font-size: 22px;}
}
@media only screen and (max-width: 640px) {
	.bs2 p span{font-size: 22px;}
	.bs2 p{font-size: 14px;}
	.bs4>div>div{width: 99%;margin-left: 1% !important;}
	.bs4_1>div{float: left;margin-left: 8px;width: 80%;}
	.bs4_1>img{float: left;}
	.bs7{margin-bottom:72px;}
	.social_nav5{height:14vw;}
}
@media only screen and (max-width: 560px) {
	.bs1{height: 227px;}
	.bs5_111 p{font-size: 18px;}
	.bs3>div p span{font-size: 18px;}
}
@media only screen and (max-width: 536px) {
	.bs3>div img{width: 100%;}
	.bs6_1>img{width: 100%;}
	.bs6_11{width: 99%;}
	.social_nav5{height:15vw;}
}
@media only screen and (max-width: 480px) {
	.bs1{height: 170px;}
	.bs2 p span{font-size: 20px;}
	.bs3>div p span{font-size: 20px;}
	.bs5_12{}
	.bs5_11{width: 61%;}
	.bs5_111{margin-top: 22px;}
	.social_nav5{height:17vw;}
}
@media only screen and (max-width: 390px) {
	.bs5_111{height: 50px;width: 95%;}
	.bs5_111 p{line-height: 26px;}
	.bs5_11>p{width: 95%;}
	.bs5_12{}
	.bs5_11{width: 68%;}
	.bs6_11 p{height: auto;}
	.bs6_11 div{font-size: 22px;}
}
@media only screen and (max-width: 360px) {
	.bs1{height: 150px;}
}
@media only screen and (max-width: 330px) {
	.bs4>div>div{margin-left: 0 !important;}
	.bs4_1>div{margin-left: 3px;}
}