@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%;}

.footHeight,.footNav{ display:block;}
.headtop{ min-width:100%; height:24px; overflow:hidden}

}

@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%;}

.touhang{ display:none}
}

/*此样式在窗口小于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%;}

}