@charset "UTF-8";
.base{
	padding:0px 6px;
}
.wap{
	display:none !important;
}
.ntitle {
    line-height: 28px;   
    text-align: center;
    font-size: 18px;
    color: black;
    margin-bottom: 10px;
}

.ncontent {
  line-height: 1.7;
	padding:0px 10px;
}

.ninfo {
    color: #999;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 15px;
	 
}
.ncontent img{
	max-width:100%; height:auto !important;
}
.header{
	height:68px; background:#1c1d33; position:relative;
}
.header .h-base{
	padding:0px 7px; display: flex; align-items: center; justify-content: space-between;
}
.header .h-base a.logo{
	display:inline-block; line-height:65px;
}
.header .h-base a.logo img{
	height:40px;
}
.header .h-base .navs{
	position:fixed; width:100%; height:0px; top:68px; overflow:hidden; left:0px; transition: all 0.6s;   z-index:1000; background:white;
}
.header.ons .h-base .navs{
	height:100%;
}
.header .h-base .navs ul li{
	text-align:center; height:60px; line-height:60px; border-bottom:solid 1px #f2f2f2;
}
.header .h-base .navs ul li>a{
	display:block; color:#333; font-size:16px; text-decoration:none; line-height:60px; height:60px; position:relative; padding-right:20px;
}
.header .h-base .navs ul li.cur>a{
	background:#1c1d33; color:#c5a47e; border-color:#1c1d33;
}
.header .h-base .navs ul li>a span{
	position:absolute; right:8px; top:25px; font-size:12px; color:#ccc;
}
.header .h-base .navs ul li div{
	display:none;
}
.header .h-base>a.mulu{
	position:absolute; right:6px; width:20px; height:28px; line-height:29px; top:21px; text-align:center; text-decoration:none; font-size:18px; color:#fff;
}

.qsr-ppt{
	position:relative; background:url(../pics/q_1.jpg) no-repeat center top; padding:40px 0px; background-size:100% 150px;
}
.qsr-bb{
	position:relative;
}
.qsr-bb .wleft{
	 padding:0px 10px; margin-bottom:45px; padding-top:10px;
}
.qsr-bb .wleft .title{
	margin-bottom:60px; text-align:center;
}
.qsr-bb .wleft .title img{
	max-width:42%;
}
.qsr-bb .wleft .content{
	color:#333; line-height:32px; font-weight: bold;
}
.qsr-bb .wleft .content p{
	margin-bottom:15px;
}
.qsr-bb .wright{
	
}
.qsr-bb .wright img{
	max-width:100%;
}
.qsr-bb .wleft .mtb{
	text-align:center; padding:0px 40px;
}
.qsr-bb .wleft .mtb img{
	max-width:100%;
}
.flinks{
	display:none;
}
.footer{
	background:#1c1d33; padding-bottom:15px; text-align:center; padding-top:20px; color: #c5a47e;
}

.footer .k1{
	line-height:38px; color:#c5a47e;
}

.footer .k1 font{
	display:inline-block; margin:0px 10px; height:28px; line-height:28px; background: url(../pics/lis.png) no-repeat center center; width:10px; position:relative; top:10px; 
}

.footer .k2{
	line-height:45px; margin-bottom:10px;
}

.footer .k2 a{
	display:inline-block; margin:0px 15px; width:43px; height:39px;
}
.footer .k2 a img{
	width: 43px;
}

.footer .k3{
	line-height:35px; color:#c5a47e; padding:0px 45px; margin-bottom: 10px;
}
.footer .k3 font{
	display:block;
}
.footer a.back{
	display:none;
}
.footer a.back font{
	display:block; line-height:23px;
}
.footer a{
	color:#c5a47e;
}
.msg-ppt{
	position:relative; padding-bottom:50px;
}
.msg-ppt img{
	width:100%; display:block;
}
.msg-fos{
	padding:10px 8px; margin-top:30px;
}
.fomse{
	 color:#333;
}
.fomse .title{
	line-height:40px; font-size:20px; margin-bottom:5px; text-align:center;
}
.fomse .tels{
	line-height:30px; margin-bottom:20px; font-size:14px; text-align:center;
}
.fomse ul li{
	 position:relative; height:45px; margin-bottom:10px; 
}
.fomse ul li input{
	width:100%; height:40px; line-height:30px; padding:5px 18px; font-size:16px; color:#666; border:none; outline:none; background:#f3f3f3;
}
.fomse ul li.txt{
	height:auto;
}
.fomse ul li.txt textarea{
	height:105px; width:100%; line-height:25px; padding:15px 15px; color:#666; border:none; outline:none; background:#f3f3f3;
}

