@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; }

ul, ol, dl { list-style-type: none; }

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer { display: block; margin: 0; padding: 0; }

address, caption, cite, code, dfn, em, th, var, i, b { font-style: normal; font-weight: normal; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button { overflow: visible; vertical-align: middle; outline: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

a, area { outline: none; blr: expression(this.onFocus=this.blur()); }

a:focus, a:hover, a:active { outline: none; blr: expression(this.onFocus=this.blur()); }

sub, sup { vertical-align: baseline; }

table { border-collapse: collapse; border-spacing: 0; }

textarea { resize: none; }

input[type="submit"], input[type="button"] { cursor: pointer; }

img { border: 0; vertical-align: middle; }

a img, img { -ms-interpolation-mode: bicubic; }

a { text-decoration: none; cursor: pointer; color: inherit; }

a:hover { text-decoration: none; }

.fl { float: left; }

.fr { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }

.clearfix { *zoom: 1; }

#web-ietip { width: 526px; height: 90px; padding: 83px 0 0 84px; overflow: hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0; }

#web-ietip a { display: block; width: 65px; height: 80px; float: left; }

html { font-size: calc(100vw / 1920 * 100); }

@media (max-width: 1200px) { html { font-size: calc(1200px / 1920 * 100); } }

body { overflow-x: hidden; min-width: 1200px; font-size: 14px; line-height: 1.2; font-family: '微软雅黑'; }

.bg-cover { background-position: center; background-size: cover; background-repeat: no-repeat; }

.bg-contain { background-position: center; background-size: contain; background-repeat: no-repeat; }

.oh { overflow: hidden; }

[data-ani] { -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; }

[data-ani-delay='100'] { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }

[data-ani-delay='200'] { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }

[data-ani-delay='300'] { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }

[data-ani-delay='400'] { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }

[data-ani-delay='500'] { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }

[data-ani-delay='600'] { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }

[data-ani-delay='700'] { -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }

[data-ani-delay='800'] { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }

[data-ani-delay='900'] { -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; }

[data-ani-delay='1000'] { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

[data-ani=fade-up] { -webkit-transform: translateY(1rem); -ms-transform: translateY(1rem); transform: translateY(1rem); opacity: 0; }

[data-ani=fade-up].ani { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

[data-ani=fade-down] { -webkit-transform: translateY(-1rem); -ms-transform: translateY(-1rem); transform: translateY(-1rem); opacity: 0; }

[data-ani=fade-down].ani { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

[data-ani=fade-left] { -webkit-transform: translateX(1rem); -ms-transform: translateX(1rem); transform: translateX(1rem); opacity: 0; }

[data-ani=fade-left].ani { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

[data-ani=fade-right] { -webkit-transform: translateX(-1rem); -ms-transform: translateX(-1rem); transform: translateX(-1rem); opacity: 0; }

[data-ani=fade-right].ani { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

[data-original] { min-height: 100px; }

@-webkit-keyframes icon-enter { 0% { background-position: 0 0; }
  100% { background-position: 0 -18rem; } }

@keyframes icon-enter { 0% { background-position: 0 0; }
  100% { background-position: 0 -18rem; } }

@-webkit-keyframes icon-leave { 0% { background-position: 0 -18rem; }
  100% { background-position: 0 0; } }

@keyframes icon-leave { 0% { background-position: 0 -18rem; }
  100% { background-position: 0 0; } }

.page-company * {-webkit-box-sizing: border-box;box-sizing: border-box;}

.page-company *:before, .page-company *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.page-company { overflow: hidden; background-color: #f6f6f6; position: relative; }

.page-company .img-full { width: 100%; }

.page-company .mt12 { margin-top: 1.2rem; }

.page-company .hn-title { position: relative; color: #000; }

.page-company .hn-title .en { font-weight: bold; font-size: .96rem; }

.page-company .hn-title .cn { font-weight: bold; font-size: 0.44rem; }

.page-company .hn-title .cn:after { content: ''; display: inline-block; vertical-align: text-bottom; width: 0.16rem; height: 0.16rem; border-radius: 50%; border: 0.04rem solid #2341d7; margin-left: .06rem; margin-bottom: .06rem; }

.page-company .hn-title .svg-dot { width: .43rem; height: 0.43rem; position: absolute; top: .2rem; left: -.8rem; fill: #2341d7; }

.page-company .hn-title--white { color: #fff; }

.page-company .hn-title--white .cn:after { border-color: #fff; }

.page-company .hn-title--white .svg-dot { fill: #fff; }

.page-company .hn-arrow { width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 1px solid; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

.page-company .hn-arrow svg { width: .17rem; height: 0.14rem; position: relative; z-index: 2; }

.page-company .hn-arrow:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0068f6; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border-radius: 50%; }

.page-company .hn-arrow:hover { border: none; }

.page-company .hn-arrow:hover svg { fill: #fff; }

.page-company .hn-arrow:hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.page-company .page-wrap { position: relative; z-index: 2; }

.page-company .ckLine { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.hn-company-layout { width: 15.2rem; margin-left: auto; margin-right: auto; }

.section-1 { position: relative; }

.section-1-bg { position: fixed; left: 0; top: 0; z-index: 1; width: 100%; height: 10.8rem; background-size: cover; background: center; }

.section-1-bg.noFixed { position: absolute; top: auto; bottom: 100px; }

.hn-company-1 { position: relative; height: 10.8rem; }

.hn-company-1 .tit { position: fixed; right: 2rem; top: 2.5rem; z-index: 2; width: 7.06rem; }

.hn-company-1 .tit img { width: 100%; vertical-align: top; position: relative; }

.hn-company-1 .mouse { position: absolute; left: 50%; bottom: 1.72rem; z-index: 2; width: .46rem; margin-left: -.23rem; -webkit-animation: jump .5s infinite alternate linear; animation: jump .5s infinite alternate linear; }

.hn-company-2 { background-position: right top; background-repeat: no-repeat; background-color: #fff; background-size: 4.8rem auto; height: 9.6rem; margin-right: 2rem; margin-top: -1.44rem; position: relative; z-index: 2; overflow: hidden; }

.hn-company-2 .building { position: absolute; right: 0; bottom: 0; width: 8.48rem; }

.hn-company-2 .text { padding-left: 2rem; padding-top: 1.2rem; width: 8.4rem; }

.hn-company-2 .text .t1 { font-size: .18rem; color: #666; line-height: .24rem; margin-top: .3rem; }

.hn-company-2 .text .t2 { color: #fff; background: -webkit-gradient(linear, left top, right top, from(#4489ef), to(#b9d3f9)); background: -o-linear-gradient(left, #4489ef, #b9d3f9); background: linear-gradient(to right, #4489ef, #b9d3f9); border-radius: .3rem; padding: .26rem .4rem .25rem; margin-top: .35rem; }

.hn-company-2 .text .t2 .icon { width: 0.27rem; display: block; }

.hn-company-2 .text .t2 .tit { font-size: .24rem; margin-top: .16rem; }

.hn-company-2 .text .t2 .desc { font-size: .18rem; line-height: .24rem; margin-top: .11rem; }

.hn-company-2 .text .hn-arrow { margin-top: 1.57rem; }

.hn-company-3 { padding-top: 1.22rem; padding-bottom: 1.4rem; position: relative; }

.hn-company-3 .hn-company-layout { position: relative; z-index: 2; }

.hn-company-3 .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.hn-company-3 .list { margin-top: .82rem; }

.hn-company-3 .list .num { font-size: .2rem; font-family: Arial; }

.hn-company-3 .list .tit-en { font-family: Arial; }

.hn-company-3 .list .item { width: 50%; height: 5.4rem; background: #fff; position: relative; }

.hn-company-3 .list .item .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.hn-company-3 .list .item:hover .bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.hn-company-3 .list .item:hover .text .num:before { -webkit-animation: _width 1s infinite alternate linear; animation: _width 1s infinite alternate linear; }

.hn-company-3 .list .item:hover .text .more { margin-left: .21rem; }

.hn-company-3 .list .item:hover .text .more:after { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

.hn-company-3 .list .text { color: #666; padding: .6rem .8rem .55rem; position: relative; z-index: 2; }

.hn-company-3 .list .text .num { padding-top: .07rem; margin-bottom: .43rem; position: relative; }

.hn-company-3 .list .text .num:before { content: ''; position: absolute; left: 0; top: 0; width: 1rem; height: 1px; background: #333; }

.hn-company-3 .list .text .tit-en { font-size: .4rem; color: #000; }

.hn-company-3 .list .text .tit-cn { font-size: .26rem; color: #000; margin-top: .07rem; }

.hn-company-3 .list .text .desc { font-size: .16rem; line-height: .26rem; margin-top: .19rem; height: calc(26 / 16 * 5em); }

.hn-company-3 .list .text .more { margin-top: .97rem; display: inline-block; color: #333; position: relative; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.hn-company-3 .list .text .more svg { width: 17px; height: 14px; }

.hn-company-3 .list .text .more:before { content: ''; position: absolute; left: 50%; top: 50%; width: .6rem; height: .6rem; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.hn-company-3 .list .text .more:after { content: ''; position: absolute; left: 50%; top: 50%; width: .6rem; height: .6rem; border-radius: 50%; border: 1px solid; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: all .2s .1s; -o-transition: all .2s .1s; transition: all .2s .1s; }

.hn-company-3 .list .text-white { color: #fff; }

.hn-company-3 .list .text-white .num:before { background-color: #fff; }

.hn-company-3 .list .text-white .tit-en, .hn-company-3 .list .text-white .tit-cn { color: #fff; }

.hn-company-3 .list .text-white .more svg { fill: #fff; }

.hn-company-3 .list .text-white .more:after { border-color: #fff; }

.hn-company-3 .list .item1 { width: 100%; height: auto; background: -webkit-gradient(linear, left top, right top, from(#cedeef), to(#ddeaf7)); background: -o-linear-gradient(left, #cedeef, #ddeaf7); background: linear-gradient(to right, #cedeef, #ddeaf7); position: relative; }

.hn-company-3 .list .item1 .text { width: 50%; padding: 1.16rem .8rem .55rem; }

.hn-company-3 .list .item1 .num { margin-bottom: .46rem; border: none; }

.hn-company-3 .list .item1 .tit-en { font-size: .44rem; }

.hn-company-3 .list .item1 .tit-cn { font-size: .3rem; margin-top: .04rem; }

.hn-company-3 .list .item1 .desc { font-size: .18rem; line-height: .32rem; margin-top: .17rem; height: calc(32 / 18 * 5em); }

.hn-company-3 .list .item1 .more { margin-top: .67rem; }

.hn-company-3 .list .item1 .img { position: absolute; right: -.47rem; top: -.38rem; width: 8.49rem; }

.hn-company-3 .list .item1 .img img { width: 100%; }

.hn-company-3 .list .item2 { height: 10.8rem; position: relative; }

.hn-company-3 .list .item2 .text { position: absolute; bottom: 0; left: 0; width: 100%; }

.hn-company-3 .list .item2 .num2 { position: absolute; left: .8rem; top: .96rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: .6rem; color: #dd0e17; font-weight: bold; }

.hn-company-3 .list .item2 .num2 img { width: .19rem; margin-top: .08rem; margin-left: .1rem; }

.hn-company-3 .list .item5 .text .tit-cn, .hn-company-3 .list .item5 .text .tit-en { color: #4d84f1; }

.section-2 { background-color: #d7edfd; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; position: relative; }

.section-2 .line { position: absolute; left: 0; height: 1px; width: 0; background: #a9cce6; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-animation: line 3s infinite ease-in; animation: line 3s infinite ease-in; }

.section-2 .line1 { bottom: 1rem; -webkit-transform: rotate(343deg); -ms-transform: rotate(343deg); transform: rotate(343deg); -webkit-animation-delay: .7s; animation-delay: .7s; }

.section-2 .line2 { bottom: 11rem; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); }

.section-2 .line3 { bottom: 0; left: 35%; -webkit-transform: rotate(343deg); -ms-transform: rotate(343deg); transform: rotate(343deg); -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.hn-company-4 { padding-top: 1.2rem; padding-bottom: .8rem; color: #fff; }

.hn-company-4 .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.hn-company-4 .arrow-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

.hn-company-4 .arrow { width: 0.6rem; height: .6rem; border-radius: 50%; border: 1px solid #fff; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-left: .23rem; }

.hn-company-4 .arrow svg { width: .17rem; height: .14rem; position: relative; z-index: 2; fill: #fff; }

.hn-company-4 .arrow:after { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: #fff; border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.hn-company-4 .arrow:not(.swiper-button-disabled):hover { cursor: pointer; border: none; }

.hn-company-4 .arrow:not(.swiper-button-disabled):hover svg { fill: #4d84f1; }

.hn-company-4 .arrow:not(.swiper-button-disabled):hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hn-company-4 .swiper-slide { padding: .3rem .3rem 0; }

.hn-company-4 .swiper-slide .img { height: 2rem; }

.hn-company-4 .swiper-slide .img img { max-width: 100%; max-height: 100%; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.hn-company-4 .swiper-slide .text { margin-top: .3rem; }

.hn-company-4 .swiper-slide .tit { font-size: .2rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.hn-company-4 .swiper-slide .desc { font-size: .16rem; line-height: .26rem; margin-top: .12rem; }

.hn-company-4 .swiper-slide .icon { width: 3.2rem; height: 2rem; margin: auto; position: relative; z-index: 2; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; -webkit-animation: icon-enter 5s steps(9) forwards infinite; animation: icon-enter 5s steps(9) forwards infinite; }

.hn-company-5 { padding-top: .6rem; }

.hn-company-5 .list { position: relative; margin-top: .7rem; }

.hn-company-5 .list .arrow { width: 0.6rem; height: .6rem; border-radius: 50%; border: 1px solid #999; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.hn-company-5 .list .arrow svg { width: .17rem; height: .14rem; position: relative; z-index: 2; fill: #999; }

.hn-company-5 .list .arrow:after { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: #0068f6; border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.hn-company-5 .list .arrow:not(.swiper-button-disabled):hover { cursor: pointer; border: none; }

.hn-company-5 .list .arrow:not(.swiper-button-disabled):hover svg { fill: #fff; }

.hn-company-5 .list .arrow:not(.swiper-button-disabled):hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hn-company-5 .list .arrow-prev { left: -1rem; }

.hn-company-5 .list .arrow-next { right: -1rem; }

.hn-company-5 .list .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.hn-company-5 .list .item { position: relative; display: block; overflow: hidden; margin-right: .45rem; margin-bottom: .46rem; width: 4.76rem; }

.hn-company-5 .list .item:nth-of-type(3n) { margin-right: 0; }

.hn-company-5 .list .item .text { position: absolute; bottom: .18rem; left: .2rem; right: .2rem; margin: auto; line-height: .6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: .22rem; color: #fff; font-weight: bold; padding: 0 .09rem; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }

.hn-company-5 .list .item .more { width: 0.34rem; height: .34rem; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #0068f6; opacity: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.hn-company-5 .list .item .more svg { width: 0.1rem; height: .08rem; fill: #fff; }

.hn-company-5 .list .item .img { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 100%; }

.hn-company-5 .list .item:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.hn-company-5 .list .item:hover .text { background: rgba(255, 255, 255, 0.9); font-size: .16rem; color: #333; font-weight: normal; padding: 0 .2rem; }

.hn-company-5 .list .item:hover .more { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all .2s .1s; -o-transition: all .2s .1s; transition: all .2s .1s; }

.hn-company-6 { position: relative; }

.hn-company-6 .ckLine { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.hn-company-6 .cnt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 2rem; position: relative; z-index: 2; }

.hn-company-6 .lf { width: 5.4rem; margin-top: 1.3rem; }

.hn-company-6 .form { margin-top: .56rem; }

.hn-company-6 .form-item { position: relative; margin-bottom: .2rem; -webkit-box-shadow: 0 1px 0 0 #aec2d1; box-shadow: 0 1px 0 0 #aec2d1; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.hn-company-6 .form-item.focus { -webkit-box-shadow: 0 1px 0 0 #0068f6; box-shadow: 0 1px 0 0 #0068f6; }

.hn-company-6 .form-item .ipt { width: 100%; height: .6rem; border: none; background: transparent; font-size: 0.18rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.hn-company-6 .form-item .ipt::-webkit-input-placeholder { color: #222; }

.hn-company-6 .form-item .ipt:-ms-input-placeholder { color: #222; }

.hn-company-6 .form-item .ipt::-ms-input-placeholder { color: #222; }

.hn-company-6 .form-item .ipt::placeholder { color: #222; }

.hn-company-6 .form-item-code { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.hn-company-6 .form-item-code .box { position:relative;flex: 1;margin-right: .2rem;}
.hn-company-6 .form .btn { margin-top: .4rem; background: #fff; border-radius: .2rem .33rem .33rem .2rem; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 3rem; font-size: .18rem; color: #222; padding-left: 0.39rem; padding-right: .08rem; cursor: pointer; height: .7rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.hn-company-6 .form .btn .icon { width: 0.6rem; height: .6rem; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); }

.hn-company-6 .form .btn .icon svg { fill: #0068f6; width: .17rem; height: 0.14rem; }

.hn-company-6 .form .btn:hover { background-color: rgba(255, 255, 255, 0.8); color: #0068f6; }

.hn-company-6 .form .btn:hover .icon { background-color: #0068f6; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.hn-company-6 .form .btn:hover .icon svg { fill: #fff; }

.hn-company-6 .rg { width: 10.9rem; }

.hn-company-6 .rg img { width: 100%; -webkit-animation: _scale .8s infinite alternate ease-in-out; animation: _scale .8s infinite alternate ease-in-out; }

@-webkit-keyframes jump { from { -webkit-transform: translateY(-10%); transform: translateY(-10%); }
  to { -webkit-transform: translateY(10%); transform: translateY(10%); } }

@keyframes jump { from { -webkit-transform: translateY(-10%); transform: translateY(-10%); }
  to { -webkit-transform: translateY(10%); transform: translateY(10%); } }

@-webkit-keyframes _scale { from { -webkit-transform: scale(0.99); transform: scale(0.99); }
  to { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes _scale { from { -webkit-transform: scale(0.99); transform: scale(0.99); }
  to { -webkit-transform: scale(1); transform: scale(1); } }

@-webkit-keyframes line { from { width: 0; }
  to { width: 130%; } }

@keyframes line { from { width: 0; }
  to { width: 130%; } }

@-webkit-keyframes _width { from { width: 1rem; }
  to { width: 0; } }

@keyframes _width { from { width: 1rem; }
  to { width: 0; } }


.Validform_checktip{margin-left:8px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:16px;}.Validform_right{color:#71b83d;padding-left:30px;background:url(../images/right.png) no-repeat left center;}.Validform_wrong{color:red;padding-left:30px;white-space:nowrap;background:url(../images/error.png) no-repeat left center;}.Validform_loading{padding-left:30px;background:url(../images/onLoad.gif) no-repeat left center;}.Validform_error{background-color:#ffe7e7;}#Validform_msg{color:#7d8289;font:12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;width:280px;-webkit-box-shadow:2px 2px 3px #aaa;-moz-box-shadow:2px 2px 3px #aaa;background:#fff;position:absolute;top:0;right:50px;z-index:99999;display:none;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color='#999999');}#Validform_msg .iframe{position:absolute;left:0;top:-1px;z-index:-1;}#Validform_msg .Validform_title{line-height:25px;height:25px;text-align:left;font-weight:700;color:#fff;position:relative;background-color:#000;padding:0 8px;}#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px;position:absolute;right:8px;top:0;color:#fff;text-decoration:none;}#Validform_msg a.Validform_close:hover{color:#cc0;}#Validform_msg .Validform_info{border:1px solid #000;border-top:none;text-align:left;padding:8px;}.info{margin-left:8px;border:1px solid #ccc;color:#666;float:left;position:relative;display:none;line-height:20px;padding:8px 20px 8px 10px;}.dec{top:9px;display:block;height:17px;overflow:hidden;position:absolute;left:-8px;width:8px;}.dec s{font-family:simsun;font-size:16px;height:19px;left:0;line-height:21px;position:absolute;text-decoration:none;top:0;width:17px;}.dec .dec1{color:#ccc;}.dec .dec2{color:#fff;left:1px;}
.Validform_checktip{top:15px;/* left:510px; */position:absolute;display:inline;padding-left:20px;right: 0;}
.Validform_right{background:url(/images/Yes.png) no-repeat left center;}
.Validform_wrong{background:url(/images/Wrong.png) no-repeat left center;}
.cc-3 .Validform_checktip{left:231px;}
.cc-5 .Validform_checktip{left:340px;}
.cc-cntent .Validform_checktip{top:-25px;left:510px;}
.thisfrom .Validform_checktip{position:relative;top:1px;left:365px;}