@charset "utf-8";
/* 引入字体开始 */
/* @font-face{font-family:PingFang-SC-Medium;font-weight:400;font-style:normal;src:url(../fonts/PingFang-Medium.otf);}
@font-face{font-family:PingFang-SC-Bold;font-weight:400;font-style:normal;src:url(../fonts/pingfang-sc-bold.ttf);}
@font-face{font-family:PingFangSC-Light;font-weight:400;font-style:normal;src:url(../fonts/PingFang-Light.ttf);}
@font-face{font-family:PingFangSC-Regular;font-weight:400;font-style:normal;src:url(../fonts/PingFang-Regular.otf);} */
/* 引入字体结束 */

/*reset开始*/
html{font-family:Arial,'\5FAE\8F6F\96C5\9ED1','\9ED1\4F53'; font-size: 16px;line-height: 24px;letter-spacing: 0.3px;}
body,ul,h6,p,input,h1,h2,h3,h4,h5{margin:0;padding: 0;}
img{border:none;}
ul{list-style: none;}
/* ::-webkit-scrollbar {width:8px;  height:8px;  background-color:#1b1a1a;  overflow:hidden;  }
::-webkit-scrollbar-button {display:none;  }
::-webkit-scrollbar-thumb {border-radius:8px;background-color:#4c4c4c;  }
::-webkit-scrollbar-thumb:hover {background-color:#4c4c4c;  } */
a{text-decoration: none;-webkit-tap-highlight-color: transparent;}
/*reset结束*/

/*common开始*/
body{width: 100%;}
.hidden{display: none!important;}
.cl {*zoom: 1;}
.cl:after {display: block;clear: both;content: "clear";visibility: hidden;height: 0;overflow: hidden;}
.visi_hidden{visibility: hidden;}
.fleft{float: left;}
.fright{float: right;}
.flex-def{display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */display: -moz-box; /* 老版本语法: Firefox (buggy) */display: -ms-flexbox; /* 混合版本语法: IE 10 */display: -webkit-flex; /* 新版本语法: Chrome 21+ */display: flex;}
.flex-zCenter {-webkit-box-pack: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;}/* 主轴居中 */
.flex-zBetween {-webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}/* 主轴两端对齐 */
.flex-zEnd {-webkit-box-pack: end;-moz-justify-content: flex-end;-webkit-justify-content: flex-end;justify-content: flex-end;}/* 主轴end对齐 */
.flex-zStart {-webkit-box-pack: start;-moz-justify-content: start;-webkit-justify-content: start;justify-content: start;}/* 主轴start对齐 */
.flex-cCenter {-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}/* 侧轴居中 */
.flex-cStart {-webkit-box-align: start;-moz-align-items: start;-webkit-align-items: start;align-items: start;}/* 侧轴start对齐 */
.flex-cEnd {-webkit-box-align: end;-moz-align-items: flex-end;-webkit-align-items: flex-end;align-items: flex-end;}/* 侧轴底部对齐 */
.flex-cBaseline {-webkit-box-align: baseline;-moz-align-items: baseline;-webkit-align-items: baseline;align-items: baseline;}/* 侧轴文本基线对齐 */
.flex-cStretch {-webkit-box-align: stretch;-moz-align-items: stretch;-webkit-align-items: stretch;align-items: stretch;}/* 侧轴上下对齐并铺满 */
.flex-zTopBottom {-webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}/* 主轴从上到下 */
.flex-zBottomTop {-webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: vertical;-moz-flex-direction: column-reverse;-webkit-flex-direction: column-reverse;flex-direction: column-reverse;}/* 主轴从下到上 */
.flex-zLeftRight {-webkit-box-direction: normal;-webkit-box-orient: horizontal;-moz-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}/* 主轴从左到右 */
.flex-zRightLeft {-webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: horizontal;-moz-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}/* 主轴从右到左 */
.flex-item {-webkit-box-flex: 1.0;-moz-flex-grow: 1;-webkit-flex-grow: 1;flex-grow: 1;}/* 是否允许子元素伸缩 */
.flex-order{-webkit-box-ordinal-group: 1;-moz-order: 1;-webkit-order: 1;order: 1;}/* 子元素的显示次序 */
/*common结束*/


