﻿.gh{display:none}
@media screen and (max-width:1000px){

.gh{display:block;}
.w{width:100%;}
.logo{max-width:75%;padding-left:15px;}
.logo img{max-width:100%;}
.culture{display:none;}
.focus{width:100%; height:auto}
nav{height:0}
nav .w{position:absolute; width:100%; background: #fff; z-index:999;display:none;}
nav .w ul li{width:100%; float:none;text-align: center;color:#666;
}
nav .w ul li a{ color:#13982D}
nav .w ul li.active a,nav .w ul li a:hover{color:#fff;}
.spacial{width:100%;}
.spacial .slidebox{padding:15px;}
.spacial .g-hd{padding-left:0;}
.news {width:100%; padding-left:15px; margin-left:-15px;}
.main{width:100%;}
h2{padding-left:15px;}
.news .slidebox{width:100%; }
.g-hd,.g-list{padding-left:15px;}
.news .g-list span{padding-right:15px;}
.g-hd-list li{display:inline-block; float:none;}
.g-hd-list{text-align:center; width:100%;}
.side{width:100%; padding-right:0; margin-top: 1.5em;}
.search{padding-left:15px;}
.people{margin-top: 15px;}
.people ul{padding-left:15px;}
 p.more{padding-right:15px;}
footer .left,footer .right{ padding-left:15px; padding-right:15px;}
.friendlink{margin-left:0.5em;}
.dash-r{margin-bottom:1.5em;}
.men{padding-left:0; width:100%;}
.member{width:46%;}
.committee{width:50%; padding-right:15px}
.member ul{margin-left:15px; width:auto;}
.member ul li{font-size:12px;}
.committee dl dd{width:auto;}
.committee dl dt{display:none}
.container .nav{width:100%;margin-right:0;}
.container .nav h1,.container .nav ul{padding-left:15px; margin-right:0;}
.container .nav ul li {width:45%;wi}
.container .nav ul li a{ width:100%;}
.box .boxmain{width:auto;padding:0;}
.box h5{padding-left:15px;}
.box .boxcon{padding-left:15px; padding-right:15px;}
.box .boxside{float:left; width:100%;}
.box .boxside div{ padding-left:15px;margin-bottom:15px; text-align:center;}
.article{width:100%;}
.latest{width:calc(100% - 45px); margin-left:15px; margin-right:15px;padding:15px 0 15px 15px;}
.container .focus img{max-width:100%; width:100%; height:auto;}
.container .focus{width:100%; height:auto; margin-bottom:1.5em;}

.container .special{width:100%;padding:0;}
.container h2{padding-left:15px;}
.special ul{padding-left:15px;}
.info{width:100%;}
.newsimg{width:100%;}
.info:nth-child(2n+1){padding:0;}
.info:nth-child(2n){padding:0;}
.leftnav{width:100%;padding:0;border:none;}
.leftnav ol{text-align:center;}
.leftnav ol li{display:inline-block;}
.leftnav ol li a{padding:0.2em 0.5em;}
h3{padding-left:15px;}
.memnews{width:100%; margin:0;}
.memnews .img{width:100%;}
.memnews img{width:100%;}
.memdomain{width:100%;}
.memdomain{padding:0;}
.flow{width:100%; margin:0;}
.flow div{text-align:center;}
.btns a {display:inline-block;}
a.join{float:none;}
.container .rules{width:100%; padding:0; padding-top:2em;}
.boxcon{padding-left:15px;padding-right:15px;}
.membox{width:100%;padding:0; margin-bottom:2em;}
.membox dl dd{width:calc(50% - 25px); padding-left:15px; padding-right:10px;}
.membox dl dd.right{margin:0;padding-left:10px; padding-right:15px;}
.memlogo img{max-width:100%;}
.membox dl dd{height:auto;}
.banner{width:100%;  background-size:cover!important; height:8em!important;}
.industry{padding:0; width:100%;}
.industry ul{padding-left:15px;}
.databox{width:100%;margin-left:0;}
.datagrid{width:calc(100% - 30px); margin:0 15px 0 15px;}
footer dt.left{padding-left:0;}
.leftnav {min-height:0;}
.list{width:100%;}
.list ul{padding:0 15px 0 15px;}
.list h3,.list h2{padding:0;}
.list .txt{width:inherit;}
.search .list ul{padding:0;}
.search .list ul li{padding-left:0;}
.search .latest{padding:15px; margin:0;width:calc(100% - 45px); margin-right:15px;}
.spacial .g-list{padding:0;} 

.logbox{width:90%;}
.logbox form input[type=text]{width:8em;}
.loginbtn,a.loginbtn{width:40%; display:inline-block;}
}
.gh {
	float:right;
	height:30px;
	width:30px;
	margin-right:10px;
	margin-top:0px;
	position:relative;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
}
.gh.selected {
	transform: rotate(90deg);
}
.gh a {
	background-color: #13982D;
	display: block;
	height: 4px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}
.gh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.gh.selected:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}
.gh.selected:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}
.gh a:after, .gh a:before {
	background-color: #13982D;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
}
.gh a:after {
	top:10px;
}
.gh a:before {
	top:-10px;
}
.gh.selected a:after, .gh.selected a:before {
	top: 0;
}
.gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh.selected a {
	background-color: transparent !important;
}