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

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

	.head_width{ max-width:980px;}
	.head_width .head_center{ left:30%;}
    .head_width .searchBox{ display:none;}
	
	.collar_width{ max-width:980px;}
	.collar_width .company_name{ margin:43px 0 0 32px;}
	
	.nav{ max-width:980px;}
	
	.search .search_zi{ max-width:980px;}
	
	.product_name{ width:980px;}
	
	.new_product{ max-width:980px;}
	.new_product .new_p_name .lanmu{ display:none;}
	.new_product .new_p2 ul li img{ width:280px; height:280px;}
	.new_product .new_p2 ul li.nip3 img, .new_product .new_p2 ul li.nip4 img, .new_product .new_p2 ul li.nip5 img, .new_product .new_p2 ul li.nip6 img{ width:194px; height:194px;}
	.new_product .new_p3{ background:url(../images/djj_bg2.png) center no-repeat; height:593px;}
	.new_product .new_p3 ul li{ width:310px; height:240px;}
	.new_product .new_p3 ul li img{ width:240px; height:240px;}
	.new_product .new_p3 ul li.djj2{ left:335px;}
	.new_product .new_p3 ul li.djj3{ left:670px;}
	.new_product .new_p3 ul li.djj4{ left:77px; top:265px; width:400px; height:318px;}
	.new_product .new_p3 ul li.djj4 img, .new_product .new_p3 ul li.djj5 img{ width:318px; height:318px;}
	.new_product .new_p3 ul li.djj5{ right:77px; top:265px; width:400px; height:318px;}
	.new_product .new_p4{ background:url(../images/fb_bg2.png) center no-repeat; height:593px;}
	.new_product .new_p4 ul li{ width:310px; height:240px;}
	.new_product .new_p4 ul li img{ width:240px; height:240px;}
	.new_product .new_p4 ul li.fb2{ left:335px;}
	.new_product .new_p4 ul li.fb3{ left:670px;}
	.new_product .new_p4 ul li.fb4{ top:382px; width:186px; height:186px;}
	.new_product .new_p4 ul li.fb4 img, .new_product .new_p4 ul li.fb5 img{ width:186px; height:186px;}
	.new_product .new_p4 ul li.fb5{ top:382px; width:186px; height:186px;}
	
	.product_bottom .pwidth{ max-width:980px;}
	.product_bottom .pwidth .video_right{ width:380px;}
	
	.big_customer{ max-width:978px;}
	
	.testimonials{ max-width:978px;}
	
	.h_content{ max-width:980px;}
	.h_content .why_img{ height:1101px; background:url(../images/why2.jpg) bottom center no-repeat;}
	.h_content .why_img .why_img_txt p.why1{ width:370px;}
	.h_content .why_img .why_img_txt p.why3{ width:320px;}
	.h_content .why_img .why_img_txt p.why4{ width:320px;}
	.why_t1{ left:10px; top:26px;}
	.why_t2{ right:22px; top:302px;}
	.why_t3{ left:10px; top:580px;}
	.why_t4{ left:10px; top:850px;}
	
	.honor{ max-width:980px;}
	
	.about_us{ max-width:980px;}
	
	.album{ max-width:978px;}
	
	.findings{ max-width:980px;}
	
	.links .links_width{ max-width:980px;}
	
	.footer_con{ max-width:980px;}
	.footer_con .f_left{ width:24%; margin:0 2% 0 0;}
	.footer_con .f_left em{ padding:0 8% 0 0;}
	.footer_con .f_center{ width:42%;}
	.footer_con .f_center p{ line-height:17px; padding:0 6% 0 0;}
	.footer_con .f_center p.c1{ line-height:34px;}
	.footer_con .f_center p.c2{ line-height:34px;}
	.footer_con .f_right{ width:30%;}
	.footer_con .f_right dl dt{ width:38%;}
	.footer_con .f_right dl dd{ width:58%;}
	
	
	.width_all{ max-width:980px;}

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

	.head_width{ width:96%;}
	.head_width .head_center{ display:none;}
	.head_width .head_right{ display:none;}
	
	.collar_width{ width:96%;}
	.collar_width h1{ width:212px; margin:16px 0;}
	.collar_width .company_name{ display:none;}
	.collar_width .rexian{ display:none;}
	
	.header .nav{ display:none;}
	.header .naverbox{ display:block; position:absolute; top:68px; right:4%; z-index:10;}
	.header .naverbox .btn{ height:40px; background:#234c96; border-radius:4px;}
	.header .naverbox .btn span{ display:inline-block; width:40px; height:40px; color:#fff; background:url(../images/menu.png) no-repeat center; background-size:80%; cursor:pointer;}
	.sidebar{ background:#fff; padding:0 4%;}
	.sidebar-wrapper{ position:relative; overflow:auto;}
	#dowebok{ display:none; width:92%; margin:0 auto; overflow:hidden;}
	#dowebok .naver{ background:#fff;}
	#dowebok .naver li{ position:relative;}

	#dowebok .naver li p.active span,#dowebok .naver li p.you span{ position:absolute; right:0px; top:0px; width:42px; height:42px; background:#fff url(../images/menu_jt_next.png) no-repeat center; cursor:pointer;}
	#dowebok .naver li p{ border-bottom:1px solid #eee;}

	#dowebok .naver li p.you.active span{ width:42px; height:42px; background:#fff url(../images/menu_jt.png) no-repeat center;}
	#dowebok .naver li p{ line-height:42px;} 
	#dowebok .naver li p a{ display:block; color:#333; font-size:16px; text-decoration:none;}
	#dowebok .naver li p:hover{ color:#234c96; text-decoration:none;}
	#dowebok .naver li dl{ line-height:32px; display:none; padding:8px 0;}
	#dowebok .naver li dl a{ color:#333; display:block; padding:0 0 0 10px; font-size:14px; font-weight:normal;}
	#dowebok .naver li dl a:hover{ color:#234c96; display:block; text-decoration:none;}
	[data-simplersidebar='active'] {}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block;}
	
	.search .search_zi{ width:96%; margin:10px auto 12px auto;}
	.search .search_zi .sea_wz{ line-height:20px; float:none; margin:0 0 6px 0;}
	.search .search_zi .searchBox{ float:none;}
	
	.product_name{ width:96%;}
	.product_name .eng_title{ font-size:48px; line-height:48px;}
	.product_name .chin_title{ width:100%;}
	
	.new_product{ width:96%;}
	.new_product .new_p_img ul li{ width:48%; margin:0 4% 4% 0;}
	.new_product .new_p_img ul li:nth-child(2n){ margin:0 0 4% 0;}
	.new_product .new_p2 ul li{ float:none; width:100%; margin:0 0 4% 0;}
	.new_product .new_p2 ul li img{ width:100% !important; height:100% !important;}
	.new_product .new_p2 ul li.nip2{ width:100%; margin:0 0 4% 0;}
	.new_product .new_p2 ul li.nip3{ width:100%; margin:0 0 4% 0;}
	.new_product .new_p2 ul li.nip3 img, .new_product .new_p2 ul li.nip4 img, .new_product .new_p2 ul li.nip5 img, .new_product .new_p2 ul li.nip6 img{ width:100% !important; height:100% !important;}
	.new_product .new_p2 ul li.nip4{ width:100%; margin:0 0 4% 0;}
	.new_product .new_p2 ul li.nip5{ width:100%; margin:0 0 4% 0;}
	.new_product .new_p2 ul li.nip6{ width:100%; margin:0;}
	.new_product .new_p2 ul li strong{ box-shadow:4px 8px 4px #666;}
	.new_product .new_p3{ width:100%; height:auto !important; position:inherit; background:none;}
	.new_product .new_p3 ul li{ position:inherit; width:100% !important; height:auto !important; background:#aa91ca; margin:0 0 4% 0;}
	.new_product .new_p3 ul li img{ width:100% !important; height:100% !important;}
	.new_product .new_p3 ul li strong{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#7d7d7d)); font-size:18px; line-height:40px; height:40px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; box-shadow:4px 8px 4px #666;}
	.new_product .new_p4{ width:100%; height:auto !important; position:inherit; background:none;}
	.new_product .new_p4 ul li{ position:inherit; width:100% !important; height:auto !important; background:#92c9aa; margin:0 0 4% 0;}
	.new_product .new_p4 ul li img{ width:100% !important; height:100% !important;}
	.new_product .new_p4 ul li strong{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#7d7d7d)); font-size:18px; line-height:40px; height:40px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; box-shadow:4px 8px 4px #666;}
	
	.product_bottom{ display:none;}
	
	.big_customer{ width:96%; margin:28px auto; border:none;}
	.big_customer .big_name{ padding:10px 2% 10px 2%;}
	.big_customer .customer{ width:100%; margin:20px auto 0 auto;}
	#demo #indemo{ width:1000%;}
	
	.testimonials{ width:96%; margin:16px auto 28px auto; border:none;}
	.testimonials .test_name{ padding:10px 2% 10px 2%;}
	.testimonials .test_xqing{ width:100%; margin:20px auto 0 auto;}
	.testimonials .test_xqing dl{ width:100%; float:none; margin:0 0 4% 0;}
	.testimonials .test_xqing dl:nth-child(2n){ margin:0;}
	.testimonials .test_xqing dl dd{ float:none; width:100%; margin:0 0 10px 0;}
	.testimonials .test_xqing dl dt{ float:none; width:100%;}
	
	.h_content{ width:96%; margin:26px auto 28px auto;}
	.h_content .why_name{ padding:20px 0;}
	.h_content .why_name .eng_title{ font-size:48px; line-height:48px;}
	.h_content .why_name .chin_title{ width:100%;}
	.h_content .why_img{ height:auto; background:none; position:inherit; padding:16px 0 0 0;}
	.h_content .why_img .why_img_txt{ position:relative; width:100%; padding:0 0 0 55px; margin:0 0 16px 0;}
	.h_content .why_img .why_img_txt .why_img_txt_x{ top:2px; width:42px; height:42px;}
	.h_content .why_img .why_img_txt .why_img_txt_x i{ width:32px; height:32px; font-size:28px; line-height:32px;}
	.h_content .why_img .why_img_txt h2{ font-size:26px; line-height:26px;}
	.h_content .why_img .why_img_txt p{ font-size:16px; line-height:27px;}
	.h_content .why_img .why_img_txt p.why1{ width:80%;}
	.h_content .why_img .why_img_txt p.why2{ width:80%;}
	.h_content .why_img .why_img_txt p.why3{ width:80%;}
	.h_content .why_img .why_img_txt p.why4{ width:80%;}
	.why_t1{ left:0; top:0;}
	.why_t2{ right:0; top:0;}
	.why_t3{ left:0; top:0;}
	.why_t4{ left:0; top:0; margin:0 !important;}
	
	.honor{ width:96%; margin:12px auto 16px auto;}
	.honor ul li{ width:23.5%; margin:0 2% 2% 0;}
	.honor ul li:nth-child(4n){ margin:0 0 2% 0;}
	
	.about_us{ width:96%; margin:12px auto 28px auto;}
	.about_us .about_left{ width:100%; float:none; margin:0 0 16px 0;}
	.about_us .about_right{ width:100%; float:none;}
	
	.album{ width:96%; margin:28px auto; border:none;}
	.album .album_name{ padding:10px 2% 10px 2%;}
	.album .album_img{ padding:4% 0 0 0;}
	.album .album_img ul li{ width:48%; margin:0 4% 4% 0;}
	.album .album_img ul li:nth-child(2n){ margin:0 0 4% 0;}	
	
	.findings{ width:96%; margin:28px auto;}
	.common_problem{ float:none; width:100%; margin:0 0 20px 0;}
	.news{ float:none; width:100%; margin:0 0 20px 0;}
	.feedback{ float:none; width:100%;}
	.feedback .feed_h .feed .textarea{ height:105px;}
	
	.links .links_width{ width:96%;}
	
	.footer{ width:96%; padding:20px 2%;}
	.footer .footer_nav{ padding:2px 0 22px 0;}
	.footer .footer_nav a{ line-height:25px; margin:0 10px;}
	
	.footer_con{ width:96%; margin:20px auto 0 auto;}
	.footer_con .f_left{ float:none; background:none; min-height:inherit; width:100%; margin:0 0 16px 0;}
	.footer_con .f_left strong{ margin:0 0 8px 0;}
	.footer_con .f_center{ float:none; background:none; width:100%; min-height:inherit; margin:0 0 16px 0;}
	.footer_con .f_center strong{ margin:0 0 8px 0;}
	.footer_con .f_right{ float:none; width:100%;}
	.footer_con .f_right dl{ margin:0 0 0 0;}
	
	.company_icp{ padding:12px 2%;}
	
	
	.ny_s_banner{ display:none;}
	.sj_banner{ display:block; width:100%; margin:0; overflow:hidden;}
	.sj_banner img{ width:100%;}
	
	.width_all{ width:96%;}
	.con_left{ width:100%; float:none; margin:0 22px 0 0;}
	.con_right{ width:100%; float:none;}
	
	.profiles{ width:100%;}
	.huanjing{ width:100%;}
	.customer{ width:100%;}
	.client{ width:100%;}
	
	.product{ width:100%;}
	.p_tuijian{ width:100%;}
	.product_image{ width:100%;}
	.game163{ display:none;}
	.pro_sj{ display:block;}
	.xq_right{ float:none; width:100%; margin:18px 0 0 0;}
	.pro_xiangguan{ width:100%;}
	.pro_xgcp{ width:100%;}
	
	.ny_news{ width:100%;}
	.news_name{ width:100%;}
	.news_xq{ width:100%;}
	.p_next{ width:100%;}
	
	.video{ width:100%;}
	
	.messages_box{ width:100%;}
	
	.contact{ width:100%;}
	.contact_fgs{ width:100%;}
	
	.four-con{ display:none;}
	
}

@media screen and (max-width:640px) {
	
	.huanjing ul li{ width:48%; margin:0 4% 4% 0;}
	.huanjing ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.customer ul li{ width:48%; margin:0 4% 4% 0;}
	.customer ul li:nth-child(2n){ margin:0 0 4% 0;}
	.customer ul li:nth-child(5n){ margin:0 4% 4% 0;}
	.customer ul li:nth-child(10n){ margin:0 0 4% 0;}
	
	.client dl{ width:100%; float:none; margin:0 0 4% 0;}
	.client dl:nth-child(2n){ margin:0;}
	.client dl dd{ float:none; width:100%; margin:0 0 10px 0;}
	.client dl dt{ float:none; width:100%;}
	
	.product ul li{ width:48%; margin:0 4% 4% 0;}
	.product ul li:nth-child(2n){ margin:0 0 4% 0;}
	.product ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.product ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.p_tuijian ul li{ width:100%; float:none; margin:0;}
	
	#sp{ margin-left:-170px; margin-top:-85px; width:340px;}
	#spa>li{ width:47%; margin:0 4% 4% 0;;}
	#spa>li:nth-child(2n){ margin:0 0 4% 0;}
	#spa>li:nth-child(3n){ margin:0 4% 4% 0;}
	#spa>li:nth-child(6n){ margin:0 0 4% 0;}
	
	.contact_fgs dl{ float:none; width:100%; margin:0 0 4% 0;}
	.contact_fgs dl:nth-child(2n){ margin:0 0 4% 0;}
	
	
	.dht_qk{ display:block; height:50px; background:rgba(34,166,215,0.8); position:fixed; bottom:0; z-index:1000; width:100%; box-shadow:0 -2px 2px rgba(102,102,102,0.2); border-top:1px solid rgba(255,255,255,0.2);}
    .dht_qk li{ width:20%; float:left; height:50px;}
    .dht_qk li a{ border-right:1px solid rgba(255,255,255,0.2); color:#fff; display:block; font-size:12px; height:20px; overflow:hidden; padding-top:30px; text-align:center; vertical-align:bottom;}
    .dht_qk li.v1{ background:url(../images/s1.png) center 3px no-repeat;background-size:24px}
    .dht_qk li.v2{ background:url(../images/s2.png) center 3px no-repeat;background-size:24px}
    .dht_qk li.v3{ background:url(../images/s3.png) center 3px no-repeat;background-size:24px}
    .dht_qk li.v4{ background:url(../images/s4.png) center 3px no-repeat;background-size:24px}
    .dht_qk li.v5{ background:url(../images/s5.png) center 3px no-repeat;background-size:24px}

}