.fomse ul li input::-webkit-input-placeholder,.fomse ul li textarea::-webkit-input-placeholder{
	color:#999; font-size:16px;
}
.fomse .ozs{
	text-align:center; margin-top:35px;
}
.fomse .ozs button{
	display:inline-block; width:115px; height:40px; border-radius:20px; text-align:center; background:none; border:solid 1px #929996; line-height:40px; color:#333; outline:none; font-size:16px;
}
.fomse ul li:last-child{
	padding-right:110px;
}

.fomse ul li:last-child .img{
	width:100px; height:35px; position:absolute; bottom:5px; right:3px;   overflow:hidden;
}
.pw1 .img {
	max-width: 100%;
}
.pw1 .content {
	padding: 10px; background: url(../pics/q_1.jpg) no-repeat; background-size: cover; color: #fff; line-height: 2;
}
.pw1 .content p {
	margin: 0;
}
.pw2{
	background:#F7F7F7; padding:50px 10px;
}
.pw2 .title{
	height:65px; line-height:65px; text-align:center; margin-bottom:15px;
}
.pw2 .title img{
	max-height:45px;
}
.pw2 .content{
	 line-height:32px; color:#666666; text-align:center;
}
.pw3 img{
	width:100%;
}
.pw4{
	background:#F7F7F7; padding:30px 0px; overflow: hidden;
}
.pw4 .title{
	text-align:center; margin-bottom:36px; color:#333333; font-size:20px;
}
.pw4 .honor {
	position: relative; width: 70%; margin: 0 auto;
}
.pw4 .honor .prev, .pw4 .honor .next {
	position: absolute; top: 50%; margin-top: -35px; width: 32px; height: 70px; background: rgba(197,164,126,0.5) url(../pics/arrow_white.png) no-repeat;
}
.pw4 .honor .prev {
	 left: -20%;
	 background-position: -9px 11px;
}
.pw4 .honor .next {
	right: -20%;
	background-position: -58px 11px;
}
.pw4 .honor a:hover {
	background-color: rgba(197,164,126,1);
}
.pw4 .content {
	display: flex;
}
.pw4 .content li {
	width: 130px; text-align: center; margin-right: 20px;
}
.pw4 .content li .img{
	width: 130px; height: 174px;
}
.pw4 .content li .img img {
	width: 100%; height: 100%; object-fit: scale-down;
}
.pw4 .content li .desc {
	font-size: 16px; color: #666; margin-top: 12px;
}

.pw5{
	background:#F7F7F7; padding:20px; text-align: center;
}
.pw5 .title{
	text-align:center; margin-bottom:20px; color:#333333; font-size:20px;
}
.pw5 .content {
	align-items: center;
}
.pw5 .content li {
	width: 100%; background-color: #fff; padding: 20px; text-align: center;
}
.pw5 .content li+li {
	margin-top: 20px;
}
.pw5 .content li p {
	text-align: center;
	margin: 0;
}
.pw5 .content li .t {
	font-size: 18px; color: #c5a47e; margin: 15px 0;
}
.pw5 .content li .c {
	font-size: 16px;
}
.pw5 .mes {
	display: inline-block; width: 100%; height: 40px; margin: 30px auto 0; line-height: 40px; border: 1px solid #c5a47e; color: #c5a47e; font-size: 16px; text-align: center; border-radius: 3px; position: relative;
}
.pw5 .mes font {
	position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; height: 0; background-color: #c5a47e; transition: all 0.3s;
}
.pw5 a.mes:hover {
	color: #fff;
	text-decoration: none;
}
.pw5 a.mes:hover font {
	height: 42px;
}
.pw5 a.mes span {
	position: relative;
}

