.leftMenu a { text-decoration: none;display: block;}
.leftMenu {background: rgba(0,0,0,0.8);right:-640px;position: absolute;top:0px;display: block;height: 100%;width: 85%; z-index: 90002;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    position: fixed; overflow: auto;
}
.leftMenu .open-logo{height: 88px; padding: 24px 0px 0px 48px; background: #1b1b1b; width:100%;}
#menu .pull-right{margin-right: 50px; margin-top: 5px;}
#menu .pull-right .btn{padding: 0px; background:url(../images/close.png) no-repeat; width: 33px; height: 32px; display: block;}
.leftMenu.menu-open {right: 0;}
.fl{ float:left;}
.leftMenu ul {list-style: none;padding: 0; overflow: hidden; width:100%;}
.leftMenu ul li{position: relative; overflow:hidden;font-size: 28px;color: #fff;border-bottom: 1px solid #757575;}
.leftMenu ul li a{color: #fff;padding: 29px 0 29px 46px;}
.leftMenu ul li.hasChild > a:after {content: "+";position: absolute;right: 85px;top: 19px; font-size: 40px;font-weight: 600;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background: #f3f3f3; color: #1a1a1a;}
.leftMenu ul li.hasChild.open > a:after { content: "-";right: 85px; font-size: 40px;top: 19px;}
.leftMenu ul li.hasChild.open{padding-bottom: 28px; background: #f3f3f3;}
.f2{height: 0;padding-left: 0px;overflow: hidden;position: relative;
    transition: height 0.4s ease;background: #f3f3f3;
    -moz-transition: height 0.4s ease;
    -webkit-transition: height 0.4s ease;
    -o-transition: height 0.4s ease;}
.f2 ul li{border: none;}
.f2 ul li a{color: #414141; padding: 12px 0px 12px 83px;}
.menu-dark-backdrop {background: rgba(0,0,0,0);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;width: 100%;position: fixed; top: 0px; left: 0;right: 0;bottom:0;overflow: hidden;}
/*整体遮罩*/
.menu-dark-backdrop.in {height: 100%;z-index: 90001;background: rgba(0,0,0,0);}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width: 414px){
	.leftMenu .open-logo{height: 55px; padding: 10px 0px 0px 30px;}
	.leftMenu .open-logo img{width:26%; margin-top:5px;}
	#menu .pull-right{margin-right: 30px; margin-top: 10px;}
	#menu .pull-right .btn{background-size: 65%;}
	.leftMenu ul li{font-size: 17px;}
	.leftMenu ul li a{color: #fff;padding: 20px 0 20px 30px;}
	.leftMenu ul li.hasChild > a:after {right: 100px;top: 10px; font-size: 30px;font-weight: 600;}
	.leftMenu ul li.hasChild.open > a:after {font-size: 30px;top: 10px; right:100px;}
	.f2 ul li a{color: #414141; padding: 15px 0px 0px 60px;}
	.f2 ul li{font-size:15px;}
}
@media (max-width: 375px){
	.leftMenu .open-logo{padding: 19px 0px 0px 48px;}
}
@media (max-width: 320px){
	.leftMenu .open-logo{padding: 10px 0px 0px 24px;}
	.leftMenu .open-logo img{width: 16%; margin-top:8px;}
	#menu .pull-right .btn{background-size: 50%;}
	.leftMenu ul li{font-size: 15px;}
	.leftMenu ul li a{padding: 15px 0 15px 25px;}
	.f2 ul li a{padding: 10px 0px 0px 50px;}
	.f2 ul li{font-size:14px;}
	.leftMenu ul li.hasChild > a:after {right: 40px;top: 5px; font-size: 26px;font-weight: 600;}
	.leftMenu ul li.hasChild.open > a:after {font-size: 26px;top: 5px; right:40px;}
}