@charset "UTF-8";
.swiper-container .swiper-slide .slide-content .change-num, .news-list .news-list-content, .page-block .pb-container.container-1 .content .change-num, .page-block .pb-container.container-1 .content > .pb-1-muns-block, .page-2 .page-2-content, .block-3 .ent-warp, .banner .swiper-slide .inner, .banner .swiper-slide .inner > ul, .very_fast > .ul_content, .very_fast > .ul_content > li, .new_very_fast > .main, .new_very_fast > .main > .tr, .new_very_fast > .main > .th, .new_very_fast > .main > .tr .pagination, .fill_layer > .inner > .content > .list, .numberAnimate > .inner, .numberAnimate > .inner > li, .ecology > .ecology-inner > .content-main, .ecology > .ecology-inner > .content-main > .left, .ecology > .ecology-inner > .content-main > .right, .ul-content, .ul-content.ul-content1 > li, .ul-content.ul-content2 > li, .ul-content.ul-content3 > li { *zoom: 1; }
.swiper-container .swiper-slide .slide-content .change-num:before, .news-list .news-list-content:before, .page-block .pb-container.container-1 .content .change-num:before, .page-block .pb-container.container-1 .content > .pb-1-muns-block:before, .page-2 .page-2-content:before, .block-3 .ent-warp:before, .banner .swiper-slide .inner:before, .banner .swiper-slide .inner > ul:before, .very_fast > .ul_content:before, .very_fast > .ul_content > li:before, .new_very_fast > .main:before, .new_very_fast > .main > .tr:before, .new_very_fast > .main > .th:before, .new_very_fast > .main > .tr .pagination:before, .fill_layer > .inner > .content > .list:before, .numberAnimate > .inner:before, .numberAnimate > .inner > li:before, .ecology > .ecology-inner > .content-main:before, .ecology > .ecology-inner > .content-main > .left:before, .ecology > .ecology-inner > .content-main > .right:before, .ul-content:before, .ul-content.ul-content1 > li:before, .ul-content.ul-content2 > li:before, .ul-content.ul-content3 > li:before, .swiper-container .swiper-slide .slide-content .change-num:after, .news-list .news-list-content:after, .page-block .pb-container.container-1 .content .change-num:after, .page-block .pb-container.container-1 .content > .pb-1-muns-block:after, .page-2 .page-2-content:after, .block-3 .ent-warp:after, .banner .swiper-slide .inner:after, .banner .swiper-slide .inner > ul:after, .very_fast > .ul_content:after, .very_fast > .ul_content > li:after, .new_very_fast > .main:after, .new_very_fast > .main > .tr:after, .new_very_fast > .main > .th:after, .new_very_fast > .main > .tr .pagination:after, .fill_layer > .inner > .content > .list:after, .numberAnimate > .inner:after, .numberAnimate > .inner > li:after, .ecology > .ecology-inner > .content-main:after, .ecology > .ecology-inner > .content-main > .left:after, .ecology > .ecology-inner > .content-main > .right:after, .ul-content:after, .ul-content.ul-content1 > li:after, .ul-content.ul-content2 > li:after, .ul-content.ul-content3 > li:after { content: ""; display: table; }
.swiper-container .swiper-slide .slide-content .change-num:after, .news-list .news-list-content:after, .page-block .pb-container.container-1 .content .change-num:after, .page-block .pb-container.container-1 .content > .pb-1-muns-block:after, .page-2 .page-2-content:after, .block-3 .ent-warp:after, .banner .swiper-slide .inner:after, .banner .swiper-slide .inner > ul:after, .very_fast > .ul_content:after, .very_fast > .ul_content > li:after, .new_very_fast > .main:after, .new_very_fast > .main > .tr:after, .new_very_fast > .main > .th:after, .new_very_fast > .main > .tr .pagination:after, .fill_layer > .inner > .content > .list:after, .numberAnimate > .inner:after, .numberAnimate > .inner > li:after, .ecology > .ecology-inner > .content-main:after, .ecology > .ecology-inner > .content-main > .left:after, .ecology > .ecology-inner > .content-main > .right:after, .ul-content:after, .ul-content.ul-content1 > li:after, .ul-content.ul-content2 > li:after, .ul-content.ul-content3 > li:after { clear: both; }

.news-list .news-list-content > .item > a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.swiper-container .swiper-button-prev:before, .swiper-container .swiper-button-next:before { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; }

