@media (max-width: 1440px){

.container{
	max-width: 90%;
	margin:0 5%;
	padding:15px;
}

.banner h2{
	font-size: calc(48 / 1920 * 100vw);
}
.contact_banner p{


	font-size: calc(38 / 1920 * 100vw);
}

.nav_menu{
	width: calc(100% - 400px);
}
.nav_menu li{
	padding:10px 28px;
}

.index_showbox{
	font-size: calc(24 / 1920 * 100vw);
 }


.tec p{
	line-height: 1.5em;
	color:var(--text-color);
}



}

@media (max-width: 1340px){
.index_quick_link{
	position: relative;
	margin-top:15px;
		bottom: 0px;
	}
}


@media (max-width: 1280px){

	:root {
	--main-color: #0C8066;
	--text-color: #666;
	--title-color: #333;
	--gray:#4A4A53;
	--font-xxs: 10px;
	--font-xs: 12px;
	--font-s: 14px;
	--font-m: 16px;
	--font-l: 18px;
	--font-xl: 22px;
	--font-xxl: 28px;

}


 .index_showbox{
	 padding:10px 10px;
	 line-height: 1.1em;
 }

.contact_banner{
	height:auto;

}
.contact_banner a{
	margin-top:30px;
}
.nav_menu{
	width: calc(100% - 300px);
}
.nav_menu li{
		padding:10px 30px;
}

.back_list{
		margin-left:0px;
}

.index_showbox{
	font-size: calc(22 / 1920 * 100vw);
 }


.tec p{
	line-height: 1.5em;
	color:var(--text-color);
}

.p_feature_row li{
	margin-bottom: 10px;
}
}



@media (max-width: 1024px){

 .index_p_title{
 	bottom: 2.2em
 }
 .index_p_sub_title{
 	bottom: 1.2em
 }



 
.why_choose_2_thumb{
	margin:120px  0 80px 30px;
}

.consider_list li{
	min-height: auto;
}
.nav_menu{
	width: calc(100% - 270px);
}
.nav_menu li{
		padding:10px 18px;
}


.index_quick_link li{
	font-size: var(--font-s)
}	
	

}

@media (max-width: 960px){

.consider_list li{
	min-height: 180px;
	font-size: var(--font-m);
}

.p_thumb_row{
	width: 70px;
	float:left;
}
.p_thumb{
	width: 70px;
	height:70px;
	margin-bottom: 10px;
	border:1px solid #ddd;

}
.p_main_img{
	width: calc(100% - 85px);
	margin-left:85px
}
.head_languadge{
	display: none;
}

.nav_menu li{
	line-height: 38px;
	height: 38px;
	font-size: var(--font-s);
	font-weight: bold;
	cursor: pointer;
	padding:10px 15px;
}

.tec p{
	line-height: 1.5em;
	color:var(--text-color);
}

.contact_icon{
	width: 40px;
	height: 40px;
	line-height: 40px;
	}
.contact_icon img{
	width: 50%;
	vertical-align: middle;
}

.contact_info {
    width: calc(100% - 100px);
    margin-left: 100px;
}

 .form-control select{

	width: 70%;

}

}

@media (max-width: 920px){

	.nav_menu{
		display: none;
	}

	.nav_right label{
		display: flex;
		margin-top:20px;
	}


}

