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



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



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



@media screen and ( max-width:1560px ){ 	
	
	/*****common*****/
	.w1440 { width: 1200px; }
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



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



@media screen and ( max-width:1380px ){ 
	
	/*****common*****/
	.w1136, .w1170, .w1200, .w1440 { width: 1024px; }
	
	.commboxpa1 { padding: 80px auto 120px; }
	.commboxma1 { margin: 80px auto 120px; }
	.commboxpa2 { padding-top: 80px; }
	.commboxma2 { margin-top: 80px; }
	.commboxpa3 { padding-bottom: 160px; }
	.commboxma3 { margin-bottom: 160px; }
	
	
	/*****header*****/
	.header_other { margin-left: 54px; }
	.header_nav > ul > li > div { margin-right: 54px; }
	
	
	/*****footer*****/
	.footer_nav1 ul li a { line-height: 20px; font-size: 16px; }
	.footer_nav1 ul li:after { height: 100%; top: 0; margin: 0; }
	.footer_share a { width: 20px; height: 20px; }
	
	
	/*****index*****/
	.index_title > span { font-size: 30px; }
	.index_title > p, .index_title > p span { font-size: 24px; }
	
	.index_video_txt > div h3 { font-size: 26px; }
	.index_video_txt > div span { font-size: 20px; }
	.index_video_txt > div p { font-size: 15px; padding-top: 14px; }
	
	.index_one { padding: 66px 0; }
	.index_one .index_title:after, .index_one .index_title:before { width: 50%; z-index: -1; }
	.index_one_box p { font-size: 16px; /*padding-top: 24px;*/ }
	.index_one_box p b { font-size: 16px; }
	.index_one_box span { font-size: 16px; line-height: 1.3em; /*padding-top: 24px;*/ }
	
	.index_two_txt h3, .index_two_txt h3 span { font-size: 30px; }
	.index_two_txt h3 { margin-bottom: 30px; }
	.index_two_txt p { font-size: 16px; margin-bottom: 44px; }
	.index_two_txt { margin: 0; left: 30px; }
	.index_two_con2 .index_two_txt { left: auto; right: 30px; }
	.index_two_img { height: 600px; }
	
	.index_three { padding: 66px 0; }
	.index_three_box ul { margin: 44px -15px 0; }
	.index_three_box ul li > div { padding: 0 15px; }
	
	.index_five { padding: 66px 0; }
	.index_five_txt h3 { font-size: 30px; }
	.index_five_txt p { font-size: 16px; }
	
	.index_six_txt { margin-left: -512px; }
	.index_six_txt h3 { font-size: 30px; }
	.index_six_txt p { font-size: 16px; }
	
	.index_eight { padding: 66px 0; }
	.index_eight_logo { height: 80px; }
	.index_eight_box h3 { font-size: 30px; margin: 16px 0 24px; }
	.index_eight_box p { font-size: 16px; }
	
	
	/*****about*****/
	.about_one { padding: 80px 0; }
	.about_one_txt { width: 50%; }
	.about_one_img { width: 50%; }
	.about_one_txt span { font-size: 24px; margin: 30px 0; }
	.about_one_txt p { font-size: 30px; }
	
	.about_two_txt > div { padding-left: 36px; }
	.about_two_txt p { font-size: 16px; line-height: 1.6em; }
	.about_two_txt span { margin-top: 30px; }
	.about_two_txt h3 { font-size: 30px; margin-bottom: 10px; }
	.about_two_txt, .about_two_img { width: 50%; }
	
	.about_three_box { padding: 80px 0; }
	.about_three_txt h3 { font-size: 30px; margin-bottom: 36px; }
	.about_three_txt p { font-size: 16px; line-height: 1.6em; }
	
	.about_four_txt h3 { font-size: 30px; }
	.about_four_txt p { font-size: 16px; line-height: 1.6em; }
	.about_four_txt, .about_four_img { width: 50%; }
	
	.about_five_txt h3 { font-size: 30px; }
	.about_five_txt p { font-size: 16px; line-height: 1.6em; }
	.about_five:after, .about_five:before { height: 134px; }
	
	
	/*account*/
	.account_right { width: 770px; }
	
	
	
}



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



@media screen and ( max-width:1200px ){ 
	
	/*****common*****/
	.w1136, .w1170, .w1200, .w1440 { width: 960px; }
	
	
	/*****header*****/
	.header_box, .header.header_fixed .header_box { padding: 10px 0; }
	.header .header_right, 
	.header .header_logo a, 
	.header .header_logo img,
	.header.header_fixed .header_right, 
	.header.header_fixed .header_logo a, 
	.header.header_fixed .header_logo img { height: 72px; }
	.header_nav > ul > li > div { margin-right: 44px; }
	.header_nav > ul > li > div > a { font-size: 16px; }
	.header_other { margin-left: 44px; }
	.header_login a { font-size: 14px; }
	/*.language a { margin-left: 16px; }*/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	.index_six_txt { margin-left: -480px; }
	
	
	/*****faq*****/
	.faq_menu { padding: 16px 0; }
	.faq_menu ul { padding: 4px 0; display: flex; flex-direction: row; overflow-x: auto; overflow-y: hidden; }
	.faq_menu ul li { flex-shrink: 0; }
	
	
	/*****supplier*****/
	/*.supplier_top { height: 320px; }
	.supplier_top_txt span { font-size: 16px; width: 100%; margin: 0 auto; }*/
	.supplier_form { margin: 44px auto 80px; }
	.supplier_form h3 { font-size: 20px; padding: 30px 0; }
	.supplier_form_btn { padding: 44px 0; }
	
	
	/*account*/
	.account_right { width: 700px; }
	
	
	/*Join*/
	.Join_info_box { padding: 44px 0; }
	.Join_info_txt h3 { font-size: 30px; margin-bottom: 16px; }
	.Join_info_txt p { font-size: 16px; line-height: 1.6em; }
	.Join_info_row:nth-child(3) h3 { font-size: 24px; margin-bottom: 24px; }
	.Join_info_row:nth-child(3) h3:after { height: 2px; }
	.Join_info_row:nth-child(3) .Join_info_txt ul li > div { margin-bottom: 24px; }
	.Join_info_row:nth-child(3) .Join_info_txt ul li > div p { font-size: 16px; padding-left: 22px; line-height: 1.6em; }
	.Join_info_row:nth-child(3) .Join_info_txt ul li > div p span { font-size: 16px; line-height: 1.6em; }
	.Join_info_row:nth-child(3) .Join_info_txt ul li > div p:before { width: 16px; height: 16px; }
	.Join_info_row:nth-child(3) .Join_info_img { width: 120%; bottom: -180px; }
	
	.Join_form { padding-top: 0; }
	
	
	/*about*/
	.about_one:after { top: -96px; }

	
	
}




@media screen and (min-width: 997px) and (max-width: 1920px) {
	
    .account_left ul,
    .header_subnav { display: block!important; }
	.index_video_main { height: auto; }
	.index_video_main video { display: block; }
	
}
@media screen and ( max-width:996px ){ 
	
	/*****common*****/
	.w960, .w1136, .w1170, .w1200, .w1440 { width: 92%; }
	
	.gotop { right: 20px; bottom: 20px; }
	
	.commboxpa1 { padding: 66px auto 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_phone_more, .header_phone_close.active { display: block; }
	.header_phone_more { position: absolute; top: 12px; right: 2%; z-index: 9; }
	.header_phone_more i { font-size: 20px; width: 54px; height: 54px; line-height: 54px; text-align: center; display: block; }
	.header_phone_close { position: fixed; top: 12px; right: 12px; z-index: 1000; }
	.header_phone_close i { color: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 24px; display: block; }
	.header_right_d { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: rgba(0,0,0,.6); opacity: 0; filter: alpha(opacity=0); visibility: hidden;
		-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_right_d.active { opacity: 1; filter: alpha(opacity=100); visibility: visible;
		-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_right_d:before { content: ""; width: 320px; display: block; position: absolute; top: 0; left: 0; bottom: 0; background-color: #fff; }
	
	.header_login { position: absolute; top: 0; left: 0; width: 320px; height: 54px; }
	.header_login a { width: 100%; height: 100%; padding: 0; text-align: center; line-height: 54px; font-size: 16px; }
	.header_login a:before { content: "\e714"; font-family: "iconfont"!important; font-size: 18px; margin-right: 10px; vertical-align: middle; }
	
	.header_nav { position: absolute; top: 54px; left: 0; bottom: 0; z-index: 9; width: 320px; padding: 16px 0; }
	.header_nav > ul { height: 100%; overflow-y: auto; }
	.header_nav > ul > li { float: none; display: block; }
	.header_nav > ul > li > div { padding-right: 0; margin: 0; position: relative; }
	.header_nav > ul > li > div > a { line-height: 50px; display: block; padding-left: 20px; margin-right: 50px; }
	.header_nav > ul > li > div > i { position: absolute; top: 0; right: 0; z-index: 9; width: 50px; height: 50px; line-height: 50px; text-align: center; 
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.header_subnav { background-color: #f4f5f6; opacity: 1; filter: alpha(opacity=100); visibility: visible; zoom: 1; position: static; display: none;
		-webkit-transition: all 0s ease!important; 
		-moz-transition: all 0s ease!important; 
		-ms-transition: all 0s ease!important; 
		-o-transition: all 0s ease!important; 
		transition: all 0s ease!important;
	}
	.header_subnav ul li a { padding: 12px 24px; }
	
	.header .header_right, .header .header_logo a, .header .header_logo img, .header.header_fixed .header_right, .header.header_fixed .header_logo a, .header.header_fixed .header_logo img { height: 54px; }
	
	/*.language { top: 50%; right: 66px; margin-top: -12px; width: 96px; }
	.language a { font-size: 12px; width: 24px; line-height: 24px; margin-left: 12px; }
	.language a:first-child { margin-left: 0; }*/
	.language { top: 50%; right: 54px; margin-top: -8px; }
	
	
	/*****footer*****/
	.footer_nav1 ul li a { line-height: 1em; }
	.footer_share { position: static; padding: 20px 0; }
	.footer_share a { float: none; display: inline-block; margin: 0 6px; }
	
	.footer_logo { height: 54px; }
	.footer_logo img { height: 100%; }
	
	
	/*****index*****/
	.index_video_txt { left: 0; bottom: 0; width: 100%!important; 
		-webkit-transform: translate(0%,0%); 
		-moz-transform: translate(0%,0%); 
		-ms-transform: translate(0%,0%); 
		transform: translate(0%,0%);
	}
	.index_video_txt > div:before, .index_video_txt > div:after { display: none; }
	.index_video_txt > div { width: auto; padding: 6px 12px; }
	.index_video_txt > div p { font-size: 14px; padding-top: 2px; }
	.index_video_txt > div h3 { font-size: 18px; }
	.index_video_txt > div span { font-size: 14px; }
	.index_six_txt { left: 4%; margin: 0 auto!important; }
	
	.index_video_main.active { height: 300px; }
	.index_video_main.active video { display: none!important; }
	
	
	/*****supplier*****/
	/*.supplier_top_txt { width: 60%; }*/
	.supplier_form_txt { padding: 10px 0; }
	.supplier_form { width: 90%; }
	.supplier_form h3 { padding: 10px 0; }
	.supplier_form .form_input { height: 54px; }
	
	
	/*about*/
	.about_one { padding: 36px 0; }
	.about_one:after { top: -78px; }
	.about_one:before { display: none; }
	.about_one_txt p { font-size: 24px; color: #14436d; }
	.about_one_txt span { font-size: 16px; margin: 24px 0; }
	.about_one_txt, .about_one_img { width: 100%; text-align: center; position: relative; z-index: 9; }
	.about_one_img img { width: 550px; margin: 10px auto 0; }
	
	.about_two_txt { padding: 30px 0; }
	.about_two_txt h3 { /*font-size: 24px;*/ }
	.about_two_txt > div { position: static; 
		-webkit-transform: translate(0%,0%); 
		-moz-transform: translate(0%,0%); 
		-ms-transform: translate(0%,0%); 
		transform: translate(0%,0%);
	}
	
	.about_three_txt h3 { /*font-size: 24px;*/ margin-bottom: 24px; }
	
	.about_four_txt { position: static; padding: 30px 0;
		-webkit-transform: translate(0%,0%); 
		-moz-transform: translate(0%,0%); 
		-ms-transform: translate(0%,0%); 
		transform: translate(0%,0%);
	}
	.about_four_img { margin-right: 0; }
	
	.about_five_box { padding: 80px 0; }
	.about_five_txt h3 { /*font-size: 24px;*/ margin-bottom: 24px; }
	.about_five:after, .about_five:before { display: none; }
	
	
	/*account*/
	.account { margin-bottom: 80px; }
	.account_left { float: none; width: 100%; margin-bottom: 16px; }
	.account_left_title h3 { margin: 0; text-align: right; padding: 12px 16px; position: relative; font-weight: 700; }
	.account_left_title h3:before { content: "\e734"; font-family: "iconfont"!important; font-size: 18px; color: #fff; position: absolute; top: 50%; left: 16px; margin-top: -8px; font-weight: normal; }
	.account_left ul { margin-top: 6px; display: none; }
	.account_left ul li a { padding: 0 16px; }
	.account_right { float: none; width: 100%; }
	.account_right_top span { font-size: 16px; line-height: 44px; padding: 0 16px; }
	
	.account1 { padding: 16px; }
	.account1_one { padding: 16px 0 0; }
	.account1_two { margin: 16px 0 36px; }
	.account1_three { padding-bottom: 10px; }
	
	.account2_top { padding: 12px 16px; }
	.account2_txt { padding: 0 16px; }
	
	
	/*contact*/
	.contact { padding: 36px 0 80px; }
	.contact_info { margin-bottom: 36px; }
	
	
	/*testing*/
	.testing { padding: 36px 0; }
	/*.testing_list_box { padding: 24px; margin-bottom: 36px; }
	.testing_list_txt1 { display: block; padding-bottom: 16px; }
	.testing_list_txt1 h3 { font-size: 20px; line-height: 1em; display: block; margin: 0 0 12px; padding: 0; width: 100%; }
	.testing_list_txt1 p { display: block; width: 100%; font-size: 14px; line-height: 1.6em; }*/
	
	
	
}  




@media screen and (min-width: 768px) and (max-width: 1920px) {	
}
@media screen and ( max-width:767px ){ 
	
	/*****common*****/
	html.htmloverflow { overflow: hidden; position: fixed; width: 100%; height: 100%; }
	
	.commboxpa1 { padding: 36px auto 54px; }
	.commboxma1 { margin: 36px auto 54px; }
	.commboxpa2 { padding-top: 36px; }
	.commboxma2 { margin-top: 36px; }
	.commboxpa3 { padding-bottom: 54px; }
	.commboxma3 { margin-bottom: 54px; }
	
	
	/*****header*****/
	
	
	/*****footer*****/
	.footer_nav1 ul li a { padding: 4px 16px; }
	.footer_nav1 ul li:after { height: 12px; top: 50%; margin-top: -6px; }
	.footer_row2 > div { display: block; }
	.footer_logo { display: none!important; }
	.footer_company { text-align: center; }
	.footer_company p { padding: 0 5px 6px!important; }
	
	
	/*****index*****/
	.index_video_main img:first-child { display: none; }
	.index_video_main img:last-child { display: block; }
	
	.index_video_main video { display: none; }
	.index_video_main video:last-child { display: block; }
	
	.index_title > span { /*font-size: 24px;*/ /*font-weight: 700;*/ }
	.index_title > p, .index_title > p span { /*font-size: 22px;*/ /*font-weight: 700;*/ line-height: 1.4em; }
	.index_three .index_title > span { font-size: 24px; font-weight: normal; }
	.index_three .index_title > p, .index_three .index_title > p span { font-size: 30px; }
	
	.index_one .index_title:after, .index_one .index_title:before { height: 122px; }
	.index_one_box p, .index_one_box span, .index_one_box p b { font-size: 16px; }
	
	.index_six_txt > div { padding: 30px 0; width: 60%; }
	.index_six_txt h3 { /*font-size: 20px;*/ margin-bottom: 20px; }
	.index_six_txt p { font-size: 16px; font-weight: normal; line-height: 1.6em; text-align: justify; }
	.index_seven .index_six_txt > div { position: static; margin-left: 40%; }
	
	.index_two { background: url(../images/index-two-bg1.png) no-repeat; background-size: auto 100%; }
	
	.index_three_box ul { margin: 30px -6px 0; }
	.index_three_box ul li > div { padding: 0 6px; }
	.index_three_txt p, .index_three_txt p span { font-size: 16px; text-align: center; font-weight: normal; line-height: 1.6em; }
	
	.index_two_txt h3 { margin-bottom: 20px; }
	/*.index_two_txt h3, .index_two_txt h3 span { font-size: 20px; }*/
	.index_two_txt { position: static; margin: 0 auto 30px; }
	.index_two_txt p { margin-bottom: 20px; line-height: 1.6em; font-weight: normal; font-size: 16px; }
	.index_two_txt > div { width: 100%; float: none; }
	.index_two_con2 { margin-top: 36px; }
	.index_five_txt p { margin: 12px 0 0; font-weight: normal; line-height: 1.6em; font-size: 16px; }
	
	/*.index_four img:first-child,*/
	/*.index_five_img img:first-child,*/
	.index_six_img img:first-child,
	.index_two_con1 .index_two_img img:first-child { display: none; }
	/*.index_four img:last-child,*/
	/*.index_five_img img:last-child,*/
	.index_six_img img:last-child,
	.index_two_con1 .index_two_img img:last-child { display: block; }
	
	.index_five_img { display: none; }
	.index_five_img1 { display: block; }
	.index_five_box { position: relative; width: 92%; margin: 0 auto; }
	/*.index_five_img { width: 45%; }*/
	/*.index_five_txt { position: absolute; top: 50%; right: 0; width: 53%;
		-webkit-transform: translateY(-50%); 
		-moz-transform: translateY(-50%); 
		-ms-transform: translateY(-50%); 
		transform: translateY(-50%); 
	}*/
	.index_five_txt { text-align: left; width: 100%!important; }
	.index_five_txt h3 { font-size: 30px; }
	
	.index_two_img { width: 100%; height: auto; }
	.index_two_img img { width: 100%; height: auto; }
	
	/*.index_five_txt h3,
	.index_eight_box h3 { font-size: 20px; }*/
	
	.index_one, .index_three, .index_five, .index_eight { padding: 36px 0; }
	.index_two { padding: 36px 0 0; }
	
	.index_two .commbtn1 span { font-size: 20px; }
	.index_one_box p,
	.index_eight_box p { font-weight: normal; line-height: 1.6em; }
	.index_eight_box p { width: 100%; }
	.index_eight_box .commbtn1 span { font-size: 20px; }
	
	.index_four_box1 { display: none; }
	.index_four_box2 { display: block; }
	
	
	/*****faq*****/
	.faq { padding: 44px 0; }
	.faq_top { margin-bottom: 36px; }
	.faq_top_title h2 { font-size: 24px; }
	.faq_top_search input[type="text"] { margin-top: 20px; }
	.faq_menu ul li a { line-height: 44px; min-width: 40px; }
	.faq_con { margin-top: 36px; }
	.faq_con ul li > div .faq_con_title { padding: 28px 40px 28px 24px; }
	.faq_con ul li > div .faq_con_txt { padding: 0 24px 10px; }
	.faq_con ul li > div .faq_con_txt p { font-size: 16px; line-height: 1.6em; }
	
	.footer_copyright { float: none; }
	.footer_nav2 { float: none; margin-top: 10px; }
	
	
	/*account*/
	.account_table,
	.account_table2 { overflow-x: auto; }
	.account_table table,
	.account_table2 table { width: 800px; }
	.account_table tr:first-child td { white-space: nowrap; }
	
	.account5_list li > div { padding: 0 16px 0 86px; }
	.account5_list li > div > input[type="checkbox"] { left: 16px; }
	.account5_list li > div > i { left: 52px; }
	.account5_list_top h3 { max-width: 100%; float: none; font-size: 16px; }
	.account5_list_top span { display: block; float: none; line-height: 1em; padding-bottom: 20px; font-size: 13px; }
	.account5_list_con p { font-size: 13px; }
	.account5_btn { padding: 0 16px; }
	
	.account_examine p { font-size: 16px; }
	
	
	/*contact*/
	.contact_form .form_item .form_row { width: 100%; }
	.contact_info_txt { float: none; width: 100%; }
	.contact_info_txt > div { padding-left: 170px; position: relative; min-height: 218px; }
	.contact_info_txt > div img { width: 150px; height: auto; position: absolute; top: 0; left: 0; margin: 0; }
	.contact_info_txt > div p { font-size: 14px; margin-bottom: 8px; }
	.contact_info_txt > div p span { font-size: 14px; width: 20px; }
	.contact_info iframe { float: none; width: 100%; height: 300px; margin-bottom: 6px; }
	
	
	/*login*/
	.login_box { margin: 36px auto 80px; }
	
	
	/*query*/
	.query_form { margin: 36px auto 80px; }
	.supplier_form_txt h3 { font-size: 24px; margin-bottom: 16px; }
	.supplier_form_txt p { font-size: 16px; line-height: 1.6em; }
	
	
	/*Join*/
	.Join_info_box { padding: 36px 0; }
	.Join_info_row:first-child .Join_info_box > div { float: none; width: 100%; }
	.Join_info_row:first-child .Join_info_txt > div { padding: 0; }
	.Join_info_row:first-child .Join_info_img img { display: block; margin: 0 auto; }
	.Join_info_row:first-child:before { display: none; }
	
	.Join_info_row:nth-child(2):after { background-size: auto 100%; }
	.Join_info_row:nth-child(2) .Join_info_txt { float: none; width: 100%; }
	.Join_info_row:nth-child(3) .Join_info_img { bottom: -10px; }
	.Join_info_row:nth-child(3) .Join_info_txt ul li { display: block; width: 100%; }
	
	.Join_form { padding-bottom: 44px; }
	.Join_form > form { padding: 36px 24px; }
	.Join_form .form_row { float: none; width: 100%!important; margin-bottom: 24px; }
	.Join_form .form_row > .form_row { padding: 0; }
	
	/**/
	.Join_content { padding: 80px 0; }
	.Join_content_btn { padding-top: 0; }
	.Join_content_box .Join_content_form { padding: 120px 24px 66px; }
	.Join_account_row { margin-bottom: 36px; }
	.Join_account .Join_content_box .Join_content_form { padding: 100px 24px 54px; }
	.Join_account .lookimg .lookimg_delBtn { display: block!important; }
	
	
	/*testing*/
	.testing_list_txt1 > p { font-size: 16px; line-height: 1.6em; }
	
	
	/*about*/
	.about_one:after { background-size: 86% auto; }
	
	
	
	
}



@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*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	.index_video_txt { /*display: none;*/ }
	
	
	/*about*/
	.about_one { padding: 36px 0; }
	.about_one:before { display: none; }
	.about_one_txt p { font-size: 24px; color: #14436d; }
	.about_one_txt span { font-size: 16px; margin: 0 0 24px; }
	.about_one_txt, .about_one_img { width: 100%; text-align: center; position: relative; z-index: 9; }
	.about_one_img img { width: 550px; margin: 10px auto 0; }
	
	.about_two_txt, .about_two_img,
	.about_three_txt, .about_three_img,
	.about_four_txt, .about_four_img,
	.about_five_txt, .about_five_img { width: 100%; margin: 0; text-align: center; }
	
	.about_two_img:before { display: none; }
	.about_two_txt > div { padding-left: 0; }
	.about_two:before { top: 42%; background-size: auto 58%; }
	
	.about_three_box, .about_five_box { padding: 36px 0; }
	.about_five_img img { height: 54px; }
	.account1_two ul li > div { left: -300px; right: auto; bottom: 11px; top: auto; }
	.account1_two ul.active li > div { right: auto; left: 16px; }
	.account1_three a:first-child { margin-right: 16px; }
	
	
	/*account*/
	.account { margin: 24px auto 44px; }
	/*.account1_one div span{ display: block; width: 100%; }*/
	.account1_one div span:first-child { /*padding: 0 0 6px 0;*/ width: auto; text-align: left; font-size: 14px; color: #878a8e; }
	.account1_two ul li { display: block; }
	.account1_two ul li p { line-height: 1em; /*padding: 20px 0 0;*/ padding-top: 20px; color: #636a70; display: block; }
	.account1_two ul li span { display: block; position: static; display: block; padding-left: 16px; text-align: left; }
	
	
	/*login*/
	.login_input .form_group:first-child .form_select { width: 26%; }
	.login_input .form_group:first-child .form_input { width: 60%; }
	
	
	/*query*/
	.query .query_form form > div:nth-of-type(4) .form_select { width: 26%; }
	.query .query_form form > div:nth-of-type(4) .form_input { width: 58%; }
	
	
	/*Join*/
	.Join_content { padding: 54px 0; } 
	.Join_account .Join_content_box .Join_content_form { padding: 100px 16px 36px; }
	.Join_account .form_item { padding: 30px 4px 6px; }
	.Join_account .form_row { float: none; width: 100%; }
	.Join_content_box .Join_content_form { padding: 100px 16px 66px; }
	
	
	
}



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



@media screen and ( max-width:480px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	.index_six_txt { position: relative; z-index: 1; left: auto; }
	.index_six_txt h3 { /*font-size: 24px;*/ margin-bottom: 8px; }
	/*.index_six_txt p { font-size: 13px; }*/
	.index_six_img { height: 100%; width: 100%; overflow: hidden; position: absolute; top: 0; left: 0; }
	.index_six_img img { width: 100%; max-width: inherit; height: auto; position: absolute; top: 0; left: 0; }
	
	.index_three_box ul { margin: 0; }
	.index_three_box ul li { width: 100%; }
	.index_three_img img { width: 70%; margin: 36px 20% 16px 10%; }
	
	
	/*****footer*****/
	
	
	/*****index*****/
	.index_five_txt p {  }
	.index_six_img img { width: auto; height: 100%; }
	.index_six .index_six_img img { left: auto; right: 0; }
	
	
	/*contact*/
	.contact_info iframe { height: 220px; }
	
	
	/*login*/
	.login_box { margin-bottom: 44px; }
	.login_input { padding: 30px 16px; }
	.login_input .form_group { margin-bottom: 20px; }
	
	
	
}



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



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