@charset "utf-8";
/* CSS Document */



@media screen and ( max-width:1800px ){ 
	
	/*****common*****/
	/*.w1700 { width: 1440px; }
	
	.commonbox_l { width: 300px; }
	.commonbox_l_title h3,
	.commonbox_l_list ul li > div > a { padding: 20px 24px; }
	.commonbox_r { width: 1060px; }*/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	/*.footer_right ul li { padding: 0 24px; }*/
	
	
	/*****index*****/
	/*.index_one_list ul li a { margin: 0 36px; }*/
	
	
	/*products*/
	/*.products_top { padding-left: 140px; }
	.products_list ul { margin: 0 -12px; }
	.products_list ul li > div { margin: 0 12px 44px; }
	.products_details_l .commbanner .slide { width: 95px!important; }*/
	
	
	/*register*/
	/*.register_con .form_input, .register_con .form_select { width: 60%; }*/
	
	
	
}



@media screen and ( max-width:1660px ){ 	
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:1560px ){ 	
	
	/*****common*****/
	.w1440, .w1700 { width: 1200px; }
	
	.commonbox_r { width: 820px; }
	
	.commonlist_txt1 { max-width: 300px; }
	.commonlist_txt1 a { font-size: 36px; }
	
	
	/*****header*****/
	
	
	/*****footer*****/
	.footer_left ul { margin-right: 80px; }
	.footer_left ul li:nth-child(n+2) > div { padding-left: 44px; }
	.footer_right ul li { padding: 0 14px; }
	
	
	/*****index*****/
	.index_one_list ul li a { margin: 0 20px; height: 54px; }
	.index_three_txt > div { padding-left: 66px; }
	.index_four_img { width: 300px; }
	.index_four_txt > div { padding-left: 20px; }
	.index_four_txt > div span { margin-bottom: 16px; }
	.index_four_txt > div h4 { font-size: 18px; margin-bottom: 16px; }
	.index_four_txt > div p { font-size: 16px; margin-bottom: 16px; -webkit-line-clamp: 2; }
	
	
	/*products*/
	.products_classify .commonlist_txt1 { width: 300px; }
	.products_classify_bottom_txt { width: 300px; font-size: 36px; }
	.products_details_l .commbanner .slide { width: 100px!important; }
	.products_details_r > div { padding-left: 24px; }
	.products_details_video { height: 450px; }
	
	
	/*capabilities*/
	.capabilities_txt > div { padding-left: 30px; }
	.capabilities_list ul li:nth-child(even) .capabilities_txt > div { padding-right: 30px; }
	.capabilities_txt h4 { font-size: 24px; margin-bottom: 16px; }
	.capabilities_txt p { font-size: 16px; margin-bottom: 16px; height: 100px; overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	
	
	/*new*/
	.new_top h3 { margin-bottom: 44px; }
	.new_list ul li { padding-bottom: 44px; margin-bottom: 44px; }
	
	
	/*products*/
	.products_top { padding-left: 100px; }
	/*.products_top_compare { float: none; margin-bottom: 4px; }
	.products_top_select { float: none; }*/
	
	
	
}



@media screen and ( max-width:1460px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:1380px ){ 
	
	/*****common*****/
	.w1136, .w1170, .w1200, .w1280, .w1366, .w1440, .w1700 { width: 1024px; }
	
	.crumbs { padding: 16px; }
	.crumbs a, .crumbs a i { font-size: 16px; }
	
	.commonbox { padding: 30px 0 66px 16px; }
	.commonbox_l { width: 250px; }
	.commonbox_l_title h3 { font-size: 16px; }
	.commonbox_l_list ul li > div > a { font-size: 14px; }
	.commonbox_l_title h3 { padding: 16px 20px; margin-bottom: 10px; }
	.commonbox_l_list ul li > div > div a { font-size: 14px; padding: 16px 20px; }
	.commonbox_l_list ul li > div > a { padding: 16px 20px; }
	.commonbox_r { width: 726px; }
	
	.commboxpa1 { padding: 80px 0 120px; }
	.commboxma1 { margin: 80px auto 120px; }
	.commboxpa2 { padding-top: 80px; }
	.commboxma2 { margin-top: 80px; }
	.commboxpa3 { padding-bottom: 160px; }
	.commboxma3 { margin-bottom: 160px; }
	
	
	/*****header*****/
	
	
	/*****footer*****/
	.footer_box > div h3 { margin-bottom: 30px; }
	.footer_left ul li > div h4 { font-size: 16px; }
	.footer_left ul { margin-right: 54px; }
	.footer_left ul li:nth-child(n+2) > div { padding-left: 30px; }
	.footer_right ul li { padding: 0 14px; }
	
	
	/*****index*****/
	
	
	/*products*/
	.products_top_compare { float: none; margin-bottom: 4px; }
	.products_top_select { float: none; }
	.products_top_select .form_select { width: 136px; }
	.products_top_select .form_row:last-child { margin-left: 24px; }
	
	.products_details_l .commbanner .slide { width: 87px!important; }
	.products_details_video { height: 400px; }
	
	
	
}



@media screen and ( max-width:1300px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:1200px ){ 
	
	/*****common*****/
	.w1136, .w1170, .w1200, .w1280, .w1366, .w1440, .w1700 { width: 960px; }
	
	.commonlist_txt { padding: 24px 0; }
	.commonlist_txt1 { max-width: 220px; }
	.commonlist_txt1 a { font-size: 24px; }
	.commonlist_txt2 span { font-size: 16px; }
	
	
	/*****header*****/
	.header_top > div { padding: 20px 0; }
	.header_nav > div > ul > li > div > a { padding: 20px; }
	.header_nav > div > ul > li > div > i { right: 4px; }
	
	
	/*****footer*****/
	.commonbox_r { width: 670px; }
	
	
	/*****index*****/
	
	
	/*products*/
	.products_classify .commonlist_txt1 { width: 220px; }
	.products_classify_bottom { padding-top: 24px; }
	.products_classify_bottom_txt { width: 220px; font-size: 24px; }
	
	.products_details_l .commbanner .slide { width: 80px!important; }
	
	
	/*new*/
	.new_top h3 { font-size: 24px; }
	.new_list ul li a { font-size: 24px; margin-bottom: 20px; }

	
	
}


@media screen and (min-width: 997px) and (max-width: 1920px) {
	
  .commonbox_l_list { display: block!important;  }
	
}
@media screen and ( max-width:996px ){ 
	
	/*****common*****/
	.w960, .w1136, .w1170, .w1200, .w1280, .w1366, .w1440, .w1700 { width: 94%; }
	
	.commonbox { padding: 24px 0 44px; }
	.commonbox_l { float: none; width: 100%; margin-bottom: 24px; } 
	.commonbox_l_title { position: relative; }
	.commonbox_l_title:before { content: "\e713"; font-family: "iconfont"!important; font-size: 20px; color: #fff; position: absolute; top: 50%; right: 20px; line-height: 1em; display: block; margin-top: -10px; }
	.commonbox_l_list { display: none; }
	.commonbox_r { float: none; width: 100%; } 
	
	.commbanner .bx-pager { bottom: 24px; }
	.commbanner .bx-pager > div a { width: 12px; height: 12px; }
	.commbanner .bx-wrapper .bx-prev { left: 20px; }
	.commbanner .bx-wrapper .bx-next { right: 20px; }
	.commbanner .bx-wrapper .bx-controls-direction a,
	.commbanner .bx-wrapper .bx-controls-direction a:hover {
		-webkit-transform: scale(0.7); 
		-moz-transform: scale(0.7); 
		-ms-transform: scale(0.7); 
		-o-transform: scale(0.7); 
		transform: scale(0.7);
	} 
	
	.commboxpa1 { padding: 66px 0 80px; }
	.commboxma1 { margin: 66px auto 80px; }
	.commboxpa2 { padding-top: 66px; }
	.commboxma2 { margin-top: 66px; }
	.commboxpa3 { padding-bottom: 80px; }
	.commboxma3 { margin-bottom: 80px; }
	
	#page a { font-size: 14px; line-height: 30px; padding: 0 11px; margin: 0 2px; }
	#page a.prev:after, #page a.prev:before, #page a.next:after, #page a.next:before { font-size: 14px; font-weight: normal; }
	#page a.next { padding: 0px 8px; margin-left: 10px; }
	#page a.next1 { margin-left: 2px; padding: 0 6px; }
	#page a.prev { padding: 0 8px; margin-right: 10px; }
	#page a.prev1 { margin-right: 2px; padding: 0 6px; }
	
	
	/*****header*****/
	.header_sign a { font-size: 14px; }
	.header_language dl { height: 14px; line-height: 14px; }
	.header_language dt { font-size: 14px; }
	.header_language dd a { font-size: 14px; }
	.header_nav > div > ul > li > div > a { padding: 20px 16px; font-size: 14px; }
	.header_nav > div > ul > li > div > i { right: 2px; }
	.header_subnav ul li a { font-size: 14px; }
	
	
	/*****footer*****/
	.footer_box { padding: 44px 0; }
	.footer_box > div h3 { margin-bottom: 24px; }
	.footer_box > div { float: none; width: 100%; }
	.footer_left { margin-bottom: 30px; }
	.footer_left ul { margin: 0; }
	.footer_right ul li a,
	.footer_left ul li > div > div span { font-size: 16px; }
	
	
	/*****index*****/
	.index_row { padding: 44px 0; }
	
	.index_one_list ul li a { margin-bottom: 10px; }
	.index_one_title { margin-bottom: 30px; }
	.index_one_title span { font-size: 16px; }
	
	.index_two h3 { font-size: 44px; }
	.index_two p { font-size: 16px; margin-top: 30px; }
	
	.index_three_txt > div { padding-left: 24px; }
	.index_three_txt h3 { font-size: 44px; width: 100%; }
	.index_three_video video { height: 400px!important; }
	.index_three_txt { height: 400px; }
	
	.index_four h3 { margin-bottom: 24px; }
	.index_four ul { margin: 0 -8px; }
	.index_four ul li > div > div { display: block; }
	.index_four_img { width: 100%; }
	.index_four_txt > div { padding: 20px 0 0; }
	.index_four ul li > div { padding: 0 8px; }
	
	.index_five .index_row_box { padding: 44px; }
	.index_five h3 { margin-bottom: 24px; }
	
	
	/*new*/
	.new_top h3 { margin-bottom: 36px; }
	.new_list ul li { padding-bottom: 36px; margin-bottom: 36px; }
	
	
	
}  


@media screen and (min-width: 768px) and (max-width: 1920px) {
	
  .header_subnav { display: block!important;  }
	
}
@media screen and ( max-width:767px ){ 
	
	/*****common*****/
	html.htmloverflow { overflow: hidden; position: fixed; width: 100%; height: 100%; }
	
	.crumbs { margin-top: 16px; }
	
	.commbanner .bx-wrapper .bx-controls-direction a { display: none; }
	
	.commboxpa1 { padding: 36px 0 54px; }
	.commboxma1 { margin: 36px auto 54px; }
	.commboxpa2 { padding-top: 36px; }
	.commboxma2 { margin-top: 36px; }
	.commboxpa3 { padding-bottom: 54px; }
	.commboxma3 { margin-bottom: 54px; }
	
	
	/*****header*****/
	.header_phone_more { display: block; position: absolute; top: 0; left: 0; }
	.header_phone_close { position: absolute; top: 0; left: 0; }
	.header_phone_more i,
	.header_phone_close i { width: 54px; text-align: center; line-height: 54px; display: block; }
	.header_nav { position: fixed; top: 54px; left: -1000px; bottom: 0; z-index: 999;
		-webkit-transition: all .3s ease; 
		-moz-transition: all .3s ease; 
		-ms-transition: all .3s ease; 
		-o-transition: all .3s ease; 
		transition: all .3s ease; 
	}
	.header_nav.active { left: 0;
		-webkit-transition: all .3s ease; 
		-moz-transition: all .3s ease; 
		-ms-transition: all .3s ease; 
		-o-transition: all .3s ease; 
		transition: all .3s ease; 
	}
	.header_nav:after {
		-webkit-transition: all .3s ease; 
		-moz-transition: all .3s ease; 
		-ms-transition: all .3s ease; 
		-o-transition: all .3s ease; 
		transition: all .3s ease; 
	}
	.header_nav.active:after { content: ""; display: block; position: fixed; top: 54px; right: 0; bottom: 0; left: 0; z-index: -1; background-color: rgba(0,0,0,.6);
		-webkit-transition: all .3s ease; 
		-moz-transition: all .3s ease; 
		-ms-transition: all .3s ease; 
		-o-transition: all .3s ease; 
		transition: all .3s ease; 
	}
	.header_nav > div { width: 320px; height: 100%; background-color: #fff; position: relative; z-index: 9; overflow-y: auto; }
	.header_nav > div > ul { display: block; padding: 20px 0; }
	.header_nav > div > ul > li { float: none; }
	.header_nav > div > ul > li:hover > div > a { color: #2f3032; }
	.header_nav > div > ul > li > div > i { width: 54px; text-align: center; line-height: 54px; display: block; top: 0; right: 0; margin: 0; }
	.header_nav > div > ul > li:hover > div > i { color: #2f3032;
		-webkit-transform: rotate(0deg); 
		-moz-transform: rotate(0deg); 
		-ms-transform: rotate(0deg); 
		-o-transform: rotate(0deg); 
		transform: rotate(0deg); 
	}
	.header_nav > div > ul > li > div > i.active { color: #dd0033;
		-webkit-transform: rotate(180deg); 
		-moz-transform: rotate(180deg); 
		-ms-transform: rotate(180deg); 
		-o-transform: rotate(180deg); 
		transform: rotate(180deg); 
	}
	.header_subnav { position: static; opacity: 1; filter: alpha(opacity=100); visibility: visible; background-color: #f4f5f6; display: none;
		-webkit-transform: scale(1); 
		-moz-transform: scale(1); 
		-ms-transform: scale(1); 
		-o-transform: scale(1); 
		transform: scale(1);
		-webkit-transition: all 0s ease; 
		-moz-transition: all 0s ease; 
		-ms-transition: all 0s ease; 
		-o-transition: all 0s ease; 
		transition: all 0s ease;
		
	}
	.header_subnav ul { padding: 14px 0; }
	.header_subnav ul li a { text-align: center; padding: 14px 16px; }
	
	
	/*****footer*****/
	
	
	/*****index*****/
	.index_banner.commbanner .bx-wrapper .bx-controls-direction a { opacity: 1; filter: alpha(opacity=100); visibility: visible; }
	
	
	/*capabilities*/
	.capabilities_list ul li > div { padding: 0!important; }
	.capabilities_txt { display: block; position: static; }
	.capabilities_txt > div { display: block; padding: 14px 0 0!important; }
	.capabilities_txt p { -webkit-box-orient: inherit; height: auto; }
	.capabilities_txt h4 { margin-bottom: 10px; }
	
	
	/*sign*/
	.sign form > div { float: none; width: 100%; }
	.sign_con_l { margin-bottom: 14px; }
	.sign form > div > div { padding: 0 16px; }
	
	
	/*products*/
	.products_top { margin-bottom: 20px; }
	.products_list ul { margin: 0 -8px; }
	.products_list ul li > div { margin: 0 8px 36px; }
	.products_list.active ul li > div { margin-bottom: 20px; }
	.products_list.active .products_list_img a { width: 200px; }
	
	.products_details_con { margin-bottom: 36px; }
	.products_details_video { height: 350px; }
	
	.products_details_r > div h4 span { padding: 0; }
	
	
	
}



@media screen and ( max-width:700px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:640px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:580px ){ 
	
	/*****common*****/
	.commonlist_txt > div { display: block; }
	.commonlist_txt1 { max-width: inherit; width: 100%!important; padding: 0 0 12px 0; text-align: left; }
	
	
	/*****header*****/
	
	
	/*****footer*****/
	.footer_left {}
	.footer_left ul li { width: 100%; float: none; margin-bottom: 16px; }
	.footer_left ul li:nth-child(n+2) > div { padding: 0; }
	.footer_left ul li > div > div { width: 100%; }
	.footer_left ul li > div h4 { margin-bottom: 10px; }
	.footer_right ul li a,
	.footer_left ul li > div > div span { font-size: 14px; }
	.footer_left ul li > div > div { margin-bottom: 10px; }
	.footer_right .button_btn { margin-bottom: 30px; }
	
	
	/*****index*****/
	.index_one_title h3 { font-size: 30px; }
	.index_one_list ul li { float: none; display: inline-block; vertical-align: top; }
	.index_two h3 { font-size: 36px; }
	.index_two p { margin-top: 20px; }
	.index_three_txt h3 { font-size: 36px; }
	.index_three .index_row_box > div { float: none; width: 100%; }
	.index_three_video video { height: 300px!important; }
	.index_three_txt { height: auto; display: block; }
	.index_three_txt > div { height: auto; display: block; padding: 16px 0 0; }
	.index_three_txt p { font-size: 16px; }
	.index_four ul { margin: 0 -2px; }
	.index_four ul li > div { padding: 0 2px; }
	.index_four_txt > div h4 { font-size: 16px; }
	.index_five .index_row_box { padding: 30px 20px; }
	.index_five p { font-size: 16px; }
	
	
	/*products*/
	.products_classify_bottom_txt { width: 100%; padding: 0 0 14px 0; text-align: left; }
	.products_classify_bottom > a { float: none; }
	
	.products_top_select .form_row:last-child { margin: 4px 0 0; }
	.products_top_select label { width: 56px; font-size: 14px; }
	 
	.products_list ul { margin: 0 -3px; }
	.products_list ul li { width: 50%; }
	.products_list ul li > div { margin: 0 3px 30px; }
	.products_list_txt a { font-size: 14px; }
	.products_list.active .products_list_img a { width: 160px; }
	.products_list.active .products_list_txt a { padding-left: 20px; }
	
	.products_details_video { height: 300px; }
	.products_details_l { float: none; width: 100%; }
	.products_details_r { float: none; width: 100%; }
	.products_details_r > div { padding: 24px 0 0; }
	
	
	/*register*/
	.register_con .form_row label { float: none; width: 100%; margin: 0 0 10px; text-align: left; font-size: 14px; line-height: 1em; }
	.register_con .form_input, .register_con .form_select { float: none; width: auto; }
	.register_btn { padding-top: 10px; text-align: left; }
	.register_btn .form_choice { display: block; }
	
	
	
}



@media screen and ( max-width:500px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:480px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	/*products*/
	.products_details_video { height: 240px; }
	
	
	
}



@media screen and ( max-width:400px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:360px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}