@font-face {
    font-family: zhezhi;
    src: url('https://www.kkidc.com/fonts/zhezhi.TTF');
}

/* 适配普通电脑 1024 - 1920  */

.p-1{overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis}
.p-2{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space: normal}
.p-3{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space: normal}
.p-4{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;white-space: normal}


.icon{display: block;background-size: 100% 100%}
.icon-24{width: 24px;height: 24px;}
.icon-64{width: 64px;height: 64px;}
.icon-92{width: 92px;height: 92px;}
.icon01{background-image: url(../image/icon01-1.png);}
.icon02{background-image: url(../image/icon01-2.png);}
.icon03{background-image: url(../image/icon01-3.png);}
.icon04{background-image: url(../image/icon01-4.png);}
.icon05{background-image: url(../image/icon01-5.png);}
.icon06{background-image: url(../image/icon02-1.png);}
.icon07{background-image: url(../image/icon02-2.png);}
.icon08{background-image: url(../image/icon02-3.png);}
.icon09{background-image: url(../image/icon02-4.png);}
.icon10{background-image: url(../image/sw-icon01.png);}
.icon11{background-image: url(../image/sw-icon02.png);}
.icon12{background-image: url(../image/sw-icon03.png);}
.icon13{background-image: url(../image/icon-square.png);position: absolute;top: -2px;left: 0;}

