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

}

body {
  --wp--preset--font-size--small: 16px!important;
  --wp--preset--font-size--medium:  18px!important;
  --wp--preset--font-size--large: 22px!important;
  --wp--preset--font-size--x-large: 28px!important;
}


body,html{
	margin:0;
	padding: 0;

}

@font-face {
    font-family: 'verdana-regular';
    src: url('../font/verdana.ttf');
}
@font-face {
    font-family: 'verdana-bold';
    src: url('../font/verdana-bold.ttf');
}

@font-face {
    font-family: 'verdana-bold-i';
    src: url('../font/verdana-bold-italic.ttf');
}

body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,span,i,ul,a,em,img,textarea,select{margin:0;padding:0;font-family:"verdana-regular";}
*{padding:0; margin:0; list-style:none;font-family:"verdana-regular";font-weight: normal;}
body,button,input,select,textarea {font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea {font-size:100%;}
label,input,select {vertical-align:middle;}
address,cite,em {font-style:normal;}
fieldset{cursor:pointer;}
img{border:none;}
ul,ol {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
sub {vertical-align:text-bottom;}
sup {position:relative;top:-1px;left:2px;font:11px/normal tahoma;vertical-align:text-top;}
small {font-size:12px;}
legend {color:#333;}
strong{font-weight: bold;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
*:focus { outline: none; }
a{cursor:pointer;}
input,textarea{border:none;outline: none;-webkit-appearance: none;border-radius: 0;position: relative;}
input[type=submit],input[type=button]{cursor:pointer;-webkit-appearance: none;box-sizing: border-box;border:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background:rbga(255,255,255,0) !important;}
a{
	text-decoration:none;
	color:#333;
}
a:hover{
	color:var(--main-color);
}
.clear{clear: both;}
.text-center{text-align: center;}

.green{
	color:var(--main-color)!important;
}
.bg_white{
	background: #fff;
}
.bg_gray{
	background: #fafafa;
}
.wow {

   visibility: hidden;
}
ul,li{padding:0; margin:0;}
h1{
	font-size: var(--font-xxl);
	 line-height: 1.5;
	font-family: 'verdana-bold';
}
h2{
	font-size: var(--font-xxl);
	 line-height: 1.5;
	font-family: 'verdana-bold';
}
h3{
	font-family: 'verdana-bold';
	 line-height: 1.3;
	font-size: var(--font-xl);
}
h4{
	font-family: 'verdana-bold';
	 line-height: 1.5;
	font-size: var(--font-l);
}

p{
	font-size: var(--font-s);
	line-height: 1.4em;
}
.s_title{
	font-size: var(--font-l)!important;
	line-height: 1.8em;
}
.light_bg{
	background: #FAFAFA;
}
.index_text{
	color:var(--text-color);
	font-size: var(--font-l);
}

.row{
	margin-left:-15px!important;
	margin-right: -15px!important;
}
.container{
	max-width: 1400px;
	margin:0 auto;
	padding:15px;
}

.header_notice{
	position: sticky;
	top:0;
	background: var(--main-color);
	color:#fff;
	font-size: var(--font-s);
	height: 38px;
	line-height:38px;
	font-size: var(--font-xs);
	z-index: 99;
}
 .header_notice a{
 	color:#fff;
 }
.head_languadge{
	float:right;
}

.header_wrap .head_languadge{
	display: none;
}
.head_languadge span,.head_languadge object {
	vertical-align: middle;
}
.header_wrap{
	position: sticky;
	top:38px;
	background: #fff;
	z-index: 99999;
	box-shadow: 3px 0px 6px rgba(0,0,0,0.4);
	z-index: 99;
}
.head{
	display: flex;
	justify-content: space-between;
	height: 60px;
	overflow: visible;

}
.logo{
	width: 150px;
	height:38px;
	background: url('../img/logo.jpeg') no-repeat 100% 100%;
	margin:8px 0;
	background-size: 100%;
}

.nav_menu{
	width: calc(100% - 400px);
	display: flex;
	margin:0;
	justify-content: left;
	overflow: visible;
	height: 100%;
}

.nav_menu li{
	line-height: 40px;
	height: 40px;
	margin: 0px;
	font-size: var(--font-s);
	font-weight: bold;
	cursor: pointer;
	padding:10px 35px;
	white-space: nowrap;
}
.nav_menu li .link{
	padding:10px 0;
}
.nav_menu li:hover .link, .nav_menu li.active .link{
	border-bottom:1px solid var(--main-color);
}

.sub_menu{
	display: none;
	width: 100%;
	min-height: 100px;
	position: absolute;
	left:0;
	top:62px;
	border-bottom: 1px solid #eee;

}
.nav_menu li:hover .sub_menu ,.nav_menu li.show .sub_menu {
	display: block;
}


.menu_gap{
	border-top:1px solid #eee;
	background: rgba(255,255,255,1);
	margin-top:28px;
}

.sub_menu .title{

	height: 40px;
	font-size: 18px;
    font-family: 'verdana-bold';
}
.sub_menu p{
	margin:10px 0!important;
}

.sub_menu_li ol{
	padding-right: 2em;
	line-height: 30px!important;
}


.sub_menu_li ol a:hover{
	color:var(--main-color);
}
.sub_menu_li ol:hover :after{
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin:0 10px;
	background: url('../img/arr.png') center center no-repeat;
	background-size: 100%;
	vertical-align: middle;
}
.sub_menu_thumb{
	margin:15px 30px 30px;
}
.sub_menu_thumb_title{
	width: 100%;
	white-space: wrap;
	line-height: 1.2em;
	font-size: var(--font-s);
		overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bold;
}
.padding_bg{
	width: 100%;
	height: 0;
	padding-bottom: 61%;
	background-size: cover;
	background-position: center center;
}

.sub_menu_p{
	margin-top:-5px;
}

.sub_menu_product{
	width: 180px;
	height: 0;
	position: relative;
	padding-bottom: 180px;
	margin:0px auto 30px;
	overflow: hidden;
	position: relative;
	text-align: center;
	background-size: 70% 70%;
	background-position: top  center;
	background-repeat: no-repeat;
	transition: all 0.25s;
}

.sub_menu_product_t{

}

.sub_menu_product_t .index_p_title{
bottom: 1.4em;

}
.sub_menu_product_t .index_p_sub_title{
bottom: 0em;
font-size: 14px;
}

.nav_right{
	display: flex;
}

.nav_right label{
 display:flex;
  flex-direction:column;
  width:36px;
  cursor:pointer;
  margin-top:10px;
  margin-right: 15px;
   display: none;
}

.nav_right label span{
  background: var(--main-color);
  border-radius:2px;
  height:4px;
  margin: 2px 0;
  transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);

}


.nav_right label span:nth-of-type(1){
  width:50%;
  
}

.nav_right label span:nth-of-type(2){
  width:100%;
}


.nav_right label span:nth-of-type(3){
  width:75%;
}

.nav_right label input[type="checkbox"]{
  display:none;
}


.nav_right input[type="checkbox"]:checked ~ span:nth-of-type(1){
  transform-origin:bottom;
  width:50%;
  transform:rotatez(45deg) translate(3px,-1px)
}


.nav_right input[type="checkbox"]:checked ~ span:nth-of-type(2){
  transform-origin:top;
  transform:rotatez(-45deg)
}

.nav_right input[type="checkbox"]:checked ~ span:nth-of-type(3){
  transform-origin:bottom;
  width:50%;
  transform: translate(16px,-2px) rotatez(45deg);
}


.search_box_wrap{
	display: none;
	position: absolute;
	height: 20px;
	width: 180px;
	padding: 5px 15px;
	background: #eee;
	z-index: 999999;
	top:3px;
	left:-220px;
}

.search_box_wrap input{
	color:#666;
	height: 20px;
	width: 100%;
	line-height: 20px;
	margin:0px;
	background: none;
	text-align: left;
	font-size: var(--font-xs);
}

.search_box_wrap ::placeholder {
  color: #aaa;
  opacity: 1; 
}
.search_box_wrap  ::-ms-input-placeholder { 
   color: #aaa;
}
.search_btn {
	width: 30px;
	margin:11px 15px 10px  0;
	cursor: pointer;
	display: block;
	padding-top:10px;
	cursor: pointer;
	z-index: 0;
	position: relative;
}

.search_btn object{
	width: 20px;
	vertical-align: middle;
	line-height: 38px;
	margin-top:10px;
	display: block;
}

.mobile_menu_nav{
	position: absolute;
	top:113px;
	height: 100%;
	width: 100%;
	background: #fff;
	z-index: 99999;
	display: none;

}

.mobile_menu_nav li{
	height:60px;
	line-height: 60px;
	width: calc(100% - 45px);
	padding:0 15px 0 30px;
	position: relative;
	font-size: var(--font-l);
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-top:-1px;
}
.mobile_menu_nav li:hover{
	cursor: pointer;
}
.mobile_menu_nav li:after{
	right:20px;
	top:17px;
	content: '>';
	color:var(--main-color);
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	transform: scale(1,0.5) rotate(90deg);

}
.mobile_sub_menu{
	display: none;
}
.mobile_sub_menu ol{
	line-height: 40px;
	height:40px;
	text-indent: 3em;
	text-align: left;
	font-size: var(--font-m)
}
.mobile_sub_menu ol:first-child{
	margin-top:1em;
}
.mobile_sub_menu ol:last-child{
	margin-bottom:1em;
}

.mobile_sub_menu ol:hover{
	background: #eee;
}
.banner{
		height: calc(100vh - 200px);
	}
.banner .swiper-pagination{
		bottom: 50px;
	}


.banner h2{
	width: 50%;
	font-size: var(--font-xxl);
	color: #fff;
	text-align: left;
	margin:15px;

}
.banner .container{
	text-align: left;
}
.banner_btn{
	padding:0.6em 1.5em;
	min-width: 100px;
	display: inline-block;
	text-align: center;
	border:1px solid #fff;
	font-size: var(--font-m);
	margin:15px;
	color:#fff;
	cursor: pointer;
}
.banner_btn i{
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url('../img/arr_r.png') center center no-repeat;
	background-size: 100%;
	vertical-align: middle;
}
.banner_btn:hover{
	background: var(--main-color);
	border-color:var(--main-color);
	transition: all 0.25s; 
}

.index_showbox{
	margin: 15px  15px;
	border:1px solid #E7E6E6;
	border-radius: 6px;
	white-space: nowrap;
	box-sizing: border-box;
	line-height: 50px;
	padding: 10px 0px;
	color: #333;
	font-size: var(--font-m);
	
	text-align: center;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
	font-weight: bold;
	text-align: center;
	font-family: 'verdana-bold';
	overflow: hidden; 
	background-color: #FFFFFF;


}
.index_showbox:hover{
	background-color: var(--main-color);
	color:#fff;
	cursor: pointer;
}
.index_showbox:after{
	content: '';
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	background: url(../img/arr_w.png) no-repeat center center;
	background-size:100%;
	vertical-align: middle;


}


.index_showbox .i1{
background-image: url(../img/show1.png) ;
}
.index_showbox .i2{
background-image: url(../img/show2.png) ;
}
.index_showbox .i3{
background-image:  url(../img/show3.png) ;
}


.index_showbox:hover .i1{
background-image:  url(../img/show1w.png) ;
}
.index_showbox:hover  .i2{
background-image: url(../img/show2w.png) ;
}
.index_showbox:hover .i3{
background-image: url(../img/show3w.png);
}

.index_showbox span{
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	margin:0 10px 0 0;
	vertical-align: middle;
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center;
	
}



.index_showbox:before{
	/*content: '';*/
	display: inline-block;
	width: 1.2em;
	height: 1.2em;

	background-size:100%;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: 100%;

}


.index_showbox i img{
	width: 100%;
}
.text_title{
	margin-bottom: 20px;
}

.text_content{
	margin:20px 0;
	line-height: 2em;
	color:var(--text-color);

}
.index_news .text_content{
	width: calc(100% - 200px);
	float:left;
	margin:10px 0;
}


.index_product_slider .swiper-slide a{
	width: 100%;
}

.index_pdoduct {
	width: auto;
	height: 0;
	padding-bottom: calc(100% - 30px);
	margin:15px;
	border-radius: 6px;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
	border:1px solid #ddd;
	overflow: hidden;
	background: #fff;
	position: relative;
	text-align: center;
	background-size: 70% 70%;
	background-position: top  center;
	background-repeat: no-repeat;
	transition: all 0.25s;

}
.index_product_slider .index_pdoduct{
	width: auto;
	margin:15px 5px!important;
	background-color: none;
}

.index_product_slider .index_p_sub_title{

	bottom: 1.5em;

}

.index_product_slider  .index_p_title{
bottom: 2.8em;
}




.gap25{
	padding-top:25px;
	padding-bottom:25px;
}
.gap50{
	padding-top:50px;
	padding-bottom:50px;
}
.gap_t50{
	padding-top:50px;
}
.gap_b50{
	padding-bottom:50px;
}
.gap_b25{
	padding-bottom:25px;
}

.gap100{
	padding-top:100px;
	padding-bottom:100px;
}
.gap15{
	margin:15px;
}
.index_pdoduct:hover{
		background-size: 72% 72%;
		cursor: pointer;
}
.index_p_title{
	width: 100%;
	text-align: center;
	font-size: var(--font-m);
	text-align: center;
	position: absolute;
	bottom: 3.5em

}
.index_p_sub_title{
	width: 100%;
	text-align: center;
	font-size: var(--font-s);
	text-align: center;
	position: absolute;
	bottom: 2em;
	color:var(--text-color);
}

.thumb img{
	width: 100%;
}

.tec{
	position: relative;
	height: 100%;


}
.tec h2{
	font-weight: bold;
	font-family: 'verdana-bold';
}
.tec p{
	line-height: 2em;
	color:var(--text-color);
}

.index_quick_link{
	font-size: var(--font-l);
	font-weight: 700;
	line-height: 1.8em;
	text-align: left;
}
.index_quick_link{
	position: absolute;
	bottom: 50px;
}
.contact_btn{
	border-color: var(--main-color);
	color: var(--main-color);
	padding:2px 20px;
	margin:15px 0;
}
.contact_btn:hover{
	color:#fff;
}
.index_quick_link a{
	color:var(--main-color);
}
.quick_link_i {
	display: inline-block;
	padding-left:10px;
	width: 1em;
	height: 1em;
	background:url(../img/arr.png) no-repeat center center ;
	vertical-align: middle;
}
.title_more{
	float:right;
	display: block;
	padding:8px 20px;
	color:var(--main-color);
	border:2px solid var(--main-color);
	font-size: var(--font-s);
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.25s;
	text-align: center;
}
.title_more i{
	width: 1em;
	height: 1em;
	display: inline-block;
	background-image:url(../img/arr_2_g.png) ;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin:-2px 5px 0 10px;

}

.title_more:hover{
	background-color: var(--main-color);
	border:2px solid var(--main-color);
	color:#fff;

}
.title_more:hover i{
	background-image:url(../img/arr_2_w.png)  ;

}

.new_mid{
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.index_new_intro{
	height: 2.6em;
	margin-top:5px;
	font-size: var(--font-xs);
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.index_new_intro.active{
	font-weight: bold;
	font-family: 'verdana-bold';
	
}
.index_new_date{
	font-size: var(--font-xs);
	margin-top:10px;
	color:var(--text-color);
}
.index_company{
	overflow: hidden;
	min-height:680px;
	width: 100%;
	background:url(../img/company.png) no-repeat ;
	background-size: cover;
	background-position: center center; 

}
.index_company_intro{
	margin:100px auto!important;
	padding:50px 0!important;
	background: rgba(255,255,255,0.9);
}
.index_company_intro h4{
	font-family: 'verdana-bold';
	font-size: var(--font-xxls);
	margin:20px 100px;
	text-align: center;
}
.index_company_intro p{
	padding:0 100px;
	color: var(--text-color)
}
.index_company_quote h4{
	font-family: 'verdana-bold-i';
	text-align: left;
	padding:0 100px;
	margin-left:0;
	margin-right: 0;
	font-size: var(--font-xls);
}
.index_company_quote h4 span{
	color: var(--main-color);
	font-weight: bold;
	font-family: 'verdana-bold-i';
	font-size: var(--font-xl);
}

.contact_banner{
	
	padding:30px 0;
	background: var(--main-color);
}

.contact_banner p{

	width: 70%;
    float: left;
    font-family: 'verdana';
    color: #fff;
    font-size: var(--font-xl);
    font-weight: bold;
	
}
.contact_banner span{
	text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	font-family: 'verdana-bold';
	color:#fff;
	
}
.contact_banner a{
	display: block;
    float: right;
    margin-top: 50px;
    margin-right: 30px;
    vertical-align: middle;
    background: #fff;
    border-radius: 6px;
    padding: 15px 30px;
    font-size: var(--font-s);
    color: var(--main-color);
    font-weight: bold;
}
.contact_banner a:hover{
	filter: brightness(90%);
}


.footer{
	background: var(--gray);
}
.footer_logo{
	width: 150px;
    height: 38px;
    background: url(../img/logo_w.png) no-repeat 100% 100%;
    margin: 20px 0;
    background-size: 100%;
}
.sep{
	height: 1px;
	border-top: 1px solid #fff;
	opacity: 0.16;
	margin:15px 0;
}

.footer_menu{
	display: flex;
	justify-content: space-between;
	color:#fff;
}
.footer_menu h5{
	color:#ddd;
	line-height: 2em;
	font-family: 'verdana-bold';
	font-size: var(--font-s);
	color:#fff;
	margin:0px 0 5px;
}
.footer_menu li a{
	color:#ddd;
	font-size: var(--font-xs);
	line-height: 2em;
}
.footer_info p{
	color:#ddd;
	font-size: var(--font-xs);

}
.footer_info h5{
	color:#fff;
	line-height: 2em;
	font-size: var(--font-l);
	font-family: 'verdana-bold';
}
.footer_tel{
	display: inline-block;
	width: 1em;
	height: 1em;
	background: url(../img/tel.png) no-repeat ;
	  background-size: 100%;
	  background-position: center center;
	vertical-align: middle;
}
.footer_add{
	display: inline-block;
	width: 1em;
	height: 1em;
	  background: url(../img/add.png) no-repeat ;
	  background-size: 70%;
	  background-position: center center;
	  vertical-align: middle;
}

.social_media{
	float: right;
	margin-top:50px;
}
.social_media li{
	width: 50px;
	height: 50px;
	margin:5px;
	display: inline-block;
}
.social_media li img{
	width: 100%;
}
.footer_info a{
	color: #ddd;
}
.footer_info a:hover,.footer_menu li a:hover{
	color: #fff;
	transition: all 0.25s;
}
.fl_right{
	float:right;
}



.p_banner{
	width: 100%;
	background: url(../img/p_bg.jpg) no-repeat center center ;
	background-size:cover; 

}


.p_banner_info{
	background: rgba(255,255,255,0.8);
	border-radius: 16px;
	padding:30px 60px;
	margin:40px 0;
}
.p_banner_info .sep{
	border-color: #333;
}
.bread_nav li{
	display: inline-block;
	font-size: var(--font-xs);
	color:var(--main-color);
}
.bread_nav li a{
	color: #aaa;

}
	.bread_nav li a:after{
		display: inline-block;
		content: ">";
		color: #aaa;
		padding:0 10px;
		transform: scale(0.7,1);
	}
.p_banner_info h2{
	font-size: var(--font-xxl);
	margin: 0.375em 0;
}

.product_list{

}
.product_list .index_pdoduct{
	border-radius: 0;
	box-shadow: none;
	padding-bottom: 100%;
	background-size: 70%;


}
.product_list .index_pdoduct:hover{
	border-color: var(--main-color);
	background-size: 75%;
}



.index_pdoduct_info{
	position: absolute;
	bottom: 15px;
	width: 100%;
}
.product_list_title{
	position: relative;
	bottom: 0!important;
	 
}
.product_list_more{
	position: relative;
		bottom: 0!important;
	color:var(--main-color);
	font-size: var(--font-xs);
}
.product_list_more:after{
	content: ">";
	display: inline-block;
	transform: scale(0.5,1);
}
.product_list_tag{
		margin:10px 0 10px;
	position: relative;
	text-align: center;
	width: 100%;
	height: 2.2em;
	overflow: hidden;
	white-space: nowrap;

}
.product_list_tag span{
	display: inline-block; 
	border-radius: 20px;
	padding:5px 10px;
	border:1px solid var(--main-color);
	margin: 0 5px;
}
.product_list_tag span:hover{
	background: var(--main-color);
	color:#fff;
}

.product_more{
	display: inline-block;
	padding:10px 20px;
	border-radius: 6px;
	border: 2px solid var(--main-color);
	margin:30px auto 50px;
	font-size: var(--font-xs)
}
.product_more:hover{
	background:var(--main-color);
		color:#fff;
	cursor: pointer;
}
.product_more:hover:after{
		content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin:0 10px;
	background: url('../img/arr_d_w.png') center center no-repeat;
		background-size: 100%;
	vertical-align: middle;
}
.product_more:after{
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin:0 10px;
	background: url('../img/arr_d.png') center center no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

.why_choose_list{
	display: flex;
	justify-content: space-between;
}

.why_choose_list li{
	margin:25px 20px;
	font-size: var(--font-m);
	text-align: center;
}
.why_choose_list i{
	display: inline-block;
	width: 1em;
	height: 1em;
	margin:0 10px;
	vertical-align: middle;
	background: url('../img/link.png') center center no-repeat;
	background-size: 100%;
}
.pro_feature li{
	text-align: center;
	height: 220px;
	background: #fafafa;
	margin:15px;
	border-radius: 10px;
	border-left:3px solid #aaa;
	overflow: hidden;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);

}
.pro_feature li:hover{
	background: #E5F5F3;
		border-left:3px solid var(--main-color);
		cursor: pointer;
}
.pro_feature .f_icon{
	
	 width: 80px;
	 height:80px;
	 border-radius: 40px;
	 overflow: hidden;
	 background: #E5F5F3;
	 margin:40px auto;
	 line-height: 80px;
}
.f_icon img{
	display: inline-block;
	text-align: center;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	

}
.pro_feature li:hover .f_icon{
	background: #fff;
}
.pro_feature_title{
	font-size: var(--font-m)
}
.dot{
	margin: 5px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	display: inline-block;
	vertical-align: middle;
	background: var(--main-color);

}
.why_choose_2{
	width: 100%;
	overflow: hidden;
}
.why_choose_2 p{
	margin:15px 15px 15px 0 ;
}

.why_choose_2 h3{
	line-height: 1.3em;
}
.why_choose_2_thumb:after{
	content: '';
	position: absolute;
	width: 200%;
	height: 120%;
	top:-10%;
	left:20%;
	z-index: 0;
	background: var(--main-color)
}

.why_choose_2_thumb {
	position: relative;
	margin:50px 0px 0 90px ;
	z-index: 10;
}

.why_choose_2_thumb img{
	position: relative;
	width: 100%;
	z-index: 10!important;
}
.why_choose_3{

	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	user-select:none;
}
.why_choose_4 li{
	border:1px solid #ddd;
	border-left:4px solid var(--main-color);
	padding:20px 30px;
	margin:15px;
	background: #fff;
	border-radius: 6px;
/*	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);*/
}
.why_choose_4 .dot{
	margin-right: 10px
}

.why_choose_4_list{
	padding: 50px 0;
}
.why_choose_4 p{
	vertical-align: middle;
	display: inline-block;
	width: calc(100% - 40px);
	font-size: var(--font-s);
	color:var(--text-color);
}

.application_thumb{
	cursor: pointer;
	margin:15px;
}
.application_thumb img{
	width: 100%;
}
.application_thumb p{
	position: relative;
	margin:10px 0;
	padding-right:20px;
		font-size: var(--font-xs);
}
.application_thumb p:after{
	content: '';
	position: absolute;
	right:0;
	top:4px;
	width: 1.4em;
	height: 1.4em;
	display: block;
	background: url(../img/toggle_down.png) ;
	background-size: 80%;
	background-repeat: no-repeat;
}
.application_thumb.active p{
	font-weight: bold;
	font-family: 'verdana-bold'

}
.application_thumb.active p:after{
	background-image: url(../img/toggle_up.png);
}
.application_detail{
	margin:0 15px;
}
.application_detail img{
	width: 100%;
}
.application_detail h3{
	margin-bottom: 20px;
}
.consider_list{
	margin:50px 0;
}
.consider_list li{
	min-height: 200px;
	font-size: var(--font-m);
	border:1px solid #ddd;
	border-left:4px solid #ddd;
	padding:20px 30px;
	margin:15px;
	background: #fff;
	border-radius: 6px;
}
.consider_list li:hover{
		border-left:4px solid var(--main-color);
}
.consider_list h6{
	font-size: var(--font-m);
	font-family: 'verdana-bold';
	margin-bottom: 5px;
}


.product_application_content{
	background: #F3F5F6;
	
}
.product_application_content li{
	display: none;
}
 
.product_application_content p{
	color:#666;
}
.current_mark{
	width: 25%;
	height:0;
	position: relative;
	transition: all 0.25s;
}
.current_mark:after{
	position: absolute;
	top:-105px;
	content:'';
	width: 0px;
	height: 0px;
	border:20px solid #F3F5F6;
	border-top:20px solid transparent;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	left:50%;
	margin-left:-10px;
}
.product_nav{
	border-bottom: 1px solid #ddd;
	padding:5px 0 10px;
}
.product_title{
	height: 90px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
 
}
.product_title h1{
	line-height: 90px;
	color:var(--main-color);
	margin:0;
		overflow: hidden;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	
}
.product_title h1 small{
	padding-left:1em;
	color:#333;
	font-size: var(--font-l);
	font-family: 'verdana-bold';
}

.f_icon{
	display: inline-block;
	width: 50px;
	height:50px;
	border-radius: 25px;
	background-color: rgba(19,116,92,0.1);
	background-size: 50%;
	background-position: center center; 
	vertical-align: middle;
	margin:0 15px;
	background-repeat: no-repeat;
}
.i_wifi{
	background-image: url(../img/wifi.png);
	margin-bottom: 5px;
}
.wifi{
	margin-top:10px;
	float:right;
	width: 100px;
	text-align: center;
}

.product_header{
	padding:15px 0;
	display: flex;
	justify-content: space-between;
}


.p_main_img{
	width: calc(100% - 100px);
	margin-left:100px;
	overflow: hidden;
	max-height: 490px;
	overflow: hidden;
	border:1px solid #ddd;
}

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

}
.p_thumb.active{
	border:1px solid var(--main-color);
}

.p_thumb img, .p_main_img img{
	width: 100%;
	height:100%;
	object-fit: cover;
  	flex: 1;
}

.flex{
	display: flex;
}
.p_feature_row{ 
	width: 45%;
	margin:0 2.5%;
}
.p_feature_row li{
	width: 50%; 
	float:left;
	text-align: center;
	margin-bottom: 20px;
}
.p_feature_row li i{
	display: inline-block;
	width: 45px;
	height: 45px;
}
.p_feature_row p{
	height:2.6em;
	line-height: 1.3em;
	overflow: hidden;
	margin-top:0.2em;
}
.p_working_condition_row{
	width: 45%;
	margin:0 2.5%;
	font-size: var(--font-m);
	
}
.p_working_condition_row li{
	border-bottom:1px solid #ddd;
	line-height: 1.4em;
	padding:15px 0;
	width: 100%;
    color:#666;
}
.product_quote{
	background: var(--main-color);
	width: auto;
	color:#fff;
	text-align: center;
	margin-top:15px;
	padding:15px;
	border-radius: 6px;
	cursor: pointer;

}
.product_quote i{
	display: inline-block; height:1.2em;
	width: 1.2em;
	margin:0 5px;
	background: url(../img/q.png);
	background-size: 100%;
	vertical-align: middle;

}
.product_quote:hover{
	 filter: brightness(90%);
	
}


.ralate_product_item{
	width:auto;
	padding-bottom: calc(100% - 30px);
	background-repeat: no-repeat;
	background-size: 100%;
	margin:15px;
	border:1px solid #ddd;

}
.ralate_product{
	text-align: center;
	font-weight: bold;
	font-family: 'verdana-bold';
	padding-bottom: 30px;
}
.product_section{
	padding:30px 30px 0 0;
}
.product_section h2{
	margin-bottom: 0.75em;
}

.product_section img{
	max-width: 100%;
}
body{
	position: relative;
}

.product_section_wray{
	position: sticky;
	top:128px;
	z-index: 10;
}
.product_section_nav li{
display: inline-block;
    margin: 25px 10px;
}
.product_sidebar{
	width: auto;
	background: #fafafa;
	margin-left: 15px;
	padding:30px;
}
.product_sidebar .ralate_product{
	overflow: hidden;
	white-space: nowrap;
	padding-bottom: 10px;
	    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.product_sidebar h4{
	font-size: 26px;
}
.product_sidebar .ralate_product_item{
	margin:10px 15px 10px 0;
	padding-bottom: calc(100% - 15px);
} 
.product_sidebar .ralate_product_item:hover{
	border:1px solid var(--main-color) ;
}
.category_list li{
	padding:10px 0;
border-bottom: 1px solid #ddd;
line-height: 30px;
font-size: var(--font-m)
}
.category_list a:hover li{
	font-weight: bold;
}

.news_single{
	padding:0 15px 0 150px;
	min-height: 500px;
	margin-bottom: 100px;
}
.news_title{
	border-bottom: 1px solid #ddd;
}
.news_single h1{
	margin:1em 0;
	font-size: var(--font-xl)
}
.news_date{
	color:var(--text-color);
	margin:15px 0;
}
.view{
	font-weight: bold;
	margin-left:15px;
}
.news_content{
	position: relative;
	padding:15px 0;

}
.back_list{
	position: sticky;
	top:150px;
	float:left;
	width: 88px;
	height: 88px;
	background: var(--main-color);
	border-radius: 6px;
	color:#fff;
	text-align: center;
	z-index: 1;

}
.back_list p{
	font-size: var(--font-xs);
	margin-top:0!important;
}
.back_list i{
	width: 40px;
	height: 40px;
	margin:10px auto 0;
	display: inline-block;
	background: url(../img/back_list.png) no-repeat center center  ;
	background-size: 50%
}
.paging{
	margin-top:30px;

}

.paging_pre,.paging_next{
	width:140px;
	height:16px;
	line-height: 16px;

	text-align: center;
	background: var(--main-color);
	color:#fff;
	font-size: 16px;
	padding:10px 0;
	cursor: pointer;
	vertical-align:top;

}
 .paging_pre span,.paging_next span{
 	display: inline-block;
 	width: 14px;
	height: 14px;
	background: #fff;
	color:var(--main-color);
	text-align: center;
	border-radius: 8px;
	line-height: 14px;
	margin:0px 10px 0 0;
 }

.paging_pre span:before,.paging_next span:after{
	content: "<";
	color:var(--main-color);
	transform: scale(0.6,1);
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	
	vertical-align: top;



}
.paging_next span:after{
	content: ">";
}


.paging_next{
	float:right;
}

.new_cat_banner{
	background: url(../img/new_bg.jpg) no-repeat center center ;
	background-size:cover; 
}

.sub_nav{
	height: 50px;
	line-height: 50px;
	background: #fff;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
  	position: -webkit-sticky;
  	position: sticky;
	top:128px;
	z-index: 80;
}
.sub_nav li{
	float:left;
	margin-right: 3em;
	font-size: var(--font-s);
}
.sub_nav li.active a{

	color:var(--main-color);
}

.search_nav{
	margin:15px 0;
	height:45px;
	position: relative;
	z-index: 99;
}

.newx_search_box{
	width: 220px;
	height: 45px;
	margin-left:20px;
	float:right;
	position: relative;

}
.newx_search_box input, .newx_search_box select{
	width: 100%;
	height: 100%;
	border:1px solid #ddd;
	padding:5px 15px ;
	box-sizing: border-box;
	color: var(--main-color);
	font-weight: bold;
}
.newx_search_box label{
	margin:0!important;
}

.new_search_btn{
	position: absolute;
	right:20px;
	top:15px;
	border:0;
	background: none;
	cursor: pointer;
	font-weight: bold;
}

.newscat_thumb{
	width: auto;
    height: 0;
    padding-bottom: calc(61% - 30px);
    margin: 0 15px 15px 15px;
    overflow: hidden;
    position: relative;
  	background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.25s;
    background-size: cover;


}
.newscat_thumb:hover{
	background-size: 103%;
	 transition: all 0.25s;
}

.newscat_date{
	font-size: var(--font-s);
	color: var(--text-color);
	margin: 15px 15px;
}

.news_list h4{
	margin:15px 15px;
	line-height: 1.3em;
	height:2.6em;
	font-weight: bold;
		text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.newscat_vmore{
	margin:15px;
	color:var(--main-color);
	font-size: var(--font-s);
}
.news_more{
	width: 300px;
	margin:50px 0;
}


.contact_bg{
	background: url(../img/contact.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.contact_left{
	background: var(--main-color);
	color:#fff;
	padding-bottom: 50px;
}
.contact_icon{
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background:rgba(255,255,255,0.2) ;
	text-align: center;
	line-height: 60px;
	margin:0px 20px 20px 35px ;
	float:left;
}
.contact_icon img{
	vertical-align: middle;
}
.contact_info{
	width: calc(100% - 120px);
	margin-left:115px;
	
}
.contact_left h3{
	margin:0 20px;
	padding:20px 10px 10px 15px;
	font-size: var(--font-xl);
	border-bottom: 1px solid rgba(255,255,255,0.5)
}
.contact_col{
	padding-top:30px;
	padding-bottom: 30px;
}
.contact_info h5{
	font-family: "verdana-bold";
	font-size: var(--font-m)
}
.bold{
	margin:10px 0;
	  font-family: "verdana-bold";
	  font-size: var(--font-xs);
	  opacity: 0.7
}
.contact_col p{
	line-height: 1.6em;
	 font-size: var(--font-xs);
	 width: 80%;
}
.contact_right h3{
	margin:20px 0px 15px;
}
.contact_right{
	margin:50px 0px 50px 50px;
}
.form-control{
	padding-bottom: 15px;
	margin: 0 10px 10px 10px;
	width: auto;
	position: relative;
}
.contact_right input,.form-control textarea{
	display: block;
	box-sizing: content-box;
	border:1px solid #ddd;
	width: calc(100% - 20px);
	height: 30px;
	line-height: 30px;
	padding:5px 10px;
	box-sizing: content-box;
	
}
.form-control textarea{
	height:4.5em;
	line-height: 1.5em;
}
 .form-control select{
	float:right;	
	margin-right: 10px;
	width: 50%;
	padding:15px 20px;
	border:0;
	color:#666;
}
 .form-control label{
 	color: #6d6d6d;
 	margin:5px 10px;
 	line-height: 45px;
 }
 .c_submit{
 	background: var(--main-color);
 	padding:15px 25px;
 	width: 220px;
 	font-weight: bold;
 	color:#fff;
 	display: block;
 	margin: 15px auto;
 	border-radius: 6px;
 	cursor: pointer;
 	border:0;
 	font-size: var(--font-m);
 }

.error_tip{
	position: absolute;
	bottom: 0px;
	left:0;
	color:#f00;
}

.collage_thumb_s{
	position: relative;
	margin-top:30px;
	width: 100%;
	height:0;
	padding-bottom: 60%;
	background-size: cover;
	background-position: center center;
}

.collage_thumb_l{
	position: relative;
	margin-top:30px;
	width: 100%;
	height:0;
	padding-bottom: 120%;
	background-size: cover;
	background-position: center center;
}
.video_thumb{
	position: relative;
}
.video_thumb img,.video_thumb_active img{
	width: 100%;
}

.video_thumb:after{
	content: '';
	display: none;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-20px;
	margin-top:-20px;
	width: 40px;
	height:40px;
	background-image: url(../img/play.png);
	background-size:100%;
	background-position: center center;
	z-index: 99;

}

.video_thumb_active{
	position: relative;
}
.video_thumb_active:after{
	content: '';
	display: block;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-20px;
	margin-top:-20px;
	width: 40px;
	height:40px;
	background-image: url(../img/play.png);
	background-size:100%;
	background-position: center center;
	z-index: 99;

}

.video_thumb:hover{
filter: brightness(90%);
}

.video_thumb:hover:after{
	display: block;
}

.video_wrap:hover .pure-u-1 .col_gap .video_thumb:after{
display: block!important;

}
.video_wrap h5{
	margin:15px;
}
 
.excerpt{

	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 2em;
	margin:15px 0;

}
.excerpt p{
	line-height: 2em;
	margin:0!important;
}
.bg_support{
	background: url(../img/bg_support.jpg) no-repeat center center ;
	background-size:cover; 
}
.collage p{
	font-size: var(--font-s);
	color: var(--text-color);
	margin:10px 0;
}
.collage span{
	color:var(--main-color);
	font-size: var(--font-m);
	margin:5px 0 0;
	display: inline-block;
}
.collage_date{
	margin-top:10px;
	font-size: var(--font-s);

}
.collage h4{
	font-size: var(--font-l);
	margin:10px 0;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.col_gap{
	margin:15px;
}
.col_gap img{
	width: 100%;
}
.flex{
	display: flex;
}

.collage_paging_next{
	background: url(../img/arr_p_next.png) no-repeat;
}
.collage_paging_pre{
	background: url(../img/arr_p_pre.png) no-repeat;
}


.collage_paging_btn{
	margin:0 30px;
	width: 30px;
	height: 30px;
	background-size: 100%;
	border: 1px solid #aaa;
	border-radius: 6px;
	position: relative;
	line-height:30px;
	display: inline-block;
	color: #333;
	cursor: pointer;
	background-position:top center;
	background-size: 100%;
	vertical-align: middle;

}

.collage_paging_btn:hover{
	border:1px solid var(--main-color);
	background-position:bottom center;
		background-size: 100%;
}
.collage_paging{
	line-height: 30px;
	display: inline-block;
	width: 4em;
	height:30px;
	vertical-align: middle;
	
}
.download_tab{
	margin-bottom: 15px;
}
   
.download_tab li{
	display: inline-block;
	min-width: 200px;
	padding:10px 15px;
	font-size: var(--font-m);
	border-radius: 30px;
	margin:0px 30px;
	border:1px solid #ddd;
	cursor: pointer;
	background: #fff;
}

.download_tab li.active{
	font-weight: bold;
	color: var(--main-color);
}

.download_gap{
margin:25px 5px;
}
.download_item{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	padding:30px ;
	background-color:#fff; 
}
.download_item:hover{
	cursor: pointer;

}
.download_detail{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	width: calc(100% - 45px);
	height:40px;
	line-height: 20px;
	padding:15px 30px 15px 15px;
	position: absolute;
	top:50%;
	left:0;
	margin-top:-35px;
	background-image: url(../img/arr_w_d.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) center;
	background-size: 16px;
	background-color: var(--main-color);
	color:#fff;
	font-size: var(--font-s);
	text-align: center;
		display: none;
}
.download_thumb{
	position: relative;
	margin:15px 0;
	width: 100%;
	padding-bottom: 100%;
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.download_item:hover .download_detail{
   display: -webkit-box;
}
.download_item .title{
font-size: var(--font-l);
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    height:1.2em;

font-family: 'verdana-bold';
color:#333;
}
.download_item p{
	color:var(--text-color);
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.download_logo{
	position: relative;
	padding-bottom:20%;
}
.download_logo:before{
	content: "";
	display: block;
	width: 50%;
	padding-bottom: 20%;
	position: absolute;
	left:0;
	background-image: url(../img/logo_d.png);

	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.download_logo:after{
	content: "";
	display: block;
	position: absolute;
	width: 60%;
	left:20%;
	background-color: var(--main-color);
	opacity: 0.1;
	padding-bottom: 20%;
}

.toggle_tab{
	padding:0 40px 0 20px;
	height:50px;
	line-height: 50px;
	background: #333;
	font-size: var(--font-m);
	font-weight: bold;
	color:#fff;
	margin-top:1em;
	cursor: pointer;
	overflow: hidden;
	  text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    position: relative;

}
.toggle_tab:after{
	top:2px;
	content: '';
	position: absolute;
	right:20px;
	width: 20px;
	height:20px;
	margin:15px 10px;
	display: inline-block;
	vertical-align: middle;
	background: url(../img/toggle_down_w.png) no-repeat center center;
	background-size: 100%;
}
.toggle_tab.active:after{
transform: rotate(180deg);

}
.toggle_content{
	padding:15px 30px;
	display: none;
}

.text-middle{
	width: 100%;
	height:100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.text-middle h5{
	display: inline-flex;
	font-weight: bold;
	font-size: var(--font-m);
	font-family: 'verdana-bold'
}

.about_bg{
		background: url(../img/about.jpg) no-repeat center center ;
		background-size:cover; 
}

.profile{
	line-height: 2em;
}


.video_more:hover:after{
		content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin:0 10px;
	background: url('../img/icon_video_w.png') center center no-repeat;
		background-size: 100%;
	vertical-align: middle;
}
.video_more:after{
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin:0 10px;
	background: url('../img/icon_video.png') center center no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

.about_1{
		background-color: #0C8066;
}
.about_2{
	background-color: rgba(12,128,102,0.9)
}
.about1{
	text-align: center;
	max-width: 800px;
	float:right;
	color:#fff;
	padding:30px ;
}
.about2{
	text-align: center;
	max-width: 700px;
	float:left;
	color:#fff;
	padding:30px 50px;
	
}
.about_1 p,.about_2 p{
	margin:30px 0;
	line-height: 1.6em;
}
.whatwedo_list{
	text-align: center;
}
.whatwedo_list li{
	display: inline-block;
	text-align: center;
	margin:15px 15px;
	font-size: var(--font-s);

}
.whatwedo_list li i{
	width: 36px;
	height:36px;
	margin-right: 10px;
	background: url(../img/about_1.png) no-repeat center center;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
}

.whatwedo_list li i.style2{
		background: url(../img/about_2.png) no-repeat center center;
}

.whatwedo_list li i.style3{
		background: url(../img/about_3.png) no-repeat center center;
}

.tour{
	text-align: center;
	padding:50px 15px;
	background: var(--main-color);
	color:#fff;
}
.tour h3{
		font-family: 'verdana-bold';
	font-size: var(--font-l);
	margin-bottom:15px; 
}
.tour h3 small{
	font-size: var(--font-s)
}
.tour p{
	font-size: var(--font-s);
	white-space: nowrap;
		overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.toggle_content img{
	width: 100%
}
.facilities{
	padding-bottom: 30px;
}
.facilities h4{
	margin:20px 0;
}
.facilities p{
	line-height: 1.8em;
	color: var(--text-color)
}
.certification img{
	width: 100%;
}
.certification h2{
	margin: 30px;
}
.certification .col_gap{
	border-bottom: 1px solid #ddd;
}
.certification_title{
	color:var(--main-color);
	font-size: var(--font-s);
	text-align: center;
}





.select_year{
	 display:flex;
  justify-content: center;
  align-items:center;
  flex-wrap:wrap;
}


.select {
  display:flex;
  flex-direction: column;
  position:relative;
  width:100%;
  height:44px;
}

.option {
  padding:0 30px 0 10px;
  min-height:44px;
  display:flex;
  align-items:center;
  background:#fff;
  border-bottom:#ddd solid 1px;
  border-left:#ddd solid 1px;
    border-right:#ddd solid 1px;
  position:absolute;
  top:0;
  width: 100%;
  pointer-events:none;
  order:2;
  z-index:1;
  transition:background .4s ease-in-out;
  box-sizing:border-box;
  overflow:hidden;
  white-space:nowrap;
  
}

.option:hover {
  background:#ddd;
}

.select:focus .option {
  position:relative;
  pointer-events:all;
}

.select input {
  opacity:0;
  position:absolute;
  left:-99999px;
}

.select input:checked + label {
  order: 1;
  z-index:2;
  background:#fff;
  border-top:none;
  position:relative;
  border:1px solid #ddd;
  color:var(--main-color);
  padding-top:5px;
}

.select input:checked + label:after {
  content:'';
  width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ddd;
  position:absolute;
  right:10px;
  top:calc(50% - 2.5px);
  pointer-events:none;
  z-index:3;
}

.select input:checked + label:before {
  position:absolute;
  right:0;
  height: 40px;
  width: 40px;
  content: '';
}
.event_form{
	margin:15px;
}
.event_form input{
	width: calc( 100% - 33px);
	display: block;
	margin: 15px 0;
	border:1px solid #ddd;
	padding:15px;
	box-sizing: content-box;
}

.event_post{
	position: relative;
}
.event_submit{
	width: 60%;
	margin:15px auto;
	font-size: var(--font-xs);
	font-family: 'verdana-bold';
}

.event_detail{
	min-height: 80px;
	width: 300px;
	padding:15px;
	max-width: calc(100% - 30px);

	background-color: rgba(19,116,92,0.8);
	color: #fff;
	position: absolute;
	right:0;
	top:50%;
	margin-top:-40px;
	display: flex;
    flex-direction: column;
	font-size: var(--font-m);
    justify-content: center;


}

.event_detail strong{
	font-family: 'verdana-bold';
	display: inline-block;
}

.pure-u-1 img{
	max-width: 100%;
}

.e_1{
		background-image: url(../img/e_1.png);
}
.e_2{
		background-image: url(../img/e_2.png);
}
.e_3{
		background-image: url(../img/e_3.png);
}
.event_info li {
	display: inline-block;
	width: 240px;
	line-height: 1.6em;
	padding-left:35px;
	position: relative;
	vertical-align: top;
	font-size: var(--font-xs);
	margin:5px 10px 5px 0;
}
.event_info li i{
	position: absolute;
	left:0;
	top:0px;
	background-size: 100%;
	width: 20px;
	height:30px;
	vertical-align: middle;
	background-repeat: no-repeat;
	margin:0 5px;
 
}
.event p{
	color:#666;
	font-size: var(--font-s);
	margin:15px 0;
}
.event{
	margin:0 15px ;
}
.event h4{

	color:var(--main-color);
	font-family: 'verdana-bold';
	margin-bottom: 10px;
}

.date{
color:#aaa;
font-size: var(--font-s);
}

.event_wrap img{
	width: 100%;
}
.single_vents{
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	margin-top:15px;
}



	.block_ui_wrap{
		position: fixed;
		top:0;
		left:0;
		width: 100%;
		height:100%;
		background: rgba(0,0,0,0.9);
		z-index: 99999;
		display: none;
	}
	.quote_wrap{
		position: absolute;
		left:50%;
		top:50%;
		margin-left:-250px;
		margin-top:-250px;
		width: 440px;
		height:440px;
		border-radius: 6px;
		border:4px solid var(--main-color);
		background: #fff;
		padding:30px;
	}
	
	.pop_video_wrap{
		width: 1000px;
		height: 666px;
		margin-left:-500px;
		margin-top:-333px;
		background: none;
		border:none;

	}
	.pop_video_wrap video{
		width: 100%;
	
	}
	.pop_video_wrap .quote_wrap_close {
		margin-right: -30px;
		margin-top:-30px;
	}


	.quote_wrap h4{
		margin:15px 0;
	}
	.quote_wrap .form_control{
		width: auto;
		position: relative;
		padding-bottom: 15px;
	}
		.quote_wrap .form_control div{
			line-height: 15px;
			height: 15px;
			position: absolute;
			left:0;
			bottom: 5px;
			color:#f00;
		}
	.quote_wrap input,.quote_wrap textarea{
		width: calc(100% - 30px);
		padding:15px 15px ;
		background: #f3f3f3;
		border:1px solid #ddd;
		margin-bottom:10px;
	}
	.quote_wrap_close{
		width: 24px;
		height: 24px;
		border:2px solid #ddd;
		line-height: 24px;
		box-sizing: content-box;
		text-align: center;
		color:#ddd;
		float:right;
		border-radius: 20px;
		font-size: 24px;
		transform: rotate(45deg);
		cursor: pointer;

	}
	.tip{
		height: 15px;
		line-height: 15px;
	}
	.quote_submit{
		display: block;
		margin:20px auto 0;
		width: 200px;
		text-align: center;
		padding:15px;
		border-radius: 6px;
		font-size: var(--font-m);
		color:#fff;
		background: var(--main-color);
		cursor: pointer;
		border:0;
	}


	.show{display:block;}

 	.contact_select{
 		z-index: 99999;
 		width: 100%;
 		border:1px solid #ccc;
 		margin-bottom: 0px;
 		height: 45px;
 		position: relative;
 	}

 	.contact_select .form_title{
 		width: 65px;
 		line-height: 45px;
 		color:#555;
 		float:left;
 		padding-left:15px;
 	}

  
	.contact_select .select{
		
		width: 230px;
		float:right;
		position: relative;
		height: 45px;
		margin-right: 1px
	}

	.contact_select label{
		margin:0;
	}
	.contact_select .option{
		background: #f2f2f2;
		height: 45px;
		width: auto;
		line-height: 45px;
		min-height: 45px;
	}
.contact_select .option:hover{

		background: #ddd;
	}
	.contact_select .select input:checked + label {
    order: 1;
    z-index: 2;
    background: #fff;
    height:45px;
    position: relative;
    border: 1px solid transparent;
    color: #666!important;
    	line-height: 45px;
}
.product_cat_nav li{
 display: inline-block;
 float:none;
 padding:0 15px;
}
.product_cat_nav li.active{
	background: var(--main-color);
	
}
.product_cat_nav li.active a{
	color:#fff;
}
.product_taxonomy{
	margin:20px;
	height: 0;
	border:1px solid #666;
	background-size: 90%;
	background-position: center center;
 	padding-bottom: calc(100% - 40px);
 	transition: all 0.5s;
}
.product_taxonomy:hover{
	background-size: 100%;
}
.product_taxonomy_info{
	text-align: left;
	margin:10px 20px;
}
.product_taxonomy_info h4{
	margin:10px 0;
}
.product_taxonomy_info .product_list_title{
	text-align: left;
}
.product_taxonomy_info p{

}

.product_seemore{
	width: 120px;
	border-radius: 20px;
	height: 34px;
	line-height: 34px;
	padding-left:20px;
	text-align: left;
	border:1px solid var(--main-color);
	font-weight: bold;
	margin-top:15px;
}

.product_seemore span{
	margin-top:7px;
	width: 20px;
	height:20px;
	border-radius:10px; 
	background: var(--main-color);
	color:#fff;
	float:right;
	margin-right: 10px;
	display: block;
}
.product_seemore span:after{
	content: '>';
	line-height: 20px;
	text-align: center;
	display: block;
	margin:0px auto;
	transform: scale(0.8, 1);
}
.product_seemore:hover{
	background: var(--main-color);
	color:#fff;
}
.product_seemore:hover span{
	background: #fff;
}
.product_seemore:hover span:after{
	color:var(--main-color);
}

.product_learnmore{
	cursor: pointer;
	margin:50px auto;
	width: 110px;
	line-height: 20px;
	font-weight: bold;
	height: 30px;
	color:var(--main-color);
	border-bottom: 2px solid var(--main-color);
	text-align: left;
	font-family: 'verdana-bold';
}

.product_learnmore span{
	margin-top:0px;
	width: 20px;
	height:20px;
	border-radius:10px; 
	background: var(--main-color);
	color:#fff;
	float:right;
	margin-right: 0px;
	display: block;
}
.product_learnmore span:after{
	content: '>';
	line-height: 20px;
	text-align: center;
	display: block;
	margin:0px auto;
	transform: scale(1, 0.5) rotate( 90deg );
}

.search_banner{
	padding: 50px 0 65px;
    background: #F3F4F8;
}
.search_banner .tips{
	font-size: var(--font-m)
}

.search_sidebar_nav{
	margin-right: 30px;
}
.search_sidebar_nav li{
    height: 60px;
    line-height: 60px;
    width: calc(100% - 30px);
    padding: 0 15px;
    position: relative;
    font-size: var(--font-s);
    border-bottom: 1px solid #ccc;

    margin-top:-1px;
}
.search_sidebar_nav li.active{
	color:var(--main-color);
}
.search_product_box{
	bottom: 10px!important;
}

.download_swiper a{
	width: 100%;
}

.swiper-pagination-fraction{
	bottom: 8px!important;
}
.swiper-pagination-fraction span{

	font-size: var(--font-m);
	

	height: 30px;

	display: inline-block;
	text-align: center;
	line-height: 30px;

}
.download_swiper{
	padding-bottom: 50px!important;
}

.download_swiper .swiper-button-next, .download_swiper  .swiper-button-prev{
	position: relative;
	display:flex;
	width: 30px;
	height: 30px;
	color:#666;
	border: 1px solid #ddd;
	border-radius: 6px;
		margin-top:10px;
	
}
.download_swiper  .swiper-button-next:after, .download_swiper  .swiper-button-prev:after{
	color:#666;
	font-size: 16px;
	line-height: 50px;
	display: inline-block;
	vertical-align: middle;

}
.flex_center{
	display: flex;
	justify-content: center;

}
.download_swiper  .swiper-pagination-fraction{
	width: 100px;
	margin-top:20px;
	height: 50px;
	text-align: center;
}
.download_swiper  .swiper-pagination{
	position: relative;
}

.download_swiper  .swiper-button-prev, .download_swiper  .swiper-button-next{
	left:0;
	right: 0;
	margin:10px;
}



.show_xs{
	display: none!important;
}


.prodnpumps_wrap{
	width: 100%;
	height: 1px;
	position: fixed;
	top:0;
}
.prodnpumps_title{
	text-indent: -1999px;
}
.form_contorl{
	position: relative;
}
.tab_img_bg{
	background-position: center center;
	background-size: 100%;
}
.tab_img_bg:hover{
	background-size: 110%;
	overflow: hidden;
}
.model_tag{
	margin:15px 15px 0px 0 ;
	padding:10px 20px;
	border:1px solid var(--main-color);
	border-radius: 20px;
	display: inline-block;
}