@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%;}
    .imgInfo{height: 100%;width: 100%}
}