

/* reset */
html{overflow-x:hidden;}
body {width:100%;height:100%;background: #fff none repeat scroll 0 0; color: #333;font-size:12px;font-family:微软雅黑;}
ul,ol{list-style:none;}
*{margin:0;padding:0;}
a{text-decoration: none;color:#333;}
a:hover {color:#57b846;}
img{border: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: #333; }
input,button,select,textarea{ outline:none; vertical-align: middle;}



/* header */
.header_status{width:100%;height: 35px;background-color:#5d5d58;}
.header_status .status_container,.header_top .top_container,.header_nav .nav_container{height: 100%;width: 1160px;margin:0 auto;}
.header_status .status_container{line-height:35px;color: #fff;font-size: 12px;}
.header_status .status_container:after,.header_top .top_container:after,.header_nav .nav_container:after{content: '';display: table;line-height: '0';clear: both;}
.header_status .status_container .fl_l,.header_top .top_container .fl_l{float: left;}
.header_status .status_container .fl_r,.header_top .top_container .fl_r{float: right;}
.header_status .status_container .fl_l span{margin-right: 5px;#display: inline-block;}
.header_status .status_container .fl_l .Weather{padding-left: 40px;background-image: url('../images/block/rain.jpg');background-position:left center;background-repeat: no-repeat;}
.header_status .status_container .fl_l #weatherIco {}
.header_status .status_container .fl_l .Weather b{font-weight: normal;}
.header_status .status_container .fl_l .Weather .min{color: #009944;}
.header_status .status_container .fl_l .Weather .max{color: red;}
.header_status .status_container .fl_r ul:after{content: '';display: table;line-height: '0';clear: both;}
.header_status .status_container .fl_r li{display: inline;padding: 0 5px;position: relative;cursor: pointer;}
.header_status .status_container .fl_r li:before{width: 1px;height: 18px;content: '';border-left: 1px solid #fff;position: absolute;right: -4px;top:0;}
.header_status .status_container .fl_r li.last{padding-right: 0;}
.header_status .status_container .fl_r li.last:before{display: none;}
.header_status .status_container .fl_r li a{color: #fff;}

.header_top{width:100%;height: 135px;}
.header_top .top_container .fl_l img{margin-top: 10px;}
.header_top .top_container .fl_r {margin-top:50px;}
.header_top .top_container .fl_r  .input{height: 33px;width: 225px;border:1px solid #ccc;padding:0px 8px;background-color: #fff;vertical-align: middle;#height: auto\9;#padding:9px 8px\9;float: left;}
.header_top .top_container .fl_r .botton {display:inline-block;height: 35px;line-height:35px;color: #fff;padding:0 10px 0 40px;font-size:16px;background-color: #57b846;cursor: pointer;float: left;vertical-align: middle;background-image: url('../images/block/search.png');background-position: 10px center;background-size: 25px 25px;background-repeat: no-repeat;border: 0;}

.header_nav{width:100%;height: 40px;line-height:40px;border:1px solid #ccc; }
.header_nav .nav_container li{float: left;border-right: 1px solid #EFEFEF;font-size: 16px;}
.header_nav .nav_container li a{display:inline-block;padding:0 35px;}
.header_nav .nav_container li a:hover,.header_nav .nav_container li a.active{background-color: #57b846;color: #fff;}
.header_nav .nav_container li span{display: inline-block;width: 40px;height:40px;background-color: #57b846;float: left;background-image: url('../images/block/home.png');background-position:center;background-size: 25px 25px;background-repeat: no-repeat;}



/* footer */
.footer{width: 100%;border-top: 8px solid #40b270;position: relative;}
.footer:before{content: '';height: 1px;width: 100%;border-top: 1px solid #ccc;position: absolute;top:-4px;left: 0;}
.footer .footer_container{width: 1160px;margin:0 auto;text-align: center;padding: 20px 0;}
.footer .footer_container img{margin-right: 20px;}
.footer .footer_container img.internet_safe{position: relative;top:-10px;}
.footer .footer_container ul{display: inline-block;text-align: left;line-height: 23px;}


@media screen and (min-width: 1px) and (max-width: 900px)
{
    .header_status .status_container,.header_top .top_container,.main .section{ width:100%;overflow:hidden;margin:0 auto;}
	.header_status .status_container .fl_l,.footer .footer_container .fll img,.header_status .status_container iframe,.header_top .top_container .fl_r{display:none;}
	.header_status .status_container .fl_l,.header_status .status_container iframe{width:20%;}
	#.header_status .status_container .fl_r{overflow:hidden;width:55%;margin-right:0.3rem;}
	.header_top .top_container .fl_l  img {height:100%;margin: 0 auto;text-align: center;width:90%;display: block;}
	.header_top {height:90px;}
	.banner {width: 100%;display: block;}
	.box_swipe {overflow: hidden;position: relative;}
    .box_swipe ol {display: none;}
	
	
	.section,.about,.main .section_two .about .cont,.cad_two{width: 100%!important;overflow: hidden;margin: 0 auto!important;}
	.notice ul li .cont,.main .section_three .download .input_two {width:50%!important;}
	.cont_one div {width:60%!important;}
	.cont_two div {width:55%!important;}
	.title_left{width:50%;float:left;} 
	.title_right{width:50%;margin-right:!important;text-align: right;}
	.section_five,.notice,.others {width: 100%!important;overflow: hidden;margin: 0 auto!important;padding-top:0.5rem;}
	#.notice ul ,.others ul{width:98%;margin:0 auto;overflow:hidden;}
	.main .section_three .download {width:70%!important;}
	.main .section_three .download .botton_two {width:40%!important;}
	.main .section_three .yixiu,.main .section_three .server,.main .section_three .xiehui{display:none;}
	.footer .footer_container{width: 100%;overflow: hidden;margin:0 auto;padding:0.5rem;}	
    .footer .footer_container ul{text-align: center;}
	.footer .footer_container .white span{white-space:nowrap;}
	.footer .footer_container img	 {margin-right:0;}
	.footer .footer_container .flr{width: 100%;overflow: hidden;margin:0 auto;padding-bottom:0;}
	
}