.page-ppt img{
	width:100%;
}
.contact-maps{
	 position:relative; 
}
.contact-maps .shops{
	 background:white; margin-bottom:45px; 
}
.mains{
	background:#F7F7F7;
}
.contact-maps .shops .scha{
	background:black; padding:30px 20px; color:white; opacity:0.9;
}
.contact-maps .shops .scha .title{
	line-height:36px; color:white; font-size:16px; margin-bottom:10px;
}
.contact-maps .shops .scha select{
	display:block; width:100%; height:46px; line-height:46px; border-radius:3px; background:#FFFFFF; color:#999; font-size:16px; padding:0px 10px; outline:none;
}
.contact-maps .shops .scha select:last-child{
	margin-top:20px;
}
.shoplists{
	background:#EDEDED;
}
.shoplists li{
	padding:10px 0px; border-bottom:solid 1px #CCCCCC;
}
.shoplists li .title{
	padding:0px 20px; height:35px;  
}
.shoplists li .title font{
	padding-left:25px; background:url(../pics/show_ico.png) no-repeat 2px center; display:inline-block; line-height:32px; font-size:16px;
}
.shoplists li .content{
	padding:5px 45px; color:#666; line-height:30px; display:none; font-size:16px;
}
.shoplists li .content .add{
	  line-height:23px; overflow:hidden; color:#999; margin-bottom:10px;
}
.shoplists li.cur{
	background:white; border-color:white;
}
.shoplists li.cur .content{
	display:block;
}
.ditu{
	display:none;
}
.bg-main{
	background:#f7f7f7; padding-bottom:35px;
}
.kj1{
	margin-bottom:15px;  text-align:center;
}
.kj1 .left{
	padding:0px 10px; padding-top:28px;
}
.kj1 .left .jj{
	margin-top:5px; color:#999999; 
}
.kj1 .left .title{
	margin-bottom:30px;   border-bottom:solid 2px #333333; height:32px; line-height:32px; font-size:34px; position:relative; color:#333; text-transform:Capitalize;
	 display:inline;
}
.kj1 .left .title font{
	margin-left:12px; font-size:13px; 
}


.kj1 .left .jj .tit{
	margin-bottom:20px; height:65px; position:relative; font-size:18px; color:#333333; line-height:60px;
}
.kj1 .left .jj .tit font{
	height:5px; width:6%; background:#E0E0E0; position:absolute; left:47%; bottom:0px; border-radius:1px;
}
.kj1 .left .jj .desc{
	line-height:25px;
}
.kj1 .right img{
	max-width:100%;
}

.kj2{
	position:relative;  background:#333333; color:white; padding-bottom:80px; text-align:center;
}
.kj2>a{
	position:absolute; bottom:25px; width:40px; height:40px; line-height:40px; text-align:center; font-size:16px; background:#333333; text-decoration:none; color:white; border:solid 1px white; border-radius:50%;
}
.kj2>a.left{
	left:21px;
}
.kj2>a.right{
	right:21px;
}
.kj2 .spaces{
	width:100%; overflow:hidden;  display:none; position:relative;
}
.kj2 .spaces .left img{
	max-width:100%; display:block; margin-bottom:10px;
}
.kj2 .spaces .right{
	  padding:0px 15px;  
}
.kj2 .spaces .right .tit{
	margin-bottom:20px; height:65px; position:relative; font-size:17px; color:#fff; line-height:60px; 
}
.kj2 .spaces .right .tit font{
	height:5px; width:6%; background:#fff; position:absolute; left:47%; bottom:0px; border-radius:1px;
}
.kj2 .spaces .right .desc{
	line-height:30px; color:#999999;
}

.products{
	padding: 0 15px;
}
.products li{
	background:white;   margin-bottom:24px; position:relative; z-index:100;   
}
 
.products li a.img{
	display:block; overflow:hidden; 
}
.products li a.img img{
	width:100%; transition: all 0.5s;  
}
.products li a.txt{
	 height:40px; line-height:40px; text-align:center; position:relative;   font-size:13px; text-decoration:none; background:black; opacity:0.8;
	position:absolute; left:0px; bottom:0px; width:100%;
}
.products li a.txt .bg{
	display:none;
}

.products li a.txt font{
	display:none;
	}
 
.products li a.txt span{
	display:inline-block; color:#fff; position:relative; z-index:100;
}

