@font-face {
    font-family: 'PingFang Regular';
    src: url('../font/PingFang Regular.otf');
}
@font-face {
    font-family: 'RTWSYueRoudGoDemo-Regular';
    src: url('../font/RTWSYueRoudGoDemo-Regular.otf');
}
.clearfix {zoom: 1;}

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

.a-btn{display:inline-block;min-width:5.2vw;text-align: center;border-radius: 2.6vw;font-size: .73vw}

.wrapper{width:100%;}

.header{width:100%;height:4.2vw;line-height: 4.2vw}

.index .header{position: absolute;z-index: 999}

.index .active-header{
    background: #fff;
    border-bottom: 1px solid #e2e7f1;
    position: fixed;
    z-index: 9999999;
}

.inner{margin: 0 auto;padding:0 10.4vw;}

.inner .feeldesk{float: left}

.inner .feeldesk a{display:inline-block;line-height: 4.2vw;}

.nav-tab{float: right;}

.nav-tab ul{width: 42vw;display: inline-block;}

.nav-tab ul li{width: 5vw;text-align: center;display: inline-block;}

.nav-tab ul li a{
    color: #aec2e6;
    height: 30px;
    line-height: 30px;
    font-size: .8vw;
}

.nav-tab ul li a.active,.nav-tab ul li a.active1{
    display: inline-block;
    color: #fff!important;
    border-bottom: 3px solid #fff;
    padding-bottom: 2.8vw;
    width: 4.5vw;
    opacity: 1;
}

.active-header ul li a.active,.active-header ul li a.active1{
    display: inline-block;
    color: #2c6ee5!important;
    border-bottom: 3px solid #2c6ee5;
    padding-bottom: 2.8vw;
    width: 4.5vw;
}

.nav-tab .wrap-login{display: inline-block;width:10vw;height: 1.82vw;line-height: 1.82vw;text-align: center}