.tips{color:#fff;padding:10px 20px;background-color: rgba(0,0,0,0.7);position: fixed;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-radius: 4px;z-index: 1100}

.banner .swiper-slide{background-position: center center;background-size: cover;background-color: #2b2d3f;background-repeat: no-repeat;position: relative;}
.banner .swiper-slide>a{position: absolute;width: 100%;height: 100%;top:0;left: 0}
.banner .swiper-pagination{width:100%;height: 26px;bottom: 10px}
.banner .swiper-pagination-bullet{opacity: 1;width: 20px;height: 20px;margin:0 8px !important;outline: none;vertical-align: middle;background-color: transparent;position: relative}
.banner .swiper-pagination-bullet samp{position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 0;height: 0;border:3px solid #fff;border-radius: 26px;-webkit-transition: all .3s;transition: all .3s;text-align: center;line-height: 20px;font-size: 12px;overflow: hidden;color:#fff;}
.banner .swiper-pagination-bullet-active samp{width: 20px;height: 20px;}
.banner-ani{max-width: 1320px;width:96%;height:100%;margin:0 auto;}
.banner-info{color:#fff;width: 50%;max-width:600px;position: absolute;top:58%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.banner-info h2{font-size: 36px;}
.banner-info>p{font-size: 15px;margin:10px 0 30px 0;line-height: 1.8em}
.banner-info span{font-size: 16px}
.banner-info >*:last-child{margin-bottom: 0}
.banner.h600{height: 600px}
.banner.h560{height: 560px}
.banner.h531{height: 531px}
.banner.h440{height: 440px}
.banner.h480{height: 480px}
.banner.h531 .banner-info{top:50%}
.banner-inner{background-position: center center;background-size: auto 100%;height: 400px}
.banner-btns .btn:not(:last-child){margin-right: 7px;}
.banner-foot{position: relative;background-color: #4d96ff;background-image: url(../image/banner-foot-bg.jpg);background-position: center center;background-repeat: no-repeat;background-size: auto 100%;z-index: 2;}
.banner-foot-title{position: relative;top: -28px;float: left;width: 17%;height: 130px;padding: 30px 16px;border-radius: 6px;color: #1e7aff;overflow: hidden;box-sizing: border-box;background-image: url(../image/banner-foot-title.jpg);background-size: 100% 100%;box-shadow: 0px 6px 16px 0px rgba(23, 82, 190, 0.45);}
.banner-foot-title h3{text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);margin-bottom: 15px;}
.banner-foot-link{float: left;display: table;width: 83%;color: #fff;}
.banner-foot-item{position: relative;display: table-cell;width: 26%;padding: 18px 30px;box-sizing: border-box;}
.banner-foot-item:not(:last-child)::before{content: '';position: absolute;right: 0;top: 13px;width: 1px;height: 115px;background-image: linear-gradient(rgba(13, 82, 215, 0), rgba(13, 82, 215, .4), rgba(13, 82, 215, 0));}
.banner-foot-item:not(:last-child)::after{content: '';position: absolute;right: -1px;top: 13px;width: 1px;height: 115px;background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));}
.banner-foot-item:last-child{padding-right: 0;}
.banner-foot-item h4{font-size: 16px;margin-bottom: 7px;}
.banner-foot-item p{line-height: 20px;margin-bottom: 6px;}
.banner-foot-item a{color: #6cfaff;}
.banner-foot-item a:hover{opacity: .8;}
.banner-foot-item a + a{margin-left: 20px;}
.honor-box {width: 100%;height: 50px;line-height:50px;z-index:9;color:#fff;background-color: #1a1b28;}
.honor-box .honor-inner {max-width: 1180px;width: 96%;margin: auto;}
.honor-box .honor-inner a:hover {text-decoration: underline;}

/* 客户案例banner-foot */
.cu-banner-foot {height: 200px;background-image: url(../image/service_nav_bg.png);}
.cu-banner-foot-title {width: 286px;height: 178px;top: -16px; padding-top: 47px;padding-left: 30px; background-image: url(../image/service_banner_foot.png);}
.cu-banner-foot-title h3 {color: #1254e9;font-size: 28px;}
.cu-banner-right {float: right;line-height: 1;overflow: hidden;width: calc(100% - 388px);padding: 27px 0;}
.cu-banner-right li {display: table-cell;text-align: center;vertical-align: middle;white-space: nowrap;}
.cu-main-right .cu-items .avatar-box {display: inline-block;width: 68px;height: 68px;border-radius: 50%;box-sizing: border-box;border: solid 2px rgba(0, 76, 169, 0.9);}
.cu-banner-right li img,.cu-main-right .cu-items .avatar {width: 68px;height: 68px;object-fit: cover; border-radius: 50%;border: solid 2px rgba(0, 76, 169, 0.9);}
.cu-banner-right li .name {display: inline-block; margin: 8px 0;padding: 7px 14px;color: #ffffff;background-color: rgba(0, 48, 153, 0.8);opacity: 0.9;}
.cu-banner-right li .name span {margin-left: 14px;}
.cu-banner-right li .desc {color: #ffffff;opacity: 0.6;}
/* .cu-banner-right li:not(:last-child) {padding-right: 30px;} */
.playVideo {cursor: pointer;position: relative;}
.playVideo .play-icon {display: none;position: absolute;border: none;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.playVideo:hover .play-icon {display: block;}
.cu-container {background: url(../image/customer_bg.jpg);}
.cu-content {padding-top: 35px;padding-bottom: 64px;}
.cu-main-left {width: 254px;border-right: 1px solid #eeeef1;background-color: #fff;box-shadow: 0 16px 16px rgba(55,69,103,.02),0 8px 8px rgba(235,240,252,.02);}
.cu-main-left ul li {position: relative;height: 58px;line-height: 58px;text-align: center;font-size: 16px;color: #666666;cursor: pointer;}
.cu-main-left ul li:hover{color: #0096ff;background-color: rgba(236, 236, 239,0.4);transition: background-color 0.3s;}
.cu-main-left ul li.active {color: #0096ff;background-color: #ececef;}
.cu-main-left ul li.active::after {position: absolute;right: -1px;top: 0;bottom: 0;content: '';width: 4px;height: 100%;background-color: #0096ff;}
.cu-main-right {width: 894px;}
.cu-main-right .cu-items {padding-top: 34px;background-color: #ffffff;border: solid 1px #eeeef1;margin-bottom: 24px;box-shadow: 0 16px 16px rgba(55,69,103,.02),0 8px 8px rgba(235,240,252,.02);}
.cu-main-right .cu-items-header {position: relative;margin: 0 47px;}
.cu-main-right .cu-items .logo {height: 76px;min-width: 76px;max-width: 100%;}
.cu-main-right .cu-items-header .link {position: absolute;right: 0;top: 30px;color: #0096ff;cursor: pointer;}
.cu-main-right .cu-items-header .link:hover {opacity: 0.7;transition: opacity 0.3s;}
.cu-main-right .cu-items-header .link img {vertical-align: middle;}
.cu-main-right .cu-items .cu-items-contet {margin-top: 14px;}
.cu-main-right .cu-items .cu-items-contet h3 {margin: 0 47px;font-size: 16px;color: #323235;margin-bottom: 22px;}
.cu-main-right .cu-items .cu-items-contet .content {margin: 0 47px;font-size: 14px;color: #626266;line-height: 1.6;}
.cu-main-right .cu-items .cu-items-contet .use-pro {padding: 26px 47px 13px 47px;box-sizing: border-box; margin-top: 43px;min-height: 106px;background-color: #eeeef1;}
.cu-main-right .cu-items .cu-items-contet .use-pro ul {margin-top:13px;}
.cu-main-right .cu-items .cu-items-contet .use-pro ul li {display: inline-block;cursor: pointer;margin-right: 37px;margin-bottom: 10px;}
.cu-main-right .cu-items .cu-items-contet .use-pro ul li .cu-icon {display: inline-block;width: 30px;height: 30px;line-height: 30px;margin-right: 8px;border: 1px solid #fff; text-align: center; border-radius: 50%;background-color: #fff;box-shadow: 2px -12px 58px 2px rgba(31, 32, 46, 0.16);}
.cu-main-right .cu-items .cu-items-contet .use-pro ul li .cu-icon img {vertical-align: -2px;}
.cu-main-right .cu-items .cu-items-contet .use-pro ul li:hover a {color: #0096ff;transition: color 0.3s;}
.cu-main-right .cu-items .cu-items-contet .use-pro ul li:hover .cu-icon {border-color:#0096ff;transition: border 0.3s;}
.cu-main-right .detail-content {padding: 40px 48px;line-height: 1.6;}
.cu-main-right .detail-content p {color: #626266;}
.cu-main-right .cu-nav {margin-bottom: 23px;font-size: 16px;color: #666666;}
.cu-main-right .cu-nav i {font-size: 14px;color: #808080;}
.cu-main-right .cu-nav a:first-child {color: #0096ff;}

.page-title{font-size: 36px;line-height: 100px;color:#fff;}
.page-title-wrapper{padding-top:240px}
.page-title-big{font-weight: bold;font-size: 36px;color:#fff;line-height: 85px}
.page-title-en{font-size: 18px;color:#fff;position: relative;white-space: nowrap}

.search-item{width:100%;max-width:600px;height:45px;margin-bottom: 15px;font-size: 0}
.search-input,.search-item a{display: inline-block}
.search-input{width:-webkit-calc(100% - 80px);width:calc(100% - 80px);height:45px;position: relative}
.search-item input{width:100%;height:100%;border:0;font-size: 14px;padding:0 20px;box-sizing: border-box}
.search-item input::-webkit-input-placeholder{color:#bfbfbf}
.search-item input::-moz-placeholder{color:#bfbfbf}
.search-item input:-ms-input-placeholder{color:#bfbfbf}
.search-item input::placeholder{color:#bfbfbf}
.search-item input:focus{box-shadow: none}
.search-item a{width:80px;height:45px;display: inline-block;background-color: #389bfd;vertical-align: top;color:#fff;line-height: 45px;text-align: center}
.search-item a i{font-size: 24px;}
.search-box p{color:#fff}
.search-box p a{margin-right: 10px;color:#fff;cursor: pointer}
.search-box p a.color,.search-box p a:hover{color:#389bfd;}
.search-box .clearVal{font-size: 16px;color:#fff;position: absolute;right:20px;top:15px;width:16px;height:16px;line-height: 16px;border-radius: 8px;background-color: #d9d9d9;cursor: pointer;display: none}

.keyword{margin:0 10px 0 0;cursor: pointer}
.keyword:hover{color:#389bfd}

.btn.active {
    background: -webkit-linear-gradient(to left, #4196fe, #7c7ee5);
    background: -webkit-linear-gradient(right, #4196fe, #7c7ee5);
    background: linear-gradient(to left, #4196fe, #7c7ee5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe, endcolorstr=#7c7ee5, gradientType=1);
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer
}
.btn.btn-white{color: #fff;}

.section{padding:50px 0;overflow: hidden;width:100%}
.section-title h2,.section-title h3{font-size:38px;line-height:60px;-webkit-font-smoothing:antialiased;font-weight: bold;position: relative;z-index: 99}
.section-title h2{font-size:30px;line-height:75px;font-weight: normal;}
.section-title{text-align: center;margin-bottom: 60px;}
.section-title p{font-size: 16px;line-height: 30px;max-width: 1380px;width:96%;margin:0 auto}

.col-title h3{font-size: 24px;}
.col-title p{line-height: 25px;}

.btn{display:inline-block;border:1px solid #c7cdd9;color:#32363f;width: 110px;line-height: 40px;text-align: center;border-radius: 40px;}


.btn.active:hover{box-shadow: 0 0 15px rgba(63,138,238,0.4);}

/* part01 */
.block01{width:265px;height: 420px;position: relative;display: inline-block;cursor: pointer;vertical-align: top;margin: 30px 9px 30px 0;font-size: 14px;}
.block01 .decorate{width:100%;height:100%;position: absolute;top:0;}
.block01 .decorate>.icon{position: absolute;top:-32px; left: 50%;margin-left: -32px}
.block01 .decorate svg{width: 100%;height:100%;}
.block01 .content{padding:50px 0 30px 0;}
.block01 .content .col-title{margin-bottom: 20px}
.block01 .para{margin-bottom: 20px;text-align: left;display: inline-block;max-width: 225px}
.block01 .para li{line-height: 30px;text-align: justify;}
.block01:last-child{margin-right: 0}
.block01 .btn-div{position: absolute;bottom: 40px;left: 50%;margin-left:-55px;white-space: nowrap}
.block01 .btn{margin:0 5px}
.block01 .btn.copy{display: none}
.line-item{stroke:#32363f;fill: none;fill-rule:evenodd;stroke-dasharray: 1250;stroke-dashoffset: 1250;}
.dot-item01,.dot-item02{fill:#c7cddb}
.block01:hover .line-item{-webkit-animation: lineMove 2s ease-out forwards;animation: lineMove 2s ease-out forwards; }
.block01:hover .dot-item01{fill:#32363f}
.block01:hover .dot-item02{fill: #32363f;-webkit-transition: fill .3s 1.7s;transition: fill .3s 1.7s}

@-webkit-keyframes lineMove {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes lineMove {
    to {
        stroke-dashoffset: 0;
    }
}

/* part02 */
.section02{background-color: #f5f8ff;position: relative;}
.section02 .section-bg{position: absolute;bottom:0;left: 0;width: 100%;height: 80%;}
.section02 .section-title,.section02 .section-content{position: relative;z-index: 3}
.section02 .btn-more{display:block;width: 180px;line-height: 48px;background-color: #fff;text-align: center;font-size: 14px;border-radius: 24px;color:#32394a;margin:30px auto -30px auto}
.section02 .btn-more:hover{opacity: 0.8}
/* zn */
.bgChange{background-color:#fff}

.block02{background-color: #fff;padding:20px;box-sizing: border-box;border-radius: 20px;box-shadow:2px 2px 16px rgba(14,36,96,0.3);min-width: 230px}
.block02 .col-title{width: 145px;height: 145px;border-radius: 100px;background-size: 100% 100%;text-align: center;line-height: 145px;margin:10px auto;color:#fff;}
.section02 .col-lg-4:nth-child(1) .col-title{background-image: url(../image/img01.png)}
.section02 .col-lg-4:nth-child(2) .col-title{background-image: url(../image/img02.png)}
.section02 .col-lg-4:nth-child(3) .col-title{background-image: url(../image/img03_new.png)}
.block02 .col-title h3{text-shadow: 0 1px 8px rgba(0,0,0,0.7);}

.news-list li{line-height: 50px;position: relative;border-bottom: 1px dashed #8294af;}
.news-list li:hover a{color:#598cf4}
.news-list li p{width: -webkit-calc(100% - 40px);width: calc(100% - 40px);text-align: left}
.news-list li span{font-size:14px}
.news-list li:last-child{border:0}
/* zn */
.news-list-tendency {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.news-list-tendency li{line-height:33px;position:relative;padding:0 15px;width:33.33%;box-sizing:border-box}
.news-list-tendency li a {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;}
/* .news-list-tendency li:nth-of-type(odd){float:left} */
/* .news-list-tendency li:nth-of-type(even){float:right} */
.news-list-tendency li:hover a{color:#598cf4}
.news-list-tendency li p{margin-right: 5px;text-align:center}
.news-list-tendency li span{font-size:14px;color:#a0a0a0}
/* .news-list-tendency li:hover{background-color:#fff;color:#598cf4;box-shadow:0 0 20px 10px #f8f8f9} */
.news-list-tendency-fontweight{font-weight:500}
.watch-more{display:none}


/* part03 */
.section03 .section-title{margin-bottom: 100px}
.block03{width: 496px;height: 460px;background-image: url(../image/part03-bg.png);background-repeat: no-repeat;margin:0 auto;position: relative;padding-bottom: 50px;}
.block-item-person{width: 100%;height: 100%;position: relative}
.p01-1{fill: #FFCEBD;}
.p01-2{fill: #5A379E;}
.p01-3{fill: #85F1FD;}
.p01-4{fill: #CB876A;}
.p01-5{fill: #FEA689;}
.p01-6{fill: #60A1F7;}
.p01-7{fill: #280BB4;}
.p01-8{fill: #2709B2;}
.p02-1{fill: #F37B57;}
.p02-2{fill: #FFA386;}
.p02-3{fill: #280CAE;}
.p02-4{fill: #FFA289;}
.p02-5{fill: #F97F5F;}
.p02-6{fill: #2A11B7;}
.p02-7{fill: #61A2F6;}
.p02-8{fill: #1E008A;}
.p02-9{fill: #270CAF;}
.p02-10{fill: #FFA489;}
.p02-11{fill: #C1C1D5;}
.p03-2{fill:#F17A5A;}
.p03-3{fill:#2709B2;}
.p03-4{fill:#FFFFFF;}
.p03-5{fill:#280BB4;}
.p03-6{opacity:0.2;fill:#231F20;}
.p03-7{fill:#60A1F7;}
.p03-8{fill:#5A379E;}
.p03-9{fill:#AF6348;}
.p03-10{fill:#CB876A;}
.p03-11{fill:#85F1FD;}
.p03-12{fill:#545671;}
.p03-13{fill:#3F4155;}
.p03-14{fill:#F5F7F9;}
.p03-15{fill:#4D5068;}

.p01{position: absolute;right: 71px;top: 236px;width: 165px;height: 156px;}
.p02{position: absolute;right: 0;top: 0;width: 185px;height: 156px;}
.p03{position: absolute;left: -22px;top: 188px;width: 140px;height: 156px;}

.origin-lt{-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top}
.origin-rt{-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top}
.origin-lb{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom}
.origin-rb{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom}
.delay1{-webkit-animation-delay: 1s;animation-delay: 1s}
.delay2{-webkit-animation-delay: 2s;animation-delay: 2s}
.delay3{-webkit-animation-delay: 3s;animation-delay: 3s}
.dur1{-webkit-animation-duration: 1s;animation-duration: 1s}
.dur3{-webkit-animation-duration: 3s;animation-duration: 3s}
.dur5{-webkit-animation-duration: 5s;animation-duration: 5s}
.dur7{-webkit-animation-duration: 7s;animation-duration: 7s}
.rotate3{-webkit-animation-name: rotate3;animation-name: rotate3;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}
.rotate5{-webkit-animation-name: rotate5;animation-name: rotate5;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}
.rotate10{-webkit-animation-name: rotate10;animation-name: rotate10;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}

.block-item-line{width: 100%;height: 100%;background-image: url(../image/part03-line.png);background-repeat: no-repeat;position: absolute;top:0;left: 0;}
.block-item-tab {display: none}
.block-item-hover .dot{cursor: pointer;position: absolute}
.block-item-hover .dot i:nth-child(1){display: block;width: 20px;height: 20px;opacity:0;background-color: #60bfed;border-radius: 50px;position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-animation: scaleOut 3s 1s ease-in infinite;animation: scaleOut 3s 1s ease-in infinite;}
.block-item-hover .dot i:nth-child(2){display: block;width: 20px;height: 20px;opacity:0;background-color: #60bfed;border-radius: 50px;position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-animation: scaleOut 3s 2s ease-in infinite;animation: scaleOut 3s 2s ease-in infinite;}
.block-item-hover .dot i:nth-child(3){display: block;width: 20px;height: 20px;opacity:0;background-color: #60bfed;border-radius: 50px;position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-animation: scaleOut 3s 3s ease-in infinite;animation: scaleOut 3s 3s ease-in infinite;}
@-webkit-keyframes scaleOut {
    from{
        -webkit-transform: scale(.5);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(2.5);
        opacity: 0;
    }
}
@keyframes scaleOut {
    from{
        -webkit-transform: scale(.5);
                transform: scale(.5);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(2.5);
                transform: scale(2.5);
        opacity: 0;
    }
}
.block-item-hover .bubble{position: absolute;color:#fff;padding:15px 20px;border-radius: 10px;background: -webkit-linear-gradient(to bottom, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(top, #4196fe,#7c7ee5 );background: linear-gradient(to bottom, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #4196fe, endColorstr = #7c7ee5);  box-shadow: 2px 2px 10px rgba(70,148,251,.4)}
.block-item-hover li{position: absolute;white-space: nowrap;}
.block-item-hover li dt{font-size: 18px;margin-bottom: 10px;font-weight: bold}
.block-item-hover li dd{line-height: 24px;font-weight: bold;padding-left: 15px;;position: relative}
.block-item-hover li dd:before{content:'';display:block;width: 8px;height: 8px;border-radius: 8px;background-color: #fff;position: absolute;left: 0;top:8px;}
.block-item-hover li:nth-child(1){left: 40px;top: 162px;}
.block-item-hover li:nth-child(1) .bubble{top: -14px;left: -200px;}
.block-item-hover li:nth-child(1) .bubble:after{content:'';display:inline-block;width:0;height:0;border-width:8px;border-style:solid;border-color: transparent transparent transparent #4296fe;position: absolute;right: -16px;top: 15px;}
.block-item-hover li:nth-child(2){left: 460px;top: 45px;}
.block-item-hover li:nth-child(2) .bubble{top: -8px;left: 60px;}
.block-item-hover li:nth-child(2) .bubble:after{content:'';display:inline-block;width:0;height:0;border-width: 8px;border-style: solid;border-color:transparent #4296fe transparent transparent;position: absolute;left: -16px;top: 15px;}
.block-item-hover li:nth-child(3){left: 277px;top: 247px;}
.block-item-hover li:nth-child(3) .dot i{background-color: #88eafe}
.block-item-hover li:nth-child(3) .bubble{top: 43px;left: -90px;}
.block-item-hover li:nth-child(3) .bubble:after{content:'';display:inline-block;width:0;height:0;position: absolute;left: 89px;top: -16px;border-width: 8px;border-style: solid;border-color: transparent transparent #4296fe transparent}

@-webkit-keyframes rotate3 {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    50%{
        -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@keyframes rotate3 {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    50%{
        -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@-webkit-keyframes rotate5 {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    50%{
        -webkit-transform: rotate(5deg);
                transform: rotate(5deg);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@keyframes rotate5 {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    50%{
        -webkit-transform: rotate(5deg);
                transform: rotate(5deg);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@-webkit-keyframes rotate10 {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    50%{
        -webkit-transform: rotate(10deg);
                transform: rotate(10deg);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

@keyframes rotate10 {
    0%{
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    50%{
        -webkit-transform: rotate(10deg);
                transform: rotate(10deg);
    }
    100% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}

.detail-wrapper{width: 360px;height: 0;border-radius: 800px;position: absolute;overflow: hidden;-webkit-transform: translate(-50%,-47%);-ms-transform: translate(-50%,-47%);transform: translate(-50%,-47%);-webkit-transition: all 1s;transition: all 1s}
.detail-wrapper .detail{width: 360px;background-color: rgba(99,164,248,0.9);border:3px solid rgba(255,255,255,.7);border-radius: 14px;padding:30px 20px;box-sizing: border-box;margin:0 auto}
.detail-wrapper .detail h3{color:#fff;text-align: center;font-size: 20px;font-weight: bold;margin-bottom: 25px;}
.detail-wrapper .detail-item{background-color: #fff;border-radius: 10px;padding:15px 100px 15px 15px ;margin-bottom: 10px;position: relative}
.detail-wrapper .detail-item p{font-weight: bold;margin-bottom: 10px;text-align: left}
.detail-wrapper .detail-item span{white-space: normal;color:#6d6f74;text-align: left}
.detail-wrapper .detail-item a{background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(right,#4196fe,#7c7ee5 );background: linear-gradient(to left,#4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);color:#fff;display: block;width: 80px;line-height: 30px;text-align:center;border-radius: 30px;position: absolute;top:36px;right: 15px;}
.detail-wrapper .detail>*{opacity: 0;-webkit-transition: opacity .5s;transition: opacity .5s;text-align: left}

.block-item-hover li:nth-child(1) .detail-wrapper{top:65px;left: -220px}
.block-item-hover li:nth-child(2) .detail-wrapper{top:190px;left: 230px}
.block-item-hover li:nth-child(3) .detail-wrapper{top:50%;left:50%}

.block-item-hover li:hover .detail-wrapper{width: 360px;height: 644px;z-index: 5;border-radius: 0}
.block-item-hover li:hover .detail>*{opacity: 1;-webkit-transition: opacity 1s 1s;transition: opacity 1s 1s}
.block-item-hover li:hover .detail>*:nth-child(1){-webkit-transition-delay: .3s;transition-delay: .3s}
.block-item-hover li:hover .detail>*:nth-child(2){-webkit-transition-delay: .6s;transition-delay: .6s}
.block-item-hover li:hover .detail>*:nth-child(3){-webkit-transition-delay: .9s;transition-delay: .9s}
.block-item-hover li:hover .detail>*:nth-child(4){-webkit-transition-delay: 1.2s;transition-delay: 1.2s}
.block-item-hover li:hover .detail>*:nth-child(5){-webkit-transition-delay: 1.5s;transition-delay: 1.5s}
.block-item-hover li:hover .detail>*:nth-child(6){-webkit-transition-delay: 1.8s;transition-delay: 1.8s}

/* tab切换 */
.tab-box-head{text-align: center;margin-bottom: 40px}
.tab-box-head li{display: inline-block;cursor: pointer;color: #666;}
.tab-box-head li.active{color:#11111a}

/* 线条式 */
[data-skin="1"]>.tab-box-head{border-bottom: 1px solid #eaebef;}
[data-skin="1"]>.tab-box-head .tab-box-menu{white-space: nowrap;overflow-x: auto;}
[data-skin="1"]>.tab-box-head li{color: #2f2f40;padding: 0 10px 17px;line-height: 24px;margin: 0 70px;position: relative;font-size: 18px}
[data-skin="1"]>.tab-box-head li:after{content:'';display:block;position:absolute;left: 0;bottom: 0;width: 0;height: 2px;background-color: #2981ff;transition: 0.5s width cubic-bezier(.74,.29,.03,.91)}
[data-skin="1"]>.tab-box-head li.active:after{width: 100%}

/* 带图标式 */
[data-skin="2"] .tab-icon{display: block;width: 48px;height: 48px;padding: 6px;margin: 10px auto;border:1px solid transparent;border-radius: 40px;}
[data-skin="2"]>.tab-box-head{display: -webkit-flex;display: flex;justify-content: space-around}
[data-skin="2"]>.tab-box-head li{position: relative;padding: 0 10px}
[data-skin="2"]>.tab-box-head li:before, [data-skin="2"]>.tab-box-head li:after{content:'';display:block;width: 100px;height: 1px;background-color: #e5e8ed;position: absolute;top: 40px}
[data-skin="2"]>.tab-box-head li:before{right: 120px;}
[data-skin="2"]>.tab-box-head li:after{left: 120px;}
[data-skin="2"]>.tab-box-head li:first-child:before{display: none}
[data-skin="2"]>.tab-box-head li:last-child:after{display: none}
[data-skin="2"]>.tab-box-head li.active{color: #2981ff}
[data-skin="2"]>.tab-box-head li.active .tab-icon{border:1px solid #2981ff;box-shadow: 0 4px 10px rgba(0, 150,255,0.2);background-color: #fff}
[data-skin="2"]>.tab-box-head li.active .tab-icon:before{background-image: url(https://www.kkidc.com/images/icon-product-active-fun-48_48.png)}

/* 按钮式 */
[data-skin="3"]>.tab-box-head li{font-size: 18px;}
[data-skin="3"]>.tab-box-head{border-bottom: none;margin-bottom: 30px}
[data-skin="3"]>.tab-box-head li{padding: 0 15px;line-height: 30px;margin: 0 18px;font-size: 14px;border:1px solid #e6e6e6;border-radius: 2px}
[data-skin="3"]>.tab-box-head li.active{background-color: #2981ff;border:1px solid #2981ff;color: #fff;box-shadow: 0 4px 10px rgba(0, 150, 255, .3)}

/* 上下边框线 */
[data-skin="4"]>.tab-box-head{display: -webkit-flex;display: flex;justify-content: space-between;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec}
[data-skin="4"]>.tab-box-head li{line-height: 38px;position: relative}
[data-skin="4"]>.tab-box-head li:after{content:'';display:block;position:absolute;left: 50%;bottom: 0;transform:translateX(-50%);width: 0;height: 2px;background-color: #0096ff;transition: 0.5s width cubic-bezier(.74,.29,.03,.91)}
[data-skin="4"]>.tab-box-head li.active:after{width: 100%}


/* part04 */
.section04{background:url(../image/sec04-bg.png) #2b2b34 no-repeat bottom center;}
.section04 .w1120{position: relative}
.datacenter{height: 488px;background: url(../image/sec04-line01.png) center no-repeat;position: relative;width: 1132px;margin:95px auto -120px auto}
.dataPath>path{-webkit-filter: none;filter: none; fill: none;stroke-width: 3px;stroke:url(#bg);}
#dcMachine{position: absolute;top:134px;left: 47%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%)}
.c01{-webkit-animation: changeColor 4s infinite;animation: changeColor 4s infinite}
.c02{-webkit-animation: changeColor 5s infinite;animation: changeColor 5s infinite}
.c03{-webkit-animation: changeColor 4s 2s infinite;animation: changeColor 4s 2s infinite}
.c04{-webkit-animation: changeColor 9s infinite;animation: changeColor 9s infinite}
@-webkit-keyframes changeColor {
    50%{
        fill:aqua;
    }
    100%{
        fill:aqua;
    }
}
@keyframes changeColor {
    50%{
        fill:aqua;
    }
    100%{
        fill:aqua;
    }
}
.section04 .info{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.section04 .info *{-webkit-transition: all .3s;transition: all .3s}
.section04 .info .item-head{color:#fff}
.section04 .info .item-head:before,.section04 .info .item-head:after{content:'';display: block;opacity:1;width: 40px;height: 40px;background-color: rgba(81,101,255,0.5);border-radius: 20px;position: absolute;top:0;left: 0}
.section04 .info .item-head a{display:inline-block;width:40px;line-height: 40px;height:40px;text-align: center;color:#fff;background-color: #5165ff;border-radius: 20px;position: relative;z-index: 3}
.section04 .info .item-head p{color:#fff;font-size: 14px;display: inline-block;line-height: 40px;margin-left: 10px}
.section04 .info .item-bubble{display:none;box-sizing:border-box;background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(right, #4196fe,#7c7ee5 );background: linear-gradient(to left, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);color:#fff;padding:20px;width: 400px;position: absolute;bottom: 60px;left: -80px;z-index: 9;min-height: 200px}
.section04 .info .item-bubble:after{content:'';display: block;width: 0;height: 0;border-style: solid;border-width: 7px;border-color: #6f83ea transparent transparent transparent;position: absolute;bottom: -14px;left: 93px}
.section04 .info .item-bubble>*{font-size: 14px;white-space: normal}
.section04 .info .item-bubble h3{line-height: 30px;margin-bottom: 10px}
.section04 .info .item-bubble p{line-height: 25px}

.section04 .info li{position: absolute}
.section04 .info li:nth-child(1){top:170px;left: 652px}
.section04 .info li:nth-child(2){top:170px;left: 300px}
.section04 .info li:nth-child(3){top:60px;left: 290px}
.section04 .info li:nth-child(4){top:10px;left: 640px}
.section04 .info li:nth-child(5){top:245px;left: 822px}
.section04 .info li:nth-child(6){top:330px;left: 640px}
.section04 .info li:nth-child(7){top:346px;left: 330px}

.section04 .info li:nth-child(3) .item-bubble{top:60px;left: -80px}
.section04 .info li:nth-child(4) .item-bubble{top:60px;left: -80px}
.section04 .info li:nth-child(3) .item-bubble:after,.section04 .info li:nth-child(4) .item-bubble:after{border-color: transparent transparent #6f83ea transparent;top:-14px;bottom: auto}

.section04 .info li.active .item-head:before{-webkit-animation: scaleHide 3s infinite;animation: scaleHide 3s infinite}
.section04 .info li.active .item-head:after{-webkit-animation: scaleHide 3s 1s infinite;animation: scaleHide 3s 1s infinite}
@-webkit-keyframes scaleHide {
    0%{
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(1.8);
                transform: scale(1.8);
        opacity: 0;
    }
}
@keyframes scaleHide {
    0%{
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(1.8);
                transform: scale(1.8);
        opacity: 0;
    }
}
.section04 .info li.active .item-head a{background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(right, #4196fe,#7c7ee5 );background: linear-gradient(to left, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);}
.section04 .info li.active .item-bubble{display: block}


/* section05 */
.block05{padding: 95px 40px;box-sizing: border-box;border-radius: 20px;position: relative}
.block05 .icon{margin:0 auto}
.block05 h3{font-weight: normal;margin: 25px 0 15px 0;}
.block05 p{text-align: justify;min-height: 54px}
.block05:before,.block05:after{content:'';position: absolute;top:0;left: 0;width: 100%;height: 100%;border-radius: 20px;border:1px solid #c7cdd9;-webkit-transition: all .3s;transition: all .3s}
.block05:hover:before{top:-5px;left: -5px;border:1px solid #32394a}
.block05:hover:after{top:5px;left: 5px;border:1px solid #32394a}

/* section06 */
.section06{background-color: #32394b}
.section06 .section-content{position: relative;}


.partner-container{overflow: hidden}
.partner-container .swiper-slide{display:inline-block;width:134px;height:52px;border:1px solid #e5e5e5;box-sizing: border-box;background-position: center center;background-size: 80%;background-repeat: no-repeat}
.partner-container img{width: 100%;height: 100%}

/* section08 */
.section08{background-image: url(../image/bg03.png);background-position:center center;background-size:auto 100%;position: relative;overflow: hidden;padding:48px 0}
.btn-border{display:inline-block;border:1px solid #fff;color:#fff;border-radius: 8px;width: 160px;text-align: center;line-height: 48px;margin:0 auto;font-size: 20px;position: relative;z-index: 3;-webkit-transition: all .3s;transition: all .3s}
.btn-border:hover{background-color: #fff;color:#5f8af2}
.section08 canvas{position: absolute;top:0;left: 0;width: 100%;height: 100%}
.section08 .section-title{margin-bottom: 0}
.section08 .section-title .btn-border{margin-left: 50px;position: relative;top:-5px}
.section08 .section-title h2{font-weight: normal}

/* section09 */
.linear{background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(right, #4196fe,#7c7ee5 );background: linear-gradient(to left, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);}

.prize-title{color: #fff;width: 100%;position: absolute;top: 100%;text-align: center;line-height: 1.6em;font-size: 12px;padding: 10px 0;}
.prize-title:after{content:'';width: 20px;height: 1px;background-color: #fff;position: absolute;left: 50%;bottom: 0;margin-left: -10px;}
.prizes-slides{padding: 0 80px;margin-bottom: -80px}
.prizes-slides .swiper-container{padding: 0 0 300px}
.prizes-slides .swiper-slide{width: 20%;padding-bottom: 36px;background-image: url(../image/cone.png);background-position: bottom center;background-repeat: no-repeat;background-size: 100%;opacity: .6;position: relative;-webkit-transition: all .3s;transition: all .3s;text-align: center;-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;cursor: pointer}
.prizes-slides .swiper-slide .prize-title{display: none}
.prizes-slides .swiper-slide-active{-webkit-transform: scale(1.5) translate(0, 20px);-ms-transform: scale(1.5) translate(0, 20px);transform: scale(1.5) translate(0, 20px);opacity: 1}
.prizes-slides .swiper-slide-active .prize-title{display: block}
.prizes-slides .swiper-slide-prev{-webkit-transform: scale(1.1) translate(-30px, 55px);-ms-transform: scale(1.1) translate(-30px, 55px);transform: scale(1.1) translate(-30px, 55px);}
.prizes-slides .swiper-slide-next{-webkit-transform: scale(1.1) translate(30px, 55px);-ms-transform: scale(1.1) translate(30px, 55px);transform: scale(1.1) translate(30px, 55px);}
.prizes-slides .swiper-button{width: 50px;height: 50px;background-size: 100% 100%;outline: none;top: 30%}
.prizes-slides .swiper-button-prev{background-image: url(../image/arr-left.png)}
.prizes-slides .swiper-button-next{background-image: url(../image/arr-right.png)}

@media screen and (max-width: 769px) {
    .prizes-slides .swiper-slide-active{-webkit-transform: scale(1.4) translate(0, 20px);-ms-transform: scale(1.4) translate(0, 20px);transform: scale(1.4) translate(0, 20px);}
    .prizes-slides .swiper-slide-prev{-webkit-transform: scale(1) translate(0, 55px);-ms-transform: scale(1) translate(0, 55px);transform: scale(1) translate(0, 55px);}
    .prizes-slides .swiper-slide-next{-webkit-transform: scale(1) translate(0, 55px);-ms-transform: scale(1) translate(0, 55px);transform: scale(1) translate(0, 55px);}
}

@media screen and (max-width: 640px) {
    .prizes-slides .swiper-container{padding-bottom: 100px}
    .prizes-slides .swiper-slide-active{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
    .prizes-slides .swiper-button{width: 30px;height: 30px;}
}



/* 数据中心 */
.tab-nav{background-color: #32394a;white-space: nowrap;overflow: auto}
.tab-nav li{display: inline-block;max-width: 300px;width: 32%}
.tab-nav li a{display:block;color:#fff;font-weight: bold;padding:15px 0}
.tab-nav li.on a{background-color: #3b496b;}
.tab-nav li i{margin:0 auto;margin-bottom: 8px}

.block1-1 .pic{height: 100px;margin:0 auto}
.block1-1 h3,.block1-1 h4{font-weight: normal;margin:30px 0 20px 0;font-size: 24px;}
.block1-1 p{line-height: 22px;font-size: 14px;text-align: left}

.block1-2{width: 1163px;background-color: #f5f8ff;margin:0 auto;padding:40px;box-sizing: border-box}
.block1-2 .photoList{width: 560px;overflow: hidden;position: relative;}
.block1-2 .photolist-item .swiper-wrapper{white-space: nowrap}
.block1-2 .photoList img{display: block;width: 100%;height: 100%;max-height: 430px}
.photolist-item .swiper-slide{padding-bottom: 77%;box-sizing: border-box;position: relative;overflow: hidden;height: 430px;display: inline-block}
.photolist-item .swiper-slide img{position: absolute}
.block1-2 .baseIntro{width: 480px;height:430px;position: relative;padding-left: 40px;box-sizing: border-box}
.block1-2 .baseIntro ul{position: absolute;top:50%;;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 40px}
.block1-2 .baseIntro li{line-height: 30px;padding-left: 120px;position: relative;margin-bottom: 20px}
.block1-2 .baseIntro li.other{padding-left: 0}
.block1-2 .baseIntro li:last-child{margin-bottom: 0}
.block1-2 .baseIntro li span{position: absolute;left: 0}


/* section09 */
.section09{background-color: #32394a}
.polygon-item{width: 436px;margin:120px auto;text-align: center;position: relative;-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2)}
.ploygonLine-0,.ploygonLine-1{fill: none;stroke: #8697ee;stroke-linejoin: round;stroke-width: 2px;fill-rule: evenodd;}
.ploygonLine-0{stroke-width: 5px;stroke-dasharray: 1500; stroke-dashoffset: 1500;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-transition: stroke-dashoffset 1s;transition:stroke-dashoffset 1s; }
#shape01,#shape02{-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;fill:#7a7fe6;position: absolute;top:0;left: 0}
#polygon-path[data-path='1'] .ploygonLine-0{stroke-dashoffset: 1250;}
#polygon-path[data-path='1'] + #polygon-shape #shape01{-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);}
#polygon-path[data-path='1'] + #polygon-shape #shape02{-webkit-transform: rotate(-60deg);-ms-transform: rotate(-60deg);transform: rotate(-60deg);}
#polygon-path[data-path='2'] .ploygonLine-0{stroke-dashoffset: 1025;}
#polygon-path[data-path='2'] + #polygon-shape #shape01{-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg);}
#polygon-path[data-path='2'] + #polygon-shape #shape02{-webkit-transform: rotate(-120deg);-ms-transform: rotate(-120deg);transform: rotate(-120deg);}
#polygon-path[data-path='3'] .ploygonLine-0{stroke-dashoffset: 780;}
#polygon-path[data-path='3'] + #polygon-shape #shape01{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
#polygon-path[data-path='3'] + #polygon-shape #shape02{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
#polygon-path[data-path='4'] .ploygonLine-0{stroke-dashoffset: 540;}
#polygon-path[data-path='4'] + #polygon-shape #shape01{-webkit-transform: rotate(240deg);-ms-transform: rotate(240deg);transform: rotate(240deg);}
#polygon-path[data-path='4'] + #polygon-shape #shape02{-webkit-transform: rotate(-240deg);-ms-transform: rotate(-240deg);transform: rotate(-240deg);}
#polygon-path[data-path='5'] .ploygonLine-0{stroke-dashoffset: 300;}
#polygon-path[data-path='5'] + #polygon-shape #shape01{-webkit-transform: rotate(300deg);-ms-transform: rotate(300deg);transform: rotate(300deg);}
#polygon-path[data-path='5'] + #polygon-shape #shape02{-webkit-transform: rotate(-300deg);-ms-transform: rotate(-300deg);transform: rotate(-300deg);}
#polygon-path[data-path='0'] .ploygonLine-0{stroke-dashoffset: 0;}
#polygon-path[data-path='0'] + #polygon-shape #shape01{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}
#polygon-path[data-path='0'] + #polygon-shape #shape02{-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}

.ploygonLine-2{fill: url(#lg);stroke: #fff;stroke-linejoin: round;stroke-width: 2px;fill-rule: evenodd;opacity: 0.6;}
#polygon-shape{position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 380px;height: 380px}
.polygon-list li{position: absolute;color:#fff;white-space: nowrap;cursor: pointer;z-index: 9}
.polygon-list li .tag{display: inline-block;width: 18px;line-height: 18px;color:#fff;background-color: #8697ee;border-radius: 18px;-webkit-transition: all .3s;transition: all .3s;font-size: 12px}
.polygon-list li.active .tag{-webkit-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(right, #4196fe,#7c7ee5);background: linear-gradient(to left, #4196fe,#7c7ee5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);}
.polygon-list li span{white-space: nowrap;font-weight: bold}
.polygon-list li.active span{color:#4495fd}
.polygon-list li.t span{position: absolute;bottom: 30px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.polygon-list li.r span{margin-left: 10px}
.polygon-list li.b span{position: absolute;top: 30px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.polygon-list li.l span{position: absolute;right: 100%;margin-right: 10px;}
.polygon-list li:nth-child(1){top: -7px;left: 209px;}
.polygon-list li:nth-child(2){top: 108px;left: 423px;}
.polygon-list li:nth-child(3){top: 337px;left: 423px;}
.polygon-list li:nth-child(4){top: 450px;left: 209px;}
.polygon-list li:nth-child(5){top: 337px;left: -6px;}
.polygon-list li:nth-child(6){top: 107px;left: -6px;}

.polygon-detail{position: absolute;top:0;left: 0;width: 100%;height: 100%;color:#fff;box-sizing: border-box;}
.polygon-detail>div{position: absolute;top:45%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.polygon-detail h4{font-weight: bold;line-height: 40px;}
.polygon-detail p{text-align: justify;line-height: 24px;font-size: 13px}




/*  section10 */
.section10 .block01{width: 325px;margin-right: 68px;}
.section10 .block01:last-child{margin-right:0}
.section10 .block01 h3,.section10 .block01 h4{font-size:18px;}


/*  section13 */
.section13{background: url('../image/about-bg.png') no-repeat;background-size: cover;padding: 170px 0;}
.section13 .intro-content{font-size: 14px;color: #32363f;margin: 0;padding: 0;}
.section13 .video-wrap{background-color: #1f2026;background-image: -webkit-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0));background-image: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0));}
.section13 .video-wrap, .section13 .section-content .video-poster{width: 100%;margin: 0;box-sizing: border-box;}
.section13 h3{font-size: 20px;}
.row-vertical-center{display: table;}
.row-vertical-center>div{display: table-cell;vertical-align: middle;float: none;}

/* 服务器租用 */
.tab-nav01{background-color: #f5f5f6;text-align: center}
.tab-nav01 ul{-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center}
.tab-nav01 ul::-webkit-scrollbar{display: none}
.tab-nav01 li{display: inline-block;margin-right: 45px;}
.tab-nav01 li:last-child{margin-right: 0}
.tab-nav01 li a{display: block;line-height: 65px;text-align: center}
.tab-nav01 li.on a{background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(right, #4196fe,#7c7ee5 );background: linear-gradient(to left, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);color:#fff}

.tab-btn{margin:0 auto;}
.tab-btn ul{font-size: 0;margin-right: -20px;}
.tab-btn li{width: 216px;line-height: 48px;display: inline-block;text-align: center;border:1px solid #eaebef;margin:0 20px 20px 0;box-sizing: border-box}
.tab-btn li a{display: block;font-size: 14px}
.tab-btn li.on a{color:#fff;background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(right, #4196fe,#7c7ee5 );background: linear-gradient(to left, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1)}
.tab-btn li a:hover{background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(right, #4196fe,#7c7ee5 );background: linear-gradient(to left, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);color:#fff}

.table01{width: 100%;border:1px solid #eaebef;border-collapse: collapse;background-color: #fff}
.table01 th,.table01 td{border:1px solid #eaebef;}
.table01 th{background-color: #f5f7fc;white-space: nowrap;padding:20px 5px}
.table01 td{text-align: center;padding:10px 5px}
.table01 td .btn{width: 90px;line-height: 35px;cursor: pointer;margin:5px;}
.table01 td .btn:hover{background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(right, #4196fe,#7c7ee5 );background: linear-gradient(to left, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);color:#fff;border:1px solid #fff}

.table01-flex{width: 100%;box-sizing: border-box;border-top:1px solid #eaebef;border-left:1px solid #eaebef;background-color: #fff;box-sizing: border-box;text-indent: initial;border-spacing: 2px;}
.table01-flex .table-tr{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;vertical-align: inherit;border-color: inherit;}
.table01-flex .table-th{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;box-sizing: border-box;width: 100%;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;justify-content: center;border-right: 1px solid #eaebef;border-bottom: 1px solid #eaebef;background-color: #f5f7fc;white-space: nowrap;padding:20px 5px;font-weight: bold;vertical-align: inherit;text-align: center;}
.table01-flex .table-td{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;box-sizing: border-box;width: 100%;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;border-right: 1px solid #eaebef;border-bottom: 1px solid #eaebef;padding:10px 5px}

/* section11 */
.section11{background-image:url(../image/zy-bg.jpg);background-color:#121627;background-repeat: no-repeat;background-position: center center;background-size: 100%}
.section11 .section-title{margin-bottom: 30px}
.block11{color:#fff;text-align: center;width: 1200px;margin: 0 auto;}
.block11 h3{font-size: 20px;font-weight: normal}
.block11 p{line-height:34px;font-size: 16px}
.adv-section{padding:20px 0}
.adv-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.adv-list li{display: inline-block;margin: 40px;font-size: 20px;position: relative;}
.adv-list li p{margin-bottom: 50px;font-size: 16px;}
.adv-list li i{font-size: 32px;color:#7f88f7 }
.adv-list li:after{content:'';display:block;width: 28px;height: 1px;border-bottom: 1px solid #fff;position: absolute;top:50%;left: 50%;;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.adv-list li span{font-size: 16px}

/* section12 */
.sec-ani-box{width: 1000px;margin:0 auto}
.sec-ani{position:relative;height: 570px}
.sec-bg-arc{position: absolute;width: 800px;height: 402px;overflow: hidden;left: 50%;margin-left: -400px}
.sec-bg-arc i{display: block;position: absolute;left: 50%;top:100%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border:1px solid #eaebef;}
.sec-bg-arc i:nth-child(1){width: 800px;height: 800px;border-radius: 800px;}
.sec-bg-arc i:nth-child(2){width: 650px;height: 650px;border-radius: 600px;}
.sec-bg-arc i:nth-child(3){width: 500px;height: 500px;border-radius: 400px;}

/* section14 */
.section14{background-image:url(../image/zuyong-yy-bg.jpg);background-color:#121627;background-repeat: no-repeat;background-position: center center;background-size: cover;padding: 80px 0 90px;}
.section14 .section-title{font-size: 30px;font-weight: normal;margin-bottom: 40px}
.block14 li{float: left;width: 16.6666%;color: #fff;font-size: 18px;text-align: center;}
[class^="zuyong-icon"]{display: inline-block;width: 66px;height: 68px;background-image: url(../image/zuyong-icons-66_68.png);margin-bottom: 20px;}
.zuyong-icon01{background-position: 0 0;}
.zuyong-icon02{background-position: -66px 0;}
.zuyong-icon03{background-position: -132px 0;}
.zuyong-icon04{background-position: -198px 0;}
.zuyong-icon05{background-position: -264px 0;}
.zuyong-icon06{background-position: -330px 0;}

/* waf-section */
/* .waf-section .section-content .waf {margin: auto;}
.waf-section .section-title h3 {font-weight: normal;}
.waf-section .section-content .waf-items {float: left;width: 40%;margin-bottom: 100px;}
.waf-section .section-content .waf-items h3 {font-size: 18px;margin-bottom: 20px;}
.waf-section .section-content .waf-items div {display: inline-block;}
.waf-section .section-content .waf-items:nth-child(2n) {margin-left: 20%;}
.waf-section .section-content .waf-items .item-icon {margin-right: 40px;}
.waf-section .section-content .waf-items .content {width: calc(100% - 186px); vertical-align: top;}
.waf-section .section-content .waf-items .content p{color: #6d6f74;line-height: 24px;}
.waf-section01 .section-content .waf-items:nth-child(n+3) {margin-bottom: 50px;}

.waf-section02 {background-color: #f7fafd;}
.waf-section02 .section-content .waf {padding-left: 6%;}
.waf-section02 .section-content .waf-items:first-child{margin-bottom: 25px;}
.waf-section02 .section-content .waf-items {width: 42%;margin-bottom: 50px;}
.waf-section02 .section-content .waf-items .content {vertical-align: top;}
.waf-section02 .section-content .waf-items:nth-child(2n) {margin-left: 16%;}
.waf-section02 .section-content .waf-items .content {width: calc(100% - 95px);}
.waf-section02 .section-content .waf-items .item-icon {margin-right: 26px;}
.waf-section02 .section-content .waf-items h3 {margin-bottom: 10px;}

.waf-section03 .section-content .waf-right {width: calc(100% - 65%);}
.waf-section03 .section-content .waf-right .waf-title {margin-bottom: 20px;margin-left: -4px;}
.waf-section03 .section-content .waf-right .waf-title h4 {position: relative; font-size: 16px;padding-left: 28px;}
.waf-section03 .section-content .waf-right .waf-title h4::after {position: absolute;top: 4px;left: 0;content: '';width: 14px;height: 14px;border-radius: 50%;background-color: #2981ff;opacity: .2;}
.waf-section03 .section-content .waf-right .waf-title h4::before {position: absolute;top: 8px;left: 4px;content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #2981ff;}
.waf-section03 .section-content .waf-right .waf-right-item div:last-child {margin-top: 36px;}
.waf-section03 .section-content .waf-right .waf-right-item p {width: 92%; color: #6d6f74;line-height: 24px;}
.waf-section03 .section-content .waf-left {width: 63%;text-align: center;} */



.footer-tips{padding: 40px;font-size: 18px;text-align: center;color: #fff;background-image: url(../image/banner-foot-bg.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
.footer-tips h4{font-weight: normal;}

.sec-dot{position: absolute;width: 100%;height: 100%;min-width: 1000px;left: 50%;margin-left: -500px}
.sec-dot li{position: absolute;cursor: pointer;}
.sec-dot li>div{width: 80px;height: 80px;border-radius: 80px;background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(right, #4196fe,#7c7ee5 );background: linear-gradient(to left, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);color:#fff;text-align: center;box-sizing: border-box;box-shadow: 2px 2px 5px rgba(70,148,251,0.5);padding-top: 1px;-webkit-animation: rock 3s infinite;animation: rock 3s infinite}
.sec-dot li .zuyong-ic{margin-top: 15px;}
.sec-dot li:nth-child(4) .zuyong-ic{margin-top:24px}
.zuyong-ic{display: block;background-image: url(../image/icon.png);background-repeat: no-repeat;width: 30px;height: 30px;margin:0 auto}
.ic02{background-position: -30px 0}
.ic03{background-position: -60px 0}
.ic04{background-position: -90px 0}
.ic05{background-position: -120px 0}
.ic06{background-position: -150px 0}
.sec-dot li:nth-child(1){left: 6%;top: 330px;}
.sec-dot li:nth-child(1)>div{-webkit-animation-delay: .3s;animation-delay: .3s;-webkit-animation-duration: 3.4s;animation-duration: 3.4s}
.sec-dot li:nth-child(2){left: 140px;top: 120px;}
.sec-dot li:nth-child(2)>div{-webkit-animation-delay: 2.1s;animation-delay: 2.1s;-webkit-animation-duration: 5s;animation-duration: 5s}
.sec-dot li:nth-child(3){left: 265px;top: 148px;}
.sec-dot li:nth-child(3)>div{width: 30px;height: 30px;-webkit-animation-delay: 1.5s;animation-delay: 1.5s;-webkit-animation-duration: 6.3s;animation-duration: 6.3s}
.sec-dot li:nth-child(4){left: 445px;top: 20px;}
.sec-dot li:nth-child(4)>div{width: 105px;height: 105px;font-size: 20px;-wekibt-animation-delay: 2.4s;-webkit-animation-delay: 2.4s;animation-delay: 2.4s;-webkit-animation-duration: 7s;animation-duration: 7s}
.sec-dot li:nth-child(4) .ic{margin-top: 25px}
.sec-dot li:nth-child(5){left: 650px;top: 10px;}
.sec-dot li:nth-child(5)>div{-webkit-animation-delay: .9s;animation-delay: .9s;-webkit-animation-duration: 4.3s;animation-duration: 4.3s}
.sec-dot li:nth-child(6){left: 718px;top: 150px;}
.sec-dot li:nth-child(6)>div{-webkit-animation-delay: 1.8s;animation-delay: 1.8s;-webkit-animation-duration: 6s;animation-duration: 6s}
.sec-dot li:nth-child(7){left: 860px;top: 335px;}
.sec-dot li:nth-child(7)>div{-webkit-animation-delay: .6s;animation-delay: .6s;-webkit-animation-duration: 7s;animation-duration: 7s}
.sec-dot li:nth-child(8){left: 740px;top: 388px;}
.sec-dot li:nth-child(8)>div{width: 20px;height: 20px;-webkit-animation-delay: 1.2s;animation-delay: 1.2s;-webkit-animation-duration: 7s;animation-duration: 7s}

.sec-chart{position: absolute;width: 100%;height: 100%;min-width: 1000px;top:0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.sec-chart>img{position: absolute}
.sec-chart img:nth-child(1){left: 50%;top: 58%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.sec-chart img:nth-child(2){left: 350px;bottom: 0;}
.sec-chart img:nth-child(3){left: 565px;bottom: 0;}
.sec-list{margin:50px 0}
.sec-list ul{font-size: 0}
.sec-list li{display: inline-block;position: relative;padding-left: 40px;margin-right: 40px;box-sizing: border-box;vertical-align: top}
.sec-list li:nth-child(4n){margin-right: 0}
.sec-list li p{font-weight: bold;font-size: 16px;color:#0a1633;text-align: left}
.sec-list li h4{font-weight: bold;font-size: 16px;color:#0a1633;text-align: left}
.sec-list li p:after{content:'';display:block;width: 20px;height: 1px;background-color: #333;margin:10px 0}
.sec-list li h4:after{content:'';display:block;width: 20px;height: 1px;background-color: #333;margin:10px 0}
.sec-list li span{color:#6b798e;font-size: 14px;text-align: left;display: block}

@-webkit-keyframes rock {
    0%{
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes rock {
    0%{
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

.section-compared{padding-bottom: 100px;}
.section-compared .section-title{margin-bottom: 40px;}
.compared-box{position: relative;}
.compared-box::before{content: '';position: absolute;top: -19px;bottom: -1px;left: calc(15% - 1px);width: calc(50% + 2px);z-index: 1;background-image: -moz-linear-gradient( 148deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);background-image: -webkit-linear-gradient( 148deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);background-image: -ms-linear-gradient( 148deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);background-image: linear-gradient( 148deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);box-shadow: 0px 2px 10px 0px rgba(66, 150, 254, 0.52);}
.compared-box{position: relative;}
.compared-box .table-th:nth-child(1){width: 15%;font-size: 14px;font-weight: normal;}
.compared-box .table-th:nth-child(2){width: 50%;font-size: 16px;font-weight: bold;}
.compared-box .table-th:nth-child(3){width: 35%;font-size: 14px;font-weight: normal;}
.compared-box .table-td:nth-child(1){width: 15%;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;text-align: center;}
.compared-box .table-td:nth-child(2){width: 50%;padding-left: 70px;padding-right: 70px;}
.compared-box .table-td:nth-child(3){width: 35%;padding-left: 70px;padding-right: 70px;}
.compared-box .recommend::after{content: '';position: absolute;right: -5px;top: -5px;width: 94px;height: 75px;background-image: url(../image/tuijian.png);}
.compared-box .col-highlight{position: relative;padding: 0;}
.compared-box .col-highlight div{position: absolute;top: -20px;left: -1px;right: -1px;height: 80px;line-height: 80px;color: #fff;background-image: -webkit-linear-gradient( 90deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);background-image: -moz-linear-gradient( 90deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);background-image: -ms-linear-gradient( 90deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);background-image: linear-gradient( 90deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);}
.compared-box .table-th:nth-child(2), .compared-box .table-td:nth-child(2){position: relative;background-color: #f6f8fe;z-index: 2;}
.compared-box .table-td:nth-child(2){position: relative;}
.compared-box .table-td{padding: 20px 5px;}

.skip-box{height: 60px;}
.skip-item{height: 60px;text-align: center;background-color: #f1f4f8;width:100%;z-index:100;top:0;position: relative;overflow: hidden}
.skip-item ul{display: inline-block;width: 100%}
.skip-item ul li{display: inline-block;line-height:58px;width: 15%;box-sizing: border-box;}
.skip-item ul li:last-child{margin-right: 0}
.skip-item ul li a{color:#0a1633;font-size: 14px;display: inline-block;box-sizing: border-box;position: relative;}
.skip-item ul li.on a{color:#2983ff;border-bottom: 2px solid #2982ff;}
.skip-item span{color:#0a1633;display: block;width:150px;line-height: 60px;font-weight: bold;font-size: 14px;position: absolute;}
.skip-item .btn{padding:0;width:120px;height:38px;line-height: 38px;background-color: #2983ff;display: block;margin:11px 0;color:#fff;border-radius: 3px;font-size: 14px;border:0;position: absolute;right: 0;bottom: 0;z-index: 9}
.skip-item .btn i{display: none}
.skip-prev,.skip-next{display: none;position: absolute;top:0;width: 60px;line-height: 60px;text-align: center;z-index: 9}
.skip-prev{left: 0}
.skip-next{right: 0}


/* 游戏盾 */
.section-header{margin-bottom: 60px;}
.section-header h1,.section-header h3{color:#0a1633;font-size: 24px;text-align: center;font-weight: 900;}
.section-header p{text-align: center;font-size: 14px;color:#516179;max-width: 1200px;width: 96%;margin:20px auto 0}
.section-body li{float: left}
.section-body p{line-height: 50px;color:#0a1633;font-weight: bold}
.section-body span{color:#6b798e;font-size: 14px;line-height: 25px;overflow: hidden;}

.section-a1 ul{padding-top:20px;}
.section-a1 li{text-align: center;cursor: pointer;}
.section-a1 li img{width:100px;height:100px;}
p.line{position: relative;font-size: 16px;}
p.line:after{content:'';width:20px;height:1px;background-color: #333;display: block;position:absolute;-webkit-transition: all 1s;transition: all 1s;}
.section-a1 p.line{margin-bottom: 20px}
.section-a1 li p:after{left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.section li:hover p.line:after{width:60px;}

.section-a2{background-color: #f5f8fa}
.section-a2 ul{clear:inherit;width: 96%;max-width: 1100px;margin:0 auto}
.section-a2 li>div{clear:inherit;padding:25px 40px;box-sizing: border-box;background-color: #fff;border-radius: 3px;}
.section-a2 li>div .info-l{margin:8px 0}
.section-a2 li>div .info-l img{width:100px;height:100px;}
.section-a2 li>div .info-r{width: 70%;}
.section-a2 li>div .info-r p{font-size: 16px;}
.section-a2 li>div p{margin:0}
.section-a2 li>div span{height: 70px;display: block}

.tb-style .tb-item{width: 42%;display: table;float: left}
.tb-style .tb-item .tb-tr{display: table-row;width:100%;text-align: center;}
.tb-style .tb-item:first-child{width: 16%;}
.tb-style .tb-item .tb-tr:nth-child(2n-1){background-color: #f5f8fa}
.tb-style .tb-item .tb-tr:first-child p{background-color: #2981ff;font-weight: bold;}
.tb-style .tb-item .tb-tr:first-child p{color:#fff;}
.tb-style .tb-item .tb-tr p{border-right: 1px dashed #ccd5db;display: table-cell;vertical-align: middle;line-height: 1.5em;padding: 0px 20px;height: 60px;font-weight: normal}
.tb-style .tb-item:last-child .tb-tr p{border-right: 0}

.section-a4{background-color:#1d224a}
.section-a4 .section-header h1,.section-a4 .section-header h3{color:#fff}
.section-a4 .animate-div .animate-fixed{background-image: url(../image/section04.png);background-repeat:no-repeat;background-position:center center;width:571px;height:408px;position: absolute;}
.section-a4 .animate-info{width: 40%;padding:0 35px;}
.section-a4 .animate-info *{color:#fff}
.section-a4 .animate-info p{font-size: 16px;}
.section-a4 .list-item{margin-top: 10px;font-size: 14px;font-weight: bold;}
.section-a4 .list-item li{margin-right: 60px;width:140px;margin-top:30px;position: relative;padding-left: 40px}
.section-a4 .animate-info span{text-align: justify;display: block;}
.section-a5{padding-top: 175px;}

.select-btn{text-align: center;margin-bottom: 60px;}
.select-btn li{float: none;display: inline-block;width:120px;line-height: 38px;border-radius: 3px;margin-right: 65px;overflow:hidden}
.select-btn li a{color:#6b798e;background-color: #f1f4f8;display: block}
.select-btn li:last-child{margin-right: 0}
.select-btn li.on a{background-color: #2981ff;color:#fff}

.section-select-box{text-align: left}
.section-select-box .select-item{text-align: center;box-shadow: 1px 1px 30px rgba(41,129,255,0.1);padding:0 30px 40px 30px;-webkit-transition: all .5s;transition: all .5s;}
.section-select-box>ul{width: 1055px;margin: 0 auto;}
.select-item .select-header{border-bottom: 1px dashed #e9e9e9}
.select-item .select-header h1{font-size: 18px;line-height: 70px;font-weight: bold;-webkit-transition: all .5s;transition: all .5s;}
.select-item .select-body{padding:30px 0}
.select-item .select-footer{border-top:1px dashed #e9e9e9;}
.select-item .select-footer p{line-height: 90px;}
.select-item .select-footer p span{color:#f89501;font-weight: bold}
.select-item .select-footer p big{font-size: 22px;}
.select-item .select-footer a{display: block;max-width:210px;width:100%;line-height: 40px;background-color: #2981ff;color:#fff;margin:0 auto;border-radius: 3px;cursor: pointer;}
.select-item p{line-height: 30px;font-weight: normal;margin:0 ;font-size: 14px;color:#516179}
.select-item p .sp{display: inline-block;width: 125px;text-align: right;}
.select-item p .icon-gous{display: inline-block;width: 18px;height: 18px;background-image: url(../image/gou_green.png);vertical-align: middle}

/* @media screen and (min-width:1024px) {
    .select-item:hover p .icon-gous{background-image: url(../images/gou_write.png)}
    .section-select-box .select-item:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);background-color: #2981ff}
    .section-select-box .select-item:hover *{color:#fff}
    .section-select-box .select-item:hover .select-footer a{background-color: #f89501}
} */

.section-a6{background-color: #f5f8fa}
.animate-l{padding-left: 150px;}
.animate-l li{float: none;position: relative;padding-left: 40px;}
.animate-l li i{margin:20px 15px 20px 0}
.animate-l li .i-title{display: inline-block}
.animate-l li .i-title p{margin:10px 0;line-height: 45px;}
.animate-l li .i-title p:after{left: 0;}
.animate-l li .i-title p:after{position: absolute;width:20px;height:1px;background-color: #333;display: block}

.animate-bg{background-image: url(../image/img08.png);width:530px;height:400px;background-size: 100% 100%;background-position: center center;position: relative;margin:20px 0}
.animate-bg .items-01{width:200px;height:220px;background: url(../image/img09.png);position: absolute;top: 50%;left: 50%;margin: -110px 0 0 -100px;}
.animating .animate-bg .items-01:before{content:'';width:74px;height:42px;background-color: #fff;display: block;position: absolute;left: 32%;top:8%;
    border-radius: 37px / 21px;
    -webkit-animation: bgChange 3s forwards;
    animation: bgChange 3s forwards;
}
.animating  .animate-bg .items-01:after{
    content:'';width:72px;height:120px;display: block;position: absolute;left: 32.5%;bottom:70%;border-bottom-left-radius: 33px;border-bottom-right-radius: 33px;opacity: 0;
    background: -webkit-linear-gradient(to top, rgba(52,84,253,0)0, rgba(52,84,253,0.1)40%, rgba(52,84,253,0)100%);
    background: -webkit-linear-gradient(bottom, rgba(52,84,253,0)0, rgba(52,84,253,0.1)40%, rgba(52,84,253,0)100%);
    background: linear-gradient(to top, rgba(52,84,253,0)0, rgba(52,84,253,0.1)40%, rgba(52,84,253,0)100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=rgba(52,84,253,0),endcolorstr=rgba(52,84,253,0.1),gradientType=1);
    -webkit-animation: lightUp 1s linear 1s forwards ;
    animation: lightUp 1s linear 1s forwards ;
}

@-webkit-keyframes bgChange {
    from{
        background-color: #fff;
    }
    to{
        background-color: #3454fd;
    }
}
@keyframes bgChange {
    from{
        background-color: #fff;
    }
    to{
        background-color: #3454fd;
    }
}


@-webkit-keyframes lightUp {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@keyframes lightUp {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.animate-bg .items-02,.animate-bg .items-03,.animate-bg .items-04,.animate-bg .items-05,.animate-bg .items-06{position: absolute}
.animate-bg .items-02{top: 0;left: 18%;}
.animate-bg .items-03{left: 0;top: 32%;}
.animate-bg .items-04{left: 63%;top: -4%;}
.animate-bg .items-05{left: 82%;top: 32%;}
.animate-bg .items-06{left: 42%;top: 62%;}

.animate-bg .items-02:before,.animate-bg .items-03:before,.animate-bg .items-04:before,.animate-bg .items-05:before,.animate-bg .items-06:before{
    content:'';
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width:91px;
    height:122px;
    display: inline-block;
    position: absolute;
    -webkit-animation: waveUp 5s linear infinite;
    animation: waveUp 5s linear infinite;
    z-index: 1;
}
.animate-bg .items-02:before{background: url(../image/img10.png);}
.animate-bg .items-03:before{background: url(../image/img11.png);-webkit-animation-delay: 1s;animation-delay: 1s;}
.animate-bg .items-04:before{background: url(../image/img12.png);-webkit-animation-delay: 2s;animation-delay: 2s}
.animate-bg .items-05:before{background: url(../image/img13.png);-webkit-animation-delay: 3s;animation-delay: 3s}
.animate-bg .items-06:before{background: url(../image/img14.png);height:128px;-webkit-animation-delay: 4s;animation-delay: 4s}
.animate-bg .items-02:after,.animate-bg .items-03:after,.animate-bg .items-04:after,.animate-bg .items-05:after,.animate-bg .items-06:after{content:'';background-image: url(../image/img15.png);width:76px;height:48px;display: block;position: absolute;bottom: -147px;left: 8px;z-index: 0;
    -webkit-animation:shadowZoom 5s linear infinite;
    animation:shadowZoom 5s linear infinite;
}
.animate-bg .items-03:after{-webkit-animation-delay: 1s;animation-delay: 1s;}
.animate-bg .items-04:after{-webkit-animation-delay: 2s;animation-delay: 2s;}
.animate-bg .items-05:after{-webkit-animation-delay: 3s;animation-delay: 3s;}
.animate-bg .items-06:after{-webkit-animation-delay: 4s;animation-delay: 4s;}

@-webkit-keyframes waveUp {
    0%{
        -webkit-transform: translateX(0);
    }
    50%{
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
    }
    100%{
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes waveUp {
    0%{
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    50%{
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
    }
    100%{
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes shadowZoom {
    0%{
        -webkit-transform: scale(1);
    }
    50%{
        -webkit-transform: scale(1.4);
    }
    100%{
        -webkit-transform: scale(1);
    }
}
@keyframes shadowZoom {
    0%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50%{
        -webkit-transform: scale(1.4);
                transform: scale(1.4);
    }
    100%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

.cls-1{ fill: none;}
.cls-1 {stroke: #8eaaff;opacity: 0.6;}
.cls-1{stroke-width: 1px;}
.cls-2 {fill: #6376ba;}

#path01,#path02{fill: #262b55;stroke: #7393db;fill-rule: evenodd;-webkit-animation: lMove 1s linear forwards;animation: lMove 1s linear forwards;stroke-width: 1px;opacity: 0;}
#path02{-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-ms-animation-delay: 1s;-o-animation-delay: 1s;}

.animating .animate-div{-webkit-animation: lightUp 1s linear forwards;animation: lightUp 1s linear forwards}
.animating .line{ stroke-dasharray: 3;stroke-opacity: 1;-webkit-animation: dash 25s linear infinite;animation: dash 25s linear infinite;}

@-webkit-keyframes lMove {
    0% {
        stroke-dasharray: 0, 378;
    }
    100% {
        stroke-dasharray: 4 2;
        opacity: 1;
    }

}

@keyframes lMove {
    0% {
        stroke-dasharray: 0, 378;
    }
    100% {
        stroke-dasharray: 4 2;
        opacity: 1;
    }

}

@-webkit-keyframes dash {
    to {
        stroke-dashoffset: -1000;
    }
}
@keyframes dash {
    to {
        stroke-dashoffset: -1000;
    }
}

@media screen and (max-width: 1800px) {
    .w1772{width:90%}
}


@media screen and (max-width: 1600px) {
    body>.sh, body >.header_nav, body>.hdp, body>.i_news, body>.product, body>.product-list, body>.co1, body>.co, body>.footer1, body>.footer2, body>.n_nav1, body>.nsh, body>.n_cp, body>.n_fw, body>.main{min-width:auto}
    .header_nav .b1 .nav .dropdown{padding:0 2%}
    .w1350{width:78%;}
    .w1392{width: 80%;}
    .w1584{width:85%}
    .w1772{width:90%}
    .header_nav .b1{margin-left: 4%;width: 75%;}
    .i_news .b1 >div{width: 31.333333333%;margin: 1%;}
    .i_news .b1 >div .b1_h img{width:100%}
}

@media screen and (max-width: 1400px) {
    .product-ul li{width: 23.8%;}
    .header_nav .b1 .nav .dropdown{padding: 0 1%;}
    .product-describe,.product-price{padding-left: 70px;}
}

@media screen and (max-width: 1200px) {
    .header_nav .b1{margin-left: 4%;}
    .header_nav .b1 .nav .dropdown{padding: 0;}
}

@media screen and (max-width: 1150px){
    .product-ul li{width: 30.8%;}
}


.intro{width:1174px;margin:145px auto 185px auto;}
.intro-wrapper{width:1124px;margin:0 auto;position: relative;top:-53px;}
.intro-title{width:215px;height:160px;background-color: #389bfd;color:#fff;text-align: center;}
.intro-title h1,.intro-title h2{font-size: 30px;font-weight: bold;padding-top: 51px;}
.intro-title span{line-height: 70px;font-size: 16px;display: block;width:100%;font-weight: bold;}
.intro-title .before,.intro-title .after{content:'';display: block;width:25px;height:25px;position: absolute;right: 25px;top:120px;
    animation: rotation 3s linear infinite;-moz-animation: rotation 3s linear infinite; -webkit-animation: rotation 3s linear infinite;-o-animation: rotation 3s linear infinite; -ms-animation: rotation 3s linear infinite;
}
.intro-title .before{background-color: #389bfd}
.intro-title .after{background-color: #f0f1f5;right: 0;top:145px}

@-webkit-keyframes rotation{
    0%{
        -webkit-transform : rotate(0deg);
    }
    100%{
        -webkit-transform : rotate(360deg);
    }
}
@keyframes rotation{
    0%{
        -webkit-transform : rotate(0deg);
                transform : rotate(0deg);
    }
    100%{
        -webkit-transform : rotate(360deg);
                transform : rotate(360deg);
    }
}

.intro-content{margin: 50px 0 70px 0;text-indent: 2em;font-size: 14px;color:#6d6f74;line-height: 25px;padding-bottom: 50px;}
.intro-item{position:absolute;bottom: -147px;width: 100%}
.intro-item li{display: inline-block;background-image: url(../image/bg01.png);width: 218px;height:118px;margin-right: 80px;vertical-align: top;}
.intro-item li:last-child{margin-right: 0}

.video-wrap{position: relative;padding: 15px;margin: 0 0 10px 25px;font-size: 0;line-height: 0;background-color: #fff;box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);text-indent: 0;cursor: pointer;}
.video-wrap .video-poster{width: 430px;}
.video-wrap .player-btn{width: 68px;height: 68px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin-top: 4px;}
.video-overview{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999999;background-color: rgba(0, 0, 0, 0.5);}
.video-overview.open{display: block;}
.video-overview .video-card{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 15px;width: 100%;max-width: 920px;box-sizing: border-box;background-color: #1f2026;background-image: -webkit-linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0),rgba(0,0,0,0.7));background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0),rgba(0,0,0,0.7));}
.video-overview .video-card .videotop-tool{position: absolute;height: 20%;width: 100%;top: 0;left: 0;opacity: 0;background-image: -webkit-linear-gradient(rgba(0,0,0,1), rgba(255,255,255,0));background-image: linear-gradient(rgba(0,0,0,1), rgba(255,255,255,0));-webkit-transition: all 0.3s;transition: all 0.3s;}
.video-overview .video-card img{opacity: 0;position: absolute;top: 15px;right: 15px;cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s;}
.video-overview .video-card:hover img{display: block;opacity: 1;}
.video-overview .video-card:hover .videotop-tool{display: block;opacity: 1;}
.video-card video{width: 100%;}


.item{margin: 0 25px;position: relative;top:-18px;}
.item .item-top{font-size: 16px;border-bottom: 4px solid #389bfd}
.item .item-top samp{font-size: 38px;color:#333;font-family: Arial;font-weight: bold;margin-right: 5px;}
.item>p{font-size: 16px;line-height: 60px}

.title-item{text-align: center;font-size: 30px;font-weight: bold;line-height: 75px;position: relative}
/* .title-item:after{content:'';width:70px;height:4px;background-color: #389bfd;display: block;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%)} */
div.envir{background-color: #f6f7fb;padding:80px 0;font-size: 0}
.envir{text-align: center}
.envir li{max-width: 390px;height: auto;width: 22%;margin:1%;display: inline-block;overflow: hidden;vertical-align: top}
.envir li a{position: relative;display:block;width:100%;padding-bottom: 66.666667%;box-sizing: border-box}
.envir li a img{position: absolute;width: 100%;height: 100%;top:0;left: 0}
/* .envir li img{width:100%;height:100%;-webkit-transition :all 0.3s linear;transition:all 0.3s linear;} */
/* .envir li:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);} */

.envir-more{color:#fff;text-align: center;display: none;font-size: 12px}
.envir-more i{margin-left: 10px;position: relative;top:1px}

.envir-wrapper{padding-top: 80px;padding-bottom: 80px;background-color: #f6f7fb;}
.envir-wrapper .envir-more{color:#518ff7}
.culture-silde .envir-more{color:#6a6d72}


/*发展简史*/
.develop{width:715px;margin:100px auto 130px auto}
.develop-box{width: 230px;height:230px;margin:0 auto;border:1px solid #ebf5ff;border-radius: 230px;padding-top:45px;box-sizing: border-box;text-align: center;box-shadow: 1px 1px 30px #ebf5ff;-webkit-transition :all 0.3s linear;transition:all 0.3s linear;}
.develop-box span{margin-top: 10px;display: block;}
.develop-box:hover{box-shadow: 1px 1px 30px rgba(56,155,253,0.25)}

.process{position: relative;padding-bottom: 60px;overflow: hidden}
.process:before{content:'';display: block;width:22px;height:22px;border-radius: 22px;background-color: #389bfd;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%)}
.process-item{position: relative}
.process-item ul{/* position: absolute; */top:0;width:100%;}
.process-item:before{content:'';height: 120%;width:4px;background-color: #389bfd;display: block;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.process-item .dotted{content:'';width:12px;height:12px;display: block;background-color: #389bfd;border-radius: 12px;margin:0 auto;}
.process-year{font-size: 46px;font-weight: bold;position: relative;width:115px;margin-left: 67px;top:100px}
.process-year:after{content:'';width:4px;height: 50px;display: block;background-color: #389bfd;position: absolute;left: 56px;top: -45px;}
.process-year:before{content:'';width: 235px;height:4px;background-color: #389bfd;display: block;position: absolute;left: 56px;top: -45px;}
.process-item .date{position: relative}
.process-item .date p{color:#389bfd;font-size: 18px;width:235px;margin:0 auto;line-height: 120px;}
.process-item .date .dotted{position: absolute;left: 352px;top: 43px;}
.process-item .event-item{position: absolute;top:45px;right:0;width: 330px;padding:20px;box-sizing: border-box;background-color: #f6f7fb;font-size: 16px;-webkit-transition :all 0.3s linear;transition:all 0.3s linear;cursor: pointer}
.process-item .event-item:before{content:''; width:0;height:0;border-width:6px;border-style:solid; border-color:#f6f7fb  #f6f7fb  transparent  transparent;padding:0;display: block;position:absolute;right: 330px;top:0;-webkit-transition :all 0.3s linear;transition:all 0.3s linear;}
.process-item .event-item:hover{background-color: #389bfd;color:#fff}
.process-item .event-item:hover:before{border-color:#389bfd  #389bfd  transparent  transparent;}

.right .process-year{left: 470px;}
.right .process-year:before{right: 58px;left: auto;}
.right.process-item .event-item{left: 0;right: auto}
.right.process-item .date p{margin-right: 90px !important;}
.right.process-item .event-item:before{left: 330px;right: auto;border-color:#f6f7fb transparent  transparent #f6f7fb}
.right.process-item .event-item:hover:before{border-color:#389bfd transparent  transparent #389bfd}


/* 企业文化 */
/* .culture-item{padding:80px 0; }
.section-title>span{font-size: 16px;color:#333;line-height: 30px;margin:25px 0;display: block;line-height: 24px}

.culture-content{text-align: center}
.culture-content ul{width:770px;;font-size: 0;margin:0 auto;padding:25px 0}
.culture-content li{width: 40%;display: inline-block;vertical-align: top;margin-right: 20%;position: relative;padding: 30px 0;}
.culture-content li:nth-child(2n){margin-right: 0}
.culture-content li .icon{max-width: 256px;width:100%;height:164px;background-image: url(../images/bg02.png);background-position: center center;background-repeat: no-repeat;margin: 0 auto;position: relative;}
.culture-content li .icon i{color:#fff;font-size: 33px;line-height: 75px;display: inline-block;width:70px;height:75px;margin-top: 10px; background-image: url(../images/bg04.png);background-repeat: no-repeat;background-position: center center;background-size:100% 100%;padding-right: 5px;-webkit-transition :all 0.3s linear;transition:all 0.3s linear;cursor: pointer;}
.culture-content li p,.culture-content li h3{font-size: 22px;color:#222;font-weight: bold;line-height: 40px;}
.culture-content li span{font-size: 16px;color:#666}
.culture-content li .decorate{position: absolute;top: 31px;left: 27px;width: 256px;z-index: 9;}
.culture-content li:hover .decorate{animation: shakes 1s linear infinite;-moz-animation: shakes 1s linear infinite; -webkit-animation: shakes 1s linear infinite;-o-animation: shakes 1s linear infinite;-ms-animation: shakes 1s linear infinite;}
.culture-content li:hover .icon i{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} */
@-webkit-keyframes shakes{
    0% {top: 31px}
    50% {top: 20px}
    100% {top: 31px}
}

@keyframes shakes{
    0% {top: 31px}
    50% {top: 20px}
    100% {top: 31px}
}
/* 
.culture-silde{position: relative;max-width: 1150px;width: 82.142857142857%;margin:0 auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.culture-silde .swiper-photos {padding:40px 0 60px 0;width:100%;overflow: hidden}
.culture-silde .swiper-photos .swiper-container{overflow: visible}
.culture-silde .swiper-slide {width: 472px;height: 354px;background: #fff;box-shadow: 0 8px 30px #ddd;position: relative;display: inline-block;-webkit-transition: all .3s;transition:all .3s;}
.culture-silde .swiper-slide-active{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.culture-silde .swiper-slide img{display:block;width:100%;height: 100%;}
.culture-silde .swiper-slide .hover-div{position: absolute;top:0;left: 0;width:100%;height:100%;background-color: rgba(0,0,0,0.6);display: none;text-align: center}
.culture-silde .swiper-slide:hover .hover-div{display: block}
.hover-div .hover-word{color:#fff;text-align: center;display: inline-block;position: relative;top: 50%;margin-top: -50px;}
.hover-div .hover-word h1{font-size: 26px;margin-bottom: 20px;}
.hover-div .hover-word p{font-size: 20px;margin-top: 20px;}
.swiper-button i{color:#d9d9d9}
.culture-silde .swiper-button{outline:none;background-image: none;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.culture-silde .swiper-button-prev {left: -75px;width: 45px;height: 45px;}
.culture-silde .swiper-button-next {right:-75px;width: 45px;height: 45px;}
.culture-silde .swiper-button:hover i{color:#389bfd} */

/*新闻中心*/
.left-nav{width:220px;background-color: #fff}
.left-nav .nav-top{line-height: 60px;color:#fff;font-size: 16px;background-color: #389bfd;padding-left: 60px}
.left-nav i{font-size: 20px;vertical-align: middle;margin-right: 5px;position: relative;top:-1px;display: inline-block;width:21px;}
.left-nav li{line-height: 60px;font-size: 14px;color:#389bfd;padding:0 0 0 60px;border-bottom: 1px dashed #e6e6e6}
.left-nav li a{-webkit-transition :color 0.3s linear;transition:color 0.3s linear;}
.left-nav li:hover{background-color: #fafafa}
.left-nav li:hover a{color:#389bfd}
.left-nav li.active a{color:#389bfd}

.news-img{width:170px;height: 110px;}
.news-img img{width:100%;height:100%;}

.right-content{max-width: 950px;width:-webkit-calc(100% - 220px);width:calc(100% - 220px);background-color: #fff;padding: 0 20px;box-sizing: border-box}
.right-top{border-bottom: 1px solid #e6e6e6;line-height: 55px;}
.right-top h1,.right-top h2{font-size: 16px;font-weight: bold;color:#333;position: relative;text-indent: 18px;line-height: 55px;}
.right-top h1:before,.right-top h2:before{content:'';width:3px;height:16px;background-color: #389bfd;position: absolute;left: 0;top:18px;display: block}
.right-top span{color:#b2b2b2;}
.right-top span:nth-child(4){width: -webkit-calc(100% - 300px);width: calc(100% - 300px);display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: top;}

.content-item li{padding:30px 0;border-bottom: 1px dashed #e6e6e6}
.content-item li .date{width:90px;padding:6px 15px;box-sizing: border-box;color:#fff;text-align: center;background-color: #389bfd}
.content-item li .date p{font-size:30px;border-bottom: 1px dashed #fff}
.content-item li .date span{line-height: 25px}
.content-item li .item-info{width:800px;-webkit-transition :color 0.5s linear;transition:color 0.5s linear;}
.content-item li .item-info a{-webkit-transition :color 0.3s linear;transition:color 0.3s linear;}
.content-item li .item-info p{font-size: 16px;margin-bottom: 18px !important;}
.content-item li .item-info span{font-size: 12px;line-height: 20px;height: 38px;color:#999;-webkit-transition :color 0.3s linear;transition:color 0.3s linear;}
.content-item li:hover .item-info,.content-item li:hover .item-info a,.content-item li:hover .item-info span{color:#389bfd}

.content-item-title{padding:50px 0 25px 0}
.content-item-title h1{font-size: 20px;color:#333;text-align: center;font-weight: bold;line-height: 50px;}
.content-item-detail{line-height: 25px}

.content-item li .news-info{width:720px;}
.content-item li .news-info span{margin-bottom: 10px;display: block}
.content-item li .news-info samp{font-size: 14px;color:#999}

.content-item table{/* width: 100% !important; */margin-left: auto;margin-right: auto;}

.partyBuilding .container-wrapper{background-image: url(../image/partyBuildingBg.jpg);background-size: 100% 100%;background-repeat: no-repeat}
.partyBuilding .skip-item li.on a,.partyBuilding .skip-item li a:hover{color:#d72d2b;border-bottom: 2px solid #d72d2b;}
.partyBuilding .left-nav .nav-top,.partyBuilding .right-top h1:before,.partyBuilding .pageItem li.active a,.partyBuilding .blue-line,.partyBuilding .pageItem a:hover{background-color: #d72d2b;}
.partyBuilding .left-nav li:hover a,.partyBuilding .left-nav li.active a,.partyBuilding .content-item li:hover .item-info a,.partyBuilding .content-item li:hover .item-info span{color:#d72d2b;}

/*分页*/
.pageItem{text-align: right;margin:40px auto;line-height: 36px}
.pageItem ul{display: inline-block;vertical-align: top}
.pageItem li{display: inline-block;margin-right: 5px;text-align:center;}
.pageItem a{display: inline-block;padding: 0 14px;line-height: 36px;background-color: #f5f5f5;vertical-align: top}
.pageItem a:hover{color:#fff;background-color: #389bfd}
.pageItem li.active{background-color: #389bfd;color:#fff;}
.pageItem li.active a{background-color: #389bfd;color:#fff}

/*加入我们*/
.join-wrapper{overflow: hidden;position: relative}
.join-ball{max-width: 600px;width:60%;margin: 160px auto 0;position: relative;}
.join-ball-bg:after{content:'';display:block;width: 100%;height: 0;padding-bottom:60%;border-radius: 300px 300px 0 0;box-shadow: 1px 1px  30px #e2f0ff;top:230px;background-color: #fafdff;}
.join-box{width: 300px;height:300px;border:1px solid #ebf5ff;border-radius: 230px;box-sizing: border-box;text-align: center;box-shadow: 1px 1px 30px #ebf5ff;-webkit-transition :all 0.3s linear;transition:all 0.3s linear;position: absolute;top: 315px;left: 50%;margin:0 -150px;background-color: #fff;z-index: 50;}
.join-box img{position: relative;top:50%;margin-top:-55px;}
.join-box:hover{box-shadow: 1px 1px 30px rgba(56,155,253,0.25)}

.round-half{width:100%;height:0;padding-bottom:50%;border-radius: 300px 300px 0 0;position: absolute;background-color: #389bfd;}
.round-half:after{content:'';display:block;width: -webkit-calc(100% - 8px);width: calc(100% - 8px);height:0;padding-bottom:50%;background-color: #fafdff;border-radius: 300px 300px 0 0;margin:4px;}
.round-half:before{content:'';width:100%;height: 100%;border-radius: 300px 300px 0 0;background-color: #fafdff;display: block;position: absolute;top:-2px;left:0;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%;
    animation: rotation180 5s linear forwards;-moz-animation: rotation180 5s linear forwards; -webkit-animation: rotation180 5s linear forwards;-o-animation: rotation180 5s linear forwards; -ms-animation: rotation180 5s linear forwards;}

@-webkit-keyframes rotation180{
    0%{
        -webkit-transform : rotate(0deg);
    }
    100%{
        -webkit-transform : rotate(180deg);
    }
}
@keyframes rotation180{
    0%{
        -webkit-transform : rotate(0deg);
                transform : rotate(0deg);
    }
    100%{
        -webkit-transform : rotate(180deg);
                transform : rotate(180deg);
    }
}

.canvas-animate{position: relative;z-index: 10;height: 155px;background-image: url(../image/bg03.jpg)}
.canvas-animate canvas{width:100%;height:155px;}

.join-info{position: absolute;top:0;width: 600px;;left: 50%;margin-left: -300px}
.join-info-item{width: 270px;text-align: center;position: absolute}
.join-info-item:last-child{margin-bottom: 0 !important;}
.join-info-item p{font-size: 14px;font-weight: bold;color: #333;line-height: 1.5em;}
.join-info-item span{color:#676971;font-size: 14px}
.join-info-item:nth-child(1){top: 240px;left: -290px;}
.join-info-item:nth-child(2){top: 0;left: 50%;margin-left: -135px;}
.join-info-item:nth-child(3){top: 240px;right: -290px;}

.join-point{text-align: center;position: absolute;}
.join-point:hover samp{box-shadow: 1px 1px 30px #b2d9ff}
.join-point samp{width:65px;height:65px;text-align: center;line-height: 65px;border: 4px solid #389bfd;font-size: 26px;font-weight: bold;color:#333;font-family: Arial;display: block;border-radius: 65px;background-color: #fff;-webkit-transition :all 0.3s linear;-webkit-transition: all 0.3s;transition:all 0.3s }
.join-point p{font-size: 18px;font-weight: bold;color:#333;line-height: 40px;}
.join-point .word{width:270px;color:#666}

.left-point{top:105px;left: 0}
.top-point{top:-30px;left: 50%;margin-left: -36px;}
.right-point{top:105px;right: 0}



.recruit-content{width:1200px;margin:0 auto}
.recruit-content ul{margin-top:40px;}
.recruit-content li{margin-bottom: 20px;}
.recruit-p{padding:0 30px;line-height: 80px;font-size: 18px;background-color: #f6f7fb;cursor: pointer}
.recruit-p>*{display: inline-block}
.recruit-p a{font-size: 14px;text-decoration: underline;color:#666}
.recruit-p i{font-size: 24px;vertical-align: top;color:#cdcdcd;margin-right: 10px}
.recruit-p i:after{content:'\e639'}
.recruit-p *{-webkit-transition: all .3s;transition: all .3s}
.active .recruit-p{background-color: #389bfd;color:#fff;}
.active .recruit-p i{color:#fff}
.active .recruit-p i:after{content:'\e638'}
.active .recruit-p a{color:#fff}
.recruit-detail{display: none;padding: 40px 65px;border: 1px solid #389bfd;overflow: auto;}
.recruit-detail p{color:#333;line-height: 40px;margin-top: 10px;}
.recruit-detail span{/*color:#999;*/line-height: 25px;}
.recruit-btn{display: block;background-color: #389bfd;color: #fff;width: 120px;line-height: 42px;text-align: center;margin-top: 25px;}
.recruit-popup{display: none;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;text-align: center;z-index: 999;}
.wechat-box{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #2080de;color: #fff;padding: 40px;}
.wechat-box .close{position: absolute;top: 15px;right: 15px;}
.wechat-box .recruit-qrcode{width:240px;max-width: 100%;box-sizing: border-box;padding: 10px;background: url('../image/qrcode-border.png') no-repeat center center;font-size: 0;margin: 20px auto;background-size: 100%;}
.wechat-box .recruit-qrcode img{width: 220px;}

/*联系我们*/
.company{margin: 50px auto 80px;}
.company-item{position: relative;height: 254px;margin-bottom: 40px;background-color: #f5f7fa;-webkit-transition: all .3s;transition: all .3s;box-shadow: 0px 3px 8px 0px rgba(255, 255, 255, 0.11);}
.company-item:hover{box-shadow: 0px 3px 8px 0px rgba(63, 63, 63, 0.11);}
.company-item > img{width: 350px;height: 254px;}
.company-content{position: absolute;left: 420px;right: 50px;top: 50%;line-height: 2;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.company-content h3{font-size: 18px;font-weight: normal;margin-bottom: 5px;}
.company-content p{color: #676971;}
.company-content i{font-size: 18px;}
.company-content a:hover{color: #5eadfc;}

.contact-wrapper{padding-top:80px;}

.contact-way{margin:60px 0 100px}
.contact-way ul{width:835px;margin:0 auto}
.contact-way li{display: inline-block;text-align: center;margin-right: 60px;font-size: 16px;padding: 0 20px 25px 20px;box-sizing:  border-box;position: relative;}
.contact-way li:hover{box-shadow: 1px 1px 30px #ebf5ff}
.contact-way li:last-child{margin-right: 0}
.contact-way li i{display: inline-block;font-size: 70px;padding: 10px 0 5px;}
.contact-way li i.wx{color:#2f9f39}
.contact-way li i.wb{color:#e3333f}
.contact-way li i.qq{color:#389bfd}
.contact-way li .left-line,.contact-way li .right-line,.contact-way li .top-line,.contact-way li .bottom-line{-webkit-transition-duration: 0.1s;transition-duration: 0.1s;position: absolute;background-color: #389bfd}
.contact-way li .left-line{width:1px;height:0;top:0;left: 0;-webkit-transition-property: height;transition-property: height;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.contact-way li .bottom-line{width:0;height:1px;bottom:0;left: 0;-webkit-transition-property: width;transition-property: width;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.contact-way li .right-line{width:1px;height:0;bottom:0;right: 0;-webkit-transition-property: height;transition-property: height;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.contact-way li .top-line{width:0;height:1px;top:0;right: 0;-webkit-transition-property: width;transition-property: width;-webkit-transition-delay: 0s;transition-delay: 0s; }
.contact-way li:hover .left-line{height: 100%;-webkit-transition-delay: 0s;transition-delay: 0s;}
.contact-way li:hover .bottom-line{width: 100%;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.contact-way li:hover .right-line{height: 100%;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.contact-way li:hover .top-line{width: 100%;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}


/*自助购买*/
.title{font-size: 24px;font-weight: bold;color:#32363f;padding-left: 16px;position: relative;line-height: 40px;margin:50px 0 20px 58px;}
.title:before{content:'';display:inline-block;width: 6px;height: 24px;background-color: #4594fc;position: absolute;left: 0;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}

.content-l{width: 100%;margin-top: -110px;position: relative;z-index: 3}
.content-r{width: 100%;bottom: 0;left: 0;background-color: #fff;z-index: 9;box-shadow: 0 -5px 10px rgba(42,75,148,0.08);padding:22px 0}

.card{background-color: #fff;padding: 40px 50px;box-shadow: 0 5px 10px rgba(42,75,148,0.08);margin-bottom: 20px;}
.card-head{font-weight: bold;font-size: 18px;color:#32394a;margin-bottom: 20px}
.card-head:before{content:'';display: inline-block;width: 22px;height: 14px;background-image: url(../image/card-head-title.png);margin-right: 10px;}
.card-title{margin:0 0 10px 0;line-height: 40px;}
.card-title i{position: relative;top: 5px;margin: 0 5px 0 12px;}
.card-title h3{font-size:18px;line-height: 40px;font-weight: bold;}

.form-item{padding-left: 90px;padding-right:55px;position: relative;min-height: 60px;}
.form-item .name{width: 90px;display:block;position: absolute;left: 0;text-align: right;font-size: 14px;color:#32363f;line-height: 70px;}
.form-item>ul{display: inline;font-size: 0}
.form-item li{display: inline-block;margin: 10px 1%;width: 23%;max-width: 210px;font-size: 14px;box-sizing: border-box}

.form-item .btn-icon{display: inline-block;padding:21px 10px;}
.form-item .btn-icon .icon{display: inline-block;vertical-align: middle}
.form-item .expand-btn{}
.form-item .shrink-btn{display: none;}
.form-item .shrink-btn .icon{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)}
.form-item .doc{color:#6388f0;position: relative}
.form-item .tips01{color:#fff;background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(right, #4196fe,#7c7ee5 );background: linear-gradient(to left, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);border-radius: 2px;padding:12px 10px;font-size: 12px;position: absolute;left: 50%;bottom:27px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space: nowrap;display: none}
.form-item .tips01:after{content:'';display: block;width: 0;height: 0;border-style: solid;border-width: 5px;border-color: #5c8bf3 transparent transparent transparent;position: absolute;left: 50%;bottom:-10px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%)}
.form-item .doc:hover .tips01{display: inline-block;}

.radio-skin input[type=radio]{display: none}
.radio-skin span{width: 100%;line-height: 48px;border:1px solid #eaebef;display: block;text-align: center;color:#32363f;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.radio-skin input[type=radio]:checked + span{background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(right,#4196fe,#7c7ee5 );background: linear-gradient(to left,#4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);color:#fff;border:1px solid #4594fc}

.checkbox-skin{display:inline-block;position: relative;padding-left: 35px;margin:10px 12px;}
.checkbox-skin i{display:block;width: 20px;height: 20px;border:1px solid #eaebef;position: absolute;left: 0;top:4px;color:#fff;border-radius:2px;cursor: pointer }
.checkbox-skin span{line-height: 30px;}
.checkbox-skin input{display: none}
.checkbox-skin input:checked + i{font-size: 14px;line-height: 21px;width: 20px;text-align: center;display: block;color:#6388f0;border:1px solid #6388f0}

.input-skin,.textarea-skin{border:1px solid #eaebef;width: 100%;padding:0 15px;box-sizing: border-box;outline: none;}
.input-skin{height: 50px;margin:10px 0}
.textarea-skin{resize: none;padding:15px;width: 100%;height: 140px;margin:10px 6px}
.textarea-skin::-webkit-input-placeholder{font-size: 14px;}
.textarea-skin::-moz-placeholder{font-size: 14px;}
.textarea-skin:-ms-input-placeholder{font-size: 14px;}
.textarea-skin::placeholder{font-size: 14px;}

.form-item .textarea-skin{max-width: 720px}

/*.select-skin{width: 280px;margin:0 6px;position: relative;display: inline-block}*/
/*.select-skin .select-title{position: relative;}*/
/*.select-skin .select-title input{cursor: pointer}*/
/*.select-skin .select-title i{position: absolute;right: 15px;top:22px;}*/
/*.select-list{border:1px solid #eaebef;border-top:0;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;position: absolute;top:40px;width: 100%;box-sizing: border-box;padding:10px 0;background-color: #fff;z-index: 9}*/
/*.select-list dd{line-height: 40px;padding:0 15px;cursor: pointer}*/
/*.select-list dd:hover{background-color: #eff3fb;}*/

.count{margin:10px 6px;border:1px solid #eaebef;overflow: hidden;font-size: 0;}
.count input{border:0;width:128px;height: 50px;outline: none;padding:0 15px;font-size: 14px;vertical-align: top;text-align: center}
.count>a{display:inline-block;width: 60px;line-height: 48px;height:50px;text-align: center;font-size: 24px;color: #32363f;background-color: #f5f7fc}
.count>a.add{border-right: 1px solid #eaebef}
.count>a.reduce{border-left: 1px solid #eaebef}
.unit{line-height: 60px;width: 40px;text-align: center}

.doc i{vertical-align: middle}

.overview{width: 1050px;display: inline-block;vertical-align: top}
.overview li{float:left;width: 25%;margin:8px 0;padding-right: 20px;box-sizing: border-box}

.total{vertical-align: top}
.total .price{margin:0 10px 10px ;line-height: 20px}
.total .btn-linear{width: 200px;border-radius: 0;line-height: 40px;margin:0}
.btn-list{text-align: right;margin-top: 5px;}


.title-div{padding-top:85px;text-align: center;line-height: 50px;margin-bottom: 35px;}
.title-div>h1{font-size: 22px;color:#389bfd}
.title-div>p{color:#b2b2b2}

.block-wrapper,.section-wrapper,.problem-select{width:96%;max-width:1200px;margin:0 auto;}

.select-content{padding-bottom: 130px;}
.select-wrapper{position: relative;text-align: center}
.select-box{text-align: center;display: inline-block;margin:0}
.select-box li{display: inline-block;line-height: 60px;margin-right: 100px;}
.select-box li:last-child{margin-right: 0}
.select-box li a{display: block;box-sizing: border-box;white-space: nowrap}
.select-box li a:hover{color:#389bfd;}
.select-box li.active a{color:#389bfd;border-bottom: 2px solid #389bfd}
.blue-line{height:2px;position: absolute;background-color: #389bfd;bottom: 0}

.section-proinfo{padding-bottom: 5px;}
.section-proinfo .section{padding-top: 20px;}
.proInfo li{margin:10px 0;border:1px solid #eaebef;background-color: #fff;font-size: 14px}
.section-proinfo .section{padding-bottom: 25px;}
.section-proinfo .section .section-title{margin-bottom: 30px;}
.info-head{padding:15px 10px 0;font-weight: bold;font-size: 16px}
.info-head .red{color:#6468e0}
.info-body{padding:10px}
.info-body dd{line-height: 30px;color:#252939}
.info-foot{text-align: right;padding:10px 0;border-top: 1px dashed #eaebef;position: relative}
.info-foot a{width:80px;border-radius: 20px;margin:0 5px;line-height: 30px;border: 1px solid #eaebef}
.info-foot a.copy{position: absolute;top:-40px;right: 0}

.icon-self{background-image: url(../image/icon.png);display: inline-block}
.icon14{width:16px;height:16px;background-position: 0 -31px;top:3px;position: relative}
.icon16{width:20px;height:20px;background-position: -34px -31px}
.icon17{width:26px;height:26px;background-position: -55px -31px}

.host_btn{display:inline-block;width: 118px;line-height: 48px;border:1px solid #cbd0db;border-radius: 25px;text-align: center;margin:10px}
.btn-linear{ background: #2981ff;color:#fff !important;border:0;}
.btn-linear:hover{box-shadow: 0 0 15px rgba(63,138,238,0.4)}

.icon15{width: 12px;height:12px;background-position: -16px -29px;}
.select-skin{width: 280px;margin:0 6px;position: relative;display: inline-block}
.select-skin .select-title{position: relative;}
.select-skin .select-title input{border: 1px solid #eaebef;width: 100%;padding: 0 15px;box-sizing: border-box;outline: none;cursor: pointer;-webkit-user-select: none;ime-mode: disabled;}
.select-skin .select-title i{position: absolute;right: 15px;top:32px}
.select-skin .select-title i:after{content:'';display:block;width:0;left:0;border-style:solid;border-width:5px;border-color:#a1a8b9 transparent transparent transparent;}
.select-list{border:1px solid #eaebef;border-top:0;position: absolute;top:60px;width: 100%;box-sizing: border-box;background-color: #fff;z-index: 9}
.select-list dd{line-height: 45px;padding:0 15px;cursor: pointer}
.select-list dd.Windows{background-image: url(../image/window.png);background-repeat: no-repeat;background-position: 25px center;padding-left: 65px}
.select-list dd.Linux{background-image: url(../image/linux.png);background-repeat: no-repeat;background-position: 25px center;padding-left: 65px}
.select-list dd:hover{background-color: #dbe9fe;}

.dragger{display:inline-block;margin:10px 6px;border:1px solid #eaebef;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 100%;max-width: 720px}
.dragger ul{font-size: 0;white-space: nowrap}
.dragger li{line-height: 50px;width: 60px;text-align: center;margin:0;border-right: 1px solid #eaebef;font-size: 14px;white-space: nowrap;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;box-sizing: border-box}
.dragger li:last-child{border-right: 0}
.dragger-item{position: absolute;top:0;left: 0;overflow: hidden;-webkit-transition: width .1s;transition: width .1s}
.dragger-item ul{overflow: hidden;background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -webkit-linear-gradient(right,#4196fe,#7c7ee5 );background: linear-gradient(to left,#4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);}
.dragger-item li{color:#fff}
.dragger .dragger-btn{width: 25px;height: 60px;display: block;background-color: #fff;border:1px solid #4f8af1;position: absolute;top:-5px;right: 0;-webkit-transition: left .1s;transition: left .1s;cursor: pointer}
.dragger .dragger-btn:before,.dragger .dragger-btn:after{content:'';width: 1px;height: 30px;background-color: #4f8af1;display: block;position: absolute;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.dragger .dragger-btn:before{left: 8px}
.dragger .dragger-btn:after{right: 8px}


.guide{padding-top: 120px}
.guide .section:last-child{padding-top: 20px}

.problem-select ul{font-size: 0;padding-left: 45px;width: 1189px;text-align: left;box-sizing: border-box;white-space: nowrap;overflow: auto}
.problem-select ul::-webkit-scrollbar{display: none}
.problem-select li{display: inline-block;margin-right: 60px;}
.problem-select li a{font-size: 16px;display: block;line-height: 45px;padding:0}
.problem-select li.active a{color:#389bfd;border-bottom: 2px solid #389bfd}

.problem-content{background-color: #fff;box-shadow: 0 0 15px rgba(56,155,253,0.25);padding:20px 45px;box-sizing: border-box;display: none}
.problem-content h1{display: none}
.problem-content ul{display: inline-block;width: 100%}
.problem-content li{position: relative;display: inline-block;width: 33%;vertical-align: top}
.problem-content li a{color:#999;line-height: 40px;}
.problem-content li:hover a{color:#389bfd}
.problem-content li:hover:before{content:'\e627';position: absolute;left: -20px;top:12px;font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:#389bfd}

.block-item{height:350px;border:1px solid #a8d4ff;box-sizing: border-box}
.block-item:last-child{margin:0}
.block-top{line-height: 80px;text-align: center;color:#333;font-size: 16px;background-color: #f6f7fb;-webkit-transition :background-color 0.3s linear;transition:background-color 0.3s linear;}
.block-top i{font-size: 30px;vertical-align: middle;color:#389bfd;margin-right: 10px}
.block-content{padding:20px}
.block-content li{line-height: 38px;font-size: 14px;}
.block-content li a{color:#ccc;display: block;width: 100%}
.block-content li:hover{color:#389bfd;}
.block-content li:hover a{color:#389bfd}
.block-content li p{width:-webkit-calc(100% - 28px);width:calc(100% - 28px);vertical-align: middle;text-align: left;color:#333}
.block-content li:hover p{color:#389bfd}
.block-item:hover{border:1px solid #389bfd}
.block-item:hover .block-top{background-color: #389bfd;color:#fff}
.block-item:hover .block-top i{color:#fff}

.section-self{text-align: left;min-height:355px;padding: 30px 55px;box-sizing: border-box;font-size: 14px;vertical-align: top;background-color: #fff;-webkit-transition :box-shadow 0.5s linear;transition:box-shadow 0.5s linear;}
.section-self:hover{box-shadow: 0 0 8px rgba(56,155,253,0.25)}
.section-self:last-child{margin-right: 0}
.section-self span{color:#b2b2b2;display: block;line-height: 25px;}


.section-top{padding-bottom: 20px;border-bottom: 1px dashed #d9d9d9;}
.section-top p{font-size: 16px;line-height: 35px;position: relative}
.section-top p i{position: absolute;left: -34px;font-size: 26px;color:#389bfd;}
.section-content .content-item{margin-top: 20px;}
.section-content .content-item a{display: inline-block;margin-right: 5px;}
.section-content .content-item a:last-child{margin-right: 0}
.section-content .content-item a:hover{color:#389bfd}

.highlight{color:#389bfd}
.search-content{margin:40px auto;/*width: 96%;max-width: 905px*/}
.result li{padding:20px 0 25px 0 ;border-bottom: 1px dashed #e5e5e5}
.search-content li a h1{font-size: 16px;line-height: 35px;font-weight: normal}
.search-content li a p{font-size: 12px;color:#999;line-height: 22px}
.search-content li:first-child{padding-top:0}
.result .date{font-size: 12px;}

.breadcrumbs{border-bottom: 1px solid #e6e6e6;line-height: 55px;}
.breadcrumbs *{color: #b2b2b2}
.breadcrumbs li{display: inline-block;padding: 0;border:0}
.breadcrumbs li:after{content:'\e6fc';font-family: 'iconfont'}
.breadcrumbs li:last-child:after{display: none}
.breadcrumbs li a:hover{color:#389bfd}
.result li .breadcrumbs{border:none;line-height: normal;font-size: 12px;margin-top: 10px}

.search-station{text-align: center;margin: 100px auto 120px}
.search-station .search-item{width: 600px;}
.search-station .search-item input{border:1px solid #e6e6e6}
.search-station h3{line-height: 45px;margin-right: 15px}
.search-station p,.search-station p a{color:#333;text-align: left}
.inline-block{display: inline-block}
.search-station .inline-block{vertical-align: top}

.search-empty{text-align: center;display: table;width: 100%}
.search-empty-wrap{display: table-cell;vertical-align: middle}

.load-more{margin: 30px 0}

.honour{position: absolute;bottom: 0;background-color: rgba(0,0,0,.42);width: 100%;color:#fff;padding: 12px 0;white-space: nowrap}
.honour .wrapper{max-width: 1320px;width: 90%;margin: 0 auto;}
.honour .orange{color:#ff9126;}
.honour ul,.honour li{display: inline-block;}
.honour ul{white-space: normal;vertical-align: top;white-space: nowrap;width: calc(100% - 70px);}
.honour li{margin-right: 10px}
.honour .orange i{font-size: 22px;vertical-align: middle;display: inline-block;width: 30px;text-align: center}
.honour .orange:after{content:'';display:block;width: 0;height: 1px;background-color: #ff9126;margin-left: 32px}
.honour .orange:hover:after{width: auto;}
.pop-honour-img{position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 99999;text-align: center}

/*适配*/
@media screen and (max-width: 1500px) {
    .block01{width:245px}
}

@media screen and (max-width: 1400px) {
    .block01{width:320px}
    .block05{padding:40px}

    /*banner*/
    .banner.h600,.banner.h560,.banner.h531,.banner.h440,.banner.h480{height: auto}
    .banner.h600 .swiper-slide{padding-bottom: 45.4545454545%;}
    .banner.h560 .swiper-slide{padding-bottom: 42.4242424242%;}
    .banner.h531 .swiper-slide{padding-bottom: 40.2272727272%;}
    .banner.h440 .swiper-slide{padding-bottom: 30%;}
    .banner-info h2,.page-title{font-size: 32px}

    /*selfhelp*/
    .overview{width: -webkit-calc(100% - 200px);width: calc(100% - 200px)}
}


@media screen and (max-width: 1250px) {
    .block-item-hover li:nth-child(1) .detail-wrapper{left: 220px}
    .block-item-hover li:nth-child(2) .detail-wrapper{left: -193px}

    /*game*/
    .section-a4 .animate-info{width: -webkit-calc(100% - 645px);width: calc(100% - 645px)}
    .section-a2 li>div{padding-left: 150px;position: relative}
    /* .section-a2 li>div .info-l{position: absolute;left: 30px} */
    .section-a2 li>div .info-r{width: 100%}

    /*about*/
    .skip-item ul li{margin-right: 0}
    .intro{width: 96%;margin-left:  2%;margin-right: 2%}
    .envir li{width: 23%;height:auto;margin:0 1% 2%}

    /*joinus*/
    .join-info-item:nth-child(1){top: 130px;left: -150px;}
    .join-info-item:nth-child(3){top: 130px;right: -170px;}
    .recruit-content{width: 90%;margin:0 5%}

    /*product*/
    .adv-list li{margin: 40px 20px;width: 25%;}

    /* 自助购买 */
    .checkbox-skin{margin-left: 6px}
}


@media screen and (max-width: 1200px) {
    .banner-info h2,.page-title{font-size: 28px}
    .block01{width:280px;height: 370px}
    .block01 .decorate>.icon{top:-45px}
    .block01 .content{padding-top: 40px}
    .block01 .para li{line-height: 25px}

    /*produce*/
    .block11{width: 90%;margin:0 5%}
    .sec-list ul{text-align: center}
    .sec-list li{margin-right: 20px}

    /*datacenter*/
    .section10{text-align: center}
    .section10 .block01{margin-right: 10px;width: 280px}


    /*contact*/
    .local-position{width: 100%;}
    .contact-way ul{text-align: center;width: 100%}
    .contact-way li{margin-right: 10px}

    /*news*/
    .left-nav{width: 200px}
    .left-nav .nav-top,.left-nav li{padding-left:50px}
    .right-content{width: -webkit-calc(100% - 220px);width: calc(100% - 220px)}
    .content-item li .item-info{width:-webkit-calc(100% - 110px) ;width:calc(100% - 110px) ;}
    .content-item li .news-info{width:-webkit-calc(100% - 190px) ;width:calc(100% - 190px) ;}

    /*game*/
    .animate-l{padding-left: 60px}
    .section-select-box>ul{text-align: center;width: 100%;white-space: nowrap;}
    .section-select-box>ul::-webkit-scrollbar{display: none}
    .select-item .select-body{padding:10px 0}
    .select-item .select-footer p{line-height: 60px}

    /*help*/
    .section-wrapper .section{padding:30px 30px 30px 55px;width: 32%;margin-right: 2%}
    .block-content li p{width: -webkit-calc(100% - 40px) !important;width: calc(100% - 40px) !important;}
    .problem-select li{margin-right: 40px;}
    .problem-select ul{width: 100% !important;}

    /*datacenter*/
    .block1-2{padding:20px;width: 100%}
    .block1-2 .photoList{width: 540px;}
    .block1-2 .baseIntro{width: -webkit-calc(100% - 540px);width: calc(100% - 540px);}

}

@media screen and (max-width: 1100px) {
    .block02 .col-title{width: 100px;height: 100px;line-height: 100px;margin-bottom: 10px}
    .block02 .col-title h3{font-size: 20px}
    .news-list li{line-height: 45px}
    .news-list li:before{top:19px}

    /* about */
    .intro-wrapper{width: 90%;}
    .intro-item li{width: 23%;margin-right: 2%}

    .block1-2 .photoList img{max-height: 100%}

}

@media screen and (min-width: 769px) {
    .btn-hover:hover{
        background: -webkit-linear-gradient(to left, #4196fe, #7c7ee5);
        background: -webkit-linear-gradient(right, #4196fe, #7c7ee5);
        background: linear-gradient(to left, #4196fe, #7c7ee5);
        filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe, endcolorstr=#7c7ee5, gradientType=1);
        color: #fff;
        border: 1px solid transparent;
        cursor: pointer
    }
}
/* zn */
/* 推广 */
.header-auto{left: 50%; border-bottom: 1px solid #32343f; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.top-border{border-bottom: 0;}
.nav-auto li:first-child{margin-right: 60px;}
.nav-auto{left: 50%; margin-left: 0px; width: 1200px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.logo-left img{width: 81px; height: 21px; margin-left: 0px; margin-top: 20px;}
.header-line{display: block; width: 100%; height: 1px; position: absolute; top: 60px; border-bottom: 1px solid #32343f;}
.control-icon{display: inline-block; vertical-align: middle;}
.detail-display-none{display: none;}
.cloud-display li:first-child{display: none;}
.cloud-display li:nth-of-type(2){display: none;}
.cloud-display li:nth-of-type(3){display: none;}
.cloud-display li:nth-of-type(5){margin-left: 20px;}
.nav-first-img{position: absolute; left: 65px; top: 20px;}
.nav-right-btn{position: absolute; right: 4%; top: 50%; width: 105px; height: 100%; cursor: pointer; text-align: center; line-height: 60px; background-color: #0194ff; transform: translateY(-50%); border-radius: 2px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;}
.banner-detail-title{text-align: center; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.skip-box-display{display: none;}
.right-fr{float: right; width: 250px; margin-right: 25px;}
.right-content-fl{float: left; padding: 0; width: -webkit-calc(100% - 310px); width: calc(100% - 310px); }
.container-pc{padding: 20px 0 80px 0;}
.nav-top-display{display: none;}
.left-nav .nav-top-img-display{color: #fff; height: 115px; font-size: 14px; margin-top: 50px; background-image: url(../image/news-bg-right.jpg); background-repeat: no-repeat; position: relative;}
.right-top-pcdisplay{display: none;}
.right-top-back{width: 60px; height: 35px; border: 1px solid #eaeaea; cursor: pointer; position: absolute; bottom: 15px;}
.right-top-back i{position: absolute; top: 52%; left: 6px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.right-top-back span{position: absolute; top: 50%; left: 22px; color: #666666; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.nav-right-content{position: relative; width: 89px; height: 34px; cursor: pointer; background: url("../image/qqcontent_03.jpg");}
.nav-right-content i{position: absolute; top: 50%; left: 8px; font-size: 20px; color: #ffffff; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.nav-right-content span{color: #ffffff; font-size: 14px; margin-left: 30px; line-height: 36px;}
.right-top-pc span{color: #666666;}
.right-top-pc{position: relative; border-bottom: 1px solid #e6e6e6; line-height: 55px;}
.nav-top-img{position: absolute; left: 0;}
.nav-top-img{margin-top: 18px; margin-left: 30px;}
.nav-top-img-r{width: 89px; height: 34px; margin-top: 40px; margin-right: 30px;}
.nav-top-img{position: absolute; left: 0; margin-top: 18px; margin-left: 30px;}
.nav-top-img-r{width: 88px; height: 35px; margin-top: 40px; margin-right: 30px;}
.nav-top-service{display: inline-block; text-align: center; font-size: 12px; color: #ffffff; position: absolute; bottom: 20px; left: 35px;}
.nav-bottom{width: 250px; box-sizing: border-box; border: 1px solid #eaeaea;}
.nav-bottom-context{padding: 20px;}
.link-top{height: 1px; width: 100%; margin-top: 15px; border-top: 1px solid #eaeaea;}
.content-tag{margin: 0 auto; margin-bottom: 40px;}
.content-tag-left{text-align: center;}

.content-tag div{font-size: 14px; line-height: 40px; margin-right: 10px;margin-bottom: 10px; padding: 0px 35px; display: inline-block; background-position: center center; background-size: 80%; background-repeat: no-repeat;}
.tag-item-first{border: 1px solid #0096ff; color: #0096ff; background-color: #d0ebfe;}
.tag-item-second{color: #5ec666; border: 1px solid #5ec666; background-color: #defce0;}
.tag-item-third{color: #408cfe; border: 1px solid #408cfe; background-color: #d7e7ff;}
.tag-item-four{color: #fe7921; border: 1px solid #fe7921; background-color: #fde2d0;}
.tag-item-five{color: #ec6464; border: 1px solid #ec6464; background-color: #fee2e2;}
.content-item-title-top{padding-top: 40px;}
.content-item-title-top .fr-time{display: none;}
.nav-bottom p{font-size: 18px; color: #0d0d0d; margin: 5px; font-weight: 500;}
.nav-bottom-context-ul{margin-top: 20px;}
.nav-bottom-context-ul li{font-size: 14px; border-bottom: 0px; padding: 0; line-height: inherit; list-style-type: disc; color: #666666; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nav-bottom-context-ul li:hover{color: #0096ff;}
.boder-bottom{padding-bottom: 0px; margin-bottom: 25px; border-bottom: 1px solid #eaeaea;}
.pageup-or-pagedown{font-size: 14px; display: inherit; margin-top: 30px;}
.click-pageup{margin-bottom: 25px;}
.click-pageup a{color: #333333;}
.click-pageup a span{color: #6bb6ff;}
.click-pagedown a{color: #333333;}
.click-pagedown a span{color: #6bb6ff;}
.attachment-info{display: inline-block; margin-bottom: 30px;}
.attachment-down-content{margin-left: 15px; margin-bottom: 5px;}
.attachment-info:first-of-type(2){display: block;}
.attachment-right{float: right;}
.attachment-down-content img{display: inline-block; margin-top: 4px; vertical-align: top;}
.attachment-content{width: 60px; display: inline-block;}
.attach-line{display: inline-block; width: 2px; height: 5px; color: #99d5ff; margin: 0 15px;}
.attachment-phone{display:none;}
.pageup-or-pagedown-phone{display: none;}
.customer-server-phone{display: none;}
.customer-service-retracting{display: none;}
.customer-service-open{display: none;}
/* 资讯动态查看更多 */
.pc-watch-more{display: block; width: 180px; height: 48px; cursor: pointer; line-height: 48px; background-color: #fff; text-align: center; font-size: 14px; border: 1px solid #323a47; border-radius: 24px; color: #32363f; margin: 30px auto -30px auto;}

/* 客户案例 */
.content-customer {height: auto;padding: 113px 0 150px;}
.content-customer .content-desc-box {text-align: center;color: #32363f;}
.content-customer .content-desc-box  > h2 {font-size: 30px;margin-bottom: 10px;}
.content-customer .content-desc-box .content-title {font-size: 30px;font-weight: 600;}
.content-customer .content-desc-box .content-desc {margin:30px 0 45px;font-size: 16px;}

.content-customer-main {margin:0 auto;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.content-customer-main::after{content: '';display: table;width: 100%;height: 0;clear: both;}
.content-customer-main .video-item {position: relative;max-width: 440px;max-height: 268px;width: 31.777%;height: 268px; margin-right: 2%;margin-bottom:30px;border: 1px solid #e5e5e5;float: left;}
.content-customer-main .video-item:nth-child(3n),
.content-customer-main .video-item:last-child {margin-right: 0;}
.content-customer-main .video-item img {width: 100%;height: 100%;}

.video-item .item-overlay {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px 0px rgba(64, 66, 77, 0.16);}
.video-item .item-overlay .play-video {width: 100%;height: 100%;}
.video-item .item-overlay .play-video img {width: 52px;height: 52px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.video-item .item-overlay .company-desc {position: absolute;top: 0;left: 100%; width: 107%;height: 100%;z-index: 1;color:#FFFFFF;background-color: #41495c;box-shadow: 0px 0px 8px 0px rgba(64, 66, 77, 0.16);}
.video-item .item-overlay .company-desc-left {left: -107%;}
.video-item .item-overlay .company-desc div {margin: 30px 30px 0 30px;}
.video-item .item-overlay .company-desc .company-name {margin-bottom: 10px;font-size: 20px;}
.video-item .item-overlay .company-desc .company-detail {line-height: 25px;}

.isActive{display: block !important;cursor: pointer;}

/* 客户案例移动端 */
.media-content-box {display: none;}
.media-content-cus {margin: 0 12px;padding: 15px 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px solid #ebebeb;}
.media-content-cus:last-child {border-bottom: 0;}
.media-content-cus .media-left {position: relative;width: 45%;height: 200px;}

.media-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}

.media-overlay img {width: 30px;height: 30px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.media-left-video {width: 100%;height: 100%;}

.media-right {width: 50%;margin-left: 15px;}
.media-right h4 {font-size: 14px;}

.media-right-title {font-size: 14px;text-shadow: 0px 0px #000;font-weight: 600;}

.media-right-detail {margin-top:10px; font-size: 13px;max-height: 60px;line-height: 20px;}

@media screen and (max-width: 1024px) {
    .media-content-box {display: block;}
    .content-customer .content-desc-box  > h2 {font-size: 20px;}
    .content-customer {height: unset;}
    .content-customer .content-desc-box .content-title {font-size: 17px;text-shadow: 0px 0px #000;font-weight: 600;}
    .content-desc-box .content-customer > h2 {font-size: 18px;}
    .content-customer {padding: 25px 0 25px;}
    .content-title {margin-bottom: 15px;}

    .content-desc,
    #think_page_trace_open,
    .content-customer .content-customer-main {display: none;}
}

@media screen and (max-width: 560px) {
    .media-content-cus .media-left {height: 100px;}
}
.content-tag div  { margin-bottom: 10px; }
.nav-bottom-context-ul li { cursor: pointer; }
.consult-close-content-top {cursor: pointer;}
.consult-close-content-bottom {cursor: pointer;}
.nav-top-img-display {margin-bottom: 18px;}
.pc-watch-more {border: 1px solid #c7cdd9;color: #32363f}
.pc-watch-more:hover {background-color: #4a93fa; color: #ffffff; border-color: #4a93fa;}
.tag-item-first p {color: #0096ff;}
.tag-item-second p {color: #5ec666;}
.tag-item-third p {color: #408cfe;}
.tag-item-four p {color: #fe7921;}
.tag-item-five p {color: #ec6464;}
.pc-watch-more:hover span {color: #ffffff;}
.pageup-or-pagedown-hover:hover {color:#6bb6ff};
.pageup-or-pagedown-hover:hover {color:#6bb6ff}

.pc-watch-more:hover {
    background: -webkit-linear-gradient(to left, #4196fe, #7c7ee5);
    background: -webkit-linear-gradient(right, #4196fe, #7c7ee5);
    background: linear-gradient(to left, #4196fe, #7c7ee5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe, endcolorstr=#7c7ee5, gradientType=1);
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer
}

.pc-watch-more a {
    display: block;
}

/* 增值服务 */
.skip-box ul {overflow-x: auto;overflow-y: hidden;}
.skip-box ul li {min-width: 93px;}
.skip-item ul li .free-tips {position: absolute;top: 6px;right: -43px;}
.first-section,.second-section{padding:100px 0;}
.first-section .first-content{margin-left:105px;}
.second-section .second-content{margin-right:90px;max-width: 48%;}
.second-section{background-color:#272e40;}
.first-section .first-content,.second-section .second-content{margin-top:50px;max-width: 518px;}
.first-section .first-content h2,.second-section .second-content h2{font-size:24px;}
.second-section .second-content{color:#abacb1;}
.second-section .second-content h2{color:#fff;}
.first-section .first-content .desc,.second-section .second-content .desc{margin:18px 0 42px 0;color: #6f6f74;line-height: 23px;}
.first-section .first-content ul li,.second-section .second-content ul li{margin-bottom:25px;}
.first-section .first-content ul li i,.second-section .second-content ul li i{font-size:14px;color:#4b92fa;margin-right:10px;}
.first-section .first-content ul li .name,.second-section .second-content ul li .name{font-weight:bold;color: #32363f;}
.first-section .first-content ul li,.second-section .second-content ul li {color: #6d6f74;}
.first-section .first-content ul li span,.second-section .second-content ul li span{line-height: 24px;}
.second-section .second-content ul li .name{color:#fff;}
.first-section .first-content .banner-btns,.second-section .second-content .banner-btns{margin-top:46px;}
.banner-btns .btn{padding:0 36px;width:auto;line-height: 42px;}
.first-section .first-content .icon,.second-section .second-content .icon{display:inline-block;width:23px;vertical-align:top;margin-top:2px;}
.first-section .first-content .content,.second-section .second-content .content{display:inline-block;width:calc(100% - 27px);}
.more-product{background-color:#f6f7fb;}
.more-product .product-item{width:540px;padding:27px 30px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#626266;margin-bottom:15px;background-color:#ffffff;}
.more-product .product-item:not(:nth-child(2n)){margin-right:30px;}
.more-product .product-item .left{margin-top:-4px;}
.more-product .product-item .right{margin-left:20px;width:396px;}
.more-product .product-item .right p{margin-top:10px;line-height:26px;}
.more-product .product-item .right .name{color:#32363f;font-size:16px;font-weight:600;margin-right:10px;}
.mobile-show {display: none;}
.section-safeground .first-content {width: 489px;}
.section-morepro {padding-bottom: 70px;padding-top: 78px;}
.section-morepro .section-title {margin-bottom: 37px;}
.banner-single .banner-img {left: 56%;width: auto;}
.n-btn-defaulths {
    display: inline-block;
    padding: 9px 24px;
    line-height: 1;
    color: #2981ff;
    text-align: center;
    border: 1px solid #2981ff;
    border-radius: 4px;
    display: inline-block;
    color: #ffffff;
    background-color: #2981ff;
}
.n-btn-defaultgd{
    width: 178px;
    height: 44px;
    line-height: 44px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 9px 24px;
    line-height: 26px;
    color: #2981ff !important;
    text-align: center;
    border: 1px solid #2981ff;
    border-radius: 4px;
}