.page-title{
	text-align:center; padding-top:20px; margin-bottom: 20px !important;
}
.page-title .tmt{
	display:inline-block; height:39px; position:relative; padding:0px 40px; font-size:26px; color:#333; line-height:39px;
}
.page-title .tmt font{
	position:absolute; top:18px; height:1px; background:#333333; width:100%; z-index:0; left:0px;
}
.page-title .tmt span{
	line-height:39px; background:#F7F7F7; padding:0px 18px; position:relative; z-index:50; display:inline-block;
}
.h-base .subnav{
	text-align:center; margin-bottom:17px; margin-top:17px;  
}
.h-base .subnav a{
	display:inline-block; text-decoration:none; margin:0px 14px; color:#999999; font-size:14px; padding:0px 1px;
}
.h-base .subnav a.cur,.h-base .subnav a:hover{
	color:#333333; border-bottom:solid 2px #333333;
}
.base-p .title {
    margin-bottom: 15px; padding:20px 25px; text-align:center;
}
.base-p .title img{
	max-width:200px;
}
.sproduct .title {
	font-size: 30px; font-weight: bold; color: #1c1d33;  font-family:Arial, Helvetica, sans-serif;
}

.plist{
	padding:0px 5px;
}

.plist li{
	width:49%; float:left; margin-bottom:20px; text-align:center; margin-right:2%;
}
.plist li:nth-child(even){
	margin-right:0px;
}
.plist li a.img{
	 overflow:hidden; display:block; text-align:center; padding:5px 5px; border-radius:4px;
}
.plist li a.img img{
	width:100%; 
}
 
.plist li a.txt{
	height:35px; line-height:35px; display:block; overflow:hidden; position:relative; text-align:center; text-decoration:none; font-size:13px; color:#666666;
}
.plist li a.txt font{
	display:none;
}
.plist li:hover a.txt{
	color:#c5a47e;
}
.plist li a.txt span{
	position:relative; z-index:10;
}

.slist{
	padding:0px 5px;
}

.slist li{
	width:49%; float:left; margin-bottom:20px; text-align:center; margin-right:2%;
}
.slist li:nth-child(even){
	margin-right:0px;
}
.slist li a.img{
	 overflow:hidden; display:block; text-align:center; padding:5px 5px; border-radius:4px;
}
.slist li a.img img{
	width:100%; 
}
 
.slist li a.txt{
	height:35px; line-height:35px; display:block; overflow:hidden; position:relative; text-align:center; text-decoration:none; font-size:13px; color:#666666;
}
.slist li a.txt font{
	display:none;
}
.slist li:hover a.txt{
	color:#c5a47e;
}
.slist li a.txt span{
	position:relative; z-index:10;
}
.sce-h{
	padding-top:30px;
}

.news-list {
	padding: 0 10px; margin: 20px 0 0;
}
.news-list .news-item+.news-item {
	border-top: 1px dashed #ccc; margin-top: 20px; padding-top: 20px;
}
.news-list .news-item .item-image {
	float: left; width: 30%; height: 80px;
}
.news-list .news-item .item-image img {
	width: 100%; height: 100%; object-fit: cover;
}
.news-list .news-item .item-text {
	float: right; width: 66%;
}
.news-list .news-item .item-text .hd {
	font-size: 16px; margin-bottom: 5px; -webkit-line-clamp: 1 !important;
}
.news-list .news-item .item-text .hd a:hover {
	color: #c5a47e; text-decoration: none;
}
.news-list .news-item .item-text .bd {
	color: #999; -webkit-line-clamp: 2 !important;
}
.news-detail {
	margin-top: 20px;
}