.nav-tab .wrap-login i{color:#84b0ff;margin-right: 0.2vw;}

.nav-tab .wrap-login a{color:#84b0ff;font-size: 0.8vw;}

.nav-tab .wrap-login .down-line{margin: 0 0.5vw!important;vertical-align: top;}

.active-header .nav-tab ul li a,.active-header .nav-tab .wrap-login i,.active-header .nav-tab .wrap-login a{
    color:#7a8ba6;
    font-size: 0.8vw;
}
.product-nav{
    background: #fff;
    position: fixed;
    top: 4.2vw;
    width: 100%;
    z-index: 999999999;
    padding:2vw 16.5vw;
    box-shadow: 0vw 0.5vw 1vw 0vw rgba(0, 60, 168, 0.1);
}
.product-nav-item{
    display: inline-block;
    width: calc((100% - 6vw - 12px) / 4);
    height: 5.2vw;
    background-color: #f4f5f9;
    border-radius: 0.3vw;
    margin-right: 1.5vw;
    padding: 0.8vw 0.8vw;
    cursor: pointer;
    margin-bottom: 2vw;
}
.product-nav-item:nth-child(5),.product-nav-item:nth-child(6){
    margin-bottom: 0;
}
.product-nav .active{
    background-color: #2c6ee5;
}
.product-nav .active .product-nav-title,.product-nav .active .product-nav-word{
    color:#fff;
}
.product-nav-item:last-child{
    margin-right: 0;
}
.product-nav-img{
    display: inline-block;
    text-align: center;
    padding-right: 0.8vw;
}
.product-nav-img img{
    width: 3.3vw;
}
.product-nav-desc{
    display: inline-block;
    width:calc(100% - 4.2vw - 4px);
    vertical-align: middle;
}
.product-nav-title{
    font-size: 0.8vw;
    color: #172b4d;
    margin-bottom: 0.5vw;
}
.product-nav-word{
    font-size: 0.7vw;
    color: #7a8ba6;
}

.feel-section{width: 100%;}

.section1{padding: 60px 0}

.section3 h3,.section4 h3,.section5 h3,.price-version h3,.pirce-list h3{padding: 60px 0;text-align: center;font-size: 18px;color:#333;font-weight: normal}

/* 首页 */

/* Banner */

.banner{position: relative;width: 100%;float: left;height: 57.3vw;text-align: center;overflow: hidden;}

/*.banner-content{position: absolute; top: 0;left: 0;color: #fff;z-index: 999;text-align: left;right: 0;bottom: 0;margin: auto auto;height: 40%;width: 62%;}*/

.banner .banner-wrap{max-width: 1200px;margin: 0 auto;}

.banner .banner-content{position: absolute;z-index: 999;top: 14.5vw;color: #fff;text-align: left;}

.banner .banner-content h4{font-size: 2vw;margin-bottom: 1vw}

.banner .banner-content h5{font-size: 1.2vw;margin-bottom: 1.5vw;font-weight: 500}

.banner .banner-content .login{background: #fff;color:#189de1;margin-right: 40px;}

.banner .banner-content .register{color:#fff;border:2px solid #fff;width: 7.8vw;height: 2.6vw;line-height: 2.7vw;border-radius: 2.6vw;font-size:.9vw;}

.banner .pd-banner-content{top:12vw;right: 15vw;padding: 0}

.banner .pd-banner-content h4{font-size: 2vw;font-weight: 600;}

.banner .pd-banner-content h5{font-size: 1.2vw;margin:0 0 1.5vw 0;font-weight: 500}

.banner .pd-banner-content .pd-register{color:#189de1;background-color:#fff;padding: 0;border:none;}

.banner .ticket-banner-content{left:10.4vw;}

.banner .ticket-banner-content .register{line-height: 2.4vw;}

.banner .webchat-banner-content{text-align: center;width: 100%;left: 0;top: 7vw;}

.banner .webchat-banner-content h4{font-size: 2vw;margin-bottom: 1.5vw}

.banner .webchat-banner-content h5{font-size: 1.2vw;margin-bottom: 1.5vw;font-weight: 500}

.banner .webchat-banner-content .chat-register{color:#189de1;background-color:#fff;padding: 0;border:none;}

.banner .ding-banner-content{left:8vw;}

.banner .ding-banner-content .ding-register{color:#189de1;background-color:#fff;padding: 0;border:none;}

.banner .ding-banner-content h4{font-size: 2vw;margin-bottom: 1vw}

.banner .ding-banner-content h5{font-size: 1.2vw;margin-bottom: 1.5vw;font-weight: 500}

.index-banner-top{
    font-size: 2.2vw;
    line-height: 4.2vw;
    color: #ffffff;
}
.banner .banner-content .index-banner-top2{
    font-size: 1.1vw;
    color: #ffffff;
    margin:2vw 0 3vw;
}
.banner .banner-content .index-banner-btn{
    font-size: 1vw;
    color: #ffffff;
    /*width: 8.9vw;*/
    /*height: 3.3vw;*/
    /*line-height: 3.3vw;*/
    width: 9.8vw;
    height: 2.1vw;
    line-height: 2.1vw;
    background-color: #ff4a53;
    border-radius: 0.3vw;
    border:none;
}
.banner .banner-content .index-banner-btn.index-banner-btn-register
{
    color: #ff4a53;
    background-color: #fff;
    margin-left: 1vw;
}
.banner .banner-content .banner-wechat-btn{
    margin-top: 2vw;
    width: 33vw;
}
.banner .banner-content .banner-wechat-btn a{
    display: inline-block;
    margin-right: 1vw;
    margin-bottom: 1vw;
    cursor: pointer;
}

.index .banner .swiper-container-horizontal>.swiper-pagination-bullets,.index .banner .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 12vw;
    left: 10.4vw;
    text-align: left;
}
.index .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 1.8vw;
    height: 0.5vw;
    background-color: #ffffff;
    border-radius: 0.3vw;
    opacity: 0.3;
}
.index .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    background-color: #ffffff;
    opacity: 1;
}
/*.index-partner-content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 1.8vw;
    height: 0.5vw;
    background-color: #ffffff;
    border-radius: 0.3vw;
    opacity: 0.3;
}
.index-partner-content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    background-color: #ffffff;
    opacity: 1;
}*/
.index-partner-content .swiper-pagination-bullet{
    opacity: 0.3;
    background: #fff;
    width: 35px;
    height: 10px;
    border-radius: 5px;
    text-align: center;
    margin-right: 15px;
}
.index-partner-content .swiper-pagination-bullet-active{
    opacity: 1;
    background: #fff;
}
.index-partner-content .swiper-pagination{
    margin-top:3vw;
    width: 100%;
}
.banner-item-box{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 6.8vw;
    background-color: #232524;
    opacity: 0.95;
    z-index: 999999;
    padding: 0 10.5vw;
    border-top: 1px solid #393b3a;
}
.banner-item{
    display: inline-block;
    width: calc(100% / 5);
    font-size: 0.9vw;
    color: #fff;
    text-align: left;
    padding: 1.5vw 2vw 1vw;
    border-right: 1px solid #393b3a;
    height: 100%;
    float: left;
}
.banner-item:first-child{
    border-left: 1px solid #393b3a;
}
.banner-item-1 i{
    margin-right: 0.4vw;
    font-size: 1.1vw;
}
.banner-item-2{
    height:1px;
    background: -webkit-linear-gradient(to right,#fff,rgba(0,0,0,0.1)); /* Safari 5.1-6.0 */
    background: -o-linear-gradient(to right,#fff,rgba(0,0,0,0.1)); /* Opera 11.1-12.0 */
    background: -moz-linear-gradient(to right,#fff,rgba(0,0,0,0.1)); /* Firefox 3.6-15 */
    background: linear-gradient(to right,#fff,rgba(0,0,0,0.1)); /* 标准语法 */
    width: 8.4vw;
    margin:0.7vw 0;
}
.banner-item-3{
    font-size: 0.7vw;
    color:#999;
}
.banner-item-box .active{
    background-color: rgba(44,110,229,.5);
}
.banner-item-box .active .banner-item-3{
    color:#fff;
}
.index-section1{
    background: #fff;
}
.index-section1-content1{
    padding:5vw 18.8vw 0;
}
.index-section1-content2{
    padding-top:5vw;
}
.index-section1-content2 .index-section-title{
    margin-bottom: 4vw;
}
.index-section-title{
    text-align: center;
    font-size: 1.9vw;
    color:#172b4d;
}
.index-section-desc{
    text-align: center;
    font-size: 0.8vw;
    color:#7a8ba6;
    margin-top: 1vw;
}
.index-what-box{
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
    padding: 3vw 2vw 0;
    margin-top: 3vw;
}
.index-what-left{
    display: inline-block;
    width: 35%;
}
.index-what-center{
    display: inline-block;
    width: calc(30% - 8px);
    text-align: center;
    vertical-align: top;
    padding-top: 1vw;
}
.index-what-center img{
    width: 12.6vw;
}
.index-what-right{
    display: inline-block;
    width: 35%;
}
.index-what-item{
    font-size: 1.1vw;
    color:#172b4d;
    margin-bottom: 4vw;
}
.index-what-title img{
    width: 1.3vw;
    margin-right: 0.5vw;
}
.index-what-desc{
    font-size: 0.7vw;
    color:#7a8ba6;
    line-height: 1.3vw;
    margin-top: 0.5vw;
}
.index-what-left .index-what-item{
    text-align: right;
}
.index-what-box2{
    margin: 5vw 2vw 0;
}
.index-what-nav{
    display: inline-block;
    width: calc(28% - 4px);
    text-align: center;
}
.index-what-content{
    display: inline-block;
    width: 72%;
    text-align: center;
    vertical-align: bottom;
}
.index-what-content img{
    width: 42.7vw;
    margin-top: 3vw;
}
.index-what-nav-item {
    width: 10.4vw;
    height: 3.4vw;
    line-height: 3.4vw;
    background-color: #f9faff;
    border-radius: 1.7vw;
    border: 1px solid #e2e7f1;
    color:#a2acbf;
    font-size: 1vw;
}
.index-what-nav .active{
    background-color: #d4e2ff;
    border: 1px solid #7fa9ff;
    color:#2c6ee5;
}
.index-what-line{
    width: 1px;
    height:3vw;
    background:#e2e7f1;
    margin-left: 5.2vw;
}
.ticket-dispatch-func{
    color: #172b4d;
    padding:0 18.8vw 5vw;
}
.ticket-dispatch-func-part{
    color: #172b4d;
    font-size: 1.9vw;
    text-align: center;
    margin: 7vw 0 3.1vw;
}
.ticket-dispatch-func-title{
    font-size: 1.3vw;
    color: #172b4d;
    margin: 1.5vw 0 2.5vw;
}
.ticket-dispatch-func-title div{
    height: 1vw;
    background: -webkit-linear-gradient(to right,#b5caef,rgba(0,0,0,0));
    background: -o-linear-gradient(to right,#b5caef,rgba(0,0,0,0));
    background: -moz-linear-gradient(to right,#b5caef,rgba(0,0,0,0));
    background: linear-gradient(to right,#b5caef,rgba(0,0,0,0));
    width: 7.4vw;
    margin-top: -0.7vw;
}
.ticket-dispatch-func-title a{
    float: right;
    color: #2c6ee5;
    font-size: 0.8vw;
}
.ticket-dispatch-func-title a i{
    margin-left: 0.4vw;
    font-size: 0.9vw;
}
.ticket-dispatch-func-title .ticket-dispatch-func-title2{
    background: -webkit-linear-gradient(to right,#ffbbbc,rgba(0,0,0,0));
    background: -o-linear-gradient(to right,#ffbbbc,rgba(0,0,0,0));
    background: -moz-linear-gradient(to right,#ffbbbc,rgba(0,0,0,0));
    background: linear-gradient(to right,#ffbbbc,rgba(0,0,0,0));
}
.ticket-dispatch-func-title .ticket-dispatch-func-title3{
    background: -webkit-linear-gradient(to right,#8ac830,rgba(0,0,0,0));
    background: -o-linear-gradient(to right,#8ac830,rgba(0,0,0,0));
    background: -moz-linear-gradient(to right,#8ac830,rgba(0,0,0,0));
    background: linear-gradient(to right,#8ac830,rgba(0,0,0,0));
}
.ticket-dispatch-func-title .ticket-dispatch-func-title4{
    background: -webkit-linear-gradient(to right,#bff2dd,rgba(0,0,0,0));
    background: -o-linear-gradient(to right,#bff2dd,rgba(0,0,0,0));
    background: -moz-linear-gradient(to right,#bff2dd,rgba(0,0,0,0));
    background: linear-gradient(to right,#bff2dd,rgba(0,0,0,0));
}
.ticket-dispatch-item{
    display: inline-block;
    width: calc((100% - 3.2vw - 8px) / 3);
    margin: 0 1.6vw 1.6vw 0;
    border-radius: 0.5vw;
    border: 2px solid #e2e7f1;
    color: #7a8ba6;
    font-size: 0.8vw;
    padding: 1.6vw 1vw 0;
    height: 10.4vw;
    line-height: 1.3vw;
    overflow: hidden;
    vertical-align: middle;
}
.ticket-dispatch-item.active{
    width: 21.9vw;
    margin: -0.5vw 0.5vw 1vw 0;
    height: 11.5vw;
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
    position: absolute;
}
.ticket-dispatch-func-item .active.active1{
    left:17.2vw;
}
.ticket-dispatch-func-item .active.active2{
    left:38.5vw;
}
.ticket-dispatch-func-item .active.active3{
    right:17.2vw;
}
.ticket-dispatch-func-item .active-left{
    margin-left:calc(21.3vw - 4px);
}
.ticket-dispatch-item:nth-child(3),.ticket-dispatch-item:nth-child(6),.ticket-dispatch-item:nth-child(9),.ticket-dispatch-item:nth-child(12){
    margin-right: 0;
}
.ticket-dispatch-item span{
    width: 2.2vw;
    height:2.2vw;
    line-height:2.2vw;
    display: block;
    text-align: center;
    color:#fff;
    border-radius: 0.5vw;
}
.ticket-dispatch-item span i{
    font-size: 1.1vw;
}
.ticket-dispatch-item.active span{
    width: 2.4vw;
    height:2.4vw;
    line-height:2.4vw;
}
.ticket-dispatch-item.active span i{
    font-size: 1.2vw;
}
.ticket-dispatch-item.active .ticket-dispatch-title{
    font-size: 1.1vw;
}
.ticket-dispatch-item.active .ticket-dispatch-desc{
    font-size: 0.9vw;
}
.ticket-dispatch-item .ticket-dispatch-color1{
    background-image: linear-gradient(0deg,
    #fb9848 0%,
    #fd7b74 100%),
    linear-gradient(
            #ff5c5e,
            #ff5c5e);
}
.ticket-dispatch-item .ticket-dispatch-color2{
    background-image: linear-gradient(0deg,
    #ffc100 0%,
    #ffa800 100%),
    linear-gradient(
            #ff5c5e,
            #ff5c5e);
}
.ticket-dispatch-item .ticket-dispatch-color3{
    background-image: linear-gradient(0deg,
    #4a8aff 0%,
    #797cff 100%),
    linear-gradient(
            #ff5c5e,
            #ff5c5e);
}
.ticket-dispatch-item .ticket-dispatch-color4{
    background-image: linear-gradient(0deg,
    #c58dff 0%,
    #a166e0 100%),
    linear-gradient(
            #ff5c5e,
            #ff5c5e);
}
.ticket-dispatch-title{
    color: #172b4d;
    font-size: 1vw;
    margin:1vw 0 0.5vw;
}
.index-section2-bg{
    position: absolute;
    width: 100%;
}
.index-section2-bg img{
    width: 100%;
}
.index-scene-title{
    position: relative;
    top: 5vw;
    text-align: center;
    font-size: 2.2vw;
    color: #fff;
}
.index-scene-box{
    padding: 3vw;
    background: url(../yimg/index/scene-bg-1.png) no-repeat center;
    background-color: #ffffff;
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
    position: relative;
    margin: 1vw 18.8vw 1vw;
    width: 62.6vw;
    top: 7vw;
}
.index-scene-box-title{
    color: #172b4d;
    font-size: 1.1vw;
    margin-bottom: 1vw;
}
.index-scene-nav-line{
    display: inline-block;
    width: 3%;
    vertical-align: top;
    padding-top: calc(8px + 1vw);
}
.index-scene-circle{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 3px solid #e2e7f1;
    box-sizing: border-box;
}
.index-scene-nav-line .active{
    border: 3px solid #2c6ee5;
}
.index-scene-line{
    width: 2px;
    height:3.4vw;
    background: #e2e7f1;
    margin-left: 5px;
}
.index-scene-nav{
    display: inline-block;
    width: 17%;
    vertical-align: top;
    padding-top: 1vw;
}
.index-scene-desc{
    display: inline-block;
    width: calc(80% - 8px);
    padding:0 0 0 2vw;
}
.index-scene-desc img{
    width: 42.45vw;
}
.index-scene-desc-title{
    color:#172b4d;
    font-size: 1.1vw;
    padding: 1vw 1vw;
}
.index-scene-desc-detail{
    font-size: 0.8vw;
    color: #7a8ba6;
    padding: 0 1vw;
}
.index-scene-nav-item{
    color: #7a8ba6;
    font-size: 0.9vw;
    height: calc(3.4vw + 12px);
    cursor: pointer;
}
.index-scene-nav-item span{
    color: #a2acbf;
    font-size: 0.9vw;
    margin-right: 0.5vw;
    font-weight: 700;
    font-style: italic;
}
.index-scene-nav .active{
    color: #172b4d;
}
.index-scene-nav .active span{
    color: #172b4d;
}
.index-scene-nav .active .index-scene-bo{
    height: 3px;
    background: -webkit-linear-gradient(to right,#ff4a53,rgba(254,80,89,0));
    background: -o-linear-gradient(to right,#ff4a53,rgba(254,80,89,0));
    background: -moz-linear-gradient(to right,#ff4a53,rgba(254,80,89,0));
    background: linear-gradient(to right,#ff4a53,rgba(254,80,89,0));
    width: 8vw;
    margin-top: 0.5vw;
}
.index-section3{
    background: #fff;
    padding:12vw 18.8vw 5vw;
}
.index-news-box{
    margin: 3vw 0 2vw;
}
.index-news-item{
    display: inline-block;
    width: calc(50% - 2px);
    padding: 1vw;
}
.index-news-date{
    display: inline-block;
    width: 16%;
    text-align: center;
    color: #a2acbf;
    font-size: 0.7vw;
    font-style: italic;
    font-weight: 800;
    vertical-align: middle;
}
.index-news-date span{
    font-size: 1.6vw;
}
.index-news-line{
    width: 1px;
    height:2.7vw;
    background: #e2e7f1;
    display: inline-block;
    vertical-align: middle;
}
.index-news-desc{
    display: inline-block;
    width: calc(84% - 8px);
    vertical-align: middle;
    padding-left: 1vw;
}
.index-news-title{
    color: #172b4d;
    font-size: 0.9vw;

}
.index-news-detail{
    font-size: 0.7vw;
    line-height: 1.6vw;
    color: #7a8ba6;
    height: 3.3vw;
    overflow: hidden;
    margin-top: 0.5vw;
}
.index-news-more{
    text-align: center;
}
.index-news-more a{
    width: 7.3vw;
    height: 2.8vw;
    line-height: 2.8vw;
    background-color: #2c6ee5;
    border-radius: 0.3vw;
    display: inline-block;
    color:#fff;
    font-size: 0.8vw;
}
.index-news-box .active{
    background-color: #ffffff;
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
}
.index-news-box .active .index-news-date,.index-news-box .active .index-news-date span,.index-news-box .active .index-news-title{
    color:#2c6ee5;
}
.index-news-box .active .index-news-detail{
    color:#333;
}
.index-partner-bg{
    position: absolute;
    width: 100%;
}
.index-partner-bg img{
    width: 100%;
}
.index-partner-title{
    position: relative;
    text-align: center;
    top:4vw;
    font-size: 1.9vw;
    color:#fff;
}
.index-partner-content{
    position: relative;
    top: 6.5vw;
}
.index-partner-content .swiper-slide{
    display: inline-block;
    width: 36.5vw;
    margin: 0 5vw;
    position: inherit;
    float: left;
    /*left: -20vw;*/
}
.index-partner-item-logo{
    width: 5.5vw;
    height: 5.5vw;
    background-color: #ffffff;
    box-shadow: 0vw 0.1vw 0.6vw 0vw rgba(38, 38, 38, 0.13);
    position: absolute;
    left: -3vw;
    top: 0;
    border-radius: 50%;
    line-height: 5.5vw;
    text-align: center;
}
.index-partner-item-logo img{
    width: 2.9vw;
}
.index-partner-item-desc{
    width: 36.5vw;
    height: 10.4vw;
    background-color: #ffffff;
    box-shadow: 0vw 0.1vw 0.6vw 0vw rgba(38, 38, 38, 0.13);
    border-radius: 0vw 1.6vw 1.6vw 1.6vw;
    padding: 2vw 2vw 2vw 3vw;
    font-size: 0.8vw;
    line-height: 1.6vw;
    color: #333333;
    margin-top:3vw;
}
.index-section5{
    padding:20vw 10.4vw 5vw;
    text-align: center;
}
.index-section5 img{
    width: 100%;
    margin-top: 3vw;
}
.footer-bg{
    position: absolute;
    width: 100%;
}
.footer-bg img{
    width: 100%;
}
.footer-index-form{
    position: relative;
    color:#fff;
    top: 5vw;
    padding: 0 18.8vw;
}
.footer-index-form .index-section-title{
    color:#fff;.footer-list dl a
}
.footer-index-form-nav{
    padding: 0 10vw;
    height: 7.4vw;
    line-height: 10.4vw;
}
.footer-index-form-tab{
    display: inline-block;
    width: calc((100% - 12px) / 4);
    text-align: center;
}
.footer-index-form-tab img{
    width: 6.3vw;
}
.footer-index-form form{
    background-color: #ffffff;
    box-shadow: 0vw 0.8vw 2.6vw 0vw rgba(0, 25, 70, 0.1);
    border-radius: 0.5vw;
    padding:2vw;
}
.footer-index-form-title{
    font-size: 1.3vw;
    color: #172b4d;
    margin-bottom: 1vw;
}
.footer-index-form-left{
    display: inline-block;
    width: 48%;
}
.footer-index-form-left div{
    font-size: 0.8vw;
    color: #333;
    margin: 1vw 0 2vw;
    text-align: left;
}
.footer-index-form-left span{

}
.footer-index-form-left input{
    color: #999;
    width: 25vw;
    height: 2.7vw;
    background-color: #fafafa;
    border-radius: 0.2vw;
    border: 1px solid #eeeeee;
    margin-left: 1vw;
    padding: 0 0.5vw;
}
.footer-index-form-left textarea{
    color:#999;
    width: 25vw;
    height: 7.9vw;
    background-color: #fafafa;
    border-radius: 0.2vw;
    border: 1px solid #eeeeee;
    margin-left: 1vw;
    padding:0.5vw;
    vertical-align: middle;
}
.footer-index-form-left a{
    width: 5.3vw;
    height: 2.1vw;
    line-height: 2.1vw;
    background-color: #ffffff;
    border-radius: 0.2vw;
    border: 1px solid #172b4d;
    color: #172b4d;
    font-size: 0.8vw;
    display: inline-block;
}
.footer-index-form-right{
    display: inline-block;
    width: calc(52% - 3vw);
    margin-left:3vw;
    float:right;
    font-size: 0.8vw;
    color:#333;
}
.footer-index-form-contact{
    margin:1vw 0 2.5vw;
}
.footer-index-form-contact img{
    width: 1.6vw;
    margin-right: 0.5vw;
}
.footer-index-form-img div{
    display: inline-block;
    text-align: center;
    width: 5.85vw;
}
.footer-index-form-img img{
    width: 100%;
    margin-bottom: 1vw;
}
/*.footer-index-form-xcx{
    float:left;
    width: 6.4vw;
}*/
.footer-index-form-img .footer-index-form-line{
    width: 1px;
    background-color: #fff;
    height: 2.7vw;
    margin: 2vw 0 0 4vw;
}
/*.footer-index-form-wx{
    float:right;
    width: 6.4vw;
}*/
.product-banner{position:relative;background-size: 100% 100%;width: 100%;height: 33.9vw}

.product-banner .banner-content{position: absolute;top:10vw;left: 18.8vw;width: 24vw;}

.product-banner .banner-content div{font-size: 2.2vw;color:#fff;margin-bottom: 2vw}

.product-banner .banner-content p{font-size: 1.1vw;line-height: 2.1vw;letter-spacing:0;color:#fff}

.product-banner .banner-content a{
    display: block;
    margin-top: 2vw;
    text-align: center;
    color: #fff;
    font-size: 1vw;
    width: 8.9vw;
    height: 3.4vw;
    line-height: 3.4vw;
    background-color: #ff4a53;
    border-radius: 0.3vw;
}
.product-banner-img img{
    width: 100%;
}
.ticket-banner-2{
    text-align: center;
    padding: 0 10.4vw;
    height: 163vw;
}
.ticket-banner-2 .ticket-banner-img-mac{
    position: relative;
    top: -27vw;
    left: 39vw;
    width: 38.2vw;
    z-index: 210;
}
.ticket-banner-2 .ticket-banner-img-2{
    position: relative;
    top: -9vw;
    left: -19vw;
    width: 38.6vw;
    z-index: 20;
}
.ticket-banner-2 .ticket-banner-img-3{
    width: 100%;
    position: relative;
    top: -11.1vw;
    z-index: 1;
}
.ticket-banner-part1{
    position: relative;
    top: -112vw;
    width: 58.2vw;
    padding: 0 5.7vw 0 9.4vw;
    text-align: left;
    z-index: 30;
}
.ticket-banner-part1-desc{
    width: 30.2vw;
    text-align: left;
}
.ticket-banner-part1-title{
    font-size: 1.9vw;
    color: #172b4d;
}
.ticket-banner-part1-detail{

}
.ticket-banner-part1-detail p{
    font-size: 0.8vw;
    color: #7a8ba6;
    line-height: 1.6vw;
    margin-top:1vw;
}
.ticket-banner-part1-cate{
    width: 26.6vw;
    float: right;
    margin-top: 3vw;
}
.ticket-banner-part1-item{
    color: #172b4d;
    font-size: 0.8vw;
    display: inline-block;
    width: calc(50% - 2px);
    margin-bottom: 1vw;
    cursor: pointer;
}
.ticket-banner-part1-item span{
    width: 2.6vw;
    height: 2.6vw;
    background-color: #ffffff;
    box-shadow: 0vw 0.6vw 0.5vw 0vw rgba(80, 150, 243, 0.1);
    border-radius: 50%;
    display: inline-block;
    line-height: 2.6vw;
    text-align: center;
    margin-right: 0.5vw;
}
.ticket-banner-part1-item i{
    color:#5096f3;
    font-size: 1vw;
}
.ticket-banner-part2{
    top: -104vw;
    float: right;
    padding: 0 0 0 6vw;
}
.ticket-banner-part2 .ticket-banner-part1-desc{
    width: 28.9vw;
}
.ticket-banner-part2 .ticket-banner-part1-cate{
    width: 33.5vw;
    float:none;
    margin-top: 7vw;
}
.ticket-banner-part2 .ticket-banner-part1-item {
    width: calc((100% - 8px) / 3);
    margin-bottom: 2vw;
}
.ticket-banner-part-btn{
    margin-top: 1.5vw;
}
.ticket-banner-part-btn .ticket-banner-part-btn-demo{
    border: 1px solid rgb(44, 110, 229);
    background: rgb(44, 110, 229);
    color: #fff;
    width: 5.6vw;
    height: 2.3vw;
    line-height: 2.3vw;
    font-size: 0.8vw;
    display: inline-block;
    text-align: center;
    border-radius: 0.3vw;
}
.ticket-banner-part-btn .ticket-banner-part-btn-register{
    border: 1px solid rgb(44, 110, 229);
    color: rgb(44, 110, 229);
    width: 5.6vw;
    height: 2.3vw;
    line-height: 2.3vw;
    font-size: 0.8vw;
    display: inline-block;
    text-align: center;
    border-radius: 0.3vw;
    margin-left: 1vw;
}
.ticket-banner-part3{
    top: -97vw;
}
.ticket-banner-part3 .ticket-banner-part1-item {
    width: calc(50% - 2px);
    margin-bottom: 2vw;
}
.ticket-banner-3{
    position: absolute;
    width: 100%;
    height: 31.3vw;
    z-index: 20;
}
.ticket-banner-3 img{
    width: 100%;
}
.ticket-banner-3-item-img{
    text-align: center;
}
.ticket-banner-3-item-img img{
    width: 24.5vw;
}
.ticket-banner-3 .index-scene-title{
    top: -26vw;
}
.ticket-banner-3-box{
    position: relative;
    top: -22vw;
    padding: 0 18.8vw;
}
.ticket-banner-3-item{
    display: inline-block;
    width: calc((100% - 4px - 5vw) / 2);
    background-color: #ffffff;
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
    border-radius: 0.3vw;
    padding: 2vw;
    height: 29vw;
    vertical-align: top;
}
.ticket-banner-3-item:first-child{
    margin-right: 5vw;
}
.ticket-banner-3-item .ticket-banner-3-item-title{
    font-size: 1.1vw;
    color: #172b4d;
}
.ticket-banner-3-item .ticket-banner-3-item-desc p{
    font-size: 0.7vw;
    color: #7a8ba6;
    line-height: 1.6vw;
}
.ticket-banner-3-item-desc{
    margin: 0.5vw 0 2vw;
}
.ticket-core{
    background-color: #f9faff;
    padding: 16vw 18.8vw 2vw;
    width: 100%;
    clear: both;
    position: relative;
    top: -47vw;
    z-index: 10;
}
.ticket-core .index-scene-title{
    top: 0;
    color: #172b4d;
    margin-bottom: 3vw;
}
.ticket-core-line{
    margin-bottom: 2.5vw;
}
.ticket-core-line .active{
    background:url('../yimg/ticket/ticket-core-bg.png') no-repeat center;
}
.ticket-core-line .active div{
    color:#fff;
}
.ticket-core-item{
    display: inline-block;
    width: calc((100% - 10.5vw - 24px) / 8);
    height: 5.7vw;
    background-color: #ffffff;
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
    border-radius: 0.5vw;
    margin-right: 1.5vw;
    text-align: center;
    padding: 1vw 0;
    position: relative;
    cursor: pointer;
}
.ticket-core-item:nth-child(8){
    margin-right: 0;
}
.ticket-core-item img{
    width: 2.1vw;
    margin-bottom: 0.2vw;
}
.ticket-core-item div{
    color: #172b4d;
    font-size: 0.7vw;
}
.ticket-core-item i{
    color: #fff;
    position: absolute;
    bottom: -2.4vw;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    font-size: 1.2vw;
    left: 2.5vw;
}
.ticket-core-detail-box{
    width: 100%;
    height: 5.5vw;
    line-height: 5.5vw;
    background-color: #ffffff;
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
    border-radius: 0.5vw;
    margin-top: 2vw;
    padding: 0 1.5vw;
    color: #172b4d;
    font-size: 0.8vw;
}
.ticket-banner-part1 .active span{
    box-shadow: 0vw 0.6vw 0.5vw 0vw rgba(255, 145, 22, 0.1);
}
.ticket-banner-part2 .active span{
    box-shadow: 0vw 0.6vw 0.5vw 0vw rgba(25, 179, 151, 0.1);
}
.ticket-banner-part3 .active span{
    box-shadow: 0vw 0.6vw 0.5vw 0vw rgba(168, 125, 255, 0.1);
}
.ticket-banner-part1 .active span i{
    color:#ff9116;
}
.ticket-banner-part2 .active span i{
    color:#10d9a0;
}
.ticket-banner-part3 .active span i{
    color:#a87dff;
}
.ticket-news{
    position: relative;
    height: 31vw;
    top: -47vw;
    padding: 5vw 18.8vw 4vw;
}
.ticket-news .index-scene-title{
    top: 0;
    color: #172b4d;
}
.ticket-news-left{
    display: inline-block;
    width: calc((100% - 5vw - 4px) / 2);
    margin-right: 5vw;
    vertical-align: top;
}
.ticket-news-right{
    display: inline-block;
    width: calc((100% - 5vw - 4px) / 2);
    vertical-align: top;
}
.ticket-news-more{
    color: #172b4d;
    font-size: 0.9vw;
    margin: 3vw 0 1.5vw;
}
.ticket-news-more span{
    width: 2.6vw;
    height: 2.6vw;
    line-height: 2.6vw;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-right: 0.5vw;
}
.ticket-news-left .ticket-news-more span{
    background-color: #10d9a0;
}
.ticket-news-more span i{
    color:#fff;
    font-size: 1.3vw;
}
.ticket-news-more a{
    color: #7a8ba6;
    font-size: 0.7vw;
    float: right;
    line-height: 2.6vw;
}
.ticket-news-right .ticket-news-more span{
    background-color: #5096f3;
}
.ticket-news-item{
    color: #172b4d;
    font-size: 0.7vw;
    display: block;
    margin-bottom: 1vw;
}
.ticket-news-item span{
    background-color: #e2e7f1;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 0.5vw;
    vertical-align: middle;
}
.ticket-news-item label{
    color: #7a8ba6;
    font-size: 0.7vw;
    float: right;
}
.ticket-news-box .active span{
    background-color: #2c6ee5;
}
.ticket-news-box .active,.ticket-news-box .active label{
    color: #2c6ee5;
}
.common-page-footer{
    border-top: 1px solid #e2e7f1;
    padding-top: 4vw;
}
.common-page-footer .index-section-title{
    color: #172b4d;
}
.common-page-footer .footer-index-form{
    top:2vw;
}
.crm-part-2{
    padding: 3vw 18.8vw;
}
.crm-part-2-left{
    display: inline-block;
    width: 20.8vw;
    margin-right: 5.2vw;
}
.crm-part-2-left-title{
    color: #172b4d;
    font-size: 1.9vw;
}
.crm-part-2-left-desc{
    color: #7a8ba6;
    font-size: 0.8vw;
    margin: 1vw 0;
    line-height: 1.9vw;
}
.crm-part-2-left-btn a{
    width: 10.4vw;
    height: 2.9vw;
    line-height: 2.9vw;
    background-color: #2c6ee5;
    border-radius: 1.4vw;
    color: #fff;
    font-size: 0.8vw;
    display: inline-block;
    padding-left: 1vw;
}
.crm-part-2-left-btn i{
    color: #fff;
    position: relative;
    left: -2vw;
    font-size: 1.6vw;
    vertical-align: middle;
}
.crm-part-2-right{
    display: inline-block;
    width: calc(100% - 26vw - 4px);
}
.crm-part-2-item{
    display: inline-block;
    width: calc((100% - 7vw - 4px) / 2);
    margin: 0 7vw 2.5vw 0;
}
.crm-part-2-item:nth-child(even){
    margin-right: 0;
}
.crm-part-2-item-left{
    display: inline-block;
}
.crm-part-2-item-left span{
    width: 3.1vw;
    height: 3.1vw;
    background-color: #ffffff;
    box-shadow: 0vw 0.6vw 0.5vw 0vw rgba(80, 150, 243, 0.1);
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 3.1vw;
}
.crm-part-2-item-left i{
    color: #5096f3;
    font-size: 1.4vw;
    vertical-align: middle;
}
.crm-part-2-item-right{
    display: inline-block;
    width: calc(100% - 4.2vw - 4px);
    margin-left:1.1vw;
    vertical-align: middle;
}
.crm-part-2-item-title{
    color: #172b4d;
    font-size: 0.9vw;
}
.crm-part-2-item-desc{
    color: #7a8ba6;
    font-size: 0.7vw;
    line-height: 1.3vw;
    margin-top: 0.5vw;
}
.crm-part-2-item:nth-child(2) .crm-part-2-item-left span,.crm-part-2-item:nth-child(3) .crm-part-2-item-left span{
    box-shadow: 0vw 0.6vw 0.5vw 0vw rgba(25, 179, 151, 0.1);
}
.crm-part-2-item:nth-child(2) .crm-part-2-item-left i,.crm-part-2-item:nth-child(3) .crm-part-2-item-left i{
    color:#10d9a0;
}
.crm-part-2-item:nth-child(4) .crm-part-2-item-left span,.crm-part-2-item:nth-child(5) .crm-part-2-item-left span{
    box-shadow: 0vw 0.6vw 0.5vw 0vw rgba(255, 121, 70, 0.1);
}
.crm-part-2-item:nth-child(4) .crm-part-2-item-left i,.crm-part-2-item:nth-child(5) .crm-part-2-item-left i{
    color:#ff7946;
}
.crm-part-3{
    padding:0 18.8vw 3vw;
    background-color: #f9faff;
}
.crm-part-3 .index-scene-title{
    color: #172b4d;
}
.common-part{
    margin-top: 8vw;
}
.common-part-item{
    margin-bottom: 5.2vw;
}
.common-part-item>img{
    display: inline-block;
    width: 32.8vw;
}
.common-part-item .common-part-desc{
    display: inline-block;
    width: calc(100% - 37.3vw - 4px);
    margin:0 0 0 4.5vw;
    vertical-align: middle;
}
.common-part-item-left .common-part-desc{
    margin:0 4.5vw 0 0;
}
.common-part-title{
    color: #172b4d;
    font-size: 1.1vw;
}
.common-part-title-line{
    width: 7.9vw;
    height: 3px;
    background: -webkit-linear-gradient(to right,#ff4a53,rgba(0,0,0,0));
    background: -o-linear-gradient(to right,#ff4a53,rgba(0,0,0,0));
    background: -moz-linear-gradient(to right,#ff4a53,rgba(0,0,0,0));
    background: linear-gradient(to right,#ff4a53,rgba(0,0,0,0));
    margin-top: 0.5vw;
    border-radius: 1vw;
}
.common-part-detail p{
    font-size: 0.7vw;
    line-height: 1.6vw;
    color: #7a8ba6;
    margin-top: 1vw;
}
.common-part-detail p span{
    font-size: 0.8vw;
    font-weight: 600;
    font-style: italic;
    color: #a2acbf;
    margin-right: 0.5vw;
}
.common-part-detail div{
    color: #172b4d;
    font-size: 0.9vw;
    padding: 1.5vw 0 0 2.8vw;
    position: relative;
}
.common-part-detail div img{
    width: 3vw;
    vertical-align: -webkit-baseline-middle;
    position: absolute;
    left: -0.5vw;
    top: 0.8vw;
}
.crm-part-4{
    padding: 8vw 18.8vw 4vw;
}
.crm-part-4 .index-scene-title{
    top: -3vw;
    color: #172b4d;
}
.crm-part-4-item{
    height: 6.8vw;
    background-color: #ffffff;
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
    border-radius: 0.5vw;
    position: relative;
    display: inline-block;
    width: calc((100% - 10vw - 4px) / 2);
    margin: 0 6vw 2vw 2vw;
    padding: 1.5vw 1.5vw 1.5vw 2.5vw;
}
.crm-part-4-item:nth-child(even){
    margin-right: 0;
}
.crm-part-4-item img{
    width: 5vw;
    position: absolute;
    left: -3vw;
    top: 1.3vw;
}
.crm-part-4-title{
    color: #172b4d;
    font-size: 0.8vw;
}
.crm-part-4-desc{
    color: #7a8ba6;
    font-size: 0.7vw;
    line-height: 1.2vw;
    margin-top: 0.5vw;
}
.product-dispatch-page .product-banner .banner-content{
    width: 30vw;
}
.dispatch-part-2{
    padding:6vw 18.8vw 14vw;
}
.dispatch-part-2 .index-scene-title{
    top: -2vw;
    color: #172b4d;
}
.dispatch-part-2-box{

}
.dispatch-part-2-nav{
    display: inline-block;
    width: 12.5vw;
    margin: 1vw 5vw 0 0;
    border-right: 1px solid #e2e7f1;
    vertical-align: top;
}
.dispatch-part-2-item{
    height:4.2vw;
    line-height: 4.2vw;
    color: #172b4d;
    font-size: 0.9vw;
    cursor: pointer;
}
.dispatch-part-2-nav .active1{
    background: -webkit-linear-gradient(to right,rgba(0,0,0,0),#ffb2c1);
    background: -o-linear-gradient(to right,rgba(0,0,0,0),#ffb2c1);
    background: -moz-linear-gradient(to right,rgba(0,0,0,0),#ffb2c1);
    background: linear-gradient(to right,rgba(0,0,0,0),#ffb2c1);
    border-right: 2px solid #fb1c45;
}
.dispatch-part-2-nav .active2{
    background: -webkit-linear-gradient(to right,rgba(0,0,0,0),#98bbf7);
    background: -o-linear-gradient(to right,rgba(0,0,0,0),#98bbf7);
    background: -moz-linear-gradient(to right,rgba(0,0,0,0),#98bbf7);
    background: linear-gradient(to right,rgba(0,0,0,0),#98bbf7);
    border-right: 2px solid #2c6ee5;
}
.dispatch-part-2-nav .active3{
    background: -webkit-linear-gradient(to right,rgba(0,0,0,0),#d4c9f7);
    background: -o-linear-gradient(to right,rgba(0,0,0,0),#d4c9f7);
    background: -moz-linear-gradient(to right,rgba(0,0,0,0),#d4c9f7);
    background: linear-gradient(to right,rgba(0,0,0,0),#d4c9f7);
    border-right: 2px solid #6c4ad5;
}
.dispatch-part-2-nav .active4{
    background: -webkit-linear-gradient(to right,rgba(0,0,0,0),#89eed0);
    background: -o-linear-gradient(to right,rgba(0,0,0,0),#89eed0);
    background: -moz-linear-gradient(to right,rgba(0,0,0,0),#89eed0);
    background: linear-gradient(to right,rgba(0,0,0,0),#89eed0);
    border-right: 2px solid #00cf92;
}
.dispatch-part-2-item img{
    width: 3.1vw;
    vertical-align: middle;
    margin-top: 2px;
}
.dispatch-part-2-img{
    display: inline-block;
    width: calc(100% - 17.5vw - 4px);
}
.dispatch-part-2-img img{
    width: 45.6vw;
}
.dispatch-part-2-img .dispatch-part-2-title{
    color: #172b4d;
    font-size: 1.1vw;
    margin: 1vw 0.8vw 1vw;
}
.dispatch-part-2-img .dispatch-part-2-desc{
    color: #7a8ba6;
    font-size: 0.8vw;
    margin: 0 0.8vw;
}
.dispatch-part-3{
    padding: 8vw 18.8vw 5vw 50vw;
    position: relative;
    background: #f9faff;
}
.dispatch-part-3>img{
    position: absolute;
    top: -7.8vw;
    left: 20vw;
    width: 25.9vw;
}
.dispatch-part-3 .index-scene-title{
    color: #172b4d;
    top: -2vw;
    text-align: left;
}
.dispatch-part-3-item{
    width: calc((100% - 2vw - 4px) / 2);
    height: 10.4vw;
    background-color: #ffffff;
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
    display: inline-block;
    margin: 0 2vw 2vw 0;
    text-align: center;
}
.dispatch-part-3-item:nth-child(even){
    margin-right: 0;
}
.dispatch-part-3-item img{
    width: 2.3vw;
    margin-top: 2vw;
}
.dispatch-part-3-item div{
    color: #172b4d;
    font-size: 0.8vw;
    margin: 0.5vw 0;
}
.dispatch-part-3-item p{
    color: #7a8ba6;
    font-size: 0.7vw;
    line-height: 1.3vw;
}
.dispatch-part-4{
    position: relative;
}
.dispatch-part-4>img{
    width: 100%;
}
.dispatch-part-4-box{
    position: absolute;
    top: 0;
    padding: 5vw 18.8vw 1vw;
    width: 100%;
}
.dispatch-part-4-box .index-scene-title{
    top:0;
    margin-bottom: 3vw;
}
.dispatch-part-4-item-box{
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
    height: 30.4vw;
}
.dispatch-part-4-item{
    width: calc(100% / 3);
    display: inline-block;
    padding: 1vw;
    text-align: center;
    background: #f9faff;
    float: left;
    height: 15.2vw;
}
.dispatch-part-4-item:nth-child(even){
    background: #fff;
}
.dispatch-part-4-item img{
    width: 3.6vw;
    margin-top: 2vw;
}
.dispatch-part-4-title{
    font-size: 0.8vw;
    color: #172b4d;
    margin: 1vw 0 0.5vw;
}
.dispatch-part-4-desc{
    font-size: 0.7vw;
    color: #7a8ba6;
    line-height: 1.3vw;
}
.dispatch-part-5{
    padding:22vw 18.8vw 0;
}
.dispatch-part-5 .index-scene-title{
    color:#172b4d;
    top:0
}
.dispatch-part-5-box{
    padding: 3vw 0 5vw;
}
.dispatch-part-5-nav{

    border-bottom: 1px solid #e2e7f1;
}
.dispatch-part-5-nav-item{
    color: #7a8ba6;
    font-size: 1.1vw;
    display: inline-block;
    text-align: center;
    padding: 1vw 1vw;
    width: auto;
    margin-left: 12vw;
    cursor: pointer;
}
.dispatch-part-5-nav .active{
    color: #2c6ee5;
    border-bottom: 2px solid #2c6ee5;
}
.dispatch-part-5-content{
    padding-top: 3vw;
}
.dispatch-part-5-left{
    display: inline-block;
}
.dispatch-part-5-title{
    color: #172b4d;
    font-size: 1.1vw;
    line-height: 3.1vw;
}
.dispatch-part-5-detail p{
    color: #172b4d;
    font-size: 0.8vw;
    line-height: 3.1vw;
}
.dispatch-part-5-detail p span{
    font-size: 0.8vw;
    font-weight: 600;
    font-style: italic;
    color: #a2acbf;
}
.dispatch-part-5-right{
    display: inline-block;
    float: right;
    width: 50%;
}
.dispatch-part-5-right img{
    width: 32.6vw;
}
.dispatch-part-7{
    padding: 5vw 16.8vw 5vw 18.8vw;
    height: 30vw;
    overflow: hidden;
    margin-bottom: 5vw;
}
.dispatch-part-7 .index-scene-title{
    color: #172b4d;
    top:0;
}
.dispatch-part-7-box{
    padding: 3vw 0;
}
.dispatch-part-7-item{
    display: inline-block;
    margin-right: 2vw;
    width: calc((100% - 8vw - 10px) / 4);
    text-align: center;
    position: relative;
    vertical-align: top;
}
.dispatch-part-7-item img{
    width: 100%;
}
.dispatch-part-7-title{
    color: #172b4d;
    font-size: 1vw;
    margin-top: 1vw;
}
.dispatch-part-7-desc{
    color: #ffffff;
    font-size: 0.8vw;
    line-height: 1.6vw;
}
.dispatch-part-7-box .active .dispatch-part-7-desc{
    position: absolute;
    background-color: #282828;
    border-radius: 1vw;
    opacity: 0.9;
    top: 0;
    height: 13.5vw;
    padding: 4vw 1vw 0;
}
.product-call-page .product-banner .banner-content{
    width: 32vw;
}
.call-part-1{
    padding:0 18.8vw 5vw;
}
.call-part-1 .index-scene-title{
    color: #172b4d;
    top:4vw;
}
.call-part-1-box{
    margin-top: 8vw;
}
.call-part-1-left{
    display: inline-block;
    width: calc((100% - 16vw - 8px) / 2);
    text-align: right;
    vertical-align: middle;
}
.call-part-1-right{
    display: inline-block;
    width: calc((100% - 16vw - 8px) / 2);
    vertical-align: middle;
}
.call-part-1-item{
    margin-bottom: 5vw;
}
.call-part-1-title{
    color: #172b4d;
    font-size: 1.1vw;
}
.call-part-1-title span{
    width: 6px;
    height: 6px;
    background-color: #ff4a53;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5vw;
}
.call-part-1-right .call-part-1-title span{
    margin-right: 0.5vw;
}
.call-part-1-desc{
    color: #7a8ba6;
    font-size: 0.8vw;
    line-height: 1.6vw;
}
.call-part-1-img{
    width: 14vw;
    margin:0 1vw;
    display: inline-block;
    text-align: center;
}
.call-part-1-img img{
    width: 15.35vw;
}
.call-part-2{
    position: relative;
}
.call-part-2-box{
    position: absolute;
    top: 5vw;
    width: 100%;
    padding: 0 0 0;
}
.call-part-2>img,.call-part-2-box>img{
    width: 100%;
}
.call-part-2-box .index-scene-title{
    top:0;
}
.call-part-2-nav{
    padding: 3vw 28.2vw;
}
.call-part-2-item{
    display: inline-block;
    width: calc((100% - 12vw - 10px) / 4);
    margin-right: 4vw;
    text-align: center;
    height: 6.3vw;
    background-color: #ffffff;
}
.call-part-2-item:last-child{
    margin-right: 0;
}
.call-part-2-item span{
    font-size: 1.6vw;
    margin: 1.5vw 0 0.5vw;
    display: block;
    color:#2c6ee5;
}
.call-part-2-item div{
    font-size: 0.8vw;
    color:#172b4d;
}
.call-part-2-nav .active{
    background-color: #2c6ee5;
}
.call-part-2-nav .active span,.call-part-2-nav .active div{
    color: #fff;
}
.call-part-2-content{
    position: relative;
    padding: 0 11.5vw;
}
.call-part-2-content>img{
    width: 100%;
}
.call-part-2-detail{
    position: absolute;
    padding:2.3vw 9.8vw 2.3vw 8.6vw;
    top: 0;
}
.call-part-2-img{
    display: inline-block;
    width: 36vw;
}
.call-part-2-img img{
    width: 36.45vw;
}
.call-part-2-right{
    display: inline-block;
    width: 20.4vw;
    margin-left: 2vw;
}
.call-part-2-title{
    color: #ffffff;
    font-size: 1.1vw;
    margin-bottom: 0.8vw;
}
.call-part-2-desc{
    color: #ffffff;
    font-size: 0.8vw;
    line-height: 1.6vw;
}
.call-part-4{
    padding:0 18.8vw 0;
}
.call-part-4 .index-scene-title{
    color: #172b4d;
}
.call-part-4-box{
    margin: 8vw 0 7vw;
}
.call-part-4-item{
    display: inline-block;
    width: calc((100% - 4vw - 8px) / 3);
    height: 13vw;
    background-color: #ffffff;
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
    text-align: center;
    margin-right: 2vw;
    padding: 2vw;
}
.call-part-4-item:nth-child(3){
    margin-right: 0;
}
.call-part-4-item img{
    width: 3.6vw;
}
.call-part-4-item .call-part-4-title{
    color: #172b4d;
    font-size: 0.9vw;
    margin:1vw 0;
}
.call-part-4-item .call-part-4-desc{
    color: #7a8ba6;
    font-size: 0.7vw;
    line-height: 1.6vw;
    text-align: left;
}
.product-case-page .index-scene-title{
    top: -8vw;
}
.product-log-page .index-scene-title{
    top: -13vw;
}
.product-case-page .product-banner,.product-log-page .product-banner{
    height: 16vw;
}
.case-nav{
    position: relative;
    top: -5vw;
    margin: 0 18.8vw 0;
    height: 4.2vw;
    background-color: #ffffff;
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
    border-radius: 0.3vw;
}
.case-nav-item{
    display: inline-block;
    width: calc((100% - 19px) / 7);
    text-align: center;
    border-right: 1px solid #e2e7f1;
    margin: 1.5vw 0 0;
    font-size: 0.7vw;
    color:#7a8ba6;
    cursor: pointer;
}
.case-nav-item:last-child{
    border-right: none;
}
.case-nav-item i{
    color: #a2acbf;
    margin-right: 0.5vw;
    font-size: 1vw;
    vertical-align: middle;
}
.case-nav .active,.case-nav .active i{
    color:#2c6ee5;
}
.case-list{
    padding: 3vw 18.8vw 1vw;
}
.case-nav-title{
    font-size: 1.7vw;
    margin-bottom: 2vw;
}
.case-nav-title i{
    font-size: 1.4vw;
    margin-right: 0.5vw;
}
.case-list1{
    padding-top:1vw;
}
.case-list2,.case-list4,.case-list6,.case-list8{
    background: #f9faff;
}
.case-list-item{
    display: inline-block;
    margin-right: 5.5vw;
    width: calc((100% - 5.5vw - 4px) / 2);
    margin-bottom: 2.7vw;
}
.case-list-item:nth-child(odd){
    margin-right: 0;
}
.case-list-img{
    display: inline-block;
    width: 9.4vw;
    margin-right: 1.1vw;
    background-color: #ffffff;
    border: 1px solid rgba(206, 206, 206, 0.5);
}
.case-list-img img{
    width: 100%;
}
.case-list-detail{
    display: inline-block;
    width: calc(100% - 10.5vw - 4px);
    vertical-align: middle;
}
.case-list-title{
    color: #242a3e;
    font-size: 0.8vw;
    margin-bottom: 0.5vw;
}
.case-list-desc{
    color: #7a8ba6;
    font-size: 0.7vw;
    line-height: 1.6vw;
}
.version-nav{
    position: initial;
    height: 2.6vw;
    line-height: 2.6vw;
    box-shadow: none;
    background-color: #f3f7ff;
    border-radius: 0.3vw;
}
.version-nav .case-nav-item{
    /*width: calc((100% - 17px) / 6);*/
    width: calc((100% - 4px) / 2);
    border: none;
    margin: 0;
}
.version-nav .active{
    background-image: linear-gradient(96deg, #5db1ff 0%, #3b77ff 100%),
    linear-gradient( #2c6ee5, #2c6ee5);
    border-radius: 0.3vw;
    color:#fff;
}
.version-nav  .active, .version-nav  .active i{
    color:#fff;
}
.version-price{
    color: #172b4d;
    background-color: #ffffff;
    box-shadow: 0vw 0.3vw 1.3vw 0vw rgba(0, 25, 69, 0.05);
    border-radius: 1vw;
    position: relative;
    margin: 2.1vw 18.8vw 5vw;
    display: none;
    z-index: 20;
}
.version-price1{
    display: block;
}
.version-price>img{
    position: relative;
    width: 100%;
}
.version-price-part{
    position: absolute;
    top: 0;
    width: 100%;
}
.version-price-head{
    padding: 2.6vw 0;
    text-align: center;
    width: 100%;
    font-size: 1.3vw;
}
.version-price-head img{
    width: 3.7vw;
    margin-bottom: 1vw;
}
.version-price-box{

}
.version-price-item-1{
    display: inline-block;
    width: 15.2vw;
    padding: 0;
    border-right: 1px solid #e2e7f1;
    text-align: center;
    vertical-align: top;
}
.version-price3 .version-price-item-1,.version-price3 .version-price-item-2,.version-price4 .version-price-item-1,.version-price4 .version-price-item-2,.version-price5 .version-price-item-2{
    width: calc((100% - 4px) / 2);
}
.version-price6 .version-price-item-1,.version-price6 .version-price-item-2{
    width: calc((100% - 7px) / 3);
}
.version-price6 .version-price-item-2:last-child{
    border-right: none;
}
.version-price-item-title{
    font-size: 1vw;
}
.version-price-item-title span{
    width: 2.2vw;
    height: 0.4vw;
    background-image: linear-gradient(96deg, #5db1ff 0%, #3b77ff 100%), linear-gradient( #c5cee8, #c5cee8);
    border-radius: 0.2vw;
    display: inline-block;
    margin-bottom: 0.5vw;
}
.version-price-item-2 .version-price-item-title span{
    background-image: linear-gradient(-36deg, #28abf5 0%, #64cdff 100%), linear-gradient( #298aff, #298aff);
}
.version-price-item-2:nth-child(2) .version-price-item-title span{
    background-image: linear-gradient(-90deg, #ff9600 0%, #ffd800 100%), linear-gradient( #70aaff, #70aaff);
}
.version-price-item-3 .version-price-item-title span{
    background-image: linear-gradient(-36deg, #00cdac 0%, #3fe4cb 100%), linear-gradient( #295bff, #295bff);
}
.version-price-item-price{
    display: inline-block;
    width: calc((100% - 4px) / 2);
}
.version-price-item-price div{
    margin-bottom: 1.2vw;
    font-size: 0.7vw;
}
.version-price-item-price span{
    font-size: 1.7vw;
}
.version-price-item-price label{
    background-color: #2c6ee5;
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 0.3vw;
}
.version-price-item-price div:first-child{
    margin-top: 3.9vw;
    font-size: 0.8vw;
    margin-bottom: 1.9vw;
}
.version-price-item-2{
    display: inline-block;
    width: 15.6vw;
    padding: 0 2vw;
    border-right: 1px solid #e2e7f1;
    text-align: center;
    vertical-align: top;
}
.version-price-no-price{

}
.version-price-no-price img{
    width: 11.55vw;
    margin-top: 1vw;
}
.version-price-item-3{
    text-align: center;
    display: inline-block;
    width: calc(100% - 46.4vw - 10px);
    vertical-align: top;
}
.version-price-develop-price{
    margin-top: 5vw;
    font-size: 0.9vw;
}
.version-price-develop-price span{
    font-size: 2vw;
}
.version-price-btn{
    text-align: center;
    margin-top: 2vw;
}
.version-price-btn a{
    width: 8.4vw;
    height: 2.7vw;
    line-height: 2.7vw;
    background-color: #f3f7ff;
    border-radius: 0.2vw;
    display: inline-block;
    text-align: center;
    color: #2c6ee5;
    font-size: 0.8vw;
}
.version-news{
    position: relative;
    padding: 10.4vw 18.8vw 5vw;
    background: #f9faff;
    top: -10vw;
    margin-bottom: -11vw;
}
.version-news-top{
    color: #172b4d;
    text-align: center;
    font-size: 1.4vw;
}
.version-news-item{
    display: inline-block;
    margin-top: 3.1vw;
    width: calc((100% - 6.7vw) / 2);
    margin-right: 6.7vw;
}
.version-news-item:nth-child(odd){
    margin-right: 0;
}
.version-news-title{
    color: #172b4d;
    font-size: 0.9vw;
    margin-bottom: 1vw;
}
.version-news-desc{
    color: #7a8ba6;
    font-size: 0.7vw;
    height:3vw;
    line-height: 1.6vw;
    margin-bottom: 1vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.version-news-item:hover .version-news-title{
    color: #2c6ee5;
}
.version-news-item:hover .version-news-desc{
    color: #172b4d;
}
.version-news-link{
    color: #2c6ee5;
    font-size: 0.7vw;
    display: inline-block;
}
.version-news-btn{
    text-align: center;
    margin-top: 3.6vw;
}
.version-news-btn a{
    font-size: 0.8vw;
    color:#fff;
    width: 15.7vw;
    height: 2.7vw;
    line-height: 2.7vw;
    background-color: #2c6ee5;
    border-radius: 0.2vw;
    text-align: center;
    display: inline-block;
}
.index-scene-title span{
    color: #fff000;
    margin-left: 1vw;
}
.about-box-1{
    padding: 2vw 18.8vw 5.2vw;
}
.about-box-1-left{
    display: inline-block;
    width: calc((100% - 4px) / 2 - 2.9vw);
    margin-right: 2.9vw;
    vertical-align: middle;
}
.about-box-1-title{
    color: #172b4d;
    font-size: 1.1vw;
    margin-bottom: 1.5vw;
}
.about-box-1-desc{
    color: #172b4d;
    font-size: 0.7vw;
    line-height: 1.9vw;
}
.about-box-1-right{
    display: inline-block;
    width: calc((100% - 4px) / 2);
}
.about-box-2{
    position: relative;
    /*margin-bottom: 5vw;*/
}
.about-box-2-img{
    display: inline-block;
    width: 46.9vw;
}
.about-box-2-float{
    position: absolute;
    right: 0;
    top: 5.2vw;
    width: 63.3vw;
    height: 26vw;
    background-color: #171d2f;
    opacity: 0.95;
    padding: 3vw 0 0 5.1vw;
}
.about-box-2-left{
    display: inline-block;
    width: 33.6vw;
    vertical-align: middle;
}
.about-box-2-left p{
    font-size: 0.7vw;
    line-height: 2.1vw;
    color: #fff;
    margin-bottom: 2vw;
}
.about-box-2-left p span{
    font-size: 1.5vw;
    margin-right: 0.5vw;
}
.about-box-2-right{
    width: calc(100% - 33.6vw - 4px);
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.about-box-2-right img{
    width: 15vw;
}
.about-box-1-right img,.about-box-2-img img{
    width: 100%;
}
.contact-box{
    padding: 9vw 18.8vw 5vw;
}
.contact-box-left{
    display: inline-block;
}
.contact-box-title{
    color: #172b4d;
    font-size: 1.9vw;
    margin-bottom: 4vw;
}
.contact-box-title span{
    font-size: 1.3vw;
    margin-left:1.6vw;
}
.contact-box-left p{
    font-size: 0.9vw;
    color:#333;
    margin-bottom: 3.5vw;
}
.contact-box-left p img{
    width: 1.55vw;
    margin-right: 0.5vw;
}
.contact-box-right{
    display: inline-block;
    float: right;
    width: 25.8vw;
}
.contact-box-right img{
    width: 100%;
}
.contact-map-box{
    height: 31.3vw;
    background-color: #ffffff;
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
    border: 1px solid #ffffff;
    margin: 2vw 18.8vw 5vw;
    padding:1vw;
}
.contact-map-box img{
    width: 100%;
    object-fit:none;
}
.contact-map-box #contact-map{
    height:100%;
}
.product-news-page .index-scene-title{
    top: -8vw;
    text-align: left;
    margin-left: 18.8vw;
}
.product-news-page .product-banner{
    height: 16vw;
}
.news-nav{
    position: relative;
    top: -5vw;
    margin: 0 18.8vw 0;
    height: 3.5vw;
    background-color: #ffffff;
    border-radius: 0.3vw 0.3vw 0 0;
    width: 20.8vw;
    float: right;
}
.news-nav-item{
    display: inline-block;
    width: calc((100% - 4px) / 2);
    text-align: center;
    border-right: 1px solid #e2e7f1;
    margin: 1vw 0 0;
    font-size: 0.8vw;
    color: #7a8ba6;
    cursor: pointer;
}
.news-nav-item:last-child{
    border-right: none;
}
.news-nav-item i{
    color: #a2acbf;
    margin-right: 0.5vw;
    font-size: 1vw;
    vertical-align: middle;
}
.news-nav .active,.news-nav .active i{
    color:#2c6ee5;
}
.news-list{
    margin: 0 18.8vw 3vw;
    position: relative;
    top: -3vw;
}
.news-list-item{
    display: inline-block;
    border-bottom: 1px solid #e2e7f1;
    padding:2vw 0 1vw;
}
.news-list-item:hover .news-list-title{
    color: #2c6ee5;
}
.news-list-img{
    display: inline-block;
    margin-right: 1.6vw;
    background-color: #ffffff;
    width: 3.1vw;
    height: 3.1vw;
    border-radius: 0.3vw;
    border: 1px solid #2c6ee5;
    text-align: center;
}
.news-list-detail{
    display: inline-block;
    width: calc(100% - 4.7vw - 4px);
    vertical-align: top;
}
.news-list-title{
    color: #242a3e;
    font-size: 1vw;
    margin-bottom: 0.5vw;
}
.news-list-desc{
    color: #7a8ba6;
    font-size: 0.7vw;
    line-height: 1.6vw;
    height: 3.2vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-list-link span{
    color: #2c6ee5;
    font-size: 0.7vw;
    line-height: 1.6vw;
}
.news-list-year{
    height: 1.6vw;
    background-color: #2c6ee5;
    color:#fff;
    font-style: italic;
    font-weight: 600;
    font-size: 0.7vw;
    line-height: 1.6vw;
}
.news-list-date{
    color: #2c6ee5;
    font-size: 0.7vw;
    line-height: 1.5vw;
}
.news-page{text-align:center;color:#666666;margin:3vw 0 3vw 0;}

.news-page .current{
    background-color: #2c6ee5;
    color: #fff;
    width: 1.3vw;
    height: 1.3vw;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0.2vw;
    font-size: 0.7vw;
    text-align: center;
    line-height: 1.3vw;
}
.news-page a{
    width: 1.3vw;
    height: 1.3vw;
    border-radius: 50%;
    display: inline-block;
    color: #666;
    border: 1px solid #eee;
    font-size: 0.7vw;
    text-align: center;
    line-height: 1.3vw;
    margin: 0 0.2vw;
}
.news-page a:hover{
    background-color: #2c6ee5;
    color: #fff;
}
.news-page .iconPrev{
    font-size: 0.6vw;
    color: #666;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin-right: 0.2vw;
}
.news-page .iconNext{
    font-size: 0.6vw;
    color: #666;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    margin-left: 0.2vw;
}
.news-detail-box{
    padding: 5.2vw 18.8vw 0;
    font-size: 0.8vw;
    color:#172b4d;
}
.news-detail-box a{
    color:#242a3e;
}
.news-detail-title{
    font-size:1.9vw;
    color:#242a3e;
    margin:3vw 0 1.6vw;
    text-align: center;
}
.news-detail-date{
    color: #7a8ba6;
    font-size: 0.8vw;
    border-bottom: 1px solid #e2e7f1;
    padding-bottom: 1vw;
    margin-bottom: 1vw;
    text-align: center;
}
.news-detail-content{
    line-height: 2.5vw;
}
.news-detail-content img{
    width: 100%;
}
.news-detail-left{
    display: inline-block;
    width: 70%;
    vertical-align: top;
}
.news-detail-left img{
    width: 100%;
}
.news-detail-right{
    display: inline-block;
    width: calc(30% - 6px - 5vw);
    margin-left: 3vw;
    border: 1px solid #e2e7f1;
    margin-top:3vw;
    padding:1vw 0;
}
.news-detail-btn{
    margin:3vw 0 7vw;
}
.news-detail-back{
    width: 10.4vw;
    height: 3.1vw;
    line-height: 3.1vw;
    background-color: #ffffff;
    border: 1px solid #242a3e;
    color:#242a3e;
    text-align: center;
    display: inline-block;
}
.news-detail-right-btn{
    font-size: 0.9vw;
    color:#242a3e;
    float: right;
    padding-top: 1vw;
}
.news-detail-right-btn a{
    font-size: 0.9vw;
    color: #4d8eee;
    margin:0;
}
.news-detail-right-btn a:hover{
    color:#2c6ee5;
}
.news-relative-top{
    font-size: 1vw;
    color:#333;
    padding: 0 1vw 1vw;
}
.news-relative-top-hot{
    border-top: 1px solid #e2e7f1;
    margin-top: 3vw;
    padding-top: 1vw;
}
.news-detail-box .news-relative-more{
    font-size: 0.7vw;
    color:#7a8ba6;
    background: #f6f8fa;
    text-align: center;
    height: 1.9vw;
    line-height: 1.9vw;
    margin: 0.5vw 1vw 0;
    cursor:pointer;
    display: block;
}
.news-relative-nodata{
    text-align: center;
    padding: 1vw 0;
    color: #172b4d;
    border-top: 1px solid #e2e7f1;
}
.news-relative-item{
    border-top: 1px solid #e2e7f1;
    padding:0.5vw 0;
    cursor:pointer;
    display: block;
    margin: 0 1vw;
}
.news-relative-item-title{
    font-size: 0.8vw;
    color:#172b4d;
    line-height: 1.3vw;
    margin-bottom: 0.5vw;
}
.news-relative-item:hover .news-relative-item-title{
    color:#2c6ee5;
}
.news-relative-item-date,.news-relative-item-date span{
    font-size: 0.7vw;
    color:#7a8ba6;
    margin-right: 0.5vw;
}
.news-relative-item-date span:last-child{
    margin:0 0 0 0.5vw;
}
.news-relative-item-date a{
    margin:0 0.5vw 0 0;
    font-size: 0.7vw;
    color:#7a8ba6;
}
.news-recommend{
    margin-bottom: 7vw;
}
.news-recommend .news-relative-top{
    padding: 0 0 1vw;
    border-bottom: 1px solid #e2e7f1;
    margin-bottom: 0.8vw;
}
.news-recommend .news-relative-top-hot{
    border-top: none;
}
.news-recommend .news-relative-nodata{
    border-top: none;
}
.news-recommend .news-relative-item{
    border-top: none;
    margin: 0;
}
.news-recommend .news-relative-item-title{
    margin-bottom: 0;
    float: left;
}
.news-recommend .news-relative-item:hover .news-relative-item-title{
    color:#2c6ee5;
}
.news-recommend .news-relative-item-date{
    float: right;
}
.news-recommend .news-relative-item:hover span:first-child{
    color:#2c6ee5;
}

.log-page-content{
    padding: 5vw 10.4vw 7vw;
    position: relative;
    z-index: 20;
}
.log-img-1{
    position: absolute;
    right: 19.5vw;
    width: 10vw;
    top: 2vw;
    z-index: 1;
}
.log-img-2{
    position: relative;
    left: -59vw;
    top: 6vw;
}
.log-nav{
    display: inline-block;
    width: 8.7vw;
    margin-right: 4.8vw;
    vertical-align: top;
}
.log-nav-item{
    height:2.6vw;
    line-height: 2.6vw;
    text-align: center;
    font-size: 1vw;
    color:#2c6ee5;
    border-radius: 0.2vw;
    cursor: pointer;
}
.log-nav-item i{
    display: none;
}
.log-nav .active{
    background: #2c6ee5;
    color:#fff;
    position: relative;
}
.log-nav .active i{
    color: #2c6ee5;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    position: absolute;
    right: -0.5vw;
    display: inline-block;
}
.log-list{
    display: inline-block;
    width: 52.1vw;
    background-color: #ffffff;
    box-shadow: 0vw 0vw 1vw 0vw rgba(0, 60, 168, 0.1);
    padding:1vw 1.6vw 1.6vw;
    position: relative;
    z-index: 1;
}
.log-list-item{
    border-bottom: 1px solid #eee;
    padding: 1vw 0;
}
.log-list-item:last-child{
    border-bottom: none;
}
.log-list-title{
    color: #172b4d;
    font-size: 0.8vw;
    margin-bottom: 0.5vw;
}
.log-list-title span{
    font-weight: 600;
}
.log-list-title .log-list-date{
    cursor: pointer;
    vertical-align: -webkit-baseline-middle;
}
.log-list-title span i{
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    color:#90a7c9;
    font-size: 0.7vw;
    margin-right: 0.5vw;
    font-weight: normal;
}
.log-list-title span .iconDowm{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.log-list-title .log-list-right{
    color: #2c6ee5;
    float: right;
}
.log-list-title .log-list-right label{
    font-size: 1.1vw;
}
.log-list-detail{

}
.log-list-detail p{
    color: #7a8ba6;
    font-size: 0.7vw;
    line-height: 0.8vw;
    line-height: 1.5vw;
}



/* 弹窗 */
.window-shade{position: fixed;width: 100%;height: 100%;background-color:rgba(55, 55, 55, .6);z-index: 99998;display: none}

.login-window{
    position: fixed;
    top: 10vw;
    left: 37vw;
    width: 26vw;
    margin: 0 auto;
    border-radius: 1vw;
    z-index: 999999999;
    background-color: #edf3ff;
    height: 28.6vw;
    display: none;
    background: url(../yimg/logo/logo-bg.png) no-repeat center;
    padding: 1vw 1.6vw;
}

.login-window .window-header{
    line-height: 3.2vw;
    height: 3.2vw;
    font-size: 1.7vw;
    margin-bottom: 1vw;
}

.login-window .window-header i.icon-guanbi{
    float: right;
    font-size: 1.4vw;
    color: #7a8ba6;
    cursor: pointer;
}

.login-window .window-header i.icon-guanbi:hover{color:#2c6ee5}

.login-window .window-main{}

.login-window .window-main ul{font-size: 0}

.login-window .window-main ul li{
    background-color: #ffffff;
    box-shadow: 0vw 0.3vw 0.4vw 0vw rgba(0, 50, 141, 0.1);
    border-radius: 0.4vw;
    margin-bottom: 2.1vw;
}

.login-window .window-main ul li .login-window-content{margin:2vw 0 1.6vw 1vw;display: inline-block;}

.login-window .window-main ul li .login-window-content .login-window-title{font-size: 1vw;color:#172b4d;margin-bottom: 0.8vw;}

.login-window .window-main ul li .login-window-content .login-window-desc{font-size: 0.8vw;color:#7a8ba6;}

.login-window .window-main ul li img{width: 4.2vw;display: inline-block;float: right;margin:1vw 1.6vw 0 0;}

.login-window .window-main ul li a{display: block;width:100%;height: 2.6vw;line-height: 2.6vw;color:#172b4d;font-size: 0.8vw;text-align: center;border-top:1px solid #e5eaf3;}

.login-window .window-main ul li a:hover{color:#2c6ee5;}

/* 版块一 */

.content .content-left {display: inline-block;width: 28vw;margin-right:9vw;color: #333;vertical-align: middle}

.content .content-left h3{margin-bottom: 1.56vw;font-size: .93vw;color:#333;}

.content .content-left p{margin-bottom: 1.56vw;font-size: .73vw;color:#666;line-height: 1.56vw;text-indent: 2em}

.content .product{color:#fff;margin-right: .78vw;height:30px;line-height:28px;display: inline-block;min-width: calc((100% - 3.13vw) / 5);
    text-align: center;border-radius: 0 50px 50px 50px;font-size: 12px;padding:0 10px;margin-bottom:1vw}

.content .product:last-child{margin-right: 0;}


.content-left-btn1{background-color:#00c0ff}

.content-left-btn2{background-color:#feb334}

.content-left-btn3{background-color:#12c9cb}

.content-left-btn4{background-color:#e07e2f}

.content-left-btn5{background-color:#3290f9}

.content .connect{background:#fff;color:#00c0ff;border:1px solid #00c0ff;padding: 8px 0}

.content .content-right{display:inline-block;width:21.72vw;vertical-align: middle}

.content .content-right img{width: 100%}

/* 版块二 */

.section2{background:url('../img/index/section2.png') no-repeat center;width:100%;height:743px;}

.content .function h3,.section6 h3,.section8 h3{padding: 100px 0;text-align: center;font-size: .94vw;color:#fff;font-weight: normal}

.modular-list li{float: left;width: 25%;background: #fff;height: 23.44vw;cursor: pointer;padding: 0 2vw;}

.modular-list li .modular{margin: 0 auto}

.modular-list li .icon{text-align: center;padding-top: 6.4vw;}

.modular-list li .icon i{color:#666;font-size:2.6vw;margin-bottom: .69vw;}

.modular-list li .icon p{color:#333;font-size:.93vw;margin-bottom: 1.3vw;}

.modular-list li .intro{font-size:.73vw;color:#666;line-height: 1.56vw;border-top: 1px solid #d2d2d2;padding-top:1.3vw}

.modular-list li .intro h4{display: none}

.modular-list li.active{
    background: url('../img/index/modular2.png') no-repeat center;width:25%;height: 25.52vw;margin-top: -1.3vw;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: box-shoadow .5s;
    -webkit-transition: all .5s;
    -moz-transition: box-shoadow .5s;
    box-shadow: 0 0 15px rgba(16, 33, 72, 0.4);
    -webkit-box-shadow: 0 0 15px rgba(16, 33, 72, 0.4);
    -moz-box-shadow: 0 0 15px rgba(16, 33, 72, 0.4);
}

.modular-list li.active .modular{margin: 1.83vw auto}

.modular-list li.active .icon{visibility: hidden}

.modular-list li.active .intro{color: #fff;border-top-color: #fff}

.modular-list li.active .intro h4{font-size:.94vw;font-weight: normal;text-align: center;margin-bottom: 10px;display: block}

/* 版块三 */
.privilege{padding-bottom:60px }

.privilege li{float: left;width:25%;text-align: center;height: 300px;cursor: pointer}

.privilege li div{width:196px;margin: 39px auto}

.privilege li i{font-size:55px;color:#898989}

.privilege li i{font-size:55px;color:#898989}

.privilege li h4{font-size: 18px;color:#999;margin: 26px 0 20px 0;font-weight: normal}

.privilege li p{font-size: 14px;color:#999;line-height: 30px}

.privilege li:hover{border:1px solid #0dc3ff;box-shadow: 0 0 15px #0dc3ff;}

.privilege li:hover i{color:#0dc3ff;}

.privilege li:hover h4,.privilege li:hover p{color:#333;}

/* 版块四 */
.section4{background:url('../img/index/section4.png') no-repeat center;width:100%;height:594px;}

.service li{float: left;background: #fff;width: calc(50% - 1.56vw);margin-bottom: 2.6vw;height: 8.3vw;margin-right: 3.12vw}

.service li:nth-child(2n){margin-right: 0}

.service li:nth-child(3),.service li:nth-child(4){margin-bottom: 0}

.service .service-icon{float: left;color:#00c0ff;width: 6.9vw;text-align: center;line-height: 8.3vw;}

.service .service-icon i{font-size: 3vw}

.service .service-right{float: right;width:calc(100% - 6.94vw);margin: 1.88vw 0;padding-right: 1.3vw;}

.service .service1{margin: 1.83vw 0;}

.service .service-right h4{font-size:.93vw;color:#333;font-weight: normal;margin-bottom:5px}

.service .service-right p{font-size:.73vw;color:#666;line-height: 1.56vw}

/* 版块五 */
.efficient li{float: left;width:calc(100%/4);margin: 0 auto 80px auto;text-align: center;height: 264px}

.efficient li div{width:55%;margin: 0 auto}

.efficient li img{width: 100px;height: 100px}

.efficient li h4{font-size: 18px;color:#333;margin: 30px 0 20px 0;font-weight: normal}

.efficient li p{font-size: 14px;color:#666;line-height: 30px;text-align: left}

/* 版块六 */
.section6{background: url('../img/index/section6.png') no-repeat center;width:100%;}

.section6 h3{padding: 60px 0;text-align: center;font-size: 18px;color:#fff;font-weight: normal}

.partner li{float: left;width:25%;text-align: center;margin-bottom: 74px;}

/* 板块七 */

.section7{background:#eafaff;padding-bottom:60px;}

.section7 h3{padding: 60px 0;text-align: center;font-size: 18px;color:#333;font-weight: normal}

.section7 .news_list{width:30%;margin-left:5%;float:left;}

.section7 .news_list:first-of-type{margin-left:0;}

.section7 .news_list .news_img img{margin-bottom:10px;width:360px;height:234px;}

.section7 .news_list .news_tit{font-size:16px;font-weight:bold;color:#666;height:35px;line-height:35px;}

.section7 .news_list .news_detail{font-size:14px;color:#999;line-height:22px;}

.section7 .news_list .news_time{font-size:14px;color:#999;line-height:25px;}

.section7 .news_list .news_time span{font-size:14px;color:#999;line-height:25px;float:right;margin-right:10px;}

.section7 .news_list:hover .news_img img{ -webkit-box-shadow:0 0 20px #ddd;-moz-box-shadow:0 0 20px #ddd;box-shadow:0 0 20px #ddd;}

.section7 .news_list:hover .news_tit{color:#333;}

.section7 .news_list:hover .news_detail{color:#333;}

.section7 .news_list:hover .news_time{color:#333;}

.section7 .news_more{font-size:18px;color:#999;width:140px;height:60px;margin:50px auto 0 auto;border:1px solid #cecece;border-radius:3px;text-align:center;line-height:60px;}

.section7 .news_more a{color:#999;display:block;}

.section7 .news_more:hover{border:1px solid #00c0ff;}

.section7 .news_more:hover a{color:#00c0ff;}

/* 版块八 */
.section8{background:#fff;width:100%;padding-bottom:10vw;}

.section8 h3{padding: 60px 0;text-align: center;font-size: 18px;color:#333;font-weight: normal}

.section8 .partner{width:62.5vw;margin:0 auto;}

.section8 .partner .swiper-slide{position:relative;}

.section8 .partner .swiper-slide img{width:100%;}

.section8 .partner .swiper-slide .case-name{font-size:.83vw;text-align:center;line-height:3.12vw}

.section8 .case-shade{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);width:100%;height:100%;text-align:center;display:none;}

.section8 .case-shade a{display:inline-block;width:4.7vw;line-height:1.82vw;text-align:center;color:#fff;font-size:.73vw;border-radius:3px;background-color:#00c0ff;
    margin:5.85vw 0;}


/* 价格版块 */
.price-banner{background:url('../img/price/banner.png') center no-repeat;width:100%;height: 320px;}

.price-banner .banner-wrap{width:100%;height:100%;margin: 0 auto;text-align: center;padding-top: 149px;}

.price-banner .banner-wrap h4{font-size: 24px;color:#fff;margin-bottom: 30px}

.price-banner .banner-wrap h4 span{font-weight: normal}

.price-banner .banner-wrap a{display: inline-block;width:150px;background: #fff;color:#00c0ff;border-radius: 50px;height: 45px;line-height: 45px;text-align: center}

.price-version{width: 1200px;margin: 0 auto;padding-top: 60px;}

.price-version .version .version-tab{line-height: 70px;height:70px;background-color:#3aa2ff;color:#fff;font-size: 0;font-weight: bold;text-align: center;
    cursor: pointer;vertical-align: middle;width: 100%;border-radius:5px 5px 0 0;}

.price-version .version .version-tab div{display: inline-block;width: 50%;font-size: 18px;}

.price-version .version .version-tab .auth-tab{border-right: 1px solid #fff;border-top-left-radius: 5px}

.price-version .version .version-tab .open-tab{border-top-right-radius: 5px}

.price-version .version .not-active{background-color: #9cd0ff}

.version-item ul li{font-size: 0;background-color: #3aa2ff;cursor: pointer}

.version-item ul li .version-item-left{display:inline-block;width: 50%;background-color: #fafafa;border:1px solid #e9e9e9;border-top:none;padding: 0 25px;
    color:#333;font-size:0;height:123px;line-height: 123px}

.version-item ul li .active{background-color: #fff;border-left:none;border-right: 0;margin-left: 5px;cursor: pointer}

.version-item ul li .version-item-left i{margin-right: 15px;font-size:35px;color:#3aa2ff;line-height: normal;}

.version-item ul li .version-item-left .version-content{display: inline-block;width: calc(100% - 55px);font-size: 14px;line-height: normal;vertical-align: middle;}

.version-item ul li .version-item-left .version-content .version-name{font-size: 16px;font-weight: bold;margin-bottom:5px}

.version-item ul li .version-item-left .version-content .version-intro{line-height: 25px}

.version-item ul li .version-item-right{position:absolute;top:0;right: 0;z-index:1;display:inline-block;width: 50%;height:100%;background-color: #fff;
    font-size: 14px;border-right: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9}

.version-item ul li .version-item-right .version-panel{padding: 30px 25px;width: 60%;margin: 8% auto;box-shadow: 0 0 10px 0 rgba(0,0,0,.3);border-radius: 5px;}

.version-item ul li .version-item-right .version-panel .version-top{text-align: center;line-height: 36px;}

.version-item ul li .version-item-right .version-panel .version-top h4{font-size: 18px;}

.version-item ul li .version-item-right .version-panel .version-top i{font-size: 55px;margin: 30px 0;color:#3aa2ff}

.version-item ul li .version-item-right .version-panel .version-top p{font-size: 30px;font-weight: bold;}

.version-item ul li .version-item-right .version-panel .version-center div{margin-top: 27px;}

.version-item ul li .version-item-right .version-panel .version-center div i:first-child {margin-right: 5px;font-size: 24px;vertical-align: middle;}

.version-item ul li .version-item-right .version-panel .version-center div i:last-child {float: right;line-height: 26px;font-size: 15px;vertical-align: middle;}

.version-item ul li .version-item-right .version-panel .version-center div i.icon-gou {color: #49D2FF;}

.version-item ul li .version-item-right .version-panel .version-center div i.icon-cha {color: red;}

.version-bottom{margin-top: 37px}

.version-bottom a{display: inline-block;background-color: #3aa2ff;color: #fff;text-align: center;font-size: 16px;min-width: 135px;line-height: 40px;border-radius: 5px;cursor: pointer}


/* 版块二 */
.pirce-list h3{font-weight: bold}

.price-table{box-shadow: 0 9px 25px rgba(0,0,0,.16);border:none;margin-bottom: 60px}

.price-table tr th{width:239px;text-align: center;height:80px;line-height: 80px;color:#fff;font-size: 20px;border: none}

.price-table tr td{width:239px;text-align: center;height:70px;line-height: 70px;color:#333;font-size: 14px}

.price-table tr.bold td{font-weight: bolder;font-size: 16px}

.price-table tr td i.icon-cha{font-size: 15px;color:#de0000}

.price-table tr td i.icon-gou{font-size: 15px;color:#3aa2ff}

.price-table .table-footer td{font-size: 16px;font-weight: bolder;color:#de0000}

/*关于我们*/

.about-banner{background:url('../img/about/about_banner.jpg') center no-repeat;width:100%;height: 420px;}

.about-banner .banner-wrap{width:100%;height:100%;margin: 0 auto;text-align: center;padding-top: 170px;}

.about-banner .banner-wrap h4{font-size: 26px;color:#fff;margin-bottom: 30px}

.about-banner .banner-wrap h4 span{font-weight: normal;font-size:22px;line-height:50px;}

.about-nav{width:1200px;height:170px;margin:-85px auto 0 auto;border-radius:10px;background:#fff; box-shadow: 0 0 20px rgba(16, 33, 72, 0.3);-webkit-box-shadow: 0 0 20px rgba(16, 33, 72, 0.3);
    -moz-box-shadow: 0 0 20px rgba(16, 33, 72, 0.3);padding:60px 0;}

.about-nav .about-nav-list{width:49%;border-right:1px solid #d4d4d4;float:left;height:50px;text-align:center;line-height:50px;font-size:22px;color:#666666;cursor:pointer;}

.about-nav .about-nav-list:nth-child(2){border-right:none;}

.about-nav .about-nav-list-current{font-weight:bold;color:#00c0ff;}

/*板块一*/

.about-company{}

.about-company .about-company-con{width:1200px;margin:70px auto;}

.about-company .about-company-tit{text-align:center;font-size:22px;font-weight:bold;line-height:22px;color:#2b2b2b;}

.about-company .about-company-titen{text-align:center;font-size:22px;line-height:22px;margin:20px 0 35px 0;color:#666666;}

.about-company .about-company-cut{width:385px;border-bottom:1px solid #d4d4d4;margin:0 auto;}

.about-company .about-company-cut p{width:40px;height:3px;background:#00c0ff;margin:0 auto -1px auto;}

.about-company .about-company-info{color:#333333;font-size:14px;line-height:45px;padding-top:25px;}

.about-company .about-company-figure{width:1200px;margin:0 auto 100px auto;}

.about-company .about-company-figure img{width:100%;}

/*板块二*/

.about-memorabilia{height:1274px;width:100%;background:url('../img/about/about_memorabilia_bg.png') bottom no-repeat;padding-top:63px;display:none;}

.about-memorabilia-con{height:1211px;width:1200px;margin:0 auto;background:url('../img/about/about_memorabilia_con_bg.png') bottom no-repeat;position:relative;}

.about-memorabilia-con .about-memorabilia-l{text-align:right;width:540px;position:absolute;left:0;}

.about-memorabilia-con .about-memorabilia-r{text-align:left;width:540px;position:absolute;right:0;}

.about-memorabilia-con .about-memorabilia-c{text-align:center;width:540px;position:absolute;left:50%;margin-left:-270px;}

.about-memorabilia-con .about-memorabilia-c .about-memorabilia-tit{margin-bottom:10px;}

.about-memorabilia-con .about-memorabilia-tit{font-size:16px;font-weight:bold;color:#00c0ff;line-height:26px;}

.about-memorabilia-con .about-memorabilia-info{font-size:14px;color:#333333;line-height:26px;}

.about-memorabilia-con .memorabilia-li1{top:75px;}

.about-memorabilia-con .memorabilia-li2{top:180px;}

.about-memorabilia-con .memorabilia-li3{top:268px;}

.about-memorabilia-con .memorabilia-li4{top:363px;}

.about-memorabilia-con .memorabilia-li5{top:446px;}

.about-memorabilia-con .memorabilia-li6{top:528px;}

.about-memorabilia-con .memorabilia-li7{top:520px;}

.about-memorabilia-con .memorabilia-li8{top:703px;}

.about-memorabilia-con .memorabilia-li9{top:784px;}

.about-memorabilia-con .memorabilia-li10{top:867px;}

.about-memorabilia-con .memorabilia-li11{top:949px;}

.about-memorabilia-con .memorabilia-last{bottom:3px;}

/*板块三*/
.about-version{width:100%;background:url('../img/about/about_version_bg.png') bottom no-repeat;padding:50px 0;display:none;}

.about-version .about-version-con{width:1200px;margin:0 auto;}

.about-version .about-version-con .about-version-list{position:relative;}

.about-version-con .about-version-list .about-version-num-bg{width:80px;height:76px;background:url('../img/about/about_version_num_bg.png') center no-repeat;margin:0 auto;position:absolute;top:0;left:50%;margin-left:-38px;}

.about-version-con .about-version-list:nth-child(1) .about-version-num-bg{width:100px;height:100px;background:url('../img/about/about_version_num_first_bg.png') center no-repeat;margin:0 auto;position:absolute;top:0;left:50%;margin-left:-50px;}

.about-version-con .about-version-list-30 .about-version-num-bg{transform: rotate(30deg);-ms-transform: rotate(30deg);-webkit-transform: rotate(30deg); -o-transform: rotate(30deg);-moz-transform: rotate(30deg);}

.about-version-con .about-version-list-60 .about-version-num-bg{transform: rotate(60deg);-ms-transform: rotate(60deg);-webkit-transform: rotate(60deg); -o-transform: rotate(60deg);-moz-transform: rotate(60deg);}

.about-version-con .about-version-list-90 .about-version-num-bg{transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); -o-transform: rotate(90deg);-moz-transform: rotate(90deg);}

.about-version-con .about-version-list-120 .about-version-num-bg{transform: rotate(120deg);-ms-transform: rotate(120deg);-webkit-transform: rotate(120deg); -o-transform: rotate(120deg);-moz-transform: rotate(120deg);}

.about-version-con .about-version-list-150 .about-version-num-bg{transform: rotate(150deg);-ms-transform: rotate(150deg);-webkit-transform: rotate(150deg); -o-transform: rotate(150deg);-moz-transform: rotate(150deg);}

.about-version-con .about-version-list-180 .about-version-num-bg{transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg); -o-transform: rotate(180deg);-moz-transform: rotate(180deg);}

.about-version-con .about-version-list-210 .about-version-num-bg{transform: rotate(210deg);-ms-transform: rotate(210deg);-webkit-transform: rotate(210deg); -o-transform: rotate(210deg);-moz-transform: rotate(210deg);}

.about-version-con .about-version-list-240 .about-version-num-bg{transform: rotate(240deg);-ms-transform: rotate(240deg);-webkit-transform: rotate(240deg); -o-transform: rotate(240deg);-moz-transform: rotate(240deg);}

.about-version-con .about-version-list-270 .about-version-num-bg{transform: rotate(270deg);-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg); -o-transform: rotate(270deg);-moz-transform: rotate(270deg);}

.about-version-con .about-version-list-300 .about-version-num-bg{transform: rotate(300deg);-ms-transform: rotate(300deg);-webkit-transform: rotate(300deg); -o-transform: rotate(300deg);-moz-transform: rotate(300deg);}

.about-version-con .about-version-list-330 .about-version-num-bg{transform: rotate(330deg);-ms-transform: rotate(330deg);-webkit-transform: rotate(330deg); -o-transform: rotate(330deg);-moz-transform: rotate(330deg);}

.about-version-con .about-version-list .about-version-num{width:80px;height:76px;margin:0 auto;line-height:76px;font-size:18px;color:#999999;font-weight:bold;text-align:center;position:relative;}

.about-version-con .about-version-list:nth-child(1) .about-version-num{width:100px;height:100px;margin:0 auto;line-height:100px;font-size:24px;color:#00c0ff;font-weight:bold;text-align:center;}

.about-version-con .about-version-list .about-version-date{float:left;text-align:right;width:50%;padding-top:30px;font-size:16px;color:#999999;height:20px;line-height:20px;position:relative;}

.about-version-con .about-version-list .about-version-date span{font-size:18px;color:#adadad;font-weight:bold;margin:0 20px 0 15px;}

.about-version-con .about-version-list .about-version-date img{margin-right:-6px;margin-top:-3px;}

.about-version-con .about-version-list .about-version-info{float:right;width:50%;border-left:1px solid #00c1fb;padding:30px 0 40px 2%;}

.about-version-con .about-version-list .about-version-info .about-version-info-tit{font-size:18px;color:#00c0ff;font-weight:bold;height:20px;line-height:20px;}

.about-version-con .about-version-list .about-version-info .about-version-info-con{font-size:14px;color:#333333;line-height:25px;padding-top:8px;}

.about-version-con .about-version-list .about-version-icon{margin:0 auto;width:11px;height:11px;position:absolute;bottom:-9px;left:50%;margin-left:-5px;}


/*新闻详情*/

.news-detail-banner{background:url('../img/news/news_detail_banner.png') center no-repeat;width:100%;height: 80px;}

.new_article_content{}

.new_article_content .new_article_nav{height:100px;background:#f9f9f9;line-height:100px;}

.new_article_content .new_article_nav .new_article_nav_con{width:1200px;margin:0 auto;font-size:18px;color:#666666;font-family:"Microsoft YaHei";}

.new_article_content .new_article_article{width:1200px;margin:0 auto;}

.new_article_article .new_article_left{width:810px;padding-top:40px;font-family:"Microsoft YaHei";}

.new_article_article .new_article_left .title{font-size:26px;color:#666;font-weight:bold;}

.new_article_article .new_article_left .sendtime{font-size:16px;color:#666;padding:25px 0;border-bottom:1px solid #c5c5c5;}

.new_article_article .new_article_left .body{font-size:14px;padding-top:25px;line-height:30px;}

.new_article_article .new_article_left .body img{max-width:100%;}

.new_article_article .new_article_left .shuoming{margin:50px 0 5px 0;}

.new_article_article .new_article_left .bdsharebuttonbox{margin-bottom:50px;}

.new_article_article .new_article_right{padding-top:45px;width:345px;}

.new_article_right .new_article_right_top{height:50px;background:#f9f9f9;line-height:50px;font-size:16px;padding:0 20px;}

.new_article_right .new_article_right_top span a{color:#666;}

.new_article_right .new_article_right_top span a:hover{color:#00c0ff;}

.new_article_right .new_article_right_top .pre a span{margin-right:10px;}

.new_article_right .new_article_right_top .next a span{margin-left:10px;}

.new_article_right .title{height:50px;background:#f9f9f9;line-height:50px;margin-top:30px;font-size:16px;color:#666;padding:0 20px;}

.new_article_right .new_article_right_list{list-style:disc inside;font-size:16px;color:#ccc;margin-top:15px;line-height:16px;font-family:"Microsoft YaHei";}

.new_article_right .new_article_right_list a{color:#999;}

.new_article_right .new_article_right_list:hover{color:#00c0ff;}

.new_article_right .new_article_right_list:hover a{color:#00c0ff;}



/* 底部菜单 */
.footer-list{padding: 4vw 18.8vw 2vw;}

.footer-list dl{float: left;color:#172b4d;width:20%;margin-top: 80px;}

.footer-list dl a{color: #7a8ba6;}
.footer-list dl a:hover{color: #306ef3;}

.footer-list dl dt{font-size: 0.7vw;margin-bottom: 20px;}

.footer-list dl dd{font-size: 0.7vw;margin-bottom: 15px;}

.footer-list dl.feeldesk-info{width: auto;float: right;}

.footer-list dl.feeldesk-info dt{margin-bottom: 35px}

.footer-list dl.feeldesk-info dd{margin-bottom: 25px;color:#333;}

.footer-list dl.feeldesk-info img.icon{width: 33px;margin-right:10px}

.footer-list dl.feeldesk-qr{text-align: center}

.footer-list dl.feeldesk-qr img{width:120px;}

.footer-link {
    margin: 0 18.8vw 1vw;
    color: #7a8ba6;
    font-size: 0.7vw;
    border-top: 1px solid rgb(109 119 146 / 11%);
    padding-top: 1vw;
}
.footer-link a{
    color: #7a8ba6;
    font-size: 0.7vw;
    margin: 0 0.5vw;
}

.footer-bottom{background: #3e464f;color:#fff;text-align: center;line-height:40px;padding: 10px 0}

.footer-bottom a{color:#fff}


/* 联系我们 */

.contact-banner{background:url('../img/contact/contact_banner.jpg') center no-repeat;width:100%;height: 420px;}

.contact-banner .banner-wrap{width:100%;height:100%;margin: 0 auto;text-align: center;padding-top: 170px;}

.contact-banner .banner-wrap h4{font-size: 26px;color:#fff;margin-bottom: 30px}

.contact-banner .banner-wrap h4 span{font-weight: normal;font-size:22px;line-height:50px;}

.contact-map{width:1200px;height:500px;margin:-80px auto 0 auto;background:#fff;box-shadow:0 0 20px #aaa;}

.contact-map .contact-map-tit{height:80px;text-align:center;line-height:80px;font-size:20px;color:#333;border-bottom:1px solid #cecece;}

.contact-map .contact-map-div{width:1130px;margin:35px auto 0 auto;height:350px;position:relative;}

.contact-map .contact-map-div .contact-map-li{/*width:550px;*/width:100%;height:350px;float:right;}

.contact-map .contact-map-div .contact-map-li:first-child{float:left;}

.contact-map .contact-map-div .contact-map-cover{width:550px;height:350px;background:#000;filter:alpha(opacity:50);opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;position:absolute;top:0;}

.contact-map .contact-map-div .contact-map-cover:nth-child(3){display:none;}

.contact-map .contact-map-div .contact-map-cover:nth-child(4){right:0;}

.contact-way{width:1200px;margin:0 auto;padding-top:60px;}

.contact-way .contact-way-tit{font-size:22px;font-weight:bold;color:#333;text-align:center;}

.contact-way .contact-way-cut{border-bottom:1px solid #d4d4d4;width:385px;margin:20px auto 0 auto;}

.contact-way .contact-way-cut p{width:40px;height:3px;background:#00c0ff;margin:0 auto -1px auto;}

.contact-way .contact-way-con{margin:60px 0;}

.contact-way .contact-way-con .contact-way-list{width:30%;float:left;text-align:center;}

.contact-way .contact-way-con .contact-way-list:first-child{width:35%;}

.contact-way .contact-way-con .contact-way-list:last-child{width:35%;}

.contact-way .contact-way-con .contact-way-list .contact-way-name{font-size:20px;color:#333;line-height:40px;margin-top:15px;}

.contact-way .contact-way-con .contact-way-list .contact-way-detail{font-size:18px;color:#999;line-height:35px;}


.video-page .product-banner .banner-content div,.video-page .product-banner .banner-content p{
    color: #172b4d;
}
.video-page .ticket-banner-2{
    padding:0 17.9vw;
}
.video-page .ticket-banner-2 .ticket-banner-img-2{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}
.video-page .ticket-banner-part1{
    top: -122vw;
    padding: 0 5.7vw 0 3.4vw;
}
.video-page .ticket-banner-part1-img{
    width: 4.7vw;
}
.video-page .ticket-banner-part1-title{
    font-size: 1.1vw;
    margin-top: 2vw;
}
.video-page .ticket-banner-part2{
    top: -107vw;
    padding: 0 0 0 60%;
}
.video-page .ticket-banner-part3{
    top: -83vw;
    padding: 0 5.7vw 0 3.4vw;
    float: none;
}
.video-page .ticket-banner-part4{
    top: -61vw;
    padding: 0 0 0 60%;
}
.video-page .index-scene-title{
    color: #172b4d;
    font-size: 1.9vw;
    margin-bottom: 4vw;
    top: 3vw;
}
.video-func-part{
    padding:0 18.8vw;
    background: url('/Public/yimg/video/func.png') no-repeat center;
    margin-top: 6vw;
    position: absolute;
}
.video-func-list{
    margin-top: 10vw;
}
.video-func-part .video-func-item{
    display: inline-block;
    width: calc((100% - 4.2vw - 8px)/3);
    text-align: center;
    font-size: 0.7vw;
    color: #7a8ba6;
    line-height: 1.2vw;
    background: #fff;
    border-radius: 1vw;
    margin: 0 2.1vw 5.1vw 0;
    height: 9.4vw;
}
.video-func-part .video-func-item:nth-child(3),.video-func-list .video-func-item:nth-child(6),.video-func-list .video-func-item:nth-child(9){
    margin-right: 0;
}
.video-func-part .video-func-item .iconfont{
    width: 3.6vw;
    height: 3.6vw;
    line-height: 3.6vw;
    background: #fff;
    display: inline-block;
    box-shadow: 0vw 0.3vw 0.8vw 0vw rgb(0 70 197 / 15%);
    border-radius: 1.8vw;
    font-size: 2vw;
    position: relative;
    top: -2vw;
    color:#597ef7;
}
.video-func-part .video-func-item:nth-child(2) .iconfont,.video-func-part .video-func-item:nth-child(6) .iconfont{
    color:#fb7848;
}
.video-func-part .video-func-item:nth-child(3) .iconfont,.video-func-part .video-func-item:nth-child(7) .iconfont{
    color:#00cf86;
}
.video-func-part .video-func-item:nth-child(4) .iconfont,.video-func-part .video-func-item:nth-child(8) .iconfont{
    color:#ffc53d;
}
.video-func-part .video-func-item .video-func-title{
    color: #172b4d;
    font-size: 0.8vw;
    margin: -0.5vw 0 1.1vw;
}
.video-func-part .video-func-item .video-func-desc{

}
.video-page .video-func-part .index-scene-title{
    color:#fff;
    top: 5vw;
}

.inspection-page .banner{
    float: none;
    height: 31.9vw;
}
.inspection-page-tit{
    font-size: 1.8vw;
    color: #172B4D;
    text-align: center;
}
.inspection-data{
    padding: 7vw 0;
}
.inspection-data-part{
    margin-top: 2.2vw;
    padding: 0 18.75vw 0 9.58vw;
}
.inspection-data-part img{
    width: 37.3vw;
    float: left;
}
.inspection-data-box{
    width: calc(100% - 37.3vw - 3.125vw);
    margin-left: 3.125vw;
    float: left;
}
.inspection-data-item{
    box-shadow: 0px 0px 20px 0px rgba(0,60,168,0.1);
    padding: 1.3vw 1.04vw;
    margin-top: 1.56vw;
    height: 6.14vw;
}
.inspection-data-item:first-child{
    margin-top: 1.02vw;
}
.inspection-data-item img{
    width: 3.54vw;
    height: 3.54vw;
    margin-right: 1.04vw;
}
.inspection-data-tit{
    font-size: 0.83vw;
    color: #172B4D;
    margin-bottom: 0.4vw;
}
.inspection-data-desc{
    font-size: 0.72vw;
    color: #7A8BA6;
    line-height: 1vw;
}
.inspection-intelligentize{
    padding: 5.2vw 18.75vw;
    background: #F9FAFF;
}
.inspection-intelligentize-part{
    margin-top: 3.12vw;
}
.inspection-intelligentize-item{
    float: left;
    background: #FFFFFF;
    border: 1px solid #E2E7F1;
    margin-left: 2vw;
    padding: 1.04vw;
    width: calc((100% - 4vw)/3);
}
.inspection-intelligentize-item:first-child{
    margin-left: 0;
}
.inspection-intelligentize-item img{
    width: 100%;
}
.inspection-intelligentize-tit{
    color: #172B4D;
    font-size: 0.83vw;
    margin: 2.08vw 0 0.5vw 0;
    text-align: center;
}
.inspection-intelligentize-desc{
    color: #7A8BA6;
    font-size: 0.72vw;
    line-height: 1.2vw;
    margin-bottom: 1.04vw;
}
.inspection-more{
    padding: 7.8vw 18.75vw;
}
.inspection-more-box{
    margin-top: 6.25vw;
}
.inspection-more-box img{
    float: left;
}
.inspection-more-part{
    float: left;
}
.inspection-more-tit{
    font-size: 1.15vw;
    color: #172B4D;
}
.inspection-more-line{
    background: linear-gradient(to right, #FF4A53, #ffffff 88%);
    width: 7.8vw;
    height: 0.16vw;
    margin-top: 0.3vw;
}
.inspection-more-item{
    margin-top: 1.87vw;
}
.inspection-more-item-tit{
    font-size: 0.83vw;
    color: #172B4D;
    margin-bottom: 0.3vw;
}
.inspection-more-item-desc{
    font-size: 0.72vw;
    color: #7A8BA6;
    line-height: 1.5vw;
}

.inspection-more-box1 img{
    width: 32.5vw;
    margin-right: 4.8vw;
    margin-left: -0.7vw;
}
.inspection-more-box1 .inspection-more-part{
    width: calc(100% - 32.5vw - 4.8vw + 0.7vw);
    margin-top: 1.5vw;
}
.inspection-more-box2 img{
    width: 31.4vw;
    margin-left: 6.25vw;
    margin-right: -0.4vw;
}
.inspection-more-box2 .inspection-more-part{
    width: calc(100% - 31.4vw - 6.25vw + 0.4vw);
    margin-top: 2vw;
}
.inspection-more-box3 img{
    width: 32.8vw;
    margin-right: 4.48vw;
    margin-left: -0.7vw;
}
.inspection-more-box3 .inspection-more-part{
    width: calc(100% - 32.8vw - 4.48vw + 0.7vw);
    margin-top: 1.2vw;
}
.inspection-more-box4 img{
    width: 32vw;
    margin-left: 5.1vw;
    margin-right: -0.9vw;
}
.inspection-more-box4 .inspection-more-part{
    width: calc(100% - 32vw - 5.1vw + 0.9vw);
    margin-top: 0.2vw;
}

/* 企微解决方案 */
.product-banner .banner-wechat-btn{
    position: absolute;
    left: 18.8vw;
    top: 20vw;
    width: 35vw;
    text-align: left;
}
.product-banner .banner-wechat-btn a{
    display: inline-block;
    margin-right: 1vw;
    margin-bottom: 1vw;
    cursor: pointer;
}
.wechat-page .dispatch-part-4-item-box{
    height: 29.4vw;
}
.wechat-page .dispatch-part-4-item{
    width: calc(100% / 2);
    display: inline-block;
    padding: 1vw;
    text-align: center;
    background: #f9faff;
    float: left;
    height: 14.7vw;
}
.wechat-page .dispatch-part-4-item:nth-child(1),.wechat-page .dispatch-part-4-item:nth-child(4){
    background: #fff;
}
.wechat-page .dispatch-part-4-item .dispatch-part-4-desc{
    width: 20vw;
    margin: 0 auto;
}
.wechat-part-2{
    padding:38vw 0 7.8vw 0;
}
.wechat-part-2 .index-scene-title{
    top:0;
    color: #172b4d;
}
.wechat-part-2-box{
    padding: 4vw 23vw 0 16vw;
}
.wechat-part-2-box .wechat-part-2-left{
    float: left;
    width: 29.635vw;
}
.wechat-part-2-box .wechat-part-2-left img{
    width: 100%;
}
.wechat-part-2-box .wechat-part-2-right{
    float: right;
    margin-top: 6vw;
}
.wechat-part-4-item{
    width: 26vw;
    height: 5.2vw;
    margin-bottom: 2vw;
    box-shadow: 0px 0px 20px 0px rgba(0,60,168,0.1);
    display: flex;
    justify-content: start;
    align-items: center;
}
.wechat-part-4-item img{
    width: 3.333vw;
    height: 3.333vw;
    margin: 0 1.56vw;
}
.wechat-page .crm-part-3{
    margin-top: 16vw;
    background: #fff;
}
.wechat-page .common-part-detail{
    margin-top: 1.5vw;
}
.wechat-page .common-part-detail p{
    line-height: 1vw;
}

/* 预约演示弹窗 */
.demo-pop-ups {width: 22.2vw;height: 28vw;background: url("../img/yanshi_bg.png") no-repeat;background-size:100% 100%;position: fixed;z-index: 1000;left: 50%;top:50%;margin-left: -11.1vw;margin-top: -14vw;display: none;}

.demo-pop-ups .demo-pop-hello{font-size: 1.6vw;color: #09162f;margin:3vw 0 0 3.8vw;}

.demo-pop-ups .demo-pop-welcome{font-size: 1vw;color: #09162f;margin:0.5vw 0 0 3.8vw;}

.demo-pop-ups .demo-pop-code{text-align: center;margin-top: 2.85vw;}

.demo-pop-ups .demo-pop-code img{width: 12.5vw;height: 12.5vw;margin: 0 auto;}

.demo-pop-ups .demo-pop-close{}

.demo-pop-ups .demo-pop-close img{width: 1.9vw;height: 1.9vw;border-radius: 1.9vw;position: absolute;right: 0.5vw;top:-0.5vw;box-shadow: 0vw 1vw 2.3vw 0vw rgba(0, 0, 0, 0.3);z-index: 1002;cursor: pointer}

.demo-pop-ups .demo-pop-close span{width: 1.5vw;height: 1.5vw;border-radius: 1.5vw;position: absolute;right: 0.7vw;top:-0.3vw;background: #eee;z-index: 1;}

/*合作页面*/
.product-banner .index-banner-three-box{
    margin: 1vw 18.8vw 1vw;
    width: calc(100% - 37.6vw);
    position: absolute;
    top: 25vw;
}
.index-banner-three-item{
    display: inline-block;
    float: left;
    width: calc(100% / 4);
    text-align: center;
    padding-bottom: 1vw;
    cursor:pointer;
    font-size: 0.8vw;
}
.index-banner-three-box .active{
    border-bottom: 4px solid #2c6ee5;
    color:#2c6ee5;
}
.common-section-head{
    font-size: 1.7vw;
    color: #172b4d;
    margin: 0 0 2vw;
}
.cooperate-part-1{
    padding: 0 18.8vw;
}
.cooperate-part-1-item{
    display: inline-block;
    margin-right: 4vw;
    width: calc((100% - 4vw - 4px) / 2);
    margin-bottom: 2.7vw;
    height: 12vw;
    padding: 3vw 0 0 2vw;
    vertical-align: top;
    background-size: 100%!important;
}
.cooperate-part-1-item:nth-child(even){
    margin-right: 0;
}
.cooperate-part-1-title{
    font-size: 0.9vw;
    color: #172b4d;
    margin-bottom: 0.5vw;
}
.cooperate-part-1-detail{
    font-size: 0.8vw;
    color: #7a8ba6;
    width: 60%;
    line-height: 1.5vw;
    margin-left: 1vw;
}
.cooperate-part-2{
    padding: 2vw 18.8vw;
}
.cooperate-part-2-c{
    background: linear-gradient(-90deg, #BAC9DC, #95A7BF);
}
.cooperate-part-2-item{
    display: inline-block;
    width: calc((100% - 8px) / 3);
    height: 10vw;
    padding: 3vw 0 0 1vw;
    vertical-align: top;
    position: relative;
}
.cooperate-part-2-item .p2-num{
    position: absolute;
    bottom: 3px;
    right: 0.8vw;
}
.cooperate-part-2-item.active{
    background: linear-gradient(-90deg, #2998F5, #097AFD);
}
.cooperate-part-2-item .p2-img{
    display: inline-block;
    width: 3.65vw;
}
.cooperate-part-2-item .p2-img1{
    display: none;
    width: 3.65vw;
}
.cooperate-part-2-item.active .p2-img{
    display: none;
}
.cooperate-part-2-item.active .p2-img1{
    display: inline-block;
}
.cooperate-part-2-detail{
    font-size: 1vw;
    color: #fff;
    width: 60%;
    line-height: 1.5vw;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
}
.cooperate-part-2-c .line{
    width: 1px;
    height: 4vw;
    background: #FFFFFF;
    opacity: 0.4;
    display: inline-block;
    position: absolute;
    top: 3vw;
    right: 0;
}
.cooperate-part-3{
    padding: 3vw 0;
    position: absolute;
    width: 100%;
}
.cooperate-part-3 .p3-banner{
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}
.cooperate-part-3-c{
    padding: 0 18.8vw;
    position: absolute;
    width: 100%;
    top: 9vw;
}
.cooperate-part-3-item{
    display: inline-block;
    margin-right: 2vw;
    width: calc((100% - 4vw - 8px) / 3);
    height: 15vw;
    padding: 3vw 0 0 0;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgba(0,65,183,0.15);
    opacity: 0.98;
}
.cooperate-part-3-item img{
    width: 4.15vw;
}
.cooperate-part-3-item:nth-child(3){
    margin-right: 0;
}
.cooperate-part-3 .common-section-head{
    color: #fff;
    margin: 0 0 0 18.8vw;
    position: absolute;
    top: 5.5vw;
}
.cooperate-part-3-title{
    font-size: 1.1vw;
    color: #172b4d;
    margin: 1vw 0 0.5vw;
}
.cooperate-part-3-detail{
    font-size: 1vw;
    color: #7A8BA6;
}
.cooperate-part-4{
    padding: 28vw 18.8vw 2vw;
}
.cooperate-part-4-item{
    width: calc((100% - 8px)/3);
    display: inline-block;
}
.cooperate-part-4-item .circle{
    width: 3.2vw;
    height: 3.2vw;
    background: linear-gradient(96deg, #5DB1FF, #3B77FF);
    border-radius: 50%;
    font-size: 2.1vw;
    font-family: fantasy;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 3.2vw;
}
.divide{
    position: relative;
    width: 100%;
    top: 1vw;
}
.divide .dot{
    width: 5px;
    height: 5px;
    background: #2C6EE5;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: -2px;
}
.divide .dot:nth-child(odd){
    right: 0
}
.divide .dot:nth-child(even){
    left: 0
}

.divide .line{
    height: 1px;
    background: linear-gradient(96deg, #E2E7F1, #CDD3E1);
    width: 100%;
}
.cooperate-part-4-item{
    position: relative;
    padding: 2vw 0 0 3vw;
}
.cooperate-part-4-item .tip{
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0,65,183,0.15);
    opacity: 0.9;
    text-align: center;
    width: 10.5vw;
    height: 4.1vw;
    padding-top: 1vw;
    position: absolute;
    top: 4vw;
    left: 5vw;
    z-index: 10;
}
.cooperate-part-4-item .tip img{
    display: inline-block;
    margin-right: 1vw;
    width: 2.5vw;
}
.cooperate-part-4-item .tip .cooperate-part-4-title{
    display: inline-block;
    color: #172B4D;
    font-size: 18px;
}
.p4-form{
    margin-top: 9vw;
    padding: 3vw 0;
    background-size: 100%!important;
}
.p4-form .common-section-head{
    text-align: center;
}
.p4-form .p4-form-item{
    margin-bottom: 1vw;
    text-align: center;
}
.p4-form .p4-form-item input{
    display: inline-block;
    margin-right: 2vw;
    width: 15.5vw;
    height: 2vw;
    line-height: 2vw;
    background: #FFFFFF;
    border: 1px solid #E2E7F1;
    border-radius: 4px;
    color: #7A8BA6;
    padding: 0 0.5vw;
}
.p4-form .p4-form-item input:nth-child(even){
    margin-right: 0;
}
.p4-form .p4-form-item.code-input{
    position: relative;
}
.p4-form .p4-form-item .code{
    position: absolute;
    top: 0.3vw;
    right: 14.5vw;
    background: #2C6EE5;
    border-radius: 4px;
    border: none;
    color: #fff;
    height: 1.4vw;
    font-size: 0.7vw;
    line-height: 1.4vw;
    padding: 0 0.5vw;
    cursor: pointer;
}
.p4-form .p4-form-btn{
    text-align: center;
}
.p4-form .p4-form-btn div{
    text-align: center;
    width: 100px;
    height: 36px;
    line-height: 36px;
    background: linear-gradient(96deg, #5DB1FF, #3B77FF);
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 0.8vw;
    display: inline-block;
}
.ecology-nav{
    position: fixed;
    top: 4.2vw;
    width: 100%;
    background: #fff;
    padding: 0 20%;
    z-index: 99;
    height: 4.2vw;
    line-height: 3.9vw;
    box-shadow: 0vw 0.3vw 0.8vw 0vw rgba(0, 65, 183, 0.1);
    display: none;
}
.ecology-nav .index-banner-three-box{
    margin-top: 0;
}
.ecology-nav .index-banner-three-item{
    padding-bottom: 0;
}
#verify-mask{
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: rgba(0,0,0,0.26);
    z-index: 999;
}
#verify-box{
    position: fixed;
    width: 30vw;
    height: 15vw;
    top:20%;
    left:calc((100% - 30vw)/2);
    background: #fff;
    z-index: 1000;
    border-radius: 5px;
    text-align: center;
}
.verify-part{
    display: none;
}
.show-verify{
    margin: 2vw 0 1vw;
}
.show-verify span{
    margin-left: 1vw;
    font-size: 0.8vw;
    cursor: pointer;
}
.verify-word{
    font-size: 0.8vw;
    cursor: pointer;
}
.verify-word input{
    display: inline-block;
    margin-left: 0.5vw;
    width: 15.5vw;
    height: 2vw;
    line-height: 2vw;
    background: #FFFFFF;
    border: 1px solid #E2E7F1;
    border-radius: 4px;
    color: #7A8BA6;
    padding: 0 0.5vw;
}
.verify-word .verify-btn{
    text-align: center;
    width: 50px;
    height: 30px;
    line-height: 30px;
    background: linear-gradient(96deg, #5DB1FF, #3B77FF);
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 0.8vw;
    display: inline-block;
    margin-left: 0.5vw;
}

/* 在线客服 */
.webchat-banner {
    position: relative;
    background-size: 100% 100%;
    width: 100%;
    height: 31.25vw;
}
.webchat-banner .banner-content {
    width: 29vw;
}
.webchat-page-tit{
    font-size: 1.8vw;
    color: #172B4D;
    text-align: center;
}
.webchat-data{
    padding: 6vw 0 7vw 0;
    background: #F9FAFF;
    display: inline-block;
    width: 100%;
}
.webchat-data-part{
    margin-top: 2.2vw;
    padding: 0 15.8vw 0 15.8vw;
}
.webchat-data-part img{
    width: 39.3vw;
    float: right;
}
.webchat-data-img{
    display: none;
}
.webchat-data-img.current{
    display: inline-block;
}
.webchat-data-box{
    width: calc(100% - 37.3vw - 6.125vw);
    float: left;
}
.webchat-data-item{
    padding: 1.3vw 1.04vw;
    margin-top: 1.56vw;
    height: 6.14vw;
    background: #EFF1F8;
    cursor: pointer;
}
.webchat-data-item.current{
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0,60,168,0.1);
}
.webchat-data-item:first-child{
    margin-top: 1.02vw;
}
.webchat-data-item img{
    width: 3.54vw;
    height: 3.54vw;
    margin-right: 1.04vw;
    float: left;
}
.webchat-data-tit{
    font-size: 0.83vw;
    color: #172B4D;
    margin-bottom: 0.4vw;
}
.webchat-data-desc{
    font-size: 0.72vw;
    color: #7A8BA6;
    line-height: 1vw;
}

.webchat-more{
    padding: 7vw 18.75vw;
}
.webchat-more-box{
    margin-top: 6.25vw;
}
.webchat-more-box img{
    float: left;
}
.webchat-more-part{
    float: left;
}
.webchat-more-tit{
    font-size: 1.15vw;
    color: #172B4D;
}
.webchat-more-tit span{
    color: #C3CAD5;
    font-weight: normal;
}
.webchat-more-line{
    background: linear-gradient(to right, #FF4A53, #ffffff 88%);
    width: 7.8vw;
    height: 0.16vw;
    margin-top: 0.3vw;
}
.webchat-more-item{
    margin-top: 1.2vw;
}
.webchat-more-item-tit{
    font-size: 0.83vw;
    color: #172B4D;
    margin-bottom: 0.3vw;
}
.webchat-more-item-desc{
    font-size: 0.72vw;
    color: #7A8BA6;
    line-height: 1.5vw;
}

.webchat-more-box1 img{
    width: 32.5vw;
    margin-right: 4.8vw;
    margin-left: -0.7vw;
}
.webchat-more-box1 .webchat-more-part{
    width: calc(100% - 32.5vw - 4.8vw + 0.7vw);
    margin-top: 8.5vw;
}
.webchat-more-box2 img{
    width: 31.4vw;
    margin-left: 6.25vw;
    margin-right: -0.4vw;
}
.webchat-more-box2 .webchat-more-part{
    width: calc(100% - 31.4vw - 6.25vw + 0.4vw);
    margin-top: 8vw;
    text-align: right;
}
.webchat-more-box2 .webchat-more-line,.webchat-more-box4 .webchat-more-line{
    float: right;
    background: linear-gradient(to left, #FF4A53, #ffffff 88%);
}
.webchat-more-box3 img{
    width: 32.8vw;
    margin-right: 4.48vw;
    margin-left: -0.7vw;
}
.webchat-more-box3 .webchat-more-part{
    width: calc(100% - 32.8vw - 4.48vw + 0.7vw);
    margin-top: 8.5vw;
}
.webchat-more-box4 img{
    width: 32vw;
    margin-left: 5.1vw;
    margin-right: -0.9vw;
}
.webchat-more-box4 .webchat-more-part{
    width: calc(100% - 32vw - 5.1vw + 0.9vw);
    margin-top: 9.2vw;
    text-align: right;
}