/* 响应式从这里开始  */
/*平板横屏*/
@media screen and (max-width : 1024px){
	* {
	    -webkit-user-select:none; /* Prevent copy paste for all elements except text fields */
	    -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* set highlight color for user interaction */
	    -moz-tap-highlight-color:rgba(0, 0, 0, 0); /* set highlight color for user interaction */
	    -ms-touch-action:none;
	    -moz-user-select:-moz-none;
	    -webkit-touch-callout: none; /* prevent the popup menu on any links */
	    margin:0;
	    padding:0;
	    -webkit-box-sizing:border-box;
	    -moz-box-sizing:border-box;
	    box-sizing:border-box;
	}
	img{ max-width: 100% !important;}
	.wd,.main{ width: 100%;}
	.content{ width:auto; margin:0 20px;}
	#web{ min-width: 0; overflow: hidden;}
	
	/*index*/
	.header{ height:auto;}
	#floor_select,.banner_bj{ display:none;}
	.logo{ margin:9px 0 0 10px;}
	.headright{ margin:35px 10px 0 0}
	.customSelect{ padding-left:15px; width:94px;}
	.lang{ padding-right:0;}
	.nav li:first-child{ background:url(../images/icon2.jpg) no-repeat 18px center;}
	
	/*banner*/
	.banner{ height:auto;}
	.banner .bd{ width:100%;}
	.banner .bd .txt{ left:52px; top:70px;}
	.banner_bj{ display:none;}
	.banner .bd .btn{ width:132px;}
	
	.proicon{ margin:0 0 18px 10px;}	
	.midlist li:hover{ background:#e1f0f9; color:#1c5a87;}
	.midlist li:hover .midtit a{ color:#174b70;}
	.footer p{ padding:37px 20px 0 10px; line-height:22px;}

	
	/*product-list*/
	.bigimg{ background-size: auto 100% !important;}
	
	.productlist{ margin:0 0 0 10px;}
	.paged{ text-align:center;}
	
	/*product-info*/
	.probox .newsimg{ margin:5px 0 0 ;}
	.probox .bd{ height:319px;}
	
	/*support-list*/
	.supportlist{ margin:41px 20px 70px;}
	.supportlist li{ padding:0 20px;}
	.supportlist li a.a2{ width:80%;}
	.supportlist{ margin:30px 20px 50px;}
	
	.title{ padding:5px 0 2px;}
	.newscontent,.newsprev,.newstit{ margin:0 20px;}
	
	/*.honor-list*/
	.honorlist{ margin:24px 20px 52px;}
	.honorlist li a div{ overflow:visible !important;}
	
	/*about-anli*/
	.salesBox .scroll{ width:auto; height:423px;}
	.salesBox .newsimg span, .salesBox .newsimg p,.salesBox .newsimg{ width:180px; height:120px;}
	.salesBox .sImg{ width:180px; margin:20px 0;}
	.salesBox{ width:100%}
	.salesBox .bImg li{ width:612px !important;}

	/*job*/
	.jobList{ padding:38px 20px 0;}
	.jobList h3 b{ width:30%; float:left; height:35px; overflow:hidden;}/*0521*/
	.jobList h3 span{ width:22%; float:left;height:35px; overflow:hidden;}/*0521*/
		
	/*news-list,news-info*/
	.newslist{ margin:0 20px;}
	.procon .newslist{ margin:0;}
	.newsimg span, .newsimg p{ width:182px; height:120px;}
	.newsimg{ height:auto;}
	
	.bpos p{ width:100%;}
	.newslist{ width:95%;}
	.productlist li a p{ margin-top:5px;}
	/*0520 strat*/
	.langchange{ display:block;}
	.reselet,.customSelect,.customSelectInner{ display:none !important;}
	.headright{ margin:43px 10px 0 0;}
	/*0520 end*/
	.banner .bd li img{ width:100%;}/*0521*/
	.banner,.banner .bd li img{ height:300px;}/*0521*/
	.proimg a img{ width:100%; height:auto;}/*0521*/
	
        .service{ display:block;}/*0525*/

}

@media screen and (max-width : 768px){
	.bdshare-slide-button-box{display:none;}
	/*index*/
	.logo{ width:350px; height:auto;}
	.nav li,.nav li:first-child{ width:16%;}
	.txtwidth{ height:181px;}/*0521*/
	.indexmain{ height:532px;}
	.indexleft, .indexmid, .indexright{ height:532px;}
	.proicon a{ width:98%; height:auto;}
	.proimg a{ height:auto;}
	.index_anli{ background-size:auto !important;}
	.midlist li p{ height:42px; overflow:hidden;}
	.midlist li{ padding:10px 27px;}
	.rightlist li,.rightlist li:first-child{ padding:10px 27px;}
	.footer p{ padding:25px 20px 0 10px;}
	
	/*product-list*/
	.bigimg{ height:200px;}
	.mainnav li{ width:22%; text-align:center;}
	.mainnav li h3 a{ padding:0;}
	.productlist li{ width:24%;height:205px; overflow:hidden;}
	.productlist li a img{ height:auto;}
	.productlist li a p{ width:auto; overflow:hidden; }
	
	.paged .current{ display:block; margin:10px 0 !important;}
	.paged{ padding:25px 0;}
	
	/*product-info*/
	.procon{ width:100%; height:auto; overflow:hidden; position:relative;}
	.probox,.procontent{float:none; margin-left:10px; width:100%;}
	.probox .bd{ margin-right:10px;}
	.protab2 th .p2 span{ width:50%;}
	.protab2 th{ height:50px;}
	.protab1 td{ text-indent:15%;}
	
	/*news-list,news-info*/
	.newslist li .newsimg a p{ height:100% !important;}
	.newslist li p{ height:63px; overflow:hidden; line-height:22px; margin-bottom:10px;}
	
	/*.honor-list*/
	.honorlist li a span{ width:80%; overflow:hidden; height:45px; line-height:45px;}
	
	/*.devloment-list*/
	.devloplist li b{ font-size:30px;}

	/*about-anli*/
	.salesBox{ padding:48px 0 48px 20px;}
	.salesBox .bImg{ width:70% !important; height:360px !important;}
	.salesBox .bImg li{ height:auto !important; width:auto !important; padding:15px 23px;}
	.salesBox .scroll{ width:22%; height:360px;}
	.salesBox .newsimg span, .salesBox .newsimg p, .salesBox .newsimg,.salesBox .sImg ul,.salesBox .sImg{ width:100%; height:100px;}
	
	/*job*/
	.jobList h3{ padding:0 0 0 14px;}
	.jobList h3 b{ width:30%;}
	.jobList h3,.jobList h3.on{ background-position:98% center;}
	
	.nav li dl.d0,.nav li dl.d1, .nav li dl.d2, .nav li dl.d3, .nav li dl.d4, .nav li dl.d5{ width:16%;}
	.nav li dl.d1{ left:16%;}
	.nav li dl.d2{ left:32%;}
	.nav li dl.d3{ left:48%;}
	.nav li dl.d4{ left:64%;}
	.nav li dl.d5{ left:80%;}
	#map{ float:none !important; width:98% !important;}
	
	.banner,.banner .bd li img{ height:220px;}/*0521*/
	
	
}

@media screen and (max-width:640px){
	.bdshare-slide-button-box{display:none;}
	/*index*/
	.headtop{ height:80px;}
	.headright{ margin:28px 10px 0 0;}/*0520*/
	.logo{ width:300px;}
	.search{ width:155px;}
	.bigimg{ height:160px;}
	.bigimg img{ padding-top:60px !important;}
	
	.nav{background:#f8f8f8; height:76px; border-top:1px solid #dfdfdf;}
	.nav li, .nav li:first-child{ background:none; width:33.3%; border-bottom:1px solid #d3d3d3;}
	.nav li dl,.nav li dl.d0,.nav li dl.d1,.nav li dl.d2,.nav li dl.d3,.nav li dl.d4,.nav li dl.d5{width:100%; left:0 !important;}
	.nav li dl.d3,.nav li dl.d4,.nav li dl.d5{ top:76px;}

	.searchtext{ width:82%;}
	.searchsub{ width:15%;}
	.lang{ display:none;}
	
	.indexmain,.indexleft,.indexmid,.indexright{ height:auto;}
	.indexleft, .indexmid,.indexright{ width:100%; float:none;}
	.proicon a img{ width:auto;}
	.index_pro{ margin-top:20px;}
	.proimg,.index_anli{ width:50%; float:left; height:315px;}
	.indexleft{ height:auto; overflow:hidden;}
	.index_anli a p{ display:block;}
	.indexmid{ padding:20px 0 30px; margin:5px 0;}
	.indextit{ margin:0 0 10px;}
	.midlist li p{ height:auto;}
	.indexright{padding:20px 0 30px;}

	/*product-list*/
	.mainnav{ margin-bottom:5px;}
	.mainnav ul{ position: absolute; top:44px; float: none; height: auto;display:none; background:#f8f8f8; z-index:990; width:100%;}
	.mainnav ul li{ width: 100% !important; float: none; background:#f8f8f8; padding: 0; }
	.mainnav ul li.on h3 a{ background:#ccc; width:100%;}
	.mainnav span{ display:block;}
	.bigimg{ margin-bottom:5px;}
	
	/*product-info*/
	.slideTxtBox .hd ul li{ width:20%;}
	.salesBox .sImg{ margin:18px 0;}
	
	/*support-list*/
	.supportlist li a{ width:72%; height:48px; line-height:48px; overflow:hidden;}
	.supportlist li a.a1{ width:80px;}
	
	/*.honor-list*/
	.honorlist li a div{ margin-left:-100px;}
	.honorlist li a div img{ width:200px; height:auto;}
	
	/*.devloment-list*/
	.devloplist li b{ font-size:26px; background:url(../images/devlop_bj.jpg) no-repeat right 6px;}
	
	/*about-anli*/
	.salesBox .bImg,.salesBox .scroll{ height:300px !important;}
	.salesBox .newsimg span, .salesBox .newsimg p, .salesBox .newsimg,.salesBox .sImg ul,.salesBox .sImg{ height:80px !important;}
	
	/*job*/
	.jobList h3{ margin-bottom:13px;}
	.jobList h3,.jobList h3.on{ font-size:12px;}
	.jobList .jobBox{ margin-top:-13px; padding:16px 13px 10px 18px;}
	.jobList h3 span{ width:auto; padding-right:5px;}
	.jobList h3 b,.jobList h3 span{ height:44px; line-height:44px; overflow:hidden; float:left;}
	.jobList .jobBox { clear:both;}
	
	.bpos p{ padding:10px 3%; max-height:55px; overflow:hidden;}
	
	.newslist{ margin:0 15px; width:94%;}
	.banner,.banner .bd li img{ height:180px;}/*0521*/
	.mainnav ul li h3 a{ width:100%;}/*0521*/
	.mainnav li:hover h3 a, .mainnav li.on h3 a{ background:#ccc;}/*0521*/
	
	
}

@media screen and (max-width:540px){
	.bdshare-slide-button-box{display:none;}
	/*index*/
	.logo{ width:50%;}
	.search{ width:135px;}
	.searchtext{ width:80%;}
	.searchsub{ width:16%;}
	.index_anli a p{ height:63px; overflow:hidden;}
	.proimg, .index_anli{ height:266px;}
	.index_anli a span{ width:85px; margin:67px 0 0 8px;}
	.footer{ height:auto; padding-bottom:10px;}
	.proimg a b{ font-size:16px;}
	.txtwidth{ height:250px;}
	.banner .hd ul li{ margin:0 2px;}
	.banner .bd .txt img{ width:120px; height:auto;}
	.banner .bd .txt{ top:30px; left:30px;}
	.banner .bd .btn{ background-size:100%; width:100px; font-size:12px; height:auto; line-height:26px; padding-left:16px;}
	.banner .bd .txt b{font-size:16px;}
	
	/*product-list*/
	.productlist li{ height:170px; font-size:12px;}
	.paged a, .paged .p_info, .paged .current, .paged .on{ padding:4px 9px; margin:0 2px;}
	.bigimg{ height:135px;}
	.bigimg img{ width:70%;}

	/*product-info*/
	.probox{ height:auto; overflow:hidden;}
	.probox .bd{ float:none; margin-bottom:10px;}
	.probox .hd{ float:none; width:auto;}
	.probox .newsimg{ margin:0 0 0 7px;}
	.probox .newslist li:first-child .newsimg{ margin:0;}
	.procontent{ margin-top:20px;}
	
	/*support-list*/
	.supportlist li a{ width:65%;}
	
	/*news-list,news-info*/
	.newslist li{ padding:20px 0;}
	.newslist li p{ height:43px;}
	.probox, .procontent{ margin-left:0;}
	.slideTxtBox{ margin:0 0 39px 0px;}
	.slideTxtBox .bd ul{ padding:15px;}
	
	/*.honor-list*/
	.honorlist li a span{ width:75%;}
	
	/*.devloment-list*/
	.devloplist li b{ padding-right:20px; margin-right:20px;}
	
	/*about-anli*/
	.salesBox .newslist li .newsimg{ width:auto !important;}
	.salesBox .bImg, .salesBox .scroll{ height:265px !important;}
	.salesBox .newsimg span, .salesBox .newsimg p, .salesBox .newsimg, .salesBox .sImg ul, .salesBox .sImg{ height:68px !important;}
	
	/*.job*/
	.jobList{ padding:8px 20px 0;}
	.jobList h3 b,.jobList h3 span,.jobList h3, .jobList h3.on{height:34px; line-height:34px;}
	.jobList h3, .jobList h3.on{ background-size:5%;height:35px; line-height:35px;}
	.jobList h3 span:last-child{ display:none;}
	.jobList h3 span{ padding-left:20px;}
	
	/*about-anli*/
	.salesBox .bImg li{ padding:15px;}
	.title{ font-size:12px; padding:0 0 2px;}
}

/* 三星 480px  */
@media screen and (max-width: 480px){	
         .bdshare-slide-button-box{display:none;}
	/*index*/
	.banner .bd .txt{ width:400px;}
	.txtwidth{ height:220px;}
	.search{ width:120px;}
	.proimg, .index_anli{ height:236px;}
	.index_anli a p{ display:none;}
	.index_anli a{ position:relative;}
	.index_anli a span{ position:absolute; left:50%; bottom:30px; margin:0 0 0 -50px; background:#0666aa; border:none; width:100px;}
	.index_anli{ background-size:100% !important;}
	.footer p a.fr{ float:none; padding:0 15px 0 0;}
	.bigimg{ height:120px;}
	.bigimg img{ padding-top:35px !important;}
	
	/*product-list*/
	.productlist li{ width:48%; height:225px;}
	.salesBox .sImg li{ margin-bottom:4px;}
	
	/*honorlist*/
	.honorlist li a b{ font-size:16px;}
	
	/*.devloment-list*/
	.devloplist li b{ font-size:20px; background:url(../images/devlop_bj.jpg) no-repeat right 3px;}

	/*about-anli*/
	.salesBox .bImg, .salesBox .scroll{ height:235px !important;}
	.salesBox .scroll{ margin-right:10px;}
	.salesBox .newsimg span, .salesBox .newsimg p, .salesBox .newsimg, .salesBox .sImg ul, .salesBox .sImg{ height:58px !important;}
	
	/*job*/
	.jobList h3 span:last-child{ display:none;}
	.jobList h3 b{ width:25%;}
	
	/*about-anli*/
	.salesBox .newsimg span{ background-size:35%;}
	.banner, .banner .bd li img{ height:160px;}/*0521*/

}

@media screen and (max-width: 414px){
	.bdshare-slide-button-box{display:none;}
	/*index*/
	.banner .bd .txt{ width:300px;}
	.banner .bd .txt img{ width:100px;}
	
	.logo{ width:85%; float:none; margin:5px 0 0 10px;}
	.headright{ float:none;}
	.headtop{ height:auto; overflow:hidden; padding-bottom:10px;}
	/*.headright{ margin:15px 10px 0 0}*//*0520*/
	.search{ width:96%; margin-left:10px;}/*0520*/
	.searchtext{ width:85%;}
	.searchsub{ width:12%;}
	.proimg, .index_anli{ height:204px;}
	.proimg a b{ top:30px; font-size:12px;}
	
	/*product-list*/
	.bigimg{ height:105px;}
	.bigimg img{ margin-left:-10px;}
	.productlist li{ height:220px;}

	/*product-info*/
	.probox .bd a img{ max-width:100%;}
	.probox .bd li a,.probox .bd{ width:350px; height:250px;}
	.procon{ margin:30px 0 26px;}
	.probox .newsimg{ width:22%; height:auto;}
	.slideTxtBox .hd ul li{ width:25%;}
	.protab2{ overflow:hidden;}
	
	/*support-list*/
	.supportlist li a{ width:55%; height:40px; line-height:40px;}
	.supportlist li{ height:40px; line-height:40px;}
	.supportlist li span{ font-size:20px; width:30px;}
	
	/*news-list,news-info*/
	.newstit{ text-align:left;}
	.newstit h1{ font-size:16px;}
	.newsimg{ width:40%;}
	.newslist li p{ height:18px;}
	.more a{ height:25px; line-height:25px;}
	
	/*.honor-list*/
	.honorlist li a div{ margin-left:-90px;}
	.honorlist li a div img{ width:180px;}
	.honorlist li a b{ padding-right:20px;}
	.honorlist li a span{ width:68%;}
	
	/*.devloment-list*/
	.devloplist{ padding:10px 0 20px;}
	.devloplist li b{ margin-right:10px; padding-right:10px;}
	
	/*about-anli*/
	.salesBox .bImg, .salesBox .scroll{ height:205px !important;}
	.salesBox .scroll{ margin-right:10px;}
	.salesBox .newsimg span, .salesBox .newsimg p, .salesBox .newsimg, .salesBox .sImg ul, .salesBox .sImg{ height:48px !important;}
	
	/*job*/
	.jobList h3 span{ padding-left:0;}
	.newslist{ width:91%;}
	
	.langchange{ top:70px;}/*0521*/
	.banner, .banner .bd li img{ height:140px;}/*0521*/
	
}

@media screen and (max-width:375px){
         .bdshare-slide-button-box{display:none;}
	/*index*/
	/*.search{ width:70%;}*//*0520*/
	.proimg, .index_anli{ height:184px;}
	.index_anli a span{ bottom:5px;}

	/*product-info*/
	.probox .bd li a,.probox .bd{ width:315px;}
	.bigimg{ height:95px;}
	
	/*.honor-list*/
	.honorlist li a div{ margin-left:-65px;}
	.honorlist li a div img{ width:130px;}
	
	/*about-anli*/
	.salesBox .bImg, .salesBox .scroll{ height:185px !important;}
	.salesBox .scroll{ margin-right:10px;}
	.salesBox .bImg li{ padding:15px;}
	.salesBox .newsimg span, .salesBox .newsimg p, .salesBox .newsimg, .salesBox .sImg ul, .salesBox .sImg{ height:42px !important;}
	
	/*job*/
	.jobList{ padding:8px 5px 0;}
	.jobList h3{ padding:0 0 0 5px;}
	.jobList h3,.jobList h3.on{overflow:hidden}
	
	.productlist li{ height:205px;}
	.langchange{ top:63px;}/*0521*/

	
}


@media screen and (max-width:360px){
	.bdshare-slide-button-box{display:none;}
	/*index*/
	.banner .bd .txt .s1{ display:none;}
	/*.search{ width:68%;}*//*0520*/
	.proimg, .index_anli{ height:176px;}
	.productlist li{ height:200px;}
	.probox .bd li a, .probox .bd{ width:302px; height:230px;}
	
	/*about-anli*/
	.salesBox .bImg, .salesBox .scroll{ height:175px !important;}
	.salesBox .newsimg span, .salesBox .newsimg p, .salesBox .newsimg, .salesBox .sImg ul, .salesBox .sImg{ height:38px !important;}
	
	/*job*/
	.jobList h3 span:first-child{ display:none;}
	.banner, .banner .bd li img{ height:120px;}/*0521*/

}

@media screen and (max-width:320px){
	.bdshare-slide-button-box{display:none;}
	/*inndex*/
	.txtwidth{ height:150px;}
	.banner .bd .btn{ width:80px; line-height:20px; padding-left:8px; height:23px;}
	/*.search{ width:63%;}*//*0520*/
	
	/*product-list*/
	.proicon a img{ width:80%;}
	.proimg, .index_anli{ height:158px;}
	.bigimg{ height:80px;}
	.productlist li{ height:185px;}
	
	/*support-list*/
	.supportlist li a{ width:50%;}
	
	/*news-list,news-info*/
	/*.honor-list*/
	.honorlist li a div{ margin-left:-50px;}
	.honorlist li a div img{ width:100px;}
	
	/*about-anli*/
	.salesBox .bImg, .salesBox .scroll{ height:155px !important;}
	.salesBox .newsimg span, .salesBox .newsimg p, .salesBox .newsimg, .salesBox .sImg ul, .salesBox .sImg{ height:32px !important;}
	
	/*job*/
	.jobList h3 b{ width:35%;}
	.langchange{ top:60px;}/*0520*/
	.headright{ margin:34px 10px 0 0;}/*0520*/
	
	
	

}
