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

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

	.width_all{ max-width:980px;}
	
	.collar_department .company_name{ margin:38px 0 0 2%;}
	
	.advantage01_la_r{ width:79%;}
	.advantage02_ra_r{ width:79%;}
	.advantage03_la_r{ width:79%;}
	.advantage04_ra_r{ width:79%;}
	
	.footer .f_left{ width:24%; margin:0 2% 0 0;}
	.footer .f_left em{ padding:0 8% 0 0;}
	.footer .f_center{ width:42%;}
	.footer .f_center p{ line-height:17px; padding:0 6% 0 0;}
	.footer .f_center p.c1{ line-height:34px;}
	.footer .f_center p.c2{ line-height:34px;}
	.footer .f_right{ width:30%;}
	.footer .f_right dl dt{ width:38%;}
	.footer .f_right dl dd{ width:58%;}

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

	.width_all{ width:96%;}
	
	.head_width .head_center{ display:none;}
	.head_width .head_right{ display:none;}
	
	.collar_department h1{ width:148px; margin:29px 0;}
	.collar_department .company_name{ display:none;}
	.collar_department .rexian{ display:none;}
	
	.header .nav{ display:none;}
	.header .naverbox{ display:block; position:absolute; top:68px; right:2%; z-index:10;}
	.header .naverbox .btn{ height:40px; background:#0b78c9; 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:#0b78c9; 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:#0b78c9; display:block; text-decoration:none;}
	[data-simplersidebar='active'] {}
	
	.banner_pc{ display:none;}
	.banner_sj{ display:block;}
	
	.search .search_zi .sea_wz{ display:none;}
	
	.home_name .eng_title{ font-size:42px; line-height:42px;}
	
	.product_left{ display:none;}
	.product_right{ float:none; width:100%;}
	
	.advantage_name .eng_title{ font-size:42px; line-height:42px;}
	.advantage01_la_r{ width:68%;}
	.advantage02_ra_r{ width:68%;}
	.advantage03_la_r{ width:68%;}
	.advantage04_ra_r{ width:68%;}
	
	.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 .album_name{ padding:10px 2% 10px 2%;}
	
	.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;}
	
	.footer{ padding:20px 0;}
	.footer .footer_nav{ padding:2px 0 22px 0;}
	.footer .footer_nav a{ line-height:25px; margin:0 10px;}
	
	.footer .f_left{ float:none; background:none; min-height:inherit; width:100%; margin:20px 0 16px 0;}
	.footer .f_left strong{ margin:0 0 8px 0;}
	.footer .f_center{ float:none; background:none; width:100%; min-height:inherit; margin:0 0 16px 0;}
	.footer .f_center strong{ margin:0 0 8px 0;}
	.footer .f_right{ float:none; width:100%;}
	.footer .f_right dl{ margin:0 0 0 0;}
	
	.company_icp{ padding:12px 2%;}
	
	
	.content .content_left{ width:100%; float:none; margin:0 0 20px 0;}
	.content .content_left .ntpe{ display:none;}
	.content .content_left .l_news{ display:none;}
	.content .content_left .left_cont{ display:none;}
	.content .content_right{ width:100%; float:none;}
	.content .content_right .right_name h3{ display:none;}
	
	
}

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

    .sj_partner{ display:block;}
    .pc_partner{ display:none;}
    .partner2{ margin:26px auto 42px auto; position:relative;}
    .partner2 .par_prev2,.partner2 .par_next2{ position:absolute; display:block; width:15px; height:31px; top:50%; margin-top:-15px; z-index:99;}
    .partner2 .par_prev2{ left:0; cursor:pointer;}
    .partner2 .par_next2{ right:0; cursor:pointer;}
    .partner2:hover .par_prev2{ background:url(../images/l.png) no-repeat center;}
    .partner2:hover .par_next2{ background:url(../images/r.png) no-repeat center;}
    .partner_list2{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
    .partner_list2 ul{ width:800%;}
    .partner_list2 li{ float:left; width:6%; margin:0 0.5% 0 0;}
    .partner_list2 li img{ width:100%;}
    .partner_list2 li em{ font-size:14px; line-height:30px; height:30px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align:center;}
    .partner_list2 li a{ color:#525252; border:#eee 1px solid; display:block; padding:12px 12px 0 12px;}
    .partner_list2 li a:hover{ text-decoration:none; color:#1365b0;}
	
	.product_right ul li{ width:46%; margin:0 4% 4% 0; padding:1%;}
	.product_right ul li:nth-child(2n){ margin:0 0 4% 0;}
	.product_right ul li:nth-child(4n){ margin:0 0 4% 0;}
	.product_right ul li:nth-child(5n){ margin:0 4% 4% 0;}
	.product_right ul li:nth-child(6n){ margin:0 0 4% 0;}
	.product_right ul li:nth-child(7n){ margin:0 4% 0 0;}
	.product_right ul li:nth-child(8n){ margin:0;}
	
	.advantage01_l{ width:100%;}
	.advantage01_r{ position:inherit; width:96%; margin:0 auto 20px auto;}
	.advantage01_la_r{ width:75%;}
	.advantage02_l{ width:100%; margin:0 0 20px 0;}
	.advantage02_r{ width:100%;}
	.advantage02_ra_r{ width:75%;}
	.advantage03_r{ width:100%; margin:0 0 20px 0;}
	.advantage03_l{ width:100%;}
	.advantage03_la_r{ width:75%;}
	.advantage04_l{ position:inherit; width:96%; margin:0 auto 20px auto;}
	.advantage04_r{ width:100%;}
	.advantage04_ra_r{ width:75%;}
	
	.img-scroll .prev{ left:0;}
	.img-scroll .next{ right:0;}
	.img-list li{ width:6%; margin:0 0.5% 0 0;}
	
	.products ul li{ width:46%; margin:0 4% 4% 0;}
	.products ul li:hover{ transform:translateY(0);}
	.products ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.products_left{ float:none; width:100%; margin:0 0 22px 0;}
	.products_right{ float:none; width:100%;}
	
	.p_messages .input{ width:68%;}
	
	.shili ul li{ width:48%; margin:0 4% 4% 0;}
	.shili ul li:nth-child(2n){ margin:0 0 4% 0;}
	.shili ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.shili ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.hezuo ul li{ width:48%; margin:0 4% 4% 0;}
	.hezuo ul li:nth-child(2n){ margin:0 0 4% 0;}

}