.bannerN {
    height: 300px;
    position: relative;
    text-align: center; clear: both;
    justify-content: center;
    align-items: center;
}
.banH2 {
    position: absolute;
    bottom: 160px;
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bold;
    display: block;
    width: 100%;
}
.bannerN h3 {
    font-size: 24px;
    color: #ffffff;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 120px;
}
.sky {
  height: 300px;
  position:absolute;
  width: 100%;
  bottom:0px;
  z-index: 1;
  overflow: hidden;
  -webkit-animation: sky_background 50s ease-out infinite;
  -moz-animation: sky_background 50s ease-out infinite;
  -o-animation: sky_background 50s ease-out infinite;
  animation: sky_background 50s ease-out infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bannerN .sky {
    opacity: 0.3;
}
.clouds_one {
  background: url("../images/about/line_one.png") repeat-x;
  position: absolute;
  left: -10px;
  bottom: 0;
  height: 220px;
  width: 300%;
  -webkit-animation: cloud_one 50s linear infinite;
  -moz-animation: cloud_one 50s linear infinite;
  -o-animation: cloud_one 50s linear infinite;
  animation: cloud_one 50s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.clouds_two {
  background: url("../images/about/line_two.png") repeat-x;
  position: absolute;
  left: -10px;
  bottom: 0;
  height: 260px;
  width: 300%;
  -webkit-animation: cloud_two 75s linear infinite;
  -moz-animation: cloud_two 75s linear infinite;
  -o-animation: cloud_two 75s linear infinite;
  animation: cloud_two 75s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.clouds_three {
  background: url("../images/about/line_three.png") repeat-x;
  position: absolute;
  left: -10px;
  bottom: 0;
  height: 240px;
  width: 300%;
  -webkit-animation: cloud_three 100s linear infinite;
  -moz-animation: cloud_three 100s linear infinite;
  -o-animation: cloud_three 100s linear infinite;
  animation: cloud_three 100s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.module-wrap {
    min-width: 1200px;
    background-color:#333;
    width: 100%;
    height: 50px;
    position: relative;
    z-index: 2;
}
.module-wrap .nav {
    width: 1200px; height: 50px; background: #333;
    margin: 0 auto;
}

.module-wrap .nav .on, .module-wrap .nav .on:hover {
    background-color: #ef1c22;
}
.module-wrap .nav li {
    float: left;
    width: 200px;
    height: 50px;
    text-align: center;
}
.module-wrap .nav li a {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-decoration: none;
}
 .wrap .des {
    width: 1140px;
    margin: 30px auto;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 24px;
}
.m-clea {
    margin: 10px 0 30px 0;
}
ul.ul01{margin:20px 0;zoom:1;_zoom:1;*zoom:1;}
ul.ul01:before,
ul.ul01:after{content:"";display:block;clear:both;}
ul.ul01 li{float:left;}
 .wrap .des h6 {
    font-size: 28px;
    color: #ef1c22;
    margin: 30px 0 0px 0;
}

h4 {
    font-size: 18px;
    color: #333;
    margin: 30px 0 0px 0;
}


.history-item{overflow:hidden;}
.history-item h1{font-size:28px;color:#0058a2;}
.history-item .content{margin:50px 0 0 0;}
/*history*/
.history { background:url(../images/about/line04.gif) repeat-y 187px 0; margin-top: 50px; overflow:hidden; position:relative;}
/*history*/
.history-date {overflow:hidden;}
.history-date h2 { background:url(../images/about/icon06.gif) #fff no-repeat 158px 0;font-size:25px;font-weight:normal; padding-left:45px; margin-bottom:50px;}
.history-date h2.first { position:absolute; left:0; top:0; width:935px; z-index:99;}
.history-date h2 a { color:#00bbff; display:inline-block; *display:inline; zoom:1; background:url(../images/about/icon08.gif) no-repeat right 50%; padding-right:17px; margin:21px 97px 15px 0;}
.history-date h2 a:hover { text-decoration:none;}
.history-date h2 img { vertical-align:-5px;}
.history-date h2.date02 { background:none;}
.history-date h2 span{font-size:42px;}
.history-date ul { overflow:hidden;}
.history-date ul li {background:url(../images/about/icon07.gif) no-repeat 180px 0; padding-bottom:30px; zoom:1;}
.history-date ul li.last { padding-bottom:0;}
.history-date ul li:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.history-date ul li h3 { float:left; width:168px; text-align:right;margin:0; padding-right:19px;color:#c3c3c3; font:normal 18px/16px Arial;}
.history-date ul li h3 span { display:block; color:#d0d0d0; font-size:12px;}
.history-date ul li dl { float:left; padding-left:41px; margin-top:-5px;}
.history-date ul li dl dt { font-size:16px; color:#737373; }
.history-date ul li dl dt span { display:block; color:#787878; font-size:12px;}
.history-date ul li.green h3 { color:#1db702;}
.history-date ul li.green h3 span { color:#a8dda3; }
.history-date ul li.green dl {margin-top:-5px;}
.history-date ul li.green dl dt { font-size:26px; line-height:26px;}
.history-date ul li.green dl dt a { /*background:url(../images/about/icon09.gif) no-repeat 0 0; width:19px; height:16px;*/ display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align: middle; margin-left:12px;}
.history-date ul li.green dl dd { padding-top:20px; display:none;}
.history-date ul li.green dl dd img { float:left;}
.history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878;}
.history-date h2.first .more-history {font-size: 16px; background: transparent; margin-left: 30px;}
.history-date h2.first .more-history:hover {text-decoration: underline;}


.payment-item dl{margin:50px 0;border-top:1px solid #ddd;line-height:1.8;font-size:14px;padding-top:50px;}
.payment-item dt{float:left;width:470px;}
.payment-item dd{margin-left:470px;}
.payment-item dd span{color:#0058a2;}
.payment-item .x-no{border:none;}

.partner-item .list{padding:10px 0 50px 0;}
.partner-item .list li{margin:10px 10px;float:left;padding:8px 20px;background:#fff;border:1px solid #ddd;line-height:0;}