@charset "utf-8";
/* CSS Document */
/*此样式在窗口小于1200px的时候生效*/
@media screen and (max-width: 1200px) {/*1280*600*/
.width1200{width:99%;}
.logo-nav{ height:60px;}
.navOpen{ display:block;}
.nav{ display:none;float:none;}
.logo{width:130px; height:60px;}
.logo img{ height:55px; width:auto;}
.psList{width:33.33%; float:left;padding:4px;}
.pro-ser dl{margin:0;width:100%; height:250px;}
.pro-ser dl.ps3,.pro-ser dl.ps6{margin:0}
.hengfu{height:179px; background-size:100%;}
.links li{width:16.66%;margin:0;border:0;padding:0 10px;margin:5px 0; text-align:center;}
.links li a{ display:block;width:100%;border:#D7D7D7 1px solid;}
.links li a:hover{border:#f00 1px solid;}
.links li:hover{ border:0;}
.inCaseList{float:left;width:25%;padding:5px;}
.inCase dl{width:100%;margin:0;}
.inCase dd{width:100%; }
.inCase dd a{width:100%;}
.Process dl{padding:10px;margin:0;}
.neiBan{ background-size:auto;}
.wzchyzz{ height:auto;}
.wzchLeft,.positions,.servLeft,.serRight,.services{ float:none;width:100%;text-align:center;padding:5px;margin:0;}
.title2{ font-size:18px;}
.caseList{width:33.33%; height:209px;padding:5px;margin:0;}
.caseList dl{width:100%; height:115px;padding:10px 15px; background:#fff;border:#f4f4f4 1px solid;}
.caseList dt,.caseList dd{ width:49%;}
.serLink a{ margin:10px auto; text-align:center}
.contactLeft,.contactMid,.contactRight{ width:20%;margin:0;padding:10px; font-size:14px;}
.contactRight{width:35%;}
.mapLeft,.map{ float:none;width:80%;margin:5px auto; text-align:center;}
.map iframe{width:100%;}
.messRight,.messLeft,.messText{ float:none;width:95%;margin:5px auto;padding:0;}
.messList,.messList .inputWidth1,.messList .inputWidth2,.messList .inputWidth3{width:100%;}
.messRight textarea{width:100%;}
.aboutLeft{width:60%;}
.aboutRight{width:40%;}
.case-1 dl{margin:10px 10%;}
}

/*此样式在窗口小于980px的时候生效*/
@media screen and (max-width: 980px) {/*980*1280*/

.footer{ display:none;}
.serRight h3{ font-size:18px; line-height:25px;}
.caseList{width:50%;}
.contactLeft,.contactMid,.contactRight{ width:99%;float:none;margin:10px auto;padding:10px; text-align:center;}
.case-1 dl{margin:10px 15%;}
}
/*此样式在窗口小于800px的时候生效*/
@media screen and (max-width: 800px) {/*800*1280*/
.inCase dl{width:272px;margin:10px auto; float:none;}
}

/*此样式在窗口小于768px的时候生效*/
@media screen and (max-width: 768px) {/*768*1024*/
.psList{width:50%; float:left;padding:10px;}
.inCaseList{width:50%;padding:5px;}
.pro-ser dl{ height:230px;}
.links li{width:33.33%;padding:0 5px;margin:5px 0;}
.inNew dl{ float:none;margin:10px auto;}
.Process dl{width:33.33%;}
.guanzhu,span.font14{ display:none;}
.aboutLeft,.aboutRight{ float:none;margin:5px auto;width:99%;}
.case-1 dl{margin:10px 13%;}
}
@media screen and (max-width: 480px) {
.Process dl{width:50%;}
.psList{width:100%; float:non;padding:10px;}
.inCaseList{width:100%;padding:10px;}
.caseList{width:100%;height:auto;}
.caseList dl{ height:auto;}
.nav.navToggle li a{ text-align:left;}
.case-1 dl{margin:10px 7%;}
}
/*此样式在窗口小于360px的时候生效*/
@media screen and (max-width: 360px) {/*320*640*/
.haderRight.fr{float:none;}
.phones{margin:0 5px 0 0;font-size:12px;}
.Process dl{width:50%;}
.case-1 dl{margin:10px 4%;}
}