@media only screen and (max-width: 30em) {

	header {

		width: 100%;

	}



	.header_top {

		display: flex;

		flex-direction: row;

		justify-content: space-between;

		align-items: center;

		padding: 2rem 1rem;

	}



	.logo_wrapper img {

		width: 14rem;

		height: 5rem;

	}



	.logo_wrapper div:last-child {

		display: none;

	}



	.logo_tel img {

		display: none;

	}



	.logo_tel div:nth-of-type(1) {

		text-align: center;

		color: #ff4900;

	}



	.logo_tel div:nth-of-type(2) {

		font-size: 1.8rem;

		font-weight: 400;

		color: #000000;

		text-align: center;

	}



	/*nav*/

	.nav_wrapper {

		width: 100%;

		overflow: auto !important;

	}



	.nav_wrapper nav {

		width: 100% !important;

		margin: 0 auto;

	}



	.nav_wrapper nav ul {

		display: flex;

		flex-direction: row;

		align-items: center;

		flex-wrap: wrap;

		padding: 0 1rem;

		justify-content: flex-start;

	}

	.nav_wrapper nav ul li:nth-of-type(n+7) {

		display: block;

		background: #ffffff;

	}





	.nav_wrapper nav li {

		/*width: 23.999%;*/
		width:31%;

		height: 3.8rem;

		line-height: 3.8rem;

		margin: 0 auto;

		text-align: center;

		background: #0d95e8;

	}



	.nav_wrapper nav li:nth-child(n+5) {

		margin-top: 0.2rem;

	}



	.nav_wrapper nav li.on {

		background: #e29b37;

	}



	.nav_wrapper nav a {

		color: #ffffff;

		font-size: 1.4rem !important;

	}







	.swiper-container {

		display: none;

	}



	.services_wrapper {

		display: none;

	}



	.product_wrapper {

		width: 100%;



	}



	.product {

		padding-top: 1.2rem;

	}



	.product_title {

		width: 100%;

		margin: 0 auto;

		text-align: center;

		position: relative;

	}



	.product_title::after {

		display: none;

	}



	.product_title::before {

		display: none;

	}



	.product_title div:first-child {

		font-size: 2.4rem;

	}



	.product_recommend {

		width: 95%;

		margin: 0 auto;

		/*display: flex;

		flex-direction: row;*/

		justify-content: space-between;

		padding: 1rem 0;

	}



	.product_recommend_item {

		/*width: 20rem;*/
		width: 50%;
		float:left;

		padding-bottom: 1rem;

		background: url(../img/recommend_bg2.jpg) no-repeat;

		text-align: center;

		color: #FFFFff;

	}



	.product_recommend_item div:nth-child(1) {

		font-size: 1.4rem;

		padding: 2.6rem 0 0.4rem 0;

	}



	.product_recommend_item div:nth-child(2) {

		width: 2rem;

		height: 0.4rem;

		background: #ff9600;

		margin: 0 auto 1rem auto;

	}



	.product_recommend_item div:nth-child(3) {

		width: 8.1rem;

		height: 2.2rem;

		margin: 0 auto;

		text-align: center;

		box-sizing: border-box;

		border: 0.1rem solid #FFFFFF;

	}



	.product_recommend_item a {

		color: #FFFFff;

	}



	.service_adv_wrapper {

		display: none;

	}



	.common_wrap {

		width: 100%;

	}



	.common_wrap_center {

		margin: 0 auto;
width:100%;max-width:100%;
	}



	.common_wrap_center.flex {

		display: flex;

		flex-direction: row;

		align-items: center;

		justify-content: space-between;

	}



	.recommend_product_title {

		width: 100%;

		text-align: center;

		font-size: 2.4rem;

		padding-top: 1rem;

	}



	.recommend_product_title_english {

		width: 100%;

		text-align: center;

		font-size: 1.2rem;

		padding-bottom: 2.2rem;

	}



	.recommend_product_list {

		display: flex;

		flex-direction: row;

		justify-content: space-between;

		flex-wrap: wrap;

		overflow: hidden;

		width: 95%;

		margin: 0 auto;

	}



	.recommend_product_item {

		overflow: hidden;

		width: 48%;

		box-sizing: border-box;

		border: 0.1rem solid #d9d9d9;

		display: flex;

		flex-direction: column;

		justify-content: space-between;

	}



	.recommend_product_item img {

		width: 100%;

		height: 100%;

	}



	.recommend_product_face {

		width: 100%;

		height: 190px;

		text-align: center;

	}



	.recommend_product_desc {

		background: #0E61BA;

		color: #FFFFFF;

		flex: 0 0 8.6rem;

		font-size: 1.4rem;

		padding: 2rem;



		position: relative;

	}



	.recommend_product_desc div:nth-of-type(2){

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

	}

	.recommend_product_desc div:last-child a {

		color: #ffffff;

	}



	.recommend_product_desc div:last-child {

		width: 11.1rem;

		height: 2.6rem;

		background: #ff9600;

		border-radius: 0.5rem;

		text-align: center;

		position: absolute;

		right: 1.4rem;

		bottom: 1rem;

	}



	.recommend_product_list div:nth-of-type(n+3) {

		margin-top: 1.4rem;

	}



	.recommend_product_list div:nth-of-type(n+5) {

		margin-top: 1.4rem;

		display: none;

	}



	/* aboutus */

	.about_us {

		width: 100%;

		background: url(../img/aboutusbg.jpg) no-repeat;

		background-size: cover;

	}





	.about_us_left {

		width: 90%;

		margin: 0 auto;

		text-align: center;

	}



	.about_us_left img {

		width: 32rem;
		    max-width: 100%;

	}



	.about_us_left .content {

		font-size: 1.4rem;

		line-height: 3rem;

		color: #383838;

		text-indent: 3.2rem;

		text-align: left;

	}



	.about_us_right {

		flex: 1;

		height: 60rem;

		display: flex;

		flex-direction: row;

		flex-wrap: wrap;

		display: none;

	}



	/* example */

	.example_wrap {

		width: 100%;

		height: 20rem;

		background: url(../img/case-bg.jpg) no-repeat;

		background-size: cover;

		overflow: hidden;

	}



	.example_content {

		width: 90%;

		display: flex;

		flex-direction: row;

		padding: 2rem 0;

		flex-wrap: wrap;

		justify-content: space-between;

		margin: 0 auto;

		position: relative;

		overflow: hidden;

	

	}



	.inndexswiper {

		width: 100%;

		position: relative;

	

	}

	

	.swiper-slide {

		text-align: center;

		font-size: 18px;

	}

	

	.inndexswiper .swiper-slide {

		background: rgba(255,255,255, 0);

	}

	



	.example_item {

		text-align: center;

		height: 10rem;

		width: 10rem;

	}



	.example_item img {

		width: 100%;

		height: 10rem;

	}



	.example_item div {

		color: #FFFFFF;

		font-size: 1.4rem;

		padding-top: 1rem;

	}



	/* news */

	.news_content {

		display: flex;

		flex-direction: column;

		justify-content: space-between;

	}



	.news_left {

		flex: 1;



	}



	.news_pic {

		height: 13.2rem;

		overflow: hidden;

	}



	.news_pic img {

		width: 100%;

		height: 100%;

	}



	.news_title {

		background: #f3f3f3;

		padding: 2rem;

	}



	.news_title div:first-child {

		font-size: 1.6rem;

		text-align: center;

		padding: 1.4rem;

		border-bottom: 0.1rem solid #ababab;

		margin-bottom: 1rem;

	}



	.news_title div:last-child {

		font-size: 1.4rem;

		color: #727272;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

	}



	.news_right {

		flex: 1;

		/*margin-left: 3rem;*/

	}



	.news_item {

		display: flex;

		flex-direction: row;

		align-items: center;

		margin: 2rem 0;

		position: relative;

		width: 100%;

	}



	.news_item:not(:last-child)::after {

		content: " ";

		position: absolute;

		left: 0;

		bottom: -1rem;

		width: 100%;

		border-bottom: 0.1rem dashed #dbd4cd;



	}



	.news_date {

		flex: 0 0 6rem;

		background: #0E61BA;

		text-align: center;

		color: #FFFFFF;

		padding: 1.2rem 0;

	}



	.news_item_title {

		flex: 1;

		margin-left: 1.4rem;

	}



	.news_item_title div:first-child {

		font-size: 1.4rem;

	}



	.news_item_title div:last-child {

		font-size: 1.2rem;

		color: #909090;

	}



	/* footer */

	footer {

		width: 100%;

		background: #202124;

		height: 39.5rem;

	}

	

	.footer_wrap {

		display: flex;

		flex-direction: column;

		background: #202124;

	}



	.footer_top {

		width: 100%;

		height: 1rem;

	}



	.footer_qrcode {

		padding-top: 3rem;

		background: #202124;

		text-align: center;

	}



	.footer_qrcode img {

		margin-top: 1rem;

	}



	.footer_qrcode :nth-child(2) {

		color: #FFFFFF;

		font-size: 1.4rem;

	}



	.footer_qrcode :nth-child(3) {

		color: #FFFFFF;

		font-size: 1.6rem;

	}



	.footer_qrcode :nth-child(4) {

		color: #ff0000;

		font-weight: 900;

		font-size: 2.4rem;

		font-style: italic;

	}



	.footer_right {

		flex: 1;

		color: #FFFFFF;

		height: 33.5rem;

		margin-left: 2rem;

	}



	.link_bottom {

		display: flex;

		flex-direction: row;

	}



	.footer_link {

		display: flex;

		flex-direction: row;

		flex-wrap: wrap;

		align-items: center;

	}



	.footer_link span:first-child {

		font-size: 2.8rem;

		font-weight: 800;

		margin-right: 2rem;

	}



	.footer_link a {

		margin-left: 1rem;

		color: #FFFF00;

	}



	.link_contact {

		font-size: 1.4rem;

		line-height: 3rem;

		width: 95%;

	}



	.link_pro {

		width: 22.6rem;

		text-align: left;

		display: none;

	}



	.link_pro a .list_pro_two a {

		color: #FFFFff;

	}



	.list_pro_two {

		display: none;

	}



	.link_copyright {

		color: #838383;

		width: 100%;

		text-align: center;

		background: #202124;

	}

	.link_copyright p {

		margin: 0!important;

		color: #FFFFFF;

		padding: 1rem;

	}



}