/* CSS Document */

	
	
/* // 手机导航 */
.logo{line-height: 1.2!important;}
.m-header {
  width: 34px;
  height: 30px;
  display: none;
  cursor: pointer;
  float: right;
	padding: 10px 0 10px 0
	
}
.m-header .box {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.m-header .line {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #ff8a00;
  position: absolute;
  left: 0;
  transition: width 0.3s ease 0s;
}
.m-header .line1 {
  width: 24px;
  top: 0;
}
.m-header .line2 {
  width: 32px;
  top: 10px;
}
.m-header .line3 {
  width: 28px;
  top: 20px;
}
.m-header-menu {
  position: fixed;
  right: -100%;
  width: 100%;
  top: 0;
  z-index: 100;
  height: 100%;
  background-color: #fff;
  transition: all 0.44s ease 0s;
}
.m-header-menu .m-menu-top {
  line-height: 60px;
  background-color: #f5f5f5;
	position: relative

}
.m-header-menu .m-menu-top span{display: block;text-align: center;font-size: 18px;color: #1c1c1c;font-weight: 600}

	


.m-header-menu .m-menu-top .close {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../image/close.png) no-repeat center;
  margin-right: 7.8%;
  margin-top: 22px;
  cursor: pointer;
position: absolute;
	right: 0px;
	top: 0px
}
.f-cb:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}
.m-header-menu .m-header-list{padding: 0 10px 0 20px;}
.m-header-list ul{margin: 20px 0 0 0}
.m-header-list ul li.ttt{width: 100%;margin: 0 0 10px 0;float: left;}
.m-header-list ul li.ttt2{float: left;width: 48%;margin: 0 1% 10px 0}
.m-header-list ul li a{color: #545454;line-height: 36px;font-size: 16px;background: #f4f4f4;border: 1px solid #ededed;display: block;text-align: center}
.f-cb:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}

.m-header-menu .br{background: #f4f4f4;height: 6px}




/* // 手机导航 */
	
	
	
	
	@media (max-width: 1210px){
	.top{width: 1030px;}
	.main_body{width: 1000px;}
	.main_left_02 h1{font-size: 22px;line-height: 30px;}
	}
	@media (max-width: 810px){
	.top{width: 770px;}
	.main_body{width: 750px;}
	nav li a{font-size: 16px;padding: 0 5px}
		
	.hot_01{padding: 2px 5px;}
	.hot_01 a{line-height:18px;font-size: 12px;}

	.main_left{width: 100%;}
	.main_right{width: 100%;}
	.main_right .gg{display: none}
	.main_right .gg_sj{display: block}
	.main_right .cp li{width: 18%;margin: 0 1% 2% 1%}
	.main_left_02 h1{font-size: 18px;}

	}
	
	@media (max-width: 736px){
		
	  .m-header {
    display: block;
  }		.top{width:100%;}
	.main_body{width: 98%;padding: 15px 1%}
	
	.hot_01{display:block;}
	.hot_01 a{display:block;float: left;width: 20%;font-size: 14px;line-height: 30px;}
	.hot_02 a{width: 33.3%;}

	}
	
	@media (max-width: 490px){
		header{border-bottom: 1px solid #0693e2}



	
	.logo_pc{display:none}	
	.logo_m{display:block}	
	
		
	.hot_01{display:block;}
	.hot_01 a{width: 25%;}
	.hot_02 a{width: 50%;}
	.main_left_01{width: 100%;}
	.main_left_01 dt img{max-width: 100%;}
	
	.main_left_01 dt a.img{width: 30%;float: right;margin:0 0 0 1%}
		
	.main_left_02{width: 100%;margin: 15px 0 0 0}
	
	.main_left_03{width: 100%;}
		
	.main_left_03 .tu_li{width: 48%;float: left;margin: 0 1%}
	.main_left_03 h3{margin: 10px 0 10px 0}	
		
	.main_right .cp li{width: 48%;margin: 0 1% 2% 1%}
	

	}

	@media (max-width: 380px){

	.main_body{padding: 5px 1%;margin: 0 auto}

	
		
	

	}