.fl{float: left;}
.fr{float: right;}


/*===================== 公用样式 START =====================*/


.s_header{position: fixed;top:0;left:0;width:100%;z-index:999999;}
.menu_button{cursor:pointer;width:50px;height:50px;margin:30px 0 0 0;position: relative;z-index:999999;background-color: #26d903 !important;}
.menu_button .nav_button{position: absolute;right:11px;top:25px;vertical-align: middle;border-radius:20px;width:36px;height:3px;cursor:pointer;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.menu_button .nav_button::after, .menu_button .nav_button::before{content:'';width:30px;height:3px;border-radius:20px;position: absolute;z-index:99999999;right:0;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.menu_button .nav_button::after{top:10px;}
.menu_button .nav_button::before{top:-10px;}
.menu_button.on .nav_button::before, .menu_button.on .nav_button::after{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);-moz-transform: scale(0);}
.menu_box{position: fixed;width:100%;height:100%;right:0;top:-100%;z-index:9999;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; background-size: cover;}
.menu_box .item{float: left;width:12.5%;overflow:auto;height:100%;}
.menu_box .item::-webkit-scrollbar{width:2px;height:2px;background-color:#f1f1f1;} 
.menu_box .item::-webkit-scrollbar-track{border-radius:0;background-color:#f1f1f1;}
.menu_box .item::-webkit-scrollbar-thumb{border-radius:0px;width:2px;height:2px;}
.menu_box .item .pad{padding:200px 0 0 30px;}
.menu_box .item h4{font-size:24px;color:#fff;}
.menu_box .item i{display: block;width:20px;height:2px;background-color: #fff;margin:10px 0;}
.menu_box .item span{font-size:14px;color:#fff;}
.menu_box .item ul{padding-top:10px;width:auto;margin:0;}
.menu_box .item ul li{width:45%;background-color:rgba(50,50,50,0.75);text-align: center; float:left; margin:1%;}
.menu_box .item ul li a{font-size:14px;color:#fff;height:40px;line-height:40px;cursor:pointer;}




/*===================== 响应式代码 START =====================*/

@media( max-width:1210px ){
	.s_header .auto{padding:5px; padding-top:10px;}
	.menu_button, .header.bg .menu_button{width:40px;height:40px;margin:0; margin-top:5px;}
	.menu_button .nav_button{width:20px !important;top:20px;}
	.menu_button .nav_button::after, .menu_button .nav_button::before{width:20px !important;}
	.menu_button .nav_button::after{top:11px;}
	.menu_button .nav_button::before{top:-11px;}
	.menu_box{overflow:auto;min-height:100%; padding-top:30px;}
	.menu_box .item{float:none;width:auto;height:auto;}
	.menu_box .item .pad{padding:10px; padding-top:15px;}
	.menu_box .item h4{font-size:16px;}
	.menu_box .item ul li a{font-size:14px;height:28px;line-height:28px;}
	.menu_box .item:last-child{padding-bottom:40px;}
	html,body{margin:0 auto !important;}
	.news_two .news_box li p, .position_now .fr, .arrow_down, #list .left_side, .news_one .news_box li .img .bg, .news_article_box .left_fixed, .img_big_box, #none, .header ul.nav{display: none;}
	.header .menu_box,  .wap_son{display: block;}
	
	
}

@media( max-width:750px ){
	.s_header{left:0;margin:0;}
}

/* 高度改变时 */
.h750 .section_five .box{top:20%;}
.h700 .section_five .box, .h650 .section_five .box{top:15%;}
.h700 .section_five .info, .h650 .section_five .info{padding-top:10%;}
/*===================== 响应式代码 END =====================*/