@charset "utf-8";

.top_top{width:100%; /*padding-top:6px;*/}

.logo{ width:100%; height:auto;  }



body,html{ max-width:640px; min-width:320px; height:100%; padding:0; margin:0 auto; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px; color:#333333; background-color:#f0f0f0;}

#cnzz_stat_icon_5913875{

	display:none;

}

.menulist {width:100%;}

.menulist ul {width:100%;border-bottom:1px solid #6a7380;}

.menulist ul li a {display:block;float:left;color:#9097a0;border-right:1px solid #6a7380;border-right:1px solid #6a7380;}

.menulist ul li a:nth-child(4n) {border-right:none}

.popMenu {display:none;}

.menulists {position:absolute;width:100%;}



.menuBtn {width:100%;text-align:center;color:#424b59; background-color:#242c37;cursor:pointer;position:relative; -webkit-perspective: 1200px;

    -moz-perspective: 1200px;

    -ms-perspective: 1200px;

    -o-perspective: 1200px;

    perspective: 1200px;

	-webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    transform-style: preserve-3d;}

.menuBtn span {display:inline-block;}

.menuBtn.active i {-moz-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}

.menuBtn i {position:absolute;left:50%;top:50%;margin-top:-3px;display:block; background:url(../images/down.png) no-repeat;-moz-transition:all 0.6s linear 0s;-webkit-transition:all 0.6s linear 0s;transition:all 0.6s linear 0s;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}



.menulist h3 {wdith:100%;color:#fff;font-weight:500;}

.menulist ul li {float:left;overflow:hidden;text-align:center;color:#9097a0;border-top:1px solid #6a7380;}

.showMenu {

	

	display: block;

	

	z-index: 1001;

	--moz-background-size:100% 100%;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.showMenu a {

	display: block;

	width: 48px;

	height: 28px;

	position: relative;

	outline: none;

}

.showMenu a:before, .showMenu a:after {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

	height: 8px;

	width: 100%;

	z-index: -1;

	-moz-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	background-color: #FFFFFF;

	margin-top: -4px;

}

.showMenu a:before {

	-moz-transform: translateY(-10px);

	-o-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	-webkit-transform: translateY(-10px);

	transform: translateY(-10px);

}

.showMenu a:after {

	-moz-transform: translateY(10px);

	-o-transform: translateY(10px);

	-ms-transform: translateY(10px);

	-webkit-transform: translateY(10px);

	transform: translateY(10px);

}

.hideMenu a:before {

	-moz-transform: rotate(90deg) rotate(45deg);

	-o-transform: rotate(90deg) rotate(45deg);

	-ms-transform: rotate(90deg) rotate(45deg);

	-webkit-transform: rotate(90deg) rotate(45deg);

	transform: rotate(90deg) rotate(45deg);

}

.hideMenu a:after {

	-moz-transform: rotate(90deg) rotate(-45deg);

	-o-transform: rotate(90deg) rotate(-45deg);

	-ms-transform: rotate(90deg) rotate(-45deg);

	-webkit-transform: rotate(90deg) rotate(-45deg);

	transform: rotate(90deg) rotate(-45deg);

}

.absolute {

    position: absolute;

}





 @media screen and (min-width:320px) and (max-width:960px) {



.showMenu a {

	display: block;

	width: 24px;

	height: 14px;

	position: relative;

}

.showMenu a:before, .showMenu a:after {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

	height: 4px;

	width: 100%;

	z-index: -1;

	-moz-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	background-color: #FFFFFF;

	margin-top: -2px;

}

.showMenu a:before {

	-moz-transform: translateY(-5px);

	-o-transform: translateY(-5px);

	-ms-transform: translateY(-5px);

	-webkit-transform: translateY(-5px);

	transform: translateY(-5px);

}

.showMenu a:after {

	-moz-transform: translateY(5px);

	-o-transform: translateY(5px);

	-ms-transform: translateY(5px);

	-webkit-transform: translateY(5px);

	transform: translateY(5px);

}

.hideMenu a:before {

	-moz-transform: rotate(90deg) rotate(45deg);

	-o-transform: rotate(90deg) rotate(45deg);

	-ms-transform: rotate(90deg) rotate(45deg);

	-webkit-transform: rotate(90deg) rotate(45deg);

	transform: rotate(90deg) rotate(45deg);

}

.hideMenu a:after {

	-moz-transform: rotate(90deg) rotate(-45deg);

	-o-transform: rotate(90deg) rotate(-45deg);

	-ms-transform: rotate(90deg) rotate(-45deg);

	-webkit-transform: rotate(90deg) rotate(-45deg);

	transform: rotate(90deg) rotate(-45deg);

}





}