@media (max-width: 768px){

.container {
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    padding: 15px;
}

.head_languadge{
	display: none;
}

.nav_right label{
		display: flex;
		margin-top:10px;
	}


.search_btn {
	width: 20px;
	margin:3px 0;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

.header_wrap .head_languadge{
display: flex;
color:var(--main-color);
margin-top:15px;
margin-right: 20px;
}
.nav_menu{
	display: none;
}

.search_btn{
	display: none;
}



.current_mark:after{
	top:-74px;
}

.text_content{
	line-height: 1.5em;

}
.gap100{
	padding:15px 0;
}
.gap50{
	padding:20px 0;
}
.gap25{
	padding:10px 0;
}

.header_notice{
	font-size: 12px;
	height:30px;
	padding:4px;
	line-height:15px;
	overflow: hidden;

}
.head_languadge{
	display: none;
}
.head{
	height: 45px;
}
.logo{
	margin:0 15px 0 0;
}
.banner{
	height: calc(70vh - 200px);
}
.banner h2{
	width: 90%;
	font-size: var(--font-l);
}

 .index_showbox{
 	margin:10px 15px;
	font-size: 16px;
 }
.tec{
	margin-top:0px;
}

.index_quick_link{
	position: relative;
	bottom: 0px;
	margin-top:15px;
}

.index_news .gap15 {
	margin:0px;
}
.index_news .text_title{
	margin-bottom: 10px
}
.index_news .gap50 {
	padding:15px;
}
.index_news .text_content{
	width: 100%;
}
.index_news .title_more{
	
	display: inline-block;
		padding:5px 10px;
	clear: both;
	
}
 .index_new_intro{
 	font-size: 16px;
 }
 .index_new_date{
 	margin-bottom: 15px;
 }
 .index_company_intro {
 	margin:50px 20px;


 }
.index_company_intro h4{

	font-size: var(--font-xl);
	margin:20px;
}

.index_company_intro p{
	padding:0 30px;

}
.index_company_quote h4{
	padding:0 30px;

}
.contact_banner p{
	float:none;
}
.contact_banner a{
	width: auto;
	text-align: center;
	float:none;
	display: block;
	height: 20px;
	line-height: 20px;
	margin-top:20px;
	padding:10px 0px;
	width: 50%;
	margin: 20px auto 0;
}
.contact_banner{
	height: auto;
	text-align: left;
}
.contact_banner p{
	width: 100%;
	font-size: 16px;

}
.footer_logo{
	margin: 0 auto;
	width: 120px;
}
.footer_menu {
flex-direction: column;
justify-content: center;
}
.footer_menu ul{
	text-align: center;
	margin-top:15px;
}
.social_media{
	text-align: center;
	float: none;
}
.footer_info{
	text-align: center;
}
.footer_info .fl_right{
	float:none;
	display: block;
}
.why_choose_2_thumb{
	margin:50px 0  50px 30px;
}
.consider_list li{
	min-height: auto;
}
.product_title h1{
	font-size: var(--font-l);
}

.product_title h1 small{
	font-size: var(--font-m)
}
.p_feature_row,.p_working_condition_row{
	margin-top:30px;
}
.product_section_nav li{
display: inline-block;
    margin: 10px 10px;
}
.wrap_ralate_product{
	display: none;
}

.product_section h2{
	text-align: center;
	margin-bottom: 0.75em;
}
.product_sidebar{
	text-align: center;
}


.news_single{
	padding:0 15px 15px 15px;
}
.back_list{
	display: none;
}
.contact_right{
	margin:15px 0px;
}
.form-control{
	margin: 10px 0;
}
.c_submit{
	padding:10px 50px;
}

.sub_nav{
	white-space: nowrap;
		top:113px;
	overflow: hidden;

}
.sub_nav_wrap{
	height: 60px;
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
}

.sub_nav li{
	margin-right: 1.5em;
	font-size: var(--font-xs);
	display: inline-block;
	float: none;
}

.news_more{
	width: 220px;
}

.gap_b50{
	padding-bottom: 10px;
}
.toggle_tab{
	font-size: var(--font-s)
}

.event{
	margin:0 ;
}

.event_submit{
	width: auto;

}
.p_banner_info{
	padding:15px 30px;
}

.download_tab li{
	min-width: 0;
	padding:10px  15px;
	margin:15px 10px 0 10px;
	font-size: var(--font-s)
}

.collage h4{
	margin:15px 0;
}
.collage span, .collage p{
	margin:10px 0;
}
#why_nav{
	display: none;
}

.product_title h1{
	line-height: 1.2em;
	color:var(--main-color);
	margin-top:25px;
		overflow: hidden;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: var(--font-m);
	
}
.product_title h1 small{
	padding-left:1em;
	color:#333;
	font-size: var(--font-s);
	font-family: 'verdana-bold';
}
.wifi{
	width: 80px;
}
.i_wifi{
	width: 40px;
	height: 40px;
}

.product_flex{
	display: block;
}
.p_feature_row li{
	width: 33%;
}
.p_feature_row,.p_working_condition_row{
	width: auto;
	
}
.p_working_condition_row ul{
	margin:0;
	padding:0;
}
.p_working_condition_row li{
	text-align: center;
}
.p_working_condition_row{
	margin-top:0;
}
.product_section_nav{
	display: none;
}
.product_sidebar{
	margin-top:50px;
	padding:0;
	padding-bottom: 15px;
}
	.c_submit{
		width: 100%;
	}

	.pop_video_wrap{
		width: 300px;
		height: 200px;
		left:50%;
		margin-left:-180px;
		margin-top:-100px;
		background: none;
		border:none;

	}
	.pop_video_wrap video{
		width: 300px;
		height:200px;

	}


	.index_product_slider .index_pdoduct{
		padding-bottom: 100%;
	}

	.index_product_slider .index_p_title{
	 	bottom: 2.2em;
	 	font-size: 18px
	 }
	 .index_product_slider .index_p_sub_title{
	 	bottom: 1em;
	 	font-size: 14px
	 }

	 .col_gap{
	 	margin:15px ;
	 	width: auto;
	 }
	 .search_nav{
	 	display: flex;

	 }
	 .search_nav{
	 	display: block
	 }
	 .newx_search_box{
	 	width: 190px;
	 	margin-right: 20px;
	 	margin-left:0;

	 }
	 .select_year{
	 	width: 80px;
	 	float:left;
	 }

	 .mobile_menu_nav{
	position: fixed;
	top:113px;
	height: 100%;

}

	.quote_wrap{
		top:40%;
		margin-left:-190px;
		margin-top:-250px;
		width: 340px;
		height:500px;
		padding:20px;
	}

.admin-bar .mobile_menu_nav{
        top: 159px;
}
.p_banner h2{
	font-size: var(--font-l);
}

.product_wrap h2{
	font-size: var(--font-xl)!important;
}
.application_thumb p{
display: none;
}
.application_detail_thumb, .application_detail img{
	display: none!important;
}

.show_xs{
	display: block!important;
}

.hidden_xs{
	display: none!important
}

}



@media screen and (max-width: 600px){

#wpadminbar {
     position: fixed!important; 
     top:0;
}



}