.menu-handler{ display:none; width:60px; height:60px; cursor:pointer; position:absolute; right:-16px; top:0px; transition:all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition:all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition:all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.menu-handler .burger{ width:28px; height:3px; background:#eb7e42; display:block; position:absolute; z-index:5; top:22px; left:50%; margin:0px 0px 0px -14px; transform-origin:center; -webkit-transform-origin:center; -moz-transform-origin:center; -o-transform-origin:center; -ms-transform-origin:center;}
.menu-handler .burger-2{ top:30px;}
.menu-handler .burger-3{ top:38px;}
.menu-handler.active .burger{ background-color:#eb7e42;}
.menu-handler.active .burger-1{ top:30px; -moz-transform:rotate(225deg); -webkit-transform:rotate(225deg); -o-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);}
.menu-handler.active .burger-2{ -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0;}
.menu-handler.active .burger-3{ top:30px; -moz-transform:rotate(-225deg); -webkit-transform:rotate(-225deg); -o-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg);}
.menuBox{ position:fixed; right:0px; top:-100%; width:100%; height:100%; overflow-x:hidden; overflow-y:auto;  -webkit-overflow-scrolling:touch; z-index:900; background-color:rgb(255,255,255); -webkit-transition:0.4s; transition:0.4s;}
.menuBox a:link,.menuBox a:visited{ color:#333333;}
.menuBox a:active,.menuBox a:hover{ color:#eb7e42;}
.navMobile{ text-align:center; margin:60px auto;  padding:38px 0px 0px;}
.navMobile dd{ overflow:hidden; width:100%; height:52px; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.navMobile dd p { padding:10px 0px; overflow:hidden;}
.navMobile dd p a{ position:relative; height:32px; line-height:32px; font-size:18px; display:inline-block; padding:0px 4px;}
.navMobile dd p a .line{ width:0%; position:absolute; left:50%; bottom:0px; height:2px; background-color:#eb7e42; -webkit-transition:0.3s; transition:0.3s;}
.navMobile dd p a:hover .line{ width:100%; left:0%;}
.navMobile dd .msubnav{ position:absolute; overflow:hidden; background-color:#fff; width:180px; text-align:left; display:none;}
.navMobile dd .msubnav .back_btn{ width:90%; padding:0px 5%; background-color:#eb7e42; color:#fff; height:52px; line-height:52px; display:none;}
.navMobile .msubnav li{ display:block; height:52px; line-height:52px; font-size:15px; opacity:0;  -webkit-transition:0.4s; transition:0.4s; height:0px;}
.navMobile .msubnav li a{ display:block; padding:0px 5%;}
.navMobile .msubnav li a:hover{ background-color:#F7F7F7;}
.menuBot{ text-align:center; font-size:18px; line-height:2.5; padding:22px 0px; border-top:1px solid #e4e4e4;}
.navMobile dd .msubnav{ position:fixed; right:0px; top:60px; width:100%; display:block;}
@media (max-width:1920px) and (min-width:642px){
	#n_pro_list ul li:nth-of-type(3n){ margin-right:0;}
}
@media screen and (max-width:1280px){
	body{ min-width:inherit;}
	.main_box{ width:1001px;}
	#header{ height:80px;}
	#header #logo{ top:12px;}
	#nav{ top:28px; right:25px;}
	#top_bnt_box{ top:34px;}
	#top_search_box{ top:80px;}
	#s_about{ height:360px;}
	#s_main_box .floor{ padding:50px 0;}
	#s_about .pic_box{ width:367px;}
	#s_about .pic_box img{ width:367px;}
	#s_about .pic_title{ height:50px;}
	#s_about .pic_title h1{ padding:15px 50px 0 25px;}
	#s_about .pic_title span{ font-size:20px;}
	#s_about .pic_title i{ width:50px; height:50px;}
	#s_about .content{ width:610px;}
	#s_about .title{ margin-bottom:0;}
	#s_about #s_about_link{ width:610px; bottom:5px;}
	#s_about .article p{ line-height:22px;}
	#s_case .j_parallax{ padding-bottom:35px;}
	#s_case .s_title{ padding-top:30px;}
	.s_title{ margin-bottom:10px;}
	.s_title img{ width:230px;}
	#s_case li{ padding-bottom:15px;}
	#s_jjfa{ height:auto;}
	#s_jjfa .content{ margin-bottom:0;}
	#s_jjfa dl{ margin:-3px;}
	#s_jjfa dd{ margin:3px; height:240px;}
	#s_jjfa dd img.pic{ height:240px;}
	#s_jjfa dd.li1{ width:267px;}
	#s_jjfa dd.li1 a{ padding-left:25px;}
	#s_jjfa .title{ margin-bottom:26px;}
	#s_jjfa dd.li2, #s_jjfa dd.li2 img.pic{ width:361px;}
	#s_jjfa dd.li3, #s_jjfa dd.li3 img.pic{ width:361px;}
	#s_jjfa dd.li4, #s_jjfa dd.li4 img.pic{ width:176px;}
	#s_jjfa dd.li5, #s_jjfa dd.li5 img.pic{ width:176px;}
	#s_jjfa dd.li6{ width:270px;}
	#s_jjfa dd.li7, #s_jjfa dd.li7 img.pic{ width:361px;}
	#s_jjfa dd .text_box{ height:240px;}
	#footer .un_box{ height:45px; line-height:45px;}
	#footer .un_box ul li{ line-height:45px; margin-left:15px;}
	#footer .un_box ul li a img{ width:35px;}
	#footer .un_box ul{ line-height:45px; right:0;}
	#footer .un_box h1{ line-height:45px;}
	#footer .un_box p{ line-height:45px; left:0;}
	/*index end*/
	#n_about .about_box_a .box_a_cent{ margin:30px 0 0;}
	#n_about .about_box_a .box_a_cent .box_a_r{ padding:25px 0 0 0; width: calc(50% - 85px)}
	#n_about .about_box_a .box_a_cent .box_a_l{ width:100%; float:inherit;}
	#n_about .about_box_a .box_a_cent .box_a_l .box_con p{ margin-top:30px;}
	#n_about .about_box_a .box_a_cent .box_a_l .box_con p:first-child{ margin-top:0;}
	#n_about .about_box_a .box_a_cent .box_a_l .box_con p br{ display:none;}
	#n_about .about_box_b{ margin-top:50px; margin-bottom:50px;}
	#n_about .about_box_b dl dd h1{ font-size:24px; width:50%; padding:20px 2.5% 0;}
	#n_about .about_box_b dl dd .box_b_con p{ font-size:17px;}
	#n_about .about_box_c{ padding:50px 0;}
	#n_about .about_box_c h1{ margin:0 0 35px;}
	#n_about .about_box_c ul li a{ margin-bottom:30px;}
	#n_about .about_box_c ul li p{ font-size:17px;}
	#n_about .about_box_d h1{ margin:50px 0 30px;}
	#n_about .about_box_d dl dd{ margin-bottom:20px;}
	#n_about .about_box_d dl dd p{ font-size:17px; padding:50px 0 0 50px;}
	#n_about .about_box_f{ margin-top:50px; padding:35px 0;}
	#n_about .about_box_f .box_f_dl{ padding:15px 0;}
	#n_about .about_box_f .box_f_dl dl dd{ width:50%;}
	#n_about .about_box_f .box_f_dl dl dd h1{ padding:0 0 20px;}
	#n_about .about_box_f .box_f_dl dl dd p{ font-size:17px;}
	#n_about .about_box_f .box_f_dl:nth-child(1) dl dd:nth-child(1){ width:50%; margin-right:0;}
	#n_about .about_box_f .box_f_dl:nth-child(1) dl dd:nth-child(2){ width:calc(50% - 40px); margin-left:0;}
	#n_about .about_box_f .box_f_dl:nth-child(2) dl dd:nth-child(1){ margin-left:0;}
	#n_about .about_box_f .box_f_dl:nth-child(2) dl dd:nth-child(2){ margin-right:0; width: calc(50% - 40px);}
	/*company end*/
	#n_content #container{ margin:60px 0 0;}
	/*contact end*/
	#n_content .n_pro .pro_title{ margin-bottom:50px;}
	#n_pro_list ul li{ padding-bottom:0;}
	#n_pro_list ul li a h1{ line-height:50px;}
	#n_pro_list .more{ padding:10px 0 0; width:100%;}
	/*products end*/
	#n_show_case .left .bigImg{ width:730px; height:469px;}
	#n_show_case .left .smallImg{ height:469px;}
	#n_show_case .left .smallImg #imageMenu{ height:469px;}	
	#n_show_case .right{ margin-top:60px;}
	/*proinfo end*/
}
@media screen and (max-width:1030px){
	.main_box{ width:90%;}
	#nav li{ padding:0 30px;}
	#s_about{ height:auto;}
	#s_about .pic_box{ width:35%; position:absolute; left:0; top:0;}
	#s_about .pic_box img{ width:100%;}
	#s_about .content{ top:inherit; width: calc(65% - 25px); position:relative; right:inherit; float:right;}
	#s_about #s_about_link{ width: calc(65% - 25px); bottom:inherit; position:relative; right:inherit; float:right;}
	#s_about .title .more{ right:-25px;}
	#s_case .j_parallax .con_mid .content{ overflow-x:auto;}
	#s_case .j_parallax .bottom_scroll{ display:none;}
	#s_jjfa dl{ margin:0;}
	#s_jjfa dd{ height:auto;}
	#s_jjfa dd .text_box{ height:auto;}
	#s_jjfa dd img.pic{ height:200px;}
	#s_jjfa dd.li1{ width: calc(24% - 6px); position:absolute; height: calc(50% - 6px); left:0; top:0;}
	#s_jjfa dd.li1 a{ padding-top:35px;}
	#s_jjfa dd.li2{ width: calc(38% - 6px); margin-left:24%;}
	#s_jjfa dd.li3{ width: calc(38% - 6px);}
	#s_jjfa dd.li7{ width: calc(38% - 6px); margin-left:22%;}
	#s_jjfa dd.li2 img.pic,#s_jjfa dd.li3 img.pic,#s_jjfa dd.li4 img.pic,#s_jjfa dd.li5 img.pic,#s_jjfa dd.li7 img.pic{ width:100%;}	
	#s_jjfa dd.li4,#s_jjfa dd.li5{ width: calc(20% - 6px);}
	#s_jjfa dd.li6{ width: calc(22% - 6px); position:absolute; height: calc(50% - 6px); right:38%; bottom:0;}
	#s_jjfa dd .text_box{ line-height:25px; padding:25% 17px;}
	#s_jjfa dd .text_box p{ font-size:18px;}
	#footer .un_box h1{ width:auto; float:left;}
	#footer .un_box p{ width:auto; float:left; position:relative; padding-left:10px;}
	#footer .un_box p a{ font-size:14px;}
	/*index end*/
	#n_show_case .left .bigImg{ width:70%;}
	#n_show_case .left .bigImg #midimg{ width:auto; height:469px;}
	#n_show_case .left .smallImg{ width:28%;}
	#n_show_case .left .smallImg .scrollbutton.smallImgUp{ opacity:0;}
	#n_show_case .left .smallImg .scrollbutton.smallImgDown{ opacity:0;}
	#n_show_case .right{ margin-top:40px;}
	#n_show_case .right .up{ padding:25px;}
	/*proinfo end*/
}
@media screen and (max-width:1024px){
	.main_box{ width:90%;}
	#nav{ display:none;}
	#header{ height:60px;}
	#header #logo{ top:2px;}
	#top_bnt_box{ top:25px; right:44px;}
	#header .main_box{ z-index:9999;}
	.menu-handler{ display:block;}
	#s_jjfa dd img.pic{ height:180px;}
	#s_jjfa .title{ width:140px; margin-bottom:10px;}
	#s_jjfa dd .text_box{ padding:17px 17px 0;}
	/*index end*/
	#n_main_box{ margin-top:0;}
	#n_content{ padding:30px 0 50px;}
	#n_about .about_box_a h1{ font-size:32px; line-height:1;}
	#n_about .about_box_a .box_a_cent .box_a_r{ width:50%; padding:25px 0 0 20px;}
	#n_about .about_box_a .box_a_cent .box_a_l h2{ font-size:24px; line-height:1; margin-bottom:10px;}
	#n_about .about_box_a .box_a_cent .box_a_l h2 span{ font-size:24px;}
	#n_about .about_box_a .box_a_cent .box_a_l .box_con p{ margin-top:15px; font-size:17px;}
	#n_about .about_box_b{ margin-top:20px;}
	#n_about .about_box_b dl dd h1{ font-size:20px; padding:20px 20px 5px;}
	#n_about .about_box_b dl dd .box_b_con{ width:50%; padding:0 20px; margin:0 0;}
	#n_about .about_box_b dl dd .box_b_con p{ font-size:15px; line-height:25px;}
	#n_about .about_box_b dl dd:nth-child(even) .box_b_con{ width:50%; margin:0 0; padding-top:7%;}
	#n_about .about_box_c h1{ font-size:24px; line-height:1; margin:0 0 25px;}
	#n_about .about_box_c ul li{ width:48%;}
	#n_about .about_box_c ul li a{ margin-bottom:15px;}
	#n_about .about_box_d h1{ font-size:24px; line-height:1; margin:50px 0 20px;}
	#n_about .about_box_d dl dd{ margin-bottom:0;}
	#n_about .about_box_d dl dd p{ padding:20px 20px 0;}
	#n_about .about_box_d dl dd:nth-child(even) p{ padding:10% 20px 0;}
	#n_about .about_box_f .box_f_dl dl dd h1{ font-size:24px; line-height:1; padding:0 0 10px;}
	#n_about .about_box_f .box_f_dl:nth-child(1) dl dd:nth-child(2){ width:50%; padding:0 20px;}
	#n_about .about_box_f .box_f_dl dl dd p{ font-size:14px; line-height:25px;}
	#n_about .about_box_f .box_f_dl:nth-child(2) dl dd:nth-child(2){ width:50%; padding:10% 20px 0;}
	/*company end*/
	#n_content .mess_box{ padding:30px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
	#n_content #container{ margin:30px 0 0;}
	#n_content .mess_box .box_r{ width:45%;}
	#n_content .mess_box .box_r img{ width:100px;}
	/*contact end*/
	#n_content .n_pro .pro_title{ margin-bottom:30px;}
	#n_content .n_pro .pro_title .title{ margin-bottom:20px;}
	#n_content .n_pro .pro_title .title h2{ font-size:24px;}
	#n_pro_list ul li a h1{ font-size:16px;}
	#n_content .n_pro .pro_title form .se_info select{ font-size:14px;}
	#n_content .n_pro .pro_title form .se_info select option{ font-size:14px;}
	/*products end*/
}
@media screen and (max-width:860px){
	#s_main_box .floor{ background-size:auto 100%;}
	#s_about .pic_box{ width:260px; position:relative; float:left; margin-bottom:10px;}
	#s_about .content{ width:calc(100% - 280px); padding-top:40px;}
	#s_about .title .more{ right:0; top:-40px;}
	#s_about #s_about_link{ width:100%;}
	#s_jjfa dd img.pic{ height:auto;}
	#s_jjfa dd.li1{ position:relative; width: calc(100% - 6px); height:auto;}
	#s_jjfa dd.li1 a{ padding:15px; padding-top:inherit;}
	#s_jjfa .title{ max-width:100%; margin-bottom:0;}
	#s_jjfa .more{ max-width:100%; width:30px; margin-top:20px;}
	#s_jjfa dd.li2{ width:calc(50% - 6px); margin-left:3px;}
	#s_jjfa dd.li3{ width:calc(50% - 6px);}
	#s_jjfa dd.li4, #s_jjfa dd.li5{ width:calc(33.333% - 6px); height:auto;}
	#s_jjfa dd.li6{ position:relative; right:inherit; width: calc(33.333% - 6px); bottom:inherit;}
	#s_jjfa dd.li6 img.pic{ display:block; opacity:0; width:100%;}
	#s_jjfa dd .text_box{ padding:0 17px; position:absolute; top:25%; left:0;}
	#s_jjfa dd.li7{ width: calc(100% - 6px); margin-left:3px;}
	#footer{ padding:7px 0;}
	#footer .un_box{ height:auto; line-height:inherit;}
	#footer .un_box ul{ line-height:40px;}
	#footer .un_box ul li{ line-height:40px;}
	#footer .un_box h1{ width:100%; line-height:20px; text-align:left;}
	#footer .un_box p{ width:100%; padding-left:0; line-height:20px;}
	/*index end*/
	#n_about .about_box_b dl dd a{ width:250px; padding:20px;}
	#n_about .about_box_b dl dd h1{ width:100%;}
	#n_about .about_box_b dl dd .box_b_con{ width:100%;}
	#n_about .about_box_b dl dd:nth-child(even) .box_b_con{ width:100%; float:inherit; padding-top:0;}
	#n_about .about_box_d dl dd a{ padding:0 20px;}
	#n_about .about_box_d dl dd p{ line-height:25px; padding:0; width:100%; float:inherit;}
	#n_about .about_box_d dl dd:nth-child(even) p{ float:inherit; padding:10% 0 0;}
	/*company end*/
	#n_content .mess_box .box_l{ width:100%;}
	#n_content .mess_box .box_l h3{ font-size:16px;}
	#n_content .mess_box .box_l ul{ margin-top:0;}
	#n_content .mess_box .box_l ul li{ width:50%;}
	#n_content .mess_box .box_l ul li:nth-child(5){ width:100%;}
	#n_content .mess_box .box_l ul li:nth-child(6){ width:100%; margin-top:10px;}
	#n_content .mess_box .box_l ul li button{ font-size:18px; width:120px;}
	#n_content .mess_box .box_r{ width:100%; padding-left:0;}
	#n_content .mess_box .box_r h3{ margin-bottom:0;}
	#n_content .mess_box .box_r p{ margin-left:0;}
	/*contact end*/
	#n_content .n_pro .pro_title form .se_info{ width:60%; margin-right:0; margin-bottom:10px; float:inherit;}
	#n_content .n_pro .pro_title form .se_info:nth-of-type(3n){ margin-bottom:0;}
	#n_pro_list ul li{ margin-bottom:20px;}
	#n_pro_list ul li a h1{ font-size:14px; line-height:40px;}
	#n_pro_list .more{ padding:0;}
	#n_pro_list .more a{ width:100px; padding:5px 0;}
	/*products end*/
	#n_show_case .right .r_img{ width: calc(70% - 20px)}
	#n_show_case .right .up{ width:30%; padding:20px;}
	#n_show_case .right .up .title{ margin-top:0;}
	#n_show_case .right .up .title h1 img{ width:100px; max-width:100%;}
	#n_show_case .right .up ul li{ margin-top:15px; padding-bottom:5px;}
	#n_show_case .right .up ul li img{ max-width:100%;}
	/*proinfo end*/
}
@media screen and (max-width:641px){
	#header{ position:fixed;}
	.banner{ padding-top:60px;}
	.banner .bimg{ display:none;}
	.banner .mimg{ display:block;}
	#s_main_box .floor{ padding:30px 0;}
	#s_about .pic_box{ width:100%;}
	#s_about .pic_title{ height:40px;}
	#s_about .pic_title h1{ padding:12px 40px 0 15px;}
	#s_about .pic_title span{ font-size:16px;}
	#s_about .pic_title i{ width:40px; height:40px;}
	#s_about .content{ position:relative; width:100%; padding-top:0;}
	#s_about .title{ display:none;}
	#s_about .content .article{ margin-left:0; margin-right:0;}
	#s_about .content .article p br{ display:none;}
	#s_about #s_about_link .article{ margin-left:0; margin-right:0;}
	.s_title img{ width:150px;}
	#s_case .s_title{ padding-top:15px; margin-bottom:0;}
	#s_case .j_parallax{ padding-bottom:20px; overflow:hidden;}
	#s_case .j_parallax .content_mid{ width:2300px;}
	#s_case li{ width:180px; margin-right:10px;}
	#s_case li .pic_box{ width:100%;}
	#s_case li .pic_box img{ width:100%;}
	#s_case li .text_box{ height:30px;}
	#s_case li h1{ padding:0 5px; font-size:16px; line-height:30px;}
	#s_jjfa .title{ width:100px;}
	#s_jjfa dd.li1 a{ padding:0 10px 8px;}
	#s_jjfa .more{ width:25px; margin-top:10px;}
	#s_jjfa dd .text_box{ line-height:18px; padding:0 5px; top:5px;}
	#s_jjfa dd .text_box p{ font-size:13px;}
	#footer .un_box ul{ position:relative; right:inherit;}
	#footer .un_box ul li{ float:left; margin-left:0; margin-right:5px; line-height:30px;}
	#footer .un_box ul li a img{ width:30px;}
	#footer .un_box h1{ padding-top:5px; font-size:12px;}
	#footer .un_box h1 a{ font-size:12px;}
	#footer .un_box p{ font-size:14px;}
	#footer .un_box p a{ font-size:12px;}
	#gotop{ right:5px !important;}
	#gotop img{ width:40px;}
	/*index end*/
	#n_content{ padding:20px 0 30px;}
	#n_about .about_box_a h1{ font-size:18px;}
	#n_about .about_box_a .box_a_cent{ margin:15px 0 0;}
	#n_about .about_box_a .box_a_cent .box_a_r{ width:100%; padding:0 0 15px;}
	#n_about .about_box_a .box_a_cent .box_a_l{ float:left;}
	#n_about .about_box_a .box_a_cent .box_a_l h2{ font-size:16px; width:100%; text-align:center; margin-bottom:5px;}
	#n_about .about_box_a .box_a_cent .box_a_l h2 span{ font-size:16px;}
	#n_about .about_box_a .box_a_cent .box_a_l .box_con p{ font-size:14px; line-height:25px; margin-top:0;}
	#n_about .about_box_b{ margin-bottom:30px;}
	#n_about .about_box_b dl{ padding-bottom:20px;}
	#n_about .about_box_b dl dd a{ width:100%;}
	#n_about .about_box_b dl dd h1{ float:left; font-size:16px; text-align:center; padding:0 20px 5px;}
	#n_about .about_box_b dl dd .box_b_con{ float:left;}
	#n_about .about_box_b dl dd .box_b_con p{ font-size:14px;}
	#n_about .about_box_b dl dd:nth-child(even) a{ padding:10px 20px;}
	#n_about .about_box_b dl dd:nth-child(even) .box_b_con{ float:left;}
	#n_about .about_box_c{ padding:20px 0 25px;}
	#n_about .about_box_c h1{ font-size:16px; margin:0 0 10px;}
	#n_about .about_box_c ul li{ width:100%;}
	#n_about .about_box_c ul li a{ margin-bottom:5px;}
	#n_about .about_box_c ul li p{ font-size:14px; line-height:25px; margin-bottom:5px;}
	#n_about .about_box_d h1{ font-size:16px; text-align:center; margin:30px 0 15px;}
	#n_about .about_box_d dl dd a{ width:150px; padding:0 10px 10px 0;}
	#n_about .about_box_d dl dd p{ font-size:14px;}
	#n_about .about_box_d dl dd:nth-child(even) a{ padding:0 0 10px 10px;}
	#n_about .about_box_d dl dd:nth-child(even) p{ font-size:14px; padding-top:0;}
	#n_about .about_box_f{ margin-top:30px; padding:10px 0 25px;}
	#n_about .about_box_f .box_f_dl{ padding:5px 0;}
	#n_about .about_box_f .box_f_dl dl dd h1{ font-size:16px; padding:0;}
	#n_about .about_box_f .box_f_dl dl dd{ width:100%;}
	#n_about .about_box_f .box_f_dl:nth-child(1) dl dd:nth-child(1){ width:100%;}
	#n_about .about_box_f .box_f_dl:nth-child(1) dl dd:nth-child(2){ width:100%; padding:10px 0 0;}
	#n_about .about_box_f .box_f_dl:nth-child(2) dl dd:nth-child(2){ width:100%; padding:10px 0 0;}
	/*company end*/
	#n_content .mess_box .box_l h3{ font-size:14px;}
	#n_content .mess_box .box_l ul li{ width:100%;}
	#n_content .mess_box .box_l ul li input{ width:100%;}
	#n_content .mess_box .box_l ul li textarea{ width:100%;}
	#n_content .mess_box .box_l ul li img{ margin:10px 0;}
	#n_content .mess_box .box_l ul li input.yzm{ width:125px; height:30px; line-height:30px;}
	#n_content .mess_box .box_l ul li button{ height:30px; line-height:30px; font-size:14px; width:100%; float:inherit;}
	#n_content .mess_box .box_r img{ margin:20px 0 10px;}
	#n_content .mess_box .box_r h3{ font-size:14px;}
	#n_content #container{ height:300px;}
	/*contact end*/
	#n_content .n_pro .pro_title{ margin-bottom:20px;}
	#n_content .n_pro .pro_title .title{ margin-bottom:10px;}
	#n_content .n_pro .pro_title .title h2{ font-size:18px;}
	#n_content .n_pro .pro_title form .se_info{ width:100%;}
	#n_pro_list ul li{ width:49%; margin-right:2%; margin-bottom:10px;}
	#n_pro_list ul li:nth-child(2n+2){ margin-right:0;}
	#n_pro_list ul li a h1{ font-size:12px; line-height:30px;}
	/*products end*/
	.position span, .position a, .position i{ font-size:14px;}
	.position{ padding-left:10px;}
	.position i{ margin:0 5px; font-size:16px;}
	#n_show_case .left .bigImg{ width:100%; height:auto;}
	#n_show_case .left .smallImg{ display:none;}
	#n_show_case .left .bigImg #midimg{ width:100%; height:auto; margin-bottom:10px;}
	#n_show_case .right{ margin-top:10px;}
	#n_show_case .right .r_img{ width:100%;}
	#n_show_case .right .up{ width:100%;}
	/*proinfo end*/
	#top_tel_box{ width:300px; height:250px;}
	#top_tel_box .login-content h2{ margin-bottom:20px;}
	#top_tel_box .login-content .login-info{ margin-bottom:10px; width:90%;}
	#top_tel_box .login-content .login-oper{ width:90%;}
	/*peop_o end*/
}	
@media screen and (max-width:481px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 360px) {
}