@charset "utf-8";

.navbar-nav li a {
    height: 60px;
    line-height: 60px;
    display: inline-block
}

html,
body,
div,
table,
th,
tr,
td,
ul,
li,
ol,
dl,
dt,
dd,
p,
span,
i,
input,
textarea,
select,
label,
h1,
h2,
h3,
h4,
h5,
h6,
img {
    margin: 0;
    padding: 0;
    border: 0;
}

html,
body {
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: tahoma, "HanHei SC", "Microsoft YaHei", Arial, helvetica, sans-serif;
    /* overflow-x: hidden; */
}

ul,
li {
    list-style: none;
}

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

a:hover {
    -webkit-transition: color .2s linear, background-color .3s linear;
    -o-transition: color .2s linear, background-color .3s linear;
    transition: color .2s linear, background-color .3s linear;
}

.i,
i {
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
}

img {
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}

.fix:after {
    display: block;
    content: "\200B";
    height: 0;
    clear: both;
}

.fix {
    *zoom: 1;
}

.w1000 {
    width: 1000px;
    margin: 0 auto;
}

.w1100 {
    width: 1100px;
    margin: 0 auto;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.w1400 {
    width: 1400px;
    margin: 0 auto;
}

.none {
    display: none;
}

.index-login {
    position: absolute;
    right: 20px;
    top: 18px;
}
.banner-engine .banner-box {
    height: 690px!important;
    position: relative;
    /* background-image: radial-gradient(circle at center,#0020ae 0,#050024 100%); */
}
.login-but {
    color: #fff;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
    margin-right: 5px;
    font-size: 14px;
    font-weight: bold;
}

.banner-index .login-but {
    color: #fff !important;
}
.b-txt-box li span {
    font-size: 14px;
    display: block;
    line-height: 20px;
    text-align: left;
}
.register-but {
    background: #fff;
    width: 126px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    float: left;
    font-size: 14px;
    background-image: linear-gradient(0deg, #2a6af2, #3190e6);
    color: #fff;
    font-weight: bold;
}

.register-button {
    padding: 1px 5px;
    color: white;
    border-radius: 4px;
}

.login-button:hover {
    background-color: #007eab;
}

.register-button {
    background-color: inherit;
}

.login-button,
.register-button {
    padding: 1px 5px;
    color: white;
    border-radius: 4px;
}

.login-button:hover {
    background-color: #007eab;
}

.register-button {
    background-color: inherit;
}

.hidden {
    visibility: hidden;
    opacity: 0;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
    visibility: hidden;
}

.w90 {
    width: 95%;
    margin: 0 auto;
    min-width: 1000px;
    max-width: 1920px;
}

.text_center {
    text-align: center;
}

.pos_r {
    position: relative;
}

.pos_a {
    position: absolute;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.ml10 {
    margin-left: 10px;
}

.w90:after {
    content: "";
    display: table;
    clear: both;
    visibility: hidden;
}

.text_l {
    text-align: left;
}

.text_r {
    text-align: right;
}

.auto {
    margin: 0 auto;
    min-width: 1200px;
    max-width: 1200px;
    _width: 1200px
}

/*header end*/
#navigationBar,
.index-close {
    display: none;
}

.banner-engine .header-container {
    width: 100%;
    /* height: 585px; */
}

.banner-box {
    height: 75px;
    background-image: radial-gradient(circle at center, #0020ae 0, #050024 100%);
    background: #295dd5;
}

.help-page .banner-box {
    background: none;
}

.help-page .login-but {
    color: #fff !important;
}

.banner-engine .banner-box {
    height: 690px;
    position: relative;
    /* background-image: radial-gradient(circle at center,#0020ae 0,#050024 100%); */
}

.banner-engine02 .banner-box {
    height: auto;
}

.banner-engine02 .top-nav {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.banner-engine02 .logo {
    /*    background: url(../images/header_logo_ny.png) no-repeat left center;*/
    display: inline-block;
    position: absolute;
    /*	top: -20px;*/
    left: 0;
    width: 170px;
    height: 100%;
    /*	background: url(../images/header_logo.png) no-repeat left center;*/
    margin-left: 60px;
    margin-top: 16px;
}

.banner-engine02 .logo img {
    width: 100%;
    max-width: 170px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;



}

/*.banner-engine02  .nav_list ul li a,.banner-engine02 .bannerBox .nav_list ul li a, .login-but  {color: #282828!important;}*/
.banner-engine02 .nav_list ul li a:hover {
    color: #3078ea;
}

.banner-engine02 .nav_list ul li.active a {
    color: #3078ea;
}

.banner-engine02 .banner-text1 {
    color: #333;
}

/* 功能展示 */
.introduce-banner {
    padding-top: 75px;
    height: 458px;
    margin: 0 auto;
    background: url(https://www.kaiyuncdn.com/home/banner_bg.png) no-repeat center;
    background-size: cover;
}



.introduce-banner .banner-text1 {
    font-size: 40px;
    color: #fdfdfd;
    font-weight: 500;
    letter-spacing: 2px;
    text-shadow: 0 0 24px hsla(0, 0%, 100%, .8), 4px 0 14px hsla(0, 0%, 100%, .3), -4px 0 14px hsla(0, 0%, 100%, .3);
}

.introduce-banner .banner-text1 {
    color: #333;
}

.introduce-banner .banner-text2 {
    color: #666;
    font-size: 18px;
}



.top-nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 75px;
    z-index: 100;
    border-bottom: 1px solid hsla(0, 0%, 100%, .14);
}

.top-info {
    position: relative;
}

.login {
    float: left;
    display: inline-block;
    width: 124px;
    height: 72px;
    background: url("https://www.kaiyuncdn.com/home/header_logo.png") no-repeat center;
}

.service-concept {
    display: inline-block;
    margin-left: 15px;
    float: left;
    width: 124px;
    height: 72px;
    background: url("https://www.kaiyuncdn.com/home/header_slogan.png") no-repeat center;
}

.nav-ul {
    float: left;
    width: 54%;
}

.nav-ul li {
    float: left;
    width: 20%;
}

.nav-ul li a {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.banner-engine .banner-ul {
    position: relative;
    width: 100%;
    height: 524px;
}

.banner-engine .banner-text {
    position: absolute;
    left: 0;
    top: -500px;
    width: 100%;
    height: 552px;
}

.banner-engine .link-banner {
    cursor: pointer;
}

.banner-engine .banner-text1 {
    font-size: 40px;
    color: #fdfdfd;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 4px;
    text-shadow: 0 0 24px hsla(0, 0%, 100%, .8), 4px 0 14px hsla(0, 0%, 100%, .3), -4px 0 14px hsla(0, 0%, 100%, .3);
}

.banner-engine02 .banner-text1 {
    color: #333;
}

.banner-engine .banner-text2 {
    margin-top: 28px;
    font-size: 18px;
    line-height: 16px;
    color: #b9c1e3;
}

.banner-engine02 .banner-text2 {
    color: #666;
}

.banner-engine .banner-particulars {
    margin-top: 35px;
    display: inline-block;
    padding: 10px 28px;
    font-size: 16px;
    color: #fff;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
    color: #fff;
}

.login-link {
    position: relative;
}

.login-link:before {
    content: "";
    position: absolute;
    top: -6px;
    left: -40px;
    width: 30px;
    height: 30px;
    background: url(https://www.kaiyuncdn.com/home/header_user.png) no-repeat center;
}

.banner-ul li {
    display: none;
    height: 100%;
    width: 100%;
    float: left;
}

.banner-engine .banner-ul li {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    float: left;
    height: 690px;
    background-image: radial-gradient(circle at center, #0020ae 0, #050024 100%);
}

.banner-engine02 .banner-ul li {
    background: none;
}

.banner-engine .banner-ul li img {
    display: block;
    width: 100%;
}

.banner-ul li img {
    position: absolute;
    top: 0;
    width: auto;
    right: 10%;
    width: 35% !important;
    transition: 5s;
    -webkit-transition: 5s;
    -moz-transition: 5s;
    -ms-transition: 5s;
    -o-transition: 5s;
}

.news-casting {
    display: none;
}

.banner-engine .news-casting {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 33px;
    line-height: 33px;
    background: rgba(17, 42, 51, 0.2);
    z-index: 2;
    border-bottom: 3px solid #009fd9;
}

.news-box {
    position: relative;
    height: 33px;
    line-height: 33px;
}

.news-img {
    display: inline-block;
    position: absolute;
    top: 0px;
    width: 16px;
    height: 33px;
    left: 0px;
    background: url("https://www.kaiyuncdn.com/home/news_ico.png") no-repeat left center;
}

.news-ul {
    position: absolute;
    left: 25px;
    top: 0px;
    width: 90%;
}

.news-ul li {
    float: left;
    width: 32%;
    margin-left: 1%;
}

.news-ul li a {
    width: 100%;
    position: relative;
    display: inline-block;
    padding-left: 10px;
    font-size: 12px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-ul li a:after {
    position: absolute;
    left: 0px;
    top: 0px;
    content: "· ";
}

.news-more {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 12px;
    color: #fff;
}

.banner-point {
    display: none;
    position: absolute;
    bottom: 50px;
    left: 0px;
    width: 100%;
    height: 18px;
    line-height: 18px;
}

.banner-engine .banner-point {
    display: block;
}

.slider-main {
    display: none;
    position: relative;
}

.banner-engine .slider-main {
    display: block;
}

.slider-text {
    position: absolute;
    margin-top: 200px;
    text-align: left;
}

.banner-area {
    width: 100%;
    text-align: center;
    display: none;
}

.banner-area li {
    margin: 0px 15px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("https://www.kaiyuncdn.com/home/area_no.png") no-repeat;
}

.banner-area li.active {
    background: url("https://www.kaiyuncdn.com/home/area_yes.png") no-repeat;
}

/* nav */
.c-nav {
    position: absolute;
    z-index: 100;
    width: 100%;
    min-width: 1000px;
    top: 0
}

.c-nav:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: transparent;
    transition: height .2s, background-color .2s
}

.c-nav-hover:before {
    height: 100%;
    background-color: #2a303c;
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.c-nav-inner {
    height: 65px;
    position: relative;
    font-size: 0;
    width: 70px;
    float: left;
    overflow: hidden;
}

.c-nav-inner:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    overflow: hidden
}

.c-nav-trigger {
    width: 78px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    text-align: center;
    cursor: pointer;
    position: relative;
    left: -112px;
    border-right: transparent 1px solid;
    transition: border-color .1s
}

.c-nav-trigger span {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding-left: 10px
}

.c-nav-hover .c-nav-trigger {
    background-color: #2a303c;
    border-right: #202530 1px solid;
    transition: border-color 1s, background-color 1s
}

.c-nav-trigger:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.c-nav-flyout-trigger {
    width: 70px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    text-align: center;
    cursor: pointer;
    position: relative;
    left: 0px;
    border-right: transparent 1px solid;
    transition: border-color .1s
}

.c-nav-flyout-trigger span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding-left: 10px
}

.c-nav-hover .c-nav-flyout-trigger {
    background-color: #2a303c;
    border-right: #202530 1px solid;
    transition: border-color 1s, background-color 1s
}

.c-nav-flyout-trigger:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.c-nav-flyout-trigger .c-nav-flyout-trigger-icon {
    width: 22px;
    height: 18px;
    display: inline-block;
    background-image: url(https://www.kaiyuncdn.com/home/global-201710202017.svg);
    ;
    vertical-align: middle;
    background-position: 82.27% 75%;
    background-size: 1100% 1233.3333333333335%;
    ;
    background-repeat: no-repeat
}

.c-nav-flyout-trigger.actived .c-nav-flyout-trigger-icon {
    background-image: url(https://www.kaiyuncdn.com/home/global-201710202017.svg);
    ;
    background-position: 82.27% 75%;
    background-size: 1100% 1233.3333333333335%;
    ;
    background-repeat: no-repeat
}

.c-nav-flyout-trigger.actived span {
    color: #fff
}

.c-nav-logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    position: relative;
    right: -92px
}

.c-nav-logo.lyout {
    right: -126px
}

.c-logo-icon {
    width: 92px;
    height: 25px;
    display: inline-block;
    background-image: url(https://www.kaiyuncdn.com/home/global-201710202017.svg);
    ;
    overflow: hidden;
    text-indent: -10000px;
    background-position: 0.67% 37.56%;
    background-size: 263.04347826086956% 888.0000000000001%;
    ;
    background-repeat: no-repeat
}

.c-nav-categories {
    display: inline-block;
    vertical-align: middle
}

.c-nav-categories .presentation {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.c-nav-categories .presentation>a {
    display: inline-block;
    padding: 0 15px;
    color: #fff;
    line-height: 65px;
    font-size: 14px;
    -webkit-transition: background-color .4s;
    transition: background-color .4s
}

.c-nav-categories .presentation.actived>a,
.c-nav-categories .presentation>a:hover {
    color: #00a4ff
}

.c-nav-categories .presentation.more .nav-dropdown-btn-txt {
    position: relative;
    top: -1px;
    font-size: 14px
}

#index-nav {
    display: none;
    position: absolute;
    left: 0;
}

.nav-dropdown-canvas {
    display: none;
    position: absolute;
    top: 50px;
    box-shadow: rgba(0, 0, 0, .25) 5px 0 5px -5px
}

.nav-dropdown-menu {
    width: 300px;
    position: absolute;
    background-color: #f7f8fa;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box
}

.nav-dropdown-menu .menu-area {
    margin: 0 20px;
    padding: 20px 0 15px;
    border-bottom: #ddd 1px solid
}

.nav-dropdown-menu .menu-area:last-child {
    border-bottom: none
}

.nav-dropdown-menu .menu-area-tit {
    font-weight: 400;
    padding-left: 5px;
    border-bottom: #ddd 1px solid;
    line-height: 34px
}

.nav-dropdown-menu .menu-area-tit.no-border {
    border: none;
    color: #999
}

.nav-dropdown-menu .menu-link>a,
.nav-dropdown-menu .menu-link>span {
    display: block;
    color: #333;
    line-height: 35px;
    padding-left: 5px;
    position: relative;
    font-size: 14px
}

.nav-dropdown-menu .menu-link a:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    width: 8px;
    height: 12px;
    margin-top: -6px;
    background-image: url(https://www.kaiyuncdn.com/home/global-201710202017.svg);
    ;
    background-position: 96.15% 61.42999999999999%;
    background-size: 3025% 1850%;
    ;
    background-repeat: no-repeat
}

.nav-dropdown-menu .menu-link a:hover,
.nav-dropdown-menu .menu-link.actived a {
    color: #00a4ff
}

.nav-dropdown-menu .menu-link a:hover:after,
.nav-dropdown-menu .menu-link.actived a:after {
    background-image: url(https://www.kaiyuncdn.com/home/global-201710202017.svg);
    ;
    background-position: 96.15% 54.76%;
    background-size: 3025% 1850%;
    ;
    background-repeat: no-repeat
}

.nav-dropdown-menu.menu-level-1 {
    z-index: 103
}

.nav-dropdown-menu .menu-link.no-child a:after {
    display: none
}

.nav-dropdown-menu.menu-level-2 {
    border-left: #c6c6c6 1px solid;
    z-index: 102
}

.nav-dropdown-menu.menu-level-3 {
    border-left: #c6c6c6 1px solid;
    z-index: 101
}

.nav-dropdown-menu .menu-item {
    display: block;
    line-height: 1.5;
    padding-left: 5px;
    position: relative;
    font-size: 14px;
    padding-top: 7px;
    cursor: pointer;
    margin-bottom: 10px
}

.nav-dropdown-menu .menu-item a {
    color: #333
}

.nav-dropdown-menu .menu-item a h3 {
    font-weight: 400
}

.nav-dropdown-menu .menu-item a span {
    color: #999;
    font-size: 12px;
    display: block;
    padding-top: 5px;
    line-height: 1.8
}

.nav-dropdown-menu .menu-item a:hover h3 {
    color: #00a4ff
}

.nav-dropdown-menu .sub-menu-area {
    margin: 0;
    padding-top: 0;
    padding-bottom: 18px;
    border-bottom: none
}

.nav-dropdown-menu .sub-menu-area.last-level {
    padding-bottom: 0
}

.nav-dropdown-menu .sub-menu-area>.menu-area-tit {
    margin-bottom: 10px;
    color: #999;
    line-height: 42px
}

.nav-dropdown-menu .sub-menu-area .menu-link>a {
    line-height: 30px
}

.nav-dropdown-menu .menu-area.has-sub-menu>.menu-area-tit {
    margin-bottom: 10px;
    border-bottom: none
}

.nav-dropdown-menu::-webkit-scrollbar {
    width: 4px
}

.nav-dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .3)
}

.nav-dropdown-menu::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0)
}

.c-nav-operation {
    font-size: 0;
    position: absolute;
    top: 0;
    right: 25px;
    height: 100%
}

.c-nav-operation:after {
    content: '';
    width: 0;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

.c-nav-search {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    z-index: 2
}

.c-nav .nav-search-btn,
.nav-search-btn-close {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    font-size: 0;
    box-sizing: border-box;
    padding: 3px 0 0;
    text-align: center;
    border-radius: 2px;
    background-color: transparent
}

.c-nav .nav-search-icon {
    display: inline-block;
    background-image: url(https://www.kaiyuncdn.com/home/global-201710202017.svg);
    ;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-position: 99.56% 0.49%;
    background-size: 1512.5% 1387.5%;
    ;
    background-repeat: no-repeat
}

.c-nav .nav-search-btn:hover .nav-search-icon {
    background-image: url(https://www.kaiyuncdn.com/home/global-201710202017.svg);
    ;
    background-position: 99.56% 9.22%;
    background-size: 1512.5% 1387.5%;
    ;
    background-repeat: no-repeat
}

.c-nav .nav-search-btn-close .nav-search-icon {
    display: inline-block;
    background-image: url(https://www.kaiyuncdn.com/home/global-201710202017.svg);
    ;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-position: 0.44% 99.51%;
    background-size: 1512.5% 1387.5%;
    ;
    background-repeat: no-repeat
}

.c-nav .nav-search-btn-close:hover .nav-search-icon {
    background-image: url(https://www.kaiyuncdn.com/home/global-201710202017.svg);
    ;
    background-position: 64.16% 99.51%;
    background-size: 1512.5% 1387.5%;
    ;
    background-repeat: no-repeat
}

.c-nav-ctrl {
    display: inline-block;
    vertical-align: middle
}

.c-nav-dropdown-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.nav-dropdown-btn-inner {
    vertical-align: top;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    color: #fff;
    line-height: 65px;
    font-size: 14px;
    transition: background-color .4s;
    outline: 0
}

.c-nav-dropdown-btn.actived .nav-dropdown-btn-inner,
.c-nav-dropdown-btn:hover .nav-dropdown-btn-inner {
    color: #00a4ff
}

.c-nav .nav-dropdown-btn-txt {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 6em;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1
}

.c-nav .current-lang .nav-dropdown-btn-txt {
    padding-right: 0
}

.c-nav .nav-dropdown-mini {
    z-index: 100;
    background-color: #f7f8fa;
    font-size: 14px
}

.c-nav .dropdown-mini-inner .dropdown-mini-list {
    padding-top: 10px
}

.c-nav .dropdown-mini-inner .dropdown-mini-item {
    line-height: 35px;
    position: relative
}

.c-nav .dropdown-mini-inner .dropdown-mini-item a {
    color: #333;
    display: block;
    padding: 0 15px;
    min-width: 80px
}

.c-nav .dropdown-mini-inner .dropdown-mini-item a:hover,
.c-nav .dropdown-mini-inner .dropdown-mini-item.actived a {
    color: #00a4ff
}

.c-nav .dropdown-mini-data,
.c-nav .dropdown-mini-lang {
    font-size: 12px
}

.c-nav-dropdown-btn .c-bubble {
    right: 0
}

.c-nav-dropdown-btn .c-bubble-inner {
    left: 80%;
    border: none;
    border-radius: 0;
    background-color: #f7f8fa;
    box-shadow: none;
    padding: 0
}

.c-nav-dropdown-btn .c-bubble .c-bubble-inner:after,
.c-nav-dropdown-btn .c-bubble .c-bubble-inner:before {
    border: 6px dashed transparent
}

.c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:before {
    margin-left: -6px;
    border-bottom-color: #f7f8fa
}

.c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:after {
    margin-left: -5px;
    border-bottom-color: #f7f8fa
}

.nav-dropdown-data {
    margin-right: -10px
}

.nav-dropdown-data .nav-dropdown-mini {
    min-width: 180px
}

.nav-dropdown-data .c-bubble-inner {
    left: 89%
}

.c-nav-links {
    display: inline-block;
    vertical-align: middle
}

.c-nav-links .link-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    padding: 0 12px
}

.c-nav-links .link-item:hover {
    color: #00a4ff
}

.c-nav-links .link-item.link-btn {
    height: 27px;
    line-height: 26px;
    border: 1px solid rgba(255, 255, 255, .2);
    box-sizing: border-box;
    padding: 0 10px
}

.c-nav-links .link-item.link-btn:hover {
    color: #00a4ff
}

.mini-item-nickname {
    max-width: 14em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mini-item-nickname:hover {
    color: #333 !important
}

.c-searchbar {
    background-color: #16171a;
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    padding: 15px 0;
    z-index: 5
}

.c-searchbar-inner {
    position: relative;
    max-width: 1200px;
    min-width: 320px;
    margin: 0 auto
}

.c-searchbar-box {
    margin: 0 auto;
    font-size: 0;
    text-align: center;
    max-width: 620px;
    position: relative;
    white-space: normal
}

.c-searchbar-box .search-btn,
.c-searchbar-box .search-ipt {
    height: 35px;
    border: 0;
    background-color: #fff;
    vertical-align: middle;
    box-sizing: border-box !important
}

.c-searchbar-box .search-ipt {
    width: 90%;
    padding: 5px;
    border-radius: 2px 0 0 2px;
    -webkit-appearance: none
}

.c-searchbar-box .search-ipt:focus {
    border: 0;
    outline: 0
}

.c-searchbar-box .search-btn {
    width: 10%;
    border-radius: 0 2px 2px 0;
    position: relative
}

.c-searchbar-box .bt-search:focus,
.c-searchbar-box .search-btn:hover {
    background-color: #00a4ff;
    color: #fff
}

.c-searchbar-box .bt-search:focus:after,
.c-searchbar-box .search-btn:hover:after {
    border: 0
}

.c-searchbar-box .search-btn:after {
    content: '';
    position: absolute;
    width: 0;
    height: 19px;
    border-left: #ccc 1px solid;
    left: 0;
    top: 8px
}

.c-searchbar-box .nav-dropdown-mini {
    width: 100%;
    text-align: left;
    margin-left: 0;
    position: absolute
}

.c-nav .presentation .nav-dropdown-mini {
    margin-left: 0
}

.c-m-tit-lv1,
.c-nav-m-ctrl {
    display: none
}

.sr-only {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.c-nav-m-footer,
.c-nav-m-user,
.c-nav-m-wrap {
    display: none
}

.c-nav .activity {
    color: #ed702e !important;
    font-size: 12px;
    margin-left: 5px;
    display: inline !important;
    padding: 0 !important;
    line-height: inherit
}

.c-bubble.p-all {
    box-sizing: border-box;
    padding-left: 190px;
    pointer-events: none
}

.c-bubble.p-all .c-bubble-inner {
    border-color: #dedfe0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    display: inline-block;
    pointer-events: auto
}

.nav-dropdown-menu-all {
    max-width: 1500px;
    margin: 0 auto;
    min-height: 170px
}

.nav-dropdown-menu-all .menu-list-all {
    font-size: 0
}

.c-nav .menu-list-col {
    box-sizing: border-box;
    padding: 15px 0 0 20px;
    display: inline-block;
    vertical-align: top;
    width: 231px
}

.c-nav .menu-list-all .menu-area {
    padding-bottom: 5px;
    margin-bottom: 15px
}

.c-nav .menu-list-all .menu-area-tit {
    font-size: 14px;
    color: #fff;
    padding-bottom: 8px;
    border-bottom: #e5e5e5 1px solid;
    max-width: 190px
}

.c-nav .menu-list-all .menu-area-tit h3 {
    vertical-align: middle;
    display: inline;
    color: #333
}

.c-nav .menu-list-all .menu-item {
    padding: 0;
    background: 0 0;
    margin-top: 8px;
    font-size: 12px
}

.c-nav .menu-list-all .menu-item a {
    display: block;
    height: 18px;
    line-height: 18px;
    padding-left: 0;
    transition: all .4s;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #333
}

.c-nav .menu-list-all .menu-item a:hover {
    color: #00a4ff
}

.nav-dropdown-menu .menu-item-child {
    font-size: 0
}

.nav-dropdown-menu .menu-item-child li {
    display: inline-block;
    font-size: 12px;
    margin: 8px 4px 0 0
}

.nav-dropdown-menu .menu-item-child li a {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 3px 10px;
    line-height: 1
}

.nav-dropdown-menu .menu-item-child li a:hover {
    color: #00a4ff;
    border: 1px solid #00a4ff
}

.nav-dropdown-menu .menu-item-child li:last-child:after {
    display: none
}

.nav-dropdown-menu .menu-item.hasitem {
    height: auto;
    line-height: normal
}

.nav-dropdown-menu .menu-item.hasitem a {
    display: block
}

.nav-dropdown-menu .menu-item.hasitem .menu-item-child li a {
    display: inline-block;
    line-height: 1;
    height: auto
}

.c-nav-mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .1);
    z-index: 99
}

.c-nav .c-bubble-inner {
    border-color: #dedfe0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .25)
}

.c-nav-dropdown-btn .c-bubble-top {
    top: 59px
}

.c-nav-dropdown-btn .c-bubble-top .c-bubble-inner {
    margin-top: 6px
}

.c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:after,
.c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:before {
    margin-bottom: -6px
}

.c-nav .c-bubble-top {
    top: 57px
}

.c-nav .c-bubble-top .c-bubble-inner {
    margin-top: 8px
}

.c-nav .c-bubble-top .c-bubble-inner:after,
.c-nav .c-bubble-top .c-bubble-inner:before {
    margin-bottom: -9px
}

.nav-all-event {
    border-bottom: #e5e5e5 1px solid;
    font-size: 14px;
    margin: 0 20px;
    padding: 20px 0 17px
}

.nav-all-event-tit {
    color: #000;
    margin-right: 25px;
    display: inline;
    font-weight: 700
}

.nav-all-event-con,
.nav-all-event-list {
    display: inline
}

.nav-all-event-item {
    display: inline;
    margin-right: 20px
}

.nav-all-event-item a {
    color: #000
}

.nav-all-event-item a:hover {
    color: #00a4ff
}

.nav {
    width: 100%;
    min-width: 1000px;
    height: 75px;
    box-sizing: border-box;
}

.nav_list {
    margin-left: 218px;
}

.nav_list ul li {
    display: inline-block;
    height: 65px;
    float: left;
}

.nav_list ul li a {
    color: #fff;
    font-size: 18px;
    line-height: 75px;
    display: block;
    position: relative;
    padding: 0 20px;
}

.nav_list ul li:last-child a {
    padding-right: 0;
}

.nav_list ul li a:hover {
    color: #fff;
    background: url('https://www.kaiyuncdn.com/home/nav_list_icon.png') no-repeat center bottom;
}

.nav_list ul li.active a {
    color: #fff;
    background: url('https://www.kaiyuncdn.com/home/nav_list_icon.png') no-repeat center bottom;
}

.nav_list .hot {
    width: 18px;
    height: 18px;
    background: url('https://www.kaiyuncdn.com/home/nav_hot.png') no-repeat;
    display: block;
    position: absolute;
    top: 16px;
    right: 0;
}

.nav_more {
    position: absolute;
    width: 100%;
    background: #011685;
    /* background:rgba(0,159,217,.8); */
    z-index: 90;
    overflow: hidden;
}

.nav_more .animated {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}

.nav_more_main1 {
    padding-top: 40px;
    height: 456px;
}

.more_main1_l {
    /*width: 76%;*/
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-right: 1%;

}

.nav_more_main1 h2 {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    padding-bottom: 25px;
}

.more_main1_l ul li {
    display: inline-block;
    width: 32.5%;
    height: 165px;
    vertical-align: top;
    margin-bottom: 3px;
    overflow: hidden;
}

.more_main1_l ul li a {
    background: #176dbb;
    background: rgba(24, 110, 188, 0.4);
    padding: 28px 5% 2px 28%;
    height: 100%;
    display: block;
    /* border: 1px solid transparent; */
    box-sizing: border-box;
    position: relative;
}

.more_main1_l ul li a h3 {
    font-size: 18px;
    padding-bottom: 12px;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    font-weight: normal;
    position: relative;
    z-index: 1;
}

.more_main1_l ul li a p {
    line-height: 20px;
    color: #fff;
    color: rgba(223, 233, 245, 0.8);
    position: relative;
    z-index: 2;
}

.more_main1_l ul li a:hover {
    background: #2a7cc6;
    /* border: 1px solid #fff; */
}

.more_main1_l .nav_case_icon {
    width: 52px;
    height: 52px;
    position: absolute;
    z-index: 0;
    left: 5%;
}

.more_main1_r {
    width: 23%;
    height: auto;
    overflow: hidden;
}

.more_main1_r ul li {
    width: 100%;
    height: 109px;
    display: inline-block;
    margin-bottom: 3px;
}

.more_main1_r ul li a {
    display: block;
    font-size: 16px;
    height: 100%;
    background: #176dbb;
    background: url('https://www.kaiyuncdn.com/home/nav_more_case_icon1.png') no-repeat right center rgba(24, 110, 188, 0.4);
    line-height: 109px;
    color: #fff;
    /* border: 1px solid transparent; */
    box-sizing: border-box;
    padding-left: 5%;
}

.more_main1_r ul li a.nav_m_case_a2 {
    background-image: url('https://www.kaiyuncdn.com/home/nav_more_case_icon2.png');
}

.more_main1_r ul li a.nav_m_case_a3 {
    background-image: url('https://www.kaiyuncdn.com/home/nav_more_case_icon3.png');
}

.more_main1_r ul li a:hover {
    background-color: #2a7cc6;
    /* border: 1px solid #fff; */
}

.nav_more_about_box {
    padding: 28px 3%;
    background: #569fe1;
    background: rgba(24, 110, 188, 0.3);
    min-height: 380px;
    box-sizing: border-box;
}

.more_main3_dl {
    display: inline-block;
    width: 25%;
    float: left;
    padding: 0 18px;
    box-sizing: border-box;
    color: #fff;
}

.more_main3_dl dt {
    font-size: 18px;
    padding-bottom: 22px;
    border-bottom: 1px solid #90bbe2;
    margin-bottom: 28px;
}

.more_main3_dl dd a {
    display: inline-block;
    margin-bottom: 22px;
    font-size: 16px;
    color: #dfe9f5;
}

.nmore_main3_dl dd a:hover {
    color: #fff;
}

.nav_more_main2 {
    padding-top: 25px;
    height: 471px;
    /* border-top: 1px solid #fff; */
}

.more_main2_l {
    width: 18%;
    margin-right: 2%;
}

.more_main2_l li {
    width: 100%;
    height: 56px;
    display: block;
    margin-bottom: 1px;
}

.more_main2_l li a {
    display: block;
    height: 100%;
    padding-left: 25px;
    line-height: 56px;
    font-size: 16px;
    color: #fff;
}

.more_main2_l li a:hover {
    background: url('https://www.kaiyuncdn.com/home/nav_more2_icon.png') no-repeat right center #0a89c7;
}

.more_main2_l li.active a {
    background: url('https://www.kaiyuncdn.com/home/nav_more2_icon.png') no-repeat right center #0a89c7;
}

.more_main2_r {
    background: #529cde;
    background: rgba(24, 110, 188, 0.4);
    width: 73%;
    min-height: 420px;
}

.more_main2_dl {
    float: left;
    width: 33%;
    padding: 0 5%;
    margin-top: 28px;
    box-sizing: border-box;
    min-height: 176px;
}

.more_main2_dl dt {
    font-size: 16px;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid #008cf8;
    padding-bottom: 12px;
    margin-bottom: 10px;
}

.more_main2_dl dd H3 {
    font-size: 16px;
    color: #fff;
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

.more_main2_dl H3:after {
    border-bottom: 1px solid #008cf8;
    content: "";
    display: block;
    margin-top: 10px;
}

.more_main2_dl dd a {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 14px;
    color: #dfe9f5;
    color: rgba(223, 233, 245, 0.8);
}

.more_main2_dl dd a:hover {
    color: #fff;
}

.more_main2_dl dd a img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 10px;
}

.more_main2r_server {
    background: none;
}


.more_main4_dl {
    float: left;
    width: 280px;
    padding: 0 10px;
    margin-top: 0px;
    box-sizing: border-box;
    min-height: 176px;
}

.more_main4_dl dt {
    color: rgba(255, 255, 255, 0.8);
    /*  border-bottom: 1px solid #008cf8;*/
    padding-bottom: 12px;
    margin-bottom: 10px;
}

.more_main4_dl dt H3 {
    font-size: 16px;
    color: #fff;
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

.more_main4_dl dt H3:after {
    border-bottom: 1px solid #008cf8;
    content: "";
    display: block;
    margin-top: 10px;
}

.more_main4_dl dd a {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 14px;
    color: #dfe9f5;
    color: rgba(223, 233, 245, 0.8);
}

.more_main4_dl dd a span {
    color: #999
}

.more_main4_dl dd a b {
    color: #FF0000
}

.more_main4_dl dd a:hover {
    color: #fff;
}

.more_main4_dl dd a img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 10px;
}


.more_main2_fa {
    float: left;
    width: 100%;
    padding: 0 30px;
    margin-top: 0px;
    box-sizing: border-box;
}


.more_main2_fa dd a {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 16px;
    color: #dfe9f5;
    color: rgba(223, 233, 245, 0.8);
    float: left;
    padding-right: 30px;
}

.more_main2_fa dd a:hover {
    color: #fff;
}

.c_server {
    width: 33.2%;
    height: 148px;
    float: left;
    margin: 0 1px 1px 0;
}

.c_server a {
    display: block;
    height: inherit;
    color: #fff;
    background: #004d96;
    background: rgba(0, 77, 150, 0.3);
    box-sizing: border-box;
    padding: 26px;
}

.c_server a:hover {
    background: #2679c5;
}

.c_server h3 {
    font-size: 16px;
    padding-bottom: 12px;
    font-weight: normal;
}

.c_server p {
    font-size: 12px;
    line-height: 20px;
}

.c_server2 {
    width: 49%;
    height: 160px;
    float: left;
    margin: 0 1% 1% 0;
}

.c_server2 a {
    display: block;
    height: inherit;
    color: #fff;
    background: #004d96;
    background: rgba(0, 77, 150, 0.3);
    box-sizing: border-box;
    padding: 26px;
}

.c_server2 a:hover {
    background: #2679c5;
}

.c_server2 h3 {
    font-size: 16px;
    font-weight: bold;
}

.c_server2 h4 {
    font-size: 16px;
    padding-bottom: 12px;
    font-weight: bold;
}

.c_server2 p {
    font-size: 12px;
    line-height: 24px;
}

.more_main3r_server {
    background: #6aaeea;
    background: rgba(24, 110, 188, 0.2);
}

.domain_name_box {
    width: 50%;
    height: 100%;
    padding: 2% 2% 0 2%;
    box-sizing: border-box;
    color: #fff;
}

.domain_name_box h2 {
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 12px;
}

.name_l_main1 {
    width: 100%;
    height: auto;
    background: #3786cf;
    background: rgba(24, 110, 188, 0.5);
    box-sizing: border-box;
    padding: 12px 16px;
    margin-bottom: 5px;
}

.name_l_main1 h3 {
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 10px;
}

.name_l_main1 p {
    font-size: 12px;
}

.name_l_main1 ul {
    width: 100%;
    display: table;
    margin-top: 16px;
}

.name_l_main1 li {
    display: table-cell;
    width: 1%;
}

.name_l_main1 li a {
    width: 84px;
    height: 24px;
    border: 1px solid #95bde2;
    display: block;
    border-radius: 12px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
}

.name_l_main1 li a:hover {
    background: #8fcbfc;
    border-color: #8fcbfc;
}

.h2_ba {
    margin-top: 20px;
}

.name_other_box {
    padding: 0;
    margin-bottom: 0;
}

.name_other_box>a {
    padding: 12px 16px;
    color: #fff;
    display: block;
}

.name_other_box>a:hover {
    background: #8fcbfc;
}

.b-txt {
    width: 100%;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, .4);
    height: 80px;
}

.b-txt-box {
    margin: 0px auto;
    padding-top: 20px;
}

/*.b-txt-box li{float: left;color: #fff;font-size: 14px;background: url('/dx_07.png') no-repeat left center;padding-left: 50px;box-sizing: border-box;margin: 0 10% 0 8.7%;}*/
.b-txt-box li span {
    font-size: 14px;
    display: block;
    line-height: 20px;
}

.b-txt-box li:nth-child(1) {}

.b-txt-box li:nth-child(2) {}

.b-txt-box li:nth-child(3) {}

.logo {
    display: inline-block;
    position: absolute;
    /*	top: -20px;*/
    left: 0;
    width: 170px;
    height: 100%;
    /*	background: url(../images/header_logo.png) no-repeat left center;*/
    margin-left: 60px;
    margin-top: 16px;
}

.logo img {
    width: 100%;
    max-width: 170px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;

}

.logo a {
    display: block;
    width: 100%;
    height: 100%;
    color: transparent;
}

/*animation*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadein {
    -webkit-animation-name: fadein;
    animation-name: fadein;
}

@-webkit-keyframes fadeindown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

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

@keyframes fadeindown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

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

.fadeindown {
    -webkit-animation-name: fadeindown;
    animation-name: fadeindown;
}

@-webkit-keyframes fadeinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeinleft {
    -webkit-animation-name: fadeinleft;
    animation-name: fadeinleft;
}

@-webkit-keyframes fadeinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeinright {
    -webkit-animation-name: fadeinright;
    animation-name: fadeinright;
}

@-webkit-keyframes fadeinup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

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

@keyframes fadeinup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

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

.fadeinup {
    -webkit-animation-name: fadeinup;
    animation-name: fadeinup;
}

@-webkit-keyframes zoomin {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomin {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomin {
    -webkit-animation-name: zoomin;
    animation-name: zoomin;
}

@-webkit-keyframes turnx {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    50% {
        opacity: 1;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
}

@keyframes turnx {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    50% {
        opacity: 1;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
}

.turnx {
    -webkit-animation-name: turnx;
    animation-name: turnx;
}

@-webkit-keyframes warn {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    25% {
        -webkit-transform: scale(0.5, 0.5);
        opacity: 0.0;
    }

    75% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes warn {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    25% {
        transform: scale(0.5, 0.5);
        opacity: 0.0;
    }

    75% {
        opacity: 1;
    }

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


.more_main22_r {
    background: #529cde;
    background: rgba(24, 110, 188, 0.4);
    width: 26%;
    min-height: 420px;
}

.more_main22_dl {
    float: left;
    width: 100%;
    padding: 0 5%;
    margin-top: 10px;
    box-sizing: border-box;
}

.more_main22_dl dt {
    font-size: 16px;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid #008cf8;
    padding-bottom: 12px;
    margin-bottom: 10px;
}

.more_main22_dl dd a {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 14px;
    color: #dfe9f5;
    color: rgba(223, 233, 245, 0.8);
}

.more_main22_dl dd a:hover {
    color: #fff;
}

.more_main22_dl dd a img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 10px;
}

/* 预定义 transition */
.default-transition,
.default-transition-fast,
.default-transition-slow,
.default-transition-children>*,
.default-transition-children-fast>*,
.default-transition-children-slow>*,
.default-transition-tree *,
.default-transition-tree-fast *,
.default-transition-tree-slow * {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    /*默认transition-timing-function值是 ease，可以省略*/
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;

    /* 有的元素通过 z-index 来做突出层级，则失去 hover时也会失去 z-index，这时部分过渡效果会受到影响。所以这里加上z-index，维持与其它属性的过渡的共同作用 */
    -webkit-transition-property: background-color, background-position, color, border-color, opacity, z-index, transform, -webkit-box-shadow;
    -moz-transition-property: background-color, background-position, color, border-color, opacity, z-index, transform, -moz-box-shadow;
    -ms-transition-property: background-color, background-position, color, border-color, opacity, z-index, transform, -ms-box-shadow;
    -o-transition-property: background-color, background-position, color, border-color, opacity, z-index, transform, -o-box-shadow;
    transition-property: background-color, background-position, color, border-color, opacity, z-index, transform, box-shadow;
}

.default-transition-fast,
.default-transition-children-fast>*,
.default-transition-tree-fast * {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.default-transition-slow,
.default-transition-children-slow>*,
.default-transition-tree-slow * {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

/* 首页服务项目 */
.service {
    height: 130px;
    background-color: #ffffff;
    box-shadow: 0px 3px 13px 0px rgba(184, 184, 184, 0.22);
    margin: 40px auto 0;
    text-align: center;
}

.service .item {
    width: 25%;
    height: 100px;
    border-left: 2px solid #ebebeb;
    box-sizing: border-box;
    float: left;
    margin: 15px 0;
    text-align: left;
    padding-left: 108px;
}

.service .item:first-child {
    border-left: none;
}

.service a {
    display: block;
    /* margin-left: 108px; */
    font-size: 16px;
    color: #555555;
    line-height: 40px;
}

.service a:hover {
    color: #ff8c00;
}

.service p {
    /* margin-left: 108px; */
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}

.service .item1 {
    background: #fff url(../home/dx_14.png) no-repeat 28px center;
}

.service .item2 {
    background: #fff url(../home/dx_17.png) no-repeat 28px center;
}

.service .item3 {
    background: #fff url(../home/dx_19.png) no-repeat 28px center;
}

.service .item4 {
    background: #fff url(../home/dx_21.png) no-repeat 28px center;
}

/* 首页我们的产品 */
.product {
    margin-top: 70px;
}

.product-title {
    /* width:100%; */
    text-align: center;
}

.product-title h3 {
    margin-bottom: 20px;
    line-height: 34px;
    color: #000000;
    font-size: 34px;
    font-weight: normal;
}

.product-title p {
    font-size: 16px;
    color: #666666;
}

.product-content {}

.product-meun {
    margin-top: 48px;
    margin-bottom: 35px;
}

.product-meun dd {
    float: left;
    width: 25%;
}

.product-meun dd a {
    display: block;
    font-size: 20px;
    color: #333333;
    text-align: center;
}

.product-meun dd i {
    display: block;
    height: 63px;
    position: relative;
}

.product-meun dd i img {
    width: 74px;
}

.product-meun dd i .pro-img {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -37px;
}

.product-meun .curr i .pro-img,
.product-meun dd:hover i .pro-img {
    display: block;
}

.product-meun dd p {
    margin-top: 15px;
}

.product-meun dd p:hover {
    color: #ff8c00;
}

/*.product-list {padding:60px 0; background:url(../images/pro_bg.png) no-repeat left center;}*/
.product-list {
    padding: 30px 0;
}

.proList li {
    float: left;
    margin-left: 12px;
    width: 268px;
    height: 425px;
    border: 1px solid #eeeeee;
    background: #fff;
}

.proList li:first-child {
    margin-left: 0;
}

.proList .title {
    height: 93px;
    padding-top: 20px;
    background: url(https://www.kaiyuncdn.com/home/pro_title.png) no-repeat top center;
    font-size: 20px;
    color: #333333;
    text-align: center;
    box-sizing: border-box;
}

.proList .detail {
    margin-top: 10px;
    text-align: left;
    padding-left: 18.9%;
}

.proList .detail p {
    line-height: 34px;
    font-size: 14px;
    color: #666666;
}

.proList .price {
    color: #666666;
    font-size: 14px;
    padding-left: 18.9%;
}

.proList .more {
    height: 33px;
    line-height: 33px;
    text-align: center;
}

.proList .more a {
    display: block;
    width: 94px;
    margin: 28px auto;
    color: white;
    text-decoration: none;
    font-size: 14px;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.proList .price span {
    color: darkorange;
    font-size: x-large;
    /* font-weight: bold; */
}

.proDdos {}

.proDdos li {
    width: 420px;
    height: 420px;
    float: left;
    border: 1px solid #eee;
    margin-left: 2.47%;
    background: #fff;
    position: relative;
    -moz-box-shadow: 0px 3px 10px #ccc;
    box-shadow: 0px 3px 10px #ccc;
    transition: 460ms;
    text-align: center;
}

.proDdos li .tit {
    margin-top: 30px;
    font-size: 18px;
    color: #333;
    font-weight: normal;
}

.proDdos li .img {
    margin: 5px auto;
    font-size: 12px;
    color: #4c4c4c;
    line-height: 30px;
    position: relative;
}

.proDdos li .img img {
    margin: 36px 0px 30px 0px;
    text-align: center;
}

.proDdos li .detail {
    width: 85%;
    margin: 0px auto;
    margin-top: 7px;
    text-align: left;
    padding-left: 0px;
    padding-bottom: 7px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
}

.proDdos li .more {
    height: 33px;
    line-height: 33px;
    text-align: center;
}

.proDdos li .more a {
    display: block;
    width: 94px;
    margin: 20px auto;
    color: white;
    text-decoration: none;
    font-size: 14px;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.proDdos-left {
    width: 470px;
    float: left;
}

.proDdos-left li {
    width: auto;
    margin-left: 0;
}

.proDdos-left li .detail {
    padding-bottom: 0;
    margin-top: 0;
}

.proDdos-left li .img {
    margin: 0 auto;
}

.proDdos-right {
    width: 440px;
    height: 420px;
    float: right;
}

.proDdos-right li {}

.proDdos-right .name {
    font-size: 18px;
    color: #000000;
    font-weight: normal;
    padding: 30px 0px 10px 0;
}

.proDdos-right .txt {
    font-size: 14px;
    line-height: 20px;
}

.proDdos-right .name span {
    float: right;
}

.proDdos-right .name a {
    display: inline-block;
    width: 50px;
    text-align: center;
    border: 1px solid #ff7000;
    font-size: 14px;
    color: #ff7000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: 0px;
    line-height: 24px;
}

.proDdos-right .name .buyColloy {
    border: 1px solid #2373e4;
    color: #2373e4;
}

.proDdos-right .name .txt {}

/* 解决方案 */
.solotion {
    padding-bottom: 95px;
    background: url(https://www.kaiyuncdn.com/home/solution_bg.png) no-repeat;
}

.solotion .solo_title {
    font-size: 32px;
    color: #fff;
    height: 135px;
    line-height: 135px;
    text-align: center
}

.solotion .solotion_con {
    width: 1200px;
    height: 507px;
    margin: 0 auto;
}

.solution-container {
    margin-left: 4%;
}

.solotion .solotion_con .solo_tab {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 112px;
    height: 507px;
    padding-left: 30px
}

.solotion .solotion_con .solo_tab li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

.solotion .solotion_con .solo_tab ._on {
    color: #2c68ef;
}

.solotion .solotion_con .solo_tab hr {
    position: absolute;
    width: 1px;
    height: 110px;
    border: none;
    background: #fff
}

.solotion .solotion_con .solo_con {
    width: 1040px;
    height: 510px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.solotion .solotion_con .solo_con .solo_1,
.solotion .solotion_con .solo_con .solo_2,
.solotion .solotion_con .solo_con .solo_3,
.solotion .solotion_con .solo_con .solo_4,
.solotion .solotion_con .solo_con .solo_5,
.solotion .solotion_con .solo_con .solo_6,
.solotion .solotion_con .solo_con .solo_7,
.solotion .solotion_con .solo_con .solo_8 {
    width: 990px;
    height: 100%;
    color: #fff;
    position: absolute;
    bottom: 0;
    padding-left: 50px;
    background: url(https://www.kaiyuncdn.com/images/chess_game-min.png) no-repeat right top;
}

.solotion .solotion_con .solo_con .solo_1 p:nth-child(1),
.solotion .solotion_con .solo_con .solo_2 p:nth-child(1),
.solotion .solotion_con .solo_con .solo_3 p:nth-child(1),
.solotion .solotion_con .solo_con .solo_4 p:nth-child(1),
.solotion .solotion_con .solo_con .solo_5 p:nth-child(1),
.solotion .solotion_con .solo_con .solo_6 p:nth-child(1),
.solotion .solotion_con .solo_con .solo_7 p:nth-child(1),
.solotion .solotion_con .solo_con .solo_8 p:nth-child(1) {
    font-size: 32px;
    margin-top: 118px;
}

.solotion .solotion_con .solo_con .solo_1 p:nth-child(2),
.solotion .solotion_con .solo_con .solo_2 p:nth-child(2),
.solotion .solotion_con .solo_con .solo_3 p:nth-child(2),
.solotion .solotion_con .solo_con .solo_4 p:nth-child(2),
.solotion .solotion_con .solo_con .solo_5 p:nth-child(2),
.solotion .solotion_con .solo_con .solo_6 p:nth-child(2),
.solotion .solotion_con .solo_con .solo_7 p:nth-child(2),
.solotion .solotion_con .solo_con .solo_8 p:nth-child(2) {
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    margin-top: 18px;
}

.solotion .solotion_con .solo_con .solo_1 p:nth-child(2) span,
.solotion .solotion_con .solo_con .solo_2 p:nth-child(2) span,
.solotion .solotion_con .solo_con .solo_3 p:nth-child(2) span,
.solotion .solotion_con .solo_con .solo_4 p:nth-child(2) span,
.solotion .solotion_con .solo_con .solo_5 p:nth-child(2) span,
.solotion .solotion_con .solo_con .solo_6 p:nth-child(2) span,
.solotion .solotion_con .solo_con .solo_7 p:nth-child(2) span,
.solotion .solotion_con .solo_con .solo_8 p:nth-child(2) span {
    display: inline-block;
    border-right: 1px solid #fff;
    margin-right: 10px;
    padding: 0 10px 0 0;
}

.solotion .solotion_con .solo_con .solo_1 p:nth-child(3),
.solotion .solotion_con .solo_con .solo_2 p:nth-child(3),
.solotion .solotion_con .solo_con .solo_3 p:nth-child(3),
.solotion .solotion_con .solo_con .solo_4 p:nth-child(3),
.solotion .solotion_con .solo_con .solo_5 p:nth-child(3),
.solotion .solotion_con .solo_con .solo_6 p:nth-child(3),
.solotion .solotion_con .solo_con .solo_7 p:nth-child(3),
.solotion .solotion_con .solo_con .solo_8 p:nth-child(3) {
    margin-top: 28px;
    width: 435px;
    font-size: 14px;
    line-height: 28px;
}

.solotion .solotion_con .solo_con .solo_1 a,
.solotion .solotion_con .solo_con .solo_2 a,
.solotion .solotion_con .solo_con .solo_3 a,
.solotion .solotion_con .solo_con .solo_4 a,
.solotion .solotion_con .solo_con .solo_5 a,
.solotion .solotion_con .solo_con .solo_6 a,
.solotion .solotion_con .solo_con .solo_7 a,
.solotion .solotion_con .solo_con .solo_8 a {
    display: block;
    width: 110px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    margin-top: 35px;
    border-radius: 3px;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.solotion .solotion_con .solo_con .solo_1 a:hover,
.solotion .solotion_con .solo_con .solo_2 a:hover,
.solotion .solotion_con .solo_con .solo_3 a:hover,
.solotion .solotion_con .solo_con .solo_4 a:hover,
.solotion .solotion_con .solo_con .solo_5 a:hover,
.solotion .solotion_con .solo_con .solo_6 a:hover,
.solotion .solotion_con .solo_con .solo_7 a:hover,
.solotion .solotion_con .solo_con .solo_8 a:hover {
    background: #1d5bbb
}

.solotion .solotion_con .solo_con .solo_2 {
    background: url(https://www.kaiyuncdn.com/images/block-min.png) no-repeat right top
}

.solotion .solotion_con .solo_con .solo_3 {
    background: url(https://www.kaiyuncdn.com/images/financial-min.png) no-repeat right top
}

.solotion .solotion_con .solo_con .solo_4 {
    background: url(https://www.kaiyuncdn.com/images/education.png) no-repeat right top
}

.solotion .solotion_con .solo_con .solo_5 {
    background: url(https://www.kaiyuncdn.com/images/banner_zb.png) no-repeat right top
}

.solotion .solotion_con .solo_con .solo_6 {
    background: url(https://www.kaiyuncdn.com/images/internet.png) no-repeat right -5px
}

.solotion .solotion_con .solo_con .solo_6 p:nth-child(3) {
    width: 440px
}

.solotion .solotion_con .solo_con .solo_7 {
    background: url(https://www.kaiyuncdn.com/images/banner_cp.png) no-repeat right top;
    bottom: 2px;
}

.solotion .solotion_con .solo_con .solo_8 {
    background: url(https://www.kaiyuncdn.com/images/banner_151.png) no-repeat right top;
    bottom: 2px
}

.solotion .solotion_con .solo_con .solo_6 span {
    width: 60px;
    padding: 0 10px 0 0;
}

.pr {
    position: relative;
}

.dn {
    display: none;
}

/* 我们的优势 */
.advantage {
    padding: 76px 0 68px;
}

.advantage-list {
    margin-top: 73px;
}

.advantage-list li {
    position: relative;
    width: 31.25%;
    height: 137px;
    float: left;
    color: #fff;
}

.advantage-list .pro01 {
    background: url(https://www.kaiyuncdn.com/images/pro01.png) no-repeat center;
}

.advantage-list .pro02 {
    margin: 0 3.1%;
    background: url(https://www.kaiyuncdn.com/images/pro02.png) no-repeat center;
}

.advantage-list .pro03 {
    background: url(https://www.kaiyuncdn.com/images/pro03.png) no-repeat center;
}

.advantage-list li i {
    display: block;
    position: absolute;
    top: 30px;
    left: 22px;
}

.advantage-list li i img {}

.advantage-list li p {
    padding-left: 72px;
}

.advantage-list li .tit {
    font-size: 20px;
    padding-top: 35px;
}

.advantage-list li .des {
    font-size: 14px;
    margin-left: 3px;
    margin-top: 20px;
}

/* 合作伙伴 */
.cooperation {
    padding: 56px 0;
    background: url(https://www.kaiyuncdn.com/images/cooperation.png) no-repeat center;
    background-size: cover;
}

.cooperation-list {
    margin-top: 48px;
}

.cooperation-list li {
    width: 225px;
    float: left;
    margin: 15px 0 0 15px;
    height: 100px;
    background: #fff;
}

.cooperative-partner-list li:nth-child(5n+1) {
    margin-left: 0;
}

.cooperation-list li a {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.cooperation-list li img {
    vertical-align: middle;
    margin: 0 auto;
}

/* 新闻动态 */
.news {
    background: #f7f7f9;
    padding: 50px 0 38px;
}

.news-list {
    margin-top: 48px;
}

.news-list li {
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 31.5%;
    border: 1px solid #fff;
    background: #fff;
}

.news-list li:hover .s-title {
    color: #2b62f1;
}

.news-list li a {
    display: block;
    color: #666;
    padding: 20px;
}

.news-list li a:hover .time {
    color: #ffff;
    border: 1px solid #2b62f1;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.news-list li .time {
    display: inline-block;
    width: 60px;
    height: 50px;
    padding-top: 10px;
    line-height: 20px;
    border: 1px solid #e2e3e8;
    background: #f0f2f5;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #666666;
}

.news-list li .s-title {
    display: inline-block;
    height: 60px;
    line-height: 26px;
    border-bottom: 1px solid #e2e3e8;
    width: 245px;
    float: right;
    text-align: left;
    color: #000000;
    font-size: 14px;
    padding-right: 15px;
}

.clearfix {
    clear: both;
}

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

.news-list li .con {
    margin-top: 20px;
    line-height: 26px;
    text-align: left;
    height: 80px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
}

.join {
    padding: 86px 0 78px 0;
    background: #eaecf1;
    background-position: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-image: url(https://www.kaiyuncdn.com/images/enjoy_bg.png);
    text-align: center;
}

.join .title {
    font-size: 30px;
    letter-spacing: 3px;
    line-height: 1;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 8px;
}

.join .desc {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
}

.join a {}

.ButtonHome {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    transition: .3s;
    overflow: hidden;
    display: inline-block;
    width: 220px !important;
    margin-top: 24px;
}

.ButtonHome--primary {
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
    color: #fff;
}

/* footer */
.footer {
    border-bottom: 1px solid hsla(0, 0%, 100%, .14);
}

.f-top {
    padding: 45px 0 50px 0;
    background: #242c3b;
}

.footer_bg .f-top {
    background: #295dd5;
}

.f-top dl {
    float: left;
    width: 12.8%;
}

.f-top dl dt {
    margin-bottom: 25px;
}

.f-top dl dt a {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.f-top dl dd {}

.f-top dl dd a {
    font-size: 13px;
    line-height: 26px;
    color: #fff;
}

.f-top .contact {
    width: auto;
    margin-left: 1%;
}

.f-top .contact dt {
    font-size: 16px;
    color: #fff;
}

.f-top .contact dd {
    display: inline-block;
    position: relative;
}

.f-top .contact img {}

.f-top .contact span {
    display: inline-block;
    position: absolute;
    bottom: -5px;
    color: #fff;
    font-size: 13px;
    width: 100%;
    left: 26px;
}

.f-top .hotLine {
    float: right;
    width: auto;
}

.f-top .hotLine dt {}

.f-top .hotLine dt img {}

.f-top .hotLine dd {
    color: #fff;
    font-size: 16px;
}

.f-top .hotLine dd span {

    display: block;

    font-size: 30px;

    margin-top: 8px;
}

.f-top .hotLine dd em {

    display: block;

    font-style: normal;

    font-size: 13px;

    margin-top: 5px;
}

.f-bottom {
    background: #1d2330;
    height: 90px;
}

.footer_bg .f-bottom {
    background: #11317b;
}

.f-bottom-fl {
    float: left;
    padding-top: 15px;
}

.f-bottom-fl p {
    line-height: 30px;
    font-size: 12px;
    color: #fff;
}

.f-bottom-fl p img {
    margin: 0 10px;
}

.f-bottom-fr {
    float: right;
    margin-top: 20px;
}

.f-bottom-fr a {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    float: right;
    margin: 0 0 0 24px;
    cursor: pointer;
    transition: all linear .2s;
    position: relative;
    left: 0;
    top: 0;
}

.f-bottom-fr a img {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    visibility: visible;
    margin: 0 auto;
    transition: all linear .2s;
    opacity: 1;
    filter: alpha(opacity=100);
}

.f-bottom-fr a .dis {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0)
}

.f-bottom-fr a:hover img {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0)
}

.f-bottom-fr a:hover img.dis {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

/* 内页样式 */
.margin-bottom-60 {
    margin-bottom: 60px;
}

.about-index-wrap {
    padding: 80px 0 20px 0;
}

.about-index-wrap1 {
    background-color: #fff;
}

.about-index-wrap2 {
    background-color: #f5f6f7;
}

.about-index-wrap3 {
    background-color: #fff;
}

.about-index-wrap4 {
    background-color: #f5f6f7;
}

/*区块1样式,了解德迅网络*/
.ab-div-title {
    height: 32px;
    line-height: 32px;
    font-size: 32px;
    color: #333;
    text-align: center;
}

.ab-div-sub-title {
    margin: 30px 0 80px 0;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #333;
}

/*图标背景*/
.ab-icon-wrapper {
    margin: 100px 0 60px 0;
    height: 120px;
}

.ab-icon-bg {
    height: 100%;
    width: 20%;
    background: url(https://www.kaiyuncdn.com/images/about-icon-new-01.png) no-repeat center;
}

.ab-icon-2 {
    background-image: url(https://www.kaiyuncdn.com/images/about-icon-new-02.png);
}

.ab-icon-3 {
    background-image: url(https://www.kaiyuncdn.com/images/about-icon-new-03.png);
}

.ab-icon-4 {
    background-image: url(https://www.kaiyuncdn.com/images/about-icon-new-04.png);
}

.ab-icon-5 {
    background-image: url(https://www.kaiyuncdn.com/images/about-icon-new-05.png);
}

.ab-icon-title {
    text-align: center;
    color: #333;
}

.ab-icon-top-title {
    margin: 24px 0 0 0;
    font-size: 30px;
    line-height: 46px;
    font-weight: bold;
}

.ab-icon-sub-title {
    font-size: 16px;
}

/*了解德迅网络介绍段落*/
.ab-introduce-p {
    margin-bottom: 30px;
    text-indent: 2em;
    font-size: 14px;
    line-height: 40px;
    color: #333;
}

/*证书区块样式*/
/*.certificate-div-wrapper {
	width: 100%;
}*/
.certificate-div-item {
    margin-bottom: 22px;
    width: 49%;

    width: 48.5%;
    height: 162px;
    margin-right: 2%;
    background-color: #ffffff;
    box-sizing: border-box;
}

.double-certificate-item {
    margin-right: 0;
}

.certificate-div-item {
    border: 1px solid #eeeeee;
}

.certificate-div-item:hover {
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12);
}

.certificate-pic {
    width: 22%;
    height: 100%;
}

.certificate-pic-1 {
    background: url(https://www.kaiyuncdn.com/images/certificate-pic-01.png) no-repeat center;
}

.certificate-pic-2 {
    background: url(https://www.kaiyuncdn.com/images/certificate-pic-02.png) no-repeat center;
}

.certificate-pic-3 {
    background: url(https://www.kaiyuncdn.com/images/certificate-pic-03.png) no-repeat center;
}

.certificate-pic-4 {
    background: url(https://www.kaiyuncdn.com/images/certificate-pic-04.png) no-repeat center;
}

.certificate-pic-intro-div {
    padding: 28px 26px 28px 0;
    width: 78%;
    box-sizing: border-box;
}

.certificate-pic-title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 16px;
    color: 333333;
}

.certificate-pic-introduce {
    font-size: 12px;
    line-height: 24px;
    color: #666;
}

.honour-link {
    display: block;
    margin: 18px auto 40px;
    width: 170px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-image: linear-gradient(0deg, #2a6af2, #3190e6);
}

.honour-link:hover {

    background-color: #0099e5;
}

/*产品介绍*/
.product-icon-item {
    margin-left: 1.8%;
    height: 300px;
    width: 18.5%;
    background-color: #fff;
}

.product-link-a {
    display: block;
    width: 100%;
    height: 100%;
}

.product-icon-item:first-child {
    margin-left: 0;
}

.product-icon-bg {
    width: 100%;
    height: 174px;
}

.product-icon-bg-1 {
    background: url(https://www.kaiyuncdn.com/images/product-icon-new-01.png) no-repeat center 62px;
}

.product-icon-bg-2 {
    background: url(https://www.kaiyuncdn.com/images/product-icon-new-02.png) no-repeat center 62px;
}

.product-icon-bg-3 {
    background: url(https://www.kaiyuncdn.com/images/product-icon-new-03.png) no-repeat center 62px;
}

.product-icon-bg-4 {
    background: url(https://www.kaiyuncdn.com/images/product-icon-new-04.png) no-repeat center 62px;
}

.product-icon-bg-5 {
    background: url(https://www.kaiyuncdn.com/images/product-icon-new-05.png) no-repeat center 62px;
}

.product-icon-title {
    margin-bottom: 14px;
    line-height: 18px;
    font-size: 16px;
    text-align: center;
    color: #333333;
    font-weight: bold;
}

.product-icon-discription {
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #999999;
}

.SectionFirst {
    margin-top: -75px;
    display: flex;
    position: relative;
    height: 358px;
    background: #000a22;
    align-items: center;
    width: 100%;
}

.about-banner {
    background-image: url(https://www.kaiyuncdn.com/images/about_banner.png);
    background-position: 50%;
    background-size: 100% auto;
}

.about-banner h1 {
    font-size: 52px;
    line-height: 1;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 24px;
    color: #fdfdfd;
    font-weight: 500;
}

.about-banner p {
    font-size: 18px;
    line-height: 16px;
    color: #b9c1e3;
}

.videobox {
    width: 600px;
    height: 351px;
    float: left;
}

.videobox .videobox_nei {
    position: relative;
}

#video_button {
    width: 100%;
    height: 351px;
    position: absolute;
    cursor: pointer;
    z-index: 111;
    background: url(https://www.kaiyuncdn.com/images/cloud_service01.jpg) no-repeat 50%;
}

/* 发展历程 */
.yearEvents {

    padding-top: 68px;

    padding-bottom: 96px;

    background-repeat: no-repeat;

    background-position: 100% 100%;

    background-image: url(https://www.kaiyuncdn.com/images//about_pic_bg.png);
}

.yearEvents h2 {
    font-size: 30px;
    line-height: 16px;
    color: #282828;
    font-weight: 500;
    margin-bottom: 55px;
}

.CardEvent {
    position: relative;
    padding-left: 100px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 60px 0;
}

.CardEvent .year {
    position: absolute;
    top: 35px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
}

.casecade-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, .16), #fff);
}

.casecade-2 {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 60px;
    height: 60px;
    background-image: linear-gradient(45deg, #2b62f1, #358de5);
}

.CardEvent ul {
    padding: 0;
    margin-left: 68px;
    margin-top: 12px;
}

.CardEvent li {
    list-style: none;
    position: relative;
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    padding-left: 65px;
    margin-bottom: 24px;
    font-weight: 400;
}

.CardEvent li span {
    display: block;
    margin-left: 32px;
}

.marEvent {
    margin-top: -36px;
}

/* 新闻公告 */
.page-news {
    padding-top: 68px;
    padding-bottom: 96px;
    background: #f7f7f9;
}

.page-news .news {
    padding: 0;
}

.page-news-meun {
    margin-left: 10px;
}

.page-news-meun .cur,
.page-news-meun li:hover {
    background-image: linear-gradient(45deg, #2b62f1, #358de5);
}

.page-news-meun .cur a,
.page-news-meun li:hover a {
    color: #fff;
}

.page-news-meun li {
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    float: left;
    margin: 0 8px;
    background: #fff;
}

.page-news-meun li a {
    color: #282828;
    font-size: 16px;
}

/* 加入我们 */
.join-us {}

.join-title {
    padding-top: 80px;
    margin-bottom: 60px;
    color: #333;
}

.join-title h1 {
    margin-bottom: 55px;
    text-align: center;
    font-size: 32px;
}

.join-title p {
    line-height: 40px;
    font-size: 14px;
    text-indent: 2em;
    color: #333;
}

.join-us .us-images {}

.welfare {
    margin-top: 20px;
    padding-top: 80px;
    padding-bottom: 40px;
    background-color: #f5f6f7;
}

.welfare h2 {
    margin-bottom: 60px;
    font-size: 32px;
    text-align: center;
    color: #333;
}

.welfare ul li {
    position: relative;
    float: left;
    width: 23.5%;
    height: 144px;
    margin-bottom: 20px;
    margin-left: 2%;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    box-sizing: border-box;
}

.welfare ul li:hover {
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
}

.hover-style {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    color: #fff;
    background-color: #00aaff;
    transition: height .2s ease-in;
    -moz-transition: height .2s ease-in;
    -webkit-transition: height .2s ease-in;
    -o-transition: height .2s ease-in;
}

.hover-style .welfare-title {
    padding-top: 35px;
    text-align: center;
    font-size: 18px;
}

.hover-style .welfare-space {
    width: 80px;
    height: 2px;
    margin: 20px auto;
    background-color: #fff;
}

.hover-style .welfare-desc {
    font-size: 14px;
    text-align: center;
}

.welfare ul li>i {
    display: block;
    width: 40px;
    height: 40px;
    margin: 35px auto 0;
}

.welfare ul li>p {
    padding-top: 15px;
    text-align: center;
    font-size: 18px;
    color: #333;
}

.welfare-icon-1 {
    background: url(https://www.kaiyuncdn.com/images/welfare-icon-1.png) no-repeat 0 0;
}

.welfare-icon-2 {
    background: url(https://www.kaiyuncdn.com/images/welfare-icon-2.png) no-repeat 0 0;
}

.welfare-icon-3 {
    background: url(https://www.kaiyuncdn.com/images/welfare-icon-3.png) no-repeat 0 0;
}

.welfare-icon-4 {
    background: url(https://www.kaiyuncdn.com/images/welfare-icon-4.png) no-repeat 0 0;
}

.welfare-icon-5 {
    background: url(https://www.kaiyuncdn.com/images/welfare-icon-5.png) no-repeat 0 0;
}

.welfare-icon-6 {
    background: url(https://www.kaiyuncdn.com/images/welfare-icon-6.png) no-repeat 0 0;
}

.welfare-icon-7 {
    background: url(https://www.kaiyuncdn.com/images/welfare-icon-7.png) no-repeat 0 0;
}

.welfare-icon-8 {
    background: url(https://www.kaiyuncdn.com/images/welfare-icon-8.png) no-repeat 0 0;
}

.welfare ul li:first-child,
.welfare ul li:first-child+li+li+li+li {
    margin-left: 0;
}

.jobs {
    padding-top: 78px;
    margin-bottom: 150px;
}

.jobs h4 {
    margin-bottom: 40px;
    text-align: center;
    font-size: 32px;
    color: #333;
}

/* 职位介绍 */
.job-container {
    position: relative;
    margin-bottom: 90px;
}

.job-list {
    line-height: 1;
    color: #595757;
}

.job-item {
    position: relative;
    margin-bottom: 18px;
}

.job-item-title {
    margin-left: 20px;
    font-weight: normal;
    font-size: 16px;
    cursor: pointer;
    color: #333;
}

.job-item-people {
    font-size: 14px;
}

.sel .panel-extend-button {
    color: #fff;
}

.panel-extend-button {
    position: absolute;
    top: 17px;
    right: 40px;
    z-index: 1;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    padding-right: 25px;
    background: url(https://www.kaiyuncdn.com/images/location-icon.png) no-repeat right center;
}

a.cur {
    color: #333;
    font-weight: bold;
}

.arrow-down,
.job-item-panel--in .arrow-up {
    display: none;
}

.job-item-panel--in .arrow-down {
    display: inline;
}

.job-item-panel {
    position: relative;
    z-index: 1;
    margin-bottom: 23px;
    padding: 22px;
    border: 1px solid #e9e9e9;
    border-top: none;
    zoom: 1;
}

.job-item-panel--in .job-item-panel {
    overflow: hidden;
    height: 0;
    margin: 0 50px 0 60px;
    padding: 0;
    border: none;
}

.panel-triangle {
    position: absolute;
    top: -24px;
    left: 100px;
    z-index: 10;
    border-width: 12px 9px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #b5b5b6;
}

.panel-triangle-inner {
    position: absolute;
    top: -9px;
    left: -8px;
    z-index: 10;
    border-width: 11px 8px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: white;
}

.panel-header {}

.job-location,
.job-welfare {
    padding-left: 32px;
}

.job-location {
    min-height: 22px;
    background: url(https://www.kaiyuncdn.com/images/icon_job_location.png) no-repeat left top;
    font-size: 20px;
}

.job-require {
    margin-top: 5px;
}

.job-require-item {
    display: inline-block;
    padding: 0 0 0 2px;
    border-left: 1px solid #cecece;
    font-size: 14px;
    color: #666666;
}

.job-require-item:first-child {
    padding-left: 0;
    border-left: none;
}

.job-welfare {
    margin-top: 26px;
}

.job-welfare-item {
    display: inline-block;
    padding: 7px 12px;
    border: 1px solid #c1e6f4;
    background: #edf9ff;
    text-align: center;
    font-size: 14px;
    color: #3c9ccc;
}

.job-welfare-item+.job-welfare-item {
    margin-left: 14px;
}

.job-description-title {
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #2b62f1;
}

.job-description-list {}

.job-description-item {
    list-style: decimal;
    list-style-position: inside;
    line-height: 2;
    font-size: 14px;
}

.button-control-container {
    padding-top: 35px;
}

.button-control-container a:first-child {
    margin-right: 20px;
}

.panel-collapse-button {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
}

.job-apply-button {
    display: inline-block;
    width: 120px;
    height: 36px;
    background: #ff8800;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #ff8800;
    color: white;
}

.job-apply-button:hover {
    background: #f18102;
}

.us-images {
    width: 100%;
}

.hr-link {
    display: inline-block;
    width: 120px;
    height: 36px;
    background: #fff;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #ff8800;
    color: #ff8800;
}

.hr-link:hover {
    color: #fff;
    background: #ff8800;
}

.join-txt {
    margin: 36px 0 52px 0;
}

.join-txt img {
    width: 100%;
}

.join-txt p {
    text-indent: 2em;
    line-height: 30px;
    font-size: 16px;
}

.job-r-cont {
    width: 100%;
}

.job-l-cont {
    width: 38.33%;
    min-height: 529px;
    background: url(https://www.kaiyuncdn.com/images/job_bg.jpg) no-repeat 0 0;
    float: left;
}

.job-cont-box {
    padding: 0 37px
}

.job-cont-box,
.job-cont-box h2,
.job-cont-box p {
    color: #FFF;
}

.job-cont-box h2 {
    margin-bottom: 10px;
    font-size: 18px;
}

.job-cont-box p {
    font-size: 14px;
    line-height: 25px;
}

.job-item-title-box {
    height: 50px;
    line-height: 50px;
    border: #e9e9e9 solid 1px;
    cursor: pointer;
}

.sel {
    background-image: linear-gradient(45deg, #2b62f1, #358de5);
}

.sel .panel-extend-button {
    background: url(https://www.kaiyuncdn.com/images/location-icon-hover.png) no-repeat right center;
}

.sel .job-item-title {
    color: #fff;
}

.clear {
    clear: both;
}

.services-box h2 {
    margin-bottom: 60px;
    margin-top: 75px;
    text-align: center;
    font-size: 32px;
    color: #333;
}

.services-box ul li {
    float: left;
    width: 32%;
    height: 260px;
    margin-bottom: 20px;
    margin-left: 2%;
    text-align: center;
    background-color: #f7f9fa;
}

.services-box ul li:first-child,
.services-box ul li:first-child+li+li+li {
    margin-left: 0;
}

.services-box ul li h4 {
    position: relative;
    display: inline-block;
    padding-top: 98px;
    padding-bottom: 30px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    box-sizing: border-box;
}

.services-box ul li h4:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -56px;
    content: " ";
    display: block;
    height: 1px;
    width: 112px;
    background-color: #dddddd;
}

.services-box ul li:hover h4:before {
    border-color: #00aaff;
}

.services-box ul li:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
}

.service-desc {
    margin-top: 10px;
    margin-bottom: 26px;
    font-size: 14px;
    color: #666;
}

.service-phone,
.service-qq {
    margin-bottom: 10px;
    font-size: 14px;
    color: #00aaff;
}

 

.weixin-box:hover img {
    display: block;
}

.weixin-box>img {
    display: none;
    position: absolute;
    top: -170px;
    left: 50%;
    margin-left: -80px;
}

.service-qq a img {
    vertical-align: bottom;
    margin-left: 6px;
}

.service-1 {
    background: url(https://www.kaiyuncdn.com/images/contact-icon-01.png) no-repeat center 42px;
}

.service-2 {
    background: url(https://www.kaiyuncdn.com/images/contact-icon-02.png) no-repeat center 42px;
}

.service-3 {
    background: url(https://www.kaiyuncdn.com/images/contact-icon-03.png) no-repeat center 42px;
}

.service-4 {
    background: url(https://www.kaiyuncdn.com/images/contact-icon-04.png) no-repeat center 42px;
}

.service-5 {
    background: url(https://www.kaiyuncdn.com/images/contact-icon-05.png) no-repeat center 42px;
}

.service-6 {
    background: url(https://www.kaiyuncdn.com/images/contact-icon-06.png) no-repeat center 42px;
}

/* 法律声明 */
.law-item {
    padding: 70px 0 60px 0;
    text-align: center;
    overflow: hidden;
}

.bg-gay {
    background-color: #f5f6f7;
}

.law-title {
    font-size: 32px;
    color: #2b62f1;
}

.law-item p {
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: left;
    text-indent: 2em;
    line-height: 40px;
    font-size: 14px;
    color: #666;
}

.law-item p.last-p-1 {
    margin-bottom: 0;
}

.law-item p.last-p-2 {
    margin-top: 0;
}

.small-title {
    display: block;
    margin: 14px 0;
    text-align: left;
    text-indent: 2em;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #2b62f1;
}

.privacy-content p {
    margin-top: 0;
    margin-bottom: 0;
    text-indent: 0;
}

.privacy-content .small-title {
    text-indent: 0;
}

/* 友情链接 */
.link {
    padding: 80px 0 40px 0;
    width: 100%;
    background-color: #fff;
}

.links-title {
    margin-bottom: 60px;
    font-size: 32px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

.links-wrap-div {}

.links-wrap-div a {
    float: left;
    margin-bottom: 20px;
    width: 15%;
    height: 100px;
    border: 1px solid #e6e6e6;
    margin-left: 1.666%;
    box-sizing: border-box;
}

.links-wrap-div a:hover {
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
}

/* 荣誉证书 */
.certificate-main {
    margin-top: 20px;
    margin-bottom: 80px;
}

.certificate-item {
    display: inline-block;
    width: 22%;
    margin-top: 40px;
    margin-left: 3%;
}

.margin-left-0 {
    margin-left: 0;
}

.certificate-item-img {
    display: inline-block;
    padding: 10px;
    border: 1px solid #e9e9e9;
    overflow: hidden;
}

.certificate-item-img img {
    display: inline-block;
    width: 220px;
    height: 300px;
}

.certificate-name {
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    color: #333;
}

.certificate-item-img a:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.certification-type {
    margin-top: 50px;
    height: 32px;
    line-height: 32px;
    border-left: 4px solid #2b62f1;
    padding-left: 15px;
    font-size: 24px;
    color: #333;
}

/* 解决方案详情页 */
/* 电商解决方案 */
.solution-banner {
    height: 747px;
    background: url(https://www.kaiyuncdn.com/images/solution_banner.png) no-repeat center;
    background-size: cover;
    padding-top: 75px;
}

.i_618 {
    /* background-image:url(../images/content.png); */
    padding-top: 20px;
}

.customer .i_618 {
    background-image: url(https://www.kaiyuncdn.com/images/content.png);
}

.ba-top .i-t {
    padding-top: 40px
}

.ba-top .i-t .i_618_title {
    background: url(https://www.kaiyuncdn.com/images/618.png) no-repeat 0 0;
    width: 305px;
    height: 30px
}

.ba-top h3.t-t {
    font-size: 32px;
    margin: 25px auto;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 4px;
    text-shadow: 0 0 24px hsla(0, 0%, 100%, .8), 4px 0 14px hsla(0, 0%, 100%, .3), -4px 0 14px hsla(0, 0%, 100%, .3);
}

.ba-top .d-t {
    width: 524px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #666;
}

.ba-top .btn-question {
    margin-bottom: 65px;
    margin-top: 35px;
    display: inline-block;
    padding: 10px 28px;
    font-size: 16px;
    color: #fff;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
    color: #fff;
}

.bt {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 16px;
    border-radius: 3px;
    border: none 0;
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
}

.ba-top .btn-question:hover {
    background-color: #d05b15
}

.ba-bottom {
    position: relative;
}

.ba-bottom li {
    width: 269px;
    height: 336px;
    float: left;
    background-color: rgba(43, 98, 241, 0.6);
    margin-right: 30px;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.ba-bottom li .bg {
    text-align: center
}

.ba-bottom li .ba-b-title {
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.ba-bottom li .ba-b-desc {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #fff;
    padding: 20px;
}

.ba-bottom li.last {
    margin-right: 0
}

.icon_p_jsl {
    background-position: -20px -169px;
    width: 25px;
    height: 25px
}

.icon_p_kdb {
    background-position: -54px -169px;
    width: 25px;
    height: 25px
}

.i_computer {
    background: url(https://www.kaiyuncdn.com/images/computer.png) no-repeat 0 0;
    width: 650px;
    height: 455px;
    position: absolute;
    top: 75px;
    right: 10%;
    opacity: 0.7;
}

.i_computer02 {
    background: url(https://www.kaiyuncdn.com/images/computer02.png) no-repeat 0 0;
}

.i_heart {
    background-position: -88px -169px;
    height: 24px;
    width: 24px;
    position: absolute;
    margin-top: -12px;
    margin-left: 5px
}

.i_sale {
    background-position: -122px -161px;
    height: 42px;
    width: 42px;
    position: absolute;
    margin-top: -25px;
    margin-left: 5px
}

.scene {
    margin-top: 60px;
    margin-bottom: 30px
}

.scene h3.s-title {
    text-align: center;
    margin-bottom: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #3e4259;
    font-weight: normal;
}

.scene .scene-list {
    margin-bottom: 30px
}

.scene .scene-list .t1 {
    border-left: 5px solid #2b62f1;
    font-size: 18px;
    color: #333;
    padding-left: 10px;
    font-weight: 600;
    line-height: 24px;
}

.scene .scene-list .t2 {
    font-size: 14px;
    color: #585858;
    margin: 10px 0
}

.scene .scene-list .suggest {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px
}

.scene .scene-list .suggest span {
    color: #2b62f1;
    padding-left: 10px;
}

.scene .scene-list .scheme {
    border: 1px solid #ddd;
    height: 70px;
    margin-bottom: 20px;
    padding: 20px 30px
}

.scene .scene-list .scheme:hover {
    border-radius: 2px;
    -webkit-box-shadow: 0 0 10px 0 #ddd;
    box-shadow: 0 0 10px 0 #ddd
}

.scene .scene-list .scheme .s-t {
    width: 485px;
    float: left
}

.scene .scene-list .scheme .s-t h3 {
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 28px
}

.scene .scene-list .scheme .s-t p {
    width: 224px;
    line-height: 20px
}

.scene .scene-list .scheme .s-c {
    width: 156px;
    float: left;
    border-right: 1px solid #ddd;
    text-align: center;
    margin-top: 10px
}

.scene .scene-list .scheme .s-c .p1 {
    padding-bottom: 10px
}

.scene .scene-list .scheme .s-c .p2 {
    padding: 0;
    font-size: 18px
}

.scene .scene-list .scheme .s-c .money {
    font-weight: 600
}

.scene .scene-list .scheme .last {
    border-right: none
}

.scene .scene-list .scheme .s-o {
    width: 150px;
    float: left
}

.scene .scene-list .scheme .s-o .bt-link {
    color: #fff;
    padding: 15px 44px;
    margin-top: 10px;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.scene .scene-list .scheme .s-o .bt-link:hover {
    background-color: #d05b15
}

.scene .scene-list .scheme .s-ddos .s-t {
    width: 328px
}

.scene .scene-list .scheme .s-other .s-t {
    width: 642px
}

.scene .scene-list .scheme .s-other .s-t h3 {
    margin-top: 20px
}

.scene .scene-list .scheme .s-other .s-c p {
    padding: 15px 0;
    font-weight: 600
}

.scene .scene-list .s-attack {
    float: right;
    width: 508px;
    border: 1px solid #ddd;
    height: 70px;
    padding: 20px 30px;
}

.scene .scene-list .s-attack:hover {
    border-radius: 2px;
    -webkit-box-shadow: 0 0 10px 0 #ddd;
    box-shadow: 0 0 10px 0 #ddd
}

.scene .scene-list .s-attack .s-t {
    float: left;
    width: 356px
}

.scene .scene-list .s-attack .s-t h3 {
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 28px
}

.scene .scene-list .s-attack .s-t p {
    width: 224px;
    line-height: 20px
}

.scene .scene-list .s-attack .s-o .bt-link {
    color: #fff;
    padding: 15px 44px;
    margin-top: 10px;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.scene .scene-list .s-attack .s-o .bt-link:hover {
    background-color: #d97235
}

.scene .scene-list .s-cyd {
    float: left;
}

.customer {
    background-color: #f2f8ff;
    padding-top: 60px;
    padding-bottom: 60px;
}

.customer .c-t {
    text-align: center;
    font-size: 24px;
    color: #3e4259;
}

.customer ul {
    margin-top: 30px;
}

.customer li {
    width: 208px;
    height: 72px;
    margin-right: 30px;
    float: left;
    background-color: #fff;
    text-align: center;
    border: 1px solid #ddd;
    padding-top: 10px;
}

.customer li .i_customer_1 {
    background-position: -20px -301px;
    width: 180px;
    height: 64px;
}

.customer li:first-child {
    margin-left: 240px;
}

.customer li .i_customer_2 {
    background-position: -210px -301px;
    width: 180px;
    height: 64px;
}

.customer li .i_customer_4 {
    background-position: -590px -301px;
    width: 180px;
    height: 64px;
}

/* 金融安全解决方案 */
.bannerBox .nav_list ul li a,
.login-but {
    color: rgba(255, 255, 255, 1);
}

.bannerBox .top-nav {
    -webkit-box-shadow: 0 0 3px 0 rgba(221, 221, 221, 0.5);
    box-shadow: 0 0 3px 0 rgba(221, 221, 221, 0.5);
}

.bt-consult {
    display: inline-block;
    padding: 10px 28px;
    font-size: 16px;
    color: #fff;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
    color: #fff;
}

.financial-banner {
    background: url(https://www.kaiyuncdn.com/images/solution_banner.png) no-repeat center;
    background-size: cover;
    padding-top: 75px;
}

.financial-banner .banner-header {
    color: #fff;
    /* padding-top:86px; */
    width: 1150px;
    margin: auto;
}

.financial-banner .banner-header .header-t {
    font-size: 40px;
    line-height: 52px;
    color: #000;
}

.financial-banner .banner-header .header-c {
    width: 524px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #666;
}

.financial-banner .banner-header .bt-consult {
    margin-top: 35px;
}

.financial-banner .solution-cards {
    font-size: 0;
    padding-bottom: 40px;
    width: 1150px;
    margin: auto;
    margin: 65px auto 0 auto;
}

.financial-banner .solution-cards .solution-card {
    background-color: #fff;
    display: inline-block;
    width: 350px;
    height: 337px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    vertical-align: middle;
    color: #333;
    border-radius: 5px;
    margin-right: 0;
}

.financial-banner .solution-cards .solution-card.card-service {
    margin-left: 50px;
    margin-right: 50px
}

.financial-banner .solution-cards .solution-card .card-t {
    font-size: 18px;
    line-height: 60px
}

.financial-banner .solution-cards .solution-card .card-c {
    text-align: left;
    font-size: 14px;
    padding: 0;
    line-height: 20px;
}

.page-t {
    line-height: 60px;
    font-weight: normal;
    font-size: 24px;
    color: #3e4259;
    margin-top: 30px;
}

.products {
    border-bottom: 1px solid #ddd;
    color: #333;
    padding-bottom: 50px;
    text-align: center;
}

.products .sale-info>i {
    color: #b22933;
    font-size: 18px;
    font-style: italic;
    vertical-align: baseline
}

.products .sale-info span {
    font-size: 32px
}

.products .pr-adv {
    margin-top: 17px;
    margin-bottom: 17px;
    font-size: 0
}

.products .adv-t {
    display: inline-block;
    color: #fff;
    width: 185px;
    height: 37px;
    border-radius: 20px;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 37px;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.products .pr-table {
    width: 1150px;
    margin: auto
}

.products td,
.products th {
    border: 1px solid #ddd;
    padding: 20px
}

.products th>a {
    color: #263755;
    font-weight: 700
}

.products .pr-solutions>td {
    text-align: left
}

.products td.pr-type,
.products th.pr-type {
    background-color: #f6f6f6;
    width: 118px;
    font-weight: 400;
    padding-left: 26px;
    padding-right: 26px;
    text-align: center
}

.products td.pr-type+td,
.products th.pr-type+td {
    width: 290px
}

.products td>span {
    margin-right: 1em
}

.products .bt-consult {
    margin-top: 30px
}

.arc {
    width: 1150px;
    margin: auto;
    margin-top: 30px;
    text-align: center;
    padding-bottom: 40px
}

.arc .arc-img {
    padding: 40px 60px;
    border: 1px solid #ddd
}

.usrs {
    background-color: #f2f8ff;
    padding: 50px 0;
    font-size: 0
}

.usrs .brands {
    margin-top: 16px
}

.usrs .brands>span {
    display: inline-block;
    width: 195px;
    height: 82px;
    line-height: 82px;
    background-color: #fff;
    vertical-align: middle;
    border: 1px solid #ddd;
    margin: 0 15px
}

.usrs .brands>span>img {
    vertical-align: middle
}

/* 直播解决方案 */
.live_video {
    height: 458px;
}

.solution-cards {
    font-size: 0;
    width: 1170px;
    padding-bottom: 60px;
    margin: 0 auto
}

.solution-cards .so-title {
    font-weight: 400;
    text-align: center;
    line-height: 22px;
    padding-top: 45px;
    padding-bottom: 30px;
    font-size: 24px;
    color: #3e4259;
}

.solution-cards .solution-card {
    background-color: #fff;
    display: inline-block;
    width: 273px;
    height: 335px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    color: #666;
    border-radius: 2px;
    margin-right: 23px;
    border: 1px solid #e5e5e5;
    padding: 40px 0
}

.solution-cards .solution-card .card-i {
    margin: 0 auto;
    height: 91px;
    width: 215px
}

.solution-cards .solution-card .card-i i {
    /* background:url(../images/icon.png) 0 0; */
}

.solution-cards .solution-card .card-i .img_1 {
    width: 205px;
    height: 85px;
    background-position: 0 -361px
}

.solution-cards .solution-card .card-i .img_2 {
    width: 205px;
    height: 79px;
    background-position: 0 -244px
}

.solution-cards .solution-card .card-i .img_3 {
    width: 213px;
    height: 91px;
    background-position: 0 -119px
}

.solution-cards .solution-card .card-i .img_4 {
    width: 215px;
    height: 87px
}

.solution-cards .solution-card .card-t {
    font-size: 18px;
    line-height: 60px;
    margin-top: 20px;
    text-align: center;
}

.solution-cards .solution-card .card-c {
    text-align: left;
    font-size: 14px;
    padding: 0 20px;
    line-height: 24px
}

.solution-cards .card-last {
    margin-right: 0
}

.ability-container {
    width: 100%;
    background-color: #f9f9f9
}

.ability {
    width: 1170px;
    background-color: #f9f9f9;
    margin: 0 auto;
    text-align: center
}

.ability .ab-title {
    font-size: 22px;
    font-weight: 400;
    color: #333;
    padding: 60px 0 40px 0
}

.ability ul li {
    float: left;
    width: 389px;
    margin-bottom: 80px
}

.ability ul li .ab-t {
    font-size: 22px;
    color: #263755;
    padding-top: 30px;
    padding-bottom: 20px
}

.ability ul li .ab-c {
    font-size: 14px;
    line-height: 24px;
    color: #585858
}

.ability ul .sp-line {
    border-right: 1px solid #d8d8d8;
    height: 100px;
    width: 0;
    float: left;
    margin-top: 70px
}

.ability ul .ab-i-1 {
    background: url(https://www.kaiyuncdn.com/images/icon.png) -74px -501px;
    width: 48px;
    height: 45px
}

.ability ul .ab-i-2 {
    background: url(https://www.kaiyuncdn.com/images/icon.png) -142px -501px;
    width: 54px;
    height: 43px
}

.ability ul .ab-i-3 {
    background: url(https://www.kaiyuncdn.com/images/icon.png) 0 -501px;
    width: 53px;
    height: 45px
}

.product-container {
    width: 100%;
    background: #fff
}

.product-top {
    width: 1170px;
    margin: 0 auto
}

.product-top p.pro-title {
    color: #333;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    line-height: 22px;
    padding-top: 45px;
    padding-bottom: 30px
}

.product-top ul li {
    float: left;
    text-align: center;
    width: 133px;
    height: 51px;
    padding: 20px 10px;
    background-color: #f9f9f9;
    border-right: 1px solid #dcdcdc
}

.product-top ul li:hover {
    cursor: pointer
}

.product-top ul li p {
    color: #3a3a3a;
    margin-top: 10px;
    font-size: 20px
}

.product-top ul li i {
    background: url(https://www.kaiyuncdn.com/images/icon.png) 0 0
}

.product-top ul li .i-pro-1 {
    width: 36px;
    height: 22px;
    background-position: 0 -623px
}

.product-top ul li .i-pro-2 {
    width: 22px;
    height: 22px;
    background-position: -52px -623px
}

.product-top ul li .i-pro-3 {
    width: 18px;
    height: 22px;
    background-position: -98px -623px
}

.product-top ul li .i-pro-4 {
    width: 15px;
    height: 22px;
    background-position: -143px -623px
}

.product-top ul .nav-selected {
    background-color: #334e64;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.product-top ul .nav-selected p {
    color: #fff
}

.product-top ul .nav-selected .i-pro-1 {
    background-position: 0 -663px
}

.product-top ul .nav-selected .i-pro-2 {
    width: 22px;
    height: 22px;
    background-position: -52px -663px
}

.product-top ul .nav-selected .i-pro-3 {
    width: 18px;
    height: 22px;
    background-position: -98px -663px
}

.product-top ul .nav-selected .i-pro-4 {
    width: 15px;
    height: 22px;
    background-position: -143px -663px
}

.product-top ul .last-child {
    border: none
}

.product-bottom {
    background: url(https://www.kaiyuncdn.com/images/pro_banner.jpg) no-repeat center;
    height: 615px
}

.product-bottom .pro-content {
    width: 1170px;
    color: #fff;
    margin: 0 auto;
    display: none
}

.product-bottom .pro-content .pro-left {
    width: 979px;
    float: left;
    margin: 235px 0
}

.product-bottom .pro-content .pro-left h3 {
    font-size: 28px;
    line-height: 28px
}

.product-bottom .pro-content .pro-left p {
    font-size: 14px;
    margin-top: 20px;
    width: 814px;
    line-height: 24px
}

.product-bottom .pro-content .pro-right {
    width: 191px;
    float: left;
    margin-top: 142px
}

.product-bottom .pro-content .pro-right h3 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px
}

.product-bottom .pro-content .pro-right .pro-tj {
    background: rgba(255, 255, 255, .14);
    width: 150px;
    height: 40px;
    margin-bottom: 10px;
    padding: 15px 20px;
    cursor: pointer
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-l {
    width: 38px;
    float: left
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-l i {
    background: url(https://www.kaiyuncdn.com/images/tj.png) 0 0;
    width: 38px;
    height: 38px
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-l .i-tj-1 {
    background-position: 0 0
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-l .i-tj-2 {
    background-position: -37px 0
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-l .i-tj-3 {
    background-position: -76px 0
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-l .i-tj-4 {
    background-position: -113px 0
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-l .i-tj-5 {
    background-position: -150px 0
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-l .i-tj-6 {
    background-position: -186px 0
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-l .i-tj-7 {
    background-position: -224px 0
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-l .i-tj-8 {
    background-position: -262px 0
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-l .i-tj-9 {
    background-position: -300px 0
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-l .i-tj-10 {
    background-position: -342px 0
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-r {
    width: 100px;
    float: left;
    margin-left: 10px
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-r .p1 {
    font-size: 18px;
    color: #fff;
    margin-top: 8px
}

.product-bottom .pro-content .pro-right .pro-tj .pro-tj-r .p2 {
    font-size: 14px
}

.product-bottom .tj-selected {
    display: block
}

.product-bottom .pro-content:nth-child(1) .pro-right .pro-tj-r .p1 {
    margin-top: 0
}

.product-bottom .pro-content:nth-child(2) .pro-right {
    margin-top: 60px
}

.product-bottom .pro-content:nth-child(3) .pro-left {
    margin: 259px auto
}

.product-bottom .pro-content:nth-child(3) .pro-right {
    margin-top: 220px
}

.product-bottom .pro-content:nth-child(4) .pro-left {
    margin: 259px auto
}

.product-bottom .pro-content:nth-child(4) .pro-right {
    margin-top: 220px
}

.arc {
    width: 1170px;
    margin: 0 auto;
}

.arc .frame {
    background: url(https://www.kaiyuncdn.com/images/banner_arc.png) no-repeat left;
    height: 664px;
}

.arc .frame .arc-fr {
    width: 325px;
    margin-top: 160px;
    float: right
}

.arc .frame .arc-fr .arc-t {
    font-size: 22px;
    font-weight: 400;
    color: #333;
    padding: 20px 0
}

.arc .frame .arc-fr .arc-c {
    font-size: 14px;
    color: #585858;
    line-height: 24px
}

.arc .frame .arc-fr .arc-contact {
    padding: 16px 54px;
    float: left;
    color: #fff;
    margin-top: 30px;
    font-size: 16px;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.arc .frame .arc-fr .arc-contact:hover {
    background-color: #30797c
}

/* 棋牌游戏解决方案 */
.chessgame-banner {
    height: 738px;
    padding-top: 75px;
    background: url(https://www.kaiyuncdn.com/images/solution_banner.png) no-repeat top center;
    background-size: cover;
}

.banner-header {
    color: #fff;
    padding-top: 40px;
    width: 1150px;
    margin: auto;
    color: #000;
}

.banner-header .header-t {
    font-size: 32px;
    margin: 25px auto;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 4px;
    text-shadow: 0 0 24px hsla(0, 0%, 100%, .8), 4px 0 14px hsla(0, 0%, 100%, .3), -4px 0 14px hsla(0, 0%, 100%, .3);
}

.banner-header .header-c {
    width: 524px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #666;
}

.banner-header .bt-consult {
    margin-top: 16px
}

.chessgame-banner .solution-cards {
    font-size: 0;
    padding-bottom: 40px;
    width: 1150px;
    margin: auto;
    margin: 65px auto 0 auto;
    position: relative;
    z-index: 1;
}

.chessgame-banner .solution-card {
    background-color: rgba(43, 98, 241, 0.6);
    display: inline-block;
    width: 350px;
    height: 337px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    vertical-align: middle;
    color: #fff;
    border-radius: 5px;
    border: none;
    margin-right: 0;
    text-align: center;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.chessgame-banner .solution-card.card-service {
    margin-left: 50px;
    margin-right: 50px
}

.chessgame-banner .solution-card>img {
    height: 85px
}

.chessgame-banner .solution-card .card-t {
    font-size: 18px;
    line-height: 60px
}

.chessgame-banner .solution-card .card-c {
    text-align: left;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
}

.chess-service {}

.chess-service {
    border-top: 1px solid #ddd;
    padding-top: 40px;
    text-align: center;
}

.chess-service .s-box {
    margin: 45px 40px;
    font-size: 18px
}

.chess-service .s-box .s-img {
    border: 1px solid #ddd;
    width: 400px;
    height: 240px;
    display: table-cell;
    vertical-align: middle
}

.chess-service .s-box .s-img img {
    vertical-align: middle
}

.chess-service .s-box .s-time {
    color: #fff;
    padding: 10px;
    left: -20px;
    top: -20px;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.chess-service .s-box .s-t {
    color: #333;
    margin-top: 20px
}

.pa {
    position: absolute;
}

.dib {
    display: inline-block;
}

/* 教育行业解决方案 */
.education-banner {
    height: 450px;
    margin: 0 auto;
    padding-top: 75px;
    background: url(https://www.kaiyuncdn.com/images/solution_banner.png) no-repeat center;
    background-size: cover;
}

.solution-cards02 .solution-card .card-i i {
    background: url(https://www.kaiyuncdn.com/images/icon02.png) 0 0;
    background: none;
}

.solution-cards02 .solution-card .card-i {
    margin: 0 auto;
    height: 91px;
    width: 220px
}

.solution-cards02 .solution-card .card-i .img_1 {
    width: 218px;
    height: 91px
}

.solution-cards02 .solution-card .card-i .img_2 {
    width: 220px;
    height: 91px;
    background-position: -291px 0
}

.solution-cards02 .solution-card .card-i .img_3 {
    width: 215px;
    height: 91px;
    background-position: -590px 0
}

.solution-cards02 .solution-card .card-i .img_4 {
    width: 222px;
    height: 91px;
    background-position: -886px 0
}

.education-arc {
    height: 590px;
    background: url(https://www.kaiyuncdn.com/images/arc-bg.png) no-repeat center;
    color: #333;
    text-align: center;
}

.education-arc h3 {
    line-height: 2.8;
    padding-top: 15px;
    font-size: 24px;
    color: #3e4259;
    font-weight: normal;
}

.education-arc h4,
.education-arc span {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700
}

.education-arc .frame {
    position: relative;
    margin: 0 auto;
    margin-top: 35px;
    width: 1050px;
    background: url(https://www.kaiyuncdn.com/images/frame-bg.png) no-repeat center;
    background-position-y: 7px
}

.education-arc .frame .frame-t {
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #e9e9e9;
    position: absolute;
    top: 225px;
    right: 505px
}

.education-arc .frame .frame-t:first-child {
    top: -23px
}

.education-arc .frame .frame-list {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 8px;
    height: 80px;
    position: relative
}

.education-arc .frame .frame-list h4,
.education-arc .frame .frame-list span {
    line-height: 1.8;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px
}

.education-arc .frame .frame-list .frame-wrap {
    width: 48.5%
}

.education-arc .frame .frame-list:nth-child(even) {
    text-align: left
}

.education-arc .frame .frame-list:nth-child(even) .frame-wrap {
    float: right;
}

.education-arc .frame .frame-list:nth-child(even) span {
    position: absolute;
    right: 540px;
    top: 0
}

.education-arc .frame .frame-list:nth-child(odd) {
    text-align: right
}

.education-arc .frame .frame-list:nth-child(odd) span {
    position: absolute;
    left: 540px;
    top: 0
}

.i_education {
    background: url(https://www.kaiyuncdn.com/images/i_education.png) no-repeat 0 0;
}

.project {
    margin: 0 auto;
    margin-top: 30px;
    width: 1150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.project h3 {
    line-height: 2;
    text-align: center;
    margin-bottom: 30px;
    font-size: 24px;
    color: #3e4259;
    font-weight: normal;
}

.project table {
    border-collapse: collapse
}

.project table td {
    font-size: 16px;
    border: 1px solid #ebebeb;
    width: 238px
}

.project table thead td {
    height: 70px;
    font-weight: 700;
    text-align: center;
}

.project table thead td a {
    color: #333
}

.project table thead td a:hover {
    color: #2f89ff
}

.project table thead td:first-child {
    width: 198px;
    background-color: #f6f6f6;
    font-weight: 400
}

.project table tbody td {
    height: 200px;
    font-size: 14px;
    line-height: 2;
    text-align: left;
    padding: 0 10px
}

.project table tbody td:first-child {
    width: 198px;
    background-color: #f6f6f6;
    text-align: center;
    font-size: 16px
}

/* 互联网行业解决方案 */
.internet-banner {
    padding-top: 75px;
    height: 458px;
    margin: 0 auto;
    background: url(https://www.kaiyuncdn.com/images/solution_banner.png) no-repeat center;
    background-size: cover;
}

.policy_background {
    width: 1170px;
    margin: 0 auto;
    padding: 60px 0
}

.policy_background h3 {
    line-height: 24px;
    text-align: center;
    margin-bottom: 88px;
    font-weight: normal;
    font-size: 24px;
    color: #3e4259;
}

.policy_background ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.policy_background ul li {
    position: relative;
    white-space: nowrap;
    -ms-flex-preferred-size: 278px;
    flex-basis: 278px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 288px;
    border-top: 2px solid #2b62f1;
    -webkit-box-shadow: 0 2px 6px 4px rgba(6, 1, 2, .04);
    box-shadow: 0 2px 6px 4px rgba(6, 1, 2, .04);
    padding: 84px 24px 0;
    border-color: #2b62f1;
}

.policy_background ul li h4 {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 18px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.policy_background ul li p {
    line-height: 24px;
    font-size: 14px;
    width: 230px;
    white-space: normal;
}

.internet-container {
    width: 100%;
    background-color: #f9f9f9;
    padding: 60px 0
}

.internet-solution {
    width: 1170px;
    margin: 0 auto
}

.internet-solution h3 {
    text-align: center;
    margin-bottom: 38px;
    font-size: 24px;
    color: #3e4259;
    font-weight: normal;
}

.internet-solution div.section_menu {
    display: inline-block;
    width: 200px;
    margin-left: 63px
}

.internet-solution div.section_menu li {
    width: 100%;
    height: 60px;
    color: #333;
    font-size: 18px;
    background-color: #e9e9e9;
    padding-left: 40px;
    line-height: 58px;
    border-bottom: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.internet-solution div.section_menu li h4 {
    display: inline-block;
    font-weight: 400;
}

.internet-solution div.section_menu li.active {
    color: #fff;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.internet-solution div.section_menu li .icon {
    background-image: url(https://www.kaiyuncdn.com/images/icon_sprites.png)
}

.internet-solution div.section_menu li.active .icon {
    background-image: url(https://www.kaiyuncdn.com/images/iconw_sprites.png)
}

.internet-solution div.section_menu li:nth-of-type(1) .icon {
    width: 26px;
    height: 23px;
    background-position: -102px -52px
}

.internet-solution div.section_menu li:nth-of-type(2) .icon {
    width: 27px;
    height: 26px;
    background-position: -10px -10px
}

.internet-solution div.section_menu li:nth-of-type(3) .icon {
    width: 25px;
    height: 27px;
    background-position: -10px -56px
}

.internet-solution div.section_menu li:nth-of-type(4) .alert {
    background-image: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #8d8d8d;
    text-align: center;
    line-height: 25px;
    color: #8d8d8d
}

.internet-solution div.section_menu li.active .alert {
    border: 1px solid #fff;
    color: #fff
}

.internet-solution div.section_menu li:nth-of-type(5) .icon {
    width: 24px;
    height: 26px;
    background-position: -57px -55px
}

.internet-solution div.section_menu li:nth-of-type(6) .icon {
    width: 28px;
    height: 22px;
    background-position: -102px -10px
}

.internet-solution div.section_menu li:last-child {
    border: none
}

.internet-solution div.detail {
    display: inline-block;
    vertical-align: top;
    padding: 25px 0 0 30px;
    overflow: hidden;
}

.internet-solution div.detail li {
    overflow: hidden;
}

.internet-solution div.detail ul li .policy_detial {
    color: #333;
    margin-bottom: 40px
}

.internet-solution div.detail ul li .gray_text {
    color: #444;
    opacity: .3;
    font-size: 22px;
    margin-bottom: 21px
}

.internet-solution div.detail ul li .detail_box {
    padding: 24px 32px;
    position: relative;
    background-color: #fff;
    width: 812px;
    height: 220px;
    -webkit-box-shadow: 0 2px 6px 4px rgba(6, 1, 2, .04);
    box-shadow: 0 2px 6px 4px rgba(6, 1, 2, .04);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.internet-solution div.detail ul li .detail_box h4 {
    position: relative;
    color: #444;
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: 400;
    line-height: 20px;
}

.internet-solution div.detail ul li .detail_box h4::before {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 15px;
    background-color: #2b62f1;
    top: 3px;
    left: -10px;
}

.internet-solution div.detail ul li .detail_box p.serve_info {
    vertical-align: top;
    display: inline-block;
    width: 324px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.internet-solution div.detail ul li .detail_box img {
    right: 70px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    vertical-align: top
}

.internet-solution div.detail ul li:nth-of-type(3) .serve_info {
    width: 400px !important
}

.internet-solution div.detail ul li:nth-of-type(3) .serve_info:nth-of-type(1) {
    margin-bottom: 20px
}

.internet-solution div.detail ul li:nth-of-type(3) img {
    top: 42%
}

.i_internet {
    background: url(https://www.kaiyuncdn.com/images/i_internet.png) no-repeat 0 0;
}

.hide {
    display: none;
}

.framework_container {
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 60px 0
}

.framework_container h3,
.framework_container h4 {
    text-align: center;
    color: #333
}

.framework_container h3 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #3e4259;
    font-weight: normal;
}

.framework_container h4 {
    margin-bottom: 30px
}

.advantage_container {
    background-color: #f9f9f9;
    padding: 60px 0 60px
}

.advantage_container h3 {
    text-align: center;
    color: #333;
    font-size: 22px;
    margin-bottom: 36px
}

.advantage_container .flex_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    width: 1170px;
    margin-bottom: 50px
}

.advantage_container .flex_row .flex_item {
    -ms-flex-preferred-size: 330px;
    flex-basis: 330px
}

.advantage_container .flex_row .flex_item img {
    margin-bottom: 30px
}

.advantage_container .flex_row .flex_item h4 {
    color: #333;
    font-size: 18px;
    margin-bottom: 18px;
    font-weight: normal;
}

.advantage_container .flex_row .flex_item p {
    text-align: left;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.advantage_container .flex_row .flex_item.item_1 img {
    margin-bottom: 17px
}

.advantage_container .flex_row .flex_item.item_3 img {
    margin-bottom: 23px
}

.advantage_container .flex_row:nth-of-type(2) {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 0
}

/* 云防火墙 WEB */
.mod-hero {
    position: relative;
    overflow: hidden;
    background: url(https://www.kaiyuncdn.com/images/banner-v2-1.jpg) top center no-repeat #eef1f7;
    background-size: auto 100%;
}

.mod-hero .mod-inner {
    position: relative;
    min-height: 400px
}

.mod-hero .banner-ct {
    padding-left: 0%;
    width: 47%;
    display: inline-block
}

.mod-hero .title {
    color: #333;
    font-size: 54px;
    font-weight: 400;
    margin-top: 9%;
    margin-bottom: 2%
}

.mod-hero .title .title-cn,
.mod-hero .title .title-en {
    display: inline-block
}

.mod-hero .title .title-cn {
    font-size: 52px
}

.mod-hero .title .title-en {
    font-size: 50px
}

.mod-hero .head-content {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    height: auto;
    min-height: 120px
}

.mod-hero .head-operation {
    margin-bottom: 9%;
    margin-top: 10px
}

.mod-hero .head-operation .op-line {
    margin-bottom: 28px
}

.mod-hero .op-line .tc-btn {
    width: 140px;
    padding: 0;
    height: 33px;
    line-height: 33px;
    margin-right: 10px;
    position: relative;
    font-weight: 400
}

.mod-hero .op-line .tc-btn-cal {
    text-indent: 20px
}

.mod-hero .op-line .tc-btn .icon-cal {
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(https://www.kaiyuncdn.com/images/product-temp20160918-201707111002.png);
    top: 8px;
    left: 21%;
    background-position: -136px -172px
}

.mod-hero .op-line .tc-btn-1:hover .icon-cal {
    background-image: url(https://www.kaiyuncdn.com/images/product-temp20160918-201707111002.png);
    background-position: -172px -172px
}

.mod-hero .pt-icon {
    position: absolute;
    top: 60px;
    right: 0;
    width: 292px;
    height: 292px;
    background-image: url(https://www.kaiyuncdn.com/images/bg-banner-icon.png);
    text-align: center
}

.mod-hero .pt-icon img {
    display: inline-block;
    margin-top: 37px;
    width: 218px;
    height: 218px
}

.mod-hero .m-pt-icon {
    display: none;
    position: absolute;
    top: 0;
    right: 0
}

.mod-hero .ad .des {
    font-size: 14px;
    color: #666
}

.mod-hero .ad a.des:hover {
    color: #2277da
}

.mod-hero .ad .des .icon-info {
    display: inline-block;
    width: 16px;
    height: 14px;
    background-image: url(https://www.kaiyuncdn.com/images/product-temp20160918-201707111002.png);
    vertical-align: -2px;
    margin-right: 5px;
    background-position: -190px -172px
}

.mod-hero .ad .des .strong-color {
    color: #ff7200;
    font-weight: 400
}

.mod-hero .ad .stick {
    margin: 0 10px;
    color: #666;
    font-size: 14px
}

.mod-hero .ad a.des:hover .strong-color {
    color: #2277da
}

.mod-hero .event {
    margin-bottom: 0;
    padding-left: 21px
}

.mod-hero .first-event {
    padding-left: 0;
    margin-bottom: 10px
}

.mod-hero .event .des {
    font-size: 14px;
    color: #666
}

.mod-hero .event a.des:hover {
    color: #2277da
}

.mod-hero .event .des .icon-info {
    display: inline-block;
    width: 16px;
    height: 14px;
    background-image: url(https://www.kaiyuncdn.com/images/product-temp20160918-201707111002.png);
    vertical-align: -2px;
    margin-right: 5px;
    background-position: -190px -172px
}

.mod-hero .event .des .strong-color {
    color: #ff7200;
    font-weight: 400
}

.mod-hero .event .stick {
    margin: 0 10px;
    color: #666;
    font-size: 14px
}

.mod-hero .event a.des:hover .strong-color {
    color: #2277da
}

.info-banner {}

.mod-scdn .info-banner {
    background: url(https://www.kaiyuncdn.com/images/mod-scdn.jpg) no-repeat center;
}

.mod-dengbao .info-banner {
    background: url(https://www.kaiyuncdn.com/images/mod-dengbao.jpg) no-repeat center;
}

.mod-ssl .info-banner {
    background: url(https://www.kaiyuncdn.com/images/mod-ssl.jpg) no-repeat center;
}

.mod-ddos .info-banner {
    background: url(https://www.kaiyuncdn.com/images/mod-ddos.jpg) no-repeat center;
}

.mod_ddos_1 .info-banner {
    background: url(https://www.kaiyuncdn.com/images/banner-qishix.jpg) no-repeat center;
}

.mod-ddosapp .info-banner {
    background: url(https://www.kaiyuncdn.com/images/mod-ddosapp.jpg) no-repeat center;
}

.mod-ddosweb .info-banner {
    background: url(https://www.kaiyuncdn.com/images/mod-ddosweb.jpg) no-repeat center;
}

.mod_cp_1 .info-banner {
    background: url(https://www.kaiyuncdn.com/images/mod_cp_1.jpg) no-repeat center;
}

.banner-dns .info-banner {
    background: url(https://www.kaiyuncdn.com/images/banner-dns.jpg) no-repeat center;
}

.mod_tuiguang .info-banner {
    background: url(https://www.kaiyuncdn.com/images/mod_tuiguang.jpg) no-repeat center;
}

.mod_vvs .info-banner {
    background: url(https://www.kaiyuncdn.com/images/mod-vss.jpg) no-repeat center;
}

.mod-zjfw .info-banner {
    background: url(https://www.kaiyuncdn.com/images/mod-zjfw.jpg) no-repeat center;
}

.mod-site-1 .info-banner {
    background: url(https://www.kaiyuncdn.com/images/mod_site.jpg) no-repeat center;
}

.banner-engine .banner-box {
    height: 690px;
    position: relative;
    /* background-image: radial-gradient(circle at center,#0020ae 0,#050024 100%); */
}

.banner-engine .header-container {
    /* height: 0; */
}

.banner-engine .news-casting {
    display: none;
}

.info-banner {
    position: relative;
    padding-top: 60px;
    width: 100%;
    height: 340px;
}

.banner-nav {
    transition: width ease .8s;
}

.info-box {
    height: 100%;
}

.info-nav {
    position: relative;
    padding-top: 0px;
}

.product-info-title {
    margin-bottom: 22px;
    height: 46px;
    line-height: 46px;
    font-size: 52px;
    color: #333;
    font-weight: normal;
}

.product-info-detail {
    margin-bottom: 42px;
    width: 524px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.product-info-btn {
    margin-top: 20px;
}

.product-info-btn a.btn {
    display: inline-block;
    margin-right: 20px;
    width: 140px;
    height: 33px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    line-height: 33px;
}

.info-btn1 {
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.info-btn1:hover {
    background: #0099e5;
    border: 1px solid #0090d9;
}

.info-btn2 {
    background: #fff;
    border: 1px solid #2b62f1;
    color: #2b62f1 !important;
}

.product-info-btn a.btn.info-btn2:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #333333;
}

a.info-btn3 {
    margin-left: 20px;
    background: #fff;
    color: #009FD9;
    border: 1px solid #009FD9;
    line-height: 28px;
}

a.info-help-link {
    display: inline-block;
    margin-right: 20px;
    height: 40px;
    line-height: 40px;
    color: #00aaff;
    font-size: 14px;

}

.product-info-stand {
    margin-top: 15px;
    padding-left: 20px;
    font-size: 14px;
    color: #4c4c4c;
    background: url(https://www.kaiyuncdn.com/images/icon_product_info.png) no-repeat left 3px;
}

.product-info-stand a {
    margin: 0px 2px;
    display: inline-block;
    color: #009fd9;
}

.nav-box {
    width: 100%;
    height: 76px;
    background-color: #36393d;
    box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2);
}

.nav-box.normal-nav-box {
    position: absolute;
    bottom: 0;
    background-color: transparent;
}

.nav-show {
    position: fixed;
    top: -1px;
    z-index: 9999;
    border-top: 1px solid rgba(247, 249, 250, 0.36);
}

.nav-hide {
    box-shadow: none;
}

.orientation-nav-box {
    position: relative;
    width: 100%;
    height: 74px;
}

.banner-nav {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 76px;
    width: 100%;
}

.banner-nav li {
    height: 74px;
    margin-left: 40px;
    float: left;
}

.banner-nav li:first-child {
    margin-left: 0;
}

.banner-nav li a {
    height: 74px;
    display: inline-block;
    padding: 0px 10px;
    font-size: 16px;
    color: #666;
    line-height: 74px;
}

.nav-hide .banner-nav li a {
    height: 74px;
    line-height: 74px;
}

.nav-show .banner-nav li a {
    height: 73px;
    line-height: 73px;
}

.banner-nav li a:hover,
.banner-nav li a.active {
    border-bottom: 3px solid #2b62f1;
    color: #2b62f1;
}

.nav-server {
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    height: 76px;
    line-height: 74px;
    width: 200px;
}

.nav-server:before {
    position: absolute;
    left: 20px;
    top: 2px;
    content: url(https://www.kaiyuncdn.com/images/icon_nav_server.png);
    width: 16px;
    height: 14px;
}

.nav-server ul {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 75px;
    background-color: #323437;
    width: 100%;
    padding-bottom: 10px;
    border: 1px solid #3b3d41;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.nav-server:hover {
    background-color: #323437;
    color: #00aaff;
}

.nav-server-name {
    border-left: 1px solid transparent;
    border-right: 1px solid #56585c;
    text-align: center;
}

.nav-server:hover .nav-server-name {
    border-left: 1px solid #56585c;
}

.nav-server:hover:before {
    content: url(https://www.kaiyuncdn.com/images/icon_machine.png);
}

.nav-server:hover ul.nav-other-list {
    display: block;
    border: 1px solid #3b3d41;
    border-top: none;
}

.nav-server ul li {
    height: 42px;
    line-height: 42px;
}

.nav-server ul a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.nav-server ul a:hover {
    background-color: #00aaff;
    color: #fff;
}

.buy_btn {
    display: block;
    position: absolute;
    right: 0px;
    top: 21px;
    width: 90px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #00aaff;
}

.buy_btn:hover {
    background: #0099e5;
}

.server-module.double {
    padding-bottom: 20px;
    background: #fff;
}

.server-module.single {
    padding-bottom: 20px;
}

.server-module.server-question-module {
    padding-bottom: 75px;
}

.Prosum_con {
    width: 1120px;
    margin: 0 auto;
    overflow: hidden;
}

.Prosum_title,
.Profeat_title,
.Proprice_title {
    font-size: 24px;
    line-height: 24px;
    margin-top: 56px;
    text-align: center;
    color: #333333;
}

.Prosum_sec,
.Profeat_sec,
.Proprice_sec {
    font-size: 16px;
    line-height: 16px;
    color: #666666;
    margin-top: 16px;
    text-align: center;
}

.Prosum_ex,
.Profeat_ex {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 56px;
    overflow: hidden;
}

.Prosum_ex li {
    float: left;
    width: 368px;
    padding-left: 152px;
    height: 182px;
    padding-right: 20px;
    border: 1px solid #e8e8e8;
}

.Profeat_ex li {
    float: left;
    width: 254px;
    height: 305px;
    background: #fff;
    border: 1px solid #e8e8e8;
}

.Prosum_ex li:nth-child(2) {
    margin-left: 26px;
    background: url(https://www.kaiyuncdn.com/images/pro_ex2.png) no-repeat 32px 40px;
}

.Prosum_ex li:nth-child(1) {
    background: url(https://www.kaiyuncdn.com/images/pro_ex1.png) no-repeat 32px 40px;
}

.Prosum_tx li:nth-child(2) {
    margin-left: 26px;
    background: url(https://www.kaiyuncdn.com/images/pro_tx2.png) no-repeat 32px 40px;
}

.Prosum_tx li:nth-child(1) {
    background: url(https://www.kaiyuncdn.com/images/pro_tx1.png) no-repeat 32px 40px;
}

.Prosum_ex h2 {
    margin-top: 40px;
    text-align: left !important;
    font-weight: bolder;

}

.Prosum_ex p {
    color: #666666;
    width: 350px;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin-top: 25px;
}

.ml32 {
    margin-left: 32px;
}

.mb32 {
    margin-bottom: 32px;
}


.Profeat_ex div {
    width: 112px;
    height: 112px;
    margin: 32px auto 16px;
    border-radius: 100%;
}

.Profeat_ex li:nth-child(1) div {
    background: url(https://www.kaiyuncdn.com/images/pro_feat1.png) no-repeat center #ecf2ff;
}

.Profeat_ex li:nth-child(2) div {
    background: url(https://www.kaiyuncdn.com/images/pro_feat2.png) no-repeat center #ecf2ff;
}

.Profeat_ex li:nth-child(3) div {
    background: url(https://www.kaiyuncdn.com/images/pro_feat3.png) no-repeat center #ecf2ff;
}

.Profeat_ex li:nth-child(4) div {
    background: url(https://www.kaiyuncdn.com/images/pro_feat4.png) no-repeat center #ecf2ff;
}

.Profeat_tx li:nth-child(1) div {
    background: url(https://www.kaiyuncdn.com/images/Profeat_tx1.png) no-repeat center #ecf2ff;
}

.Profeat_tx li:nth-child(2) div {
    background: url(https://www.kaiyuncdn.com/images/Profeat_tx2.png) no-repeat center #ecf2ff;
}

.Profeat_tx li:nth-child(3) div {
    background: url(https://www.kaiyuncdn.com/images/Profeat_tx3.png) no-repeat center #ecf2ff;
}

.Profeat_tx li:nth-child(4) div {
    background: url(https://www.kaiyuncdn.com/images/Profeat_tx4.png) no-repeat center #ecf2ff;
}

.Prosum_ex h2,
.Profeat_ex h2 {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #444444;
    font-weight: normal;
}

.Profeat_ex h2:nth-child(2) {
    margin-top: 16px;
    font-weight: bolder;
}

.Profeat_ex li h2:nth-child(3) {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    width: 196px;
    margin: 0 auto;
    margin-top: 24px;
    text-align: left;
}

.Profeat {
    background: #fff;
}

.Proprice table {
    width: 100%;
    border: 1px solid #ddd;
    margin-top: 32px;
    text-align: center;
    color: #333333;
    margin-bottom: 55px;
}

.Proprice table thead tr td:nth-child(2) a {
    border-radius: 30px;
    background: #ff7101;
}

.Proprice table thead tr td:nth-child(2) a:hover {
    background: #269440;
}

.Proprice table thead tr td:nth-child(n+2) a {
    border-radius: 30px;
}

.Proprice table tbody tr:last-child td:nth-child(2) a {
    border-radius: 30px;
    background: #fe7203;
    margin-bottom: 15px;
}

.Proprice table tbody tr:last-child td:nth-child(2) a:hover {
    background: #269440;
}

.Proprice table tbody tr:last-child td:nth-child(n+2) a {
    border-radius: 30px;
    margin-bottom: 15px;
}

.Proprice table tr {
    border-bottom: 1px solid #ddd;
}

.Proprice table td {
    border-right: 1px solid #ddd;
}

.Proprice table th {
    border-right: 1px solid #ddd;
}

.Proprice table thead th {
    width: 184px;
    font-size: 14px;
}

.Proprice table thead td {
    width: 312px
}

.Proprice table strong {
    font-size: 16px;
    line-height: 16px;
    margin-top: 32px;
    display: block;
    color: #666;
    font-weight: normal;
}

.Proprice table em {
    display: block;
    font-size: 14px;
    margin-top: 16px;
    color: #444444;
    font-style: normal;
}

.Proprice table em span {
    font-size: 24px;
}

.Proprice table thead a {
    margin-top: 16px;
    margin-bottom: 32px;
}

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

.Proprice table tbody th {
    height: 48px;
    line-height: 48px;
    color: #666;
    font-weight: normal;
    box-sizing: border-box;
}

.Proprice table tbody td {
    height: 48px;
}

.support {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: url(https://www.kaiyuncdn.com/images/support.png) no-repeat center #fe7203;
    margin: 0 auto;
}

.bt {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 16px;
    border-radius: 3px;
    border: none 0;
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s
}

.bt[type=submit] {
    padding-top: 5px;
    padding-bottom: 5px
}

.bt:hover {
    text-decoration: none
}

.bt-1 {
    font-size: 14px;
    color: #666;
    background-color: #fff;
    padding: 4px 15px;
    border: 1px solid #ccc
}

.bt-1:hover {
    background-color: #e6e6e6;
    color: #666
}

.bt-2 {
    font-size: 14px;
    color: #fff;
    background-color: #0078ff
}

.bt-2:hover {
    background-color: #005ee5;
    color: #fff
}

.bt-3 {
    font-size: 14px;
    color: #fff;
    background-color: #5cb85c
}

.bt-3:hover {
    background-color: #449d44;
    color: #fff
}

.bt-4 {
    font-size: 14px;
    color: #fff;
    background-color: #5bc0de
}

.bt-4:hover {
    background-color: #31b0d5;
    color: #fff
}

.bt-5 {
    font-size: 14px;
    color: #fff;
    background-color: #6f5499
}

.bt-5:hover {
    background-color: #533e74;
    color: #fff
}

.bt-ghost {
    font-size: 14px;
    border: 1px solid;
    padding: 4px 15px;
    color: #fff
}

.bt-ghost:hover {
    background-color: #fff;
    color: #000;
    border-color: #fff
}

.bc-1 {
    background-color: #5cb85c
}

.bc-2 {
    background-color: #0078ff
}

.bc-3 {
    background-color: #5bc0de
}

.bc-4 {
    background-color: #6f5499
}

label {
    cursor: pointer
}

.bt[disabled],
button[disabled] {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.ny_web .login-but {
    color: #fff !important;
}

/* DDoS高防IP */
.mod-inner {
    max-width: 1180px;
    margin: 0 auto;
    font-size: 0;
    min-width: 320px;
    position: relative
}

.main-content {
    vertical-align: top;
    padding-bottom: 0px;
    padding-left: 0px
}

.main-content .mt-15 {
    margin-top: 15px
}

.main-content .tab-content {
    margin: 40px 0 20px;
}

.content-tit {
    margin-top: 30px;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
    position: relative;
    text-align: center;
    font-size: 24px;
    color: #3e4259;
    margin-bottom: 30px;
}

.ddos-con {
    width: 100%;
    padding: 50px 0 80px 0;
    float: left;
}

.ddos-con .img {
    width: 51%;
    float: left;
}

.ddos-con .img img {
    width: 100%;
}

.ddos-con .text {
    width: 43%;
    float: right;
    padding-top: 100px;
}

.ddos-con .text p {
    font-size: 14px;
    color: #666;
    line-height: 30px
}

.ddos-con .text H3 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    line-height: 40px
}

.module-title {
    position: relative;
    text-align: center;
    font-size: 24px;
    color: #3e4259;
    margin-bottom: 30px;
}

.module-title span {
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    color: #666;
}

.virtue-list {
    width: 100%;
}

.virtue-list li {
    display: list-item;
    float: left;
    padding: 30px 55px 0 200px;
    width: 333px;
    height: 184px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 62px 41px;
    border: 1px solid #eee;
}

.virtue-list li:hover {
    box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-top-20 {
    margin-top: 20px;
}

.virtue-list .virtue-bg1 {
    background-image: url(https://www.kaiyuncdn.com/images/CDN_advantage_icon_1.png);
}

.virtue-list .virtue-bg2 {
    background-image: url(https://www.kaiyuncdn.com/images/CDN_advantage_icon_2.png);
}

.virtue-list .virtue-bg3 {
    background-image: url(https://www.kaiyuncdn.com/images/CDN_advantage_icon_3.png);
}

.virtue-list .virtue-bg4 {
    background-image: url(https://www.kaiyuncdn.com/images/CDN_advantage_icon_4.png);
}

.virtue-title {
    display: block;
    font-size: 22px;
    color: #333;
}

.virtue-sub-title {
    display: block;
    margin-top: 16px;
    padding-right: 40px;
    line-height: 28px;
    font-size: 16px;
    color: #666;
}

.virtue-info {
    margin-top: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}

.product-title {
    padding: 5px 10px 30px;
    font-weight: normal;
    font-size: 24px;
    line-height: 46px;
    color: #3e4259;
    text-align: center;
}

.product-title.white {
    color: #ffffff;
}

.product-title.sub {
    font-size: 22px;
    line-height: 28px;
    color: #666a75;
    padding-top: 30px;
    padding-bottom: 30px;
}

.product-scene-tab {
    font-size: 0;
    text-align: center;
}

.product-scene-tab .scene-tab {
    display: inline-block;
    text-align: center;
    position: relative;
    cursor: pointer;
    vertical-align: top;
}

.product-scene-tab .scene-tab+.scene-tab {
    margin-left: 20px;
}

.product-scene-tab .scene-tab:not(.active):hover .caption {
    color: #009fd9;
}

.product-scene-tab {
    font-size: 0;
    text-align: center;
}

.product-scene-tab .scene-tab {
    display: inline-block;
    text-align: center;
    position: relative;
    cursor: pointer;
    vertical-align: top;
}

.product-scene-tab .scene-tab+.scene-tab {
    margin-left: 20px;
}

.product-scene-tab .scene-tab:not(.active):hover .caption {
    color: #009fd9;
}

.scene-panel .icon-scene-tab {
    margin-bottom: 0;
}

.scene-tab .icon-scene-tab {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.scene-tab .caption {
    position: relative;
    display: inline-block;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

.prod-area.scene[data-number="2"] .scene-tab {
    width: 400px;
}

.prod-area.scene[data-number="3"] .scene-tab {
    width: 300px;
}

.prod-area.scene[data-number="4"] .scene-tab {
    width: calc((100% - 100px) / 4);
}

.prod-area.scene[data-number="5"] .scene-tab {
    width: calc((100% - 80px) / 5);
}

.prod-area.scene[data-number="6"] .scene-tab {
    width: calc((100% - 100px) / 6);
}

.product-scene-tab .scene-tab .caption:after {
    background: #009fd9;
    bottom: -25px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    width: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width .25s ease;
    transition: width .3s ease;
}

.product-scene-tab .scene-tab.active .caption:after {
    width: 100%;
}

.product-application2 {
    padding-bottom: 50px;
}

.product-application2 .product-scene-tab {
    font-size: 0;
    text-align: center;
}

.product-application2 .scene-sub-box .prod-rec:hover {
    border-color: #009fd9;
}

.product-application2 .scene-sub-box .prod-rec:hover .icon-prod-rec:before {
    color: #009fd9;
}

.product-application2 .product-scene-tab .scene-tab {
    display: inline-block;
    text-align: center;
    position: relative;
    cursor: pointer;
    vertical-align: top;
}

.product-application2 .product-scene-tab .scene-tab+.scene-tab {
    margin-left: 20px;
}

.product-application2 .product-scene-tab .scene-tab:not(.active):hover .caption {
    color: #009fd9;
}

.product-application2 .scene-panel .icon-scene-tab {
    margin-bottom: 0;
}

.product-application2 .scene-tab .icon-scene-tab {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.product-application2 .scene-tab .caption {
    position: relative;
    display: inline-block;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

.product-application2 .prod-area.scene[data-number="2"] .scene-tab {
    width: 400px;
}

.product-application2 .prod-area.scene[data-number="3"] .scene-tab {
    width: 300px;
}

.product-application2 .prod-area.scene[data-number="4"] .scene-tab {
    width: calc((100% - 100px) / 4);
}

.product-application2 .prod-area.scene[data-number="5"] .scene-tab {
    width: calc((100% - 80px) / 5);
}

.product-application2 .prod-area.scene[data-number="6"] .scene-tab {
    width: calc((100% - 100px) / 6);
}

.product-application2 .product-scene-tab .scene-tab .caption:after {
    background: #009fd9;
    bottom: -25px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    width: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width .25s ease;
    transition: width .3s ease;
}

.product-application2 .product-scene-tab .scene-tab.active .caption:after {
    width: 100%;
}

.product-application2 .scene-mb-title {
    display: none;
}

.product-application2 .scene-mb-body .caption {
    font-size: 18px;
    font-weight: bold;
    color: #252b3a;
}

.product-application2 .scene-mb-body .info {
    font-size: 14px;
    color: #666a75;
}

.product-application2 .scene-sub-wrap {
    padding: 0 20px;
}

.product-application2 .scene-sub-box {
    padding: 20px 0 0 0;
}

.product-application2 .scene-sub-box:before,
.product-application2 .scene-sub-box:after {
    content: " ";
    display: table;
}

.product-application2 .scene-sub-box:after {
    clear: both;
}

.product-application2 .scene-sub-box:last-child {
    padding-top: 10px;
}

.product-application2 .scene-sub-box .list {
    margin-top: 20px;
    font-size: 0;
}

.product-application2 .scene-sub-box .list li {
    font-size: 14px;
    line-height: 22px;
    color: #666a75;
    text-align: justify;
    padding-left: 0px;
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
}

.product-application2 .scene-sub-box .list.dot li {
    padding-left: 15px;
}

.product-application2 .scene-sub-box .list li .caption {
    font-size: 14px;
    margin: 0;
}

.product-application2 .scene-sub-box .list.dot li:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin-left: -15px;
    margin-top: 8px;
}

.product-application2 .scene-sub-box .more {
    margin-top: 10px;
    color: #2d56B1;
}

.product-application2 .config-info {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}

.product-application2 .scene-sub-box .link {
    margin-right: 10px;
    color: #2d56B1;
}

.product-application2 .config-info .link:hover {
    color: #009fd9;
}

.product-application2 .scene-sub-box .link:hover {
    text-decoration: underline;
}

.product-application2 .scene-sub-box.config .action {
    margin-top: 10px;
}

.product-application2 .scene-sub-box.config .action .link {
    color: #009fd9;
}

.product-application2 .scene-sub-box .prod-rec {
    display: inline-block;
    text-align: center;
    color: #333;
    margin-right: 15px;
    transition: all 0.3s;
}

.product-application2 .icon-prod-rec {
    display: inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden;
}

.product-application2 .icon-prod-rec>img {
    display: block;
    height: 100%;
}

.product-application2 .scene-sub-box .prod-rec.hover .name {
    color: #2d56B1;
}

.product-application2 .scene-sub-box .prod-rec.hover .icon-prod-rec>img {
    margin-left: -100%;
}

.product-application2 .scene-sub-box .icons-product-md {
    font-size: 32px;
    -webkit-transition: .2s;
    transition: .2s;
}

.product-application2 .scene-sub-box .prod-rec .name {
    -webkit-transition: .2s;
    transition: .2s;
}

.product-application2 .scene-mb-body:before,
.product-application2 .scene-mb-body:after {
    content: " ";
    display: table;
    line-height: 0;
}

.product-application2 .scene-mb-body:after {
    clear: both;
}

.product-application2 .scene-sub-box:last-child {
    border-bottom: none;
    margin-bottom: 10px;
}

.product-application2 .scene-layer {
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
    background: #fff;
    border: 1px solid #ddd;
}

.product-application2 .scene-content {
    display: none;
    width: 100%;
}

.product-application2 .scene-content.active {
    display: block;
}

.product-application2 .scene-arch {
    position: absolute;
    left: 0;
    top: 0;
    width: 736px;
    height: 470px;
    overflow: hidden;
    border: solid 20px #fff;
    background: #f7f7f7;
    cursor: zoom-in;
    border-radius: 2px;
}

.product-application2 .scene-arch img {
    display: block;
    position: absolute;
    max-width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.product-application2 .scene-mb-body .scene-arch+.scene-sub-wrap {
    float: left;
    /* width: 388px; */
    min-height: 510px;
    padding-left: 10px;
    margin-left: 780px;
    margin-right: 0;
}

.product-application2 .scene-mb-body .scene-arch+.scene-sub-wrap .scene-sub-box .list li {
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
}

.product-application2 .scene-mb-body .scene-arch+.scene-sub-wrap .scene-sub-box .list li:last-child {
    margin-bottom: 0;
}

.product-application2 .scene-mb-body .scene-arch+.scene-sub-wrap .scene-sub-box>.caption {
    margin-bottom: 10px !important;
}

.product-application2 .scene-sub-box .detial-link {
    float: right;
    font-size: 14px;
}

.product-application2 .scene-sub-box .detial-link:hover {
    color: #2d56B1;
}

.product-application2 .scene-sub-box.none-bor .caption {
    font-weight: 700 !important;
}

.product-application2 .screenImg {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: zoom-out;
    overflow: auto;
}

.product-application2 .screenImg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80%;
    margin: auto;
    background-color: #fbfbfb;
}

.product-application2 .scene-sub-wrap-1 {
    padding-right: 30px;
}

.product-application2 .scene-sub-wrap-1 {
    padding-right: 0px;
}

.product-application2 .scene-sub-wrap-1:before,
.product-application2 .scene-sub-wrap-1:after {
    content: " ";
    display: table;
}

.product-application2 .scene-sub-wrap-1:after {
    clear: both;
}

.product-application2 .scene-sub-box h3 {
    font-size: 16px;
    color: #252b3a;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.product-application2 .scene-sub-box .caption {
    font-size: 16px;
    color: #252b3a;
    line-height: 22px;
    position: relative;
}

.product-application2 .scene-sub-box a {
    display: inline-block;
    text-align: left !important;
    width: 170px;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    margin-right: 10px !important;
    margin-bottom: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    float: left;
}

.product-application2 .scene-sub-box a:hover p {
    color: #009fd9;
}

.product-application2 .scene-sub-box a .icon-prod-rec {
    width: 24px;
    height: 24px;
    font-size: 24px;
    vertical-align: middle;
}

.product-application2 .scene-sub-box a p {
    width: calc(100% - 34px);
    font-size: 12px;
    color: #666a75;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-application2 .scene-sub-box.none-bor h3 {
    font-size: 16px;
    color: #252b3a;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.product-application2 .scene-sub-box.none-bor .caption {
    font-size: 14px;
    color: #252b3a;
    line-height: 18px;
    font-weight: 400;
    position: relative;
    padding-left: 15px;
}

.product-application2 .scene-sub-box.none-bor .caption:after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #a0a2a8;
    position: absolute;
    top: 5px;
    left: 5px;
}

.product-application2 .scene-sub-box.none-bor .info {
    font-size: 14px;
    color: #666a75;
    line-height: 22px;
    margin-bottom: 10px;
    padding-left: 15px;
}

.product-application2 .icon-scene {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.product-application2 .scene-tab .icon-scene {
    display: block;
    margin: auto;
}

.product-application2 .scene-tab .icon-sprite-md {
    width: 96px;
    height: 96px;
}

/* 游戏盾 */
.pro-comment {
    margin-top: 30px;
}

.pro-comment .tabs {
    border: 0;
    width: 300px;
    margin: 0px auto;
}

.pro-comment .tabs dd {
    width: 80px;
    float: left;
    margin: 0px 10px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

.pro-comment .tabs dd span {
    display: block;
    padding: 12px 0 10px;
    border-bottom: 3px solid #fff;
    color: #666;
    font-size: 16px;
    background: #fff;

}

.pro-comment .tabs dd.active span {
    color: #34baff;
    border-color: #34baff;
    background: #fff;
}

.pro-comment .commentbox {
    padding: .5rem 0
}

/* 德迅卫士 */
.help-page {
    color: #fff;
}

.part {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.part_nr {
    width: 1240px;
    height: 476px;
    position: relative;
    margin: 0 auto;
    top: 20%;
    overflow: hidden;
}

.part2 {
    background: #249db8;
}

.part2_yq {
    background: url(https://www.kaiyuncdn.com/images/img_yq.png) no-repeat 0 16px;
    width: 230px;
    height: 80px;
}

.part3 {
    background: #16a186;
}

.part4 {
    background: #27af61;
}

.part5 {
    background: #e67f22;
}

.part6 {
    background: #fa5a4a;
}

.part1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(https://www.kaiyuncdn.com/images/part1_bg.jpg) no-repeat center #1e81e5;
}

.part1_nr {
    width: 760px;
    position: relative;
    margin: 0 auto;
    top: 20%;
}

.fwqaqg_bt {
    font-size: 52px;
    text-align: center;
}

.fwqaqg_fbt {
    font-size: 24px;
    text-align: center;
}

.btn_mfxz {
    width: 280px;
    height: 70px;
    margin: 0 auto;
    padding: 30px 0;
}

.btn_download_a {
    width: 280px;
    height: 70px;
    border: 1px solid #FFF;
    border-radius: 3px;
    line-height: 70px;
    text-align: center;
    display: block;
    font-size: 20px;
    cursor: pointer;
}

.btn_download_a:hover {
    color: #f5fe04;
    border: 1px solid #f5fe04;
}

.part1_gnd {
    margin: 0 auto;
    background: url(https://www.kaiyuncdn.com/images/part1_gnd.png) no-repeat center;
    width: 670px;
    height: 150px;
}

.btn_mfxz_hover {
    width: 450px;
    margin: 0 auto;
    padding: 30px 0;
    overflow: hidden;
    line-height: 24px;
    font-size: 16px;
}

.btn_mfxz_hover ul {}

.btn_mfxz_hover ul li {
    float: left;
    border-right: 1px solid #FFF;
    padding: 0 20px;
}

.btn_mfxz_hover ul li a {
    color: #fff;
}

.btn_bottom_bg {
    background: #000;
    opacity: 0.1;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 120px;
    filter: alpha(opacity=10);
}

.btn_bottom {
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 120px;
}

.text {
    float: left;
    width: 500px;
    padding-top: 120px;
}

.text dl {}

.text dl dt {
    line-height: 42px;
    font-size: 36px;
}

.text dl dd {
    font-size: 16px;
    line-height: 24px;
    padding-top: 10px;
}

.img_part {
    float: right;
}

.circle {
    position: absolute;
    width: 20px;
    top: 50%;
    margin-top: -75px;
    right: 1%;
    z-index: 200;
    opacity: .8;
}

.circle ul {}

.circle ul li {
    height: 10px;
    margin: 13px 5px;
}

.circle ul li a {
    display: inline-block;
    height: 10px;
    width: 10px;
    overflow: hidden;
    /*background: #fff; opacity:0.3; border-radius: 5px;*/
    background: url(https://www.kaiyuncdn.com/images/circle.png) 0 2px no-repeat;
    color: transparent;
}

.circle ul li a:hover {
    background: #fff;
    border-radius: 5px;
    opacity: 1;
    background: url(https://www.kaiyuncdn.com/images/circle.png) 0 -21px no-repeat;
}

.circle ul li a.hover {
    background: #fff;
    border-radius: 5px;
    opacity: 1;
    background: url(https://www.kaiyuncdn.com/images/circle.png) 0 -21px no-repeat;
}

.img_part2 {
    background: url(https://www.kaiyuncdn.com/images/img_part2.png) no-repeat;
    width: 550px;
    height: 476px;
}

.img_part3 {
    background: url(https://www.kaiyuncdn.com/images/img_part3.png) no-repeat;
    width: 700px;
    height: 476px;
}

.img_part4 {
    background: url(https://www.kaiyuncdn.com/images/img_part4.png) no-repeat;
    width: 550px;
    height: 476px;
}

.img_part5 {
    background: url(https://www.kaiyuncdn.com/images/img_part5.png) no-repeat;
    width: 550px;
    height: 600px;
}

.img_part6 {
    background: url(https://www.kaiyuncdn.com/images/img_part6.png) no-repeat;
    width: 500px;
    height: 476px;
}

/* 租用托管一 */
.table-info3 {
    width: 100%;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.table-m50 {
    margin-top: 50px;
}

.table-info3 tr {
    height: 50px;
}

.table-info3 tr td {
    text-align: center;
    border-top: 1px solid #eee;
}

.table-info3 tr td strong {
    display: inline-block;
    font-style: normal;
    font-size: 20px;
    color: #ff8800;
}

.table-info3 tr td {
    font-size: 14px;
    color: #4c4c4c;
}

.table-info3 tr:first-child {
    width: 166px;
    font-size: 14px;
    background: #fafafa;
}

.table-info3 tr:first-child td {}

.table-info3 tr td:first-child {}

.table-info3 tr td.huise {
    width: 230px;
    background: #fff;
    font-size: 14px;
    text-align: center !important;
    padding-left: 0px;
}

.defendCDN_Box {
    width: 1200px;
    margin: 0 auto;
}

.table-info2 {
    width: 100%;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    margin-top: 50px;
}

.table-info2 tr {
    height: 50px;
}

.table-info2 tr td {
    text-align: center;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
}

.table-info2 tr td strong {
    display: inline-block;
    font-style: normal;
    font-size: 20px;
    color: #ff8800;
}

.table-info2 tr td {
    font-size: 14px;
    color: #4c4c4c;
}

.table-info2 tr:first-child {
    width: 166px;
    font-size: 14px;
    background: #00aaff;
}

.table-info2 tr:first-child td {
    color: #fff;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.table-info2 tr td:first-child {}

.product-info-btn a {
    display: inline-block;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.server-cp .product-info-btn {
    margin-top: 0;
}

.server-cp .module-title {
    /* position: relative; */
    /* text-align: center; */
    /* height: 100px; */
    /* line-height: 100px; */
    /* font-size: 32px; */
    /* font-weight: normal; */
}

.server-cp .virtue-list {
    width: 100%;
}

.server-cp .virtue-list li {
    display: list-item;
    float: left;
    padding: 56px 55px 0 228px;
    width: 590px;
    height: 216px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 62px 41px;
    position: relative;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.server-cp .virtue-list-A {
    width: 100%;
}

.server-cp .virtue-list-A li {
    display: list-item;
    float: left;
    padding: 56px 55px 0 228px;
    width: 590px;
    height: 216px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 62px 41px;
    position: relative;
    box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tag {
    position: absolute;
    right: 0;
    top: 0;
}

.server-cp .virtue-list li:hover {
    box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-top-20 {
    margin-top: 20px;
}

.server-cp .virtue-list .virtue-bg1 {
    background-image: url(https://www.kaiyuncdn.com/images/virtue_1.png);
}

.server-cp .virtue-list .virtue-bg2 {
    background-image: url(https://www.kaiyuncdn.com/images/virtue_2.png);
}

.server-cp .virtue-list .virtue-bg3 {
    background-image: url(https://www.kaiyuncdn.com/images/virtue_3.png);
}

.server-cp .virtue-list .virtue-bg4 {
    background-image: url(https://www.kaiyuncdn.com/images/virtue_4.png);
}

.server-cp .virtue-list .virtue-bg5 {
    background-image: url(https://www.kaiyuncdn.com/images/virtue_5.png);
}

.server-cp .virtue-list-A .virtue-bg3-A {
    background-image: url(https://www.kaiyuncdn.com/images/virtue_3.png);
}

.server-cp .virtue-list-A .virtue-bg5-A {
    background-image: url(https://www.kaiyuncdn.com/images/virtue_5.png);
}

.server-cp .virtue-title {
    display: block;
    font-size: 22px;
    color: #333;
}

.server-cp .virtue-title2 {
    display: block;
    font-size: 18px;
    color: #333;
}

.server-cp .virtue-title2 .f {
    color: #00a3e4;
}

.server-cp .virtue-sub-title {
    display: block;
    margin-top: 16px;
    padding-right: 40px;
    line-height: 28px;
    font-size: 16px;
    color: #666;
}

.server-cp .virtue-sub-title2 {
    display: block;
    margin-top: 16px;
    padding-right: 0px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
}

.server-cp .virtue-info {
    margin-top: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}

.defendCDN_Box h2 {
    font-size: 32px;
    color: #3e4259;
    margin-top: 30px;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 24px;
    color: #3e4259;
}

.youshi-wrapper {
    margin-top: 80px;
}

.youshi-item2 {
    width: 350px;
    text-align: center;
    border: 1px solid #d3d3d3;
}

.youshi-item2 .youshi-header {
    border-bottom: 1px solid #d3d3d3;
    background: #f0f0f0;
    font-size: 16px;
    color: #666;
    line-height: 62px;
}

.youshi-our2 {
    position: relative;
    z-index: 2;
    border: 2px solid #2b62f1;
    border-bottom-width: 6px;
    box-shadow: 0px 0px 6px 2px rgba(43, 98, 241, 0.5);
}

.youshi-our2 li.youshi-header {
    position: relative;
    color: #fff;
    font-size: 22px;
    height: 63px;
}

.our-block-extra2 {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 120px;
    line-height: 120px;
    bottom: 0;
    z-index: 10;
    top: -20px;
    border-color: #2b62f1;
    background-image: linear-gradient(0deg, #2b62f1, #358de5);
}

.youshi-our-rec2 {
    position: absolute;
    width: 54px;
    height: 54px;
    right: -5px;
    top: -3px;
    background: url(https://www.kaiyuncdn.com/images/tag_tj.png);
}

.youshi-them2 .youshi-header {
    color: #333;
    font-size: 22px;
}

.youshi-them2-2 {
    margin-left: -1px;
}

.youshi-item2 li {
    font-size: 14px;
    line-height: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #666;
    background: #fff;
    height: 100px;
}

.youshiMar {
    margin-top: 35px;
}

.youshi-item2 .h150 {
    height: 100px;
}

.youshi-item2 .h150 span {
    line-height: 100px;
}

.youshi-our2 {
    width: 470px;
}

.youshi-our2 li {
    color: #333;
    font-size: 14px;
}

.youshi-item2 .even-row {
    background: #f7f7f7;
}

.youshi-our2 .even-row {
    background: #e7f1fc;
}

.service-yycj {
    text-align: center;
    margin-top: 50px;
}

.service-yycj ul {
    width: 100%;
}

.service-yycj ul li {
    float: left;
    height: 300px;
    width: 370px;
    position: relative;
    border: 1px solid #eee;
    margin-right: 20px;
    padding-top: 30px;
}

.service-yycj ul li:last-child {
    margin-right: 0px;
}

.service-yycj ul li .img {
    display: block;
    margin-bottom: 10px;
}

.service-yycj ul li .img img {
    text-align: center;
    width: 65px;
}

.service-yycj ul li H4 {
    font-size: 16px;
    color: #000;
    line-height: 40px
}

.service-yycj ul li span {
    width: 45px;
    height: 3px;
    background: #009dff;
    margin: 0px auto 10px auto;
    display: block;
}

.service-yycj ul li p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    width: 250px;
    margin: 0px auto;
    text-align: left
}

/*数据中心*/
.data-about-box {
    width: 1200px;
    margin: 0px auto;
    display: block;
    margin-top: 80px;
    clear: both;
}

.data-about-box-left {
    width: 320px;
    float: left
}

.data-about-box-left img {
    padding: 2px;
    border: 1px solid #cfcfcf;
    width: 315px;
}

.data-about-box-right {
    width: 800px;
    float: right
}


.data-about-list {
    position: relative;
    margin-left: 37px;
    margin-top: 30px;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 30px;
}

.data-about-list span {
    display: inline-block;
}

.data-about-list:first-child {
    margin-top: 0px;
}

.data-about-list .data-about-left {
    float: left;
    display: inline-block;
    width: 170px;
    height: 170px;
    margin-right: 100px;
}

.data-about-box-list {
    display: block;
    margin-top: 20px;
    margin-left: 120px;
    float: left
}

.data-about-box-list li {
    float: left;
    width: 80px;
    height: 35px;
    background: #009fd9;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    line-height: 35px;
    margin-left: 50px;
    font-size: 14px;
}



.data-about-list1 {
    background: url(https://www.kaiyuncdn.com/images/data_icon_1.jpg) 0px 10px no-repeat;
}

.data-about-list2 {
    background: url(https://www.kaiyuncdn.com/images/data_icon_2.jpg) 0px 10px no-repeat;
}

.data-about-list3 {
    background: url(https://www.kaiyuncdn.com/images/data_icon_3.jpg) 0px 10px no-repeat;
}

.data-about-list4 {
    background: url(https://www.kaiyuncdn.com/images/data_icon_4.jpg) 0px 10px no-repeat;
}

.data-about-list5 {
    background: url(https://www.kaiyuncdn.com/images/data_icon_5.jpg) 0px 10px no-repeat;
}

.data-about-right {
    float: left;
    width: 850px;
    margin-top: 60px;
}

.data-about-title {
    font-size: 18px;
    color: #666;
}

.data-about-info {
    margin-top: 5px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.data-img {
    margin-top: 50px;

}

.data-img li {
    float: left;
    width: 23%;
    margin-left: 2.4%;
}

.data-img li img {
    width: 100%;
    height: 100%;
}

.data-img li:first-child {
    margin-left: 0px;
}

.table-info4 {
    width: 100%;
    border-bottom: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
}

.table-info4 tr {
    height: 60px;
}

.table-info4 tr td {
    text-align: center;
    border-top: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
}

.table-info4 tr td strong {
    display: inline-block;
    font-style: normal;
    font-size: 20px;
    color: #ff8800;
}

.table-info4 tr td {
    font-size: 14px;
    color: #4c4c4c;
}

.table-info4 tr:first-child td {}

.table-info4 tr td:first-child {}

.table-info4 tr td.huise {
    width: 230px;
    background: #fff;
    font-size: 14px;
    text-align: center !important;
    padding-left: 0px;
}

.server-cp .login-but {
    color: #fff !important;
}

/* 首页动画 */
@-webkit-keyframes rotation {

    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }

}

.an {

    -webkit-transform: rotate(360deg);

    animation: rotation 38s linear infinite;

    -moz-animation: rotation 38s linear infinite;

    -webkit-animation: rotation 38s linear infinite;

    -o-animation: rotation 38s linear infinite;
}

/* 新闻详情页 */
.go-back {
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    color: #2b62f1;
}

.news-article {
    width: 100%;
    padding-top: 40px;
}

.news-article-title {
    text-align: center;
    color: #333333;
    font-size: 24px;
    font-weight: normal;
}

.news-article-subtitle {
    position: relative;
    width: 100%;
    padding-top: 20px;
}

.news-article-time {
    text-align: center;
    color: #999;
    font-size: 14px;
}

.news-article-time a {
    font-size: 14px;
    color: #2b62f1;
}

.news-article-share {
    position: absolute;
    right: 0;
    top: 6px;
}

.news-article-share div {
    display: inline-block;
    box-sizing: content-box;
}

.news-article-main {
    margin-top: 35px;
    color: #666;
    line-height: 24px;
}

.news-article-main p {
    font-size: 15px;
    text-indent: 2em;
    line-height: 2em;
    margin-bottom: 15px;
}

.news-article-main p img {
    max-width: 1200px;
}

.news-article-main a {
    color: #666;
    text-decoration: none;
}

.news-article-main .link {
    color: #666;
    text-decoration: none;
}

/* 恢复 编辑内容 的strong样式，并去掉 SEO目的的 strong标签样式 */
.news-article-main strong {
    font-weight: bold;
}

.news-article-main .link strong {
    font-weight: normal;
}

/* 帮助中心 */
.middle {}

.middle .header-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.middle .leftMenu {
    width: 300px;
    position: fixed;
    left: 0;
    top: 75px;
    bottom: 0;
    border-right: 1px solid #ececec;
    overflow: hidden !important;
    background-color: #f5f6f9;
    box-sizing: border-box;
}

.middle .leftMenu .topMenu {
    box-sizing: border-box;
    padding: 5px 0 5px 30px;
    width: 300px;
    height: 64px;
    line-height: 50px;
    background-color: #f5f6f9;
    border-right: 1px solid #e6e6e6;
    z-index: 999;
}

.middle .leftMenu .topMenu img {
    margin-left: 160px;
}

.middle .leftMenu .topMenu .changeMenu {
    cursor: pointer;
}

.middle .leftMenu .topMenu .banshi {
    padding-left: 23px;
}

.middle .leftMenu .topMenu .menuTitle {
    float: left;
    font-size: 14px;
    color: #2c3e50;
}

.menu_list {
    width: 100%;
}

.menu_list ul li {
    display: block;
    text-align: center;
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.menu_list ul li .fuMenu {
    cursor: pointer;
    font-size: 14px;
    color: #303133;
    padding-left: 30px;
    font-weight: bold;
    width: 210px;
    float: left;
    text-align: left;
}

.menu_list ul li .xiala {
    float: right;
    width: 10px;
    margin-right: 30px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 23px;
}

.menu_list ul li .div1 {
    width: 100%;
    height: auto;
    float: left;
}

.menu_list ul li .div1 p {
    height: 50px;
    cursor: pointer;
    line-height: 50px;
    text-align: left;
    font-size: 14px;
    color: #303133;
    padding-left: 45px;
}

.div1 {
    height: 200px;
    display: none;
}

.menu_list ul li .div1 p:hover {
    background-color: #e6e7ea !important;
}

.menu_list ul li .div1 p:hover a {
    color: #157ef5;
}

.rightMeun {
    margin-left: 300px;
    margin-top: 75px;
    padding: 20px;
}

.Breadcrumb {
    position: fixed;
    top: 75px;
    width: 100%;
    height: 64px;
    line-height: 64px;
    padding-left: 25px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 4px -4px hsla(0, 0%, 58.8%, .3);
    box-shadow: 0 4px 4px -4px hsla(0, 0%, 58.8%, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999;
    font-size: 14px;
    color: #303133;
}

.Breadcrumb span {
    margin-right: 8px;
    background: url(https://www.kaiyuncdn.com/images/Breadcrumb.png) no-repeat left center;
    padding-left: 15px;
}

.Breadcrumb .cur {
    font-weight: 700;
}

.help-content {
    margin-top: 50px;
}

.help-content ul li {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.help-content ul li span {
    display: inline-block;
    font-size: 12px;
    color: #999;
    transition: padding-left 0.5s;
    vertical-align: top;
    margin-top: -1px;
}

.help-content ul li a {
    color: #6f6d6e;
    font-size: 14px;
    text-decoration: none;
}

.help-body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: #24292e;
    font-family: arial, tahoma, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    font-size: 16px;
    line-height: 28px;
    word-wrap: break-word;
    padding-top: 28px;
    padding-left: 10px;
}

.help-body h3 {
    border-bottom: 1px solid #eaecef;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 18px;
    padding-bottom: 18px;
}

.help-body img {
    display: block;

}

.help-body p {
    margin-bottom: 15px;
}

.w274 {
    width: 274px
}




/*推广*/
.tuiguang-tgfs {
    text-align: center;
    margin-top: 50px;
}

.tuiguang-tgfs ul {
    width: 100%;
}

.tuiguang-tgfs ul li {
    float: left;
    height: 350px;
    width: 370px;
    position: relative;
    border: 1px solid #eee;
    margin-right: 20px;
    padding-top: 30px;
}

.tuiguang-tgfs ul li:last-child {
    margin-right: 0px;
}

.tuiguang-tgfs ul li .img {
    display: block;
    margin-bottom: 10px;
}

.tuiguang-tgfs ul li .img img {
    text-align: center;
    width: 147px;
}

.tuiguang-tgfs ul li H4 {
    font-size: 22px;
    color: #000;
    line-height: 50px;
    font-weight: normal;
    margin-bottom: 10px;
}

.tuiguang-tgfs ul li span {
    width: 45px;
    height: 3px;
    background: #009dff;
    margin: 0px auto 10px auto;
    display: block;
}

.tuiguang-tgfs ul li p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    width: 300px;
    margin: 0px auto;
    text-align: left
}

.tuiguang-tglc {
    width: 100%;
    background: #f5f6f8;
    display: block;
    height: 650px;
    padding: 30px 0px;
    margin: 50px auto;
}

.tuiguang-tglc .box {
    background: #fff;
    border: 1px solid #e9e9e9;
    height: 430px;
    width: 1100px;
    padding: 30px 30px;
}

.tuiguang-tglc .box .bleft {
    width: 320px;
    float: left
}

.tuiguang-tglc .box .bleft li {
    display: block;
    width: 100%;
    overflow: hidden
}

.tuiguang-tglc .box .bleft li img {
    float: left;
    width: 57px;
}

.tuiguang-tglc .box .bleft li .txt {
    float: left;
    margin-left: 10px;
    width: 250px;
}

.tuiguang-tglc .box .bleft li p {
    line-height: 30px;
    font-size: 14px;
    color: #666;
    display: block
}

.tuiguang-tglc .box .bleft li p span {
    line-height: 30px;
    font-size: 16px;
}

.tuiguang-tglc .box .bleft li a {
    color: #03a4ff;
}

.tuiguang-tglc .box .bright {
    width: 762px;
    float: right;
}

.tuiguang-youshi-item2 {
    width: 350px;
    text-align: center;
    border: 1px solid #d3d3d3;
}

.tuiguang-youshi-item2 .youshi-header {
    border-bottom: 1px solid #d3d3d3;
    background: #f0f0f0;
    font-size: 16px;
    color: #666;
    line-height: 62px;
}

.tuiguang-youshi-item2 li {
    font-size: 14px;
    line-height: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #666;
    background: #fff;
}

.tuiguang-youshi-our2 {
    position: relative;
    z-index: 2;
    border: 2px solid #2b62f1;
    border-bottom-width: 6px;
    box-shadow: 0px 0px 6px 2px rgba(43, 98, 241, 0.5);
}

.tuiguang-youshi-our2 li.youshi-header {
    position: relative;
    color: #fff;
    font-size: 22px;
    height: 63px;
}

.tuiguang-youshi-our2 {
    width: 470px;
}

.tuiguang-youshi-our2 li {
    color: #333;
    font-size: 14px;
}

.tuiguang-youshi-item2 .even-row {
    background: #f7f7f7;
}

.tuiguang-youshi-our2 .even-row {
    background: #e7f1fc;
}


.tuiguang-dlgz {
    float: left;
    padding: 56px 50px 50px 100px;
    width: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 62px 41px;
    position: relative;
    box-shadow: 1px 1px 15px rgba(223, 223, 223, 0.65);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.tuiguang-dlgz p {
    font-size: 16px;
    line-height: 40px;
    color: #666;
}


.vss_title {
    font-size: 24px;
    line-height: 24px;
    margin-top: 56px;
    text-align: center;
    color: #333333;
}

.vss_cpys_box {
    margin-top: 50px;
}

.vss_cpys_box li {
    float: left;
    width: 254px;
    height: 350px;
    background: #fff;
    border: 1px solid #e8e8e8;
}


.vss_cpys_box div {
    width: 112px;
    height: 112px;
    margin: 32px auto 16px;
    border-radius: 100%;
}

.vss_cpys_box li:nth-child(1) div {
    background: url(https://www.kaiyuncdn.com/images/icon-vvs-01.jpg) no-repeat center;
}

.vss_cpys_box li:nth-child(2) div {
    background: url(https://www.kaiyuncdn.com/images/icon-vvs-02.jpg) no-repeat center;
}

.vss_cpys_box li:nth-child(3) div {
    background: url(https://www.kaiyuncdn.com/images/icon-vvs-03.jpg) no-repeat center;
}

.vss_cpys_box li:nth-child(4) div {
    background: url(https://www.kaiyuncdn.com/images/icon-vvs-04.jpg) no-repeat center;
}

.Profeat_tx li:nth-child(1) div {
    background: url(https://www.kaiyuncdn.com/images/Profeat_tx1.png) no-repeat center #ecf2ff;
}

.Profeat_tx li:nth-child(2) div {
    background: url(https://www.kaiyuncdn.com/images/Profeat_tx2.png) no-repeat center #ecf2ff;
}

.Profeat_tx li:nth-child(3) div {
    background: url(https://www.kaiyuncdn.com/images/Profeat_tx3.png) no-repeat center #ecf2ff;
}

.Profeat_tx li:nth-child(4) div {
    background: url(https://www.kaiyuncdn.com/images/Profeat_tx4.png) no-repeat center #ecf2ff;
}

.vss_cpys_box h2 {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #444444;
    font-weight: normal;
}

.vss_cpys_box h2:nth-child(2) {
    margin-top: 16px;
    font-weight: bolder;
}

.vss_cpys_box li h2:nth-child(3) {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    width: 196px;
    margin: 0 auto;
    margin-top: 24px;
    text-align: left;
}

.vss_cpys {
    background: #fff;
}



.vss_cpgs {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 56px;
    overflow: hidden;
}

.vss_cpgs li {
    float: left;
    width: 368px;
    padding-left: 152px;
    height: 182px;
    padding-right: 20px;
    border: 1px solid #e8e8e8;
    position: relative;
}

.vss_cpgs .tag {
    position: absolute;
    right: 0px;
    top: 0px;
}

.vss_cpgs li:nth-child(1) {
    background: url(https://www.kaiyuncdn.com/images/icon-vvs-15.jpg) no-repeat 10px 30px;
}

.vss_cpgs li:nth-child(2) {
    margin-left: 16px;
    background: url(https://www.kaiyuncdn.com/images/icon-vvs-16.jpg) no-repeat 10px 30px;
}

.vss_cpgs h2 {
    margin-top: 40px;
    text-align: left !important;
    font-weight: normal;

}

.vss_cpgs h2 span {
    color: #00a3e4;
}

.vss_cpgs p {
    color: #666666;
    width: 350px;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin-top: 25px;
}


/*专家服务*/

.zjfw-fwys {
    margin-top: 50px;
    display: block;
}

.zjfw-fwys li {
    float: left;
    width: 254px;
    height: 305px;
    background: #fff;
    border: 1px solid #e8e8e8;
}

.zjfw-fwys div {
    width: 112px;
    height: 112px;
    margin: 32px auto 16px;
    border-radius: 100%;
}

.zjfw-fwys h2 {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #444444;
    font-weight: normal;
}

.zjfw-fwys h2:nth-child(2) {
    margin-top: 16px;
    font-weight: bolder;
}

.zjfw-fwys li h2:nth-child(3) {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    width: 200px;
    margin: 0 auto;
    margin-top: 24px;
    text-align: left;
}

.zjfw-fwys li:nth-child(1) div {
    background: url(https://www.kaiyuncdn.com/images/zjfw-icon-01.jpg) no-repeat center;
}

.zjfw-fwys li:nth-child(2) div {
    background: url(https://www.kaiyuncdn.com/images/zjfw-icon-02.jpg) no-repeat center;
}

.zjfw-fwys li:nth-child(3) div {
    background: url(https://www.kaiyuncdn.com/images/zjfw-icon-03.jpg) no-repeat center;
}

.zjfw-fwys li:nth-child(4) div {
    background: url(https://www.kaiyuncdn.com/images/zjfw-icon-04.jpg) no-repeat center;
}


.zjfw-fwnr {
    width: 100%;
    background: #f5f5f5;
    display: block;
    height: auto;
    padding: 30px 0px;
    margin: 50px auto;
}

.zjfw-fwnr-box {
    width: 1200px;
    padding: 30px 30px;
    margin: 0px auto;
    text-align: center
}

.zjfw-fwnr-box H2 {
    font-size: 24px;
    line-height: 24px;
    font-weight: normal
}

.zjfw-fwnr-box H3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    margin-top: 50px;
}

.zjfw-fwnr-list {
    text-align: center;
    margin-top: 50px;
}

.zjfw-fwnr-list ul {
    width: 100%;
}

.zjfw-fwnr-list ul li {
    float: left;
    width: 370px;
    position: relative;
    border: 1px solid #e8e8e8;
    margin-right: 20px;
    padding-top: 30px;
    background: #fff;
    margin-bottom: 20px;
}

.zjfw-fwnr-list ul li:last-child {
    margin-right: 0px;
}

.zjfw-fwnr-list ul li .img {
    display: block;
    margin-bottom: 10px;
}

.zjfw-fwnr-list ul li .img img {
    text-align: center;
    width: 64px;
}

.zjfw-fwnr-list ul li H4 {
    font-size: 22px;
    color: #000;
    line-height: 50px;
    font-weight: normal;
    margin-bottom: 10px;
}

.zjfw-fwnr-list ul li span {
    width: 45px;
    height: 3px;
    background: #009dff;
    margin: 0px auto 10px auto;
    display: block;
}

.zjfw-fwnr-list ul li p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    width: 320px;
    margin: 0px auto;
    text-align: left
}

.zjfw-fwnr-list .h350 {
    height: 350px;
}

.zjfw-fwnr-list .h220 {
    height: 220px;
}


.zjfw-fwlc {
    text-align: center;
    margin-top: 50px;
}

.zjfw-fwlc ul {
    width: 100%;
}

.zjfw-fwlc ul li {
    float: left;
    position: relative;
    margin-right: 35px;
    padding-top: 30px;
    background: #fff;
    margin-bottom: 20px;
}

.zjfw-fwlc ul li:last-child {
    margin-right: 0px;
}

.zjfw-fwlc ul li .img {
    display: block;
    margin-bottom: 10px;
}

.zjfw-fwlc ul li .img img {
    text-align: center;
    width: 64px;
}

.zjfw-fwlc ul li H6 {
    font-size: 14px;
    color: #000;
    line-height: 50px;
    font-weight: normal;
    margin-bottom: 10px;
}

.zjfw-fwlc ul li H4 {
    font-size: 22px;
    color: #000;
    line-height: 50px;
    font-weight: normal;
    margin-bottom: 10px;
}

.zjfw-fwlc ul li span {
    width: 45px;
    height: 3px;
    background: #009dff;
    margin: 0px auto 10px auto;
    display: block;
}

.zjfw-fwlc ul li p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin: 0px auto;
    text-align: center
}

.zjfw-fwlc .jt {
    position: relative;
    top: 155px;
}


@media (max-width: 640px) {
    .logo {
        top: -20px;
    }

    .banner-engine02 .logo {
        top: -13px;
        left: -10px
    }

}


.flogo {
    width: 170px;
}

.flogo img {
    width: 100%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.pro-tit {
    width: 100%;
    max-width: 1120px;
    margin: 30px auto;
}

.pro-tit li {
    margin-right: 2%;
    width: 18%;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin-bottom: 2%;
}

.pro-tit li:nth-child(5n+5) {
    margin-right: 0px;
}

.pro-tit li a {
    display: inline-block;
    background: #fff;
    border: 1px solid #ced9f2;
    font-size: 14px;
    width: 100%;
}

.pro-tit li a:hover,
.pro-tit li a.active {
    background-image: linear-gradient(to right, #7c7ee5, #4296fe);
    ;
    border: 1px solid #ced9f2;
    color: #fff;
}


@media (max-width: 640px) {
    .pro-tit {
        width: 100%;
        max-width: 96%;
    }

    .pro-tit li {
        margin-right: 2%;
        width: 48%;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        text-align: center;
        margin-bottom: 2%;
    }

    .pro-tit li:nth-child(2n+2) {
        margin-right: 0px;
    }

    .pro-tit li:nth-child(5n+5) {
        margin-right: 2%;
    }
}





/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
    width: device-width;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.33333%;
}

.offset-2 {
    margin-left: 16.66667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .offset-xl-2 {
        margin-left: 16.66667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333%;
    }

    .offset-xl-5 {
        margin-left: 41.66667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333%;
    }

    .offset-xl-8 {
        margin-left: 66.66667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333%;
    }

    .offset-xl-11 {
        margin-left: 91.66667%;
    }
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

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

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
        *display: inline;
        *zoom: 1;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
        *display: inline;
        *zoom: 1;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
        *display: inline;
        *zoom: 1;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
        *display: inline;
        *zoom: 1;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
        *display: inline;
        *zoom: 1;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

/*CSS重置"PingFang SC",*/
body,
html {
    margin: 0;
    padding: 0;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "寰蒋闆呴粦", sans-serif, "WenQuanYi Micro Hei";
    color: #333;
    background: #fff;
    font-weight: 300;
}

input,
textarea {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "寰蒋闆呴粦", sans-serif, "WenQuanYi Micro Hei";
}

body {
    font-size: 14px;
}

body a {
    outline: none;
    text-decoration: none !important;
    font-weight: 300;
}

body a:hover {
    color: #3475c0 !important;
}

blockquote,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

li {
    list-style: none;
}

img {
    border: none;
}

em,
i {
    font-style: normal;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '';
}

* html .clearfix {
    height: 1%;
}

*+html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
    clear: both;
}

*:focus {
    outline: none;
}

input {
    outline: none;
}

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

input[type="button"],
input[type="number"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
    resize: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.ac {
    width: 1182px;
    margin: 0 auto;
}

img {
    max-width: 100%;
}

@media (max-width: 768px) {

    /* 客服 */
    .navber-service {
        background: #25282d;
        border-bottom: 1px solid #393c40;
        display: none;
    }

    .navber-service ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .navber-service li {
        font-size: 12px;
        color: #c8c8c8;
        margin-right: 10px;
        line-height: 30px;
    }

    .navber-service li a {
        color: #c8c8c8;
    }

    /* 菜单 */
    .navbar-placeholder {
        height: 50px;
    }

    .navbar {
        background: #25282d;
        height: 50px;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 999;
    }

    .navbar-user {
        right: 55px !important;
        height: 50px !important;
    }

    .navbar-menu {
        right: 15px !important;
        top: 15px !important;
    }

    .navbar-login {
        display: none;
    }

    .navbar-nav {
        display: none;
    }

    .navbar-brand {
        float: left;
    }

    .navbar-brand a {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 50px;
    }

    .navbar-brand img {
        width: 36px;
        margin-right: 5px;
    }

    .navbar-brand span {
        font-size: 17px;
        font-weight: 400;
        color: #fff;
    }

    .index-headline {
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .index-headline h2 {
        text-align: center;
        font-size: 24px;
        font-weight: 500;
        color: #313d4f;
        text-align: center;
    }

    .index-headline p {
        font-weight: 400;
        font-size: 14px;
        color: #7F8FA4;
        letter-spacing: 0;
        line-height: 1.5;
        text-align: center;
        margin-top: 15px;
    }

    /*  乌云盾功能*/
    .clouds-function {
        padding: 35px 0;
    }

    .clouds-function .row {
        display: block;
    }

    .clouds-function .col {
        margin-top: 30px;
    }

    .clouds-function .col .sub-headline {
        margin-bottom: 20px;
    }

    .clouds-function .col .sub-headline h2 {
        font-size: 22px;
        text-align: center;
    }

    .clouds-function .col .sub-headline p {
        font-size: 16px;
        font-weight: 300;
        color: #7F8FA4;
        line-height: 1.5;
        margin-top: 10px;
        text-align: center;
    }

    .clouds-function .col .item {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 35px;
    }

    .clouds-function .col .item .pic {
        width: 70px;
    }

    .clouds-function .col .item .pic img {
        width: 50px;
    }

    .clouds-function .col .item .content {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .clouds-function .col .item .content h3 {
        color: #5D6A7D;
        font-weight: 300;
        font-size: 22px;
        margin-bottom: 15px;
    }

    .clouds-function .col .item .content p {
        font-size: 14px;
        color: #313d4f;
        font-weight: 300;
        line-height: 1.8;
    }

    .clouds-function .col .item .content p a {
        color: #5D6A7D;
    }

    /* 专业解决方案 */
    .professional-solutions {
        background: #262935;
        padding: 50px 0;
    }

    .professional-solutions .index-headline h2 {
        color: #fff;
        font-weight: 300;
    }

    .professional-solutions-container {
        position: relative;
        margin-top: 15px;
    }

    .professional-solutions-tabs {
        margin-bottom: 10px;
    }

    .professional-solutions-tabs ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .professional-solutions-tabs li {
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        padding: 0 8px;
    }

    .professional-solutions-tabs li.on {
        color: #3475c0 !important;
    }

    .professional-swiper .item {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .professional-swiper .item .wrap {
        max-width: 440px;
        padding: 35px 25px;
    }

    .professional-swiper .item .title h3 {
        font-size: 20px;
        color: #fff;
        font-weight: 400;
        line-height: 1;
    }

    .professional-swiper .item .title p {
        line-height: 16px;
        font-size: 12px;
        margin-top: 15px;
        color: #fff;
    }

    .professional-swiper .item .content {
        margin-top: 20px;
    }

    .professional-swiper .item .content p {
        font-size: 14px;
        color: #fff;
        font-weight: 300;
        line-height: 24px;
    }

    .professional-swiper .item .btn a {
        display: block;
        width: 140px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        margin-top: 25px;
        border-radius: 3px;
        background: #2370e7;
    }

    .professional-swiper .item .btn a:hover {
        color: #fff !important;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    /* 让您全心投入业务经营 安全和稳定交给我们 */
    .business-operation {
        padding: 35px 0;
    }

    .business-operation-list {
        background: #f2f2f2;
        padding: 3px;
    }

    .business-operation-list .item {
        padding: 15px;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .business-operation-list .item h3 {
        color: #fff;
        font-weight: 700;
        font-size: 22px;
    }

    .business-operation-list .item p {
        margin-top: 5px;
        line-height: 1.4em;
        font-size: 15px;
        color: #fff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    }

    .business-operation-list .item p span {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
        display: block;
        margin-top: 10px;
    }

    .business-operation-list .item:nth-child(1) {
        background: #ba77b1;
        background: -webkit-gradient(linear, right top, left bottom, from(#ba77b1), to(#8176b5));
        background: -webkit-linear-gradient(top right, #ba77b1, #8176b5);
        background: -o-linear-gradient(top right, #ba77b1, #8176b5);
        background: linear-gradient(to bottom left, #ba77b1, #8176b5);
    }

    .business-operation-list .item:nth-child(1) p span {
        color: #533165;
    }

    .business-operation-list .item:nth-child(2) {
        background: #85cba8;
        background: -webkit-gradient(linear, right top, left bottom, from(#85cba8), to(#76c4e2));
        background: -webkit-linear-gradient(top right, #85cba8, #76c4e2);
        background: -o-linear-gradient(top right, #85cba8, #76c4e2);
        background: linear-gradient(to bottom left, #85cba8, #76c4e2);
    }

    .business-operation-list .item:nth-child(2) p span {
        color: #31615d;
    }

    .business-operation-list .item:nth-child(3) {
        background: #76c4e2;
        background: -webkit-gradient(linear, right top, left bottom, from(#76c4e2), to(#8176b5));
        background: -webkit-linear-gradient(top right, #76c4e2, #8176b5);
        background: -o-linear-gradient(top right, #76c4e2, #8176b5);
        background: linear-gradient(to bottom left, #76c4e2, #8176b5);
    }

    .business-operation-list .item:nth-child(3) p span {
        color: #46658e;
    }

    .business-operation-list .item:nth-child(4) {
        background: #ffdb6f;
        background: -webkit-gradient(linear, right top, left bottom, from(#ffdb6f), to(#f69259));
        background: -webkit-linear-gradient(top right, #ffdb6f, #f69259);
        background: -o-linear-gradient(top right, #ffdb6f, #f69259);
        background: linear-gradient(to bottom left, #ffdb6f, #f69259);
        margin-bottom: 0;
    }

    .business-operation-list .item:nth-child(4) p span {
        color: #c7733d;
    }

    /* 地图 */
    .clouds-maps {
        background: #3f8bca;
        background: -webkit-gradient(linear, right top, left bottom, from(#313d4f), to(#3f8bca));
        background: -webkit-linear-gradient(top right, #313d4f, #3f8bca);
        background: -o-linear-gradient(top right, #313d4f, #3f8bca);
        background: linear-gradient(to bottom left, #313d4f, #3f8bca);
        background-size: cover;
        background-position: center;
        padding: 35px 0;
    }

    .clouds-maps .index-headline h2,
    .clouds-maps .index-headline p {
        color: #fff;
    }

    .clouds-maps .maps img {
        max-width: 100%;
        display: block;
        margin-top: 30px;
    }

    /* 新闻专栏 */
    .news-column {
        padding: 35px 0;
    }

    .news-column h2 {
        font-size: 24px;
        line-height: 1.5;
        color: #333;
        text-align: center;
    }

    .news-column-list {
        margin-top: 25px;
    }

    .news-column-list .item {
        margin-bottom: 25px;
    }

    .news-column-list .item-pic {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 180px;
        position: relative;
    }

    .news-column-list .item-pic a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 160px;
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        text-align: center;
        padding: 0 5px;
    }

    .news-column-list .item-pic h3 {
        text-align: center;
        font-size: 26px;
        color: #fff;
        margin-bottom: 20px;
    }

    .news-column-list .item-pic .title {
        font-size: 16px;
        color: rgba(255, 255, 255, 0.6);
    }

    .news-column-list .item-pic .btn {
        text-align: center;
        display: none;
    }

    .news-column-list .item-pic .btn span {
        margin-top: 20px;
        border: 1px solid rgba(255, 255, 255, 0.6);
        color: #fff;
        font-size: 12px;
        padding: 0 20px;
        border-radius: 3px;
        -webkit-transition: all 2s;
        -o-transition: all 2s;
        transition: all 2s;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        height: 40px;
        line-height: 38px;
    }

    .news-column-list .item-pic .btn span:hover span {
        border: 1px solid rgba(255, 255, 255, 0.8);
    }

    .news-column-list .item-pic:hover a {
        background-color: rgba(0, 0, 0, 0.4);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000');
    }

    .news-column-list .item-pic:hover .btn {
        display: block;
    }

    .news-column-list .list {
        border: 1px solid #efefef;
        padding: inherit;
        overflow: hidden;
        font-size: 14px;
        padding: 5px 20px;
    }

    .news-column-list .list li {
        color: #666;
        line-height: 34px;
        height: 34px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .news-column-list .list li a {
        color: #666;
    }

    /* 现在注册 */
    .now-register {
        padding: 0 0 45px;
    }

    .now-register-list {
        margin-top: 15px;
    }

    .now-register-list ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding: 0 10px;
    }

    .now-register-list li {
        width: 45%;
    }

    .now-register-list li a {
        display: block;
        text-align: center;
        line-height: 45px;
        height: 45px;
        font-weight: 400;
        background: #FFFFFF;
        -webkit-box-shadow: 0 10px 20px 0 rgba(49, 61, 79, 0.1);
        box-shadow: 0 10px 20px 0 rgba(49, 61, 79, 0.1);
        border-radius: 10px;
        -webkit-box-shadow: 0;
        box-shadow: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 2;
        color: #5D6A7D;
    }

    .now-register-list .active a {
        background-image: -webkit-linear-gradient(316deg, #077aac 0%, #124d7d 100%);
        background-image: -o-linear-gradient(316deg, #077aac 0%, #124d7d 100%);
        background-image: linear-gradient(-226deg, #077aac 0%, #124d7d 100%);
        border: 0 solid rgba(18, 77, 125, 0.2);
        -webkit-box-shadow: 0 10px 20px 0 rgba(18, 77, 125, 0.5);
        box-shadow: 0 10px 20px 0 rgba(18, 77, 125, 0.5);
        color: #fff;
    }

    .now-register-list .active a:hover {
        color: #fff !important;
    }

    /* footer */
    .footer {
        background: #222222;
        padding: 25px 0 0;
    }

    .footer-brand a {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
    }

    .footer-brand img {
        width: 40px;
        height: 40px;
        margin-right: 5px;
    }

    .footer-brand span {
        font-size: 20px;
        font-weight: 500;
        color: #fff;
    }

    .footer-brand p {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.6;
        color: #fff;
    }

    .footer-nav {
        margin-top: 25px;
    }

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

    .footer-nav .item h3 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        line-height: 32px;
    }

    .footer-nav .item li {
        font-size: 12px;
    }

    .footer-nav .item li a {
        line-height: 32px;
        color: #7d7d7d;
    }

    .footer-nav .item .img {
        margin-top: 5px;
    }

    .footer-bottom {
        border-top: 1px solid #4e4e4e;
        padding: 15px 0;
    }

    .footer-copyright p {
        font-size: 12px;
        color: #7d7d7d;
    }

    .footer-link {
        margin-top: 15px;
    }

    .footer-link ul li {
        font-size: 12px;
        color: #7d7d7d;
        line-height: 32px;
    }

    .footer-link ul li a {
        color: #7d7d7d;
        font-size: 12px;
        padding: 0 4px;
    }

    /* banner */
    .banner-introduction {
        background: rgba(0, 0, 0, 0.2);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000');
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 99;
    }

    .banner-introduction .container {
        padding: 0;
    }

    .banner-introduction .item {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
    }

    .banner-introduction .item a {
        padding: 10px 12px;
    }

    .banner-introduction .item a:hover {
        background: #2a324f;
    }

    .banner-introduction .item .pic {
        margin-bottom: 5px;
    }

    .banner-introduction .item .pic img {
        width: 25px;
        display: block;
        margin: 0 auto;
    }

    .banner-introduction .item .content p {
        font-size: 11px;
        color: #fff;
        line-height: 1.6;
        text-align: center;
    }

    .banner-introduction .item .content p:nth-child(2) {
        font-size: 12px;
    }

    /* banner */
    .index-swiper-banner {
        position: relative;
    }

    .index-swiper-banner .banner-next,
    .index-swiper-banner .banner-prev {
        top: 50%;
        z-index: 99;
        width: 35px;
        height: 35px;
        background: rgba(0, 0, 0, 0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000');
        margin-top: -68px;
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 35px;
        cursor: pointer;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .index-swiper-banner .banner-next:hover,
    .index-swiper-banner .banner-prev:hover {
        background: rgba(0, 0, 0, 0.2);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000');
    }

    .index-swiper-banner .banner-prev {
        position: absolute;
        left: 15px;
    }

    .index-swiper-banner .banner-next {
        position: absolute;
        right: 15px;
    }

    .index-swiper-banner .banner-pagination {
        z-index: 999;
        text-align: center;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 160px;
        width: 100%;
        display: none;
    }

    .index-swiper-banner .banner-pagination span {
        width: 12px;
        height: 3px;
        border-radius: 3px;
        background: rgba(255, 255, 255, 0.4);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#66ffffff');
        display: inline-block;
        *display: inline;
        *zoom: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        margin: 0 3px;
    }

    .index-swiper-banner .banner-pagination .swiper-pagination-bullet-active {
        background: white;
    }

    .index-swiper-banner .swiper-slide {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 25px 0 150px;
    }

    .index-swiper-banner .swiper-slide .img {
        padding: 0 8%;
    }

    .index-swiper-banner .swiper-slide .img img {
        display: block;
        margin: 0 auto;
    }

    .index-swiper-banner .swiper-slide .title {
        color: #fff;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: url("https://www.kaiyuncdn.com/images/st_bg.png") no-repeat center;
        background-size: 80% 100%;
        margin-top: 15px;
    }

    .index-swiper-banner .swiper-slide .btn a {
        display: block;
        width: 160px;
        height: 40px;
        color: #fff;
        font-size: 14px;
        line-height: 40px;
        text-align: center;
        margin: 0 auto;
        background: #2370e7;
        margin-top: 25px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 10px #0e193e;
        box-shadow: 0 0 10px #0e193e;
    }

    .index-swiper-banner .swiper-slide .btn a:hover {
        color: #fff !important;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }
}

@media (min-width: 768px) {

    /* 客服 */
    .navber-service {
        background: #25282d;
        border-bottom: 1px solid #393c40;
        padding: 0 35px;
    }

    .navber-service ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .navber-service li {
        font-size: 12px;
        color: #c8c8c8;
        margin-right: 10px;
        line-height: 30px;
    }

    .navber-service li a {
        color: #c8c8c8;
    }

    .navbar {
        background: #25282d;
        height: 60px;
        padding: 0 35px;
        position: relative;
    }
}

@media (min-width: 768px) and (min-width: 1250px) {
    .navbar .navbar-nav {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .navbar-down {
        position: absolute;
        left: 0;
        width: 100%;
        top: 90px;
        z-index: 999;
        background: #202225;
        display: none;
    }

    .navbar-down-buy {
        text-align: center;
        padding: 50px 0;
        display: none;
    }

    .navbar-down-buy li {
        color: #999;
        line-height: 18px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

    .navbar-down-buy li a {
        color: #999;
        font-size: 16px;
        padding: 0 30px;
    }

    .navbar-down-index {
        display: none;
    }

    .navbar-down-index .con {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 60px;
        padding-top: 35px;
    }

    .navbar-down-index .item {
        padding: 0 40px;
    }

    .navbar-down-index .item h3 {
        font-size: 16px;
        color: #fff;
        line-height: 16px;
    }

    .navbar-down-index .item ul li {
        color: #999;
        margin-top: 18px;
        line-height: 18px;
    }

    .navbar-down-index .item ul li a {
        color: #999;
    }

    .navbar-brand {
        float: left;
        margin-right: 65px;
    }

    .navbar-brand a {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
    }

    .navbar-brand img {
        width: 40px;
        height: 40px;
        margin-right: 5px;
    }

    .navbar-brand span {
        font-size: 22px;
        font-weight: 500;
        color: #fff;
    }

    .navbar-login {
        float: right;
    }

    .navbar-login ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
    }

    .navbar-login li a {
        color: #fff !important;
        display: block;
        height: 32px;
        line-height: 30px;
        text-align: center;
        padding: 0 15px;
    }

    .navbar-login li:hover a {
        color: #fff !important;
    }

    .navbar-login .active {
        border: 1px solid #fff;
    }

    .navbar-login .active a {
        padding: 0 30px;
    }

    .navbar-login .active:hover {
        background: #fff;
    }

    .navbar-login .active:hover a {
        color: #25282d !important;
    }

    /* banner */
    .index-swiper-banner {
        position: relative;
    }

    .index-swiper-banner:hover .banner-next,
    .index-swiper-banner:hover .banner-prev {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .index-swiper-banner:hover .banner-prev {
        left: 160px;
    }

    .index-swiper-banner:hover .banner-next {
        right: 160px;
    }

    .index-swiper-banner .banner-next,
    .index-swiper-banner .banner-prev {
        top: 50%;
        z-index: 99;
        width: 62px;
        height: 62px;
        background: rgba(0, 0, 0, 0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000');
        margin-top: -70px;
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 5px;
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .index-swiper-banner .banner-next:hover,
    .index-swiper-banner .banner-prev:hover {
        background: rgba(0, 0, 0, 0.2);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000');
    }

    .index-swiper-banner .banner-prev {
        position: absolute;
        left: 170px;
    }

    .index-swiper-banner .banner-next {
        position: absolute;
        right: 170px;
    }

    .index-swiper-banner .banner-pagination {
        position: absolute;
        left: 0;
        bottom: 130px;
        z-index: 999;
        text-align: center;
        width: 100%;
    }

    .index-swiper-banner .banner-pagination span {
        width: 60px;
        height: 5px;
        background: rgba(255, 255, 255, 0.4);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#66ffffff');
        display: inline-block;
        *display: inline;
        *zoom: 1;
        border-radius: 0;
        opacity: 1;
        filter: alpha(opacity=100);
        margin: 0 4px;
    }

    .index-swiper-banner .banner-pagination .swiper-pagination-bullet-active {
        background: white;
    }

    .index-swiper-banner .swiper-slide {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        height: 625px;
        padding-bottom: 80px;
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }

    .index-swiper-banner .swiper-slide .content {
        width: 100%;
    }

    .index-swiper-banner .swiper-slide .img img {
        display: block;
        margin: 0 auto;
    }

    .index-swiper-banner .swiper-slide .title {
        color: #fff;
        font-size: 18px;
        width: 720px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        margin: 0 auto;
        background: url("https://www.kaiyuncdn.com/images/st_bg.png") no-repeat center;
    }

    .index-swiper-banner .swiper-slide .btn a {
        display: block;
        width: 210px;
        height: 50px;
        color: #fff;
        font-size: 16px;
        line-height: 50px;
        text-align: center;
        margin: 0 auto;
        background: #2370e7;
        margin-top: 42px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 10px #0e193e;
        box-shadow: 0 0 10px #0e193e;
    }

    .index-swiper-banner .swiper-slide .btn a:hover {
        color: #fff !important;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    .banner-introduction {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.2);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000');
        height: 80px;
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 99;
    }

    .banner-introduction .container-fluid {
        max-width: 1200px;
        margin: 0 auto;
    }

    .banner-introduction .item a {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 80px;
    }

    .banner-introduction .item a:hover {
        background: #2a324f;
    }

    .banner-introduction .item .pic {
        margin-right: 20px;
    }

    .banner-introduction .item .content p {
        font-size: 14px;
        color: #fff;
        line-height: 1.8;
    }

    .banner-introduction .item .content p:nth-child(2) {
        font-size: 12px;
    }

    .index-headline {
        margin-bottom: 30px;
    }

    .index-headline h2 {
        text-align: center;
        font-size: 32px;
        font-weight: 300;
        color: #313d4f;
        text-align: center;
    }

    .index-headline p {
        font-weight: 300;
        font-size: 16px;
        color: #7F8FA4;
        letter-spacing: 0;
        line-height: 30px;
        text-align: center;
        max-width: 800px;
        margin: 20px auto 0;
    }

    .clouds-function {
        padding: 100px 0 50px;
    }

    .clouds-function .container-fluid {
        max-width: 1200px;
        margin: 0 auto;
    }

    .clouds-function .col:nth-child(1) {
        padding-right: 50px;
    }

    .clouds-function .col:nth-child(2) {
        padding-left: 50px;
    }
}

@media (min-width: 768px) and (min-width: 1200px) {
    .clouds-function .col:nth-child(1) {
        padding-right: 50px;
    }

    .clouds-function .col:nth-child(2) {
        padding-left: 50px;
    }
}

@media (min-width: 768px) {
    .clouds-function .col .sub-headline {
        margin-bottom: 20px;
    }

    .clouds-function .col .sub-headline h2 {
        font-size: 30px;
        text-align: center;
    }

    .clouds-function .col .sub-headline p {
        font-size: 16px;
        font-weight: 300;
        color: #7F8FA4;
        line-height: 1.5;
        margin-top: 25px;
    }

    .clouds-function .col .item {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px;
        margin-bottom: 70px;
    }

    .clouds-function .col .item .pic {
        width: 90px;
    }

    .clouds-function .col .item .pic img {
        width: 75px;
    }

    .clouds-function .col .item .content {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .clouds-function .col .item .content h3 {
        color: #5D6A7D;
        font-weight: 300;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .clouds-function .col .item .content p {
        font-size: 16px;
        color: #313d4f;
        font-weight: 300;
        line-height: 1.8;
    }

    .clouds-function .col .item .content p a {
        color: #5D6A7D;
    }

    /* 专业解决方案 */
    .professional-solutions {
        background: #262935;
        padding: 50px 0;
    }

    .professional-solutions .index-headline h2 {
        color: #fff;
        font-weight: 300;
    }

    .professional-solutions-container {
        padding-right: 130px;
        position: relative;
        margin-top: 15px;
    }

    .professional-solutions-tabs {
        position: absolute;
        right: 0;
        top: 0;
        width: 80px;
    }

    .professional-solutions-tabs:after {
        content: '';
        width: 1px;
        height: 150px;
        background: #fff;
        position: absolute;
        left: 0;
        top: 250px;
    }

    .professional-solutions-tabs li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 16px;
        cursor: pointer;
    }

    .professional-solutions-tabs li.on {
        color: #3475c0 !important;
    }

    .professional-swiper .item {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 130px 50px;
    }

    .professional-swiper .item .wrap {
        max-width: 440px;
    }

    .professional-swiper .item .title h3 {
        font-size: 32px;
        color: #fff;
        font-weight: 300;
        line-height: 1;
    }

    .professional-swiper .item .title p {
        height: 16px;
        line-height: 16px;
        font-size: 14px;
        margin-top: 28px;
        color: #fff;
        font-weight: 300;
    }

    .professional-swiper .item .content {
        margin-top: 25px;
    }

    .professional-swiper .item .content p {
        font-size: 16px;
        color: #fff;
        font-weight: 300;
        line-height: 28px;
    }

    .professional-swiper .item .btn a {
        display: block;
        width: 110px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        margin-top: 30px;
        border-radius: 3px;
        background: #2370e7;
    }

    .professional-swiper .item .btn a:hover {
        color: #fff !important;
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    /* 让您全心投入业务经营 安全和稳定交给我们 */
    .business-operation {
        padding: 70px 0;
    }

    .business-operation-list {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 960px;
        margin: 60px auto 0;
        background: #f2f2f2;
        padding: 3px;
    }

    .business-operation-list .item {
        width: calc(50% - 3px);
        height: 140px;
        padding: 0 40px;
        margin-bottom: 6px;
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .business-operation-list .item a {
        display: block;
    }

    .business-operation-list .item h3 {
        color: #fff;
        font-weight: 500;
        font-size: 24px;
    }

    .business-operation-list .item p {
        margin-top: 5px;
        line-height: 1.4em;
        font-size: 15px;
        color: #fff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    }

    .business-operation-list .item p span {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
        margin-left: 6px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

    .business-operation-list .item:nth-child(1) {
        background: #ba77b1;
        background: -webkit-gradient(linear, right top, left bottom, from(#ba77b1), to(#8176b5));
        background: -webkit-linear-gradient(top right, #ba77b1, #8176b5);
        background: -o-linear-gradient(top right, #ba77b1, #8176b5);
        background: linear-gradient(to bottom left, #ba77b1, #8176b5);
        background-size: cover;
        background-position: center;
        margin-right: 3px;
    }

    .business-operation-list .item:nth-child(1) p span {
        color: #533165;
    }

    .business-operation-list .item:nth-child(2) {
        background: #85cba8;
        background: -webkit-gradient(linear, right top, left bottom, from(#85cba8), to(#76c4e2));
        background: -webkit-linear-gradient(top right, #85cba8, #76c4e2);
        background: -o-linear-gradient(top right, #85cba8, #76c4e2);
        background: linear-gradient(to bottom left, #85cba8, #76c4e2);
        background-size: cover;
        background-position: center;
        margin-left: 3px;
    }

    .business-operation-list .item:nth-child(2) p span {
        color: #31615d;
    }

    .business-operation-list .item:nth-child(3) {
        background: #76c4e2;
        background: -webkit-gradient(linear, right top, left bottom, from(#76c4e2), to(#8176b5));
        background: -webkit-linear-gradient(top right, #76c4e2, #8176b5);
        background: -o-linear-gradient(top right, #76c4e2, #8176b5);
        background: linear-gradient(to bottom left, #76c4e2, #8176b5);
        background-size: cover;
        background-position: center;
        margin-right: 3px;
    }

    .business-operation-list .item:nth-child(3) p span {
        color: #46658e;
    }

    .business-operation-list .item:nth-child(4) {
        background: #ffdb6f;
        background: -webkit-gradient(linear, right top, left bottom, from(#ffdb6f), to(#f69259));
        background: -webkit-linear-gradient(top right, #ffdb6f, #f69259);
        background: -o-linear-gradient(top right, #ffdb6f, #f69259);
        background: linear-gradient(to bottom left, #ffdb6f, #f69259);
        background-size: cover;
        background-position: center;
        margin-left: 3px;
    }

    .business-operation-list .item:nth-child(4) p span {
        color: #c7733d;
    }

    .business-operation-list .item:nth-last-of-type(1) {
        margin-bottom: 0;
    }

    .business-operation-list .item:nth-last-of-type(2) {
        margin-bottom: 0;
    }

    /* 地图 */
    .clouds-maps {
        background: #3f8bca;
        background: -webkit-gradient(linear, right top, left bottom, from(#313d4f), to(#3f8bca));
        background: -webkit-linear-gradient(top right, #313d4f, #3f8bca);
        background: -o-linear-gradient(top right, #313d4f, #3f8bca);
        background: linear-gradient(to bottom left, #313d4f, #3f8bca);
        background-size: cover;
        background-position: center;
        padding: 70px 0;
    }

    .clouds-maps .index-headline h2,
    .clouds-maps .index-headline p {
        color: #fff;
    }

    .clouds-maps .maps img {
        max-width: 100%;
        display: block;
        margin-top: 30px;
    }

    /* 新闻专栏 */
    .news-column {
        padding: 70px 0;
    }

    .news-column h2 {
        font-size: 32px;
        line-height: 1.5;
        margin-bottom: 20px;
        color: #333;
        text-align: center;
        font-weight: 300;
    }

    .news-column-list {
        margin-top: 40px;
    }

    .news-column-list .item {
        margin-bottom: 25px;
    }

    .news-column-list .item-pic {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 208px;
        overflow: hidden;
        position: relative;
    }

    .news-column-list .item-pic a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 208px;
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        padding: 1px 5px 0;
        text-align: center;
    }

    .news-column-list .item-pic h3 {
        text-align: center;
        font-size: 26px;
        color: #fff;
        margin-bottom: 20px;
        font-weight: 300;
    }

    .news-column-list .item-pic .title {
        font-size: 16px;
        color: rgba(255, 255, 255, 0.6);
    }

    .news-column-list .item-pic .btn {
        text-align: center;
        display: none;
        margin-top: 20px;
    }

    .news-column-list .item-pic .btn span {
        border: 1px solid rgba(255, 255, 255, 0.6);
        color: #fff;
        font-size: 12px;
        padding: 0 20px;
        border-radius: 3px;
        -webkit-transition: all 2s;
        -o-transition: all 2s;
        transition: all 2s;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        height: 40px;
        line-height: 38px;
    }

    .news-column-list .item-pic .btn span:hover span {
        border: 1px solid rgba(255, 255, 255, 0.8);
    }

    .news-column-list .item-pic:hover a {
        background-color: rgba(0, 0, 0, 0.4);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000');
    }

    .news-column-list .item-pic:hover .btn {
        display: block;
    }

    .news-column-list .list {
        border: 1px solid #efefef;
        padding: inherit;
        overflow: hidden;
        font-size: 14px;
        padding: 5px 20px;
    }

    .news-column-list .list li {
        color: #666;
        line-height: 34px;
        height: 34px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .news-column-list .list li a {
        color: #666;
    }

    /* 现在注册 */
    .now-register {
        padding: 35px 0 70px;
    }

    .now-register-list {
        margin-top: 60px;
    }

    .now-register-list ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 470px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto;
    }

    .now-register-list li a {
        display: block;
        text-align: center;
        line-height: 60px;
        width: 180px;
        height: 60px;
        font-weight: 400;
        background: #FFFFFF;
        -webkit-box-shadow: 0 10px 20px 0 rgba(49, 61, 79, 0.1);
        box-shadow: 0 10px 20px 0 rgba(49, 61, 79, 0.1);
        border-radius: 10px;
        -webkit-box-shadow: 0;
        box-shadow: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 2;
        color: #5D6A7D;
        font-size: 16px;
    }

    .now-register-list .active a {
        background-image: -webkit-linear-gradient(316deg, #077aac 0%, #124d7d 100%);
        background-image: -o-linear-gradient(316deg, #077aac 0%, #124d7d 100%);
        background-image: linear-gradient(-226deg, #077aac 0%, #124d7d 100%);
        border: 0 solid rgba(18, 77, 125, 0.2);
        -webkit-box-shadow: 0 10px 20px 0 rgba(18, 77, 125, 0.5);
        box-shadow: 0 10px 20px 0 rgba(18, 77, 125, 0.5);
        color: #fff;
    }

    .now-register-list .active a:hover {
        color: #fff !important;
    }

    /* footer */
    .footer {
        background: #222222;
        padding: 45px 0 0;
    }

    .footer-top {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 55px;
    }

    .footer-brand {
        margin-right: 60px;
    }

    .footer-brand a {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
    }

    .footer-brand img {
        width: 40px;
        height: 40px;
        margin-right: 5px;
    }

    .footer-brand span {
        font-size: 22px;
        font-weight: 500;
        color: #fff;
    }

    .footer-brand p {
        font-size: 13px;
        font-weight: 400;
        width: 220px;
        line-height: 1.75;
        color: #fff;
    }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 820px) {
    .footer-brand {
        margin-right: 40px;
    }

    .footer-brand p {
        width: 180px !important;
    }
}

@media (min-width: 768px) {
    .footer-nav {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .footer-nav .item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 10px;
    }

    .footer-nav .item h3 {
        padding-top: 20px;
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        margin-bottom: 20px;
    }

    .footer-nav .item li {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .footer-nav .item li a {
        color: #7d7d7d;
    }

    .footer-nav .item .img {
        margin-top: 5px;
    }

    .footer-nav .item .img img {
        max-width: 88%;
    }

    .footer-bottom {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #4e4e4e;
        padding: 20px 0;
    }

    .footer-copyright p {
        font-size: 12px;
        color: #7d7d7d;
    }

    .footer-link ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer-link ul li {
        font-size: 12px;
        color: #7d7d7d;
        line-height: 12px;
        height: 12px;
        border-right: 1px solid #4e4e4e;
    }

    .footer-link ul li:last-child {
        border-right: none;
    }

    .footer-link ul li:last-child a {
        padding-right: 0;
    }

    .footer-link ul a {
        color: #7d7d7d;
        font-size: 12px;
        padding: 0 4px;
        line-height: 12px;
    }
}

@media (min-width: 1250px) {
    .navbar-user {
        display: none;
    }

    .navbar-login {
        display: none;
    }
}

@media (max-width: 1250px) {
    .navbar-login {
        display: none;
    }

    .navbar-down {
        display: none !important;
    }

    .navbar-user {
        position: absolute;
        right: 87px;
        height: 60px;
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .navbar-user img {
        width: 18px;
        display: block;
    }

    .navbar-menu {
        position: absolute;
        right: 45px;
        top: 19px;
        width: 24px;
        -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        height: 20px;
        cursor: pointer;
    }

    .navbar-menu span {
        background-color: #fff;
        display: block;
        height: 2px;
        position: relative;
        top: 50%;
        -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        width: 100%;
    }

    .navbar-menu span:after,
    .navbar-menu span:before {
        background-color: #fff;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        width: 100%;
    }

    .navbar-menu span:after {
        top: 8px;
    }

    .navbar-menu span:before {
        top: -8px;
    }

    .navbar-menu-active span {
        background: none;
    }

    .navbar-menu-active span:after {
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        -webkit-transform: translateY(0px) rotate(45deg);
        -ms-transform: translateY(0px) rotate(45deg);
        transform: translateY(0px) rotate(45deg);
        top: 0;
    }

    .navbar-menu-active span:before {
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        -webkit-transform: translateY(0px) rotate(-45deg);
        -ms-transform: translateY(0px) rotate(-45deg);
        transform: translateY(0px) rotate(-45deg);
        top: 0;
    }

    .navbar-nav {
        position: fixed;
        left: 0;
        top: 90px;
        width: 100%;
        z-index: 999;
        background: #1c1c24;
        display: none;
    }

    .navbar-nav li {
        cursor: pointer;
        border-bottom: 1px solid #25282d;
        color: #2370e7;
        font-size: 14px;
        line-height: 40px;
    }

    .navbar-nav li a {
        color: #fff;
        padding: 0 45px;
        display: block;
    }

    .navbar-nav li.active a,
    .navbar-nav li.on a {
        color: #2370e7;
    }

    .navbar-nav li:last-child {
        border-bottom: none;
    }
}

@media (max-width: 768px) {
    .navbar-nav {
        top: 50px;
    }

    .navbar-nav li a {
        padding: 0 20px;
    }
}

@media (min-width: 1250px) {
    .navbar-login {
        display: block;
    }

    .navbar-nav {
        float: left;
    }

    .navbar-nav li {
        cursor: pointer;
        border-bottom: 2px solid #25282d;
        color: #2370e7;
        font-size: 16px;
        float: left;
        height: 60px;
        line-height: 60px;
        margin-right: 15px;
    }

    .navbar-nav li a {
        color: #fff;
        padding: 0 18px;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
}

@media (min-width: 1250px) and (min-width: 900px) and (max-width: 1250px) {
    .navbar-nav li a {
        padding: 0 12px;
    }
}

@media (min-width: 1250px) {

    .navbar-nav li.active,
    .navbar-nav li.on {
        border-bottom: 2px solid #3475c0;
    }

    .navbar-nav li.active a,
    .navbar-nav li.on a {
        color: #2370e7;
    }
}

.navbar-down-question {
    text-align: center;
    padding: 50px 0;
    display: none;
}

.navbar-down-question li {
    color: #999;
    line-height: 18px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.navbar-down-question li a {
    color: #999;
    font-size: 16px;
    padding: 0 30px;
}

/*# sourceMappingURL=maps/style.css.map */
@media screen and (max-width: 750px) {
    .warning {
        width: 90% !important;
        margin-left: 5% !important;
    }

    .warning span.warning-des {
        margin: 22px 25px 22px 45px;
        width: auto;
    }
}

.warning {
    width: 60%;
    position: fixed;
    bottom: 10px;
    border-radius: 3px;
    margin-left: 20%;
    background-color: #fff5e6;
    color: #7d858e;
    z-index: 90;
}

span.warning-logo {
    display: block;
    float: left;
    margin-top: 20px;
}

span.warning-logo img {
    width: 18px;
    height: auto;
    left: 16px;
    top: 26px;
    position: absolute;
}

span.warning-des {
    line-height: 22px;
    margin: 22px 0 22px 45px;
    display: block;
    float: left;
    width: 92%;
    font-size: 15px;
}

span.warning-close {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

span.warning-close img {
    width: 12px;
    height: auto;
}




.i-none {
    display: block
}

@media (max-width:1420px) {
    .w1400 {
        width: 98%;
    }

    .proList li {
        width: 260px;
        height: auto;
        padding-bottom: 10px;
        margin: 0.38%;
    }

    .solution-container {
        margin-left: 0;
    }
}

@media (max-width: 1230px) {
    .banner-header {
        width: 98%;
    }

    .chessgame-banner .solution-cards {
        width: 98%;
    }

    .chessgame-banner .solution-card {
        width: 31%;
        padding: 2.5%;
    }

    .chessgame-banner .solution-card.card-service {
        margin: 0 3.3%;
    }

    .arc .arc-img {
        padding: 0;
    }

    .arc .arc-img img {
        width: 100%;
    }

    .w1200 {
        width: 98%;
    }

    .products .pr-table,
    .arc,
    .mod-inner,
    .defendCDN_Box {
        width: 98%;
    }

    .youshi-item2 {
        width: 33%;
    }

    .tuiguang-youshi-item2 {
        width: 33%;
    }

    .server-cp .virtue-list li {
        width: 45%;
        box-sizing: border-box;
    }

    .service-yycj ul li {
        width: 32%;
        margin-right: 1%;
        height: 220px;
        margin-bottom: 1%;
    }

    .server-cp .virtue-list-A li {
        width: 49%;
        box-sizing: border-box;
    }

    .mod_cp_1 .info-banner {
        background-size: 100%;
    }

    .virtue-list li {
        width: 49%;
        box-sizing: border-box;
        padding: 10px 10px 0 150px;
    }

    .product-application2 .scene-mb-body .scene-arch+.scene-sub-wrap {
        margin-left: 55%;
    }

    .Prosum_ex li:nth-child(2) {
        margin-left: 0;
    }

    .ba-bottom li {
        width: 48%;
        margin: 1%;
    }

    .scene .scene-list .scheme .s-t {
        width: 30%;
    }

    .scene .scene-list .scheme .s-c {
        width: 14%;
    }

    .scene .scene-list .scheme .s-ddos .s-t {
        width: 20%;
    }

    .scene .scene-list .scheme .s-other .s-t {
        width: 30%
    }

    .scene .scene-list .s-attack {
        width: 45%;
        padding: 10px 2%;
    }

    .scene .scene-list .s-attack .s-t {
        width: 60%;
    }

    .financial-banner .solution-cards {
        width: 98%;
    }

    .financial-banner .solution-cards .solution-card {
        width: 32.5%;
        margin: 0;
    }

    .financial-banner .solution-cards .solution-card.card-service {
        margin: 0 1%;
    }

    .mod-inner,
    .data-about-box {
        width: 98%;
    }

    .data-about-box-left {
        width: 28%;
    }

    .data-about-box-left img {
        width: 100%;
    }

    .data-about-box-right {
        width: 70%;
    }

    .data-about-list .data-about-left {
        width: 20%;
        margin-right: 5%;
    }

    .data-about-right {
        width: 75%;
    }

    .part_nr {
        width: 98%;
        top: 5%;
    }

    .shoppingCar {
        width: 98%;
    }



    .vss_cpgs li:nth-child(2) {
        margin-left: 0;
    }


}

@media (max-width: 1200px) {

    .w1200,
    .auto,
    .solotion .solotion_con {
        width: 98%;
    }

    .auto {
        min-width: 98%;
    }

    .solution-cards {
        width: 98%;
    }

    .solution-cards .solution-card {
        width: 23%;
        /* margin: 0 1%; */
    }

    .project {
        width: 98%;
    }

    .education-arc .frame {
        width: 100%;
    }

    .financial-banner .banner-header {
        width: 98%;
    }

    .policy_background,
    .advantage_container .flex_row,
    .internet-solution,
    .ability {
        width: 98%;
    }

    .ability ul li {
        width: 33%;
    }

    .policy_background ul li {
        flex-basis: 25%;
        width: 25%;
        padding: 84px 10px 0;
    }

    .product-top,
    .product-bottom .pro-content {
        width: 98%;
    }

    .product-bottom .pro-content .pro-left {
        width: 80%;
    }

    .login-w {
        width: 98%;
    }








}

@media (max-width:1120px) {

    .w1100,
    .Prosum_con {
        width: 98%;
    }
.table-container{width:100%}
    .nav,
    .w90 {
        min-width: 100%;
    }

    .virtue-list li {
        width: 48%;
    }

    .product-application2 .scene-arch {
        width: 50%;
    }

    .Prosum_ex li {
        width: 100%;
        float: none;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .Profeat_ex li {
        width: 24%;
    }

    .ml32 {
        margin-left: 1%;
    }

    .help-body img {
        width: auto;
        max-width: 100%;
    }

    .internet-solution div.section_menu {
        margin-left: 0;
    }

    .internet-solution div.detail {
        padding: 25px 0 0 18px;
    }

    .internet-solution div.detail li {}

    .w1000 {
        width: 98%;
    }

    .proDdos-left {
        width: 45%;
    }

    .proDdos-right {
        width: 50%;
    }



    .vss_cpgs li {
        width: 100%;
        float: none;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .vss_cpys_box li {
        width: 24%;
    }

    .b-txt-box li {
        margin: 0 8% 0 8.7%
    }

}

@media (max-width:1000px) {
    #navigationBar {
        display: block;
    }

    .nav_list ul {
        display: none;
    }

    .mainSpeed>.advantage {
        width: 100%;
        height: auto;
    }

    .advantage {
        padding: 0 0 18px;
    }

    .mainSpeed>.advantage>.info>.title {
        margin-top: 0;
    }

    .mainSpeed>.advantage>.info>.node-map>ul {
        margin: 0;
    }

    .mainSpeed>.advantage>.info>.node-map>ul>li {
        width: 100%;
        float: none;
        overflow: hidden;
    }

    .financial-banner .solution-cards .solution-card img {
        width: 100%
    }

    .certificate-item-img img {
        width: 100%;
    }

    .framework_container img {
        width: 100%;
    }

    .autowidth {
        padding: 0 5%;
        min-width: auto;
        margin-top: 20px;
        margin-bottom: 0;
    }




}

@media (max-width:940px) {
    .b-txt-box li {
        margin: 0 8% 0 5%
    }
}

@media (max-width:770px) {
    .b-txt-box li {
        margin: 0 6% 0 3.5%
    }
}

@media (max-width: 660px) {
    .b-txt-box li {
        margin: 0 2%;
    }
}

@media (max-width: 640px) {
    .w90 {
        min-width: 100%;
    }

    .nav,
    .top-nav {
        height: 50px;
        min-width: 100%;
    }

    .logo {
        background-size: 80%;
        margin-top: 21px;
        margin-left: 50px;
        height: 50px;
    }

    .c-nav-inner {
        width: 50px;
        height: 50px;
    }

    .index-close {
        /* display: block; */
        position: absolute;
        top: 60px;
        z-index: 1000000;
        left: 108px;
    }

    .index-close img {}

    .banner-engine02 .logo {
        background-size: 80%;
    }

    .c-nav-flyout-trigger {
        width: 50px;
    }

    .index-login {
        right: 10px;
        top: 10px;
    }

    .login-but,
    .register-but {
        width: 80px;
        line-height: 33px;
        height: 33px;
    }

    .banner-engine .banner-text1 {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .banner-engine .banner-text2 {
        font-size: 14px;
        margin-top: 8px;
        width: 88%;
        line-height: 24px;
    }

    .banner-engine .banner-particulars {
        padding: 5px 8px;
        font-size: 13px;
        margin-top: 18px;
    }

    .banner-engine .banner-text {
        top: -410px;
        left: 0;
        height: 380px;
    }

    .slider-text {
        padding-left: 20px;
        margin-top: 250px;
    }

    .banner-engine .banner-box {
        height: 300px!important;
    }

    .banner-engine02 .banner-box {
        height: auto;
    }

    .banner-engine .banner-ul {
        height: 250px;
    }

    .banner-engine .banner-ul li {
        height: 300px;
    }

    .banner-index .banner-ul li img {
        width: 50%;
        top: 58px;
    }

    .b-txt {
        height: 50px;
    }

    .b-txt-box {
        padding-top: 8px;
    }

    .b-txt-box li {
        background-size: 15% !important;
        margin: 0 !important;
        padding-left: 25px !important;
        margin: 0 2% !important;
    }

    .b-txt-box li span {
        font-size: 12px;
        line-height: 18px;
    }

    .nav-dropdown-menu {
        width: 138px;
    }

    .nav-dropdown-menu .menu-area {
        padding: 5px 0 8px;
        margin: 0 8px;
    }

    .nav-dropdown-menu .menu-link>a,
    .nav-dropdown-menu .menu-link>span {
        line-height: 28px;
    }

    .nav-dropdown-menu .sub-menu-area>.menu-area-tit {
        font-size: 16px;
        line-height: 30px;
    }

    .nav-dropdown-menu .menu-item {
        padding: 0;
    }

    .nav-dropdown-menu .menu-item a h3 {
        font-size: 14px;
    }

    .service {
        margin: 10px auto;
        height: auto;
        background-color: rgb(243, 248, 255);
        overflow: hidden;
    }

    .service .item {
        width: 100%;
        margin: 0;
        border-left: none;
        background-size: 10%;
        padding-left: 60px;
        height: 68px;
        background-position: 10px center;
        margin-bottom: 5px;
        float: none;
    }

    .service a {
        font-size: 16px;
        line-height: 30px;
        padding-top: 5px;
    }

    .service p {
        font-size: 14px;
        line-height: 20px;
        float: left;
    }

    .product {
        margin-top: 10px;
    }

    .product-title {

        padding: 0;

        line-height: 40px;

        font-size: 16px;
    }

    .product-title h3 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .product-meun {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .product-meun dd i img {
        display: none;
        width: 60px;
    }

    .product-meun dd i .pro-img {
        display: block;
        margin-left: -30.5px;
    }

    .product-meun dd a {
        font-size: 14px;
    }

    .product-list {
        padding: 15px 0;
        background-size: cover;
    }

    .proList li {
        width: 192px;
        margin: 0;
    }

    .proList .title {
        font-size: 14px;
        height: 40px;
        padding-top: 10px;
    }

    .proList li:first-child {
        margin-left: 3px
    }

    .proList .detail {
        padding: 0 12%;
    }

    .proList .detail p {
        font-size: 12px;
        line-height: 26px;
    }

    .proList .price {
        padding-left: 12%;
    }

    .proList .more {
        height: 26px;
        line-height: 26px;
    }

    .proList .more a {
        font-size: 12px;
        width: 68px;
        margin: 10px auto;
    }

    .proList .price span {
        font-size: 14px;
    }

    .product-list .proList,
    .product-list proDdos,
    .product-list proDdos {
        /* display:none; */
    }

    .solotion {
        padding-bottom: 20px;
    }

    .solotion .solo_title {
        font-size: 16px;
        line-height: 48px;
        height: 48px;
    }

    .solotion .solotion_con {
        height: 250px;
    }

    .solotion .solotion_con .solo_tab {
        width: 18%;
        padding-left: 10px;
        height: 250px;
    }

    .solotion .solotion_con .solo_con {
        width: 80%;
        height: 250px;
    }

    .solotion .solotion_con .solo_tab li {
        font-size: 14px;
        line-height: 35px;
        height: 35px;
    }

    .solotion .solotion_con .solo_con .solo_1,
    .solotion .solotion_con .solo_con .solo_2,
    .solotion .solotion_con .solo_con .solo_3,
    .solotion .solotion_con .solo_con .solo_4,
    .solotion .solotion_con .solo_con .solo_5,
    .solotion .solotion_con .solo_con .solo_6,
    .solotion .solotion_con .solo_con .solo_7,
    .solotion .solotion_con .solo_con .solo_8 {
        width: 100%;
        height: 100%;
        background-size: cover;
        padding-left: 8px;
    }

    .solotion .solotion_con .solo_con .solo_1 p:nth-child(1),
    .solotion .solotion_con .solo_con .solo_2 p:nth-child(1),
    .solotion .solotion_con .solo_con .solo_3 p:nth-child(1),
    .solotion .solotion_con .solo_con .solo_4 p:nth-child(1),
    .solotion .solotion_con .solo_con .solo_5 p:nth-child(1),
    .solotion .solotion_con .solo_con .solo_6 p:nth-child(1),
    .solotion .solotion_con .solo_con .solo_7 p:nth-child(1),
    .solotion .solotion_con .solo_con .solo_8 p:nth-child(1) {
        font-size: 14px;
        margin-top: 18px;
    }

    .solotion .solotion_con .solo_con .solo_1 p:nth-child(2),
    .solotion .solotion_con .solo_con .solo_2 p:nth-child(2),
    .solotion .solotion_con .solo_con .solo_3 p:nth-child(2),
    .solotion .solotion_con .solo_con .solo_4 p:nth-child(2),
    .solotion .solotion_con .solo_con .solo_5 p:nth-child(2),
    .solotion .solotion_con .solo_con .solo_6 p:nth-child(2),
    .solotion .solotion_con .solo_con .solo_7 p:nth-child(2),
    .solotion .solotion_con .solo_con .solo_8 p:nth-child(2) {
        font-size: 12px;
        margin-top: 5px;
    }

    .solotion .solotion_con .solo_con .solo_1 p:nth-child(3),
    .solotion .solotion_con .solo_con .solo_2 p:nth-child(3),
    .solotion .solotion_con .solo_con .solo_3 p:nth-child(3),
    .solotion .solotion_con .solo_con .solo_4 p:nth-child(3),
    .solotion .solotion_con .solo_con .solo_5 p:nth-child(3),
    .solotion .solotion_con .solo_con .solo_6 p:nth-child(3),
    .solotion .solotion_con .solo_con .solo_7 p:nth-child(3),
    .solotion .solotion_con .solo_con .solo_8 p:nth-child(3) {
        margin-top: 15px;
        width: 96%;
        font-size: 12px;
        line-height: 20px;
    }

    .solotion .solotion_con .solo_con .solo_1 a,
    .solotion .solotion_con .solo_con .solo_2 a,
    .solotion .solotion_con .solo_con .solo_3 a,
    .solotion .solotion_con .solo_con .solo_4 a,
    .solotion .solotion_con .solo_con .solo_5 a,
    .solotion .solotion_con .solo_con .solo_6 a,
    .solotion .solotion_con .solo_con .solo_7 a,
    .solotion .solotion_con .solo_con .solo_8 a {
        width: 80px;
        height: 30px;
        line-height: 30px;
        margin-top: 28px;
        font-size: 12px;
    }

    .solotion .solotion_con .solo_tab hr {
        height: 35px;
    }

    .advantage {
        padding: 0;
        /* display: none; */
    }

    .product-title p {
        font-size: 12px;
        line-height: 18px;
    }

    .advantage-list {
        margin-top: 8px;
    }

    .advantage-list li .tit {
        font-size: 12px;
    }

    .cooperation {
        padding: 8px 0 0;
    }

    .cooperation-list {
        margin-top: 8px;
    }

    .cooperation-list li {
        width: 47%;
        margin: 8px 0 0 8px;
    }

    .news {
        padding: 10px 0 8px;
        height: 448px;
        overflow: hidden;
    }

    .news-list {
        margin-top: 8px;
    }

    .news-list li {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 8px;
    }

    .news-list li a {
        padding: 8px;
    }

    .news-list li .s-title {
        width: 78%;
        padding-right: 0;
        height: 40px;
        line-height: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .news-list li .time {
        width: 15%;
        height: auto;
        padding: 0 5px;
        line-height: 18px;
    }

    .news-list li .con {
        margin-top: 5px;
        line-height: 20px;
        height: 60px;
    }

    .join {
        padding: 10px 0 8px 0;
        display: none;
    }

    .join .title {
        font-size: 16px;
    }

    .join .desc {
        font-size: 14px;
        line-height: 1.5;
    }

    .ButtonHome--primary {
        margin-top: 8px;
        width: 90px !important;
        font-size: 12px;
        line-height: 35px;
        height: 35px;
    }

    .f-top {
        padding: 10px 0 10px 0;
        display: none;
    }

    .f-top dl {
        display: none;
    }

    .f-top .contact {
        display: block;
        width: 51%;
    }

    .f-top .contact dt {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .f-top .hotLine {
        display: block;
        margin-top: 10px;
        width: 48%;
    }

    .f-bottom {
        /* display:none; */
        height: 50px;
    }

    .f-top .hotLine dt {
        margin-bottom: 5px;
    }

    .f-top .hotLine dd {
        font-size: 14px;
    }

    .f-top .hotLine dt img {
        width: 140px;
    }

    .f-top .hotLine dd span {
        font-size: 18px;
        margin-top: 0;
    }

    .f-top .contact img {
        width: 95px;
    }

    .f-bottom-fl {
        padding-top: 5px;
    }

    .f-bottom-fr {
        display: none;
    }

    .f-bottom-fl p {
        line-height: 20px;
    }

    .f-bottom-fl p:nth-child(2) {
        display: none;
    }

    .about-banner {
        height: 200px;
    }

    .about-banner h1 {
        font-size: 16px;
        margin-top: 38px;
        margin-bottom: 8px;
        padding-left: 20px;
    }

    .about-banner p {
        font-size: 14px;
        padding-left: 20px;
    }

    .about-nav-wrapper {
        height: 50px;
        border-bottom: 1px solid #dde1e5;
        box-sizing: border-box;
    }

    .about-nav-list {
        overflow: hidden;
        width: 100%;
        border-bottom: 1px solid #dde1e5;
        box-sizing: border-box;
        height: 50px;
    }

    .banner-nav-item {
        font-size: 14px;
        width: 25%;
        border: 1px solid #dde1e5;
        border-right: 0;
        border-bottom: 0;
        background: #fff;
        box-sizing: border-box;
        line-height: 50px;
        display: none;
    }

    .banner-nav-item.cur {
        color: #fff;
        background-image: linear-gradient(0deg, #2a6af2, #3190e6);
    }

    .wap-nav {

        display: block;
    }

    .banner-nav-item.cur:before {
        display: none;
    }

    .about-index-wrap {
        padding: 40px 0 20px 0;
    }

    .about-txt {
        margin-top: 0;
    }

    .videobox {
        width: 100%;
        float: none;
    }

    .ab-txt-right {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .about-index-wrap2 {
        padding: 8px 0 18px 0;
    }

    .ab-div-title {
        font-size: 16px;
    }

    .ab-div-sub-title {
        font-size: 12px;
        line-height: 18px;
        margin: 0 0 8px 0;
    }

    .certificate-div-item {
        width: 100%;
        margin-bottom: 5px;
        margin-right: 0;
        padding-left: 8px;
    }

    .certificate-pic {
        margin-right: 3%;
    }

    .certificate-pic-intro-div {
        padding: 15px 6px 8px 0;
        width: 73%;
    }

    .honour-link {
        margin: 8px auto 0;
        width: 100px;
        font-size: 12px;
        height: 38px;
        line-height: 38px;
    }

    .about-index-wrap3 {
        padding: 10px 0 20px 0;
    }

    .margin-bottom-60 {
        margin-bottom: 0;
    }

    .ab-introduce-p {
        line-height: 24px;
        margin-bottom: 0;
    }

    .product-icon-item {
        margin-top: 5px;
        height: 168px;
    }

    .product-icon-title {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .product-icon-discription {
        line-height: 18px;
        font-size: 12px;
    }

    .product-icon-bg {
        height: 60px;
        background-size: 60%;
        background-position: top center;
    }

    .yearEvents {
        padding-top: 58px;
        padding-bottom: 20px;
    }

    .yearEvents h2 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .CardEvent {
        padding: 25px 0;
    }

    .CardEvent li {
        padding-left: 10px;
        margin-bottom: 3px;
    }

    .CardEvent ul {}

    .page-news {
        padding-top: 45px;
        padding-bottom: 10px;
    }

    .page-news-meun {
        margin-left: 0;
    }

    .page-news-meun li {
        width: 25%;
        margin: 0;
    }

    .page-news-meun li a {
        font-size: 14px;
    }

    .page-news .news {
        height: auto;
    }

    .join-title {
        padding-top: 50px;
        margin-bottom: 10px;
    }

    .join-title h1 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .join-title p {
        line-height: 24px;
    }

    .welfare {
        margin-top: 10px;
        padding-top: 20px;
        padding-bottom: 12px;
    }

    .welfare h2 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .welfare ul li>p {
        font-size: 14px;
        padding-top: 5px;
    }

    .welfare ul li {
        height: 108px;
        margin-bottom: 10px;
    }

    .welfare ul li>i {
        margin: 18px auto 0;
    }

    .jobs {
        padding-top: 20px;
        margin-bottom: 15px;
    }

    .jobs h4 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .job-item-title {
        font-size: 14px;
    }

    .job-item {
        margin-bottom: 10px;
    }

    .job-item-title-box {
        line-height: 38px;
        height: 38px;
    }

    .panel-extend-button {
        font-size: 14px;
        top: 10px;
    }

    .services-box h2 {
        margin-top: 48px;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .services-box ul li {}

    .services-box ul li h4 {
        font-size: 14px;
        padding-top: 88px;
    }

    .service-desc {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .law-item {
        padding: 50px 0 10px 0;
        overflow: initial;
    }

    .law-title {
        font-size: 18px;
    }

    .law-item p {
        margin-top: 0;
        margin-bottom: 0;
        line-height: 28px;
    }

    .link {
        padding: 50px 0 40px 0;
    }

    .links-title {
        margin-bottom: 15px;
        font-size: 16px;
    }

    .links-wrap-div a {
        width: 180px;
        height: 100px;
        margin: 1.1% 2.8%;
    }

    .links-wrap-div a img {
        width: 100%;
    }

    .introduce-comment .commentbox {
        width: 98%;
        padding: 10px 0;
    }

    .banner-engine .banner-ul li img {
        height: auto;
    }

    .banner-engine .introduce-banner .banner-ul li img {
        height: 250px;
    }

    .introduce-comment .tabs {
        width: 100%;
    }

    .introduce-comment .tabs dd {
        width: 20%;
        margin: 0;
    }

    .introduce-comment .tabs dd span {
        font-size: 14px;
    }

    .introduce-comment {
        margin-top: 10px;
    }

    .introduce-comment .commentbox .t {
        margin: 10px 0px;
        height: 38px;
    }

    .introduce-comment .commentbox .t H2 {
        font-size: 14px;
        line-height: 38px;
    }

    .introduce-comment .commentbox .t .txt {
        padding-left: 0;
        line-height: 24px;
        margin-top: 5px;
        display: none;
    }

    .introduce-comment .commentbox .t .time {
        margin-top: 8px;
    }

    .c-nav-flyout-trigger .c-nav-flyout-trigger-icon {
        /* background: url(../images/s_meun.png); */
    }

    .c-nav-flyout-trigger.actived .c-nav-flyout-trigger-icon {
        /* background: url(../images/s_meun.png); */
    }

    .mod-scdn .info-banner {}

    .mod-scdn .info-banner {
        background: url(https://www.kaiyuncdn.com/images/mod-scdn.jpg) no-repeat 70% 30%;
        background-size: 260%;
    }

    /*.product-info {margin-left: 50px;}*/
    .product-info-title {
        font-size: 16px;
        line-height: 21px;
        height: auto;
        margin-bottom: 0;
    }

    .product-info-detail {
        font-size: 14px;
        margin-top: 8px;
        /*    width: 88%;*/
        width: 95%;
        line-height: 24px;
    }

    .server-module.double {
        padding-bottom: 0;
        min-height: auto;
    }

    .Prosum_con {
        width: 98%;
    }

    .Prosum_title,
    .Profeat_title,
    .Proprice_title {
        margin-top: 10px;
        font-size: 16px;
    }

    .Prosum_ex,
    .Profeat_ex {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .Prosum_ex li {
        float: none;
        padding-left: 58px;
        height: 120px;
        width: 96%;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .Prosum_ex li:nth-child(1) {
        background: url(https://www.kaiyuncdn.com/images/pro_ex1.png) no-repeat 10px 40px;
        background-size: 8%;
    }

    .Prosum_ex li:nth-child(2) {

        background: url(https://www.kaiyuncdn.com/images/pro_ex2.png) no-repeat 10px 40px;

        background-size: 8%;

        margin: 2% auto 0;
    }

    .Prosum_ex h2 {
        margin-top: 18px;
    }

    .Prosum_ex h2,
    .Profeat_ex h2 {
        font-size: 14px;
    }

    .Prosum_ex p {
        margin-top: 5px;
        width: 100%;
    }

    .Profeat_ex li {
        width: 48%;
        margin: 0.6%;
        height: 268px;
    }

    .ml32 {
        margin-left: 0;
    }

    .Profeat_ex div {
        margin: 10px auto 10px;
    }

    .Profeat_ex li h2:nth-child(3) {
        margin-top: 10px;
        width: 98%;
    }

    .server-module.single {
        padding-bottom: 0;
    }

    .table-info2 {
        margin-top: 10px
    }

    .Proprice table {
        margin-top: 10px;
    }

    .Proprice table thead th {
        width: 10%;
    }

    .Proprice table thead td {
        width: 68%;
        /* width:1px; */
    }

    .Proprice table strong {
        margin-top: 10px;
        font-size: 12px;
    }

    .Proprice table em {
        margin-top: 6px;
    }

    .Proprice table em span {
        font-size: 14px;
    }

    .Proprice table thead a {
        margin-top: 5px;
        font-size: 12px;
        margin-bottom: 5px;
        width: 34px;
    }

    .Proprice table thead tr td:nth-child(n+2) a {}

    .bt {
        padding: 5px 5px;
    }

    .banner-box {
        height: 50px;
    }

    .info-banner {
        padding-top: 20px;
        height: 250px;
    }

    .product-info-detail {
        margin-bottom: 18px;
    }

    .product-info-btn {
        margin-top: 0;
    }

    .info-nav {
        padding-left: 20px;
    }

    .product-info-btn a.btn {
        width: 100px;
        margin-right: 8px;
    }

    .banner-nav li {
        height: 50px;
    }

    .nav-hide .banner-nav li a {
        height: 50px;
        line-height: 50px;
    }

    .banner-nav {
        width: 100%;
        height: 50px;
    }

    .nav-box {
        height: 50px;
    }

    /* buy */
    .buy-top {
        line-height: 48px;
        height: 48px;
    }

    .buy-top-title {
        font-size: 16px;
    }

    .config-panel {
        margin-right: 0;
    }


    .button-group a {
        width: 55px;
        padding: 0 8px;
    }

    .config-view-outer {
        position: inherit;
        width: 100%;
    }

    .config-slider-ruler {
        width: 100%;
    }

    .config-view-outer,
    .config-view-inner {
        width: 98%;
        margin: 0 auto;
    }

    .config-view-title,
    .server-price .error,
    .server-buy-btn {
        font-size: 14px;
    }

    .slider-length-long {
        width: 358px;
    }

    .config-row-months .ui-slider-horizontal {
        background: url(https://www.kaiyuncdn.com/images/months_bg.png) no-repeat left center;
        background-size: 100%;
    }

    .slider-length-middle {
        width: 250px;
    }

    /* buying */
    .configuration-item {
        height: auto;
        margin-top: 0;
    }

    .config-name {
        width: 45px;
        text-align: left;
        line-height: 25px;
    }

    .config-value {
        padding-left: 0;
        line-height: 25px;
    }

    .config-row-title {
        width: 85px;
        margin-left: 2%;
    }

    .line-buttons {
        min-width: 100%;
    }

    .input-reset {
        width: 260px;
    }

    /* 棋牌游戏解决方案详情页 */
    .chessgame-banner {
        height: 490px;
    }

    .banner-header {
        padding-left: 20px;
        padding-top: 0;
    }

    .banner-header .header-t {
        font-size: 16px;
        letter-spacing: 1px;
        margin: 0;
    }

    .banner-header .bt-consult {
        padding: 5px 8px;
        font-size: 13px;
        margin-top: 18px;
    }

    .banner-header .header-c {
        font-size: 14px;
        margin-top: 8px;
        width: 88%;
        line-height: 24px;
        position: relative;
        z-index: 1;
    }

    .i_computer02 {
        background: url(https://www.kaiyuncdn.com/images/computer02.png) no-repeat 110% 5%;
        background-size: 40%;
    }

    .chessgame-banner .solution-cards {
        margin: 25px auto 0 auto;
    }

    .chessgame-banner .solution-card .card-t {
        font-size: 14px;
        line-height: 20px;
    }

    .chessgame-banner .solution-card .card-c {
        font-size: 12px;
        line-height: 20px;
        padding: 0 5px;
    }

    .chessgame-banner .solution-card {
        padding: 1% 0.3%;
        width: 32%;
        height: 280px;
    }

    .chessgame-banner .solution-card.card-service {
        margin: 0 1.8%;
    }

    .products {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .page-t {
        font-size: 16px;
        line-height: 38px;
        margin-top: 10px;
    }

    .products .sale-info>i {
        font-size: 16px;
    }

    .products .pr-adv {
        margin-top: 7px;
        margin-bottom: 10px;
    }

    .products .adv-t {
        width: auto;
        margin: 0 0.5%;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        padding: 0 5px;
    }

    .products td.pr-type,
    .products th.pr-type {
        width: auto;
        padding: 0 10px;
    }

    .products td,
    .products th {
        padding: 10px;
        width: 30%;
    }

    .products .bt-consult {
        margin-top: 10px;
    }

    .bt-consult {
        font-size: 14px;
    }

    .chessgame-banner .solution-card>img {
        width: 80%;
        height: auto;
    }

    .mod_cp_1 .info-banner {
        background-size: 200%;
        background-position: 70% 60%;
    }

    .mod-ddos .info-banner {
        background-size: 200%;
        background-position: 70% 60%;

    }

    .mod-ddosapp .info-banner {
        background-size: 200%;
        background-position: 70% 60%;
    }

    .mod-ddosweb .info-banner {
        background-size: 200%;
        background-position: 70% 60%;
    }

    .banner-dns .info-banner {
        background-size: 200%;
        background-position: 70% 60%;
    }

    .banner-nav li a {
        font-size: 14px;
        line-height: 38px;
        height: 38px;
        padding: 0px 5px;
    }

    /* 杭州BGP服务器 */
    .mod_cp_1 .info-banner {
        /* height: 220px; */
    }

    .main-content .tab-content {
        margin: 0;
    }

    .content-tit {
        margin-top: 5px;
        font-size: 16px;
        height: 38px;
        line-height: 38px;
        padding-left: 0;
        margin-bottom: 10px;
    }

    .table-info3 tr td strong {
        font-size: 14px;
    }

    .table-m50 {
        margin: 0;
    }

    .product-info-btn a {
        font-size: 12px;
        width: auto;
        padding: 0 2px;
        margin: 2px 0;
    }

    .table-info3 tr td {
        padding: 0 5px;
        font-size: 12px;
    }

    .server-cp .module-title {
        font-size: 16px;
        height: 38px;
        line-height: 38px;
        margin-bottom: 0;
    }

    .server-cp .virtue-list li {
        height: auto;
        padding: 50px 5px 0;
        background-size: 25%;
        background-position: top center;
        width: 50%;
    }

    .margin-top-20 {
        margin-top: 0;
    }

    .server-cp .virtue-title {
        font-size: 14px;
        text-align: center;
        padding-top: 8px;
    }

    .server-cp .virtue-sub-title {
        font-size: 12px;
        line-height: 20px;
        padding-right: 0;
        margin-top: 6px;
    }

    .defendCDN_Box h2 {
        margin-top: 0;
        font-size: 16px;
        padding-left: 0;
    }

    .table-info2 tr td {
        font-size: 12px;
    }

    .youshi-wrapper {
        margin-top: 30px;
    }

    .youshi-our2 li.youshi-header {
        height: 80px;
    }

    .our-block-extra2 {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        text-align: left;
        text-indent: 8px;
    }

    .youshi-item2 {
        width: 22%;
    }

    .tuiguang-youshi-item2 {
        width: 28%;
    }

    .tuiguang-youshi-our2 {
        width: 41.8%;
    }

    .youshi-our2 {
        width: 41.8%;
    }

    .youshi-them {
        width: 33.8%;
    }

    .youshi-our2 li {
        font-size: 14px;
    }

    .youshi-item2 .youshi-header {
        line-height: 20px;
        font-size: 14px;
    }

    .tuiguang-youshi-our2 li {
        font-size: 14px;
    }

    .tuiguang-youshi-item2 .youshi-header {
        line-height: 20px;
        font-size: 14px;
    }

    .youshi-our2 li {
        height: auto;
    }

    .youshi-item2 li {
        padding-top: 10px;
        padding-bottom: 5px;
        font-size: 12px;
        height: 80px;
        line-height: 20px;
    }

    .tuiguang-youshi-item2 li {
        padding-top: 10px;
        padding-bottom: 5px;
        font-size: 12px;
        height: 80px;
        line-height: 20px;
    }

    .youshi-them li {
        /* height:110px */
    }

    .youshiMar {
        margin-top: 0;
    }

    .service-yycj ul li p {
        font-size: 12px;
    }

    .service-yycj ul li {
        padding-top: 10px;
        width: 100%;
    }

    .service-yycj ul li H4 {
        font-size: 14px;
        line-height: 30px;
    }

    .server-cp .virtue-list-A li {
        width: 100%;
        float: none;
        margin-bottom: 10px;
        background-size: 20%;
        padding: 56px 10px 0 108px;
        background-position: 8px 41px;
    }

    .margin-left-20 {
        margin-left: 0;
    }

    .server-cp .virtue-title2 {
        font-size: 14px;
    }

    .service-yycj {
        margin-top: 10px;
    }

    /* DDoS高防IP */
    .ddos-con {
        padding: 0;
    }

    .ddos-con .img,
    .ddos-con .text {
        width: 100%;
        float: none;
    }

    .ddos-con .text {
        padding-top: 0;
    }

    .ddos-con .text H3 {
        font-size: 16px;
        text-align: center;
    }

    .module-title {
        margin-bottom: 10px;
        font-size: 16px;
        margin-top: 10px;
    }

    .virtue-list li {
        float: none;
        margin-bottom: 10px;
        background-size: 10%;
        padding: 26px 10px 0 88px;
        background-position: 8px 41px;
        width: 100%;
        box-sizing: border-box;
    }

    .virtue-title {
        font-size: 14px;
    }

    .virtue-sub-title {
        font-size: 12px;
    }

    .scene {
        margin-top: 0;
    }

    .prod-area.scene[data-number="2"] .scene-tab {
        width: 400px;
    }

    .prod-area.scene[data-number="3"] .scene-tab {
        width: 30%;
    }

    .product-application2 .prod-area.scene[data-number="3"] .scene-tab {
        width: 30%;
    }

    .product-application2 .icon-scene {
        width: 38px;
        height: 38px;
    }

    .product-scene-tab {
        margin-top: 8px;
    }

    .product-application2 .scene-tab .icon-sprite-md {
        width: 40px;
        height: 40px;
    }

    .product-application2 .scene-tab .caption {
        font-size: 12px;
    }

    .product-application2 .scene-arch {
        border: solid 5px #fff;
        width: 100%;
        height: 260px;
    }

    .product-application2 .scene-mb-body .scene-arch+.scene-sub-wrap {

        margin-left: 0;

        float: none;

        margin-top: 260px;
    }

    .product-application2 .scene-sub-box {
        padding: 20px 0 0 0;
    }

    .product-application2 .scene-sub-box h3 {
        font-size: 14px;
    }

    .product-application2 .scene-sub-box.none-bor h3 {
        font-size: 14px;
    }

    .product-application2 .scene-sub-box .caption {
        font-size: 14px;
    }

    .mainSpeed>.scenario>.info>.title {
        margin-top: 10px;
    }

    .mainSpeed>.scenario>.info>.title>h5 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .mainSpeed>.scenario>.info>.bodyInfo {
        margin: 16px auto 0;
        background: none;
        height: auto;
    }

    .mainSpeed>.scenario>.info>.bodyInfo>.common {
        position: inherit;
        width: 100%;
        font-size: 14px;
        line-height: 40px;
        height: 40px;
    }

    .mainSpeed>.scenario>.info>.bodyInfo>.common {
        left: 0;
    }

    .mainSpeed>.scenario>.info>.bodyInfo>.common>i {
        font-size: 28px;
    }

    .mainSpeed>.scenario>.info>.bodyInfo>.one {
        top: 0;
    }

    .mainSpeed>.scenario>.info>.bodyInfo>.two {
        top: 0;
    }

    .mainSpeed>.scenario>.info>.bodyInfo>.three {
        top: 0;
    }

    .mainSpeed>.scenario>.info>.bodyInfo>.one1 {
        top: 0;
        right: 0;
    }

    .mainSpeed>.scenario>.info>.bodyInfo>.four {
        top: 0;
    }

    .mainSpeed>.scenario>.info>.bodyInfo>.two1 {
        top: 0;
    }

    .mainSpeed>.scenario>.info>.bodyInfo>.three1 {
        top: 0;
        right: 0;
    }

    .mainSpeed>.scenario>.info>.bodyInfo>.four1 {
        top: 0;
        right: 0;
    }

    .mainSpeed>.scenario {
        height: 400px;
    }

    .mainSpeed>.advantage>.info>.node-map>ul>li {
        margin-right: 0;
    }

    .mainSpeed>.advantage>.info>.title>h5 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .mainSpeed>.advantage>.info>.node-map {
        height: auto;
    }

    .mainSpeed .superiorityList>ul>li {
        width: 88%;
        height: 200px;
        margin: 0 auto 10px;
        float: none;
    }

    .mainSpeed .superiorityList>ul>li>.top {
        margin: 5px auto 4px;
    }

    .mainSpeed .superiorityList>ul>li>.littleHeader>h6 {
        font-size: 14px;
        margin-top: 5px;
    }

    .mainSpeed .superiorityList>ul>li>p {
        font-size: 14px;
        margin: 0 8px;
        line-height: 20px;
    }

    .mainSpeed .superiorityList>ul>li:last-child {
        margin: 0 auto;
    }

    /* 电商行业解决方案 */
    .i_618 {
        width: 88%;
        margin: 0 auto;
    }

    .i_618 img {
        width: 100%;
    }

    .icon_p_kdb {
        width: auto;
    }

    .i_computer {
        background-size: 40%;
        background-position: 110% 5%;
    }

    .ba-top {
        padding-left: 20px;
    }

    .ba-top .i-t {
        padding-top: 0;
    }

    .ba-top h3.t-t {
        font-size: 16px;
        letter-spacing: 1px;
        margin: 0;
    }

    .ba-top .d-t {
        font-size: 14px;
        margin-top: 8px;
        width: 88%;
        line-height: 24px;
        position: relative;
        z-index: 1;
    }

    .ba-top .btn-question {
        padding: 5px 8px;
        font-size: 13px;
        margin-top: 18px;
        margin-bottom: 18px;
    }

    .ba-bottom li .ba-b-title {
        font-size: 14px;
    }

    .ba-bottom li .ba-b-desc {
        font-size: 12px;
        line-height: 20px;
        padding: 0 5px;
    }

    .ba-bottom li {
        height: 280px;
    }

    .solution-banner {
        height: 775px;
    }

    .live_video {
        height: 210px;
    }

    .scene h3.s-title {
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .customer .c-t {
        font-size: 16px;
    }

    .scene .scene-list .t1 {
        font-size: 14px;
    }

    .icon_p_jsl {
        width: auto;
    }

    .scene .scene-list .scheme {
        padding: 10px 5px;
        margin-bottom: 8px;
        height: auto;
    }

    .scene .scene-list .scheme .s-t {
        width: 40%;
    }

    .scene .scene-list .scheme .s-t p {
        width: 100%;
    }

    .scene .scene-list .scheme .s-o {
        width: auto;
        float: right;
    }

    .scene .scene-list .scheme .s-o .bt-link {
        padding: 8px 5px;
    }

    .scene .scene-list .scheme .s-c .p2 {
        font-size: 12px;
    }

    .scene .scene-list .s-attack {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    .scene .scene-list .s-attack .s-o .bt-link {
        padding: 8px 5px;
        margin-top: 20px;
    }

    .scene .scene-list .s-attack .s-t {
        width: 78%;
    }

    .customer {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .customer ul {
        margin-top: 10px;
    }

    .customer li:first-child {
        margin: 0 auto 10px;
    }

    .customer li {
        float: none;
        margin: 0 auto 10px;
    }

    /* 教育类网站安全解决方案 */
    .education-banner {
        height: 210px;
    }

    .solution-cards02 {}

    .solution-cards {
        padding-bottom: 10px;
    }

    .solution-cards .so-title {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
    }

    .solution-live .solution-card {
        width: 48%;
        height: 200px;
        margin: 1%;
        padding: 10px 0;
    }

    .solution-live .solution-card .card-i {
        width: 88%;
        height: auto;
    }

    .solution-live .solution-card .card-i img {
        width: 100%;
    }

    .solution-cards02 .solution-card .card-i {
        width: 100%;
        height: auto;
    }

    .solution-cards02 .solution-card .card-i .img_1 {
        width: 100%;
    }

    .solution-cards02 .solution-card .card-i i {
        width: 88%;
        display: block;
        margin: 0 auto;
    }

    .solution-cards02 .solution-card .card-i i img {
        width: 100%;
    }

    .solution-cards .solution-card .card-t {
        margin-top: 0;
        line-height: 38px;
        font-size: 14px;
    }

    .solution-cards02 .solution-card {
        width: 49%;
        padding: 10px 0;
        margin-right: 5px;
        margin: 4px 2px;
        height: 230px;
    }

    .solution-cards .solution-card .card-c {
        font-size: 12px;
        padding: 0 5px;
        line-height: 20px;
    }

    .education-arc h3 {
        padding: 5px;
        font-size: 16px;
        line-height: 2;
    }

    .education-arc h4,
    .education-arc span {
        font-size: 14px;
        line-height: 1.2;
    }

    .education-arc {
        height: 620px;
        background-size: cover;
    }

    .education-arc .frame {
        margin-top: 15px;
    }

    .education-arc .frame .frame-list {
        font-size: 12px;
        line-height: 20px;
        height: 98px;
    }

    .education-arc .frame .frame-list:nth-child(odd) span {}

    .education-arc .frame .frame-list:nth-child(even) span {
        right: 55%;
    }

    .education-arc .frame .frame-list:nth-child(odd) span {}

    .education-arc .frame .frame-list:nth-child(even) span {}

    .education-arc .frame .frame-list:nth-child(odd) span {
        left: 55%;
    }

    .project {
        margin-top: 0;
    }

    .project h3 {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 38px;
    }

    .project table thead td:first-child {
        font-size: 14px;
        width: 20%;
        height: 38px;
    }

    .project table td {
        width: 20%;
    }

    .project table td {
        font-size: 14px;
    }

    .project table thead td {
        height: 38px;
    }

    .project table tbody td:first-child {
        width: 20%;
        font-size: 14px;
    }

    .project table tbody td {
        width: 20%;
        font-size: 12px;
        padding: 0 2px;
    }

    .feedback-main {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .feedback-main p {
        line-height: 24px;
        padding-left: 0;
        margin-bottom: 5px;
    }

    .feedback-main ul {
        margin-top: 0;
    }

    .feedback-main span {
        width: 88px;
    }

    .feedback-type {
        width: 68%;
    }

    .fb-type-reminder {
        line-height: 35px;
        margin-left: 0;
    }

    .feedback-textarea {
        width: 68%;
        height: 68px;
        box-sizing: border-box;
    }

    .feedback-main li {
        margin-bottom: 10px;
    }

    .feedback-input,
    .captcha-input {
        width: 62.5%;
    }

    .fb-btn {
        font-size: 14px;
        width: 100px;
        height: 35px;
        line-height: 35px;
    }

    .module-banner-title {
        font-size: 16px;
    }

    .financial-banner .banner-header .header-t {
        font-size: 16px;
        letter-spacing: 1px;
        margin: 0;
        line-height: 21px;
    }

    .financial-banner .banner-header .header-c {
        width: 88%;
        line-height: 24px;
    }

    .financial-banner .solution-cards {
        margin: 18px auto 0 auto;
        padding-bottom: 18px;
    }

    .financial-banner .solution-cards .solution-card {
        padding: 10px 5px;
        height: 310px;
    }

    .financial-banner .solution-cards .solution-card .card-t {
        font-size: 14px;
        line-height: 38px;
    }

    .financial-banner .solution-cards .solution-card .card-c {
        font-size: 12px;
        line-height: 20px;
        padding: 0 5px;
    }

    .financial-banner .banner-header .bt-consult {
        margin-top: 18px;
    }

    /* 帮助中心 */
    .middle .leftMenu {
        top: 50px;
        width: 140px;
    }

    .middle .leftMenu .topMenu {
        padding: 5px 0 5px 8px;
        width: 100%;
        height: 38px;
        line-height: 28px;
    }

    .middle .leftMenu .topMenu img {
        margin-left: 25%;
    }

    .menu_list ul li {
        line-height: 38px;
        height: 38px;
    }

    .menu_list ul li .fuMenu {
        width: 100px;
        padding-left: 8px;
    }

    .menu_list ul li .xiala {
        margin-right: 8px;
        margin-top: 16px;
    }

    .menu_list ul li .div1 p {
        line-height: 35px;
        height: 35px;
    }

    .rightMeun {
        margin-left: 140px;
        padding: 5px;
    }

    .Breadcrumb {
        top: 50px;
        height: 50px;
        line-height: 50px;
        padding-left: 5px;
    }

    .Breadcrumb span {
        font-size: 14px;
        padding-left: 8px;
    }

    .help-content {
        margin-top: 0;
    }

    .help-body {
        font-size: 14px;
        line-height: 24px;
    }

    .help-body h3 {
        font-size: 16px;
        padding-bottom: 8px;
    }

    .certification-type {
        margin-top: 0;
        font-size: 16px;
        height: 22px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .certificate-item {
        width: 48%;
        margin-top: 10px;
        margin: 2% 1%;
    }

    .certificate-item-img {
        padding: 5px;
    }

    .certificate-item-img img {
        height: auto;
    }

    /* 公安机关互联网安全监督检查规定解决方案 */
    .internet-banner {
        height: 210px;
    }

    .policy_background ul li {
        padding: 34px 8px 0;
        white-space: initial;
        height: 210px;
        padding-bottom: 10px;
        width: 50%;
        float: left;
    }

    .policy_background {
        padding: 20px 0;
    }

    .policy_background ul li p {
        font-size: 12px;
        line-height: 21px;
        width: 100%;
    }

    .policy_background ul li h4 {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 12px;
    }

    .policy_background h3 {
        margin-bottom: 40px;
        font-size: 16px;
        color: #333333;
        font-weight: normal;
    }

    .internet-container {
        padding: 20px 0;
    }

    .internet-solution h3 {
        font-size: 16px;
        margin-bottom: 15px;
        font-weight: normal;
    }

    .internet-solution div.section_menu {
        width: 100%;
    }

    .policy_background ul {
        display: block;
    }

    .internet-solution div.section_menu li {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }

    .internet-solution div.detail {
        padding: 10px 0 0 0;
        width: 100%;
    }

    .internet-solution div.detail ul li .policy_detial {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .internet-solution div.detail ul li .gray_text {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .internet-solution div.detail ul li .detail_box {
        padding: 4%;
        width: 100%;
        height: auto;
    }

    .internet-solution div.detail ul li .detail_box p.serve_info {
        width: 100%;
    }

    .internet-solution div.detail ul li .detail_box img {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        position: initial;
        margin-top: 10px;
    }

    .internet-solution div.detail ul li .detail_box h4 {
        font-size: 16px;
    }

    .framework_container {
        padding: 20px 0;
    }

    .framework_container h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .advantage_container {
        padding: 20px 0;
    }

    .advantage_container h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .advantage_container .flex_row {
        display: block;
        width: 95%;
        margin-bottom: 7px;
    }

    .advantage_container .flex_row .flex_item h4 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .advantage_container .flex_row .flex_item.item_1 img {
        margin-bottom: 0;
    }

    .advantage_container .flex_row .flex_item img,
    .advantage_container .flex_row .flex_item.item_3 img {
        margin-bottom: 7px;
    }

    .ability .ab-title {
        padding: 15px 0 15px 0;
        font-size: 16px;
    }

    .ability ul li {
        margin-bottom: 18px;
    }

    .ability ul li .ab-t {
        padding-top: 8px;
        padding-bottom: 3px;
        font-size: 16px;
    }

    .ability ul li .ab-c {
        font-size: 12px;
        line-height: 20px;
    }

    .product-top p.pro-title {
        padding-top: 15px;
        padding-bottom: 10px;
        font-size: 16px;
    }

    .product-bottom {
        height: 488px;
    }

    .product-bottom .pro-content .pro-left {
        float: none;
        width: 100%;
        margin: 0;
    }

    .product-bottom .pro-content .pro-left h3 {
        font-size: 16px;
        line-height: 45px;
    }

    .product-bottom .pro-content .pro-left p {
        margin-top: 0;
        width: 98%;
        line-height: 21px;
    }

    .product-bottom .pro-content .pro-right {
        margin-top: 10px;
        width: 100%;
    }

    .product-bottom .pro-content .pro-right h3 {
        font-size: 16px;
    }

    .product-bottom .pro-content .pro-right .pro-tj {
        padding: 8px 10px;
    }

    .product-bottom .pro-content .pro-right .pro-tj .pro-tj-r .p1 {
        font-size: 14px;
    }

    .arc {
        padding-bottom: 0;
    }

    .arc .frame {
        background: url(https://www.kaiyuncdn.com/images/banner_arc.png) no-repeat top;
        background-size: 100%;
        margin-top: 18px;
        height: 475px;
    }

    .arc .frame .arc-fr {
        width: 100%;
        margin-top: 285px;
    }

    .arc .frame .arc-fr .arc-t {
        font-size: 16px;
        padding: 10px 0;
    }

    .arc .frame .arc-fr .arc-c {
        text-align: left;
    }

    .arc .frame .arc-fr .arc-contact {
        display: block;
        margin-top: 10px;
        font-size: 14px;
        padding: 0;
        width: 90px;
        height: 35px;
        line-height: 35px;
        margin: 0 auto;
        float: none;
    }

    .login-banner-bg {
        /*    height: 520px;*/
        background: #295dd5;
        height: 100%;
    }

    .login-main {
        right: 12px;
        padding: 36px 20px;
        top: 30px;
    }

    .news-article {
        padding-top: 10px;
    }

    .news-article-title {
        font-size: 16px;
    }

    .news-article-subtitle {
        padding-top: 8px;
    }

    .news-article-main {
        margin-top: 0;
        line-height: 21px;
    }

    .news-article-main p img {
        max-width: 100%;
        margin: 0 auto;
    }

    .news-article-main p {
        font-size: 14px;
        line-height: 24px;
        text-indent: 0;
    }

    .autowidth {
        padding: 0 1%;
        /*    height: 400px;*/
    }

    .password-title {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding-left: 0;
        color: transparent;
        background: none;
    }

    .step-box span i {
        top: 15px;
    }

    .step-box {
        line-height: 40px;
        left: 0;
    }

    .step-box span {
        line-height: 40px;
        padding-left: 0;
        font-size: 12px;
    }

    .step-box span:before {
        width: 22px;
    }

    .password-info {
        margin-top: 10px;
    }

    .getpassword .form {
        margin-top: 10px;
        width: 95%;
    }

    .row-btn {
        margin-top: 10px;
    }

    .row-item {
        margin-top: 10px;
    }

    .row-item .input {}

    .show-captcha {
        left: 240px;
    }

    .register-main {
        margin-top: 20px;
    }

    .register-box {
        padding: 20px 0 40px 1%;
    }

    .reg-left,
    .reg-right {
        float: none;
        width: 100%;
    }

    .reg-left th {
        font-size: 12px;
        width: 80px;
    }

    .reg-left tr {
        display: inline-block;
    }

    .reg-left .specialTiP {
        position: relative;
        display: inline-block;
        padding-bottom: 20px;
    }

    td.validate-tips {
        position: absolute;
        width: 250px;
        left: 80px;
        bottom: -15px;
    }

    .reg-tologin {
        text-align: left;
        padding-bottom: 15px;
    }

    .reg-award {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .data-about-box {
        margin-top: 10px;
    }

    .data-about-box-left {
        width: 88%;
        margin: 0 auto;
        float: none;
    }

    .data-about-box-right {
        width: 100%;
        margin-top: 10px;
    }

    .table-info4 tr {
        line-height: 40px;
        height: 40px;
    }

    .table-info4 tr td:first-child {
        white-space: nowrap;
        padding: 0 3px;
    }

    .data-about-box-list {
        margin-left: 0;
        float: none;
    }

    .data-about-box-list li {
        margin-left: 0;
        margin: 5px 8px;
    }

    .data-about-list {
        margin-left: 0;
        padding-bottom: 15px;
        margin-top: 10px;
    }

    .data-about-list .data-about-left {
        background-size: 100%;
        height: 90px;
    }

    .data-about-right {
        margin-top: 0;
    }

    .data-about-title {
        font-size: 16px;
    }

    .data-about-info {
        line-height: 21px;
    }

    .data-img {
        margin-top: 10px;
    }

    .fwqaqg_bt {
        font-size: 20px;
    }

    .fwqaqg_fbt {
        font-size: 16px;
        line-height: 40px;
    }

    .part1_nr {
        width: 98%;
        top: 0;
    }

    .part1_gnd {
        width: 100%;
        background-size: 100%;
        height: 100px;
    }

    .btn_mfxz {
        width: 180px;
        height: 50px;
    }

    .btn_download_a {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .text {
        padding-top: 0;
        width: 98%;
        float: none;
    }

    .text dl dt {
        font-size: 20px;
    }

    .img_part2 {
        width: 100%;
        background: url(https://www.kaiyuncdn.com/images/img_part2.png) no-repeat center;
        background-size: 80%;
        height: 320px;
    }

    .img_part3 {
        width: 100%;
        background: url(https://www.kaiyuncdn.com/images/img_part3.png) no-repeat center;
        background-size: 100%;
        height: 320px;
    }

    .img_part4 {

        width: 100%;

        background: url(https://www.kaiyuncdn.com/images/img_part4.png) no-repeat center;

        background-size: 100%;

        height: 320px;
    }

    .img_part5 {
        width: 100%;
        background: url(https://www.kaiyuncdn.com/images/img_part5.png) no-repeat center;
        background-size: 80%;
        height: 350px;
    }

    .img_part6 {
        background: url(https://www.kaiyuncdn.com/images/img_part6.png) no-repeat center;
        width: 100%;
        background-size: 100%;
        height: 330px;
    }

    .index-advantage {
        display: none;
    }

    .product-meun .curr i .pro-img,
    .product-meun dd:hover i .pro-img {
        /* display: none; */
    }

    .product-meun dd i {
        height: 51px;
    }

    .line-tip {
        margin-left: 0;
    }

    /* 购买界面 */
    .scHeader {
        height: 48px;
    }

    .scHeader .h2 {
        font-size: 16px;
        line-height: 26px;
        margin: 10px 15px 11px 10px;
    }

    .carttTh .cartItem,
    .cartList .cartItem {
        width: 78px;
        margin: 0 8px 0 0;
    }

    .carttTh .cartInfo,
    .cartList .cartInfo {
        width: 58px;
    }

    .cartCategory {
        width: 50px;
    }

    .cartYears {
        width: 50px;
        margin: 0;
    }

    .cartChk {
        width: 10px;
    }

    .cartList .cartCategory {
        width: 80px;
    }

    .cartTr {
        padding: 20px 0 0;
    }

    .s1cBg .input-reset {
        width: 89px;
        margin-top: 10px;
    }

    .cpcRedSize {
        font-size: 18px;
    }

    .BtnO {
        font-size: 16px;
    }

    .schInvoicingBtn {
        padding: 0 10px 0 10px;
    }

    .ciP {
        width: 150px;
    }

    .proDdos li {
        width: 192px;
        height: 273px;
    }

    .proDdos li .tit {
        font-size: 14px;
        margin-top: 10px;
        line-height: 38px;
    }

    .proDdos li .img {
        margin: 5px auto 0;
    }

    .proDdos li .img img {
        width: 80px;
        margin: 0;
    }

    .proDdos li .detail {
        font-size: 12px;
        line-height: 26px;
        margin-top: 0;
        padding: 0;
    }

    .proDdos li .more {
        height: 26px;
        line-height: 26px;
    }

    .proDdos li .more a {
        font-size: 12px;
        width: 68px;
        margin: 10px auto;
    }

    .proDdos-left {
        width: 95%;
        float: none;
        margin: 0 auto;
    }

    .proDdos-left li {
        width: 100%;
    }

    .proDdos-right .name {
        font-size: 14px;
        padding: 0px 0px 5px 0;
    }

    .proDdos-right .txt {
        font-size: 12px;
    }

    .proDdos-right {
        height: auto;
        width: 96%;
        margin: 10px auto 0;
        float: none;
    }

    .circle {
        margin: 0;
        width: 100%;
        right: 0;
        left: 20%;
        bottom: 0;
        top: auto;
    }

    .circle ul li {
        width: 22px;
        float: left;
        height: 22px;
        background: #66a9ee;
        line-height: 22px;
        text-align: center;
        border-radius: 22px;
    }

    .circle ul .circle01 {}

    .circle ul li a {
        background: none;
        width: 22px;
        height: 22px;
        color: #fff;
    }

    .circle ul li a.hover {
        background: none;
        color: #fff;
        border-radius: 0;
    }

    .dx-none {
        display: none !important;
    }

    .w274 {
        width: 100px;
    }

    .login-submit {
        width: 100%;
        margin: 0px auto;
        margin-top: 20px
    }

    .configuration-item {
        display: block;
        float: none;
        width: 100%;
    }

    .dx-sm {
        display: none
    }

    .m-ml50 {
        margin-left: 50px
    }


    .tuiguang-tglc {
        width: 100%;
        background: #f5f6f8;
        display: block;
        height: 800px;
        padding: 30px 0px;
        margin: 50px auto;
    }

    .tuiguang-tglc .box {
        background: #fff;
        border: 1px solid #e9e9e9;
        height: 650px;
        width: 90% !important;
        padding: 20px 5%;
    }

    .tuiguang-tglc .box .bleft {
        width: 100%;
        float: left
    }

    .tuiguang-tglc .box .bleft li {
        display: block;
        width: 100%;
        overflow: hidden
    }

    .tuiguang-tglc .box .bleft li img {
        float: left;
        width: 57px;
    }

    .tuiguang-tglc .box .bleft li .txt {
        float: left;
        margin-left: 10px;
        width: 200px;
    }

    .tuiguang-tglc .box .bleft li p {
        line-height: 30px;
        font-size: 14px;
        color: #666;
        display: block
    }

    .tuiguang-tglc .box .bleft li p span {
        line-height: 30px;
        font-size: 16px;
    }

    .tuiguang-tglc .box .bleft li a {
        color: #03a4ff;
    }

    .tuiguang-tglc .box .bright {
        width: 100%;
        float: right;
    }

    .tuiguang-tglc .box .bright img {
        width: 100%;
    }

    .tuiguang-youshi-our2 li.youshi-header {
        height: 80px
    }

    .tuiguang-dlgz {
        float: left;
        padding: 30px 30px 30px 30px;
    }

    .tuiguang-tgfs ul li {
        width: 100%;
    }

    .vss_cpgs {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .vss_cpgs li {
        float: none;
        padding-left: 58px;
        height: 120px;
        width: 96%;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .vss_cpgs li:nth-child(1) {
        background: url(https://www.kaiyuncdn.com/images/pro_ex1.png) no-repeat 10px 40px;
        background-size: 8%;
    }

    .vss_cpgs li:nth-child(2) {

        background: url(https://www.kaiyuncdn.com/images/pro_ex2.png) no-repeat 10px 40px;

        background-size: 8%;

        margin: 2% auto 0;
    }

    .vss_cpgs h2 {
        margin-top: 18px;
    }

    .vss_cpgs h2,
    .vss_cpys_box h2 {
        font-size: 14px;
    }

    .vss_cpgs p {
        margin-top: 5px;
        width: 100%;
    }

    .vss_cpys_box {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .vss_cpys_box li {
        width: 44%;
        margin: 0.6%;
        height: 350px;
        padding: 0px 2%;
    }

    .vss_cpys_box div {
        margin: 10px auto 10px;
    }

    .vss_cpys_box li h2:nth-child(3) {
        margin-top: 10px;
        width: 98%;
    }

}

@media (max-width: 376px) {
    .service .item {
        padding-left: 55px;
    }

    .service a {
        font-size: 14px;
    }

    .b-txt-box li {
        margin: 0 2.5%;
    }

    .service p {
        font-size: 12px;
    }

    .f-top .contact img {
        width: 85px
    }

    .f-top .contact span {
        left: 18px;
        font-size: 12px;
    }

    .f-top .hotLine dd em {
        font-size: 12px;
        margin-top: 3px;
    }

    .f-top .hotLine dd span {
        font-size: 14px;
    }

    .links-wrap-div a {
        width: 159px;
        height: 87px;
    }

    .introduce-comment .tabs dd span {
        font-size: 12px;
    }

    .slider-length-long {
        width: 320px;
    }

    .line-tip {
        margin-left: 0;
    }

    .slider-length-middle {
        width: 240px;
    }

    .server-price {
        font-size: 16px;
    }

    .input-reset {
        width: 220px;
    }

    .chessgame-banner {
        height: 535px;
    }

    .chessgame-banner .solution-card {
        height: 300px;
    }

    .table-info2 tr td {
        font-size: 12px;
    }

    .youshi-our2 {
        width: 41.5%;
    }

    .tuiguang-youshi-our2 {
        width: 41.5%;
    }

    .table-info3 tr td {
        padding: 0;
    }

    .Prosum_ex li {
        height: 145px;
    }

    .ba-bottom li {
        height: 290px;
    }

    .education-banner {
        height: 230px;
    }

    .products .adv-t {
        float: left;
        margin-bottom: 10px;
        margin: 5px 5px;
    }

    .financial-banner .solution-cards .solution-card {
        height: 330px;
    }

    .policy_background ul li {
        height: 240px;
    }

    .login-form-item {
        width: 240px;
        padding-left: 10px;
    }

    .login-main {
        padding: 26px 10px;
        right: 7.5px;
        width: 90%;
        margin: 0px auto;
    }

    .login-main-phone .login-form-item {
        width: 200px;
    }

    .password-info {
        font-size: 12px;
    }

    .row-item span {
        font-size: 12px;
        width: 75px;
    }

    .row-item .input {
        font-size: 12px;
    }

    .row-item span:before {
        width: 8px;
    }

    .captcha-item .row-item {
        width: 215px;
    }

    .show-captcha {
        left: 220px;
        font-size: 12px;
        width: 120px;
    }

    .fwqaqg_bt {}

    .cartList .cartCategory {
        margin: 0;
    }

    .proList li {
        width: 175px;
    }

    .proList .detail {
        padding: 0 8%;
    }

    .proList .price {
        padding-left: 8%;
        font-size: 12px;
    }

    .proDdos li {
        width: 175px;
        margin-left: 0;
    }

    .proDdos li .detail {
        width: 90%
    }

    .solution-cards02 {
        margin-left: 6px
    }

    .solution-cards02 .solution-card {
        width: 48.5%;
        margin: 4px 2.5px;
    }

    .education-arc {
        height: 668px;
    }

    .education-arc .frame .frame-list {
        height: 110px;
    }

    .youshi-our2 li.youshi-header {
        height: 100px
    }

    .education-arc .frame .frame-list h4,
    .education-arc .frame .frame-list span {
        font-size: 12px;
    }

    .youshi-item2 li {
        height: 100px;
    }

    .tuiguang-youshi-item2 li {
        height: 60px;
    }

    #btnSendCode {
        width: 110px;
        margin-top: 0;
        font-size: 12px;
        margin-left: 5px
    }

    .tuiguang-youshi-our2 li.youshi-header {
        height: 60px
    }

    .vss_cpgs li {
        height: 145px;
    }
}

@media (max-width:376px) {
    .b-txt-box li {
        margin: 0px 0px;
    }

}
    @media (max-width:361px) {
        .b-txt-box li {
            background-size: 14%;
            padding-left: 22px;
        }

        .cooperation-list li {
            width: 47.2%;
            margin: 8px 0 0 6px;
            height: 90px;
        }

        .news {
            height: 430px;
        }

        .news-list li .con {
            font-size: 12px;
        }

        .news-list li .time {
            font-size: 12px;
        }

        .links-wrap-div a {
            margin: 1.1% 2%;
        }

        .slider-length-long {
            width: 300px;
        }

        .slider-length-middle {
            width: 220px;
        }

        .products .adv-t {
            font-size: 12px;
        }

        .mod_cp_1 .info-banner {
            height: 280px;
        }

        .table-info3 tr td {
            padding: 0 3px;
            font-size: 12px;
        }

        .mod-ddos .info-banner {
            height: 280px;
        }

        .info-banner {
            height: 279px;
        }

        .live_video {
            height: 230px;
        }

        .login-main {
            right: 15px;
        }

        .login-form-item {
            width: 220px;
        }

        #btnSendCode {
            width: 100px;
        }

        .getpassword .form {
            width: 100%;
        }

        .step-box span {
            font-size: 12px;
        }

        .product-title p {
            display: none;
        }

        .product-application2 .product-scene-tab .scene-tab+.scene-tab {
            margin-left: 10px;
        }

        .server-cp .virtue-list li {
            padding: 50px 5px 0;
            width: 50%;
        }

        .server-cp .virtue-title {
            font-size: 14px;
        }

        .server-cp .virtue-sub-title {
            font-size: 12px;
        }

        .our-block-extra2 {
            font-size: 12px;
            height: 60px;
            line-height: 60px;
        }

        .youshi-item2 .youshi-header {
            font-size: 12px;
            height: 20px;
        }

        .youshi-item2 li {
            font-size: 12px;
        }

        .tuiguang-youshi-item2 .youshi-header {
            font-size: 12px;
            height: 20px;
        }

        .tuiguang-youshi-item2 li {
            font-size: 12px;
        }

        .cartList .cartCategory {
            margin: 0;
        }

        .cartYears {
            width: 30px;
        }

        .proList li {
            width: 170px;
        }

        .proList .detail {
            padding: 0 8%;
        }

        .proList .price {
            padding-left: 8%;
            font-size: 12px;
        }

        .proDdos-right {
            width: 48%;
        }

        .proDdos-right .name a {
            font-size: 12px;
            width: 30px;
        }

        .solution-cards02 .solution-card {
            /* height: 350px; */
        }

        .youshi-item2 li {}

        .youshi-our2 li.youshi-header {
            height: 19px;
        }

        .tuiguang-youshi-our2 li.youshi-header {
            height: 19px;
        }


    }

    @media (max-width:321px) {
        .input-reset {
            width: 180px;
        }

        .server-buy-btn {
            padding: 0 10px;
            line-height: 35px;
            height: 35px;
        }

        .f-top .contact img {
            width: 75px;
        }

        .products .adv-t {
            height: auto;
            line-height: 20px;
            margin: 0;
            width: 32%;
            padding: 3px 0;
        }

        .login-but,
        .register-but {
            width: 60px;
        }

        .youshi-our2 {
            width: 41%;
        }

        .tuiguang-youshi-our2 {
            width: 41%;
        }

        .tuiguang-youshi-them li {
            height: 60px
        }

        .youshi-them li {
            height: 138px;
        }

        .Prosum_ex li {
            height: 168px;
        }

        .login-main {
            right: 0;
        }

        .login-form-item {
            width: 180px;
        }

        .login-main-phone .login-form-item {
            width: 165px;
        }

        #btnSendCode {}

        td.validate-tips {
            left: 30px;
        }

        .b-txt-box li {
            margin: 0 0.8%;
        }

        .service p {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .slider-length-long {
            width: 278px;
        }

        .ciH2 {
            font-size: 12px;
            width: 70px;
        }

        .cartList .cartCategory {
            width: 60px;
        }

        .carttTh .cartInfo,
        .cartList .cartInfo {
            width: 50px
        }

        .carttTh .cartItem,
        .cartList .cartItem {
            width: 78px;
        }

        .cartCategory {
            width: 40px;
            margin: 0 10px 0 0;
        }

        .service .item {
            padding-left: 30px;
            background-position: 0 center;
            background-size: 8%;
        }

        .tuiguang-tglc .box {
            width: 100%;
        }

        .vss_cpgs li {
            height: 168px;
        }
    }

    @media (max-width:1120px) {

        .zjfw-fwys li {
            width: 24%;
        }


    }

    @media (max-width: 640px) {

        .zjfw-fwnr-list ul li {
            width: 100%;
        }

        .zjfw-fwnr-box {
            width: 90%;
            padding: 0px;
            margin: 0px auto;
        }

        .zjfw-fwys {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .zjfw-fwys h2 {
            font-size: 14px;
        }

        .zjfw-fwys li {
            width: 48%;
            margin: 0.6%;
            height: 280px;
        }

        .zjfw-fwys div {
            margin: 10px auto 10px;
        }

        .zjfw-fwys li h2:nth-child(3) {
            margin-top: 10px;
            width: 90%;
        }

        .zjfw-fwlc ul li {
            width: 100%;
        }

        .zjfw-fwlc .jt {
            position: relative;
            top: 155px;
            display: none
        }


        .db-fwys ul li {
            width: 100%;
            margin-bottom: 20px;
        }

        .db-fwnr ul li {
            width: 100%;

        }

        .db-fwnr .jt {
            position: relative;
            top: 95px;
            display: none
        }

        .db-zcjd {
            width: 100%;
            padding: 50px 0 80px 0;
            float: left;
        }

        .db-zcjd li {
            display: block;
        }

        .db-zcjd li .img {
            width: 100%;
        }

        .db-zcjd li .img img {
            width: 100%;
        }

        .db-zcjd li .text {
            width: 90%;
            padding-top: 0px;
            margin: 0px auto;
        }

        .db-zcjd li .text p {
            font-size: 14px;
            color: #666;
            line-height: 30px
        }

        .db-zcjd li .text H3 {
            font-size: 18px;
            font-weight: bold;
            color: #000;
            line-height: 40px
        }

        .db-zcjd .fl {
            float: none
        }

        .db-zcjd .fr {
            float: none
        }
    }


    .i-none{display:block}	
@media (max-width:1420px) { 
	.w1400 {width: 98%;}
	.proList li {
    width: 260px;
    height: auto;
    padding-bottom: 10px;
    margin: 0.38%;
}
.solution-container {margin-left:0;}
}
@media (max-width: 1230px) {
	.banner-header {width:98%;}
	.chessgame-banner .solution-cards {width:98%;}
	.chessgame-banner .solution-card {
    width: 31%;
    padding: 2.5%;
}
.chessgame-banner .solution-card.card-service {
    margin: 0 3.3%;
}
.arc .arc-img {padding:0;}
.arc .arc-img img {width:100%;}
.w1200 {width:98%;}
.products .pr-table,.arc,.mod-inner,.defendCDN_Box {width:98%;}	
.youshi-item2 {
    width: 33%;
}	
.tuiguang-youshi-item2 {
    width: 33%;
}		
.server-cp .virtue-list li {
    width: 45%;
    box-sizing: border-box;
}
.service-yycj ul li {width:32%;margin-right: 1%;height: 220px;margin-bottom: 1%;}
.server-cp .virtue-list-A li {
    width: 49%;
    box-sizing: border-box;
}
.mod_cp_1 .info-banner {background-size: 100%;}
.virtue-list li {
    width: 49%;
    box-sizing: border-box;
    padding: 10px 10px 0 150px;
}

.product-application2 .scene-mb-body .scene-arch + .scene-sub-wrap {
    margin-left: 55%;
}
.Prosum_ex li:nth-child(2) {margin-left:0;}
.ba-bottom li {width: 48%;margin: 1%;} 
.scene .scene-list .scheme .s-t {
    width: 30%;
}	
.scene .scene-list .scheme .s-c {
    width: 14%;
}	
.scene .scene-list .scheme .s-ddos .s-t {width: 20%;}
.scene .scene-list .scheme .s-other .s-t {width:30%}
.scene .scene-list .s-attack {
    width: 45%;
    padding: 10px 2%;
}
.scene .scene-list .s-attack .s-t {
    width: 60%;
}
.financial-banner .solution-cards {width: 98%;}
.financial-banner .solution-cards .solution-card {
    width: 32.5%;
    margin: 0;
}
.financial-banner .solution-cards .solution-card.card-service {margin: 0 1%;}
.mod-inner,.data-about-box {width:98%;}
.data-about-box-left {
    width: 28%;
}
.data-about-box-left img {width:100%;}
.data-about-box-right {
    width: 70%;
}
.data-about-list .data-about-left {
    width: 20%;
    margin-right: 5%;
}
.data-about-right {
    width: 75%;
}
.part_nr {width: 98%;top: 5%;}
.shoppingCar {width:98%;}


	
.vss_cpgs li:nth-child(2) {margin-left:0;}	
	
	
}
@media (max-width: 1200px) { 
	.w1200,.auto,.solotion .solotion_con {width:98%;}
	.auto {min-width:98%;}
	.solution-cards {width:98%;}
	.solution-cards .solution-card {
    width: 23%;
    /* margin: 0 1%; */
}
.project {
    width: 98%;
} 	
.education-arc .frame {width:100%;}  	
.financial-banner .banner-header {width:98%;}
.policy_background,.advantage_container .flex_row,.internet-solution,.ability {
    width: 98%;
}
.ability ul li {
    width: 33%;
}
.policy_background ul li {
    flex-basis: 25%;
    width: 25%;
    padding: 84px 10px 0;
}
.product-top,.product-bottom .pro-content {
    width: 98%;
}
.product-bottom .pro-content .pro-left {
    width: 80%;
}
.login-w {width:98%;}







	
}
@media (max-width:1120px) { 
.w1100,.Prosum_con {width:98%;}
.nav,.w90 {min-width:100%;}
.virtue-list li {width:48%;}
.product-application2 .scene-arch {
    width: 50%;
}
.Prosum_ex li {
    width: 100%;
    float: none;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.Profeat_ex li {
    width: 24%;
}
.ml32 {margin-left:1%;}
.help-body img {width:auto;max-width:100%;}
.internet-solution div.section_menu {
    margin-left: 0;
}
.internet-solution div.detail {
    padding: 25px 0 0 18px;
}
.internet-solution div.detail li {}
.w1000 {width:98%;}
.proDdos-left {width: 45%;}
.proDdos-right {width:50%;}


	
.vss_cpgs li {
    width: 100%;
    float: none;
    box-sizing: border-box;
    margin-bottom: 10px;
}	

.vss_cpys_box li {
    width: 24%;
}

.b-txt-box li{
margin:0 8% 0 8.7%
}

}
@media (max-width:1000px) { 
	#navigationBar {display: block;}
	.nav_list ul {display: none;}
	.mainSpeed > .advantage {
    width: 100%;
    height: auto;
}
.advantage {
    padding: 0 0 18px;
}
.mainSpeed > .advantage > .info > .title {
    margin-top: 0;
}
.mainSpeed > .advantage > .info > .node-map > ul {
    margin: 0;
}
.mainSpeed > .advantage > .info > .node-map > ul > li {width: 100%;float: none;overflow: hidden;}
.financial-banner .solution-cards .solution-card img {width:100%}
.certificate-item-img img {width:100%;}	
.framework_container img {width:100%;}	
.autowidth {
    padding: 0 5%;
    min-width: auto;
    margin-top: 20px;
    margin-bottom: 0;
}	
	
	
	
	
}

@media (max-width:940px) { 
.b-txt-box li{
margin:0 8% 0 5%
}
}

@media (max-width:770px) { 
.b-txt-box li{
margin:0 6% 0 3.5%
}
}

@media (max-width: 660px){
.b-txt-box li {
    margin: 0 2%;
}
}
@media (max-width: 640px){
	.w90 {min-width: 100%;}
	.nav,.top-nav {height:50px;min-width: 100%;}
	.logo {background-size: 80%;margin-top: 21px;margin-left: 50px;height: 50px;}
	.c-nav-inner {
    width: 50px;
    height: 50px;
}
.index-close {
    /* display: block; */
    position: absolute;
    top: 60px;
    z-index: 1000000;
    left: 108px;
}
.index-close img {}
.banner-engine02 .logo {
    background-size: 80%;
}
.c-nav-flyout-trigger {width:50px;}
.index-login {
    right: 10px;
    top: 10px;
}
.login-but,.register-but {
    width: 80px;
    line-height: 33px;
    height: 33px;
}
.banner-engine .banner-text1 {
    font-size: 16px;
    letter-spacing: 1px;
}
.banner-engine .banner-text2 {font-size: 14px;margin-top: 8px;width: 88%;line-height: 24px;}
.banner-engine .banner-particulars {
    padding: 5px 8px;
    font-size: 13px;
    margin-top: 18px;
}
.banner-engine .banner-text {
    top: -410px;
    left: 0;
    height: 380px;
}
.slider-text {padding-left:20px;margin-top: 250px;}
.banner-engine .banner-box {
    height: 300px;
}
.banner-engine02 .banner-box {height: auto;}
.banner-engine .banner-ul {
    height: 250px;
}
.banner-engine .banner-ul li {height: 300px;}
.banner-index .banner-ul li img {width: 50%;top: 58px;}
.b-txt {
    height: 50px;
}
.b-txt-box {padding-top: 8px;}
.b-txt-box li {
    background-size: 15%!important;
    margin: 0!important;
    padding-left: 25px!important;
    margin: 0 2%!important;
}
.b-txt-box li span {font-size:12px;line-height: 18px;}
.nav-dropdown-menu {width: 138px;}
.nav-dropdown-menu .menu-area {
    padding: 5px 0 8px;
    margin: 0 8px;
}
.nav-dropdown-menu .menu-link>a, .nav-dropdown-menu .menu-link>span {line-height:28px;}
.nav-dropdown-menu .sub-menu-area>.menu-area-tit {
    font-size: 16px;
    line-height: 30px;
}
.nav-dropdown-menu .menu-item {
    padding: 0;
}
.nav-dropdown-menu .menu-item a h3 {font-size:14px;}
.service {
    margin: 10px auto;
    height: auto;
    background-color: rgb(243, 248, 255);
    overflow: hidden;
}
.service .item {width: 100%;margin: 0;border-left: none;background-size: 10%;padding-left: 60px;height: 68px;background-position: 10px center;margin-bottom: 5px;float: none;}
.service a {font-size: 16px;line-height: 30px;padding-top: 5px;}
.service p {
    font-size: 14px;
    line-height: 20px;
    float: left;
}
.product {
    margin-top: 10px;
}
.product-title {
    
padding: 0;
    
line-height: 40px;
    
font-size: 16px;
}
.product-title h3 {font-size: 16px;margin-bottom: 0;}
.product-meun {
    margin-top: 10px;
    margin-bottom: 10px;
}
.product-meun dd i img {
    display: none;
    width: 60px;
}
.product-meun dd i .pro-img {display:block;margin-left: -30.5px;}
.product-meun dd a {font-size:14px;}
.product-list {
    padding: 15px 0;
    background-size: cover;
}
.proList li {width: 192px;margin: 0;}
.proList .title {
    font-size: 14px;
    height: 40px;
    padding-top: 10px;
}
.proList li:first-child {margin-left:3px}
.proList .detail {padding: 0 12%;}
.proList .detail p {
    font-size: 12px;
    line-height: 26px;
}
.proList .price {
    padding-left: 12%;
}
.proList .more {height:26px;line-height:26px;}
.proList .more a {
    font-size: 12px;
    width: 68px;
    margin: 10px auto;
}
.proList .price span {
    font-size: 14px;
}
.product-list .proList,.product-list proDdos,.product-list proDdos {/* display:none; */}
.solotion {padding-bottom:20px;}
.solotion .solo_title {
    font-size: 16px;
    line-height: 48px;
    height: 48px;
}
.solotion .solotion_con {
    height: 250px;
}
.solotion .solotion_con .solo_tab {
    width: 18%;
    padding-left: 10px;
    height: 250px;
}
.solotion .solotion_con .solo_con {
    width: 80%;
    height: 250px;
}
.solotion .solotion_con .solo_tab li {font-size:14px;line-height: 35px;height: 35px;}
.solotion .solotion_con .solo_con .solo_1, .solotion .solotion_con .solo_con .solo_2, .solotion .solotion_con .solo_con .solo_3, .solotion .solotion_con .solo_con .solo_4, .solotion .solotion_con .solo_con .solo_5, .solotion .solotion_con .solo_con .solo_6, .solotion .solotion_con .solo_con .solo_7, .solotion .solotion_con .solo_con .solo_8 {
    width: 100%;
    height: 100%;
    background-size: cover;
    padding-left: 8px;
}
.solotion .solotion_con .solo_con .solo_1 p:nth-child(1), .solotion .solotion_con .solo_con .solo_2 p:nth-child(1), .solotion .solotion_con .solo_con .solo_3 p:nth-child(1), .solotion .solotion_con .solo_con .solo_4 p:nth-child(1), .solotion .solotion_con .solo_con .solo_5 p:nth-child(1), .solotion .solotion_con .solo_con .solo_6 p:nth-child(1), .solotion .solotion_con .solo_con .solo_7 p:nth-child(1), .solotion .solotion_con .solo_con .solo_8 p:nth-child(1) {
    font-size: 14px;
    margin-top: 18px;
}
.solotion .solotion_con .solo_con .solo_1 p:nth-child(2), .solotion .solotion_con .solo_con .solo_2 p:nth-child(2), .solotion .solotion_con .solo_con .solo_3 p:nth-child(2), .solotion .solotion_con .solo_con .solo_4 p:nth-child(2), .solotion .solotion_con .solo_con .solo_5 p:nth-child(2), .solotion .solotion_con .solo_con .solo_6 p:nth-child(2), .solotion .solotion_con .solo_con .solo_7 p:nth-child(2), .solotion .solotion_con .solo_con .solo_8 p:nth-child(2) {
    font-size: 12px;
    margin-top: 5px;
}
.solotion .solotion_con .solo_con .solo_1 p:nth-child(3), .solotion .solotion_con .solo_con .solo_2 p:nth-child(3), .solotion .solotion_con .solo_con .solo_3 p:nth-child(3), .solotion .solotion_con .solo_con .solo_4 p:nth-child(3), .solotion .solotion_con .solo_con .solo_5 p:nth-child(3), .solotion .solotion_con .solo_con .solo_6 p:nth-child(3), .solotion .solotion_con .solo_con .solo_7 p:nth-child(3), .solotion .solotion_con .solo_con .solo_8 p:nth-child(3) {
    margin-top: 15px;
    width: 96%;
    font-size: 12px;
    line-height: 20px;
}
.solotion .solotion_con .solo_con .solo_1 a, .solotion .solotion_con .solo_con .solo_2 a, .solotion .solotion_con .solo_con .solo_3 a, .solotion .solotion_con .solo_con .solo_4 a, .solotion .solotion_con .solo_con .solo_5 a, .solotion .solotion_con .solo_con .solo_6 a, .solotion .solotion_con .solo_con .solo_7 a, .solotion .solotion_con .solo_con .solo_8 a {
    width: 80px;
    height: 30px;
    line-height: 30px;
    margin-top: 28px;
    font-size: 12px;
}
.solotion .solotion_con .solo_tab hr {height:35px;}
.advantage {
    padding: 0;
    /* display: none; */
}
.product-title p {
    font-size: 12px;
    line-height: 18px;
}
.advantage-list {
    margin-top: 8px;
}
.advantage-list li .tit {font-size:12px;}
.cooperation {
    padding: 8px 0 0;
}
.cooperation-list {
    margin-top: 8px;
}
.cooperation-list li {
    width: 47%;
    margin: 8px 0 0 8px;
}
.news {
    padding: 10px 0 8px;
    height: 448px;
    overflow: hidden;
}
.news-list {
    margin-top: 8px;
}
.news-list li {width: 100%;float: none;margin-left: 0;margin-bottom: 8px;}
.news-list li a {padding:8px;}
.news-list li .s-title {
    width: 78%;
    padding-right: 0;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-list li .time {width:15%;height: auto;padding: 0 5px;line-height: 18px;}
.news-list li .con {
    margin-top: 5px;
    line-height: 20px;
    height: 60px;
}
.join {
    padding: 10px 0 8px 0;
    display: none;
}
.join .title {
    font-size: 16px;
}
.join .desc {font-size:14px;line-height: 1.5;}
.ButtonHome--primary {
    margin-top: 8px;
    width: 90px!important;
    font-size: 12px;
    line-height: 35px;
    height: 35px;
}
.f-top {
    padding: 10px 0 10px 0;
    display: none;
}
.f-top dl {
    display: none;
}
.f-top .contact {display:block;width: 51%;}
.f-top .contact dt {font-size:14px;margin-bottom: 8px;}
.f-top .hotLine {display:block;margin-top: 10px;width: 48%;}
.f-bottom {/* display:none; */height: 50px;}
.f-top .hotLine dt {
    margin-bottom: 5px;
}
.f-top .hotLine dd {font-size:14px;}
.f-top .hotLine dt img {
    width: 140px;
}
.f-top .hotLine dd span {
    font-size: 18px;
    margin-top: 0;
}
.f-top .contact img {
    width: 95px;
}
.f-bottom-fl {
    padding-top: 5px;
}
.f-bottom-fr {
    display: none;
}
.f-bottom-fl p {
    line-height: 20px;
}
.f-bottom-fl p:nth-child(2) {
	display:none;
}
.about-banner {
    height: 200px;
}
.about-banner h1 {
    font-size: 16px;
    margin-top: 38px;
    margin-bottom: 8px;
    padding-left: 20px;
}
.about-banner p {font-size:14px;padding-left: 20px;}
.about-nav-wrapper {height: 50px;border-bottom: 1px solid #dde1e5;box-sizing: border-box;}
.about-nav-list {overflow: hidden;width: 100%;border-bottom: 1px solid #dde1e5;box-sizing: border-box;height: 50px;}
.banner-nav-item {
    font-size: 14px;
    width: 25%;
    border: 1px solid #dde1e5;
    border-right: 0;
    border-bottom: 0;
    background: #fff;
    box-sizing: border-box;
    line-height: 50px;
    display: none;
}
.banner-nav-item.cur {
    color: #fff;
    background-image: linear-gradient(0deg,#2a6af2,#3190e6);
}
.wap-nav {
	
display: block;
}
.banner-nav-item.cur:before {display:none;}
.about-index-wrap {
    padding: 40px 0 20px 0;
} 
.about-txt {
    margin-top: 0;
}
.videobox {width:100%;float: none;}
.ab-txt-right {float: none;width: 100%;max-width: 100%;}
.about-index-wrap2 {
    padding: 8px 0 18px 0;
}
.ab-div-title {
    font-size: 16px;
}
.ab-div-sub-title {font-size: 12px;line-height: 18px;margin: 0 0 8px 0;}
.certificate-div-item {width:100%;margin-bottom: 5px;margin-right: 0;padding-left: 8px;}
.certificate-pic {margin-right: 3%;}
.certificate-pic-intro-div {
    padding: 15px 6px 8px 0;
    width: 73%;
}
.honour-link {
    margin: 8px auto 0;
    width: 100px;
    font-size: 12px;
    height: 38px;
    line-height: 38px;
}
.about-index-wrap3 {
    padding: 10px 0 20px 0;
}
.margin-bottom-60 {margin-bottom:0;}
.ab-introduce-p {
    line-height: 24px;
    margin-bottom: 0;
}
.product-icon-item {
    margin-top: 5px;
    height: 168px;
}
.product-icon-title {
    font-size: 12px;
    margin-bottom: 8px;
}
.product-icon-discription {
    line-height: 18px;
    font-size: 12px;
}
.product-icon-bg {
	height: 60px;
	background-size: 60%;
	background-position: top center;
}
.yearEvents {
    padding-top: 58px;
    padding-bottom: 20px;
}
.yearEvents h2 {font-size: 16px;margin-bottom: 0;} 
.CardEvent {
    padding: 25px 0;
}
.CardEvent li {
    padding-left: 10px;
    margin-bottom: 3px;
}
.CardEvent ul {
}
.page-news {
    padding-top: 45px;
    padding-bottom: 10px;
}
.page-news-meun {margin-left:0;}
.page-news-meun li {
    width: 25%;
    margin: 0;
}
.page-news-meun li a {font-size:14px;}
.page-news .news {height:auto;}
.join-title {
    padding-top: 50px;
    margin-bottom: 10px;
}
.join-title h1 {font-size: 16px;margin-bottom: 10px;}
.join-title p {
    line-height: 24px;
}
.welfare {
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 12px;
}
.welfare h2 {
    font-size: 16px;
    margin-bottom: 15px;
}
.welfare ul li > p {
    font-size: 14px;
    padding-top: 5px;
}
.welfare ul li {
    height: 108px;
    margin-bottom: 10px;
}
.welfare ul li > i {
    margin: 18px auto 0;
}
.jobs {
    padding-top: 20px;
    margin-bottom: 15px;
}
.jobs h4 {
    font-size: 16px;
    margin-bottom: 15px;
}
.job-item-title {
    font-size: 14px;
}
.job-item {
    margin-bottom: 10px;
}
.job-item-title-box {
    line-height: 38px;
    height: 38px;
}
.panel-extend-button {
    font-size: 14px;
    top: 10px;
}
.services-box h2 {
    margin-top: 48px;
    margin-bottom: 10px;
    font-size: 16px;
}
.services-box ul li {}
.services-box ul li h4 {
    font-size: 14px;
    padding-top: 88px;
}
.service-desc {
    margin-top: 5px;
    margin-bottom: 5px;
}
.law-item {
    padding: 50px 0 10px 0;
    overflow: initial;
}
.law-title {
    font-size: 18px;
}
.law-item p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 28px;
}
.link {
    padding: 50px 0 40px 0;
}
.links-title {
    margin-bottom: 15px;
    font-size: 16px;
}
.links-wrap-div a {width: 180px;height: 100px;margin: 1.1% 2.8%;}
.links-wrap-div a img {
    width: 100%;
}
.introduce-comment .commentbox {width:98%;padding: 10px 0;}
.banner-engine .banner-ul li img {height: auto;}
.banner-engine .introduce-banner .banner-ul li img {
    height: 250px;
}
.introduce-comment .tabs {
    width: 100%;
}
.introduce-comment .tabs dd {
    width: 20%;
    margin: 0;
}
.introduce-comment .tabs dd span {
    font-size: 14px;
}
.introduce-comment {margin-top:10px;}
.introduce-comment .commentbox .t {
    margin: 10px 0px;
    height: 38px;
}
.introduce-comment .commentbox .t H2 {
    font-size: 14px;
    line-height: 38px;
}
.introduce-comment .commentbox .t .txt {
    padding-left: 0;
    line-height: 24px;
    margin-top: 5px;
    display: none;
}
.introduce-comment .commentbox .t .time {
    margin-top: 8px;
}
.c-nav-flyout-trigger .c-nav-flyout-trigger-icon {
    /* background: url(../images/s_meun.png); */
}
.c-nav-flyout-trigger.actived .c-nav-flyout-trigger-icon {/* background: url(../images/s_meun.png); */}
.mod-scdn .info-banner {
}
.mod-scdn .info-banner {
    background: url(https://www.kaiyuncdn.com/images/mod-scdn.jpg) no-repeat 70% 30%;
    background-size: 260%;
} 
/*.product-info {margin-left: 50px;}*/
.product-info-title {
    font-size: 16px;
    line-height: 21px;
    height: auto;
    margin-bottom: 0;
}
.product-info-detail {
	font-size: 14px;
    margin-top: 8px;
/*    width: 88%;*/
	width: 95%;
    line-height: 24px;
}
.server-module.double {padding-bottom:0;min-height: auto;}
.Prosum_con {
    width: 98%;
}
.Prosum_title, .Profeat_title, .Proprice_title {
    margin-top: 10px;
    font-size: 16px;
}
.Prosum_ex, .Profeat_ex {
    margin-top: 10px;
    margin-bottom: 10px;
}
.Prosum_ex li {float: none;padding-left: 58px;height: 120px;width: 96%;box-sizing: border-box;margin: 0 auto;}
.Prosum_ex li:nth-child(1) {
    background: url(https://www.kaiyuncdn.com/images/pro_ex1.png) no-repeat 10px 40px;
    background-size: 8%;
}
.Prosum_ex li:nth-child(2) {
	
background: url(https://www.kaiyuncdn.com/images/pro_ex2.png) no-repeat 10px 40px;
	
background-size: 8%;
	
margin: 2% auto 0;
}
.Prosum_ex h2 {
    margin-top: 18px;
}
.Prosum_ex h2, .Profeat_ex h2 {
    font-size: 14px;
}
.Prosum_ex p {
    margin-top: 5px;
    width: 100%;
}
.Profeat_ex li {
    width: 48%;
    margin: 0.6%;
    height: 268px;
}
.ml32 {margin-left:0;}
.Profeat_ex div {
    margin: 10px auto 10px;
}
.Profeat_ex li h2:nth-child(3) {
    margin-top: 10px;
    width: 98%;
}
.server-module.single {
    padding-bottom: 0;
}
.table-info2 {margin-top:10px}
.Proprice table {
    margin-top: 10px;
}
.Proprice table thead th {
    width: 10%;
}
.Proprice table thead td {width: 68%;/* width:1px; */}
.Proprice table strong {
    margin-top: 10px;
    font-size: 12px;
}
.Proprice table em {
    margin-top: 6px;
}
.Proprice table em span {font-size:14px;}
.Proprice table thead a {
    margin-top: 5px;
    font-size: 12px;
    margin-bottom: 5px;
    width: 34px;
}
.Proprice table thead tr td:nth-child(n+2) a {
}
.bt {
    padding: 5px 5px;
}
.banner-box {
    height: 50px;
}
.info-banner {
    padding-top: 20px;
    height: 250px;
}
.product-info-detail {
    margin-bottom: 18px;
}
.product-info-btn {
    margin-top: 0;
}
.info-nav {padding-left:20px;}
.product-info-btn a.btn {
    width: 100px;
    margin-right: 8px;
}
.banner-nav li {height: 50px;}
.nav-hide .banner-nav li a {
    height: 50px;
    line-height: 50px;
}
.banner-nav {width:100%;height:50px;}
.nav-box {height: 50px;}
/* buy */
.buy-top {
    line-height: 48px;
    height: 48px;
}
.buy-top-title {font-size:16px;}
.config-panel {margin-right:0;}


.button-group a {
    width: 55px;
    padding: 0 8px;
}
.config-view-outer {
    position: inherit;
    width: 100%;
}
.config-slider-ruler {width:100%;}
.config-view-outer, .config-view-inner {width: 98%;margin: 0 auto;}
.config-view-title,.server-price .error,.server-buy-btn {
    font-size: 14px;
}
.slider-length-long {
    width: 358px;
}
.config-row-months .ui-slider-horizontal {
    background: url(https://www.kaiyuncdn.com/images/months_bg.png) no-repeat left center;
    background-size: 100%;
}
.slider-length-middle {width: 250px;}
/* buying */
.configuration-item {height: auto;margin-top: 0;}
.config-name {
    width: 45px;
    text-align: left;
    line-height: 25px;
}
.config-value {
    padding-left: 0;
    line-height: 25px;
}
.config-row-title {
    width: 85px;
    margin-left: 2%;
}
.line-buttons {
    min-width: 100%;
}
.input-reset {width:260px;}
/* 棋牌游戏解决方案详情页 */
.chessgame-banner {
    height: 490px;
}
.banner-header {padding-left:20px;padding-top: 0;}
.banner-header .header-t {
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0;
}
.banner-header .bt-consult {
    padding: 5px 8px;
    font-size: 13px;
    margin-top: 18px;
}
.banner-header .header-c {
	    font-size: 14px;
	    margin-top: 8px;
	    width: 88%;
	    line-height: 24px;
	    position: relative;
	    z-index: 1;
}
.i_computer02 {
    background: url(https://www.kaiyuncdn.com/images/computer02.png) no-repeat 110% 5%;
    background-size: 40%;
}
.chessgame-banner .solution-cards {
    margin: 25px auto 0 auto;
}
.chessgame-banner .solution-card .card-t {
    font-size: 14px;
    line-height: 20px;
}
.chessgame-banner .solution-card .card-c {
    font-size: 12px;
    line-height: 20px;
    padding: 0 5px;
}
.chessgame-banner .solution-card {
    padding: 1% 0.3%;
    width: 32%;
    height: 280px;
}
.chessgame-banner .solution-card.card-service {
    margin: 0 1.8%;
}
.products {
    padding-top: 0;
    padding-bottom: 10px;
}
.page-t {
    font-size: 16px;
    line-height: 38px;
    margin-top: 10px;
}
.products .sale-info>i {
    font-size: 16px;
}
.products .pr-adv {
    margin-top: 7px;
    margin-bottom: 10px;
}
.products .adv-t {
    width: auto;
    margin: 0 0.5%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding: 0 5px;
}
.products td.pr-type, .products th.pr-type {width:auto;padding: 0 10px;}
.products td, .products th {
    padding: 10px;
    width: 30%;
}
.products .bt-consult {
    margin-top: 10px;
}
.bt-consult {font-size:14px;}
.chessgame-banner .solution-card>img {
    width: 80%;
    height: auto;
} 
.mod_cp_1 .info-banner {
    background-size: 200%;
    background-position: 70% 60%;
}
.mod-ddos .info-banner {
    background-size: 200%;
    background-position: 70% 60%;

}
.mod-ddosapp .info-banner {
    background-size: 200%;
    background-position: 70% 60%;
}
.mod-ddosweb .info-banner {
    background-size: 200%;
    background-position: 70% 60%;
}
.banner-dns .info-banner {
    background-size: 200%;
    background-position: 70% 60%;
}
.banner-nav li a {font-size:14px;line-height:38px;height:38px;padding: 0px 5px;}
/* 杭州BGP服务器 */
.mod_cp_1 .info-banner {
    /* height: 220px; */
}
.main-content .tab-content {
    margin: 0;
}
.content-tit {
    margin-top: 5px;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    padding-left: 0;
    margin-bottom: 10px;
}
.table-info3 tr td strong {font-size:14px;}
.table-m50 {margin:0;}
.product-info-btn a {font-size: 12px;width: auto;padding: 0 2px;margin: 2px 0;}
.table-info3 tr td {
    padding: 0 5px;
    font-size: 12px;
}
.server-cp .module-title {
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    margin-bottom: 0;
}
.server-cp .virtue-list li {
    height: auto;
    padding: 50px 5px 0;
    background-size: 25%;
    background-position: top center;
    width: 50%;
}
.margin-top-20 {margin-top:0;}
.server-cp .virtue-title {
    font-size: 14px;
    text-align: center;
    padding-top: 8px;
}
.server-cp .virtue-sub-title {
    font-size: 12px;
    line-height: 20px;
    padding-right: 0;
    margin-top: 6px;
}
.defendCDN_Box h2 {
    margin-top: 0;
    font-size: 16px;
    padding-left: 0;
}
.table-info2 tr td {font-size:12px;}
.youshi-wrapper {margin-top:30px;}
.youshi-our2 li.youshi-header {
    height: 80px;
}
.our-block-extra2 {font-size:14px;height: 40px;line-height: 40px;text-align: left;text-indent: 8px;}
.youshi-item2 {
    width: 22%;
}
.tuiguang-youshi-item2 {
    width: 28%;
}	
.tuiguang-youshi-our2 {width: 41.8%;}	
.youshi-our2 {width: 41.8%;}
.youshi-them {width: 33.8%;}
.youshi-our2 li {font-size:14px;}
.youshi-item2 .youshi-header {
    line-height: 20px;
    font-size: 14px;
}
	
.tuiguang-youshi-our2 li {font-size:14px;}
.tuiguang-youshi-item2 .youshi-header {
    line-height: 20px;
    font-size: 14px;
}	
.youshi-our2  li {height:auto;}
.youshi-item2 li {
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 12px;
    height: 80px;
    line-height: 20px;
}
	
.tuiguang-youshi-item2 li {
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 12px;
    height: 80px;
    line-height: 20px;
}	
.youshi-them  li {/* height:110px */}
.youshiMar {
    margin-top: 0;
}
.service-yycj ul li p {font-size:12px;}
.service-yycj ul li {padding-top:10px;width: 100%;}
.service-yycj ul li H4 {
    font-size: 14px;
    line-height: 30px;
}
.server-cp .virtue-list-A li {width: 100%;float:none;margin-bottom: 10px;background-size: 20%;padding: 56px 10px 0 108px;background-position: 8px 41px;}
.margin-left-20 {margin-left:0;}
.server-cp .virtue-title2 {
    font-size: 14px;
}
.service-yycj {
    margin-top: 10px;
}
/* DDoS高防IP */
.ddos-con {
    padding: 0;
}
.ddos-con .img,.ddos-con .text {
    width: 100%;
    float: none;
}
.ddos-con .text {
    padding-top: 0;
}
.ddos-con .text H3 {
    font-size: 16px;
    text-align: center;
}
.module-title {
    margin-bottom: 10px;
    font-size: 16px;
    margin-top: 10px;
}
.virtue-list li {float: none;margin-bottom: 10px;background-size: 10%;padding: 26px 10px 0 88px;background-position: 8px 41px;width: 100%;box-sizing: border-box;}
.virtue-title {font-size: 14px;}
.virtue-sub-title {
    font-size: 12px;
}
.scene {
    margin-top: 0;
}
.prod-area.scene[data-number="2"] .scene-tab {
  width: 400px;
}
.prod-area.scene[data-number="3"] .scene-tab {
  width: 30%;
}
.product-application2 .prod-area.scene[data-number="3"] .scene-tab {width: 30%;}
.product-application2 .icon-scene {
    width: 38px;
    height: 38px;
}
.product-scene-tab {margin-top:8px;} 
.product-application2 .scene-tab .icon-sprite-md {width:40px;height:40px;}
.product-application2 .scene-tab .caption {
    font-size: 12px;
}
.product-application2 .scene-arch {
    border: solid 5px #fff;
    width: 100%;
    height: 260px;
}
.product-application2 .scene-mb-body .scene-arch + .scene-sub-wrap {
	
margin-left: 0;
	
float: none;
	
margin-top: 260px;
}
.product-application2 .scene-sub-box {
    padding: 20px 0 0 0;
}
.product-application2 .scene-sub-box h3 {
    font-size: 14px;
}
.product-application2 .scene-sub-box.none-bor h3 {
font-size: 14px;
}
.product-application2 .scene-sub-box .caption {font-size:14px;}
.mainSpeed > .scenario > .info > .title {margin-top:10px;}
.mainSpeed > .scenario > .info > .title > h5 {font-size:16px;margin-bottom: 15px;}
.mainSpeed > .scenario > .info > .bodyInfo {
    margin: 16px auto 0;
    background: none;
    height: auto;
}
.mainSpeed > .scenario > .info > .bodyInfo > .common {position:inherit;width: 100%;font-size: 14px;line-height: 40px;height: 40px;}
.mainSpeed > .scenario > .info > .bodyInfo > .common {
    left: 0;
}
.mainSpeed > .scenario > .info > .bodyInfo > .common > i {
    font-size: 28px;
}
.mainSpeed > .scenario > .info > .bodyInfo > .one {top:0;}
.mainSpeed > .scenario > .info > .bodyInfo > .two {top:0;}
.mainSpeed > .scenario > .info > .bodyInfo > .three {top:0;}
.mainSpeed > .scenario > .info > .bodyInfo > .one1 {
    top: 0;
    right: 0;
}
.mainSpeed > .scenario > .info > .bodyInfo > .four {top:0;}
.mainSpeed > .scenario > .info > .bodyInfo > .two1 {top:0;}
.mainSpeed > .scenario > .info > .bodyInfo > .three1 {
    top: 0;
    right: 0;
}
.mainSpeed > .scenario > .info > .bodyInfo > .four1 {
    top: 0;
    right: 0;
}
.mainSpeed > .scenario {
    height: 400px;
}
.mainSpeed > .advantage > .info > .node-map > ul > li {margin-right: 0;}
.mainSpeed > .advantage > .info > .title > h5 {
    font-size: 16px;
    margin-bottom: 0;
}
.mainSpeed > .advantage > .info > .node-map {
    height: auto;
}
.mainSpeed .superiorityList > ul > li {
    width: 88%;
    height: 200px;
    margin: 0 auto 10px;
    float: none;
}
.mainSpeed .superiorityList > ul > li > .top {
    margin: 5px auto 4px;
}
.mainSpeed .superiorityList > ul > li > .littleHeader > h6 {
    font-size: 14px;
    margin-top: 5px;
}
.mainSpeed .superiorityList > ul > li > p {
    font-size: 14px;
    margin: 0 8px;
    line-height: 20px;
}
.mainSpeed .superiorityList > ul > li:last-child {margin:0 auto;}
/* 电商行业解决方案 */
.i_618 {
    width:88%;
    margin:0 auto;
}
.i_618 img {width:100%;}
.icon_p_kdb {width:auto;}
.i_computer {
    background-size: 40%;
    background-position: 110% 5%;
}
.ba-top {padding-left:20px;}
.ba-top .i-t {
    padding-top: 0;
}
.ba-top h3.t-t {
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0;
}
.ba-top .d-t {
	font-size: 14px;
    margin-top: 8px;
    width: 88%;
    line-height: 24px;
    position: relative;
    z-index: 1;
}

.ba-top .btn-question {
	padding: 5px 8px;
	font-size: 13px;
	margin-top: 18px;
	margin-bottom: 18px;
}
.ba-bottom li .ba-b-title {
    font-size: 14px;
}
.ba-bottom li .ba-b-desc {
    font-size: 12px;
    line-height: 20px;
    padding: 0 5px;
}
.ba-bottom li {height: 280px;}
.solution-banner {
    height: 775px;
}
.live_video {height: 210px;}
.scene h3.s-title {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.customer .c-t {font-size:16px;}
.scene .scene-list .t1 {font-size: 14px;}
.icon_p_jsl {width:auto;}
.scene .scene-list .scheme {
    padding: 10px 5px;
    margin-bottom: 8px;
    height: auto;
}
.scene .scene-list .scheme .s-t {width: 40%;}
.scene .scene-list .scheme .s-t p {width:100%;}
.scene .scene-list .scheme .s-o {width:auto;float: right;}
.scene .scene-list .scheme .s-o .bt-link {
    padding: 8px 5px;
}
.scene .scene-list .scheme .s-c .p2 {font-size:12px;}
.scene .scene-list .s-attack {
    width: 100%;
    float: none;
    margin-bottom: 10px;
}
.scene .scene-list .s-attack .s-o .bt-link {
    padding: 8px 5px;
    margin-top: 20px;
}
.scene .scene-list .s-attack .s-t {width:78%;}
.customer {
    padding-top: 10px;
    padding-bottom: 10px;
} 
.customer ul {margin-top:10px;}
.customer li:first-child {
    margin: 0 auto 10px;
}
.customer li {
    float: none;
    margin: 0 auto 10px;
}
/* 教育类网站安全解决方案 */
.education-banner {
    height: 210px;
}
.solution-cards02 {}
.solution-cards {
    padding-bottom: 10px;
}
.solution-cards .so-title {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}
.solution-live .solution-card {width: 48%;height: 200px;margin: 1%;padding: 10px 0;}
.solution-live .solution-card .card-i {
    width: 88%;
    height: auto;
}
.solution-live .solution-card .card-i img {width:100%;}
.solution-cards02 .solution-card .card-i {
    width: 100%;
    height: auto;
}
.solution-cards02 .solution-card .card-i .img_1 {width:100%;}
.solution-cards02 .solution-card .card-i i {width:88%;display: block;margin: 0 auto;}
.solution-cards02 .solution-card .card-i i img {width:100%;}
.solution-cards .solution-card .card-t {
    margin-top: 0;
    line-height: 38px;
    font-size: 14px;
}
.solution-cards02 .solution-card {
    width: 49%;
    padding: 10px 0;
    margin-right: 5px;
    margin: 4px 2px;
    height: 230px;
}
.solution-cards .solution-card .card-c {font-size:12px;padding:0 5px;line-height: 20px;}
.education-arc h3 {
    padding: 5px;
    font-size: 16px;
    line-height: 2;
}
.education-arc h4, .education-arc span {
    font-size: 14px;
    line-height: 1.2;
}
.education-arc {
    height: 620px;
    background-size: cover;
}
.education-arc .frame {
    margin-top: 15px;
}
.education-arc .frame .frame-list {font-size:12px;line-height:20px;height: 98px;}
.education-arc .frame .frame-list:nth-child(odd) span {}
.education-arc .frame .frame-list:nth-child(even) span {
    right: 55%;
}
.education-arc .frame .frame-list:nth-child(odd) span {}
.education-arc .frame .frame-list:nth-child(even) span {}
.education-arc .frame .frame-list:nth-child(odd) span {
    left: 55%;
}
.project {
    margin-top: 0;
}
.project h3 {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 38px;
}
.project table thead td:first-child {
    font-size: 14px;
    width: 20%;
    height: 38px;
}
.project table td {width:20%;}
.project table td {font-size:14px;}
.project table thead td {
    height: 38px;
}
.project table tbody td:first-child {
    width: 20%;
    font-size: 14px;
}
.project table tbody td {width:20%;font-size: 12px;padding: 0 2px;}
.feedback-main {
    padding-top: 10px;
    padding-bottom: 10px;
}
.feedback-main p {
    line-height: 24px;
    padding-left: 0;
    margin-bottom: 5px;
}
.feedback-main ul {
    margin-top: 0;
}
.feedback-main span {width: 88px;}
.feedback-type {
    width: 68%;
}
.fb-type-reminder {
    line-height: 35px;
    margin-left: 0;
}
.feedback-textarea {width:68%;height: 68px;box-sizing: border-box;}
.feedback-main li {
    margin-bottom: 10px;
}
.feedback-input, .captcha-input {width:62.5%;}
.fb-btn {font-size: 14px;width: 100px;height: 35px;line-height: 35px;}
.module-banner-title {
    font-size: 16px;
}
.financial-banner .banner-header .header-t {
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0;
    line-height: 21px;
}
.financial-banner .banner-header .header-c {
    width: 88%;
    line-height: 24px;
}
.financial-banner .solution-cards {
    margin: 18px auto 0 auto;
    padding-bottom: 18px;
}
.financial-banner .solution-cards .solution-card {
    padding: 10px 5px;
    height: 310px;
}
.financial-banner .solution-cards .solution-card .card-t {
    font-size: 14px;
    line-height: 38px;
}
.financial-banner .solution-cards .solution-card .card-c {
    font-size: 12px;
    line-height: 20px;
    padding: 0 5px;
}
.financial-banner .banner-header .bt-consult {margin-top:18px;}
/* 帮助中心 */
.middle .leftMenu {
    top: 50px;
    width: 140px;
}
.middle .leftMenu .topMenu {
    padding: 5px 0 5px 8px;
    width: 100%;
    height: 38px;
    line-height: 28px;
}
.middle .leftMenu .topMenu img {margin-left: 25%;}
.menu_list ul li {line-height:38px;height:38px;}
.menu_list ul li .fuMenu {width:100px;padding-left: 8px;}
.menu_list ul li .xiala {
    margin-right: 8px;
    margin-top: 16px;
}
.menu_list ul li .div1 p {line-height:35px;height:35px;}
.rightMeun {margin-left: 140px;padding: 5px;}
.Breadcrumb {
    top: 50px;
    height: 50px;
    line-height: 50px;
    padding-left: 5px;
}
.Breadcrumb span {font-size:14px;padding-left: 8px;}
.help-content {
    margin-top: 0;
}
.help-body {font-size:14px;line-height:24px;}
.help-body h3 {
    font-size: 16px;
    padding-bottom: 8px;
}
.certification-type {
    margin-top: 0;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 10px;
}
.certificate-item {width: 48%;margin-top: 10px;margin: 2% 1%;}
.certificate-item-img {
    padding: 5px;
}
.certificate-item-img img {
    height: auto;
}
/* 公安机关互联网安全监督检查规定解决方案 */
.internet-banner {height: 210px;}
.policy_background ul li {padding: 34px 8px 0;white-space: initial;height: 210px;padding-bottom: 10px;width: 50%;float: left;}
.policy_background {padding: 20px 0;}
.policy_background ul li p {
    font-size: 12px;
    line-height: 21px;
    width: 100%;
}
.policy_background ul li h4 {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 12px;
}
.policy_background h3 {
    margin-bottom: 40px;
    font-size: 16px;
    color: #333333;
    font-weight: normal;
}
.internet-container {
    padding: 20px 0;
}
.internet-solution h3 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: normal;
}
.internet-solution div.section_menu {
    width: 100%;
}
.policy_background ul {
    display: block;
}
.internet-solution div.section_menu li {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}
.internet-solution div.detail {
    padding: 10px 0 0 0;
    width: 100%;
}
.internet-solution div.detail ul li .policy_detial {
    margin-bottom: 10px;
    font-size: 14px;
}
.internet-solution div.detail ul li .gray_text {
    font-size: 16px;
    margin-bottom: 10px;
}
.internet-solution div.detail ul li .detail_box {
    padding: 4%;
    width: 100%;
    height: auto;
}
.internet-solution div.detail ul li .detail_box p.serve_info {width:100%;}
.internet-solution div.detail ul li .detail_box img {-webkit-transform: translateY(0);transform: translateY(0);position: initial;margin-top: 10px;}
.internet-solution div.detail ul li .detail_box h4 {font-size:16px;}
.framework_container {
    padding: 20px 0;
}
.framework_container h3 {
    font-size: 16px;
    margin-bottom: 5px;
}
.advantage_container {padding: 20px 0;}
.advantage_container h3 {
    font-size: 16px;
    margin-bottom: 15px;
}
.advantage_container .flex_row {display:block;width: 95%;margin-bottom: 7px;}
.advantage_container .flex_row .flex_item h4 {font-size:16px;margin-bottom: 0;}
.advantage_container .flex_row .flex_item.item_1 img {
    margin-bottom: 0;
}
.advantage_container .flex_row .flex_item img,.advantage_container .flex_row .flex_item.item_3 img {
    margin-bottom: 7px;
}
.ability .ab-title {
    padding: 15px 0 15px 0;
    font-size: 16px;
}
.ability ul li {
    margin-bottom: 18px;
}
.ability ul li .ab-t {
    padding-top: 8px;
    padding-bottom: 3px;
    font-size: 16px;
}
.ability ul li .ab-c {font-size:12px;line-height:20px;}
.product-top p.pro-title {
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 16px;
}
.product-bottom {
    height: 488px;
}
.product-bottom .pro-content .pro-left {
    float: none;
    width: 100%;
    margin: 0;
}
.product-bottom .pro-content .pro-left h3 {font-size:16px;line-height: 45px;}
.product-bottom .pro-content .pro-left p {
    margin-top: 0;
    width: 98%;
    line-height: 21px;
}
.product-bottom .pro-content .pro-right {
    margin-top: 10px;
    width: 100%;
}
.product-bottom .pro-content .pro-right h3 {
    font-size: 16px;
}
.product-bottom .pro-content .pro-right .pro-tj {padding: 8px 10px;}
.product-bottom .pro-content .pro-right .pro-tj .pro-tj-r .p1 {font-size:14px;}
.arc {padding-bottom:0;}
.arc .frame {
    background: url(https://www.kaiyuncdn.com/images/banner_arc.png) no-repeat top;
    background-size: 100%;
    margin-top: 18px;
    height: 475px;
}
.arc .frame .arc-fr {
    width: 100%;
    margin-top: 285px;
}
.arc .frame .arc-fr .arc-t {
    font-size: 16px;
    padding: 10px 0;
}
.arc .frame .arc-fr .arc-c {text-align:left;}
.arc .frame .arc-fr .arc-contact {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    padding: 0;
    width: 90px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    float: none;
}
.login-banner-bg {
/*    height: 520px;*/
	background: #295dd5;
	height: 100%;
}
.login-main {
    right: 12px;
    padding: 36px 20px;
    top: 30px;
}
.news-article {
    padding-top: 10px;
}
.news-article-title {
    font-size: 16px;
}
.news-article-subtitle {
    padding-top: 8px;
}
.news-article-main {
    margin-top: 0;
    line-height: 21px;
}
.news-article-main p img {max-width: 100%;margin:0 auto;}
.news-article-main p {font-size:14px;line-height: 24px;text-indent: 0;}
.autowidth {
    padding: 0 1%;
/*    height: 400px;*/
}
.password-title {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 0;
    color: transparent;
    background: none;
}
.step-box span i {
    top: 15px;
}
.step-box {line-height:40px;left: 0;}
.step-box span {line-height:40px;padding-left: 0;font-size: 12px;}
.step-box span:before {
    width: 22px;
}
.password-info {margin-top:10px;}
.getpassword .form {
    margin-top: 10px;
    width: 95%;
}
.row-btn {margin-top:10px;}

.row-item {margin-top:10px;}
.row-item .input {}
.show-captcha {
    left: 240px;
}
.register-main {margin-top: 20px;}
.register-box {
    padding: 20px 0 40px 1%;
}
.reg-left,.reg-right {float:none;width:100%;}
.reg-left th {
    font-size: 12px;
    width: 80px;
}
.reg-left tr { display: inline-block;}
.reg-left .specialTiP {
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
}
td.validate-tips {position:absolute;width: 250px;left: 80px;bottom: -15px;}
.reg-tologin {
    text-align: left;
    padding-bottom: 15px;
}
.reg-award {
    padding-top: 10px;
    padding-bottom: 10px;
}
.data-about-box {
    margin-top: 10px;
}
.data-about-box-left {width: 88%;margin: 0 auto;float: none;}
.data-about-box-right {width:100%;margin-top:10px;}
.table-info4 tr {
    line-height: 40px;
    height: 40px;
}
.table-info4 tr td:first-child {
    white-space: nowrap;
    padding: 0 3px;
}
.data-about-box-list {
    margin-left: 0;
    float: none;
}
.data-about-box-list li {
    margin-left: 0;
    margin: 5px 8px;
}
.data-about-list {
    margin-left: 0;
    padding-bottom: 15px;
    margin-top: 10px;
}
.data-about-list .data-about-left {background-size:100%;height: 90px;}
.data-about-right {margin-top:0;}
.data-about-title {font-size:16px;}
.data-about-info {
    line-height: 21px;
}
.data-img {
    margin-top: 10px;
}
.fwqaqg_bt {
    font-size: 20px;
}
.fwqaqg_fbt {
    font-size: 16px;
    line-height: 40px;
}
.part1_nr {width: 98%;top: 0;}
.part1_gnd {width:100%;background-size: 100%;height: 100px;}
.btn_mfxz {
    width: 180px;
    height: 50px;
}
.btn_download_a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.text {
    padding-top: 0;
    width: 98%;
    float: none;
}
.text dl dt {
    font-size: 20px;
}
.img_part2 {
    width: 100%;
    background: url(https://www.kaiyuncdn.com/images/img_part2.png) no-repeat center;
    background-size: 80%;
    height: 320px;
}
.img_part3 {
    width: 100%;
    background: url(https://www.kaiyuncdn.com/images/img_part3.png) no-repeat center;
    background-size: 100%;
    height: 320px;
}
.img_part4 {
	
width: 100%;
	
background: url(https://www.kaiyuncdn.com/images/img_part4.png) no-repeat center;
	
background-size: 100%;
	
height: 320px;
}
.img_part5 {
	width: 100%;
	background: url(https://www.kaiyuncdn.com/images/img_part5.png) no-repeat center;
	background-size: 80%;
	height: 350px;
}
.img_part6 {
    background: url(https://www.kaiyuncdn.com/images/img_part6.png) no-repeat center;
    width: 100%;
    background-size: 100%;
    height: 330px;
}
.index-advantage {display: none;}
.product-meun .curr i .pro-img, .product-meun dd:hover i .pro-img {/* display: none; */}
.product-meun dd i {height: 51px;}
.line-tip {margin-left:0;}
/* 购买界面 */
.scHeader {
    height: 48px;
}
.scHeader .h2 {
    font-size: 16px;
    line-height: 26px;
    margin: 10px 15px 11px 10px;
}
.carttTh .cartItem, .cartList .cartItem {
    width: 78px;
    margin: 0 8px 0 0;
}
.carttTh .cartInfo, .cartList .cartInfo {width: 58px;}
.cartCategory {width:50px;}
.cartYears {width:50px;margin: 0;}
.cartChk {width:10px;}
.cartList  .cartCategory {
    width: 80px;
}
.cartTr {
    padding: 20px 0 0;
}
.s1cBg .input-reset {width: 89px;margin-top: 10px;}
.cpcRedSize {font-size:18px;}
.BtnO {font-size: 16px;}
.schInvoicingBtn {
    padding: 0 10px 0 10px;
}
.ciP {
    width: 150px;
}
.proDdos li {width: 192px;height: 273px;}
.proDdos li .tit {font-size:14px;margin-top: 10px;line-height: 38px;}
.proDdos li .img {
    margin: 5px auto 0;
}
.proDdos li .img img {
    width: 80px;
    margin: 0;
}
.proDdos li .detail {
    font-size: 12px;
    line-height: 26px;
    margin-top: 0;
    padding: 0;
}
.proDdos li .more {
	height: 26px;
    line-height: 26px;
}
.proDdos li .more a {
	font-size: 12px;
    width: 68px;
    margin: 10px auto;
}
.proDdos-left {
    width: 95%;
    float: none;
    margin: 0  auto;
}
.proDdos-left li {
    width: 100%;
} 
.proDdos-right .name {
    font-size: 14px;
    padding: 0px 0px 5px 0;
}
.proDdos-right .txt {font-size:12px;}
.proDdos-right {
    height: auto;
    width: 96%;
    margin: 10px auto 0;
    float: none;
}
.circle {
    margin: 0;
    width: 100%;
    right: 0;
    left: 20%;
    bottom: 0;
    top: auto;
}
.circle ul li {
    width: 22px;
    float: left;
    height: 22px;
    background: #66a9ee;
    line-height: 22px;
    text-align: center;
    border-radius: 22px;
}
.circle ul .circle01 {}
.circle ul li a {
    background: none;
    width: 22px;
    height: 22px;
    color: #fff;
}
.circle ul li a.hover {background:none;color: #fff;border-radius: 0;}

.dx-none{display: none!important;}
.w274{width: 100px;}	
	.login-submit{width: 100%; margin: 0px auto; margin-top: 20px}	
.configuration-item {display: block; float: none; width: 100%;}	
.dx-sm{display:none}	
.m-ml50{margin-left: 50px}
	

.tuiguang-tglc{
	width: 100%;
	background: #f5f6f8;
	display: block;
	height:800px;
	padding: 30px 0px;
	margin: 50px auto;
}	
	
.tuiguang-tglc .box{
	background: #fff;
	border:1px solid #e9e9e9;
	height: 650px;
	width: 90%!important;
	padding: 20px 5%;
}	
.tuiguang-tglc .box .bleft{
	width: 100%;
	float: left
}

.tuiguang-tglc .box .bleft li{
	display: block;
	width: 100%;
	overflow: hidden
}
.tuiguang-tglc .box .bleft li img{
	float: left;
	width: 57px;
}

.tuiguang-tglc .box .bleft li .txt{
	float: left;
	margin-left: 10px;
	width: 200px;
}

.tuiguang-tglc .box .bleft li p{
	line-height: 30px;
	font-size: 14px;
	color: #666;
	display: block
}

.tuiguang-tglc .box .bleft li p span{
	line-height: 30px;
	font-size: 16px;
}

.tuiguang-tglc .box .bleft li a{
	color: #03a4ff;
}

.tuiguang-tglc .box .bright{
	width: 100%;
	float: right;
}
.tuiguang-tglc .box .bright img{
	width:100%;
}
	.tuiguang-youshi-our2 li.youshi-header{
		height: 80px
	}	
.tuiguang-dlgz {
	float: left;
	padding: 30px 30px 30px 30px;
	}
	.tuiguang-tgfs ul li{
		width: 100%;
	}
	
.vss_cpgs {
    margin-top: 10px;
    margin-bottom: 10px;
}
.vss_cpgs li {float: none;padding-left: 58px;height: 120px;width: 96%;box-sizing: border-box;margin: 0 auto;}
.vss_cpgs li:nth-child(1) {
    background: url(https://www.kaiyuncdn.com/images/pro_ex1.png) no-repeat 10px 40px;
    background-size: 8%;
}
.vss_cpgs li:nth-child(2) {
	
background: url(https://www.kaiyuncdn.com/images/pro_ex2.png) no-repeat 10px 40px;
	
background-size: 8%;
	
margin: 2% auto 0;
}
.vss_cpgs h2 {
    margin-top: 18px;
}
.vss_cpgs h2, .vss_cpys_box h2 {
    font-size: 14px;
}
.vss_cpgs p {
    margin-top: 5px;
    width: 100%;
}	

.vss_cpys_box {
    margin-top: 10px;
    margin-bottom: 10px;
}

.vss_cpys_box li {
    width: 44%;
    margin: 0.6%;
    height: 350px;
	padding: 0px 2%;
}
	
.vss_cpys_box div {
    margin: 10px auto 10px;
}
.vss_cpys_box li h2:nth-child(3) {
    margin-top: 10px;
    width: 98%;
}	
	
}
@media (max-width: 376px){
 .service .item {padding-left: 55px;}
 .service a {font-size:14px;}
	.b-txt-box li {
    margin: 0 2.5%;
}
.service p  {font-size:12px;}
.f-top .contact img {width:85px}
.f-top .contact span {
    left: 18px;
    font-size: 12px;
}
.f-top .hotLine dd em {font-size:12px;margin-top: 3px;}
.f-top .hotLine dd span {font-size:14px;}
.links-wrap-div a {width: 159px;height: 87px;}
.introduce-comment .tabs dd span {
    font-size: 12px;
}
.slider-length-long {
    width: 320px;
}
.line-tip {margin-left: 0;}
.slider-length-middle {
    width: 240px;
}
.server-price {font-size:16px;}
.input-reset {
    width: 220px;
}
.chessgame-banner {
    height: 535px;
}
.chessgame-banner .solution-card {height:300px;}

.table-info2 tr td {font-size:12px;}
.youshi-our2 {width:41.5%;}
	
.tuiguang-youshi-our2 {width:41.5%;}	
.table-info3 tr td {padding:0;}
.Prosum_ex li {
    height: 145px;
}
.ba-bottom li {
    height: 290px;
}
.education-banner {
    height: 230px;
}
.products .adv-t {
    float: left;
    margin-bottom: 10px;
    margin: 5px 5px;
}
.financial-banner .solution-cards .solution-card {
    height: 330px;
}
.policy_background ul li {height: 240px;}
.login-form-item {
    width: 240px;
    padding-left: 10px;
}
.login-main {
    padding: 26px 10px;
    right: 7.5px;
	width: 90%;
	margin: 0px auto;
}
.login-main-phone .login-form-item  {
    width: 200px;
}
.password-info {font-size:12px;}
.row-item span {font-size:12px;width: 75px;}
.row-item .input {font-size:12px;}
.row-item span:before {
    width: 8px;
}
.captcha-item .row-item {
    width: 215px;
}
.show-captcha {
    left: 220px;
    font-size: 12px;
    width: 120px;
}
.fwqaqg_bt {}
.cartList .cartCategory {margin:0;}
.proList li {
    width: 175px;
}
.proList .detail {
    padding: 0 8%;
}
.proList .price {padding-left:8%;font-size:12px;}
.proDdos li {
	width:175px;
	margin-left: 0;
}
.proDdos li .detail {width:90%}
.solution-cards02 {margin-left:6px}
.solution-cards02 .solution-card {
    width: 48.5%;
    margin: 4px 2.5px;
}
.education-arc {height:668px;}
.education-arc .frame .frame-list {height:110px;}
.youshi-our2 li.youshi-header {height:100px}
.education-arc .frame .frame-list h4, .education-arc .frame .frame-list span {font-size:12px;}
.youshi-item2 li {height: 100px;}
.tuiguang-youshi-item2 li {height: 60px;}
#btnSendCode {width:110px;margin-top:0;font-size:12px; margin-left: 5px}
	
	.tuiguang-youshi-our2 li.youshi-header{
		height: 60px
	}		
.vss_cpgs li {
    height: 145px;
}	
}
@media (max-width:376px){
	.b-txt-box li {
    margin:0px 0px;
}
}

@media (max-width:361px){
	.b-txt-box li {
    background-size: 14%;
    padding-left: 22px;
}

.cooperation-list li {
    width: 47.2%;
    margin: 8px 0 0 6px;
    height: 90px;
}
.news {height: 430px;}
.news-list li .con {font-size:12px;}
.news-list li .time {font-size:12px;}
.links-wrap-div a {
    margin: 1.1% 2%;
}
.slider-length-long {
    width: 300px;
}
.slider-length-middle {width:220px;}
.products .adv-t {
    font-size: 12px;
}
.mod_cp_1 .info-banner {height: 280px;}
.table-info3 tr td {padding: 0 3px;font-size: 12px;}
.mod-ddos .info-banner {height: 280px;}
.info-banner {height:279px;}
.live_video {height:230px;}
.login-main {right:15px;}
.login-form-item {
    width: 220px;
}
#btnSendCode {
    width: 100px;
}
.getpassword .form {width:100%;}
.step-box span {font-size:12px;}
.product-title p {display: none;}
.product-application2 .product-scene-tab .scene-tab + .scene-tab {margin-left: 10px;}
.server-cp .virtue-list li {
    padding: 50px 5px 0;
    width: 50%;
}
.server-cp .virtue-title {
    font-size: 14px;
}
.server-cp .virtue-sub-title {font-size:12px;}
.our-block-extra2 {font-size:12px;height: 60px;line-height: 60px;}
.youshi-item2 .youshi-header {font-size:12px;height: 20px;}
.youshi-item2 li {
    font-size: 12px;
}
	
.tuiguang-youshi-item2 .youshi-header {font-size:12px;height: 20px;}
.tuiguang-youshi-item2 li {
    font-size: 12px;
}	
.cartList .cartCategory {margin:0;}
.cartYears {width:30px;}
.proList li {width:170px;}
.proList .detail {
    padding: 0 8%;
}
.proList .price {padding-left: 8%;font-size: 12px;}
.proDdos-right {width:48%;}
.proDdos-right .name a {font-size:12px;width: 30px;}
.solution-cards02 .solution-card {
    /* height: 350px; */
}
.youshi-item2 li {}
.youshi-our2 li.youshi-header {
    height: 19px;
}
.tuiguang-youshi-our2 li.youshi-header {
    height: 19px;
}

	
}

@media (max-width:321px){
	.input-reset {
    width: 180px;
}
.server-buy-btn {
    padding: 0 10px;
    line-height: 35px;
    height: 35px;
}
.f-top .contact img {width: 75px;}
.products .adv-t {height: auto;line-height: 20px;margin: 0;width: 32%;padding: 3px 0;}
.login-but, .register-but {width:60px;}
.youshi-our2 {width:41%;}
	.tuiguang-youshi-our2{width: 41%;}	

	.tuiguang-youshi-them li{height: 60px}	
.youshi-them li {height:138px;}
.Prosum_ex li {
    height: 168px;
}
.login-main {right: 0;}
.login-form-item {width: 180px;}
.login-main-phone .login-form-item {
    width: 165px;
}
#btnSendCode {
   
}
td.validate-tips {left:30px;}
.b-txt-box li {margin: 0 0.8%;}
.service p {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.slider-length-long {width: 278px;}
.ciH2 {font-size:12px;width: 70px;}
.cartList .cartCategory {
    width: 60px;
}
.carttTh .cartInfo, .cartList .cartInfo {width:50px}
.carttTh .cartItem, .cartList .cartItem {
    width: 78px;
}
.cartCategory {width:40px;margin: 0 10px 0 0;}
.service .item {
    padding-left: 30px;
    background-position: 0 center;
    background-size: 8%;
}

	.tuiguang-tglc .box{
		width: 100%;
	}
.vss_cpgs li {
    height: 168px;
}
}

@media (min-width:1120px)  {

    .jrlc .box1{display: none;}
}
/*专家服务*/

@media (max-width:1120px) { 

.zjfw-fwys li {
    width: 24%;
}
.home-main{width: 100%;}
.page-footer-main .foot-nav-right{width: 100%;}
.basic-infor a{width: 100%;}
.foot-nav-left{width: 100%;text-align: center;}
.page-footer-main .foot-nav-right{text-align: center;}
.page-footer-main .columns{margin-left: 0;}
ul.tabs_item{display: flex;justify-content: center;}
.di1 h3{display: none;}
.di1{
    left: 0%;
    width: auto; 
     height: auto;
    color: #fff;
    top: -14%;
    position: initial;

    background: url(../images/a21.jpg);
    background-size: cover;
}
.hiddImg{display: none!important;}
.cpgn{height: auto;}
.cpgn .box{width: 100%;flex: 0 1 150px;flex-wrap: wrap;}
.cpgn .box .right{width: 100%;height: auto;}
.cpgn .box .left{width: 100%;display: flex;}
.cpgn .box .left li{width: 33.3%;text-align: center;padding-left: 0!important;}
.cpgn .box .left{height: auto;}
.cpgn .box .left li:last-child{border-bottom: 1px solid rgb(184, 184, 184);}
.cpgn .box .left li{height: auto;line-height: initial;}
.cpgn .box .left li img{ display: block;margin-left: auto;margin-right: auto!important;}
.cpgn .box .right div{position: initial;}
.auto-container {width: 100%!important;}
.adv-column-four .column-four-item{flex: 0 1 49%;}
.cptj{width: 100%;}
.cptj .more{display: none;}
.adv-column-four .column-four-item{height: 442px;}
.cptj .column{margin: 0 auto;}
.cptz .cptz_box .left,.cptz .cptz_box .left li:nth-of-type(1){width: 100%!important;}
.cptz .cptz_box .left li{width: 100%;text-align: center;}
.cptz .cptz_box .right{width: 100%;}
.cptz .cptz_box .right .title{
    background-size: 100% 100%;
    height: 40px;
    width: 100%;
}
.cptz .cptz_box .right .common{width: 100%;}
.cptz .cptz_box .right .content{width: 100%;min-width: auto;}
.cptz .cptz_box .right .content ul{width: 25%;}
.cptz .cptz_box .right .content ul li{height: auto;}
.cptz .cptz_box .right .common{height: auto;}
.jrlc .box{display: none;}
.jrlc .box1 img{margin-bottom: 10px;}
.jrlc .box1 ul{padding-top: 50px;flex-wrap: wrap;}
.jrlc .box1 li{flex: 0 1 25%;}
}

@media (max-width: 640px){
    .jrlc .box1 li:nth-of-type(1){margin-bottom: 15px;}
    .jrlc .box1 li{flex: 0 1 100%;margin-bottom: 15px;}
	.zjfw-fwnr-list ul li {
		width: 100%;
	}	
	.adv-column-four .column-four-item{flex: 0 1 100%;}
.zjfw-fwnr-box{
	width: 90%;
	padding: 0px;
	margin: 0px auto;
}	
	
.zjfw-fwys {
    margin-top: 10px;
    margin-bottom: 10px;
}

.zjfw-fwys h2 {
    font-size: 14px;
}

.zjfw-fwys li {
    width: 48%;
    margin: 0.6%;
    height: 280px;
	}
.zjfw-fwys div {
    margin: 10px auto 10px;
}
.zjfw-fwys li h2:nth-child(3) {
    margin-top: 10px;
    width: 90%;
}

.zjfw-fwlc ul li {
  width: 100%;
}

.zjfw-fwlc .jt{position: relative; top: 155px; display: none}	

	
	.db-fwys ul li{width: 100%; margin-bottom: 20px;}
	
.db-fwnr ul li {
  width: 100%;

}

.db-fwnr .jt{position: relative; top: 95px; display: none}	
	
.db-zcjd{width:100%;padding:50px 0 80px 0;float:left;}
.db-zcjd li{display: block;}
.db-zcjd li .img{width: 100%;}
.db-zcjd li .img img{width: 100%;}
.db-zcjd li .text{width:90%; padding-top:0px; margin: 0px auto;}
.db-zcjd li .text p{font-size:14px; color:#666; line-height:30px}
.db-zcjd li .text H3{font-size:18px; font-weight:bold; color:#000; line-height:40px}
.db-zcjd .fl{float:none}
.db-zcjd .fr{float:none}	
}

@media (max-width: 280px){
.b-txt{display:none}	
.i-none{display:none}	
.product-info-detail {
    font-size: 12px;
}
}

@media (max-width: 376px){
.product-info-detail {
    margin-bottom: 5px;
    line-height: 22px;
}
}
.table-container{width:1120px;margin-left:auto;margin-right:auto}