html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

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

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

a {
    text-decoration: none
}

.inline-block {
    display: inline-block;
    *display: inline;
    zoom:1}

body {
    color: #4a4b4c;
    padding-top:79px;
    font-family: "Helvetica Neue","PingFangSC-Light","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif
}

.container {
    width: 1200px;
    margin: 0 auto;
    clear: both;
    position: relative
}

.ml40 {
    margin-left: 40px
}

.ml30 {
    margin-left: 30px
}

.header {
    height: 80px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
  
    background: #2778FF;
    background-image: linear-gradient(243deg, #4FB0FF 0, #5527FF 100%);
}

.header .container {
    width: inherit;
    margin: 0 50px
}

.header-logo a {
    display: block;
    font-size: 0;
    width: 180px;
    line-height: 80px;
    background: url(../../src/images/logo.png) no-repeat left center;
    background-image: -webkit-image-set(url(../../src/images/logo.png) 1x, url(../../src/images/logo2x.png) 2x)
}

.header-container {
    position: absolute;
    right: 0;
    top: 0;
    height: 80px
}
@keyframes sliderUp {
    0% {
        transform: translateY(90px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.header-container>div {
    font-size: 0;
    display: inline-block;
    *display: inline;
    zoom:1}

.header-container>div a {
    color: #fff;
    display: inline-block;
    *display: inline;
    zoom:1}

.header-nav a {
    font-size: 18px;
    padding: 0 30px;
    line-height: 80px;
    position:relative;
}
.header-nav a.active::after {
    content: '';
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 10px;
    height: 4px;
    display: block;
    background: #fff;
    border-radius: 4px;
        animation: sliderUp .3s ease both;
}

.header-member a {
    font-size: 12px;
    color: #fff;
    padding: 5px 10px;
    margin-left: 10px;
    border-radius: 2px;
    border: 1px solid #fff;
    transition: .2s
}

.header-member a:hover {
    background: #fff;
    color: #2778FF
}

.header-member a.reg {
    background: #fff;
    color: #2778FF
}

.header-fixed {
    background: #2778FF;
    background-image: linear-gradient(243deg, #4FB0FF 0, #5527FF 100%)
}
.banner {
    height: 500px;
    position: relative
}



.bgcol {
    padding: 0 0 50px;
    overflow: hidden
}

.colcont {
    overflow: hidden;
    margin: 0 -3%
}

.colcont>div {
    width: 20%;
    float: left;
    margin: 0 2%;
    text-align: center;
    cursor: pointer
}

.colcont img {
    width: 100%;
    margin-bottom: 40px
}

.colcont h1 {
    font-size: 16px
}

.colcont p {
    font-size: 13px;
    margin-top: 20px;
    line-height: 1.8;
    text-align: left
}

.colcont a.btn {
    display: inline-block;
    *display: inline;
    zoom:1;padding: 7px 20px;
    border: 1px solid #4AD8B1;
    border-radius: 2px;
    color: #4AD8B1;
    text-decoration: none;
    margin-top: 20px;
    font-size: 12px
}

.ttcont {
    overflow: hidden
}

.titlecont {
    text-align: center;
    margin: 50px 0 50px 0;
    padding: 0 100px
}

.titlecont h1 {
    font-size: 20px;
    margin-bottom: 20px
}

.titlecont p {
    color: #9b9d9e;
    font-size: 14px;
    line-height: 25px
}

.slider {
    position: relative;
    height: 500px;
    overflow: hidden
}

.slider li {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #c7ebfe;
    z-index: 1
}

.slider li .container {
    height: 560px
}

.slider li .container>div {
    width: 600px;
    position: absolute;
    left: 0;
    top: 30%;
    z-index: 9
}

.slider li .container>div h1 {
    font-size: 36px;
    margin-bottom: 14px;
    position: relative;
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: 0.8s;
    transition: 0.8s;
    line-height: 1.5
}

.slider li .container>div p {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: 1s;
    transition: 1s;
    line-height: 1.6;
    text-align: justify
}

.slider li .container img {
    width: 560px;
    position: absolute;
    right: 0;
    top: 46%;
    margin-top: -180px;
    -webkit-transform: translate3d(60%, 0, 0);
    -moz-transform: translate3d(60%, 0, 0);
    -ms-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.slider li.as h1 {
    font-size: 40px;
    margin-bottom: 14px;
    color: #fff;
    position: relative;
    opacity: 0;
    -webkit-transform: translate3d(-70%, 0, 0);
    -moz-transform: translate3d(-70%, 0, 0);
    -ms-transform: translate3d(-70%, 0, 0);
    transform: translate3d(-70%, 0, 0);
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.slider li.as p {
    color: #fff;
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: 0.8s;
    transition: 0.8s
}

.slider li.active {
    z-index: 3
}

.slider li.active .container>div h1,.slider li.active .container>div p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slider li.active img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.slider li .btn {
    display: inline-block;
    *display: inline;
    zoom:1;padding: 10px 25px;
    border: 1px solid #4a4b4c;
    color: #4a4b4c;
    font-size: 16px;
    margin-top: 30px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 2px;
    cursor: pointer
}

.slider li .btn:hover {
    background: #4f5051;
    color: #fff
}

.slider li:nth-child(3) {
    background: #ace8e9
}

.slider li:nth-child(4) {
    background: #c7ebfe
}

.slider li:nth-child(2) {
    background: #ffe381
}

@-webkit-keyframes sLeft {
    form {
        transform: translate3d(-100, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes sLeft {
    form {
        transform: translate3d(-100, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes sRight {
    form {
        transform: translate3d(-100, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes sRight {
    form {
        transform: translate3d(-100, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.clear {
    clear: both
}

.sliedernav {
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 20px;
    font-size: 0;
    z-index: 99
}

.sliedernav a {
    display: inline-block;
    *display: inline;
    zoom:1;width: 12px;
    height: 12px;
    border-radius: 90px;
    border: 1px solid #4a4b4c;
    margin: 0 8px;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: .3
}

.sliedernav a:hover {
    background: #4a4b4c;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: .8
}

.sliedernav a.active {
    background: #4a4b4c;
    opacity: 1
}

.bafc {
    height: 150px;
    width: 100%;
    border-bottom: solid 1px #fafafa
}

.tcol {
    padding: 50px 0 0 0;
    overflow: hidden
}

.tcol>div {
    width: 16.66666667%;
    float: left;
    text-align: center
}

.tcol h2 {
    font-size: 30px;
    margin-bottom: 10px
}

.tcol p {
    font-size: 11px;
    text-align: center
}

.paycol {
    overflow: hidden;
    text-align: center;
    margin: 90px 20%
}

.paycol>div {
    width: 20%;
    float: left
}

.paycol img {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto 20px
}

.paycol span {
    display: block
}

.footer {
    position: relative;
    background: #4a4b4c
}

.footer .container {
    padding: 50px 0
}

.footer .nav {
    margin-bottom: 20px
}

.footer .nav a {
    font-size: 12px;
    color: #fff;
    margin-right: 20px
}

.footer .contentus {
    position: absolute;
    right: 0;
    top: 50%;
    padding-left: 60px;
    margin-top: -19px;
    background: url(../images/phone.png) no-repeat left center;
    background-image: -webkit-image-set(url(../images/phone.png) 1x, url(../images/phone@2x.png) 2x)
}

.footer .contentus h1 {
    font-size: 18px;
    margin-bottom: 15px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    font-size: 0
}

.footer .contentus h1 span {
    font-size: 12px;
    color: #fff
}

.footer .contentus h2 {
    font-size: 20px;
    color: #fff
}

.footer .contentus p {
    font-size: 12px;
    line-height: 1.5;
    color: #fff
}

.footer p.info {
    font-size: 12px;
    clear: both;
    color: #a3a4a5
}

.footer .footright {
    width: 500px;
    float: right
}

.footer .ewm {
    text-align: center;
    width: 100px;
    float: left
}

.footer .ewm span {
    font-size: 12px;
    display: block;
    color: #7c7e80;
    line-height: 30px
}

.footer .ewm img {
    width: 80px;
    height: 80px
}

.prcont {
    overflow: hidden
}

.prcont>div {
    width: 50%;
    float: left
}

.recont {
    clear: both;
    overflow: hidden;
    margin: 0 -0.2%;
    margin-bottom: 90px
}

.recont span {
    width: 16.2666667%;
    float: left;
    display: block;
    text-align: center;
    padding: 30px 0;
    background: #f3f7f7;
    margin: 0 .2%;
    margin-bottom: 4px
}

.colbanner {
    height: 620px;
    overflow: hidden;
    position: relative;
    background: #f3f7f7
}

.colbanner .titlecont {
    margin-top: 0;
    padding-top: 50px;
    margin-bottom: 0 !important
}

.colbanner .colimg {
    position: absolute;
    width: 1100px;
    left: 50%;
    margin-left: -550px;
    bottom: -90px
}

.downloadcont {
    overflow: hidden
}

.fabanner {
    background: url(../images/pps1.jpg) no-repeat center center;
    text-align: center;
    height: 520px
}

.fabanner .loginbtn {
    display: inline-block;
    *display: inline;
    zoom:1;padding: 12px 40px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 16px;
    margin: 30px 0;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.fabanner .loginbtn:hover {
    background: #fff;
    color: #4a4b4c
}

.fabanner .bcont {
    padding-top: 9%;
    width: 80%;
    margin: 0 auto
}

.fabanner .bcont p {
    width: 50%;
    margin: 0 auto;
    line-height: 1.8
}

.fabanner .bcont .btn {
    display: inline-block;
    *display: inline;
    zoom:1;padding: 10px 25px;
    border: 1px solid #4AD8B1;
    margin-top: 30px;
    border-radius: 2px;
    color: #4AD8B1;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 16px
}

.fabanner .bcont .btn:hover {
    background: #4AD8B1;
    color: #fff
}

.fabanner h1 {
    font-size: 36px;
    margin-bottom: 20px
}

.imgcont .cont {
    position: absolute;
    width: 400px
}

.imgcont .container {
    height: 500px
}

.imgcont h1 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #4AD8B1
}

.imgcont .rcont {
    background: #f4f7f8
}

.imgcont p {
    font-size: 14px;
    line-height: 1.6;
    text-align: justify
}

.imgcont .rimg {
    right: 0
}

.imgcont .limg {
    left: 0
}

.imgcont .limg,.imgcont .rimg {
    position: absolute;
    top: 50%;
    margin-top: -160px;
    width: 480px
}

.rcont .cont {
    right: 0;
    top: 40%;
    text-align: right
}

.lcont .cont {
    left: 0;
    top: 40%;
    text-align: left
}

.aboutus {
    height: 600px;
    background: url(../images/pps3.jpg) no-repeat center center;
    text-align: center
}

.aboutus .container {
    height: 600px
}

.aboutus .cont {
    width: 90%;
    margin: 0 auto
}

.aboutus .cont h1,.aboutus .cont p {
    color: #fff
}

.aboutus .cont h1 {
    font-size: 40px;
    padding-top: 25%;
    margin-bottom: 20px
}

.aboutus .cont p {
    font-size: 14px;
    margin: 0 10%;
    line-height: 1.6;
    text-align: center
}

.protont {
    background: #f4f7f8
}

.protont .container {
    height: 600px
}

.protont .cont {
    width: 80%;
    position: relative;
    z-index: 9;
    padding-top: 20%;
    width: 500px
}

.protont h1 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #4AD8B1
}

.protont p {
    font-size: 14px;
    margin: 0 auto;
    line-height: 20px;
    text-align: justify;
    line-height: 1.8
}

.protont small {
    font-size: 14px;
    text-align: center;
    display: block
}

.protont .nus {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 700px
}

.downbox {
    width: 33.333333%;
    float: left
}

.downbox h2 img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 10px
}

.downbar {
    width: 1200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -600px;
    z-index: 9999;
    overflow: hidden
}

.downbar .ewm {
    width: 86px;
    float: left;
    margin-right: 30px
}

.downbar .ewm img {
    width: 86px;
    height: 86px
}

.downbar .ewm span {
    display: block;
    font-size: 12px;
    color: #7c7e80;
    line-height: 20px
}

.downbar p {
    font-size: 12px;
    color: #7c7e80;
    line-height: 1.8
}

.downbar .downbtn {
    border: 1px solid #7c7e80;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    zoom:1;padding: 10px 20px 10px 10px;
    cursor: pointer;
    margin-bottom: 14px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.downbar .downbtn img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 10px
}

.downbar .downbtn:hover {
    background: #4a4b4c;
    color: #fff;
    border: 1px solid #3d3e3f
}

.downcont {
    height:900px;
    background: #f8f8f8;
    background: url(../images/bbg.jpg) no-repeat center center
}

.downinfo {
    width: 100%;
    margin-top: 16%
}

.downinfo h1 {
    font-size: 36px;
    margin-bottom: 20px
}

.downinfo p {
    font-size: 14px;
    color: #7c7e80;
    line-height: 1.8
}

.downinfo .downbtn {
    display: inline-block;
    *display: inline;
    zoom:1;padding: 15px 40px 15px 60px;
    font-size: 18px;
    border: 1px solid #4AD8B1;
    color: #fff;
    border-radius: 2px;
    color: #4AD8B1;
    margin-top: 30px;
    cursor: pointer;
    background: url(../images/do.png) no-repeat 20px -50px;
    background-image: -webkit-image-set(url(../images/do.png) 1x, url(../images/do@2x.png) 2x);
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.downinfo .downbtn:hover {
    background-color: #4AD8B1;
    background-image: -webkit-image-set(url(../images/do.png) 1x, url(../images/do@2x.png) 2x);
    color: #fff;
    background-position: 20px 0
}

.mask {
    background: rgba(255,255,255,0.9);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.closedown {
    background: url(../images/close.png) no-repeat center center;
    display: inline-block;
    *display: inline;
    zoom:1;width: 50px;
    height: 50px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    background-image: -webkit-image-set(url(../images/close.png) 1x, url(../images/close@2x.png) 2x)
}

.closedown:hover {
    opacity: .6
}

.procontainer .into {
    width: 600px;
    margin-bottom: 60px
}

.procontainer .into h1 {
    font-size: 40px;
    margin-bottom: 20px
}

.procontainer .into p {
    text-align: justify;
    font-size: 14px;
    line-height: 1.8
}

.procontainer .proint h2 {
    font-size: 16px;
    margin-bottom: 20px
}

.procontainer .proint p {
    text-align: justify;
    font-size: 12px;
    line-height: 1.6;
    color: #7c7e80
}

.probanner {
    text-align: center;
    height: 500px;
    background: url(../images/rbanner.jpg) no-repeat center;
    background-image: -webkit-image-set(url(../images/rbanner.jpg) 1x, url(../images/rbanner@2x.jpg) 2x)
}

.probanner h1 {
    font-size: 36px;
    margin-bottom: 20px
}

.probanner p {
    line-height: 1.9
}

.probanner h1,.probanner p {
    color: #fff
}

.probanner .cont {
    width: 70%;
    margin: 0 auto;
    padding-top: 7%
}

.probanner .bar {
    text-align: center;
    margin-top: 30px
}

.probanner .bar a {
    display: inline-block;
    *display: inline;
    zoom:1;padding: 10px 25px;
    margin: 0 10px;
    border: 1px solid #fff;
    border-radius: 2px;
    color: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 16px
}

.probanner .bar a:hover {
    background: #fff;
    color: #4a4b4c
}

.cardapp {
    padding: 60px 0 60px
}

.cardapp .container {
    overflow: hidden
}

.cardapp .into {
    width: 100%;
    margin: 20px 0 30px
}

.cardapp .proint .psr,.cardapp .proint .psl {
    width: 340px
}

.cardapp .proint .psr {
    float: right
}

.cardapp .proint .psl {
    float: left
}

.cardapp .proint p {
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 20px;
    font-size: 12px
}

.cardapp .pimg {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -155px
}

.cardapp .pimg img {
    width: 310px;
    height: 310px
}

.sapp {
    padding: 90px 0
}

.sapp .container {
    overflow: hidden;
    padding-left: 500px;
    height: 520px;
    padding-top: 40px
}

.sapp .img {
    position: absolute;
    left: 0;
    bottom: 0
}

.sapp .img img {
    width: 200px
}

.sapp .img .img1 {
    width: 250px;
    position: relative;
    z-index: 9
}

.sapp .img .img2 {
    margin-left: -20px
}

.sapp .proint {
    overflow: hidden;
    margin: 0 -4%;
    margin-top: 60px
}

.sapp .proint p {
    width: 42%;
    float: left;
    padding-left: 40px;
    position: relative;
    margin: 0 4%;
    margin-bottom: 50px;
    font-size: 12px
}

.sapp .proint p img {
    width: 24px;
    position: absolute;
    left: 0;
    top: 0
}

.codeapp {
    background: #f6f6f6;
    padding: 90px 0
}

.codeapp .proint img {
    width: 22px;
    position: relative;
    top: 6px;
    margin-right: 8px
}

.codeapp .proint p {
    margin-bottom: 30px
}

.qapp {
    position: relative;
    padding: 120px 0 180px
}

.qapp .container {
    height: 400px
}

.qapp img.bimg {
    width: 460px;
    position: absolute;
    right: 0;
    bottom: -50px
}

.qapp .into {
    margin-bottom: 50px
}

.qapp .proint p {
    margin-bottom: 40px;
    position: relative;
    padding-left: 40px
}

.qapp .proint img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -4px
}

.cardapp {
    background: #f6f6f6;
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3
}

.cardapp img {
    width: 930px;
    margin: 0 auto;
    display: block
}

.cardapp .into {
    text-align: center
}

.cardapp .into p {
    text-align: center
}

.lcont {
    height: 600px;
    background: #fff !important
}

.lcont .cont {
    position: relative;
    z-index: 9
}

.lcont .container {
    height: 600px
}

.lcont img {
    position: absolute;
    right: 0;
    bottom: 0
}

.hcol {
    border-bottom: 1px solid #eee;
    padding: 40px 0
}

.hcol p {
    line-height: 24px;
    font-size: 13px
}

.hcol h1 {
    font-size: 20px;
    margin-bottom: 20px
}

.hbanner {
    height: 200px;
    background: #4AD8B1;
    margin-bottom: 50px;
    background: #2778FF;
    background-image: linear-gradient(243deg, #4FB0FF 0, #5527FF 100%);
}

.hbanner h1 {
    font-size: 28px;
    line-height: 200px;
    color: #fff
}

.pagenav {
    text-align: center;
    height: 60px;
    background: #fafafa
}

.pagenav a {
    text-align: center;
    display: inline-block;
    *display: inline;
    zoom:1;font-size: 14px;
    color: #4a4b4c;
    line-height: 60px;
    padding: 0 70px;
    cursor: pointer
}

.pagenav a.active {
    color: #4AD8B1
}

.htitle {
    text-align: center;
    margin: 40px 0 20px
}

.htitle h1 {
    font-size: 28px
}

.htitle p {
    font-size: 14px;
    width: 680px;
    margin: 0 auto;
    margin-top: 40px;
    line-height: 1.6
}

.htitle span {
    font-size: 18px;
    color: #4ad8b1;
    margin-top: 20px;
    display: inline-block
}

.page1,.page2,.page3,.page4 {
    display: none
}

.page1 .cos1 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 60px
}

.page1 .cos1 img {
    width: 1200px
}

.page1 .cos2 {
    background: #f5fafa;
    overflow: hidden;
    padding-bottom: 30px
}

.page1 .cos2 .htitle {
    margin-bottom: 40px;
    margin-top: 70px
}

.page1 .cos2 img {
    width: 1200px;
    margin: 0 auto
}

.page1 .cos3 {
    overflow: hidden;
    padding: 20px 0 80px
}

.page1 .cos3 .coscol {
    overflow: hidden
}

.page1 .cos3 .coscol>div {
    width: 20%;
    float: left
}

.page1 .cos3 .coscol p {
    font-size: 13px;
    line-height: 1.6;
    color: #7c7e80
}

.page1 .cos3 h2,.page1 .cos3 p {
    margin: 0 10px
}

.page1 .cos3 h2 {
    margin-bottom: 20px
}

.page1 .cos3 img {
    width: 180px;
    margin-bottom: 40px
}

.page2 img {
    display: block
}

.page2 .htitle p {
    width: 800px
}

.page2 .hos1 img {
    width: 1200px;
    margin: 0 auto;
    display: block
}

.page2 .hos2 img {
    width: 1200px;
    margin: 0 auto;
    display: block
}

.page2 .hos2 .houser {
    overflow: hidden;
    margin: 70px -6% 60px
}

.page2 .hos2 .houser>div {
    width: 38%;
    float: left;
    margin: 0 6%
}

.page2 .hos2 .houser h1 {
    font-size: 24px;
    margin-bottom: 20px
}

.page2 .hos2 .houser p {
    font-size: 13px;
    margin-bottom: 20px;
    color: #7c7e80;
    line-height: 1.6
}

.page3 .pos1 .container {
    height: 490px;
    position: relative;
    overflow: hidden
}

.page3 .pos1 h1 {
    font-size: 28px;
    margin-bottom: 20px;
    margin-top: 120px
}

.page3 .pos1 p {
    width: 480px;
    text-align: justify;
    font-size: 13px;
    line-height: 1.6
}

.page3 .pos1 img {
    width: 520px;
    position: absolute;
    right: 0;
    top: 8%
}

.page3 .pos1 small {
    font-size: 18px;
    color: #4AD8B1;
    margin-top: 50px;
    display: block
}

.page3 .pos2 {
    background: #f5fafa;
    padding-top: 50px
}

.page3 .pos2 img {
    width: 1200px;
    margin: 0 auto;
    display: block
}

.page3 .pos3 .container {
    height: 490px;
    position: relative;
    overflow: hidden;
    height: 580px
}

.page3 .pos3 h1 {
    font-size: 28px;
    margin-bottom: 20px;
    margin-top: 160px
}

.page3 .pos3 p {
    width: 500px;
    text-align: justify;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 20px
}

.page3 .pos3 .psslider {
    position: absolute;
    right: 200px;
    bottom: 0;
    width: 270px;
    overflow: hidden;
    height: 550px
}

.page3 .pos3 .psslider .tab {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.page3 .pos3 .psslider .tab a {
    font-size: 14px;
    color: #7c7e80;
    display: inline-block;
    *display: inline;
    zoom:1;padding: 0 10px;
    cursor: pointer
}

.page3 .pos3 .psslider .tab a.active {
    color: #4AD8B1
}

.page3 .pos3 .slidercont {
    width: 219px;
    height: 390px;
    position: absolute;
    z-index: 9;
    left: 26px;
    top: 110px
}

.page3 .pos3 .slidercont .owl-pagination {
    margin-top: 395px
}

.page3 .pos3 .slidercont .owl-pagination .owl-page {
    margin: 0;
    padding: 0;
    width: 60px;
    height: 15px;
    overflow: hidden;
    margin-right: 13px;
    background: none
}

.page3 .pos3 .slidercont .owl-pagination .owl-page span {
    width: 80px;
    height: 15px;
    margin: 0;
    padding: 0;
    background: none
}

.page3 .pos3 .slidercont img {
    width: 219px
}

.page3 .pos3 .slidercont>div {
    position: absolute;
    left: 0;
    top: 0
}

.page3 .pos3 .bgimg {
    width: 270px;
    position: absolute;
    right: 0;
    bottom: 50px
}

.page4 .cpos1 {
    overflow: hidden
}

.page4 .cpos1 img {
    width: 1200px;
    margin: 0 auto
}

.page4 .cpos1 .houser {
    margin: 50px 0;
    overflow: hidden;
    margin: 90px 10%
}

.page4 .cpos1 .houser h1 {
    font-size: 20px;
    margin-bottom: 20px
}

.page4 .cpos1 .houser p {
    width: 50%;
    float: left;
    font-size: 14px;
    color: #7c7e80;
    margin-bottom: 20px
}

.fixhead {
    position: fixed;
    left: 0;
    right: 0;
    top: 80px;
    z-index: 999;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2)
}

.downlink {
    position: relative;
    margin-top: 50px
}

.downlink a.downbtn {
    background: #fff;
    background-image: none;
    font-size: 14px;
    padding: 20px 0;
    border: none;
    margin: 0;
    position: relative;
    color: #4a4b4c;
    padding-left: 54px;
    width: 220px;
    display: block;
    text-align: left;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.downlink a.downbtn img {
    width: 30px;
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -15px
}

.downlink a.downbtn:hover {
    background-image: none;
    background-color: #f3f3f3;
    color: #4a4b4c;
    border: 1px solid #7c7e80
}

.downlink .ewms {
    background: #fff;
    padding: 10px;
    text-align: center;
    width: 120px;
    position: absolute;
    left: 250px;
    top: 0
}

.downlink .ewms img {
    width: 90px;
    height: 90px
}

.downlink .ewms span {
    display: block;
    font-size: 12px;
    margin-top: 10px
}

.contus {
    margin: 0 -1.5%;
    overflow: hidden
}

.contus h1 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 60px
}

.contus>div {
    width: 47%;
    float: left;
    margin: 0 1.5%;
    height: 150px;
    background: #f3f3f3;
    padding: 30px;
    margin-bottom: 30px
}

.contus>div span {
    display: block;
    line-height: 1.9;
    font-size: 14px;
    color: #87888a
}

.contus>div b {
    margin-bottom: 20px;
    display: block
}

.joinstep {
    background: #f4f7f8;
    margin-bottom: 50px;
    padding: 50px 0;
    overflow: hidden
}

.joinstep h1 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 60px
}

.joinstep .container {
    overflow: hidden
}

.joinstep .cscont {
    margin: 0 -2%
}

.joinstep .cscont>div {
    width: 16%;
    float: left;
    text-align: center;
    height: 120px;
    background: #4AD8B1;
    line-height: 120px;
    margin: 0 2%;
    color: #fff;
    border-radius: 10px;
    position: relative
}

.joinstep .cscont>div:after {
    content: '';
    border: 12px solid transparent;
    border-left-color: #4AD8B1;
    right: -44px;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.vbox {
    background: url(../images/vfixed.png) no-repeat center top;
    width: 160px;
    height: 476px;
    background-image: -webkit-image-set(url(../images/vfixed.png) 1x, url(../images/vfixed@2x.png) 2x);
    position: fixed;
    z-index: 9999;
    right: 20px;
    top: 20%;
    overflow: hidden
}

.vbox a {
    display: block;
    width: 160px;
    height: 476px;
    font-size: 0;
    text-indent: -999px
}

.lbhbanner {
    width: 1200px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/cumputer.png) no-repeat center center;
    box-sizing: border-box
}

.kuang {
    width: 1200px;
    height: 500px;
    position: relative;
    margin: 0 auto
}

.grudeb {
    z-index: 0;
    width: 602px;
    height: 347px;
    overflow: hidden;
    position: absolute;
    top: 61px;
    left: 300px
}

.grudeb img {
    width: 602px !important;
    height: 347px !important
}

.bafcfcfc {
    background: #fcfcfc
}

.bafcfcfc .titlecont1 {
    text-align: center;
    width: 100%;
    float: left;
    margin: 50px auto;
    font-size: 26px;
    line-height: 25px !im
}

.bafcfcfc ul {
    width: 100%;
    clear: both;
    height: 500px
}

.bafcfcfc ul li {
    width: 48%;
    display: inline-block;
    padding-right: 2%;
    margin-bottom: 15px
}

.bafcfcfc ul li div {
    width: 81px;
    float: left
}

.bafcfcfc ul li div img {
    width: 100%
}

.bafcfcfc ul li label {
    font-size: 16px;
    margin-bottom: 10px;
    color: #444
}

.bafcfcfc ul li p {
    padding-left: 81px;
    color: #666;
    font-size: 14px;
    margin-top: 5px;
    line-height: 25px
}

.conntbanner {
    height: 240px;
    background: url(../images/banners.jpg) no-repeat center top
}

.catbanner {
    height: 240px;
    background: url(../images/banners1s.jpg) no-repeat center top
}

.conntinfo {
    margin: 40px 0
}

.conntinfo h1 {
    font-size: 16px;
    margin-bottom: 14px
}

.conntinfo p {
    font-size: 14px;
    color: #7c7e80;
    line-height: 2
}

.map {
    margin-bottom: 40px
}

.map img {
    width: 100%
}