@charset 'utf-8';
/*媒体查询*/
/*当页面大于1200px时*/
@media (min-width: 1200px) {

}
/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 1199px) {
	
}
/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 991px) {

}
/*小于767像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 767px) {
	.header {
		display: none;
	}
	.header_nav {
		display: none;
	}
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/

	.sp_header{background: #ffffff;height:50px;overflow:hidden;z-index:100000;width:100%;top: 0;position: fixed;}

	.sp_logo{float:left;height:50px;box-sizing: border-box;margin-left: 10px;}

	.sp_logo img{margin:auto;max-height:50px;width: auto;box-sizing: border-box;padding: 3px;}

	.sp_logo a {

	  display: inline-block;

	}

	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}

	.sp_nav span{display:block;background:#181919;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}

	.sp_nav span:nth-of-type(1){top:0px}

	.sp_nav span:nth-of-type(2){top:10px}

	.sp_nav span:nth-of-type(3){top:20px}

	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}

	.sp_nav_se span:nth-of-type(2){width:0}

	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

	.sjj_nav{position:fixed;z-index:100000;background:#fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

	.nav_show{top:50px}

	.sjj_nav ul li {

	  font-family: "Poppins-Regular";

	}

	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}

	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s;margin-top: 5px;}

	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

	.sjj_nav ul li{border-top:1px #ddd solid;box-sizing: border-box;padding-left: 20px; position:relative;line-height:40px;font-size:14px}

	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}

	.sjj_nav ul li ul{display:none}

	.sjj_nav ul li a{color:#666;width:80%;

	    font-family: 'FZQKBYSJW_1';

	    display: inline-block;

	    color: #181919;}

	.sjj_nav ul li ul li a{color:#666;display:block;text-align:left;}

	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}

	.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}

	.sjj_nav ul li ul li>ul{margin-left:10px}

	.header_h {
		height: 50px;
		display: block !important;
	}
	.sp_header {
		display: block !important;
	}
	.sjj_nav {
		display: block !important;
	}
	.index_acd {
		display: none !important;
	}
	.index_block3 {
		display: none !important;
	}
	.join_block {
		display: none !important;
	}
	.news_center {
		display: none !important;
	}
	.banner2 {
		display: none !important;
	}
	.footer {
		display: none !important;
	}
	.mobile_block {
		display: block !important;
	}
	.mobile_block .m_about {
		text-indent: 2em;
		line-height: 1.5;
		color: #333;
		padding: 10px;
	}
	.m_main_box .m_top {
		height: 40px;
		line-height: 40px;
		background: #4d9406;
		color: #fff;
		font-size: 16px;
		padding-left: 10px;
		box-sizing: border-box;
		font-weight: bold;
	}
	.m_main_box .m_box {
		padding: 5px;
	}
	.m_main_box .m_box .pic {
		width: 49%;
		float: left;
	}
	.m_main_box .m_box .pic:nth-child(2n) {
		float: right;
	}
	.m_main_box .m_box .pic .img_box {
		width: 100%;
		padding-top: 67%;
		position: relative;
	}
	.m_main_box .m_box .pic img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.m_main_box .m_box .pic .txt {
		height: 35px;
		line-height: 35px;
		margin-bottom: 10px;
		text-align: center;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		width: 100%;
	}
	.m_news_center {

	}
	.m_news_center .first_item {
		width: 100%;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
	}
	.m_news_center .first_item .img_box {
		width: 100%;
		padding-top: 67%;
		position: relative;
	}
	.m_news_center .first_item .img_box img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.m_news_center .first_item .txt {
		height: 35px;
		line-height: 35px;
		background: #333;
		color: #fff;
		padding-left: 5px;
		box-sizing: border-box;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}

	.news_block .other_item {
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
	}
	.news_block .other_item .title {
		width:-webkit-calc(100% - 100px); 
		width:-moz-calc(100% - 100px); 
		width:calc(100% - 100px); 
		display: block;
		float: left;
		 overflow: hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
	}
	.news_block .other_item .time {
		display: inline-block;
		float: right;
	}
	.myfooter {
		display: block !important;
	}
	/*底部*/

	.myfooter { 

		height:4em;  

		position:fixed; 

		left:0;  

		width:100%; 

		z-index:999; 

		bottom:0; 

		background:#333;

	}

	.myfooter li{ 

		width:33.3%; 

		float:left; 

		position:relative; 

		font-size:0.9em;  

		text-align:center; 

		color:#fff; 

		line-height:1em; 

		height:5.33em; 

		box-sizing:border-box; 

		-moz-box-sizing:border-box; 

		-webkit-box-sizing:border-box; 

		-o-box-sizing:border-box;

		border-right: 1px solid rgba(255,255,255,0.2);

	}

	.myfooter li:last-child:before{ 

		height:0;

	}

	.myfooter li em{ 

		width:28.125%; 

		display:block; 

		margin:0 auto; 

		padding:0.3em 0 0.10em 0;

	}

	.myfooter li em img{ 

		width:28px; 

		height:auto;

	}

	.myfooter li a{ 

		color:#fff;

		padding-top: 5px;

	    width: 100%;

	    display: block;

	    box-sizing: border-box;

	}
	.footer_h {
		display: block !important;
		padding-bottom: 70px !important;
		padding-top: 20px !important;
		text-align: center;
		line-height: 2;
		background: #ddd;
	}
	.common_left_area {
		display: none !important;
	}
	.right_area {
		width: 100% !important;
	}
	.index_about {
		margin-top: 20px;
	}
	.index_about {
		padding: 10px;
	}
	.diy_list_news .box .pic {
		margin-right: 5px;
	}
	.diy_list_news .box .text .time {
		margin-top: 10px;
	}
	.myform {
		width: 350px !important;
	}
	.myform .verify {
		width: 170px;
	}
}
/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
	
}