@charset "utf-8";
/* CSS Document */
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,   /* structural elements 锟结构元锟斤拷 */dl, dt, dd, ul, ol, li, /* list elements 锟叫憋拷元锟斤拷 */pre, /* text formatting elements 锟侥憋拷锟斤拷式元锟斤拷 */
form, fieldset, legend, button, input, textarea, /* form elements 锟斤拷锟皆拷锟?*/
th, td, /* table elements 锟斤拷锟皆拷锟?*/
img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea, span {font: 12px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearf{clear:both;}
.clearfix:after,.clear:before{display:table;content:'';}
.clearfix:after{clear:both;overflow:hidden;	}
.clearfix{zoom:1;}
.relative {position:relative;}
.zj_relative{margin:20px 0px;}
.absolute {position:absolute;}
.float_left {float:left;}
.float_right {float:right;}

.gg{text-align:center;}
.clearfix { *zoom:1;}
.clearfix:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:"."; }
/*头部*/
.yyaist, .hyaist, .cdaist, .zzaist{ display:none;}
/*header css*/
body { max-width: 640px;min-width: 320px; width: 100%;position:static !important;}
.headTop{width:100%;}
.top {background: #096ec5 none repeat scroll 0 0; height:100px;max-width: 640px;position: relative;top: 0;width: 100%;z-index: 9; margin:0 auto;}
.top-phone{width:50px;position:absolute;top:20%;right:3%;}
.top-phone img{width:100%;}
.showMenuBtn {height: 30px;left: 3%;top: 34%;width: 40px;}
.showMenuBtn span{display:block;height:5px;background:#FFF;margin-bottom:7px;}
.showMenuBtn img{width:100%;}
.serch-btn{width:33px;height:33px;right:3%;top:24%;}
.serch-btn img{width:100%;}
.bt { -moz-transition: background 0.3s linear 0s; -webkit-transition: background 0.3s linear 0s; transition: background 0.3s linear 0s; }
.ot { -moz-transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; }
.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.contentBox { -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.borderBox { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popMenus { position: fixed; max-width:640px;left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; background-color: #3f4754;-moz-transition:all .6s ease-out 0s;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-moz-transform:translateX(-99.9%);-webkit-transform:translateX(-99.9%);-ms-transform:translateX(-99.9%);-o-transform:translateX(-99.9%);transform:translateX(-99.9%);z-index:200}
.popMenus.show{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
@-webkit-keyframes pan-ripple{0%{-webkit-transform:scale(1);opacity:0}30%{-webkit-transform:scale(1.1);opacity:1}100%{-webkit-transform:scale(1.4);opacity:0}}.s-ripple i{position:absolute;width:60px;height:60px;line-height:normal;border-radius:50%;border:1px solid #da0000;box-sizing:border-box}.ripple{background:#da0000;color:#fff;font-size:12px;text-align:center;font-style:normal;padding-top:10px;opacity:.8}.ripple-a{opacity:0;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:pan-ripple 2s linear infinite;animation:pan-ripple 2s linear infinite}.ripple-b{opacity:0;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:pan-ripple 1s linear infinite;animation:pan-ripple 1s linear infinite}.s-ripple{z-index:99999;position:fixed;width:30px;height:30px;padding:3px}
.pop_title { width: 99.9%; position: relative; z-index: 2; background-color: #2e3642; padding: 0 3%; }
.pop_title span { display: inline-block; float: left; font-size: 3.0rem; line-height: 2.66; color: #e5e5e5; }
.closePopMenu { display: block; width: 49px; height: 47px; left: 3%; top: 50%; }
.menuContainer { width:100%; height: 99.9%; background:#fff; }
.menuNavs { width: 24%;height: 99.9%; float: left; overflow: hidden; position: relative; border-right:1px solid #d8d8d8;}
.menuNavs ul { position: absolute;width:99.9%; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding-bottom:80px;}
.menuNavs ul li { width:90%;}
.menuNavs ul li a {display:block; color:#999;width:70%; margin:0 auto;} 

.menuNavs ul li div { width:100%; text-align:center; font-size:2.6rem; margin:15px 0; color:#999;}
.menuNavs ul li em { display:block; margin:0 auto 8px; width:100%; }
.menuNavs ul li em img{ width:80%;}
.topfix{position:fixed;top:0px;z-index:999999;width:640px;}

.menuContents {width:76%;height:99.9%;overflow:hidden;float:left;}
.menuContent {width:99.9%;height:99.9%;overflow:hidden;}
.menuLists {padding-bottom:80px;}
.menuList h4 {font-size:2.5rem;color:#fff;line-height:1.83;border-bottom:1px solid #525c6b;margin-top:2%;font-weight:normal;}
.menuList .links {padding:3% 0%;}
.menuList .links a{display:block;float:left;color:#bdbebf;font-size:2.3rem;line-height:2.2;width:33.3%;overflow:hidden;}
/* 项目css -------------------------------------- */
.xiangmu { overflow-x:auto;}
.xiangmu li { width:33%; text-align:center; float:left }
.xiangmu li a {display:block; color:#999;width:90%; margin:0 auto;} 
.xiangmu li div { width:100%; text-align:center; font-size:2.6rem; margin:15px 0; }
.xiangmu li em { display:block; margin:0 auto 8px; width:70%; }
.xiangmu li em img{ width:100%;}

.menuIcon{color:#ed6c00;font-size:20px;position: absolute;
    margin-left: 33px;
    margin-top: -18px;}
.footer2 {width: 100%;height: 106px;position: fixed;bottom: 0;left: 0;line-height: 106px;z-index: 999999;}
.footer2 .footerInner {max-width: 640px;height: 100%;margin: 0 auto;-moz-box-shadow: 6px 0 24px rgba(32,21,18,.72);-webkit-box-shadow: 6px 0 24px rgba(32,21,18,.72);box-shadow: 6px 0 24px rgba(32,21,18,.72);}
.footer2 a {display: block;float: left;position: relative;}
.footer2 a em, .footer2 a i {
    display: block;
    position: absolute;
}
em {
    font-style: normal;
}
.footerLink3 {width: 31.38%;height: 100%;background-color: #282828;border-right: 1px solid #666;}
.phoneIcon {left: 40%;top: 24%;width: 100%;height: 70px;margin-top: -10px;margin-left: -65px;background: url(../images/ft02.jpg) no-repeat;background-size: 80%;}
.footerLink3 em {display: block;left: 50%;top: 40%;margin-left: -28px;margin-top: -18px;color: #fff;font-size: 20px;line-height: 46px;font-family: "微软雅黑";}
.footerLink2 {width: 32%;height: 100%;background-color: #282828;border-right: 1px solid #666;}
.swtIcon {left: 35%;top: 20%;width: 100%;height: 60px;margin-left: -72px;background: url(../images/ft03.jpg) no-repeat center;background-size: 65%;}
.swtIcon_Counter {
    left: 60%;
    top: 38px;
    width: 20px;
    height: 20px;
    margin-left: -74px;
    text-align: center;
    line-height: 20px;
    background-color: #e60012;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.8);
    box-shadow: 0 0 3px rgba(0,0,0,0.8);
}
.footerLink2 em {
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -28px;
    margin-top: -18px;
    color: #fff;
    font-size: 20px;
    line-height: 46px;
}
.footerLink4 {
    width: 18%;
    height: 100%;
    background-color: #282828;
    border-right: 1px solid #666;
}
.zxIcon {
    top: 50%;
    width: 100%;
    height: 75px;
    margin-top: -32px;
    background: url(../images/ft04.jpg) no-repeat;
    background-size: 100%;
}
.footerLink4 em {
    display: block;
    left: 50%;
    top: 72%;
    margin-left: -35px;
    margin-top: -23px;
    color: #fff;
    font-size: 20px;
    line-height: 46px;
    font-family: "微软雅黑";
}
.footerLink1 {
    width: 18.5%;
    height: 100%;
    background-color: #282828;
    border-right: 1px solid #666;
}
.homeIcon {
    left: 25%;
    top: 14%;
    width: 100%;
    height: 80px;
    margin-left: -29px;
    background: url(../images/ft05.jpg) no-repeat;
}
.footerLink1 em {
    display: block;
    left: 0;
    top: 58px;
    width: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
}
@media screen and (max-width: 500px) {
.top{ height:80px;}
}
@media (min-width:320px) and (max-width:480px) {
.top{ height:60px;}
.topfix{width:100%;}
.top-phone{width:30px;}
.showMenuBtn span{height:3px;}
}