.product-detail .detail-pics {
	padding: 10px
}
.product-detail .big-pic {
	width: 100%;
}
.product-detail .big-pic img {
	width: 100%; height: 100%; object-fit: scale-down;
}
.product-detail .small-pic {
	margin-top: 10px;
}
.product-detail .small-pic ul {
	display: flex;
}
.product-detail .small-pic li {
	width: 18%
}
.product-detail .small-pic li+li {
	margin-left: 3%;
}
.product-detail .small-pic li img {
	width: 100%;
}
.product-detail .small-pic li.on {
	border: 1px solid #1c1d33;
}
.product-detail .detail-text {
	margin-top: 20px; padding: 0 10px;
}
.product-detail .detail-text h1 {
	margin: 0; font-size: 26px;
}
.product-detail .detail-text .description {
	color: #c5a47e; margin: 10px 0 20px; font-size: 16px; max-height: 70px; overflow-y: auto;
}
.product-detail .detail-text .button {
	display: flex; align-items: center; justify-content: space-between;
}
.product-detail .detail-text .button a {
	width: 48%; height: 36px; line-height: 36px; text-align: center; border: 1px solid #c5a47e; border-radius: 3px; color: #c5a47e;
}
.product-detail .detail-text .button a:hover {
	text-decoration: none; background-color: #c5a47e; color: #fff;
}
.product-detail .detail-text .advantage {
	margin: 20px 0 10px;
}
.product-detail .detail-text .advantage ul {
	display: flex; align-items: center; justify-content: space-between;
}
.product-detail .detail-text .advantage li {
	text-align: center;
}
.product-detail .detail-text .advantage .ico {
	width: 56px; height: 28px; margin-bottom: 5px;
}
.product-detail .detail-text .advantage .ico img {
	width: 100%; height: 100%; object-fit: scale-down;
}
.product-detail .detail-text .p-label span {
	display: inline-block; padding: 4px 12px; line-height: 1; color: #ccc; border: 1px solid #eee; border-radius: 14px; font-size: 13px;
}
.product-detail .detail-text .p-label span+span {
	margin-left: 10px;
}
.product-detail .detail-main-bd {
	padding: 30px 0;
}
.product-detail .detail-main-bd .detail-content {
	padding: 0 10px; font-size: 15px; line-height: 1.7;
}
.product-detail .detail-main-bd .detail-content img {
	max-width: 100%;
}

.shops{
	width: 100%; color: #c5a47e;
}
.shops li .hd {
	height: 47px; font-size: 16px; padding: 0 26px; display: flex; align-items: center; background-color: #1c1d33;
}
.shops li .hd i {
	display: inline-block; width: 16px; height: 16px; background: url(../pics/address_icon.png) no-repeat; background-size: contain; margin-right: 10px;
}
.shops li .bd {
	background-color: #121325; padding: 10px 26px; display: flex; align-items: center; font-size: 14px; line-height: 2;
}

.nav2{
	padding: 0 10px; display:table; content: ""; clear: both; width: 100%;
}
.nav2 a{
	display:block; width: 48%; height: 38px; line-height: 38px; background-color: #fff; border: 1px solid #ccc; border-radius: 2px; text-align: center; float: left; margin-bottom: 3%;
}
.nav2 a:nth-child(even) {
	margin-left: 3%;
}
.nav2 a.cur, .nav2 a:hover {
	background-color: #1c1d33; border-color: #1c1d33; color: #c5a47e; text-decoration: none;
}
.nav2 a span{
	position:absolute; right:2px; top:18px;color:#ccc;
}