.swiper-container .swiper-button-prev:before, .swiper-container .swiper-button-next:before { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

tspan { cursor: default !important; }

/*.sd_hd{ position: absolute; top: 43px; z-index: 9; left: -37px;
}
.bottom_down{ animation:myfirst 1s; position: fixed; bottom: 0; z-index: 99; width: 100%; height: 150px; .down_bg{ position: absolute; width: 100%; height: 150px; left: 0; bottom: 0; background: url("../img/active/down.png")no-repeat center; background-size: cover; }
 .zx{ width: 1200px; margin: 0 auto; z-index: 99999; position: relative; .zixun{ position: absolute; right: 305px; top: 37px; z-index: 999; font-size: 26px; color: #971b19; display: block; width: 175px; height: 48px; line-height: 48px; background-color: #ffd573; border-radius: 24px; } .sd_bg{ display: block; position: absolute; right: 89px; top: 37px; cursor: pointer; width: 175px; height: 48px; line-height: 40px; border-radius: 24px; border: solid 3px #ffd573; color: #ffd573; font-size: 26px; box-sizing: border-box; } span{ position: absolute; right: -154px; top: 0px; cursor: pointer; } }


}
.bottom_downs{ animation:myfirsts 1s;

}*/
/*元宵活动*/
.active-ban { display: none; width: 100%; height: 340px; background: url("yx0.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/active/yx0.png*/ no-repeat center; background-size: cover; cursor: pointer; /*  img{ width: 100%; height: auto; }*/ }

.active-bans { display: none; width: 100%; height: 120px; background: url("yx1.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/active/yx1.png*/ no-repeat center; background-size: cover; cursor: pointer; }

.closed { position: absolute; right: 10%; top: 26px; z-index: 10; cursor: pointer; display: none; }

@keyframes myfirst { 0% { left: -1200px; }
  100% { left: 0px; } }
@keyframes myfirsts { 0% { left: 0px; }
  100% { left: -2000px; } }
.bottom_down_hide { display: none; position: fixed; left: 0; bottom: 0; z-index: 1000; cursor: pointer; }

.add-hint { width: 117px; height: 140px; background-color: #0a99ff; border-radius: 6px 0px 0px 6px; position: fixed; right: 0; bottom: 14%; z-index: 998; }
.add-hint img { margin: 17px 29px; }
.add-hint p { color: #ffffff; font-size: 12px; text-align: center; }

.swiper-container { width: 100%; height: 100%; }
.swiper-container .swiper-slide { width: 100%; height: 100%; background-size: contain; }
.swiper-container .swiper-slide .slide-content { width: 950px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.swiper-container .swiper-slide .slide-content .logo { background: url("icon-logos.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/icon-logos.png*/ no-repeat; margin: 0 auto; }
.swiper-container .swiper-slide .slide-content .logo.bzy { width: 305px; height: 40px; background-position: 0 0; }
.swiper-container .swiper-slide .slide-content .logo.train { width: 260px; height: 135px; background-position: 0 -140px; }
.swiper-container .swiper-slide .slide-content .logo.sjs { width: 382px; height: 110px; background-position: 0px -358px; }
.swiper-container .swiper-slide .slide-content > p { font-size: 28px; line-height: 52px; color: #444444; margin: 36px 0 55px; }
.swiper-container .swiper-slide .slide-content .change-num { display: inline-block; font-size: 0; height: 80px; }
.swiper-container .swiper-slide .slide-content .change-num li { display: inline-block; }
.swiper-container .swiper-slide .slide-content .change-num li p { font-size: 18px; color: #72889D; }
.swiper-container .swiper-slide .slide-content .change-num li h2 { font-size: 30px; color: #444444; font-weight: bold; }
.swiper-container .swiper-slide .slide-content .btn { display: block; font-size: 16px; color: #fff; width: 180px; height: 48px; line-height: 48px; background-color: #0A99FF; border-radius: 24px; cursor: pointer; margin: 50px auto 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.swiper-container .swiper-slide .slide-content .btn:hover { -webkit-box-shadow: 0 0 10px rgba(10, 153, 255, 0.8); -ms-box-shadow: 0 0 10px rgba(10, 153, 255, 0.8); -moz-box-shadow: 0 0 10px rgba(10, 153, 255, 0.8); box-shadow: 0 0 10px rgba(10, 153, 255, 0.8); }
.swiper-container .swiper-slide .slide-box { width: 100%; height: 100%; background-color: #fff; background-size: contain; position: relative; }
.swiper-container .swiper-slide .slide-box.bzy { background: #E4EFFF url("bzy-bg.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/bzy-bg.png*/ no-repeat center bottom; }
.swiper-container .swiper-slide .slide-box.bzy .slide-content .change-num li:last-child { margin-left: 120px; }
.swiper-container .swiper-slide .slide-box.train { background: #fff url("train.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/train.png*/ no-repeat center; }
.swiper-container .swiper-slide .slide-box.train .slide-content .change-num li { margin-right: 105px; }
.swiper-container .swiper-slide .slide-box.train .slide-content .change-num li:last-child { margin-right: 0; }
.swiper-container .swiper-slide .slide-box.sjs { background: #fff url("sjs.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/sjs.png*/ no-repeat center; }
.swiper-container .swiper-slide .slide-box.sjs .slide-content .change-num li:first-child { margin-right: 130px; }
.swiper-container .swiper-slide .slide-box.sjs .slide-content .change-num li:nth-child(2) { margin-right: 90px; position: relative; left: 25px; }
.swiper-container .swiper-slide .slide-box.sjs .slide-content .change-num li:last-child { position: relative; left: 20px; }
.swiper-container .swiper-slide .slide-box.sjs .slide-content .btn { background-image: -webkit-linear-gradient(top, #A3ADFF, #6173FF); background-image: -o-linear-gradient(top, #A3ADFF, #6173FF); background-image: linear-gradient(to bottom, #A3ADFF, #6173FF); -webkit-box-shadow: 0 4px 6px #4855BD; -ms-box-shadow: 0 4px 6px #4855BD; -moz-box-shadow: 0 4px 6px #4855BD; box-shadow: 0 4px 6px #4855BD; }
.swiper-container .swiper-slide .slide-box.sjs .slide-content .btn:hover { -webkit-box-shadow: 0 4px 6px #4855BD; -ms-box-shadow: 0 4px 6px #4855BD; -moz-box-shadow: 0 4px 6px #4855BD; box-shadow: 0 4px 6px #4855BD; }
.swiper-container .swiper-button-prev, .swiper-container .swiper-button-next { background-image: none; }
.swiper-container .swiper-button-prev:before, .swiper-container .swiper-button-next:before { content: "\e682"; display: block; width: 100%; height: 100%; line-height: 44px; font-size: 30px; color: #43494C; }
.swiper-container .swiper-button-next:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }

.mouse_tip { padding: 10px 12px 15px; border-radius: 6px; background: rgba(255, 255, 255, 0.85); font-size: 13px; line-height: 16px; color: #666; max-width: 320px; position: fixed; z-index: 999; letter-spacing: 1px; display: none; text-align: left; box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); }
.mouse_tip > b { line-height: 20px; color: #333; font-size: 15px; }

.map_tip { position: fixed; max-width: 240px; min-height: 110px; box-sizing: border-box; padding: 5px 15px 20px; background: rgba(0, 0, 0, 0.7); z-index: 10000; top: 0; left: 0; display: none; color: #fff; text-align: left; }
.map_tip > h4 { font-size: 15px; line-height: 38px; font-weight: normal; }
.map_tip > p { line-height: 20px; font-size: 12px; margin-top: 5px; }
.map_tip.active { display: block; }

.maps-block { position: relative; height: 700px; box-sizing: border-box; padding: 0; background: #fff; }
.maps-block .attr-list { width: 1200px; position: absolute; text-align: left; top: 250px; font-size: 16px; left: calc(50% - 600px); color: #555; }
.maps-block .attr-list > li { box-sizing: border-box; padding: 0 0 0 160px; position: relative; height: 46px; line-height: 46px; margin-top: 4px; }
.maps-block .attr-list > li i { position: absolute; left: 20px; font-size: 20px; width: 30px; text-align: center; display: block; top: 0; color: #74797f; }
.maps-block .attr-list > li > span { position: absolute; left: 64px; }
.maps-block .attr-list > li > p { color: #818991; }
.maps-block .maps { position: absolute; width: 600px; height: 600px; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); left: calc(50% - 86px); top: 160px; }

.news-list {
    position: relative;
    width: 100%;
    padding: 20px 0 60px;
    background: #fff;
    height: 450px;
}
.news-list > h4 { line-height: 100px; font-size: 34px; font-weight: normal; }
.news-list .news-warp { width: 1250px; display: block; margin: 20px auto; box-sizing: border-box; padding: 0 0 0 360px; position: relative; }
.news-list .news-warp > .imgs { width: 400px; height: 230px; display: block; position: absolute; left: 0; top: 20px; z-index: 2; }
.news-list .news-warp > .imgs > img { width: 100%; height: 100%; position: relative; }
.news-list .news-warp .more-link { position: absolute; right: 10px; line-height: 32px; cursor: pointer; color: #999; font-size: 14px; top: 0; cursor: pointer; }
.news-list .news-warp .more-link:hover { color: #333; }
.news-list .news-warp > .menu { display: block; text-align: left; margin-left: 72px; }
.news-list .news-warp > .menu > li { cursor: pointer; height: 32px; line-height: 32px; font-size: 18px; text-align: center; color: #777; display: inline-block; width: 120px; position: relative; cursor: pointer; }
.news-list .news-warp > .menu > li:nth-child(1):before { display: none; }
.news-list .news-warp > .menu > li.active { font-size: 22px; color: #222; font-weight: normal; }
.news-list .news-warp > .menu > li.active:after { display: block; }
.news-list .news-warp > .menu > li:before { content: "/"; height: 20px; line-height: 20px; display: block; font-size: 18px; color: #999; position: absolute; left: -3px; top: calc(50% - 10px); }
.news-list .news-warp > .menu > li:after { width: 24px; height: 3px; display: none; background: #0077e2; content: ""; position: absolute; left: calc(50% - 12px); top: calc(100% + 2px); }
.news-list .news-warp > .menu > li .help { color: #777; }
.news-list .news-list-content { position: relative; width: 100%; }
.news-list .news-list-content > .item { cursor: pointer; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: calc(50% - 88px); line-height: 30px; height: 30px; text-align: right; font-size: 14px; color: #999; position: relative; float: left; margin: 15px 0 0 88px; }
.news-list .news-list-content > .item > a { position: absolute; font-size: 16px; left: 0; line-height: 30px; top: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 225px; display: block; color: #666; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-list .news-list-content > .item > a:hover { color: #0a99ff; }
.news-list .news-list-content > .item:hover { color: #0a99ff; }

.page-block { position: relative; width: 100%; height: 960px; background: #fff; overflow: hidden; }
.page-block .pb-container { position: relative; width: 100%; height: 100%; display: block; -webkit-transition: 2s; -ms-transition: 2s; -moz-transition: 2s; transition: 2s; opacity: 0; filter: alpha(opacity=0); z-index: 1; }
.page-block .pb-container.active { opacity: 1; filter: alpha(opacity=100); z-index: 5; }
.page-block .pb-container.container-1.active { z-index: 2; background-color: #fff; }
.page-block .pb-container.container-1:before { width: 1200px; height: 1200px; display: block; content: ""; background: url("index-bg-1.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index-bg-1.png*/ center no-repeat; position: absolute; z-index: 3; left: calc(50% - 600px); top: calc(50% - 600px); }
.page-block .pb-container.container-1 .content { position: absolute; width: 1000px; height: 720px; display: block; left: calc(50% - 500px); top: calc(50% - 360px); z-index: 3; }
.page-block .pb-container.container-1 .content .pb-1-logo { width: 205px; height: 205px; display: block; background: url("index-top-icons.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index-top-icons.png*/ center no-repeat; margin: auto; }
.page-block .pb-container.container-1 .content > h4 { line-height: 100px; margin: 20px 0 0; color: #222; font-size: 58px; font-weight: normal; letter-spacing: 4px; }
.page-block .pb-container.container-1 .content > .pb-t-text { line-height: 60px; font-size: 38px; font-weight: 300; color: #333; letter-spacing: 2px; text-align: center; font-family: PingFang-SC-Regular, -apple-system-font, sans-serif; display: inline-block; box-sizing: border-box; padding-right: 45px; margin: 10px auto 0; position: relative; z-index: 10; }
.page-block .pb-container.container-1 .content > .pb-t-text .infos { position: absolute; top: calc(50% - 18px); right: 5px; cursor: pointer; width: 36px; height: 36px; display: block; line-height: 36px; }
.page-block .pb-container.container-1 .content > .pb-t-text .infos:hover > p { display: block; }
.page-block .pb-container.container-1 .content > .pb-t-text .infos > i { color: #cbcbcb; font-size: 24px; position: relative; top: -2px; }
.page-block .pb-container.container-1 .content > .pb-t-text .infos > p { background: #fff; box-shadow: border-box; display: none; width: 300px; position: absolute; border-radius: 6px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 8px 12px; line-height: 20px; font-size: 13px; color: #888; text-align: left; font-weight: normal; left: calc(100% + 5px); top: -5px; }
.page-block .pb-container.container-1 .content > .pb-t-text .infos > p > b { color: #000; }
.page-block .pb-container.container-1 .content .change-num { font-size: 0; height: 80px; margin-top: 25px; }
.page-block .pb-container.container-1 .content .change-num li { display: inline-block; }
.page-block .pb-container.container-1 .content .change-num li:last-child { margin-right: 60px; }
.page-block .pb-container.container-1 .content .change-num li:last-child { margin-left: 60px; }
.page-block .pb-container.container-1 .content .change-num li p { font-size: 18px; color: #72889D; }
.page-block .pb-container.container-1 .content .change-num li h2 { font-size: 30px; color: #444444; font-weight: bold; }
.page-block .pb-container.container-1 .content > .pb-1-muns-block { margin: 30px auto 0; width: 900px; }
.page-block .pb-container.container-1 .content > .pb-1-muns-block > .item { float: left; width: 280px; box-sizing: border-box; margin-left: 30px; position: relative; text-align: center; }
.page-block .pb-container.container-1 .content > .pb-1-muns-block > .item:nth-child(1) { margin-left: 0; }
.page-block .pb-container.container-1 .content > .pb-1-muns-block > .item > p { line-height: 26px; font-size: 20px; color: #72889d; position: relative; width: 100%; }
.page-block .pb-container.container-1 .content > .pb-1-muns-block > .item > span { position: relative; width: 100%; display: block; line-height: 58px; font-size: 30px; color: #222; letter-spacing: 1px; font-weight: normal; }
.page-block .pb-container.container-1 .content .pb-1-muns-btn { width: 240px; height: 52px; line-height: 48px; display: block; margin: 30px auto 0; border-radius: 52px; background: #0a99ff; cursor: pointer; color: #fff; font-size: 16px; box-shadow: 0 0 5px rgba(10, 153, 255, 0.2); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.page-block .pb-container.container-1 .content .pb-1-muns-btn:hover { box-shadow: 0 0 10px rgba(10, 153, 255, 0.8); }
.page-block .pb-container.container-1 .content .pb-1-muns-btn > i { color: #fff; font-size: 22px; position: relative; left: -8px; top: 2px; }
.page-block .pb-container.container-1 .content .pb-1-ways { margin: 30px auto; text-align: center; display: block; }
.page-block .pb-container.container-1 .content .pb-1-ways > .items { height: 30px; position: relative; box-sizing: border-box; padding: 0 10px 0 38px; text-align: left; line-height: 30px; display: inline-block; color: #222; font-size: 16px; font-weight: 300; cursor: pointer; }
.page-block .pb-container.container-1 .content .pb-1-ways > .items:nth-child(1):before { display: none; }
.page-block .pb-container.container-1 .content .pb-1-ways > .items:before { width: 2px; height: 20px; content: ""; display: block; position: absolute; left: -1px; top: calc(50% - 10px); background: #d5dae0; }
.page-block .pb-container.container-1 .content .pb-1-ways > .items i { width: 40px; height: 30px; color: #a7b3c8; position: absolute; text-align: center; display: block; font-size: 24px; left: 2px; top: 0; }
.page-block .pb-container.container-2 { position: absolute; z-index: 2; top: 0; left: 0; }
.page-block .pb-container.container-2:after { width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background-image: -webkit-radial-gradient(#eef6ff, #fff); background-image: -o-radial-gradient(#eef6ff, #fff); background-image: radial-gradient(#eef6ff, #fff); background-repeat: no-repeat; }
.page-block .pb-container.container-2 .content { position: absolute; width: 1000px; height: 980px; display: block; top: calc(50% - 400px); left: calc(50% - 500px); box-sizing: border-box; padding-top: 100px; z-index: 5; }
.page-block .pb-container.container-2 .content > h2 { line-height: 60px; color: #000; font-size: 38px; font-weight: normal; letter-spacing: 2px; }
.page-block .pb-container.container-2 .content > h2 > span { display: block; font-size: 45px; letter-spacing: 2px; }
.page-block .pb-container.container-2 .content > h6 { line-height: 60px; font-size: 36px; font-weight: 200; color: #000; letter-spacing: 2px; margin-top: 30px; }
.page-block .pb-container.container-2 .content > span { display: block; width: 100%; height: 230px; margin-top: 30px; background: url("index-p2-icon.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index-p2-icon.png*/ center no-repeat; position: relative; }
.page-block .pb-container.container-2 .content .btns { display: block; width: 100%; margin: 55px auto 0; text-align: center; }
.page-block .pb-container.container-2 .content .btns > a { display: inline-block; width: 180px; height: 48px; line-height: 46px; border-radius: 48px; box-sizing: border-box; margin: 0 5px; cursor: pointer; text-align: center; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; background: #0a99ff; color: #fff; border: 1px solid #0a99ff; }
.page-block .pb-container.container-2 .content .btns > a.link { background: #fff; color: #0a99ff; }
.page-block .pb-container.container-2 .content .btns > a.link:hover { background: #0a99ff; color: #fff; }
.page-block .pb-container.container-2 .content .btns > a:hover { background: #007dd6; }
.page-block .pb-container.container-2 .content .btns > a > i { font-size: 22px; position: relative; left: -5px; top: 2px; }
.page-block .pb-container.container-2 .content:after { width: 900px; height: 400px; content: ""; background: url("index-p2-bg.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index-p2-bg.png*/ center no-repeat; position: absolute; left: calc(50% - 450px); top: -20px; }
.page-block .pb-animation-block { position: absolute; z-index: 1; width: 100%; height: 640px; top: calc(40% - 320px); left: 0; }
.page-block .pb-animation-block:after { width: 500px; height: 500px; display: block; content: ""; position: absolute; left: calc(50% - 250px); top: calc(50% - 250px); background: #fff; z-index: 2; -webkit-box-shadow: 0 0 350px 200px #fff; -ms-box-shadow: 0 0 350px 200px #fff; -moz-box-shadow: 0 0 350px 200px #fff; box-shadow: 0 0 350px 200px #fff; }
.page-block .pb-animation-block > canvas { z-index: 1; }
.page-block .pb-1-ft-arror { width: 30px; height: 60px; display: block; position: absolute; left: calc(50% - 15px); bottom: 36px; z-index: 5; background: url("index-cons.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index-cons.png*/ -90px 0px no-repeat; -webkit-animation: arr 2s infinite; -ms-animation: arr 2s infinite; -moz-animation: arr 2s infinite; animation: arr 2s infinite; }
.page-block .pb-1-ft-text { line-height: 24px; color: #333; position: absolute; width: 100%; display: block; bottom: 10px; font-size: 12px; z-index: 5; }

.page-2 { position: relative; width: 100%; padding: 100px 0 0 0; background: #fff; padding-bottom: 130px; }
.page-2 > h4 { line-height: 120px; font-size: 36px; color: #303437; font-weight: normal; letter-spacing: 2px; }
.page-2 .page-2-content { margin: 30px auto 0; width: 1300px; }
.page-2 .page-2-content > .p2-item { float: left; width: 410px; height: 420px; position: relative; margin-right: 35px; perspective: 1500px; }
.page-2 .page-2-content > .p2-item:hover .warp { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
.page-2 .page-2-content > .p2-item:hover .warp .back { box-shadow: 0 0 40px rgba(37, 151, 255, 0.5); }
.page-2 .page-2-content > .p2-item .warp { position: relative; width: 100%; height: 100%; display: block; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.page-2 .page-2-content > .p2-item .back { position: absolute; width: 100%; height: 100%; background: #0597ff; color: #fff; z-index: 2; top: 0; left: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; padding: 20px 35px; text-align: left; }
.page-2 .page-2-content > .p2-item .back > h4 { line-height: 48px; color: #fff; font-size: 20px; position: relative; font-weight: normal; margin-top: 10px; }
.page-2 .page-2-content > .p2-item .back > h4:after { width: 4px; height: 4px; content: ""; display: block; background: #fff; border-radius: 100%; position: absolute; left: -16px; top: calc(50% - 2px); }
.page-2 .page-2-content > .p2-item .back > p { line-height: 24px; font-size: 12px; font-weight: normal; margin-top: 10px; }
.page-2 .page-2-content > .p2-item .cover { position: absolute; width: 100%; height: 100%; background: #fff; z-index: 1; top: 0; left: 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; padding: 30px 0 0 0; }
.page-2 .page-2-content > .p2-item .cover > h4 { line-height: 50px; font-size: 26px; color: #000; font-weight: normal; }
.page-2 .page-2-content > .p2-item .cover > p { line-height: 26px; font-size: 15px; color: #72889d; width: 354px; margin: 10px auto 0; }
.page-2 .page-2-content > .p2-item .cover:after { width: 300px; height: 200px; content: ""; display: block; position: absolute; left: calc(50% - 150px); top: 172px; }
.page-2 .page-2-content > .p2-item:nth-child(1) .cover:after { background: url("index-img-2.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index-img-2.png*/ 0 0 no-repeat; }
.page-2 .page-2-content > .p2-item:nth-child(2) .cover:after { background: url("index-img-2.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index-img-2.png*/ -300px 0 no-repeat; }
.page-2 .page-2-content > .p2-item:nth-child(3) { margin-right: 0; }
.page-2 .page-2-content > .p2-item:nth-child(3) .cover:after { background: url("index-img-2.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index-img-2.png*/ -600px 0 no-repeat; }

.block-3 { position: relative; width: 100%; padding: 60px 0; background: #f2f8fd url("index-ent-imgbg.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index-ent-imgbg.png*/ center no-repeat; text-align: center; }
.block-3 > h4 { line-height: 64px; font-size: 38px; color: #303437; font-weight: normal; letter-spacing: 2px; }
.block-3 > p { line-height: 25px; font-size: 15px; color: #72889d; letter-spacing: 1px; }
.block-3 .ent-warp { width: 1145px; margin: 30px auto 10px; }
.block-3 .ent-warp .item { float: left; width: 240px; height: 90px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); margin: 0 23px; text-align: center; box-sizing: border-box; background: #fff url("index-logo-icon.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index-logo-icon.png*/ 10px 50% no-repeat; line-height: 90px; color: #222; font-size: 18px; font-weight: normal; letter-spacing: 2px; }
.block-3 > h2 { line-height: 100px; font-size: 36px; font-weight: 200; color: #666; height: 100px; }
.block-3 .btns { width: 100%; display: block; margin: 10px auto; }
.block-3 .btns > a { display: inline-block; width: 185px; height: 50px; line-height: 44px; background: #0a99ff; border-radius: 50px; color: #fff; font-size: 17px; cursor: pointer; margin: 0 20px; box-shadow: 0 0 20px rgba(0, 119, 226, 0.4); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.block-3 .btns > a:hover { background: #007dd6; }
.block-3 .btns > a > i { font-size: 22px; position: relative; margin-right: 10px; top: 1px; }

.index-block { position: relative; }
.index-block > h4 { width: 1200px; line-height: 64px; color: #333; font-weight: normal; font-size: 34px; letter-spacing: 2px; text-align: left; position: absolute; left: calc(50% - 600px); top: 60px; }
.index-block > p { line-height: 32px; color: #72889d; font-size: 16px; font-weight: normal; text-align: left; width: 1200px; position: absolute; width: 1200px; left: calc(50% - 600px); top: 120px; }
.index-block.cop { background: #f2f8fd; padding: 160px 0  80px 0; }
.index-block.cop .brands-list { width: 1165px; height: 474px; background: url("brand-list.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/brand-list.png*/ no-repeat; margin: 30px auto 0; }

.column-block { width: 100%; height: 220px; background: url("column.jpg")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/column.jpg*/ no-repeat; background-size: cover; }
.column-block .text-change { font-size: 24px; color: #fff; padding: 42px 0 30px; }
.column-block .btn { display: inline-block; width: 180px; height: 48px; line-height: 48px; cursor: pointer; background-color: #fff; font-size: 16px; color: #2F8CFC; border-radius: 24px; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.column-block .btn:hover { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); }

.national_day { width: 100%; }
.national_day > a { display: block; width: 100%; height: 103px; background: #FF9602 url("activity.jpg")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/activity.jpg*/ no-repeat center; position: relative; }
.national_day > a .container { width: 1300px; height: 103px; margin: 0 auto; position: relative; }
.national_day > a .container span { width: 19px; height: 19px; line-height: 16px; background: rgba(89, 89, 89, 0.3); position: absolute; right: 0; top: 0; cursor: pointer; z-index: 2; }
.national_day > a .container span i { font-size: 12px; color: rgba(255, 255, 255, 0.3); }
.national_day > a .container button { width: 143px; height: 46px; background: #E6D52F; color: #DB2500; font-weight: bold; font-size: 20px; border-radius: 23px; border: none; outline: none; -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.4); position: absolute; right: 75px; bottom: 27px; }

.banner { color: #fff; width: 100%; height: 520px; background: -webkit-linear-gradient(76deg, #2138ae, #0088ff); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(76deg, #2138ae, #0088ff); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(76deg, #2138ae, #0088ff); /* Firefox 3.6 - 15 */ background: linear-gradient(76deg, #2138ae, #0088ff); /* 标准的语法 */ }
.banner .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.banner .swiper-pagination-bullet { width: 13px; height: 13px; display: inline-block; border-radius: 50%; background: rgba(0, 0, 0, 0); opacity: 0.2; box-shadow: inset 0 0 0 2px #66b5ff; }
.banner .swiper-pagination-bullet-active { opacity: 1; box-shadow: inset 0 0 0 2px #fff; }
.banner .swiper-slide { overflow: hidden; }
.banner .swiper-slide > .line { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url("line-2.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/line.png*/ no-repeat center bottom; background-size: cover; -webkit-transition: 0.7s; -ms-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s; }
.banner .swiper-slide .inner { position: relative; z-index: 1; margin: 160px auto 0 auto; width: 1125px; height: 340px; }
.banner .swiper-slide .inner > h1 { margin-top: -15px; position: relative; z-index: 1; text-align: left; font-size: 40px; color: #fff; line-height: 40px; margin-bottom: 15px; }
.banner .swiper-slide .inner > h2 { position: relative; z-index: 1; text-align: left; font-size: 18px; color: #fff; }
.banner .swiper-slide .inner > .more-know { margin-top: 50px; cursor: pointer; float: left; display: block; padding: 9px 28px; border: 1px solid #fff; border-radius: 61px; color: #fff; font-size: 14px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner .swiper-slide .inner > .more-know:hover { border-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8); }
.banner .swiper-slide .inner > .bj-i { bottom: 0; display: block; position: absolute; background: url("index_ico.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index_ico.png*/ no-repeat; }
.banner .swiper-slide .inner > .bj-i.bj-1 { right: 0; width: 546px; height: 356px; }
.banner .swiper-slide .inner > .bj-i.bj-2 { width: 628px; height: 424px; background-position: -555px 0px; right: -130px; bottom: -13px; }
.banner .swiper-slide .inner > .bj-i.bj-3 { width: 628px; height: 424px; background-position: -1262px 0px; right: -130px; bottom: -13px; }
.banner .swiper-slide .inner > ul { margin-top: 25px; height: 128px; }
.banner .swiper-slide .inner > ul > li { margin-right: 15px; float: left; width: 160px; height: 100%; }
.banner .swiper-slide .inner > ul > li > span { display: block; }
.banner .swiper-slide .inner > ul > li > span.h2 { text-indent: 42px; font-size: 18px; width: 100%; height: 35px; background: url("index_ico.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index_ico.png*/ no-repeat; text-align: left; }
.banner .swiper-slide .inner > ul > li > span.h2.h2-1 { width: 150px; background-position: -4px -443px; }
.banner .swiper-slide .inner > ul > li > span.h2.h2-2 { background-position: -149px -446px; }
.banner .swiper-slide .inner > ul > li > span.h2.h2-3 { background-position: -322px -446px; }
.banner .swiper-slide .inner > ul > li > span.h2.h2-4 { background-position: -482px -446px; }
.banner .swiper-slide .inner > ul > li > span.h3 { margin-top: 10px; color: #fff; font-size: 12px; text-align: left; padding-left: 23px; }
.banner .tryout { cursor: pointer; margin: 0 auto; position: absolute; left: 50%; top: 430px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; display: block; width: 220px; height: 50px; border-radius: 25px; background-color: #fff; text-align: center; line-height: 50px; font-size: 23px; color: #177eff; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner .tryout:hover { background-color: rgba(255, 255, 255, 0.9); }
.banner .tryout > i { position: absolute; top: -20px; right: 0; font-size: 27px; color: #f03d45; }
.banner .swiper-button-next { right: 0; }
.banner .swiper-button-prev { left: 0; }
.banner .swiper-button-next, .banner .swiper-button-prev { width: 30px; height: 50px; line-height: 50px; background: rgba(0, 0, 0, 0.2) !important; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover { background: rgba(0, 0, 0, 0.3) !important; }
.banner .swiper-button-next:hover > i, .banner .swiper-button-prev:hover > i { color: rgba(255, 255, 255, 0.7); }
.banner .swiper-button-next > i, .banner .swiper-button-prev > i { display: inline-block; font-size: 23px; color: rgba(255, 255, 255, 0.61); }
.banner .swiper-button-next > i.right, .banner .swiper-button-prev > i.right { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }

.h1 { color: #222222; font-size: 36px; margin-top: 50px; }

.very_fast { box-sizing: border-box; width: 100%; height: auto; background-color: #fff; overflow: hidden; }
.very_fast > .ul_content { box-sizing: border-box; width: 1300px; margin: 50px auto 0; height: auto; }
.very_fast > .ul_content > li { box-sizing: border-box; float: left; width: 50%; height: 118px; margin-bottom: 30px; }
.very_fast > .ul_content > li:nth-child(odd) { padding-left: 40px; }
.very_fast > .ul_content > li:nth-child(even) { padding-left: 80px; }
.very_fast > .ul_content > li:nth-child(2) > .img { background: url("img_ico2.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/img_ico2.png*/ -119px 0 no-repeat; }
.very_fast > .ul_content > li:nth-child(3) > .img { background: url("img_ico2.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/img_ico2.png*/ -236px 0; }
.very_fast > .ul_content > li:nth-child(4) > .img { background: url("img_ico2.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/img_ico2.png*/ 0 -120px no-repeat; }
.very_fast > .ul_content > li:nth-child(5) > .img { background: url("img_ico2.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/img_ico2.png*/ -123px -120px; }
.very_fast > .ul_content > li:nth-child(6) > .img { background: url("img_ico2.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/img_ico2.png*/ -245px -120px; }
.very_fast > .ul_content > li > span { display: inline-block; }
.very_fast > .ul_content > li > .img { float: left; width: 117px; height: 113px; background: url("img_ico2.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/img_ico2.png*/ 0 0 no-repeat; }
.very_fast > .ul_content > li > h3 { text-align: left; font-size: 24px; color: #007dd6; padding-left: 140px; margin: 4px 0 15px; }
.very_fast > .ul_content > li > p { text-align: left; color: #6f8394; font-size: 16px; padding-left: 140px; }

.new_very_fast { width: 100%; height: 925px; background-color: #f8f8f8; }
.new_very_fast > .h1 { margin: 0; padding-top: 50px; }
.new_very_fast > .main { position: relative; z-index: 5; margin: 30px auto 0; padding: 20px; width: 1050px; height: auto; border-radius: 15px; background-color: #dee6f6; }
.new_very_fast > .main > .top_style { text-align: left; position: relative; width: 100%; height: 22px; }
.new_very_fast > .main > .top_style > i { display: inline-block; width: 22px; height: 22px; border-radius: 11px; margin-right: 20px; }
.new_very_fast > .main > .top_style > i:last-child { float: right; margin: 0; }
.new_very_fast > .main > .top_style > i.no_1 { background-color: #ff6469; }
.new_very_fast > .main > .top_style > i.no_2 { background-color: #ffe169; }
.new_very_fast > .main > .top_style > i.no_3 { background-color: #87e1aa; }
.new_very_fast > .main > .top_style > i.no_4 { width: 55px; background-color: #f5f7fe; }
.new_very_fast > .main > .top_style > i.no_5 { width: 55px; background-color: #f5f7fe; }
.new_very_fast > .main > .top_style > i.no_6 { width: 580px; background-color: #f5f7fe; }
.new_very_fast > .main > .tr, .new_very_fast > .main > .th { width: 100%; height: 63px; background-color: #fff; }
.new_very_fast > .main > .tr > .td, .new_very_fast > .main > .th > .td { float: left; display: block; line-height: 63px; font-size: 14px; color: #007dd6; }
.new_very_fast > .main > .tr > .td > i, .new_very_fast > .main > .th > .td > i { font-size: 20px; position: relative; top: 2px; right: 6px; }
.new_very_fast > .main > .tr > .td.td_1, .new_very_fast > .main > .th > .td.td_1 { width: 165px; }
.new_very_fast > .main > .tr > .td.td_2, .new_very_fast > .main > .th > .td.td_2 { width: 100px; }
.new_very_fast > .main > .tr > .td.td_3, .new_very_fast > .main > .th > .td.td_3 { width: 140px; }
.new_very_fast > .main > .tr > .td.td_4, .new_very_fast > .main > .th > .td.td_4 { width: 125px; }
.new_very_fast > .main > .tr > .td.td_5, .new_very_fast > .main > .th > .td.td_5 { width: 135px; }
.new_very_fast > .main > .tr > .td.td_6, .new_very_fast > .main > .th > .td.td_6 { width: 165px; }
.new_very_fast > .main > .tr > .td.td_7, .new_very_fast > .main > .th > .td.td_7 { width: 120px; }
.new_very_fast > .main > .th { margin: 20px auto 10px; }
.new_very_fast > .main > .tr:nth-child(even) { background-color: #e8edf7; }
.new_very_fast > .main > .tr > .td { color: #1d2522; }
.new_very_fast > .main > .tr .pagination { /*width: 315px;
margin: 14px auto;*/ margin: 20px auto; }
.new_very_fast > .main > .tr .pagination li { /*float: left;*/ display: inline-block; }
.new_very_fast > .main > .tr .pagination li > a { display: inline-block; width: 35px; height: 35px; line-height: 35px; cursor: pointer; border-radius: 50%; color: #666666; }
.new_very_fast > .main > .tr .pagination li > span { display: inline-block; width: 35px; height: 35px; line-height: 35px; cursor: pointer; border-radius: 50%; color: #666666; }
.new_very_fast > .main > .tr .pagination .active span { background: #AFBBD0; color: #fff; }

.very_fast_content { width: 100%; height: 455px; background: url("very_fast_content.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/very_fast_content.png*/ no-repeat right bottom #027dd7; }
.very_fast_content > .main { margin: 0 auto; width: 1030px; height: auto; text-align: left; overflow: hidden; }
.very_fast_content > .main > h1 { position: relative; margin: 130px auto 60px; font-size: 36px; color: #fff; }
.very_fast_content > .main > h1:after { content: ""; position: absolute; bottom: -20px; left: 0; width: 125px; height: 2px; background-color: #0097ff; }
.very_fast_content > .main > p { color: #fff; line-height: 28px; font-size: 16px; }

.act_layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.5); }
.act_layer > .inner { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -70%); -ms-transform: translate(-50%, -70%); -moz-transform: translate(-50%, -70%); transform: translate(-50%, -70%); width: 747px; height: 626px; background: url("act_layer.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/act_layer.png*/ no-repeat 0 0; border-radius: 5px; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.act_layer > .inner.active { -webkit-transform: translate(-50%, -60%); -ms-transform: translate(-50%, -60%); -moz-transform: translate(-50%, -60%); transform: translate(-50%, -60%); }
.act_layer > .inner > .close { cursor: pointer; display: block; position: absolute; bottom: -30px; left: 50%; margin-left: -56px; width: 46px; height: 46px; line-height: 46px; border-radius: 50%; }
.act_layer > .inner > .close > i { font-size: 45px; color: #fff; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.act_layer > .inner > .close:hover i { color: rgba(255, 255, 255, 0.8); }
.act_layer > .inner > .content { position: relative; left: -26px; top: 200px; margin: 0 auto; width: 350px; height: 370px; }
.act_layer > .inner > .content > h1 { color: #fff; font-size: 16px; }
.act_layer > .inner > .content > h2 { color: #fff; font-size: 13px; }
.act_layer > .inner > .content > .act_content { margin-top: 5px; width: 339px; height: 269px; background: url("act_content.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/act_content.png*/ no-repeat 0 0; }
.act_layer > .inner > .content > .act_content > li { position: relative; display: inline-block; width: 97px; padding-top: 18px; height: 72px; }
.act_layer > .inner > .content > .act_content > li.td1 { margin: 23px 6px 50px; }
.act_layer > .inner > .content > .act_content > li.td1.td1-1 { left: -3px; }
.act_layer > .inner > .content > .act_content > li.td1.td1-2 { left: 3px; }
.act_layer > .inner > .content > .act_content > li.td2 { margin: 2px 12px; height: auto; width: auto; }
.act_layer > .inner > .content > .act_content > li.td2.td2-1 { left: 10px; }
.act_layer > .inner > .content > .act_content > li > span { display: block; font-size: 22px; color: #37acff; line-height: 22px; }
.act_layer > .inner > .content > .act_content > li > span.line1:before { content: "充"; display: inline-block; font-size: 14px; color: #37acff; }
.act_layer > .inner > .content > .act_content > li > span.line1:after { content: "元"; display: inline-block; font-size: 14px; color: #37acff; }
.act_layer > .inner > .content > .act_content > li > span.line2:before { content: "送"; display: inline-block; font-size: 14px; color: #37acff; }
.act_layer > .inner > .content > .act_content > li > span.line2:after { content: "元"; display: inline-block; font-size: 14px; color: #37acff; }

.fill_layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.5); }
.fill_layer > .inner { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -70%); -ms-transform: translate(-50%, -70%); -moz-transform: translate(-50%, -70%); transform: translate(-50%, -70%); width: 747px; height: 650px; background: url("fill_layer.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/fill_layer.png*/ no-repeat 0 0; border-radius: 5px; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.fill_layer > .inner.active { -webkit-transform: translate(-50%, -60%); -ms-transform: translate(-50%, -60%); -moz-transform: translate(-50%, -60%); transform: translate(-50%, -60%); }
.fill_layer > .inner > .close { cursor: pointer; display: block; position: absolute; bottom: -84px; left: 50%; margin-left: -56px; width: 46px; height: 46px; line-height: 46px; border-radius: 50%; }
.fill_layer > .inner > .close > i { font-size: 45px; color: #fff; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.fill_layer > .inner > .close:hover i { color: rgba(255, 255, 255, 0.8); }
.fill_layer > .inner > .content { margin: 0 auto 0 172px; padding-top: 120px; width: 375px; height: 480px; }
.fill_layer > .inner > .content > .h1 { position: relative; margin: -36px 0 20px; color: #fff; font-size: 24px; }
.fill_layer > .inner > .content > h2 { position: relative; top: -10px; color: #fff; font-size: 13px; }
.fill_layer > .inner > .content > h2.h2 { top: -22px; }
.fill_layer > .inner > .content > h3 { font-size: 24px; color: #ffd755; line-height: 6px; margin-bottom: 67px; margin: 7px auto 67px auto; }
.fill_layer > .inner > .content > h3 a { font-size: 48px; color: #fff; font-weight: 700; position: relative; top: 9px; display: inline-block; margin: 0 5px; }
.fill_layer > .inner > .content > .list { padding-top: 8px; position: relative; margin-bottom: 53px; float: left; width: 175px; height: auto; color: #37acff; font-size: 12px; }
.fill_layer > .inner > .content > .list > span { line-height: 21px; text-align: center; width: 48%; display: inline-block; }
.fill_layer > .inner > .content > .list .ice_point { font-size: 24px; }
.fill_layer > .inner > .content > .list .ice_point:after { display: inline-block; content: "元"; font-size: 14px; }
.fill_layer > .inner > .content > .list .lacerate { position: relative; }
.fill_layer > .inner > .content > .list .lacerate:after { position: absolute; top: 10px; left: 5px; display: block; content: ""; width: 80%; height: 1px; background-color: #000; -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); -moz-transform: rotate(7deg); transform: rotate(7deg); }
.fill_layer > .inner > .content > .list.left { margin-left: 20px; }

.activityLayer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.5); }
.activityLayer > .inner { position: relative; top: 50%; left: 50%; width: 485px; height: 470px; border-radius: 5px; background-color: #fff1d1; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; -webkit-transform: translate(-50%, -60%); -ms-transform: translate(-50%, -60%); -moz-transform: translate(-50%, -60%); transform: translate(-50%, -60%); }
.activityLayer > .inner.active { -webkit-transform: translate(-50%, -55%); -ms-transform: translate(-50%, -55%); -moz-transform: translate(-50%, -55%); transform: translate(-50%, -55%); }
.activityLayer > .inner:after { position: absolute; top: -100px; left: -27px; display: block; content: ""; width: 714px; height: 244px; background: url("act1.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/act1.png*/ no-repeat 0px 0px; }
.activityLayer > .inner:before { position: absolute; left: 0; top: 0; display: block; content: ""; width: 100%; height: 85px; background-color: #ff9900; }
.activityLayer > .inner .HotDate { font-weight: 700; padding-top: 140px; width: 100%; height: 35px; font-size: 16px; color: #470f14; }
.activityLayer > .inner .HotDate > .surplus > a { margin: 0 0 0 5px; font-size: 24px; color: #ff3500; }
.activityLayer > .inner .HotDate > .times { position: relative; top: 2px; display: inline-block; padding: 0px 10px; background-color: #470f14; border-radius: 2px; color: #fff; font-size: 20px; }
.activityLayer > .inner > ul { margin: 20px auto 0 auto; width: 335px; height: auto; }
.activityLayer > .inner > ul > li { margin-top: 5px; text-align: left; }
.activityLayer > .inner > ul > li a { font-size: 18px; color: #fff; display: inline-block; padding: 2px 10px; background-color: #470f14; border-radius: 20px; }
.activityLayer > .inner > ul > li > .reg { display: inline-block; margin: 0 10px; font-size: 18px; color: #470f14; }
.activityLayer > .inner > ul > li > .sends { position: relative; top: 2px; font-size: 28px; color: #ff3500; }
.activityLayer > .inner > .pays { cursor: pointer; margin: 30px auto 0 auto; display: block; width: 130px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; background-color: #00c75d; border-radius: 3px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.activityLayer > .inner > .pays:hover { background-color: #039748; }

.numberAnimate { width: 100%; height: 380px; background-color: #f2f8fd; overflow: hidden; }
.numberAnimate > h1 { margin-top: 25px; position: relative; font-size: 40px; color: #303437; }
.numberAnimate > h1 > a { position: absolute; display: block; top: 18px; left: 50%; -webkit-transform: translate(90%, 0); -ms-transform: translate(90%, 0); -moz-transform: translate(90%, 0); transform: translate(90%, 0); font-size: 12px; color: #f55858; line-height: 22px; width: 95px; height: 22px; border-radius: 10px; background-color: #ffeeee; }
.numberAnimate > h1 > a > i { font-size: 12px; }
.numberAnimate > h2 { font-size: 16px; color: #72889d; }
.numberAnimate > h2 > span { color: #f65b5b; }
.numberAnimate > h2 > span > span { font-size: 22px; position: relative; top: 2px; }
.numberAnimate > .inner { margin: 25px auto 0 auto; width: 1300px; height: auto; }
.numberAnimate > .inner > li { position: relative; float: left; margin-right: 132px; height: 100%; text-align: center; width: 345px; }
.numberAnimate > .inner > li:last-child { margin: 0; }
.numberAnimate > .inner > li > span { display: block; }
.numberAnimate > .inner > li > span.left { position: absolute; width: 70px; height: 70px; left: 47px; top: -34px; }
.numberAnimate > .inner > li > span.h1 { font-size: 16px; color: #555; }
.numberAnimate > .inner > li > span.h2 { margin-top: 15px; text-align: left; text-indent: 120px; font-size: 14px; color: #72889d; }
.numberAnimate > .inner > li > span.h3 { text-align: left; text-indent: 120px; }
.numberAnimate > .inner > li > span > i { display: block; line-height: 85px; font-size: 46px; color: #007dd6; margin: 30px auto 10px; }
.numberAnimate > .inner > li > span > a { display: block; color: #222; font-size: 48px; line-height: 58px; }
.numberAnimate > .get_service { margin: 30px auto 0 auto; cursor: pointer; display: block; width: 180px; height: 50px; color: #fff; line-height: 47px; border-radius: 25px; font-size: 18px; background-color: #0a99ff; }
.numberAnimate > .get_service > i { font-size: 23px; position: relative; top: 2px; margin-right: 5px; }
.numberAnimate > .get_service:hover { background-color: #0c72ba; }

.left-h1 { position: absolute; top: 65px; left: 0; font-size: 30px; color: #303437; }

.left-h2 { position: absolute; top: 120px; left: 0; font-size: 14px; color: #72889d; }

.filter { width: 100%; height: 500px; background-color: #f2f8fd; }
.filter > .filter-inner { position: relative; margin: 0 auto; width: 1160px; height: 100%; }

.Cloud { width: 100%; height: 420px; background-color: #fff; }
.Cloud > .Cloud-inner { position: relative; margin: 0 auto; width: 1160px; height: 100%; }

.moreChoices { width: 100%; height: 475px; background-color: #fff; }
.moreChoices > .choices-inner { position: relative; margin: 0 auto; width: 1160px; height: 100%; }

.page-area { position: relative; width: 100%; height: 960px; box-sizing: border-box; display: block; overflow: hidden; }
.page-area .pa-bg-cir-1 { width: 600px; height: 800px; display: block; position: absolute; top: -320px; left: -500px; background: url("page-bg3.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/page-bg3.png*/ center no-repeat; z-index: 1; }
.page-area .page-area-body { position: relative; width: 1300px; margin: auto; height: 100%; padding-top: 1px; background: url("index-map-bg.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index-map-bg.png*/ center no-repeat; }
.page-area .page-area-body > h4 { margin: 112px auto 0; }
.page-area .page-area-body .infos { position: absolute; left: 0; top: 308px; text-align: center; }
.page-area .page-area-body .infos .text { position: relative; width: 150px; margin: 30px auto 0; }
.page-area .page-area-body .infos .text > h4 { height: 88px; line-height: 88px; border-bottom: 1px solid #808b9c; font-size: 46px; font-weight: 300; color: #aaa; }
.page-area .page-area-body .infos .text > p { font-size: 20px; line-height: 44px; font-weight: 300; color: #808b9c; }
.page-area .page-area-body .maps { width: 980px; height: 620px; position: absolute; right: 140px; bottom: 120px; }
.page-area .page-area-body .maps .tips { position: absolute; width: 200px; top: 25px; right: 70px; line-height: 28px; color: #444; font-size: 16px; font-weight: normal; text-align: left; }
.page-area .page-area-body .maps .notes { position: absolute; left: 120px; bottom: 20px; }
.page-area .page-area-body .maps .notes > li { line-height: 48px; height: 48px; position: relative; display: block; box-sizing: border-box; padding: 0 0 0 45px; text-align: left; color: #555; font-size: 18px; font-weight: normal; }
.page-area .page-area-body .maps .notes > li.n-2:after { background: #ffbb6e; }
.page-area .page-area-body .maps .notes > li.n-2:before { border: 1px solid #ffbb6e; }
.page-area .page-area-body .maps .notes > li:after { width: 14px; height: 14px; display: block; content: ""; position: absolute; border-radius: 100%; left: 10px; top: calc(50% - 7px); background: #0a99ff; }
.page-area .page-area-body .maps .notes > li:before { width: 26px; height: 26px; box-sizing: border-box; display: block; border-radius: 100%; content: ""; position: absolute; left: 4px; top: calc(50% - 13px); border: 1px solid #0a99ff; }
.page-area .page-area-body .maps .points { display: block; position: relative; }
.page-area .page-area-body .maps .points > .item { padding: 0 0 0 25px; height: 18px; line-height: 18px; position: absolute; color: #666; font-weight: normal; }
.page-area .page-area-body .maps .points > .item.am > b.pb-1 { -webkit-animation: rip 5s ease-out infinite; -ms-animation: rip 5s ease-out infinite; -moz-animation: rip 5s ease-out infinite; animation: rip 5s ease-out infinite; }
.page-area .page-area-body .maps .points > .item.am > b.pb-2 { -webkit-animation: rip 5s ease-out infinite 900ms; -ms-animation: rip 5s ease-out infinite 900ms; -moz-animation: rip 5s ease-out infinite 900ms; animation: rip 5s ease-out infinite 900ms; }
.page-area .page-area-body .maps .points > .item.am > b.pb-3 { -webkit-animation: rip 5s ease-out infinite 900ms; -ms-animation: rip 5s ease-out infinite 900ms; -moz-animation: rip 5s ease-out infinite 900ms; animation: rip 5s ease-out infinite 900ms; }
.page-area .page-area-body .maps .points > .item > b { position: absolute; width: 120px; height: 120px; box-sizing: border-box; display: block; border-radius: 100%; opacity: 0; filter: alpha(opacity=0); z-index: 1; left: calc(-60px + 8px); top: calc(50% - 60px); border: 2px solid #ffbb6e; }
.page-area .page-area-body .maps .points > .item > b.pb-3 { box-shadow: inset 0 0 50px rgba(255, 187, 110, 0.3); }
.page-area .page-area-body .maps .points > .item:hover { z-index: 10 !important; }
.page-area .page-area-body .maps .points > .item.active > span { border-color: #0a99ff; }
.page-area .page-area-body .maps .points > .item.active > span:after { background: #0a99ff; }
.page-area .page-area-body .maps .points > .item.active > b { border: 2px solid #0a99ff; }
.page-area .page-area-body .maps .points > .item.active > b.pb-3 { box-shadow: inset 0 0 50px rgba(10, 153, 255, 0.2); }
.page-area .page-area-body .maps .points > .item.small { z-index: 11; }
.page-area .page-area-body .maps .points > .item.small:hover p { display: block; }
.page-area .page-area-body .maps .points > .item.small:hover:after { display: block; }
.page-area .page-area-body .maps .points > .item.small:hover:before { display: block; }
.page-area .page-area-body .maps .points > .item.small p { position: absolute; line-height: 20px; padding: 0 5px; font-size: 12px; color: #666; background: #fff; border: 1px solid #0a99ff; border-radius: 10px; top: 10px; left: 35px; white-space: nowrap; box-sizing: border-box; z-index: 2; display: none; }
.page-area .page-area-body .maps .points > .item.small:after { width: 16px; height: 1px; background: #0a99ff; position: absolute; left: 20px; top: 20px; content: ""; z-index: 1; display: none; }
.page-area .page-area-body .maps .points > .item.small:before { width: 16px; height: 1px; background: #0a99ff; display: none; position: absolute; left: 6px; top: 14px; content: ""; z-index: 1; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); -moz-transform: rotate(40deg); transform: rotate(40deg); }
.page-area .page-area-body .maps .points > .item.big { z-index: 2; }
.page-area .page-area-body .maps .points > .item.big > span { border: 1px solid #ffbb6e; background: #fff; }
.page-area .page-area-body .maps .points > .item.big > span:after { background: #ffbb6e; }
.page-area .page-area-body .maps .points > .item.big.active > span { border: 1px solid #0a99ff; background: #fff; }
.page-area .page-area-body .maps .points > .item.big.active > span:after { background: #0a99ff; }
.page-area .page-area-body .maps .points > .item.big.active p { display: block; font-size: 14px; line-height: 18px; }
.page-area .page-area-body .maps .points > .item.big.active:after { display: none; }
.page-area .page-area-body .maps .points > .item.big.active:before { display: none; }
.page-area .page-area-body .maps .points > .item > span { display: block; border-radius: 100%; width: 16px; height: 16px; box-sizing: border-box; background: none; border: none; position: absolute; z-index: 2; left: 0; top: calc(50% - 8px); }
.page-area .page-area-body .maps .points > .item > span:after { width: 8px; height: 8px; display: block; background: #ffbb6e; content: ""; border-radius: 100%; position: absolute; top: calc(50% - 4px); left: 3px; }

.ecology { position: relative; overflow: hidden; width: 100%; height: 445px; background-color: #f2f8fd; }
.ecology:before { bottom: 0; right: -120px; display: block; position: absolute; content: ""; width: 503px; height: 445px; background: url("index1.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index1.png*/ no-repeat center bottom; }
.ecology:after { bottom: 0; left: -130px; display: block; position: absolute; content: ""; width: 606px; height: 445px; background: url("index2.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index2.png*/ no-repeat right bottom; }
.ecology > .ecology-inner { position: relative; z-index: 1; margin: 0 auto; width: 1160px; height: 445px; padding-top: 178px; }
.ecology > .ecology-inner > .content-main { width: 1160px; height: 215px; }
.ecology > .ecology-inner > .content-main > .left { float: left; width: 650px; height: 100%; background-color: #fff; }
.ecology > .ecology-inner > .content-main > .right { float: right; width: 475px; height: 100%; background-color: #fff; }
.ecology > .ecology-inner > .content-main .span-left { float: left; width: 190px; height: 100%; }
.ecology > .ecology-inner > .content-main .span-left.span-left1 { margin-left: 10px; }
.ecology > .ecology-inner > .content-main .span-left > a { display: block; }
.ecology > .ecology-inner > .content-main .span-left > a.img { width: 100%; height: 150px; background: url("index_ico.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index_ico.png*/ no-repeat 0px 0px; }
.ecology > .ecology-inner > .content-main .span-left > a.img.img1 { background-position: -20px -864px; }
.ecology > .ecology-inner > .content-main .span-left > a.img.img2 { background-position: -35px -1052px; }
.ecology > .ecology-inner > .content-main .span-left > a.h3 { font-size: 26px; color: #303437; }
.ecology > .ecology-inner > .content-main .span-right { margin: 45px 40px 0 0; color: #72889d; font-size: 16px; float: right; width: 400px; text-align: left; height: 140px; line-height: 26px; }
.ecology > .ecology-inner > .content-main .span-right.span-right1 { width: 240px; margin-right: 20px; }
.ecology > .ecology-inner > .content-main .span-right.span-right1 i { font-style: inherit; color: #0a99ff; }

.ul-content { padding-top: 180px; width: 1160px; height: auto; }
.ul-content.ul-content1 > li { cursor: default; float: left; width: 350px; height: 275px; border: 1px solid #e0e6eb; margin-right: 52px; background-color: #fff; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.ul-content.ul-content1 > li.active { box-shadow: 4px 3px 16px 3px rgba(154, 193, 220, 0.21); -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -moz-transform: translate(0, -10px); transform: translate(0, -10px); }
.ul-content.ul-content1 > li:hover { box-shadow: 4px 3px 16px 3px rgba(154, 193, 220, 0.21); -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -moz-transform: translate(0, -10px); transform: translate(0, -10px); }
.ul-content.ul-content1 > li:before { display: block; float: left; content: ""; width: 147px; height: 216px; background: url("index_ico.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index_ico.png*/ no-repeat; }
.ul-content.ul-content1 > li:first-child:before { background-position: -13px -538px; }
.ul-content.ul-content1 > li:nth-child(2):before { background-position: -705px -538px; }
.ul-content.ul-content1 > li:last-child { margin: 0; }
.ul-content.ul-content1 > li:last-child:before { background-position: -1414px -538px; }
.ul-content.ul-content1 > li > .right-span { text-align: left; float: right; width: 175px; height: 100%; }
.ul-content.ul-content1 > li > .right-span > a { display: block; }
.ul-content.ul-content1 > li > .right-span > a.a-h1 { line-height: 105px; color: #303437; font-size: 18px; }
.ul-content.ul-content1 > li > .right-span > a.a-h2 { color: #72889d; font-size: 12px; line-height: 20px; }
.ul-content.ul-content2 { padding-top: 220px; }
.ul-content.ul-content2 > li { float: left; width: 310px; height: auto; margin-right: 115px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.ul-content.ul-content2 > li:before { position: relative; top: 13px; left: -11px; content: ""; width: 60px; height: 1px; background-color: #7b8fa3; box-shadow: 0 0 0 15px #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.ul-content.ul-content2 > li:last-child { margin: 0; }
.ul-content.ul-content2 > li > span { display: block; }
.ul-content.ul-content2 > li > span.h1-span { text-align: left; color: #303437; font-size: 32px; text-indent: 26px; }
.ul-content.ul-content2 > li > span.h1-span > i { color: #027dd7; font-size: 33px; margin-left: 5px; }
.ul-content.ul-content2 > li > span.h2-span { margin-top: 25px; line-height: 20px; text-align: left; color: #72889d; font-size: 12px; }
.ul-content.ul-content3 { padding-top: 195px; }
.ul-content.ul-content3 > li { float: left; width: 350px; height: 230px; border: 1px solid #e0e6eb; margin-right: 52px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.ul-content.ul-content3 > li:last-child { margin: 0; }
.ul-content.ul-content3 > li:hover { box-shadow: 4px 3px 16px 3px rgba(154, 193, 220, 0.21); -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -moz-transform: translate(0, -10px); transform: translate(0, -10px); }
.ul-content.ul-content3 > li > span { display: block; }
.ul-content.ul-content3 > li > span.img { margin: 30px auto 15px auto; width: 120px; height: 120px; background: url("index_ico.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/index_ico.png*/ no-repeat 0px 0px; }
.ul-content.ul-content3 > li > span.img.img1 { background-position: -756px -986px; }
.ul-content.ul-content3 > li > span.img.img2 { background-position: -1166px -969px; }
.ul-content.ul-content3 > li > span.img.img3 { background-position: -1572px -986px; }
.ul-content.ul-content3 > li > span.h2 { color: #262626; font-size: 18px; }

.detection { width: 100%; height: auto; overflow: hidden; background-color: #f2f8fd; }
.detection > .detection-inner { position: relative; margin: 0 auto; width: 1160px; height: 100px; }
.detection > .detection-inner > i { display: block; left: -45px; top: -47px; position: absolute; font-size: 95px; color: #e1ecf7; }
.detection > .detection-inner > h1 { position: relative; z-index: 1; line-height: 100px; height: 100%; text-align: left; font-size: 30px; color: #303437; }
.detection > .detection-inner > h1 > span { display: inline-block; margin-left: 30px; font-size: 12px; color: #72889d; }
.detection > .detection-inner > .down { cursor: pointer; display: block; position: absolute; z-index: 1; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); right: 0; width: 170px; height: 46px; font-size: 18px; color: #fff; text-align: center; line-height: 46px; border-radius: 23px; background-color: #0a99ff; }
.detection > .detection-inner > .down > i { font-size: 20px; margin-right: 5px; }
.detection > .detection-inner > .down:hover { background-color: rgba(10, 153, 255, 0.8); }

.now-reg { position: relative; width: 100%; height: auto; background-color: #0077e2; overflow: hidden; }
.now-reg > .reg-inner { position: relative; z-index: 1; line-height: 135px; margin: 0 auto; width: 1160px; height: 135px; font-size: 22px; color: #fff; }
.now-reg > .reg-inner > a { cursor: pointer; margin-left: 40px; position: relative; display: inline-block; padding: 7px 45px; font-size: 16px; border: 1px solid #fff; border-radius: 3px; line-height: 23px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.now-reg > .reg-inner > a:hover { color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.8); }
.now-reg > .go_right { position: absolute; top: 23px; left: 0; width: 1500px; height: 94px; background: url("go_right.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/go_right.png*/ no-repeat center; -webkit-animation: goRight 20s 0.2s linear infinite; -moz-animation: goRight 20s 0.2s linear infinite; }
.now-reg > .go_right2 { position: absolute; top: 108px; left: 0; width: 262px; height: 7px; background: url("go-right.png")/*tpa=http://static.http.cnapi.cc/static/index/src/img/index/go-right.png*/ no-repeat center; -webkit-animation: goRight2 15s 0.5s linear infinite; -moz-animation: goRight2 15s 0.5s linear infinite; }

h1.company { width: 120px; line-height: 36px; font-size: 16px; background: #ECF4FB; border-radius: 20px; margin: 30px auto 5px; }

.counter { width: 100%; height: 120px; display: block; position: relative; text-align: center; }
.counter .warp { white-space: nowrap; line-height: 98px; height: 98px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.counter .warp > span { display: inline-block; color: #666; font-size: 15px; letter-spacing: 1px; position: relative; height: 98px; line-height: 98px; margin: 0 8px; top: -18px; }
.counter .warp .c-item { position: relative; z-index: 1; display: inline-block; height: 98px; color: #222; font-size: 54px; font-weight: normal; line-height: 98px; margin: 0 2px; }
.counter .warp .c-item span { font-size: 36px; text-align: center; line-height: 98px; color: #222; display: block; }

.flip-num { position: relative; box-shadow: 0 0px 15px 2px rgba(19, 98, 160, 0.07); width: 65px; -webkit-perspective: 500px; -ms-perspective: 500px; -moz-perspective: 500px; perspective: 500px; }
.flip-num.active .bottom:after { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; bottom: 0; }
.flip-num.active .flip { -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); }
.flip-num .top { position: absolute; width: 100%; height: 50%; display: block; overflow: hidden; top: 0; left: 0; z-index: 1; box-shadow: inset -3px 3px 3px -2px rgba(19, 98, 160, 0.1); background-image: -webkit-linear-gradient(top, rgba(229, 246, 254, 0), rgba(229, 246, 254, 0.2), rgba(229, 246, 254, 0.5)); background-image: -o-linear-gradient(top, rgba(229, 246, 254, 0), rgba(229, 246, 254, 0.2), rgba(229, 246, 254, 0.5)); background-image: linear-gradient(to bottom, rgba(229, 246, 254, 0), rgba(229, 246, 254, 0.2), rgba(229, 246, 254, 0.5)); }
.flip-num .top > span { position: absolute; width: 100%; height: 200%; top: 0; left: 0; }
.flip-num .bottom { position: absolute; width: 100%; height: 50%; display: block; bottom: 0; left: 0; overflow: hidden; }
.flip-num .bottom:after { position: absolute; width: 100%; height: 100%; display: block; bottom: 100%; left: 0; content: ""; z-index: 2; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.06)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.06)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.06)); }
.flip-num .bottom > span { position: absolute; width: 100%; height: 200%; bottom: 0; left: 0; }
.flip-num .flip { width: 100%; height: 50%; position: absolute; display: block; z-index: 5; top: 0; left: 0; background: #fff; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; -moz-transform-origin: bottom center; transform-origin: bottom center; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; backface-visibility: hidden; -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.flip-num .flip > .cover { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2; -webkit-transform: translateZ(1px); -ms-transform: translateZ(1px); -moz-transform: translateZ(1px); transform: translateZ(1px); background: #fff; overflow: hidden; -webkit-backface-visibility: no; -ms-backface-visibility: no; -moz-backface-visibility: no; backface-visibility: no; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; box-shadow: inset -3px 3px 3px -2px rgba(99, 100, 101, 0.1), 0 0 3px rgba(0, 0, 0, 0.1); background-image: -webkit-linear-gradient(top, rgba(99, 100, 101, 0), rgba(99, 100, 101, 0.02)); background-image: -o-linear-gradient(top, rgba(99, 100, 101, 0), rgba(99, 100, 101, 0.02)); background-image: linear-gradient(to bottom, rgba(99, 100, 101, 0), rgba(99, 100, 101, 0.02)); }
.flip-num .flip > .cover > span { z-index: 1; width: 100%; height: 200%; position: absolute; top: 0; }
.flip-num .flip > .cover:after { position: absolute; width: 100%; height: 100%; display: block; content: ""; z-index: 2; top: 0; left: 0; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.12)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.12)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.12)); }
.flip-num .flip > .back { width: 100%; height: 100%; display: block; position: absolute; z-index: 1; overflow: hidden; background: #fff; -webkit-backface-visibility: no; -ms-backface-visibility: no; -moz-backface-visibility: no; backface-visibility: no; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-transform: translateZ(-1px) rotateX(180deg); -ms-transform: translateZ(-1px) rotateX(180deg); -moz-transform: translateZ(-1px) rotateX(180deg); transform: translateZ(-1px) rotateX(180deg); }
.flip-num .flip > .back > span { z-index: 1; width: 100%; height: 200%; position: absolute; bottom: 0; }
.flip-num .flip > .back:after { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; content: ""; z-index: 2; }

@-webkit-keyframes arr { 0% { -webkit-transform: translateY(-16px); }
  50% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(-16px); } }
@keyframes arr { 0% { transform: translateY(-16px); }
  50% { transform: translateY(0); }
  100% { transform: translateY(-16px); } }
@-webkit-keyframes rip { 0% { -webkit-transform: scale(0); opacity: 0; filter: alpha(opacity=0); }
  5% { opacity: 1; filter: alpha(opacity=100); }
  100% { -webkit-transform: scale(1); opacity: 0; filter: alpha(opacity=0); } }
@keyframes rip { 0% { transform: scale(0); opacity: 0; filter: alpha(opacity=0); }
  5% { opacity: 1; filter: alpha(opacity=100); }
  100% { transform: scale(1); opacity: 0; filter: alpha(opacity=0); } }
@-webkit-keyframes goRight2 { 0% { left: 0; }
  100% { left: 100%; } }
@-moz-keyframes goRight2 { 0% { left: 0; }
  100% { left: 100%; } }
@-webkit-keyframes goRight { 0% { left: -100%; }
  100% { left: 100%; } }
@-moz-keyframes goRight { 0% { left: -100%; }
  100% { left: 100%; } }
#toRight { -webkit-animation: toRight 2s 0.2s linear infinite; -moz-animation: toRight 2s 0.2s linear infinite; }

@-webkit-keyframes toRight { 0% { bottom: 0; }
  100% { bottom: 170px; } }
@-moz-keyframes toRight { 0% { bottom: 0; }
  100% { bottom: 170px; } }
#toLine { -webkit-animation: toLine 3s 0.2s linear infinite; -moz-animation: toLine 3s 0.2s linear infinite; }

@-webkit-keyframes toLine { 0% { background-position: -521px -251px; }
  100% { background-position: -521px -403px; } }
@-moz-keyframes toLine { 0% { background-position: -521px -251px; }
  100% { background-position: -521px -403px; } }
#Scale1 { -webkit-animation: Scale 1.5s 5s linear infinite; -moz-animation: Scale 1.5s 5s linear infinite; }

@-webkit-keyframes Scale { 0% { -webkit-transform: scale(1) rotate(11deg); -ms-transform: scale(1) rotate(11deg); -moz-transform: scale(1) rotate(11deg); transform: scale(1) rotate(11deg); opacity: 1; }
  100% { -webkit-transform: scale(2) rotate(11deg); -ms-transform: scale(2) rotate(11deg); -moz-transform: scale(2) rotate(11deg); transform: scale(2) rotate(11deg); opacity: 0; } }
@-moz-keyframes Scale { 0% { -webkit-transform: scale(1) rotate(11deg); -ms-transform: scale(1) rotate(11deg); -moz-transform: scale(1) rotate(11deg); transform: scale(1) rotate(11deg); opacity: 1; }
  100% { -webkit-transform: scale(2) rotate(11deg); -ms-transform: scale(2) rotate(11deg); -moz-transform: scale(2) rotate(11deg); transform: scale(2) rotate(11deg); opacity: 0; } }
#bounceIn { -webkit-animation: bounceIn 1s 0.2s ease both; -moz-animation: bounceIn 1s 0.2s ease both; }

@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); }
  100% { -webkit-transform: scale(1); } }
@-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); }
  50% { opacity: 1; -moz-transform: scale(1.05); }
  70% { -moz-transform: scale(0.9); }
  100% { -moz-transform: scale(1); } }