/*@media screen and (max-width: 1800px){	
	.caseout{ width:1000px; margin-left:-500px; left:50%;}
	.caseout .owl-carousel .owl-stage .active .caseDiv a, .caseout .owl-carousel .owl-stage .active .caseDiv a img{ width:200px; height:136px;}
}*/

@media screen and (max-width: 1350px){	
	img{ max-width:100%;}
	.wd1350{ width: 100%;}
	.mainBox{ padding:10px;}
	.left,.right{ float:none; width:100%; }
	.sidemenu li{ padding-top:0;}
	.sidemenu{ padding:0 0 30px; border-right:0;}
	.caseout .owl-theme .owl-controls .owl-nav{ width:100%;}
	.caseout .owl-theme .owl-controls .owl-nav .owl-prev{ margin-left:15px;}
	.caseout .owl-theme .owl-controls .owl-nav .owl-next{ margin-right:15px; }
	
}

@media screen and (max-width: 1024px){	
	.wd{ width:100%;}
	body{ min-width:100%;}
	.nav,.side,.floor li{ display:none;}
	.headRig{ padding-right:10px;}
	.header h1{ margin-left:10px;}
	.mobileIconCon,.floor li.back2up{ display:block;}
	.floor li{ border-bottom:0;}
	.floor{ bottom:166px;}
	.banner .item{ height:400px;}
	.slideTxtBox .bd ul,.indexserviceList{ margin:0;}
	.focusBox{ margin-left:5px;}
	.honor{ display:none;}
	.slideTxtBox .bd ul, .indexserviceList{ width:100%;}
	.slideTxtBox .bd ul li{ width:32.3333%; margin:0.5%;}
	.slideTxtBox .bd ul li.li1 a, .slideTxtBox .bd ul li.li4 a, .slideTxtBox .bd ul li.li7 a,.slideTxtBox .bd ul li a{}
	.slideTxtBox .bd ul li.li1 a, .slideTxtBox .bd ul li.li4 a, .slideTxtBox .bd ul li.li7 a{ width:100%;}
	.slideTxtBox .bd ul li a{ width:100%; overflow:hidden;}
	
	.focusBox{ float:none; margin:0 auto 15px;}
	.indexnews{ float:none; width:100%; padding:0;}
	.newsbox{ padding:0 10px;}
	
	.mainmenuTit{ display:block;}
	.mainmenu .wd{ display:none;}
	.mainmenu a{ display:block; width:100%; padding:8px 0;}
	.mainmenu a.on,.mainmenu a.on span{ background:#2b2b2b; color:#fff;}
	.bigimg{ height:170px;}
	.w870{ width:98%;}
	
	.employeeList{ padding:0 10px 76px;}
	.employeeList li.employ2{ padding-bottom:30px;}
	
	.hotnews li .newspic{ width:260px; height:152px;}
	.hotnews li .hotnewsText{ margin-left:283px;}
	.w903{ width:100%;}
	.serviceBt a span{ margin-top:-1px;}
	.w907{ width:96%;}
	
	.caseBox{ padding:0 15px 39px;}
	.caseimg{ margin:20px 0;}
	.caseDesign,.caseTab{ width:100%;}
	.casetable{ margin-left:0;}
	.recommendCase{ padding:0;}
	.article li a img{ display:none;}
	.article li a div{ width:auto; float:none; padding:0 10px; overflow:hidden;}
	.caseimg1,.caseimg2{ width:49%;}
	.index_videoBtn{ height:auto;}
	
	.caseout{ width:100%; margin-left:0; left:0;}
	.caseout .owl-theme .owl-controls{ margin-top:-47px;}
	.search{ display:none;}
	
}

/*@media screen and (max-width: 980px){
	
	.caseout .owl-carousel .owl-stage .active .caseDiv a, .caseout .owl-carousel .owl-stage .active .caseDiv a img{ width:180px; height:122px;}
	.caseout .item,.caseout,.caseout .owl-carousel .owl-stage .active{ height:421px; overflow:hidden;}
	
}*/

@media screen and (max-width: 800px){
	
	.employeeList li.employ2,.employeeList li{ padding-bottom:50px;}
	.serleft{ float:none; width:100%; padding:0 0 20px;}
	.serleft img{ display:block; margin:0 auto;}
	.serRight{ float:none; width:100%; text-align:center;}
	.serviceCon img{ display:block; margin:0 auto 10px;}
	.serviceCon .fl{ width:100%; text-align:center; float:none; margin-bottom:15px;}
	.service3{ float:none; padding:0; width:100%; text-align:center;}
	.service2{ width:400px; right:0;}
	.contactlist dl{ width:100%; float:none; }
	.contactlist dl.bor dt, .contactlist dl.bor dd{ padding-left:0;}
	.contactlist dl{ height:auto; padding-bottom:30px;}
	.tiles li,.tiles li img{ width:200px;}
	.caseDiv{ width:25%;}
	
}

@media screen and (max-width: 768px){
	
	.banner .item{ height:300px;}
	.slideTxtBox .bd ul li a{ height:120px;}
	.banner .owl-theme .owl-controls{ height:40px;}
	.banner .owl-theme .owl-controls .owl-dots{ margin-top:15px;}
	.case,.service{ padding:0 0 100px;}
	
	.footleft,.footright{ float:none; width:100%;}
	.footright ul li.ewm{ margin-left:15px;}
	
	.hotnews li .hotnewsText p{ height:50px; overflow:hidden;}
	.bigimg{ height:130px;}
	/*.mainsearch{ padding:30px 0 700px;}
	.caseout .item,.caseout,.caseout .owl-carousel .owl-stage .active{ height:568px;}*/
	
	.floor{ bottom:34px;}
		
}

@media screen and (max-width: 640px){
	
	.jobTab li.li1,.jobList h3 span.span1{ width:35%; text-indent:15px;}
	.jobTab li.li4,.jobList h3 span.span4{ width:23%;}
	.jobBox{ padding:20px 15px 13px;}
	.employeeText{ right:0; width:100%;}
	.employeeImg{ left:0; width:100%;}
	
	.hotnews li .newspic{ width:200px; height:117px;}
	.hotnews li .hotnewsText{ margin-left:223px;}
	.hotnews li .hotnewsText p{ height:25px; overflow:hidden;}
	.hotnewsTit{ margin:6px 0 8px;}
	.hotnews li{ padding:15px;}
	.newsmore{ height:25px; line-height:25px; bottom:0;}
	.hotnewsTit span{ display:none;}
	.hotnewsTit b{ width:100%;}
	.paged a, .paged .p_info, .paged .current{ padding:3px 6px;}
	
	.service2{ position:relative; top:0; width:100%; right:auto; left:0;}
	
	.article li{ height:100px;}
	.article li.articleBack{ height:100px; line-height:100px;}
	.article li a div{ margin-top:17px;}
	.article li a div p{ height:40px; overflow:hidden;}
	.article li a div b,.article li.articleBack{ font-size:1.6em;}
	.caseTit h1{ font-size:2em;}
	
	.index_videoBox{ width:400px; height:300px; margin:-150px 0 0 -200px;}
	
	.header{ height:75px;}
	.mobileIconCon a{ height:75px; line-height:75px;}
	.search{ margin-top:27px;}
	.header h1{ margin-top:17px; width:200px; height:38px;}
	
	.hotnewsTit b{ font-size:1.4em;}
	.hotnews li .hotnewsText p,.newslist li .hotnewsText p{ font-size:1.2em;}
	
	/*.mainsearch{ padding:20px 15px 668px;}*/
	.mainsearch div{ width:45%;}
	.mainsearch div.search2{ margin-left:2%;}
	.mainsearch .relselet{ margin-bottom:10px; }
	.customSelect{  padding:0; text-indent:8px; width:100%;}
	.slideTxtBox .bd ul li a div{ text-align:center;}
	.slideTxtBox .bd ul li a div p{ padding-right:0;}
	.slideTxtBox .bd ul li a{ height:100px;}
	.slideTxtBox .bd ul li a span{ width:30px; height:30px; margin:-15px 0 0 -15px; background-size:cover;}
	.caseDiv{ width:34%;}	
	.caseDiv a{ padding:6px;}
	
}

/*@media screen and (max-width: 540px){
	.caseout .item,.caseout,.caseout .owl-carousel .owl-stage .active{ height:852px;}
	.mainsearch{ padding:20px 0 952px;}

}*/

@media screen and (max-width: 480px){
	
	.hotnews li .newspic{ width:150px; height:87px;}
	.hotnews li .hotnewsText{ margin-left:173px;}
	.hotnewsTit { margin:0; height:30px; line-height:30px;}
	.newslist li .newspic{ width:125px; height:83px;}
	.newslist li .hotnewsText{ margin-left:143px;}
	.tiles li,.tiles li img{ width:180px;}
	.bigimg{ height:105px;}
	
}

@media screen and (max-width: 414px){
	
	.banner .item{ height:200px;}
	.focusBox{ width:296px; height:237px;}
	.focusBox .pic img{ width:280px; height:184px;}
	.copy{ line-height:24px; padding:10px 0;}
	.copy p,.copy a{ float:none; padding:0; text-align:center; width:100%;  margin:0;}
	.footleft li{ float:none; width:auto; margin:0 15px 17px;}
	.footlogo{ margin-left:13px;}
	.serviceBt a span{ display:none;}
	
	.article li a div b, .article li.articleBack,.caseDiv a p{ font-size:1.2em;}
	.article li a div p{ font-size:1em;}
	
	.index_videoBox{ width:300px; height:200px; margin:-100px 0 0 -150px;}
	.owl-theme .owl-controls{ height:25px;}
	.owl-theme .owl-controls .owl-page span{ margin:8px 6px 0;}
	
	.tiles li,.tiles li img{ width:230px;}
	/*.caseout .owl-carousel .owl-stage .active .caseDiv a, .caseout .owl-carousel .owl-stage .active .caseDiv a img{ width:135px; height:92px;}
	.caseout .item,.caseout,.caseout .owl-carousel .owl-stage .active{ height:670px;}
	.mainsearch{ padding:20px 0 720px;}*/
	.owl-theme .owl-controls .owl-nav [class*="owl-"],.caseout .owl-theme .owl-controls .owl-nav [class*="owl-"]{ height:35px; width:35px;}
	.caseout .owl-theme .owl-controls .owl-nav .owl-prev,.caseout .owl-theme .owl-controls .owl-nav .owl-next{ background-size:100%;}
	.caseout .owl-theme .owl-controls{ margin-top:-35px; height:35px;}
	
	.slideTxtBox .bd ul li a{ height:80px;}
	.slideTxtBox .bd ul li a div{ font-size:1.2em;}
	
	.bigimg{ height:85px;}
	
	.caseout .owl-theme .owl-controls .owl-nav .owl-next{ margin-right:10px;}
	.caseout .owl-theme .owl-controls .owl-nav .owl-prev{ margin-left:10px;}

}

@media screen and (max-width: 375px){
	
	.floor li{ width:28px; height:28px;}
	.floor{ bottom:68px;}
	
}

@media screen and (max-width: 320px){
	
	.floor{ bottom:56px;}
	.bigimg{ height:80px;}
	
}