/*css3动画定义开始*/
@-webkit-keyframes zoomIn{/*由小变大动画*/
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn{/*由小变大动画*/
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}
.zoomIn{-webkit-animation-name: zoomIn;animation-name:zoomIn;}
.animated{-webkit-animation-duration:0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}


@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeInUp-60 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 0.65;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp-60 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 0.65;
        -webkit-transform: none;
        transform: none;
    }
}
.visibleHidden,
.list-visibleHidden,
.other-visibleHidden{visibility: hidden;}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    visibility: visible;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated-delay{
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
/*css3动画定义结束*/

/* 首页开始 */


@media screen and (min-width: 750px) {
    .index-body{background:#F1F3F9;margin:0 auto;min-width: 1200px;overflow-x: auto;}
    .index-header{background:#005257;box-sizing: border-box;padding-top:67px;}

    .index-logo-contaner{padding:18px 0 21px 0;background:transparent;position:fixed;width:100%;top:0;left:0;z-index:1;transition: all .5s ease;}
    .index-logo-contaner>div{max-width: 1180px;margin:0 auto;}
    .index-logo-contaner.mini{background:#fff;z-index:10;z-index:10;}
    .index-logo-contaner.mini+.mini-shadow{mix-blend-mode: multiply;width:100%;height: 80px;position: fixed;z-index: 9;top:0;left: 0;box-shadow: 0px 6px 28px 0px #E9E9E9;}
    .index-logo-contaner.mini .index-logo{background:url(../img/logo-black.png) no-repeat;background-size: cover;}
    .index-logo-contaner.mini .index-nav-box{color:#333;}
    .index-logo{width:188px;height: 39px;background:url(../img/logo.png) no-repeat;background-size: cover;font-size: 0;}
    .index-nav-box{margin-left:80px;height: 39px;font-size: 16px;color:#fff;}
    .index-nav-box>li{margin-right:38px;line-height: 39px;cursor: pointer;white-space: nowrap;}
    .index-nav-box>li.current{color:#02BF57;}
    .index-nav-box>li:last-child{margin-right: 0;}
    .contact-button{width:130px;height: 38px;background: #02BF57;border-radius: 19px;text-align: center;line-height: 38px;font-size: 14px;color:#fff;}
    .contact-button>img{width:16px;height: 13px;vertical-align: middle;}
    .contact-button>span{vertical-align: middle;}

    .index-banner-box{width: 1180px;margin:0 auto;position: relative;z-index: 2;}
    .index-banner{padding:0 35px 0 36px;flex-direction: row;}
    .index-banner-title{margin-top:164px;font-size: 46px;color:#fff;font-weight: normal;line-height: 44px;}
    .index-banner-subtitle{font-weight: 300;line-height:20px;font-size: 20px;margin-top:29px;color:#fff;}
    .index-banner-button{width: 160px;height: 48px;background: #02BF57;border-radius: 24px;line-height: 48px;text-align: center;font-size: 18px;color:#fff;margin-top:38px;}
    .index-banner-img-box{font-size: 0;}
    .index-banber-img{width:442px;height: 541px;}

    .index-business-box{padding-top:40px;margin:0 auto;width:1110px;}
    .index-business-box>li{background: #FFFFFF;border-radius: 6px;border: 1px solid #E6E9F1;padding:30px;font-size: 0;margin-bottom: 20px;}
    .index-business-box>li:last-child{margin-bottom: 0;}
    .index-business-img{width:509px;height: 321px;margin-right: 60px;overflow: hidden;}
    .index-business-img>img{width:100%;height: 100%;transition: all .36s linear;}
    .index-business-img>img:hover{transform: scale(1.1,1.1);}
    .index-business-box>li.second{-webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: horizontal;-moz-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
    .index-business-box>li.second .index-business-img{margin-right: 0; margin-left:60px;}
    .index-business-title{font-size: 38px;line-height: 44px;font-weight: bold;margin-top:34px;font-weight: normal;}
    .index-business-intro{font-weight: 400;font-size: 16px;line-height: 32px;color:#ADADAD;margin-top:19px;max-width: 470px;}
    .index-business-button{width:160px;height: 48px;box-sizing: border-box;border-radius: 24px;border: 2px solid #02BF57;font-size: 18px;color:#02BF57;text-align: center;line-height: 48px;margin-top:63px;transition: all .2s linear;}
    .index-business-button:hover{background:#02BF57;color:#fff;}

    .index-data-box{height: 247px;background:#fff;margin-top:40px;}
    .index-data-list{margin:0 auto;box-sizing: border-box;padding:0 77px 0 93px;width:1110px;-webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
    .index-data-list>li{height: 247px;}
    .index-count{font-size: 55px;line-height: 60px;color:#000000;font-weight: 300;}
    .index-count-name{font-size: 18px;line-height: 18px;color:#999999;margin-top:19px;}

    .index-why-box{margin:40px auto 0;width:1110px;-webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: horizontal;-moz-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
    .index-why-img{width:465px;height: 560px;font-size: 0;border-radius: 6px;overflow: hidden;}
    .index-why-img>img{width:100%;height: 100%;border-radius: 6px;transition: all .36s linear;}
    .index-why-img>img:hover{transform: scale(1.1,1.1);}
    .index-why-info{width: 628px;background: #FFFFFF;border-radius: 6px;border: 1px solid #E6E9F1;padding:37px 40px;box-sizing: border-box;}
    .index-why-title{font-size: 38px;line-height: 44px;}
    .index-why-subtitle{font-size: 16px;line-height: 32px;color:#999;margin-top:19px;}
    .index-why-list{margin-top:29px;}
    .index-why-list>li{width: 547px;background: #E5FBEF;border-radius: 6px;padding:25px 0 24px 24px;box-sizing:border-box;margin-bottom: 15px;transition: all .2s linear;}
    .index-why-list>li:hover{background:#02BF57;}
    .index-why-list>li:last-child{margin-bottom: 0;}
    .index-why-list-title{color:#004348;font-size: 24px;line-height: 26px;font-weight: normal;font-weight: 500;}
    .index-why-list-title>.img{display:inline-block;width:22px;height: 22px;vertical-align: middle;margin-right: 15px;background:url(../img/list-icon.png) no-repeat;background-size: cover;}
    .index-why-list-tip{color:#759081;font-size: 14px;line-height: 14px;margin-top:11px;padding-left: 36px;font-weight: 400;}
    .index-why-list>li:hover .index-why-list-title,.index-why-list>li:hover .index-why-list-tip{color:#fff;}
    .index-why-list>li:hover .index-why-list-title>.img{background:url(../img/list-icon-hover.png) no-repeat;background-size: cover;}

    .index-about{background:#fff;margin-top:40px;}
    .index-about>div{width:1110px;margin:0 auto;box-sizing: border-box;padding:60px 0;}
    .index-about-title{font-size: 38px;line-height: 44px;color:#000000;text-align: center;}
    .index-about-info{color:#999;font-size: 16px;line-height: 32px;margin-top:19px;text-align: center;padding:0 40px 0 38px;font-weight: 400;}
    .index-about-img{margin-top:33px;-webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
    .index-about-img>li{font-size: 0;width:546px;height: 300px;overflow: hidden;border-radius: 6px;}
    .index-about-img>li>img{width:100%;height: 100%;border-radius: 6px;transition: all .36s linear;}
    .index-about-img>li>img:hover{transform: scale(1.1,1.1);}

    .index-recommend{margin:60px auto 0;text-align: center;font-size: 0;width:1110px;}
    .index-recommend-icon{width:51px;height: 43px;margin: 0 auto;}
    .index-recommend-icon>img{width:100%;height: 100%;}
    .index-recommend-title{font-size: 38px;line-height: 44px;color:#000000;margin-top:22px;}
    .index-recommend-info{font-size: 16px;line-height: 18px;margin-top:26px;color:#999;}
    .index-recommend-list{width:1110px;}
    .index-recommend-list-box{margin-top:42px;}
    .index-recommend-list>li{font-size:0;width:267px;height: 348px;background: #FFFFFF;border-radius: 6px;border: 1px solid #E6E9F1;text-align: center;}
    .index-recommend-list>li:hover{box-shadow: 0px 24px 103px 0px rgba(130, 138, 163, 0.38);}
    .index-recommend-avatar{margin:44px auto 0;width:100px;height: 100px;}
    .index-recommend-avatar>img{width:100%;height: 100%;object-fit: cover;border-radius: 100%;}
    .index-recommend-name{margin-top: 20px;font-size: 20px;line-height: 28px;color:#333333;}
    .index-recommend-img{margin:7px auto 0;width:66px;height: 25px;}
    .index-recommend-img>img{width:100%;height: 100%;}
    .index-recommend-intro{margin-top:17px;font-size: 14px;line-height: 18px;color:#848484;}
    .index-recommend-label{margin-top: 24px;}
    .index-recommend-label>li{padding:0 10px;color:#666666;margin:0 3px;height: 24px;border-radius: 12px;border: 1px solid #DCDCDC;font-size: 12px;line-height: 24px;box-sizing: border-box;text-align: center;white-space: nowrap;}

    .index-process{background:#fff;margin-top:62px;padding-bottom: 49px;}
    .index-process-list{margin:0 auto;width:1110px;}
    .index-process-list>li{text-align: center;margin:0 10px;}
    .index-process-list>li.card{width:195px;}
    .index-process-list>li.image{width:22px;height: 16px;margin-top:105px;}
    .index-process-list>li.image>img{width:100%;height: 100%;}
    .index-process-num{width:84px;height: 84px;margin:71px auto 0;}
    .index-process-num>img{width:100%;height: 100%;}
    .index-process-name{font-size: 22px;line-height: 26px;margin-top:23px;color:#333;}
    .index-process-tip{font-size: 13px;line-height: 24px;margin-top:14px;color:#939393;}
    .index-code{margin-top: 65px;text-align: center;}
    .index-code-img{width:154px;height: 153px;margin:0 auto;font-size: 0;}
    .index-code-img>img{width:100%;height: 100%;}
    .index-code-info{font-size: 14px;line-height: 14px;color:#939393;margin-top:15px;}

    .footer{overflow:hidden;position:relative;height: 243px;background:#005257 url(../img/footer-pc.png) top center no-repeat;padding-top:38px;box-sizing: border-box;}
    .footer-logo{width:188px;height: 39px;margin:0 auto;}
    .footer-logo>img{width:100%;height: 100%;}
    .footer-contact{margin:45px auto 0;width:1110px;}
    .footer-contact>li{margin:0 40px;font-size: 14px;line-height: 14px;color:#fff;}
    .footer-contact>li>img{width:19px;height: 19px;margin-right: 6px;vertical-align: middle;}
    .footer-contact>li>span{vertical-align: middle;}
    .footer-info{position: absolute;height: 55px;background:#004448;bottom:0;left: 0;width:100%;color:rgba(255,255,255,0.6);font-size: 12px;line-height: 55px;}
    .footer-info>ul{width:1182px;margin:0 auto;}
    .footer-info>ul a.xieyi{padding-right: 36px;cursor: pointer;color:rgba(255,255,255,0.6);}
    .footer-info>ul a.beian{padding-left: 15px;color:rgba(255,255,255,0.6);}

    .code-dialog{width: 100%;height: 100%;background:rgba(0,0,0,0.8);position: fixed;top:0;left: 0; display: none;z-index:100;}
    .code-dialog-main{position: fixed;border-radius:10px;width: 322px;height: 395px;background: #FFFFFF;box-sizing: border-box;padding-top:25px;top:50%;left:50%;margin-left:-161px;margin-top:-198px;}
    .code-logo{font-size: 0;width:178.2px;height: 37.8px;margin:0 auto;}
    .code-logo>img{width: 100%;height: 100%;}
    .dialog-code-img{width:246px;height: 246px;font-size: 0;margin:17px auto 0;}
    .dialog-code-img>img{width:100%;height: 100%;}
    .dialog-code-tip{font-size: 19px;line-height: 19px;color:#010101;text-align: center;margin-top: 17px;}
    .dialog-close{position: absolute;width:20px;height: 20px;right:16px;top:16px;cursor: pointer;}

    .show-dialog{cursor: pointer;}
}

@media screen and (max-width: 750px) {
    .index-body{background:#F1F3F9;margin:0 auto;width:375px;}
    .index-header{background:#005257;box-sizing: border-box;padding-top:67px;width:375px;margin:0 auto;padding-top:0;}
    .index-header>div{max-width: 375px;margin:0 auto;}
    .index-logo-contaner{background:transparent;padding:18px 29px 12px;}
    .index-logo{width:188px;height: 39px;background:url(../img/logo.png) no-repeat;background-size: cover;font-size: 0;}
    .index-nav-box{display: none;}
    .contact-button{display: none;}

    .index-banner-box{width: 375px;margin:0 auto;position: relative;z-index: 2;}
    .index-banner{padding:0 27px;-webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
    .index-banner-title{color:#fff;font-weight: normal;margin-top:45px;font-size: 36px;line-height: 46px;}
    .index-banner-subtitle{font-weight: 300;line-height:20px;color:#fff;font-size: 12px;margin-top:14px;}
    .index-banner-button{width: 160px;height: 48px;background: #02BF57;border-radius: 24px;line-height: 48px;text-align: center;font-size: 18px;color:#fff;margin-top:31px;}
    .index-banner-img-box{font-size: 0;text-align: center;margin:40px 0 0 42px;}
    .index-banber-img{height: 342px;width:auto;}

    .index-business-box{margin:0 auto;padding-top:18px;width:339px;}
    .index-business-box>li{background: #FFFFFF;border-radius: 6px;border: 1px solid #E6E9F1;padding:19px 18px 22px;font-size: 0;margin-bottom: 18px;-webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
    .index-business-box>li:last-child{margin-bottom: 0;}
    .index-business-img{overflow: hidden;width:303px;height: 192px;margin-bottom: 60px;margin:0;}
    .index-business-img>img{width:100%;height: 100%;transition: all .36s linear;}
    .index-business-img>img:hover{transform: scale(1.1,1.1);}
    .index-business-box>li.second .index-business-img{margin:0;}
    .index-business-title{font-weight: bold;font-weight: normal;font-size: 26px;line-height: 44px;margin-top:14px;}
    .index-business-intro{font-weight: 400;color:#ADADAD;max-width: 470px;font-size: 12px;line-height: 20px;margin-top:8px;}
    .index-business-button{display: none;}

    .index-data-box{height: 247px;background:#fff;margin:28px auto 0;width:375px;}
    .index-data-list{margin:0 auto;box-sizing: border-box;padding:0;width:339px;flex-wrap: wrap;}
    .index-data-list>li{width:50%;height:123px;}
    .index-count{color:#000000;font-weight: 300;font-size: 32px;line-height: 32px;}
    .index-count-name{color:#999999;margin-top:19px;font-size: 14px;line-height: 18px;}

    .index-why-box{width:375px;margin:0 auto;-webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
    .index-why-img{font-size: 0;overflow: hidden;width:375px;height: 560px;border-radius: 0;}
    .index-why-img>img{width:100%;height: 100%;border-radius: 0;transition: all .36s linear;}
    .index-why-info{background: #FFFFFF;border-radius: 6px;border: 1px solid #E6E9F1;box-sizing: border-box;width: 340px;padding:24px 21px;margin:-185px auto 0;}
    .index-why-title{line-height: 44px;font-size: 28px;}
    .index-why-subtitle{color:#999;font-size: 12px;line-height: 22px;margin-top:6px;}
    .index-why-list{margin-top:23px;}
    .index-why-list>li{background: #E5FBEF;border-radius: 6px;box-sizing:border-box;transition: all .2s linear;width: 298px;padding:12px 16px 11px;margin-bottom: 6px;}
    .index-why-list>li:hover{background:#02BF57;}
    .index-why-list>li:last-child{margin-bottom: 0;}
    .index-why-list-title{line-height: 26px;font-weight: normal;font-weight: 500;color:#004348;font-size: 18px;}
    .index-why-list-title>.img{display:inline-block;vertical-align: middle;background:url(../img/list-icon.png) no-repeat;background-size: cover;width:16px;height: 16px;margin-right: 6px;}
    .index-why-list-tip{color:#759081;font-weight: 400;font-size: 12px;line-height: 18px;margin-top:5px;padding-left: 22px;}
    .index-why-list>li:hover .index-why-list-title,.index-why-list>li:hover .index-why-list-tip{color:#fff;}
    .index-why-list>li:hover .index-why-list-title>.img{background:url(../img/list-icon-hover.png) no-repeat;background-size: cover;}

    .index-about{width:375px;background:#fff;margin:22px auto 0;}
    .index-about>div{margin:0 auto;width:375px;padding:30px 0 33px;box-sizing: border-box;}
    .index-about-title{line-height: 44px;color:#000000;text-align: center;font-size: 28px;}
    .index-about-info{color:#999;text-align: center;font-weight: 400;font-size: 12px;line-height: 22px;margin-top:19px;padding:0 20px;}
    .index-about-img{padding:0 18px;margin-top:31px;-webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
    .index-about-img>li{font-size: 0;overflow: hidden;border-radius: 6px;width:100%;height: 187px;margin-bottom: 22px;}
    .index-about-img>li:last-child{margin-bottom: 0;}
    .index-about-img>li>img{width:100%;height: 100%;border-radius: 6px;transition: all .36s linear;}

    .index-recommend{text-align: center;font-size: 0;width:375px;margin:48px auto 0;overflow: hidden;}
    .index-recommend-icon{margin: 0 auto;width:43px;height: 36px;}
    .index-recommend-icon>img{width:100%;height: 100%;}
    .index-recommend-title{line-height: 44px;color:#000000;font-size: 28px;margin-top:16px;}
    .index-recommend-info{line-height: 18px;color:#999;font-size: 12px;margin-top:9px;width:340px;margin-left: 18px;}
    .index-recommend-list-box{overflow-y: auto;width:321px;margin: 24px 27px 0;}
    .index-recommend-list-box::-webkit-scrollbar {display: none;}
    .index-recommend-list{width:889px;box-sizing: border-box;}
    .index-recommend-list>li{font-size:0;background: #FFFFFF;border-radius: 6px;border: 1px solid #E6E9F1;text-align: center;width:214px;height: 280px;}
    .index-recommend-list>li:hover{box-shadow: 0px 24px 103px 0px rgba(130, 138, 163, 0.38);}
    .index-recommend-avatar{margin:35px auto 0;width:80px;height: 80px;}
    .index-recommend-avatar>img{width:100%;height: 100%;object-fit: cover;border-radius: 100%;}
    .index-recommend-name{margin-top: 20px;color:#333333;font-size: 16px;line-height: 22px;}
    .index-recommend-img{margin:6px auto 0;width:52px;height: auto;}
    .index-recommend-img>img{width:100%;height: 100%;}
    .index-recommend-intro{color:#848484;margin-top:16px;font-size: 11px;line-height: 11px;}
    .index-recommend-label{margin-top: 20px;}
    .index-recommend-label>li{color:#666666;margin:0 3px;border: 1px solid #DCDCDC;box-sizing: border-box;text-align: center;padding:0 5px;height: 20px;border-radius: 10px;font-size: 10px;line-height: 20px;white-space: nowrap;}

    .index-process{padding-bottom: 49px;background:#fff;margin:25px auto 0;width:375px;}
    .index-process-list{margin:0 auto;width:375px;flex-wrap: wrap;}
    .index-process-list>li{text-align: center;margin:0 3px;}
    .index-process-list>li.card{width:155px;}
    .index-process-list>li.image{width:17px;height: 13px;margin-top:60px;}
    .index-process-list>li.image>img{width:100%;height: 100%;}
    .index-process-list>li.mobile-hide{display: none;}
    .index-process-num{width:67px;height: 67px;margin:33px auto 0;}
    .index-process-num>img{width:100%;height: 100%;}
    .index-process-name{color:#333;font-size: 18px;line-height: 21px;margin-top:18px;font-weight: bold;}
    .index-process-tip{color:#939393;font-size: 10px;line-height: 19px;margin-top:11px;}
    .index-code{margin-top: 39px;text-align: center;}
    .index-code-img{width:153px;height: 153px;margin:0 auto;font-size: 0;}
    .index-code-img>img{width:100%;height: 100%;}
    .index-code-info{font-size: 14px;line-height: 14px;color:#939393;margin-top:15px;}

    .footer{overflow:hidden;position:relative;box-sizing: border-box;width:375px;height: 362px;background:#005257 url(../img/footer-pc.png) top left no-repeat;padding-top:44px;margin:0 auto;}
    .footer-logo{width:188px;height: 39px;margin:0 auto 0;}
    .footer-logo>img{width:100%;height: 100%;}
    .footer-contact{margin:34px auto 0;width:375px;-webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
    .footer-contact>li{font-size: 14px;line-height: 14px;color:#fff;width:375px;padding-left:97px;box-sizing:border-box;margin:0 0 23px 0;}
    .footer-contact>li>img{width:19px;height: 19px;margin-right: 6px;vertical-align: middle;}
    .footer-contact>li>span{vertical-align: middle;}
    .footer-info{position: absolute;background:#004448;bottom:0;left: 0;width:100%;color:#fff;line-height: 55px;height: 73px;font-size: 12px;box-sizing: border-box;padding: 10px 0 0;}
    .footer-info>ul{color:rgba(255,255,255,0.6);-webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;margin:0 auto;opacity: 0.65;font-size: 11px;line-height: 11px;}
    .footer-info>ul>li{width:375px;text-align: center;line-height: 25px;}
    .footer-info>ul a.xieyi{display: none;}
    .footer-info>ul a.xieyi{padding-right: 36px;cursor: pointer;color:#fff;}
    .footer-info>ul span.beian{padding-left: 15px;}

    .code-dialog{width: 100%;height: 100%;background:rgba(0,0,0,0.8);position: fixed;top:0;left: 0; display: none;z-index:100;}
    .code-dialog-main{position: fixed;background: #FFFFFF;box-sizing: border-box;border-radius: 28px 28px 0px 0px;width: 375px;height: 440px;bottom:0;left:0;padding-top:32px;}
    .code-logo{font-size: 0;width:178.2px;height: 37.8px;margin:0 auto;}
    .code-logo>img{width: 100%;height: 100%;}
    .dialog-code-img{width:246px;height: 246px;font-size: 0;margin:17px auto 0;}
    .dialog-code-img>img{width:100%;height: 100%;}
    .dialog-code-tip{color:#010101;text-align: center;font-size: 16px;line-height: 19px;margin-top: 25px;}
    .dialog-close{position: absolute;width:20px;height: 20px;right:18px;top:24px;cursor: pointer;}

    .show-dialog{cursor: pointer;}
}
/* 首页结束 */