.qrcode {
	position: fixed;
	z-index: 100;
	bottom: 50%;
	right: 0;
	display: block;
	width: 40px;
	height: 60px;
	background-color: rgba(28, 29, 51, 1);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 12px;
	color: #c5a47e;
	cursor: pointer;
}
.qrcode .text {
	margin-top: 5px;
	line-height: 1;
	color: #c5a47e;
}
a.qrcode:hover {
	color: #c5a47e;
	text-decoration: none;
}
a.qrcode:hover .text, a.qrcode:active .text {
	color: #c5a47e;
	text-decoration: none;
}
.menu-btn {
	position: fixed;
	z-index: 100;
	bottom: 250px;
	right: 0;
	display: block;
	width: 65px;
	height: 46px;
	background-color: rgba(28, 29, 51, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 12px;
	color: #c5a47e;
	border-radius: 8px 8px 0 8px;
}
.menu-btn img {
	width: 73%;
}
.mulus{

	width:65px; height:46px; background-color: rgba(28, 29, 51, 1); bottom:85px; text-align:center; position:fixed;  transition: all 0.6s;  z-index:2001; border-radius: 12px 12px 12px 0; border: 1px solid #717689; left:12px; 

}

.mulus .mulu-img {
	position: relative;
}
.mulus img {
	max-width: 100%;
}
.mulus .mulu-img .img1 {
	animation: 4s opacity2 0s infinite; -webkit-animation: 4s opacity2 0s infinite;-moz-animation: 4s opacity2 0s infinite;
}
.mulus .mulu-img .img2 {
	position: absolute; left: 0; right: 0; top: 0;
	animation: 4s opacity1 0s infinite; -webkit-animation: 4s opacity1 0s infinite;-moz-animation: 4s opacity1 0s infinite;
}

@keyframes opacity1{
	0%{opacity:1}
	50%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes opacity1{
	0%{opacity:1}
	50%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes opacity1{
	0%{opacity:1}
	50%{opacity:0;}
	100%{opacity:1;}
}

@keyframes opacity2{
	0%{opacity:0}
	50%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes opacity2{
	0%{opacity:0}
	50%{opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes opacity2{
	0%{opacity:0}
	50%{opacity:1;}
	100%{opacity:0;}
}

.lcbody {width: 30px;height: 30px;position: relative;}
.lcitem{position:absolute;left:0;top:0;transform:translateZ(0) rotate(0);transition:transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;width:30px;height:30px}
.lcitem .rect.top{-webkit-transform:translate3d(0,-6px,0)}
.lcitem .rect{width:30px;height:1px;background:#c99a5e;position:absolute;left:0;top:14px;transition:transform .2s ease .2s;-webkit-transition:-webkit-transform .2s ease .2s}
.lcitem .rect.bottom{transform:translate3d(0,6px,0);-webkit-transform:translate3d(0,6px,0)}
.dh-item {height: 2px; font-size: 0; margin-right: 10px;}
.dh-item+.dh-item {margin-top: 8px;}
.dh-item .dh-l {width: 4px; height: 3px; background-color: #c99a5e; display: inline-block;}
.dh-item .dh-r {width: 20px; height: 3px; background-color: #c99a5e; display: inline-block; margin-left: 3px;}
body.open .lcbody {
    transform: translateZ(0px) rotate(90deg);
    -webkit-transform: translateZ(0px) rotate(90deg);
}
body.open .lcitem {
    transform: translateZ(0px) rotate(45deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
    -webkit-transform: translateZ(0px) rotate(45deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}
body.open .lcitem.bottom {
    transform: translateZ(0px) rotate(-45deg);
    -webkit-transform: translateZ(0px) rotate(-45deg);
}
body.open .lcitem .rect {
    transition: transform 0.2s ease 0s;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
body.open #leftcontrol {
    transform: translate3d(-300px,0,0);
    -webkit-transform: translate3d(-300px,0,0);
}

#leftcontrol .openlc {right: 20px; top: 16px; position: absolute;}
#leftcontrol .lcitem .rect {background: #999;}

.transform {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#leftcontrol{display:block;position: fixed; z-index: 999;top:0; right: -300px;width: 260px;height: 100%;overflow-x: hidden;overflow-y: auto;background: #fafafa;-webkit-overflow-scrolling: touch;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);}
#leftcontrol ul li{display:block;min-height:49px;border-top:1px solid #ebebeb;width:100%;font-size:14px}
#leftcontrol>ul>li.active a{background:#fff;color:#2a2a2a}
#leftcontrol ul li a{display:block;padding:0 25px;height:59px;line-height:59px}
#leftcontrol ul.subnav li a{background:#fff;color:#a8a8a8}
#leftcontrol ul.subnav li a i{margin-right:20px;font-size:14px;color:#b4b4b4}
#leftcontrol ul li a{position: relative;}
#leftcontrol ul li a span.more{width:12px;height:12px;float:right;position:relative;top:20px;}
#leftcontrol ul li .subnav{overflow:hidden;height:0}
#leftcontrol ul li a span.more span.h{width:12px;height:2px;transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0)}
#leftcontrol ul li a span.more span{background:#b8b8b8;position:absolute}
#leftcontrol ul li a span.more span.v{transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0);-webkit-transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0)}
#leftcontrol ul li a span{display:inline-block}
#leftcontrol ul li.active a span.more span.v{background-color:#5c5c5c}
#leftcontrol ul li.active a span.more span.v{transform:rotate3d(0,0,0,0) translate3d(0,5px,0);-webkit-transform:rotate3d(0,0,0,0) translate3d(0,5px,0)}
#leftcontrol ul li a:focus, #leftcontrol ul li a:hover {text-decoration: none;}