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

.xga{background:url(../images/x1.jpg) no-repeat center top; width:100%; height:395px}
.xgb{background:url(../images/x2.jpg) no-repeat center top; width:100%; height:419px}
.xgc{background:url(../images/x3.jpg) no-repeat center top; width:100%; height:278px}
.xgd{background:url(../images/x4.jpg) no-repeat center top; width:100%; height:440px; position:relative; z-index:10}
.xge{background:url(../images/x5.jpg) no-repeat center top; width:100%; height:854px; position:relative}
.xgf{background:url(../images/x6.jpg) no-repeat center top; width:100%; height:241px}

.xgd a{display:block; width:145px; height:50px; line-height:54px; color:#fff; font-size:18px; text-align:center; background:#4a8d09; border-bottom:4px solid #3a6531; position:absolute; left:50%; margin-left:-72px; bottom:-30px; z-index:5; font-family:"微软雅黑";
  -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.xgd a:hover{text-decoration:none; background:#3a6531}
.xge .xmt{position:relative; width:950px; margin:auto}
.xge .xe{position:absolute; cursor:pointer}
.xge .e1{top:140px; left:58px}
.xge .e2{top:140px; right:58px}
.xge .e3{top:473px; left:58px}
.xge .e4{top:473px; right:58px}

.xe .maxImg{position:absolute; background:url(../images/fd.png) no-repeat center top; width:70px; text-align:center; padding:55px 0 0; left:50%; top:50%; margin:-35px 0 0 -23px; color:#fff; font-size:14px; display:none}
.xe .bg{display:block; width:100%;height:312px;top:0;left:0;background:#000; position:absolute; display:none;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}

.uiMask{position:fixed;z-index:150;width:100%;height:100%;top:0;left:0;background:#000;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
.uiMask iframe{width:100%;height:100%;opacity: 0;filter: alpha(opacity=0);border:0;padding:0;}
.uiBox{background:#fff; position:fixed; z-index:151; left:50%; top:50%; border:5px solid #75787c;
  -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.uiBox .uiTit{background:#479be9; padding:10px; color:#fff; font-size:14px; position:relative}
.uiBox .cose{width:30px; height:30px; background:#fff; color:#333; font-size:24px; text-align:center; line-height:30px; cursor:pointer; position:absolute; right:5px; top:5px; border:1px solid #333;
  -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
}
.uiBox .uiCon{background:#fff; position:relative}
#ig img{width:100%}

.tenYears{background:url(../images/ten_02.jpg) no-repeat center top #3967af; padding:613px 0 0}
.tenHg{background:url(../images/ten_04.png) no-repeat center top; width:100%; height:431px}
.mo-ten{width:1076px; margin:auto; position:relative}
.pMimg{text-align:right}

.tenTex{position:absolute; top:0; left:50px; width:460px; color:#fff}
.tenTex .tit{font-size:40px}
.tenTex .title{font-size:70px}

.timeLine{border-left:2px solid #fff; padding-left:25px}
.timeLine li{position:relative}
.timeLine li i{display:block; width:18px; height:18px; border:2px solid #fff; position:absolute; left:-37px; top:0; background:#3967af;
  -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
}
.timeLine li{margin-bottom:38px; font-size:20px}
.timeLine li a{color:#fff}
.timeLine li .con{color:#b0c2df; margin:5px 0 0; font-size:16px}
.timeLine li a:hover,.timeLine li a:hover .con{color:#fdd000}