@charset "utf-8";
/* CSS Document */

a{ text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
input:focus{outline:none;}
textarea:focus{outline:none;}
* {padding: 0;margin: 0; -webkit-tap-highlight-color: rgba(255,0,0,0); box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ }
h1,h2,h3,h4,h5,h6{ font-weight:normal; padding:0px; margin:0px;}
img{ border:none; display:block;}
ul,li{ list-style:none;}
p{ padding:0; margin:0;}
i{ font-style:normal;}
body{padding:0; margin:0;font-family: Arial,Microsoft YaHei;
 min-width: 320px;}
input,button,textarea,select{ font-family: Arial,Microsoft YaHei;}
.viewer-button{ z-index: 99 !important; }
.viewer-container{ z-index: 8 !important; top: 0 !important;}

.bigbox{ transition: all 0.4s }
.bigbox.on{ }

.phonenav{ width: 100%; background-color: #fff; padding: 15px; position: fixed; left:-100%; height: 100%; top: 50px; z-index: 9; transition: all 0.4s;  }
.phonenav.on{left: 0}
.phonenav ul{ overflow:hidden; }
.phonenav ul li{ float: left; padding: 6px}
.phonenav ul li a{ display: block; padding: 18px 16px; background-color: #e1e1e1; color: #a1a1a1; border-radius: 4px ; font-size: 14px; font-weight: bold;}
.phonenav ul li.on a{ background-color: #016add; color: #fff; }


/*首页*/ 
.navBox{ width: 100%; border-bottom: 1px solid rgba(255,255,255,0.6); position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.2); z-index: 5; padding-left: 300px; padding-right:300px; } 
}
.onactive{ background-color:rgba(0,0,0,1) !important;  }
.navBox .navLeft{ position: absolute; left: 60px; top: 0; width: 200px; padding: 19px 0; overflow:hidden; transition:all 0.4s; }
.navBox .navLeft .logoBox{ display: block; height: 48px; margin: 0 auto; transition:all 0.4s;  }
.navBox .navLeft .logoBox img{ display: block; margin: 0 auto; height: 100%; transition:all 0.4s; }
.navBox .bigMid{ max-width: 1200px; margin: 0 auto; text-align: center; transition:all 0.4s;} 
.navBox .bigMid li{display: inline-block;position: relative;text-align: center;font-size: 17px;color: #fff;line-height: 86px;}
.navBox .bigMid li a{ padding: 0 25px; display: block; color: inherit; transition:all 0.4s;}
.navBox .bigMid li.on::after{ content: ''; width: 48px; height: 3px; background-color: #fff; position: absolute; left: 50%; margin-left: -24px; 
bottom: -2px; background-color: #fff;  opacity: 1; }
.navBox .bigMid li:hover::after{ content: ''; width: 48px; height: 3px; background-color: #fff; position: absolute; left: 50%; margin-left: -24px; 
bottom: -2px; background-color: #fff;  opacity: 1; }
.navBox .navRight{ position: absolute; right: 60px; top: 0; width: 200px; padding: 19px 0; font-size: 14px; line-height: 48px; transition:all 0.4s; overflow: hidden;  }
.navBox .navRight .telPhone{ display: block; text-align: center; overflow: hidden;  }
.navBox .navRight .telPhone img{ display: block; width: 16px; height: 16px; margin: 16px 0; float: right;  }
.navBox .navRight .telPhone span{ display: block; color: #fff; float: right; margin-left: 10px;  }

.navBg{ position: fixed; left: 0; bottom: 0; top: 50px; z-index: 1; width: 100%; background-color: rgba(0,0,0,0); display: none; }
.navBox .menu{ display: block; float: right; padding: 6px; margin: 10px 0;z-index: 2; cursor:pointer; box-shadow:inset 0 0 5px #ccc; border-radius: 3px; transition: all 0.4s; display: none;}
.navBox .menu img{ display: block; width: 20px; height: 16px;}
.navBox .menu:hover{ /*box-shadow: inset 0 0 5px #ccc; background-color: #016add;*/}
/*首页*/

@media(max-width:1800px){
    .navBox{ padding: 0 290px; }
    .navBox .navLeft{ left: 50px; }
    .navBox .navRight{ right: 50px; }
}
@media(max-width:1700px){
    .navBox{ padding: 0 270px; }
    .navBox .navLeft{ left: 40px; }
    .navBox .navRight{ right: 40px; }
}
@media(max-width:1600px){
    .navBox{ padding: 0 250px; }
    .navBox .navLeft{ left: 30px; }
    .navBox .navRight{ right: 30px; }
}

@media(max-width:1500px){
    .navBox{ padding: 0 230px; }
    .navBox .navLeft{ left: 20px; }
    .navBox .navRight{ right: 20px; }
    .navBox .bigMid li{/* font-size: 15px; */}
    .navBox .bigMid li a{ padding: 0 20px; }
}

@media(max-width:1350px){
    .navBox{ padding:0 210px 0 190px; }
    .navBox .navLeft{ /*width: 120px;*/ }
    .navBox .navLeft .logoBox{ float: left; height: 40px; width: auto;}
    .navBox .navRight .telPhone{ height: 40px; }
    .navBox .bigMid{ padding: 0 10px; }
    .navBox .bigMid li{line-height: 78px;/* font-size: 14px; */width: 12.5%;float: left;text-align: center;}
    .navBox .bigMid li a{ padding: 0 0px; }
    .navBox .navRight { font-size: 13px; line-height: 40px; width: 190px; }
    .navBox .navRight .telPhone{}
    .navBox .navRight .telPhone img{ margin: 12px 0; }
    .viewer-container{ top: 0 !important;}
}

@media(max-width:1250px){
    .navBox{ padding:0 196px 0 190px; }
    .navBox .bigMid{ padding: 0 5px; }
    .navBox .bigMid li{line-height: 78px;/* font-size: 13px; */width: 12.5%;float: left;text-align: center;}
    .navBox .navRight { font-size: 12px; line-height: 40px;  width: 176px; }
    .navBox .navRight .telPhone{}
    .navBox .navRight .telPhone img{ margin: 12px 0; }
}

@media(max-width: 1050px){
    .navBox{ padding: 0 15px; height: 50px; border: none; background-color: rgba(0,0,0,0.6)  }
    .navBox .menu{ display: block; float: left;  }
    .navBox .navLeft{ padding:10px 0; position: static; left: 0; float: right; }
    .navBox .navLeft .logoBox{ float: left; height: 30px; }
    .navBox .navRight{ display: none; }
    .navBox .bigMid{ width: 100%; position: absolute; left: 0; top: 50px; z-index: 2; width: 100%; display: none; background-color:rgba(255,255,255,1); }
    .navBox .bigMid li{ display: block; float: none; width: 100%; color: #888; text-align: left; padding: 0 20px; line-height: 40px; border-bottom: 1px solid #eee; }
    .navBox .bigMid li a{ display: block;  }
    .navBox .bigMid li::after{ display: none; }
    .indexbody{border-top: 50px solid #016add; }

    .viewer-container{ top: 0 !important;}
}

.MidTitle{ text-align: center; margin-bottom: 40px; position: relative; z-index:2;}
.MidTitle h3{ font-size: 26px; line-height: 30px; color: #000; text-align: center; transition:all 0.4s; }
.MidTitle h4{ font-size: 14px; line-height: 30px; margin: 5px 0 10px 0; color: #aaa; text-align: center; font-family: "Arial";text-transform:Uppercase;}
.MidTitle .midIcon{ display: block; margin: 0 auto;}

.MidTitle.white h3{ color: #fff; }
.MidTitle.white h4{ color: #fff; }

@media(max-width:1400px){
    .MidTitle{ margin-bottom: 30px;}
    .MidTitle h3{ font-size: 24px; }
    .MidTitle h4{margin: 3px 0 6px 0;}
}
@media(max-width:1200px){
    .MidTitle{ margin-bottom: 20px;}
    .MidTitle h3{ font-size: 22px;}
    .MidTitle h4{ font-size: 13px; margin: 3px 0 5px 0;}
}
@media(max-width:1050px){
    .MidTitle h3{ font-size: 18px; margin:0; }
    .MidTitle h4{ font-size: 12px; margin:0 0 3px 0; }
}
@media(max-width:1020px){
    .MidTitle h3{ font-size: 16px; }
}
@media(max-width:900px){
    .MidTitle h3{ line-height: 24px; font-size: 15px;  margin:0; }
    .MidTitle h4{ line-height: 26px;  }
}

/*indexBranch*/
.indexBranch{ padding: 100px 0 70px 0; transition:all 0.4s; }
.indexBranch ul{ overflow: hidden; width: 80%; margin: 0 auto; transition:all 0.4s; }
.indexBranch ul li{ display: block; width: 13.28%; border-radius: 8px; float: left; margin: 0 0.5%; transition:all 0.4s; text-align: center; padding: 40px 0px 20px 0px; }
.indexBranch ul li .pic{ display: block; width:92px; height: 92px; margin: 0 auto; position: relative;  }
.indexBranch ul li .pic img{ display: block; width: 100%; transition:all 0.4s; }
.indexBranch ul li .pic .white{ transform: scale(0); position: absolute; left: 0; top: 0; }
.indexBranch ul li p{ font-size: 15px; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; margin-top: 8px; text-align: center; }
.indexBranch ul li:hover{ background-color: #016add; box-shadow: 0 0 12px #016add; }
.indexBranch ul li:hover .pic .black{ transform: scale(0);}
.indexBranch ul li:hover .pic .white{ transform: scale(1); }
.indexBranch ul li:hover p{ color: #fff; }
/*indexBranch*/
@media(max-width:1400px){
    .indexBranch{ padding: 70px 0 50px 0;}
    .indexBranch ul{ width: 90%; }
    .indexBranch ul li{ width: 14.28%; margin: 0; padding: 25px 0px 15px 0px; }
    .indexBranch ul li .pic{ width:76px; height: 76px;  }
    .indexBranch ul li p{ font-size: 14px;}
}
@media(max-width:1200px){
    .indexBranch{ padding: 40px 0 30px 0; }
    .indexBranch ul{ width: 100%; padding: 0 20px; }
    .indexBranch ul li{ width: 14.28%; margin: 0; padding: 20px 0px 10px 0px; }
    .indexBranch ul li .pic{ width:50px; height: 50px;  }
    .indexBranch ul li p{ font-size: 13px; margin-top: 5px;}
}
@media(max-width:1050px){
    .indexBranch{ padding: 30px 0 20px 0; }
    .indexBranch ul li{ width: 14.28%; margin: 0; padding: 15px 0px 5px 0px; }
    .indexBranch ul li .pic{ width:40px; height: 40px;  }
    .indexBranch ul li p{ font-size: 13px; margin-top: 5px;}
    .indexBranch ul li:hover{ background-color: #fff; box-shadow: 0 0 12px #fff; }
    .indexBranch ul li:hover .pic .black{ transform: scale(1); }
    .indexBranch ul li:hover .pic .white{ transform: scale(0); }
    .indexBranch ul li:hover p{ color: #000; }
}
@media(max-width:820px){
    .indexBranch{ padding: 30px 0 30px 0; }
    .indexBranch ul{ padding:0 15px; }
    .indexBranch ul li{ width: 14.28%; margin: 0; padding: 10px 0px 5px 0px; }
    .indexBranch ul li .pic{ width:30px; height: 30px;  }
    .indexBranch ul li p{ font-size: 12px; margin-top: 0px;}
}
@media(max-width:700px){
    .indexBranch ul{ padding:0 5px; }
    .indexBranch ul li{ width: 25%; display: inline-block; margin: 0; }
    .indexBranch ul li p{ font-size: 11px; margin-top: 0px;}
}


/*indexCase*/
.indexCase{ display: block; width: 100%; position: relative; padding-top: 80px;  }
.indexCase .pixBg{ position: absolute; left: 0; top: 0; width: 100%; z-index:1； }
.indexCase .pixBg img{ display: block; width: 100%; }
.indexCase>ul{ width: 80%; margin:0 auto; overflow: hidden; padding:0px 0 60px 0; position: relative;z-index: 2;   }
.indexCase>ul li{ width: 25%; float: left; padding: 10px; transition: all 0.4s;  cursor: pointer;}
.indexCase>ul li .box{ display: block; background-color: #fff; padding: 10px; box-shadow: 0 10px 20px rgba(228,228,288,0.3); }
.indexCase>ul li .imga{ display: block; width: 100%; height: 0; padding-bottom: 76.4%; position: relative; }
.indexCase>ul li .imga img{ display: block; width: 100%; position: absolute; height: 100%; }
.indexCase>ul li .info{ display: block; padding: 10px 40px 0px 0; padding: 10px 0px 0px 0; position: relative; }
.indexCase>ul li .info .name{ display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px; color: #000; transition: all 0.4s;   }
.indexCase>ul li .info .tip{ display: block; overflow: hidden; }
.indexCase>ul li .info .tip i{ font-size: 12px; padding:3px 6px; background-color: #f5f5f5; border-radius: 2px; float: left; min-width: 10px; color: #888; background-color: #ececec;  }
.indexCase>ul li .info .dwimg{ display: block; width: 34px; height: 34px; border-radius: 50%； overflow:hidden; position: absolute; right: 0px; top: 50%; margin-top: -17px; transition:all 0.4s; border-radius: 50%; overflow: hidden; display: none; }
.indexCase>ul li .info .white{ display: none; }
.indexCase>ul li:hover{ transform: translateY(-6px); }
.indexCase>ul li:hover .box{ box-shadow: 0 10px 20px rgba(200,200,200,0.3); }
.indexCase>ul li:hover .info .dwimg{ background-color: #016add; box-shadow: 0 0 12px #016add; display: none;}
.indexCase>ul li:hover .info .white{ display: block; }
.indexCase>ul li:hover .info .name{ color:#016add;  }
/*indexCase*/

@media(max-width:1400px){
    .indexCase{ padding-top: 60px; }
    .indexCase>ul{ width: 90%; padding:0px 0 50px 0; }
    .indexCase>ul li .info .name{ font-size: 15px; }
}
@media(max-width:1200px){
    .indexCase{ padding-top: 40px; }
    .indexCase>ul{ width: 100%; padding:0px 10px 40px 10px; }
    .indexCase>ul li .info .name{ font-size: 14px; }
}
@media(max-width:1050px){
    .indexCase{ padding-top: 30px; }
    .indexCase>ul{ padding:0px 10px 30px 10px;  }

    .indexCase>ul li:hover{ transform: translateY(0); }
    .indexCase>ul li:hover .box{ box-shadow: 0 10px 20px rgba(228,228,288,0.3);}
    .indexCase>ul li:hover .info .dwimg{ background-color: transparent; box-shadow: none; display: none; }
    .indexCase>ul li:hover .info .white{ display: none; }
    .indexCase>ul li:hover .info .name{ color: #000; }
    .indexCase>ul li{ padding: 8px;}
}
@media(max-width:900px){
    .indexCase{ padding-top: 10px; }
    .indexCase .MidTitle h3{ color: #000; }
    .indexCase .MidTitle h4{ color: #aaa; }
    .indexCase .pixBg{ display: none; }
    .indexCase>ul li{ padding: 6px; width: 50%;}
}
@media(max-width:600px){
    .indexCase{ padding-top: 10px; }
    .indexCase>ul{ padding:0px 10px 20px 10px;  }
    .indexCase>ul li{ padding: 4px; }
    .indexCase>ul li .info .name{ font-size: 13px; }
}
@media(max-width:440px){
    .indexCase>ul li{ width: 100%; }
    .indexCase>ul li .info .name{ font-size: 12px; }
}


/*indexVideo*/
.indexVideo{ display: block; width: 100%; }
.indexVideo a{ display: block; width: 100%; position: relative; }
.indexVideo a .pic{ display: block; width: 100%; }
.indexVideo a .btn{ display: block; width: 300px; position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -65px; transition: all 0.4s; }
.indexVideo a .btn h3{ font-size: 20px; text-align: center; line-height: 34px; margin-top: 10px; color: #fff;  }
.indexVideo a .btn img{ width: 86px; height: 86px; margin: 0 auto; display: block;}
/*indexVideo*/
@media(max-width:1400px){
    .indexVideo a .btn h3{ font-size: 18px;}
    .indexVideo a .btn{ margin-top: -60px; }
    .indexVideo a .btn img{ width: 70px; height: 70px; }
}
@media(max-width:1200px){
    .indexVideo a .btn h3{ font-size: 16px;}
    .indexVideo a .btn{ margin-top: -55px; }
    .indexVideo a .btn img{ width: 60px; height: 60px; }
}
@media(max-width:1050px){
    .indexVideo a .btn h3{ font-size: 14px;}
    .indexVideo a .btn{ margin-top: -50px; }
    .indexVideo a .btn img{ width: 50px; height: 50px; }
}
@media(max-width:900px){
    .indexVideo a .btn{ margin-top: -40px; }
    .indexVideo a .btn h3{ margin-top: 5px; }
    .indexVideo a .btn img{ width: 46px; height: 46px; }
}
@media(max-width:700px){
    .indexVideo a .btn h3{ font-size: 14px; line-height: 30px;}
    .indexVideo a .btn{ margin-top: -35px; }
    .indexVideo a .btn img{ width: 36px; height: 36px; }
}
@media(max-width:600px){
    .indexVideo a .btn h3{ font-size: 12px; line-height: 26px;}
    .indexVideo a .btn{ margin-top: -30px; }
    .indexVideo a .btn img{ width: 32px; height: 32px; }
}

/*indexCase*/
.indexNew{ display: block; width: 100%; padding: 100px 0 70px 0; transition:all 0.4s;  }
.indexNew ul{ width: 80%; margin:0 auto; overflow: hidden; padding:30px 0;  }
.indexNew ul li{ width: 33.3%; float: left; padding: 20px; transition:all 0.4s;  }
.indexNew ul li .box{ display: block; background-color: #fff; /*padding: 10px;*/ }
.indexNew ul li .imga{ display: block; width: 100%; height: 0; padding-bottom: 67.3%; position: relative; }
.indexNew ul li .imga img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.indexNew ul li .imga span{ display: block; text-align: center; padding: 5px 0; line-height: 20px; font-size: 12px; color: #fff; background-color:#016add; position: absolute; left: 15px; top: 15px; width: 60px; height: 60px; font-family: 'Arial'; }
.indexNew ul li .imga span i{display: block; font-size: 22px; line-height: 30px; text-align: center; }
.indexNew ul li .info{ display: block; padding: 8px 8px 8px 8px; position: relative; }
.indexNew ul li .info .name{ display: block; font-size: 14px; line-height: 20px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; transition: all 0.4s;  }
.indexNew ul li .info .remark{ display: block; overflow: hidden; font-size: 12px; margin-top: 6px; line-height:22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #888; }
.indexNew ul li .info .time{ color: #aaa; font-size: 12px; line-height: 20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; display: none; }
.indexNew ul li:hover{ transform: translateY(-6px); } 
.indexNew ul li:hover .box{ box-shadow: 0 0 10px #eee; }  
.indexNew ul li:hover .info .name{ color: #016add; }
/*indexCase*/
@media(max-width:1400px){
    .indexNew{ padding: 70px 0 50px 0;}
    .indexNew ul{ width: 90%; padding:15px 0; }
    .indexNew ul li{ padding:15px;}
}
@media(max-width:1200px){
    .indexNew{ padding: 40px 0 30px 0; }
    .indexNew ul{ width: 100%; padding:0px 10px; }
    .indexNew ul li{ padding:10px;}
}
@media(max-width:1020px){
    .indexNew{ padding: 30px 0 20px 0; }
    .indexNew ul li .info{ padding: 8px 0; }
    .indexNew ul li:hover{ transform: translateY(0px); } 
    .indexNew ul li:hover .box{ box-shadow:none; }
    .indexNew ul li:hover .info .name{ color: #000; }
    .indexNew ul li .info .time{ display: block; }
    .indexNew ul li .imga span{left: 10px; top: 10px; width: 50px; height: 50px; display: none;}
    .indexNew ul li .imga span i{ font-size: 18px; line-height: 20px; }
}
@media(max-width:800px){
    .indexNew{ padding: 20px 0 10px 0; }
    .indexNew ul li{ padding:6px;}   
    .indexNew ul li .info .remark{ margin-top: 4px; }
}
@media(max-width:720px){
    .indexNew ul li .info .name{ font-size: 13px; }
    .indexNew ul li .info .remark{ margin-top: 2px; }
    .indexNew ul li{ padding:3px;}  
}
@media(max-width:550px){
    .indexNew ul li{ width:100%; float: left; padding: 20px 10px; }
}
@media(max-width:400px){
    .indexNew ul li{ padding: 10px; }
    .indexNew ul li .info .name{ font-size: 12px; }
}

/*indexTeam*/
.indexTeam{ display: block; width: 100%; padding: 100px 0 70px 0; transition:all 0.4s; position:relative;  }
.indexTeam .fixbg{ display:block; width: 100%; height: 100%; position:absolute; left: 0; top: 0; z-index: 1; }
.indexTeam .fixbg img{ display: block; width: 100%; height: 100%; }
.indexTeam ul{ width: 80%; margin:0 auto; overflow: hidden; padding:30px 0; position: relative;z-index: 2;  }
.indexTeam ul li{ width: 25%; float: left; padding: 10px; transition:all 0.4s; }
.indexTeam ul li .box{ display: block; background-color: #fff; padding: 10px; width: 265px; margin: 0 auto; }
.indexTeam ul li .imga{ display: block; width: 100%; width: 245px; height: 0; position: relative; padding-bottom: 119.5%; }
.indexTeam ul li .imga img{ display: block; width: 100%; position: absolute; left: 0; top: 0; height: 100%; }
.indexTeam ul li .info{ display: block; padding: 8px 0px 0px 0; position: relative; }
.indexTeam ul li .info .name{ display: block; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; color: #000; transition: all 0.4s;  }
.indexTeam ul li .info .remark{ display: block; overflow: hidden; font-size: 12px; margin-top: 3px; line-height:20px; height: 40px; color: #555; }
.indexTeam ul li .info .tip{ display: block; overflow: hidden; }
.indexTeam ul li .info .tip i{ font-size: 12px; padding:3px 6px; background-color: #def4ff; border-radius: 2px; float: left; min-width: 10px; margin-bottom: 4px; color: #666; margin-right: 5px; }
.indexTeam ul li:hover .box{ box-shadow: 0 0 12px #def4ff; }
.indexTeam ul li:hover .info .name{ color: #016add; }
.indexTeam ul li:hover{ transform: translateY(-6px); }
/*indexCase*/
@media(max-width:1400px){
    .indexTeam{ padding: 70px 0 50px 0;}
    .indexTeam ul{ width: 90%; padding:0px 10px; }
    .indexTeam ul li{ padding:15px;}
}
@media(max-width:1300px){
    .indexTeam{ padding: 50px 0 30px 0;}
    .indexTeam ul li{ padding:15px;}
    .indexTeam ul li .box{ padding: 10px; width: 100%; }
    .indexTeam ul li .imga{  width: 100%; }
}
@media(max-width:1200px){
    .indexTeam ul li .info .name{ font-size: 14px; }
    .indexTeam{ padding: 30px 0 20px 0; }
    .indexTeam ul{ width: 100%; padding: 10px;}
    .indexTeam ul li{ padding:10px;}
}
@media(max-width:1050px){
    .indexTeam{ padding: 20px 0 20px 0; }
    .indexTeam ul li:hover{ transform: translateY(0px); }
    .indexTeam ul li:hover .box{ box-shadow:none; }
    .indexTeam ul li:hover .info .name{ color: #000; }
    .indexTeam ul{ width: 100%; padding:0 10px;}
    .indexTeam ul li{ padding:5px;}
}
@media(max-width:900px){
    .indexTeam ul li .info .name{ font-size: 13px; }
    .indexTeam{ padding: 10px 0 20px 0; }
    .indexTeam .MidTitle h3{ color: #000; }
    .indexTeam .MidTitle h4{ color: #aaa; }
    .indexTeam .fixbg{ display: none; }
    .indexTeam ul li .box{ padding: 10px; box-shadow: 0 0 10px #dedede; }
}
@media(max-width:800px){
    .indexTeam ul li .info .name{ font-size: 12px; }
}
@media(max-width:600px){
    .indexTeam ul li{ width: 50%; }
    .indexTeam ul li .info .name{ font-size: 12px; }
}
/*indexTeam*/

/*indexMap*/
#allmap{height:350px;}
@media(max-width:1050px){
    #allmap{ height: 300px !important; }
}
@media(max-width:900px){
    .indexMap{ display: none; }
    #allmap{ height: 250px !important; }
}
@media(max-width:780px){
    #allmap{ height: 200px !important; }
}
/*indexMap*/


/*footNav*/
.footLink{ display: block; width: 100%; overflow: hidden; background-color: #26262e; padding: 60px 10%; }
.footLink ul{ overflow: hidden; float: left; }
.footLink ul li{ float: left; margin-right: 70px; transition:all 0.4s; }
.footLink ul li .linka{ display: block; font-size: 14px; line-height:24px; color: #fff; margin-bottom: 30px; transition: all 0.4s;  }
.footLink ul li .small{ display: block; font-size: 14px; line-height:24px; color: #acacb6; transition: all 0.4s; }
.footLink .code{ display: block; float: right; text-align: center; padding-top: 30px; }
.footLink .code img{ display: block; width: 138px; height: 138px; margin:0 auto; }
.footLink .code span{ display: block; font-size: 14px; line-height:24px; color: #acacb6; margin-top: 6px; }
.footWord{ display: block; width: 100%; background-color: #191920; overflow: hidden; padding: 30px 10%; }
.footWord .statement{ font-size: 13px; line-height:24px; color: #9b9ba1; float: left; }
.footWord .fastkey{ display: block; height: 48px; line-height:48px; font-size: 14px; color: #fff; float: right; }
.footWord .fastkey a{ color: inherit; transition:all 0.4s; }
.footWord .fastkey i{ padding:0 15px; }
.footLink ul li .linka:hover{ color: #016add; text-decoration:underline; }
.footLink ul li .small:hover{ color: #016add; }
.footWord .fastkey a:hover{ color: #016add; }
/*footNav*/
@media(max-width:1400px){
    .footLink{ padding: 50px 5%; }
    .footWord{ padding: 20px 5%; }
}
@media(max-width:1300px){
    .footLink{ padding: 40px 4%; }
    .footWord{ padding: 20px 4%; }
    .footLink ul li{ margin-right: 60px; }
    .footLink ul li .linka{ font-size: 13px; line-height:24px; margin-bottom: 20px; }
    .footLink ul li .small{ font-size: 12px; line-height:24px;}
    .footWord .statement{ font-size: 12px; }
    .footWord .fastkey{ font-size: 14px; }
    .footLink .code span{ font-size: 12px; }
}
@media(max-width:1200px){
    .footLink{ padding: 30px 3%; }
    .footWord{ padding: 20px 3%; }
    .footLink ul li{ margin-right: 50px; }
    .footLink ul li .linka{ margin-bottom: 15px; }
    .footWord .fastkey{ font-size: 13px; }
}
@media(max-width:1050px){
    .footLink ul li .linka:hover{ color: #fff; text-decoration:none; }
    .footLink ul li .small:hover{ color: #acacb6; }
}
@media(max-width:1000px){
    .footLink{ padding: 20px 20px; }
    .footWord{ padding: 15px 20px; }
    .footLink .code img{ width: 120px; height: 120px; }
    .footLink ul li{ margin-right: 30px; }
    .footLink ul li .linka{ margin-bottom: 10px; }
    .footWord .fastkey{ font-size: 12px; display: none; }
}
@media(max-width:900px){
    .footLink ul li{ margin-right: 20px; }
    .footLink .code img{ width: 100px; height: 100px; }
}
@media(max-width:800px){
    .footLink{ padding: 15px 20px; overflow-x: auto; }
    .footWord{ padding: 10px 20px; }
    .footLink ul{ width: 700px; float: none; }
    .footLink ul li{ margin-right: 0px; width: 100px; }
    .footLink .code{ display: none;}
}


/*公共标题*/
.pageTitle{ padding:240px 0 30px 0; width: 100%; }
.pageTitle h2{ font-size: 28px; letter-spacing: 1px; color: #fff; margin-bottom:14px; }
.pageTitle h3{ font-size: 18px; color: rgba(255,255,255,0.5); text-transform: uppercase; }

.smallTitle{ padding: 60px 50px 60px 50px; width: 100%; position: relative; }
.smallTitle h2{ font-size: 26px; color: #016add; margin-bottom: 10px; }
.smallTitle h3{ font-size: 18px; color: #cccccc; text-transform: uppercase; }
.smallTitle::before{ position: absolute; left: 0; top: 50%; width: 5px; height: 22px; background-color: #016add; margin-top: -11px; content: ''; }

.pageMenu{ padding:8px; background-color: rgba(255,255,255,0.2); overflow: hidden; width:100%; margin-bottom: 15px; }
.pageMenu .menu{ width: 100%; }
.pageMenu .menu p{ overflow: hidden; }
.pageMenu .menu a{display: block;float: left;height: 78px;line-height:78px;font-size: 17px;color: #333;text-align: center;position: relative;transition: all 0.4s;background-color: #fff;}
.pageMenu .menu.seven a{ width: 14.28%; }
.pageMenu .menu.five a{ width: 20%; }
.pageMenu .menu.ten a{ width: 10%; }
.pageMenu .menu.two a{ width: 15%; }
.pageMenu .menu a i{ display: block; width: 2px; height: 10px; background-color: #016add; position: absolute; right: 0; top: 50%; margin-top: -5px; }
.pageMenu .menu a.on{ background-color: #016add; color: #fff; }
.pageMenu .menu a.on i{ background-color: #fff; }
.pageMenu .menu a:hover{ background-color: #016add; color: #fff; }
.pageMenu .menu a:hover i{ background-color: #fff; }

.pageImg{ position: absolute; left: 0; top: 0; width: 100%; z-index: 0; }
.pageImg img{ display: block; width: 100%;}

.bgF5{ background-color: #f5f5f5; }
.phonecase{ width: 100%; height: auto; background: url(../images/ad3.jpg) no-repeat center; background-size: 100% 100%; display: none; color:#fff; text-align: center; font-size: 22px; font-weight: bold; }
.phonenews{ width: 100%; height: auto; background: url(../images/ad2.jpg) no-repeat center; background-size: 100% 100%; display: none; color:#fff; text-align: center; font-size: 22px; font-weight: bold; }
.phoneteam{ width: 100%; height: auto; background: url(../images/ad1.jpg) no-repeat center; background-size: 100% 100%; display: none; color:#fff; text-align: center; font-size: 22px; font-weight: bold; }


/*公共标题*/
@media(max-width:1400px){
    .pageTitle{ padding:200px 0 30px 0;}
    .pageTitle h2{ font-size: 26px;}
    .pageTitle h3{ font-size: 16px;}
}
@media(max-width:1300px){
    .pageTitle{ padding: 180px 0 30px 0;}
    .pageTitle h2{ font-size: 24px; margin-bottom:10px;}
    .pageTitle h3{ font-size: 15px;}

    .smallTitle h2{ font-size: 24px;}
    .smallTitle h3{ font-size: 16px;}
}
@media(max-width:1200px){
    .pageTitle{ padding: 150px 0 20px 0; }
    .pageTitle h2{ font-size: 22px; margin-bottom:8px;}

    .smallTitle{ padding: 40px 30px 40px 30px;}
    .smallTitle h2{ font-size: 22px; margin-bottom: 6px;}
    .smallTitle h3{ font-size: 15px;}

    .pageMenu .menu a{/* font-size: 14px; */height: 70px;line-height:70px;}
}
@media(max-width:1050px){
    .pageTitle{ padding: 100px 0 20px 0; }
    .pageTitle h2{ font-size: 20px; margin-bottom:4px;}
    .pageTitle h3{ font-size: 14px;}

    .smallTitle{ padding: 30px 30px 30px 30px;}
    .smallTitle h2{ font-size: 20px; margin-bottom: 4px;}
    .smallTitle h3{ font-size: 13px;}
    .smallTitle::before{ width: 4px; height: 18px; margin-top: -9px; }

    .pageMenu .menu a{/* font-size: 13px; */height: 64px;line-height:64px;}
    .pageMenu .menu a:hover{ background-color: #fff;color: #333; }
    .pageMenu .menu a:hover i{ background-color: #016add;}

    .pageMenu .menu.two a{ width: 50%; }
    .pageMenu .menu p{ overflow: hidden; overflow-x: auto; white-space: nowrap; }
    .pageMenu .menu.ten a{ display: inline-block; width: 10%; /*width: 80px;*/ }
    .pageMenu .menu.five a{ display: inline-block;/* width: 80px; */}
}
@media(max-width:800px){
    .pageTitle{ padding: 80px 0 15px 0; }
    .pageTitle h2{ font-size: 18px; margin-bottom:4px;}
    .pageTitle h3{ font-size: 13px;}

    .smallTitle{ padding:30px 20px;}
    .smallTitle h2{ font-size: 18px; margin-bottom: 4px;}
    .smallTitle h3{ font-size: 12px;}
    .smallTitle::before{ width: 3px; height: 14px; margin-top: -7px; }
    
    .pageMenu .menu.ten p{ /*width: 800px; width: 560px; width: 150%;*/ }
    .pageMenu .menu.ten a{ /*width: 80px;*/ }

    .pageMenu .menu.seven a{ display: inline-block; width: 100px; float: none; margin: 0 -4px 0 0; }
    .pageMenu .menu a{ font-size: 12px; height: 56px; line-height:56px; }
    .indexCase{ display: none; }
    .indexNew{ display: none; }
    .indexTeam{ display: none; }

    .phonecase{ display: block; }
    .phonenews{ display: block; }
    .phoneteam{ display: block; }
}
@media(max-width:660px){
    .pageTitle{ padding: 65px 0 15px 0; }
    .pageTitle h2{ font-size: 16px;}
    .pageTitle h3{ font-size: 12px;}

    .smallTitle{ padding: 20px 15px;}
    .smallTitle h2{ font-size: 16px;}
    

    
    .pageMenu{ padding: 6px; }
    .pageMenu .menu{ overflow-x: auto; overflow-y: hidden;}
    .pageMenu .menu.seven p{/* width: 150%;*/ }
    .pageMenu .menu.seven a{ /*width: 80px; */}
    .pageMenu .menu.five p{/* width: 150%;*/ }
    .pageMenu .menu.five a{/* width: 20%; */}
    .pageMenu .menu a{ height: 46px; line-height:46px; }
}
@media(max-width:550px){
    .pageMenu .menu.five a{ display: inline-block; width: 100px; float: none; margin: 0 -4px 0 0; }
    
}
@media(max-width:480px){
    .pageMenu{ padding: 4px; }
    .pageMenu .menu a{ height: 40px; line-height:40px; }
    .pageMenu .menu.seven a{ width: 80px; }
}





/*===================================走进中鹏===================================*/
.pageCome{ position: relative;}
.pageCome .pageComeBox{ width: 1200px; margin:0 auto; position: relative;}
.pageCome .pageComeBox.per80{ width: 80%; }
.pageCome .contentBox{ background-color: #fff; position: relative;}
.pageCome .contentBox .content{ padding:0 50px 50px 50px; font-size: 14px; color: #818181; line-height: 26px; margin-bottom: 80px; }
.pageCome .contentBox .content>p{/* margin-bottom: 40px; */}
.pageCome .contentBox .content>img{ display: block; max-width: 100%; margin:0 auto; margin-bottom: 20px;  }

/*公司资质*/
.pageCome .contentBox .picBox{ overflow:hidden; padding-bottom: 40px; }
.pageCome .contentBox .picBox a{ display: block; width: 25%; padding:10px; float: left; }
.pageCome .contentBox .picBox a span{ padding: 10px; width: 270px; margin: 0 auto; background-color: #fff; display: block; box-shadow: 0 0 10px #eee; }
.pageCome .contentBox .picBox a img{ display: block; margin: 0 auto; width: 250px; margin: 0 auto;  }

/*公司动态*/
.pageCome .contentBox .content .news{}
.pageCome .contentBox .content .btna{ overflow:hidden; line-height: 62px; text-align: center; background-color: #e8e8e8; font-size: 16px; color: #50505d; margin-bottom: 30px; }
.pageCome .contentBox .content .btna a{ display: block; width: 33.33%;float: left; transition: all 0.4s; }
.pageCome .contentBox .content .btna a.on{ background-color: #016add; color: #fff; }
.pageCome .contentBox .content .btna a:hover{ background-color: #016add; color: #fff;}

.pageCome .listNew{}
.pageCome .listNew .item{ background-color: #f7f7f7; margin-bottom: 30px; position: relative; padding-left: 355px; margin-bottom: 30px; box-shadow: 0 0 5px #f2f2f2; transition: all 0.4s; }
.pageCome .listNew .item .imga{ display: block; position: absolute; left: 0; top: 0; width: 355px; height: 240px; }
.pageCome .listNew .item .imga img{ display: block; width: 100%; height: 100%;  }
.pageCome .listNew .item .info{ padding:30px 20px 30px 30px; display: block; height: 240px; }
.pageCome .listNew .item .info span{ display: block; font-size:18px; line-height: 30px; color: #333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.4s;  }
.pageCome .listNew .item .info i{ display: block; font-size: 14px; color: #888; line-height: 20px; height: 60px; overflow:hidden; margin: 20px 0 60px 0; transition: all 0.4s; }
.pageCome .listNew .item .info em{ display: block; font-style: normal; font-size: 14px; line-height: 20px; color: #b2b2b2; transition: all 0.4s; }
.pageCome .listNew .item:hover{ background-color: #016add; }
.pageCome .listNew .item:hover .info span{ color: #fff; }
.pageCome .listNew .item:hover .info em{ color: #fff; }
.pageCome .listNew .item:hover .info i{ color: #fff; }
.pageCome .clickMore{ display: block; padding:20px 0; text-align:center; font-size: 13px; line-height: 25px; color: #016add; }
.pageCome .clickMore img{ display: block; width:33px; height: 33px; margin: 0 auto 3px auto;  }
.pageCome .clickMore span{ display: block; }

/*===================================走进中鹏===================================*/
@media(max-width:1500px){
    .pageCome .contentBox .picBox a span{ width: 100%; }
    .pageCome .contentBox .picBox a img{ width: 100%; }
}
@media(max-width:1400px){
    .pageCome .pageComeBox{ width: 90% !important; }
}
@media(max-width:1200px){
    .pageCome .pageComeBox{ width: 100% !important; padding:0 20px;}
}
@media(max-width:1050px){
    .pageCome .contentBox .content{ padding:0 30px 30px 30px; margin-bottom: 60px; }
    .pageCome .contentBox .content{ font-size: 13px; line-height: 23px; }
    .pageCome .contentBox .content>p{/* margin-bottom: 30px; */}
    .pageCome .contentBox .content>img{ margin-bottom: 15px; }
    
    .pageCome .contentBox .content .btna{ line-height: 52px;font-size: 15px; margin-bottom: 25px;  }
    .pageCome .listNew .item{ margin-bottom: 20px; padding-left: 300px; }
    .pageCome .listNew .item:hover{ background-color: #f7f7f7; }
    .pageCome .listNew .item:hover .info span{ color: #333; }
    .pageCome .listNew .item:hover .info em{ color: #888; }
    .pageCome .listNew .item:hover .info i{ color: #b2b2b2; }
    .pageCome .listNew .item .imga{ width: 300px; height: 202px }
    .pageCome .listNew .item .info{ padding: 25px 25px 25px 25px; height: 202px;  }
    .pageCome .listNew .item .info span{ font-size: 16px; }
    .pageCome .listNew .item .info i{ margin: 20px 0 30px 0; font-size: 13px; }
    .pageCome .listNew .item .info em{ font-size: 13px; }
}
@media(max-width:800px){
    .pageCome .contentBox .content{ padding:0 20px 20px 20px; margin-bottom: 40px; }
    .pageCome .contentBox .content{ font-size: 12px; line-height: 22px; }
    .pageCome .contentBox .content>p{/* margin-bottom: 20px; */}
    .pageCome .contentBox .content>img{ margin-bottom: 10px; }
    
    .pageCome .contentBox .picBox{ padding-bottom: 30px; }
    .pageCome .contentBox .picBox a{ width: 50%; padding:8px;}
    
    .pageCome .contentBox .content .btna{ line-height: 46px;font-size: 14px; margin-bottom: 20px;  }
    .pageCome .listNew .item{ padding-left: 250px; }
    .pageCome .listNew .item .imga{ width: 250px; height: 170px }
    .pageCome .listNew .item .info{ padding: 15px 25px 15px 25px; height: 170px;  }
    .pageCome .listNew .item .info span{ font-size: 15px; }
    .pageCome .listNew .item .info i{ margin: 10px 0 20px 0; font-size: 12px; }
    .pageCome .listNew .item .info em{ font-size: 12px; }
    .pageCome .clickMore{ padding:15px 0; font-size: 12px; line-height: 22px; }
    .pageCome .clickMore img{ width: 30px; height: 30px; }
}
@media(max-width: 660px){
    .pageCome .pageComeBox{ width: 100%; padding:0 15px;}
    .pageCome .contentBox .content{ padding:0 15px 20px 15px; margin-bottom: 30px; }

    .pageCome .contentBox .picBox{ padding-bottom: 20px; }
    .pageCome .contentBox .picBox a{ width: 50%; padding:5px;}
    .pageCome .contentBox .picBox a span{ padding: 8px; }
    
    .pageCome .contentBox .content .btna{ line-height: 36px;font-size: 13px; margin-bottom: 15px;  }
    .pageCome .listNew .item{ padding-left: 200px; margin-bottom: 15px; }
    .pageCome .listNew .item .imga{ width: 200px; height: 135px }
    .pageCome .listNew .item .info{ padding: 10px 20px 10px 20px; height: 135px;  }
    .pageCome .listNew .item .info span{ font-size: 14px; line-height: 20px; }
    .pageCome .listNew .item .info i{ margin: 6px 0 10px 0; font-size: 12px; }
    .pageCome .clickMore{ padding:12px 0; font-size: 12px; line-height: 22px; }
    .pageCome .clickMore img{ width: 26px; height: 26px; }
}
@media(max-width: 550px){
    .pageCome .contentBox .picBox a span{ padding: 3px; }

    .pageCome .contentBox .content{ padding:0 12px 20px 10px; margin-bottom: 25px; }
    .pageCome .contentBox .content .btna{ font-size: 12px; }
    .pageCome .listNew .item{ padding-left: 150px; margin-bottom: 12px; }
    .pageCome .listNew .item .imga{ width: 150px; height: 100px }
    .pageCome .listNew .item .info{ padding: 6px 15px 6px 15px; height: 100px;  }
    .pageCome .listNew .item .info i{ margin: 4px 0 5px 0; font-size: 12px; height: 40px; overflow:hidden; }
}
@media(max-width: 450px){
    
    .pageCome .listNew .item{ padding-left: 0px; margin-bottom: 15px; }
    .pageCome .listNew .item .imga{ position: static; width: 100%; height: auto; }
    .pageCome .listNew .item .info{ height:auto; width: 100%;  }

    .pageCome .listNew .item .info{ padding: 6px 10px 6px 10px; height: auto;  }
    .pageCome .listNew .item .info i{ font-size: 12px; height: 40px; overflow:hidden; }
}

/*detailBox*/
.mainBg{ background-color: #016add; }
.detailBox{ padding:240px 0 50px 0; width: 1200px; margin: 0 auto; }
.detailBox .waybox{ background-color: #fff; padding: 0 20px; font-size: 14px; line-height: 74px; overflow:hidden; color: #818181; }
.detailBox .waybox p{ float: left; }
.detailBox .waybox p a{ color: #818181;}
.detailBox .waybox p a:hover{ color: #016add; }
.detailBox .waybox .back{ display: block; float: right; color: #888; }
.detailBox .words{ margin: 10px 0; background-color: #fff; padding: 80px 60px; }
.detailBox .words h2{ font-size: 28px; color: #1a1a1a; text-align: center; line-height: 36px; overflow: hidden; }
.detailBox .words h3{ font-size: 13px;line-height: 25px;color: #888; text-align:center; }
.detailBox .words .info{ font-size: 14px;color: #333; line-height: 28px; margin: 30px 0; }
.detailBox .words .info img{ display: block; max-width: 100%; margin: 30px auto; }
.detailBox .pages{ overflow:hidden; padding: 0 20px; line-height: 76px; font-size: 14px; background-color: #fff; }
.detailBox .pages .link{ display: block; float: left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; width: 50%; color: #888; } 
.detailBox .pages .next{ text-align: right; }
.detailBox .pages .link a{ color: #888; }
.detailBox .pages .link a:hover{ color: #016add; }
/*detailBox*/
@media(max-width:1400px){
    .detailBox{ width: 90%;padding:200px 0 50px 0; }
}
@media(max-width:1300px){
    .detailBox{ padding: 180px 0 45px 0;}
}
@media(max-width:1200px){
    .detailBox{ width: 100%; padding: 150px 20px 40px 20px; }
    .detailBox .waybox{ line-height: 60px;  }
    .detailBox .pages{ line-height: 62px;  }
    .detailBox .words h2{ font-size: 26px; }
    .detailBox .words{ padding: 60px 50px; }
}

@media(max-width:1050px){
    .detailBox{ padding: 100px 0 35px 0; }
    .detailBox .waybox{ line-height: 54px;  }
    .detailBox .pages{ line-height: 56px;  }
    .detailBox .words h2{ font-size: 23px; }
    .detailBox .words{ padding: 45px 35px; }
}
@media(max-width:800px){
    .detailBox{ padding: 80px 0 15px 0; }
    .detailBox .waybox{ line-height: 46px; font-size: 13px;  }
    .detailBox .pages{ line-height: 48px; font-size: 13px; padding: 0 15px;   }
    .detailBox .words h2{ font-size: 20px; }
    .detailBox .words{ padding: 35px 26px; }
    .detailBox .words .info{ font-size: 13px; line-height: 25px; margin: 20px 0;  }
    .detailBox .words .info img{ margin: 25px auto; }
}
@media(max-width:660px){
    .detailBox{ padding: 65px 0 15px 0; }
    .detailBox .waybox{ line-height: 40px; font-size: 12px;   }
    .detailBox .pages{ font-size: 12px; line-height: 24px; padding: 10px 15px;  }
    .detailBox .words h2{ font-size: 18px; }
    .detailBox .words{ padding: 30px 20px; }
    .detailBox .words .info{ margin: 15px 0; font-size: 12px; line-height: 22px;  }
    .detailBox .words .info img{ margin: 20px auto; }

    .detailBox .pages .link{ width: 100%; }
    .detailBox .pages .next{ text-align:left;  }
    
}
@media(max-width:480px){
    .detailBox .words h2{ font-size: 16px; }
    .detailBox .waybox{ line-height: 36px; padding: 0 15px;  }
    .detailBox .words{ padding: 25px 15px; }
    .detailBox .words .info{ margin-bottom: 0; }
}
@media(max-width:400px){
    .detailBox .words h2{ font-size: 15px; }
    .detailBox .waybox{ line-height: 32px;  }
}

/*advantage*/
.advantage{ font-size: 14px; line-height: 40px; color: #818181; }
.advantage .sin{ margin-bottom: 30px; }
.advantage .sin h2{ display: block; width: 42px; height:42px; line-height: 42px; font-size: 20px; color: #fff; text-align:center; background-image: url(../images/icon_03.png); background-size: 100% 100%; overflow: hidden; }
.advantage .sin h3{ font-size: 18px; font-weight: bold; color: #016add; margin: 10px 0 15px 0; }
.contentBox .biao{ font-size: 20px; line-height: 40px; text-align:center; padding: 40px 0;}
.contentBox .biao i{  display: block; color: #111; }
.contentBox .biao img{ margin:0 auto 40px auto; max-width: 100%; }
/*advantage*/
@media(max-width:1050px){
    .advantage .sin{ margin-bottom: 25px; }
    .advantage .sin h2{ font-size: 18px; }
    .advantage{ font-size: 13px; line-height: 36px; }
    .contentBox .biao{ font-size: 18px; padding: 35px 0; }
}
@media(max-width:800px){
    .advantage .sin h2{  width: 36px; height:36px; line-height: 36px; font-size: 18px; }
    .advantage .sin h3{ font-size: 16px;  margin: 8px 0 12px 0; }
    .advantage .sin{ margin-bottom: 20px;}
    .advantage{ font-size: 12px; line-height: 30px; }

    .contentBox .biao{ font-size: 17px; padding: 30px 0; }
    .contentBox .biao img{ margin:0 auto 30px auto;}
}
@media(max-width:600px){
    .advantage .sin h2{  width: 32px; height:32px; line-height: 32px; font-size: 16px; }
    .advantage .sin h3{ font-size: 15px; margin: 4px 0 6px 0; }
    .advantage{line-height: 26px; }

    .contentBox .biao{ font-size: 16px; padding: 25px 0;  }
    .contentBox .biao img{ margin:0 auto 25px auto;}
}

@media(max-width:500px){
    .contentBox .biao{ font-size: 14px; padding: 20px 0;  }
    .contentBox .biao img{ margin:0 auto 20px auto;}
}


/*================= 业务范围 =====================*/
.busBox{}
.busC{ background-color: #fafafa; padding:40px 50px; transition: all 0.4s; box-shadow: 0 10px 60px rgba(238,238,238,0.3); }
.busBox .busBtn{ display: block;}
.busBox .busBtn p{ overflow: hidden; }
.busBox .busBtn a{ display: block; float: left; font-size: 15px; color: #fff; background-color: #1f97f2; text-align: center; transition: all 0.4s; line-height:62px; width: 13.6%; margin: 0 0.3%; margin-bottom: 10px; border-radius: 5px; cursor: pointer; }
.busBox .busBtn a span{display: inline-block;padding-left:28px;background-position: left center;background-repeat: no-repeat;background-size: 21px auto;}
.busBox .busBtn a span.bg1{ background-image: url(../images/comeG_03.png); }
.busBox .busBtn a span.bg2{ background-image: url(../images/comeG_05.png); }
.busBox .busBtn a span.bg3{ background-image: url(../images/comeG_07.png); }
.busBox .busBtn a span.bg4{ background-image: url(../images/comeG_09.png); }
.busBox .busBtn a span.bg5{ background-image: url(../images/comeG_11.png); }
.busBox .busBtn a span.bg6{ background-image: url(../images/comeG_13.png); }
.busBox .busBtn a span.bg7{ background-image: url(../images/comeG_15.png); }
.busBox .busBtn a.on{ background-color: #016add; /*box-shadow: 0 0 5px #016add;*/ }
.busBox .busBtn a:hover{ background-color: #016add; /*box-shadow: 0 0 5px #016add;*/ }
.busBox h4{ font-size: 26px; line-height:40px; font-weight: bold; color: #016add; margin: 20px 0; position: relative; padding-left: 30px; }
.busBox h4::before{ display: block; width: 5px; height: 22px; position: absolute; left: 0; top: 50%; margin-top: -11px; content: ''; background-color:#016add;  }
.busBox .busInfo{ padding:0px 30px 40px 30px; min-height: 400px; font-size: 13px; line-height:30px; color:#888; }


/*================= 业务范围 =====================*/
@media(max-width:1300px){
    .busC{ background-color: #fafafa; padding:35px 35px; }
    .busBox .busBtn a{ line-height:56px; font-size: 14px; }
}
@media(max-width:1200px){
    .busC{ background-color: #fafafa; padding:30px 30px; }
    .busBox .busBtn a{line-height:52px;/* font-size: 13px; */}
    .busBox h4{ font-size: 24px; }
    .busBox .busInfo{ padding:0px 20px 40px 20px;}
}
@media(max-width:1150px){
    .busBox .busBtn{overflow-x: auto;  }
    .busBox .busBtn p{ overflow-x: auto; white-space: nowrap;  }
    .busBox .busBtn a{  display: inline-block; float: none; width: 140px; line-height:52px; }

}
@media(max-width:1050px){
    .busC{ background-color: #fafafa; padding:30px 25px; }
    /*.busBox .busBtn p{ width: 140%; }*/
    .busBox .busBtn a{ line-height:48px; }
    .busBox .busBtn a:hover{ background-color: #2887ed; box-shadow: 0 0 5px #2887ed;}
    .busBox h4{ font-size: 22px; padding-left: 25px; }
    .busBox h4::before{ width: 4px; }
    .busBox .busInfo{ padding:0px 15px 40px 15px;}
}
@media(max-width:980px){
    /*.busBox .busBtn p{ width: 150%; }*/
}

@media(max-width:800px){
    .busC{ background-color: #fafafa; padding:30px 15px; }
    /*.busBox .busBtn p{ width: 180%; }*/
    .busBox .busBtn a{ line-height:44px; /*width: 130px; margin: 0 5px;*/ font-size: 13px;  }
    .busBox .busBtn a span{ background-size: 24px auto; padding-left:30px;}
    .busBox h4{ font-size: 20px; padding-left: 25px; }
    .busBox .busInfo{ font-size: 12px;}
    .busBox h4::before{ height: 20px; margin-top: -10px;  }
}


@media(max-width:600px){
    .busC{ background-color: #fafafa; padding:25px 15px; }
    /*.busBox .busBtn p{ width: 220%; }*/
    .busBox .busBtn a{ line-height:40px; font-size: 12px;   }
    .busBox .busBtn a span{ background-size: 20px auto; padding-left:26px;}
    .busBox h4{ font-size: 18px; padding-left: 23px; }
}
@media(max-width:520px){
    /*.busBox .busBtn p{ width: 260%; }*/
    .busBox h4{ font-size: 16px; padding-left: 20px; }
    .busBox h4::before{ height: 16px; margin-top: -8px;  }
}
@media(max-width:460px){
    /*.busBox .busBtn p{ width: 300%; }*/
    .busBox h4{ font-size: 15px; padding-left: 20px; }
    .busBox h4::before{ height: 16px; margin-top: -8px;  }
}
@media(max-width:400px){
    /*.busBox .busBtn p{ width: 350%; }*/
    .busBox h4{ font-size: 15px; padding-left: 20px; }
    .busBox h4::before{ height: 16px; margin-top: -8px;  }
}


/*====================  技术团队  ======================*/  
/*246*294*/
.teamPage{ background-image: url(../images/jishu_04.jpg); background-size: cover; }
.teamPage .listTeam{ padding:40px 40px; }
.teamPage .listTeam .item{ margin-bottom: 30px; position: relative; padding-left: 246px; margin-bottom: 30px; transition: all 0.4s; }
.teamPage .listTeam .item .imga{ display: block; position: absolute; left: 0; top: 50%; width: 246px; height: 294px; margin-top: -147px;  }
.teamPage .listTeam .item .imga img{ display: block; width: 100%; height: 100%;  transition: all 0.4s; }
.teamPage .listTeam .item .info{ padding:30px 20px 30px 30px; display: block; min-height: 294px; }
.teamPage .listTeam .item .info .name{ display: block; font-size:22px; line-height: 72px; color: #333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.4s;  }
.teamPage .listTeam .item .info .tip{ display: block; overflow: hidden; margin-bottom: 40px; overflow:hidden; }
.teamPage .listTeam .item .info .tip i{ font-size: 12px; padding:3px 6px; background-color: #def4ff; border-radius: 2px; float: left; min-width: 10px; margin-bottom: 4px; color: #666; margin-right: 5px; }
.teamPage .listTeam .item .info .keys{ display: block; font-style: normal; font-size: 14px; line-height: 20px; overflow:hidden; color: #555; transition: all 0.4s; }
.teamPage .listTeam .item:hover{ background-color: rgba(255,255,255,0.6); box-shadow: 0 14px 24px rgba(167,167,167,0.31); }
.teamPage .listTeam .item:hover .imga img{ width: 90%; height: 90%; }
.teamPage .listTeam .item:nth-child(2n){ padding-left: 0; padding-right: 246px;}
.teamPage .listTeam .item:nth-child(2n) .imga{ left: auto; right: 0; }
/*====================  技术团队  ======================*/
@media(max-width:1200px){
    .teamPage .listTeam{ padding:35px 30px; }
}
@media(max-width:1050px){
    .teamPage .listTeam{ padding:30px 25px; }
    .teamPage .listTeam .item{ background-color: rgba(255,255,255,0.6); box-shadow: 0 0 10px #eee; margin-bottom: 20px; }
    .teamPage .listTeam .item:hover{transform: translateY(0px);}
}
@media(max-width:800px){
    .teamPage .listTeam{ padding:30px 20px;}
    .teamPage .listTeam .item{ padding-left: 200px; margin-bottom: 15px; }
    .teamPage .listTeam .item .imga{ width: 200px; height: 240px; margin-top: -120px;  }
    .teamPage .listTeam .item .info .name{ line-height:30px; font-size: 18px; margin-bottom: 15px; }
    .teamPage .listTeam .item:nth-child(2n){ padding-left: 0; padding-right: 200px;}
    .teamPage .listTeam .item .info{ padding:15px 20px; min-height: 240px;  }
    .teamPage .listTeam .item .info .tip{ margin-bottom: 25px; }
    .teamPage .listTeam .item .info .tip i{ padding:2px 5px; }
    .teamPage .listTeam .item .info .keys{ font-size: 13px; }
}
@media(max-width:600px){
    .teamPage .listTeam .item{ padding-left: 160px; margin-bottom: 12px; }
    .teamPage .listTeam .item .imga{ width: 160px; height: 192px; margin-top: -96px; }
    .teamPage .listTeam .item .info .name{ line-height:26px; font-size: 16px; margin-bottom: 6px; }
    .teamPage .listTeam .item:nth-child(2n){ padding-left: 0; padding-right: 160px;}
    .teamPage .listTeam .item .info{ padding:10px 15px; min-height: 192px;  }
    .teamPage .listTeam{ padding:25px 15px; }
    .teamPage .listTeam .item .info .tip{ margin-bottom:6px; }
    .teamPage .listTeam .item .info .tip i{ padding:2px 4px; }
    .teamPage .listTeam .item .info .keys{ font-size: 12px; line-height:18px;  }
}
@media(max-width:500px){
    .teamPage .listTeam .item{ padding-left: 120px; margin-bottom: 12px; }
    .teamPage .listTeam .item .imga{ width: 120px; height: 144px; margin-top: -72px; }
    .teamPage .listTeam .item .info .name{ line-height:26px; font-size: 16px; margin-bottom: 6px; }
    .teamPage .listTeam .item:nth-child(2n){ padding-left: 0; padding-right: 120px;}
    .teamPage .listTeam .item .info{ padding:10px 15px; min-height: 144px;  }
    .teamPage .listTeam{ padding:20px 15px; }
    .teamPage .listTeam .item .info .tip{ margin-bottom:6px; }
}



/*====================  工程案例  ======================*/
.caseUl{ width: 100%; margin:0 auto; overflow: hidden; position: relative;z-index: 2;   }
.caseUl li{ width: 25%; float: left; padding: 10px; transition: all 0.4s; cursor: pointer; }
.caseUl.three li{ width: 33.33%; }
.caseUl li .box{ display: block; background-color: #fff; padding: 10px; box-shadow: 0 0 6px #eee; }
.caseUl li .imga{ display: block; width: 100%; padding-bottom: 76.4%; height: 0; position: relative; overflow: hidden; }
.caseUl li .imga img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.caseUl li .info{ display: block; padding: 10px 40px 0px 0; padding: 10px 0px 0px 0; position: relative; }
.caseUl li .info .name{ display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px; color: #000; transition: all 0.4s;   }
.caseUl li .info .tip{ display: block; overflow: hidden; }
.caseUl li .info .tip i{ font-size: 12px; padding:3px 6px; background-color: #f5f5f5; border-radius: 2px; float: left; min-width: 10px; color: #888; background-color: #ececec; line-height:16px;  }
.caseUl li .info .tipT{ display: block; line-height: 22px; overflow: hidden; font-size: 14px; }
.caseUl li .info .tipT em{ display: block; float: left; padding-left: 20px; background-image: url(../images/page50_13.png); background-size: 14px auto; background-position: left center; background-repeat: no-repeat; font-style: normal; color: #999 }
.caseUl li .info .tipT i{ float: left; margin-left: 6px; color: #ca9e35; }
.caseUl li .info .dwimg{ display: block; width: 34px; height: 34px; border-radius: 50%； position: absolute; right: 0px; top: 50%; margin-top: -17px; transition:all 0.4s; border-radius: 50%; overflow: hidden; display: none; }
.caseUl li .info .white{ display: none; }
.caseUl li:hover{ transform: translateY(-6px);  }
.caseUl li:hover .box{ box-shadow: 0 0 6px #dedede; }
.caseUl li:hover .info .dwimg{ background-color: #016add; box-shadow: 0 0 12px #016add; display: none;}
.caseUl li:hover .info .white{ display: block; display: none; }
.caseUl li:hover .info .name{ color:#016add;  }
/*====================  工程案例  ======================*/

@media(max-width:1400px){
    .caseUl li .info .name{ font-size: 15px; }
}
@media(max-width:1200px){
    .caseUl li .info .name{ font-size: 14px; margin-bottom:6px; }
}
@media(max-width:1050px){
    .caseUl li .info .tipT{ font-size: 13px;}
    .caseUl li:hover{ transform: translateY(0);  }
    .caseUl li:hover .box{ box-shadow: none; box-shadow: 0 0 6px #eee; }
    .caseUl li:hover .info .dwimg{ background-color: transparent; box-shadow: none; display: none; }
    .caseUl li:hover .info .white{ display: none; }
    .caseUl li:hover .info .name{ color: #000; }
    .caseUl li{ padding: 8px;}
}
@media(max-width:900px){
    .caseUl li .info .tipT{ font-size: 12px;}
    .caseUl li{ padding: 6px; width: 50%;}
    .caseUl.three li{ padding: 6px; width: 50%; }
    .caseUl li .info .name{ margin-bottom:5px; }
}
@media(max-width:600px){
    .caseUl li{ padding: 4px; }
    .caseUl li .info .name{ font-size: 13px; margin-bottom:4px; }
}
@media(max-width:440px){
    .caseUl li{ width: 100%; }
    .caseUl li .info .name{ font-size: 12px; }
}

/*====================  工程案例  ======================*/
.caseItem{ width: 100%; margin:0 auto; overflow: hidden; position: relative; }
.caseItem .Item{ width: 25%; float: left; padding: 10px; transition: all 0.4s; cursor: pointer; }
.caseItem.three .Item{ width: 33.33%; }
.caseItem .Item .box{ display: block; background-color: #fff; padding: 10px; box-shadow: 0 0 6px #eee; }
.caseItem .Item .imga{ display: block; width: 100%; padding-bottom: 76.4%; height: 0; position: relative; overflow: hidden; }
.caseItem .Item .imga img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.caseItem .Item .info{ display: block; padding: 10px 40px 0px 0; padding: 10px 0px 0px 0; position: relative; }
.caseItem .Item .info .name{ display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px; color: #000; transition: all 0.4s;   }
.caseItem .Item .info .tip{ display: block; overflow: hidden; }
.caseItem .Item .info .tip i{ font-size: 12px; padding:3px 6px; background-color: #f5f5f5; border-radius: 2px; float: left; min-width: 10px; color: #888; background-color: #ececec; line-height:16px;  }
.caseItem .Item .info .tipT{ display: block; line-height: 22px; overflow: hidden; font-size: 14px; }
.caseItem .Item .info .tipT em{ display: block; float: left; padding-left: 20px; background-image: url(../images/page50_13.png); background-size: 14px auto; background-position: left center; background-repeat: no-repeat; font-style: normal; color: #999 }
.caseItem .Item .info .tipT i{ float: left; margin-left: 6px; color: #ca9e35; }
.caseItem .Item .info .dwimg{ display: block; width: 34px; height: 34px; border-radius: 50%； position: absolute; right: 0px; top: 50%; margin-top: -17px; transition:all 0.4s; border-radius: 50%; overflow: hidden; display: none; }
.caseItem .Item .info .white{ display: none; }
.caseItem .Item:hover{ transform: translateY(-6px);  }
.caseItem .Item:hover .box{ box-shadow: 0 0 6px #dedede; }
.caseItem .Item:hover .info .dwimg{ background-color: #016add; box-shadow: 0 0 12px #016add; display: none;}
.caseItem .Item:hover .info .white{ display: block; display: none; }
.caseItem .Item:hover .info .name{ color:#016add;  }
/*====================  工程案例  ======================*/

@media(max-width:1400px){
    .caseItem .Item .info .name{ font-size: 15px; }
}
@media(max-width:1200px){
    .caseItem .Item .info .name{ font-size: 14px; margin-bottom:6px; }
}
@media(max-width:1050px){
    .caseItem .Item .info .tipT{ font-size: 13px;}
    .caseItem .Item:hover{ transform: translateY(0);  }
    .caseItem .Item:hover .box{ box-shadow: none; box-shadow: 0 0 6px #eee; }
    .caseItem .Item:hover .info .dwimg{ background-color: transparent; box-shadow: none; display: none; }
    .caseItem .Item:hover .info .white{ display: none; }
    .caseItem .Item:hover .info .name{ color: #000; }
    .caseItem .Item{ padding: 8px;}
}
@media(max-width:900px){
    .caseItem .Item .info .tipT{ font-size: 12px;}
    .caseItem .Item{ padding: 6px; width: 50%;}
    .caseItem.three .Item{ padding: 6px; width: 50%; }
    .caseItem .Item .info .name{ margin-bottom:5px; }
}
@media(max-width:600px){
    .caseItem .Item{ padding: 4px; }
    .caseItem .Item .info .name{ font-size: 13px; margin-bottom:4px; }
}
@media(max-width:440px){
    .caseItem .Item{ width: 100%; }
    .caseItem .Item .info .name{ font-size: 12px; }
}



/*====================  企业文化  ======================*/
.mienBox{ position: relative; position: relative; }
.mienBox::before{ content: ''; position: absolute; left:109px; top: 0; width: 1px; bottom: 0; background-color: #f5f5f5;}
.mienBox .item{ position: relative; padding-left: 98px; margin-bottom: 30px; }
.mienBox .item h2{ position: absolute; left: 0; top: 0px; width: 60px; text-align: center; font-family: 'Arial'; text-align: center; }
.mienBox .item h2 span{ display: block; color: #016add; font-size: 50px; line-height: 50px; }
.mienBox .item h2 i{ display: block; color: #888888; line-height: 20px; font-size: 13px; }
.mienBox .item h4{ font-size: 12px; line-height: 20px; color: #999; margin-top:4px; display: none; }
.mienBox .item .sin{ padding-left: 60px; position: relative;  }
.mienBox .item .sin .icon{ display: block; width: 22px; height: 22px; position: absolute; left: 0; top: 0; }
.mienBox .item .sin h3{ display: block; font-size: 16px; color: #016add; }
.mienBox .item .sin p{ font-size: 14px; line-height: 26px; color: #888; margin: 30px 0; }
.mienBox .item .sin .pics{ overflow: hidden; margin: 10px 0 0 0; }
.mienBox .item .sin .pics a{ display: block; width: 32.33%; height:0; padding-bottom:19.78%; position:relative; margin: 0 0.5%; float: left; margin-bottom: 10px; }
.mienBox .item .sin .pics a img{ display: block; width: 100%; position:absolute; left:0; top:0; height:100%; }
.mienBox .item .sin .pics a:last-child{ margin-bottom: 0; }
.mienBox .item .sin .pics a:bth-child(3n+2){ margin: 0 2%; margin-bottom: 10px; }

.videoBox{ width: 100%; padding-bottom: 40px; }
.videoBox video{ display: block; width: 100%; }
.videoBox h3{ font-size: 18px; margin-top: 20px; font-weight: bold; color: #111; line-height: 36px; text-align:center; }

/*====================  企业文化  ======================*/

@media(max-width:1050px){
    .videoBox{ padding-bottom: 30px; }
    .mienBox .item{ padding-left: 68px; margin-bottom: 25px; }
    .mienBox .item h2 span{ font-size: 30px; line-height: 30px; }
    .mienBox .item h2{ font-size: 12px; line-height: 20px; }

    .mienBox .item .sin{ padding-left: 40px;}
    .mienBox::before{ left: 79px; }
    .mienBox .item .sin h3{ font-size: 15px; }
    .mienBox .item .sin p{ font-size: 13px; line-height: 25px; color: #888; margin: 25px 0; }
}

@media(max-width:800px){
    .videoBox{ padding-bottom: 25px; }
    .videoBox h3{ font-size: 18px; margin-top: 15px; }
    .mienBox .item{ margin-bottom:20px; }
    .mienBox .item .sin p{ margin: 20px 0; }
}
@media(max-width:640px){
    .videoBox{ padding-bottom: 10px; }
    .videoBox h3{ font-size: 16px; line-height: 30px; }
    .mienBox .item{ margin-bottom:15px; }
    .mienBox .item .sin p{ margin: 15px 0; }
    .mienBox .item .sin h3{ font-size: 14px; }
    .mienBox .item .sin p{ font-size: 12px; line-height: 24px; margin: 20px 0; }
}

@media(max-width:500px){
    .mienBox .item{ padding-left: 0; padding: 12px; box-shadow: 0 0 10px #eee; }
    .mienBox .item .sin{ padding-left: 0; }
    .mienBox .item h4{ display: block; } 

    .mienBox .item .sin .icon{ display: none; } 
    .mienBox .item .sin p{ margin: 10px 0; }
    .mienBox .item h2{ display: none; }
    .mienBox::before{ display: none; }
    .mienBox .item .sin .pics a{ width: 100%; padding-bottom:61.2%; margin:0 0 10px 0; }
    .videoBox{ padding-bottom: 0; }
    .videoBox h3{ font-size: 15px; margin-top: 10px; }
}


/*============== 分支机构 ==============*/
.branchBox{ padding: 50px 0; transition: all 0.4s; }
.branchBox .linka{ overflow:hidden; margin-bottom:20px;  }
.branchBox .linka span{display:block; padding: 3px; float: left; }
.branchBox .linka a{ padding: 3px 10px;  display: block; width: 100%; background-color: #e7e7e7; color: #666666; line-height: 44px; text-align:center; font-size: 15px;transition: all 0.4s; }
.branchBox .linka a:hover{ background-color: #016add; color: #fff;}
.branchBox .linka a.on{ background-color: #016add; color: #fff; }
.branchBox .address{ position: relative; padding: 50px 5% 100px 5%;transition: all 0.4s; }
.branchBox .address .dwBottom{ position: absolute; left: 0; bottom: 0; width: 100%; }
.branchBox .address .mid{ width:100%; background-color: #fff; box-shadow: 0 10px 60px rgba(140,192,255,0.26); padding: 40px; position: relative; z-index: 2;transition: all 0.4s; }
.branchBox .address .mid .dwRight{position: absolute; right: 0; bottom: 0; width: 298px;}
.branchBox .address .mid h3{ font-size: 15px; line-height: 33px; color: #111; text-align:center; font-weight: bold; margin-bottom:30px;transition: all 0.4s; }
.branchBox .address .mid .info{ overflow: hidden; }
.branchBox .address .mid p{ display: block; padding-left: 30px; line-height: 30px; background-size: 22px auto; background-position: left 4px; background-repeat: no-repeat; float: left; overflow: hidden; margin-bottom: 12px; }
.branchBox .address .mid p span{ display: block; width: 50%;  }
.branchBox .address .mid p.bg1{ background-image: url(../images/page6_07.png); width: 100%; }
.branchBox .address .mid p.bg1 span{ min-width: 48%; float: left; margin-right:2%; }
.branchBox .address .mid p.bg2{ background-image: url(../images/page6_11.png); width: 50%; background-size: 18px auto; background-position: 2px 6px;  }
.branchBox .address .mid p.bg3{ background-image: url(../images/page6_13.png); background-size: 16px auto; background-position: 3px 7px;  }
.branchBox .address .mid p.bg2 span,
.branchBox .address .mid p.bg3 span{ width: 100%; }
/*============== 分支机构 ==============*/

@media(max-width:1200px){
    .branchBox{ padding: 40px 0; }
    .branchBox .address{ padding: 40px 50px 80px 50px; }
    .branchBox .linka span a{line-height: 40px; font-size: 14px;  }
}
@media(max-width:1050px){
    .branchBox .linka{ overflow:hidden; margin-bottom:20px; overflow-x: auto; white-space: nowrap;  }
    .branchBox .linka span{ padding: 3px; display: inline-block; float: none; }
    .branchBox .address{ padding: 30px 30px 60px 30px; }
    .branchBox{ padding: 35px 0; }
    /*.branchBox .linka span{ width: 14.28%; padding: 2px;}*/
    .branchBox .address .mid .dwRight{ width: 200px;}
    .branchBox .address .mid{ padding: 30px; }
    .branchBox .linka span a{line-height: 36px; font-size: 13px; }
    .branchBox .address .mid h3{ margin-bottom: 25px; }
    .branchBox .linka a:hover{ background-color: #e7e7e7; color: #666;}
}
@media(max-width:800px){
    .branchBox .address{ padding: 30px 20px 40px 20px; }
    .branchBox{ padding: 30px 0; }
    .branchBox .address .mid .dwRight{ width: 150px;}
    .branchBox .address .mid{ padding: 25px; }
    .branchBox .linka{ margin-bottom: 15px; }
    /*.branchBox .linka span{ width: 16.66%; padding: 2px;}*/
    .branchBox .linka span a{line-height: 32px; font-size: 12px;  }
    .branchBox .address .mid h3{ margin-bottom: 20px; }
}
@media(max-width:700px){
    .branchBox{ padding: 25px 0; }
    .branchBox .linka span{ padding: 2px;}
    .branchBox .address .mid{ padding: 20px; }
}
@media(max-width:600px){
    .branchBox{ padding: 20px 0; }
    .branchBox .address{ padding: 20px 15px 30px 15px; }
    .branchBox .address .mid .dwRight{ width: 100px;}
    .branchBox .linka{ margin-bottom: 12px; }
    /*.branchBox .linka span{ width: 25%; padding: 2px;}*/
    .branchBox .address .mid{ padding: 15px; }
    .branchBox .linka a{line-height: 26px; font-size: 12px;  }
    .branchBox .address .mid h3{ margin-bottom: 15px; }
    .branchBox .address .mid p span{ width: 100%; line-height: 20px; margin-bottom: 10px; }
    .branchBox .address .mid p{ background-size: 20px auto; padding-left: 24px; margin-bottom: 8px;}
    .branchBox .address .mid p.bg2{background-size: 18px auto; background-position: 2px 2px;}
    .branchBox .address .mid p.bg3{background-size: 14px auto; background-position: 3px 3px;}
}
@media(max-width:500px){
    .branchBox{ padding: 15px 0; }
    .branchBox .address .mid{ padding: 15px 10px; }
    .branchBox .address{ padding: 10px 0 0px 0; }
    .branchBox .linka{ margin-bottom: 10px; }
    /*.branchBox .linka span{ width: 33.33%; }*/
    .branchBox .address .mid p span{ margin-bottom: 5px; }
    .branchBox .address .mid p{ margin-bottom: 4px; }
}


/*==============  联系我们 ================*/

.mapPage{ width: 100%; padding-top: 50px; }
.mapPage .info{ overflow:hidden; margin-top: 15px; padding: 20px 0; }
.mapPage .info p{padding-left: 24px; line-height: 30px; background-size: 16px auto; background-position: left 7px; background-repeat: no-repeat; font-size: 14px; color: #555; width: 50%;  float: left; margin-bottom: 10px;}
.mapPage .info p.bg1{background-image: url(../images/page7_04.png);}
.mapPage .info p.bg2{background-image: url(../images/page7_06.png);}
.mapPage .info p.bg3{background-image: url(../images/page7_11.png);}
.mapPage .info p.bg4{background-image: url(../images/page7_14.png);}

.joinBox{ padding: 50px 0; position: relative;transition: all 0.4s;  }
.joinBox .dwtop{ position: absolute; right: 0; top: 50px; z-index: 2; }
.joinBox .dwtop img{ display: block; max-width: 100%; }
.joinBox .dwbottom{ position: absolute; right: 0; bottom: 0; z-index: 2; }
.joinBox .dwbottom img{ display: block; max-width: 100%; }
.floor{ background-color: #fafafa; padding: 30px;transition: all 0.4s; }
.floor h2{ font-size: 16px; color: #111; margin-bottom: 15px; }
.floor h3{ font-size: 16px; color: #016add; }
.floor p{ font-size: 14px; color: #888; }
.floor p span{ color: #016add; }
.boxList{ width: 60%; margin-top: 40px; }
.boxList .single{ margin-bottom: 40px; background-color: #fafafa; padding: 30px; position: relative;  min-height: 220px; }
.boxList .single h5{ font-size: 20px; color: #016add; font-weight: bold; margin-bottom: 30px; }
.boxList .single p{ font-size: 14px; line-height: 32px; color: #888;transition: all 0.4s;  }
.boxList .single p b{ color: #333; font-weight: bold; line-height: 40px; }
.boxList .single .dwnum{ position: absolute; right: 30px; top: 30px;  }
.boxList .single .dwnum img{ width: 150px; }

/*==============  联系我们 ================*/

@media(max-width:1050px){
    .mapPage .info p{ font-size: 13px; }
    .boxList{ width: 100%;}
    .joinBox .dwtop{ display: none; }
    .joinBox .dwbottom{ display:none;  }
}
@media(max-width:600px){
    .mapPage .info{ padding: 15px 0; }
    .mapPage .info p{ font-size: 12px;margin-bottom: 6px; }
    
    .joinBox{ padding: 35px 0 0 0; }
    .floor{ padding: 25px;}
    .boxList{ margin-top: 25px; }
    .boxList .single{ margin-bottom: 30px;  }
    .boxList .single h5{ font-size: 18px; margin-bottom: 25px; }
    
    .boxList .single p{ font-size: 13px; line-height: 27px; }
    .boxList .single p b{ line-height: 33px; font-size: 13px; }
    .floor h2{ font-size: 15px; margin-bottom: 13px; }
    .floor h3{ font-size: 15px; }
    .floor p{ font-size: 13px; }
}
@media(max-width:500px){
    .mapPage { padding-top: 25px; }
    .mapPage .info{ padding: 10px 0; }
    .mapPage .info p{ width: 100%; font-size: 6px;margin-bottom:2px; }
    #allmap{ height: 350px !important; }
    
    .floor h2{ font-size: 14px; margin-bottom: 9px; }
    .floor h3{ font-size: 14px; }
    .floor p{ font-size: 12px; }

    .boxList{ margin-top: 20px; }
    .boxList .single{ margin-bottom: 20px;  }
    .boxList .single h5{ margin-bottom: 15px; }
    .boxList .single{ padding: 20px;  min-height: 120px;  }
    .boxList .single .dwnum{ position: absolute; right: 15px; top: 15px; }
    .boxList .single .dwnum img{ width: 120px; }
    .boxList .single p{ font-size: 12px; line-height: 24px; }
    .boxList .single p b{ line-height: 28px; font-size: 12px; }
}
@media(max-width:400px){

    .boxList .single{ margin-bottom: 15px;  }
    .boxList .single:last-child{ margin-bottom: 0; }
    .boxList .single .dwnum img{ width: 80px; }

    .floor h2{ font-size: 13px; margin-bottom: 9px; }
    .floor h3{ font-size: 13px; }

}