#aside {position: fixed; display:none; right: -800px;top: 0px;margin: 0px;width:100%;border-top: 0;z-index: 10000;overflow-y: auto;background:#fff;border: 0;     height: 100%;}
#aside .mobile_menu>ul{padding: 150px 0 50px;}
#aside .mobile_menu .m_login_btn{margin: 0 20px 100px;}
#aside .mobile_menu .m_login_btn a{color: #fff; padding: 10px; width: 120px; max-width: 100%; text-align: center; margin-bottom: 10px; border: 1px solid #fff; box-sizing: border-box; float: left;}
#aside .mobile_menu .m_login_btn a:first-child{margin-right: 20px;}

#mob_button{display:none; width: 28px; height: 23px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 560; }
#mob_button .line{width: 21px; height: 2px; background: #000; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: .25s;}
#mob_button .line::before{content: ""; width: 28px; height: 2px; background: #000; position: absolute; top: -10px; right: 0; transition: .25s;}
#mob_button .line::after{content: ""; width: 28px; height: 2px; background: #000; position: absolute; bottom: -10px; right: 0; transition: .25s;}

.close_menu {position: fixed; z-index:10001; top: 10px; right: -100%; width: 35px; height: 35px; cursor: pointer; -webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0);}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#000; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:17px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:17px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}

.foot_logo {z-index:10001; top: 20px; left:auto; right:-100%; /*-webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0);*/}

.mask {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;cursor: pointer; z-index: 1000;}
.mb-sub-ul {display: none; /*background: #eee;*/}
.mb-sub-ul li{overflow: hidden;}
.mb-sub-ul li a {display: block;float: left;}
.mobile-list {border-bottom: 0px solid #ddd; position: relative;}
.mobile-list > a {position: relative; font-size: 25px; padding: 20px 20px; color: #000; cursor: pointer; display:block}    
.mobile-list > a.on {color:#0abab5}
.mobile-list > ul > li > a { padding: 15px 20px; text-transform: uppercase;font-size:18px; font-weight: 500; cursor: pointer; width: 100%;  color: #999;  box-sizing: border-box;}    
.mobile-list > a:after {content:""; display:block; width:34px; height:20px; background:url('../img/common/menu_arrow.png') no-repeat; background-size:cover; position:absolute; right:20px; top:50%; transform:translateY(-50%) }
.mobile-list > a.on:after {background:url('../img/common/menu_arrow_on.png') no-repeat;  }

.mobile-list > ul > li:last-child > a{border-bottom: none;}


.roll_banner {background:#fff; padding:10px 0px}
.roll_banner .swiper-slide {text-align:center}
.roll_banner .swiper-button-next:after, .roll_banner .swiper-button-prev:after {font-size:0}
.roll_banner  .swiper-button-prev, .roll_banner  .swiper-rtl .swiper-button-next {left:0px}
.roll_banner .swiper-button-next, .roll_banner  .swiper-rtl .swiper-button-prev {right:0px}


#footer{background:#000000; color:#ffffff; padding: 30px 0 40px; border-top: 1px solid #9f9f9f; box-sizing: border-box;}
/*#footer .inner{display: flex; flex-wrap: wrap; justify-content: space-between;}*/

footer .swiper-slide {height:auto}
footer .swiper-wrapper {height:auto}
#footer .foot_logo{width: 260px;}
#footer .foot_logo img{max-width: 100%;}
#footer .copyright {color:#9d9d9d}
#footer a {color:#fff; font-size:15px; font-weight:300; line-height:150%}
#footer .inner .f_tit {font-size:16px; background:#4b4b4b; border-radius:50px; padding:5px 10px; text-align:center; width:120px}
#footer .inner .flex {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:10px}
#footer .inner .flex  > li {display:flex; align-items: center; width:50%; margin-bottom:20px}
#footer .inner .flex li ul {display:flex; margin-left:20px}
#footer .inner .flex li ul li {padding:0px 5px}
#footer .f_link {border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; padding:15px 0px}
/*#footer .f_link a {padding:0px 5px}*/
#footer .f_link a:after {content:"|"; display:inline-block; margin-left:5px; margin-right:5px;}
#footer .f_link a:first-child {padding:0px 0px 0px}
#footer .f_link a:last-child:after {display:none}

#footer .foot_bottom {display:flex; padding-top:40px}

@media screen and (max-width : 1280px) {
#footer .inner .flex > li {width: 100%;}
#footer .f_link a {word-break: keep-all;}
}

@media screen and (max-width : 1200px) {
    #footer .foot_logo{width: 200px;}
}
@media screen and (max-width :1000px) {
    #footer .copyright{width: 100%; margin-top: 10px;}
	#mob_button{display:block;}
}


@media screen and (max-width :1000px) {
	#footer .inner .f_tit {font-size:14px; width:100px}
	#footer .inner .flex > li {flex-wrap: wrap;}
	#footer .inner .flex li ul {display:inline-block; width:100%; margin-left:0px; margin-top:10px}
	#footer .inner .flex li ul li {display:inline-block; }	
    #footer .foot_logo{width: 120px;}
	#footer .foot_bottom  {flex-wrap: wrap; justify-content: center;}
	#footer .foot_bottom_txt {margin-top:20px; width:100%;  text-align:center}
	#footer .copyright {margin-top:0px; width:100%; text-align:center}
}


@media screen and (max-width :768px) {
.roll_banner .swiper-slide img {width:80%}
}