* {
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    font: 14px 微软雅黑, Noto Sans SC, Arial, 宋体;
    min-width: 1200px;
}


/** 初始化全局标签 **/
body {
    line-height: 24px;
}

.mt {
    margin-top: 24px;
}

.text-333 {
    color: #333333;
}

.hide {
    display: none;
}

hr {
    height: 1px;
    margin: 10px 0;
    border: 0;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    color: #333;
    text-decoration: none;
}

.white {
    color: #ffffff;
}

/* a:hover {
    color: #777;
} */

.demo_top {
    display: block;
    height: 70px;
    width: 100%;
    background: RGB(41, 46, 53);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.index_img {
    position: relative;
    z-index: 2;
}

.demo_banner {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: 500px;
    background: url("./images/bg.png") center center no-repeat;
}

#banners {
    width: 100%;
    height: 500px;
    margin-bottom: 60px;
}

.apply-product {
    display: block;
    height: 265px;
    width: 100%;
    background: url("./images/index_apply.jpg") center center no-repeat;
}

.demo_link {
    display: block;
    height: 344px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2603px;
    left: 0;
    z-index: 1;
}

.demo_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2930px;
    left: 0;
    z-index: 1;
}

.pc01_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc01_banner.jpg") center center no-repeat;
}

.pc02_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc02_banner.jpg") center center no-repeat;
}

.pc03_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc03_banner.jpg") center center no-repeat;
}

.pc04_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc04_banner.jpg") center center no-repeat;
}

.pc05_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc05_banner.jpg") center center no-repeat;
}

.pc06_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc06_banner.jpg") center center no-repeat;
}

.pc07_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc07_banner.jpg") center center no-repeat;
}

.pc08_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc08_banner.jpg") center center no-repeat;
}

.pc09_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc09_banner.jpg") center center no-repeat;
}

.pc10_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc10_banner.jpg") center center no-repeat;
}

.pc11_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc11_banner.jpg") center center no-repeat;
}

.pc12_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc12_banner.jpg") center center no-repeat;
}

.pc13_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc13_banner.jpg") center center no-repeat;
}

.pc14_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc14_banner.jpg") center center no-repeat;
}

.pc15_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc15_banner.jpg") center center no-repeat;
}

.pc16_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc16_banner.jpg") center center no-repeat;
}

.pc17_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc17_banner.jpg") center center no-repeat;
}

.pc18_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc18_banner.jpg") center center no-repeat;
}
.pc19_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc19_banner.png") center center no-repeat;
}
.pc20_banner {
    width: 100%;
    height: 420px;
    background: url("./images/pc20_banner.png") center center no-repeat;
}

.pc21_banner {
    width: 100%;
    height: 420px;
    background: url("./images/product-center21/pc21_banner.png") center center no-repeat;
}

.bx_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 480px;
    background: url("./images/bx_banner.jpg") center center no-repeat;
}

.yh_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 480px;
    background: url("./images/yh_banner.jpg") center center no-repeat;
}

.cs_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 480px;
    background: url("./images/cs_banner.png") center center no-repeat;
}

.ap_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 480px;
    background: url("./images/ap-banner.png") center center no-repeat;
}


.pc01_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 3107px;
    left: 0;
    z-index: 1;
}

.pc01_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 3434px;
    left: 0;
    z-index: 1;
}

.pc02_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 4699px;
    left: 0;
    z-index: 1;
}

.pc02_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 5026px;
    left: 0;
    z-index: 1;
}

.pc03_plan {
    position: absolute;
    top: 1425px;
    left: 0;
    width: 100%;
    height: 542px;
    background: url("./images/pc03-bg-plan.png") center center no-repeat;
}

.pc03_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 3018px;
    left: 0;
    z-index: 1;
}

.pc03_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 3345px;
    left: 0;
    z-index: 1;
}

.pc04_plan {
    position: absolute;
    top: 1263px;
    left: 0;
    width: 100%;
    height: 624px;
    background: url("./images/pc04-bg-plan.png") center center no-repeat;
}

.pc04_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 1865px;
    left: 0;
    z-index: 1;
}

.pc04_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2192px;
    left: 0;
    z-index: 1;
}


.pc05_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 1949px;
    left: 0;
    z-index: 1;
}

.pc05_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2276px;
    left: 0;
    z-index: 1;
}

.pc06_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 1844px;
    left: 0;
    z-index: 1;
}

.pc06_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2171px;
    left: 0;
    z-index: 1;
}

.pc07_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 1841px;
    left: 0;
    z-index: 1;
}

.pc07_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2168px;
    left: 0;
    z-index: 1;
}

.pc08_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 1869px;
    left: 0;
    z-index: 1;
}

.pc08_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2196px;
    left: 0;
    z-index: 1;
}

.pc09_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2182px;
    left: 0;
    z-index: 1;
}

.pc09_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2509px;
    left: 0;
    z-index: 1;
}

.pc10_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2238px;
    left: 0;
    z-index: 1;
}

.pc10_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2565px;
    left: 0;
    z-index: 1;
}

.pc11_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2237px;
    left: 0;
    z-index: 1;
}

.pc11_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2564px;
    left: 0;
    z-index: 1;
}

.pc12_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2512px;
    left: 0;
    z-index: 1;
}

.pc12_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2839px;
    left: 0;
    z-index: 1;
}

.nc_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 480px;
    background: url("./images/nc_banner.jpg") center center no-repeat;
}

.nd_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 480px;
    background: url("./images/nc_banner.jpg") center center no-repeat;
}

.nc_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2056px;
    left: 0;
    z-index: 1;
}

.nc_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2383px;
    left: 0;
    z-index: 1;
}

.service_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 1263px;
    left: 0;
    z-index: 1;
}

.service_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 1590px;
    left: 0;
    z-index: 1;
}

.support_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 1050px;
    left: 0;
    z-index: 1;
}

.support_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 1377px;
    left: 0;
    z-index: 1;
}

.au_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 480px;
    background: url("./images/au_banner.jpg") center center no-repeat;
}

.service_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 490px;
    background: url("./images/service_banner.jpg") center center no-repeat;
}

.support_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 490px;
    background: url("./images/support_banner.jpg") center center no-repeat;
}

.ju_banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 490px;
    background: url("./images/ju_banner.jpg") center center no-repeat;
}

.au_plan {
    position: absolute;
    top: 3573px;
    left: 0;
    width: 100%;
    height: 360px;
    background: url("./images/au_plan.png") center center no-repeat;
    z-index: -1;
}

.au_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 3955px;
    left: 0;
    z-index: 1;
}

.au_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 4282px;
    left: 0;
    z-index: 1;
}

.nc-btn {
    display: block;
    width: 80px;
    height: 70px;
    z-index: 3;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 400px;
}

.au-btn {
    display: block;
    width: 80px;
    height: 70px;
    z-index: 3;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 530px;
}

.services-btn {
    display: block;
    width: 80px;
    height: 70px;
    z-index: 3;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 80px;
}

.support-btn {
    display: block;
    width: 80px;
    height: 70px;
    z-index: 3;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 170px;
}

.pc-btn {
    display: block;
    width: 402px;
    height: 258px;
    z-index: 3;
    cursor: pointer;
    position: absolute;
    top: 710px;
    left: 50%;
    /*background: red;*/
    /*opacity: .5;*/
}

.pc01-btn {
    margin-left: -600px;
}

.pc02-btn {
    margin-left: -200px;
}

.pc03-btn {
    margin-left: 200px;
}

.pc04-btn {
    top: 985px;
    margin-left: -600px;
}

.pc05-btn {
    top: 985px;
    margin-left: -200px;
}

.pc06-btn {
    top: 985px;
    margin-left: 200px;
}

.products-content {
    display: none;
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -56px;
    background: #fff;
    z-index: 3;
    padding: 10px 20px;
    line-height: 30px;
    font-size: 16px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    color: #000000;
}

ol, ul {
    list-style: none;
}

.products-content a {
    display: block;
    padding: 0 8px;
    text-decoration: none;
    color: #686e75;

}

.icon {
    display: block;
    width: 13px;
    height: 7px;
    background: url("./images/icon.png");
    position: absolute;
    top: -7px;
    left: -13px;
    margin-left: 50px;
    z-index: 3;
}

/* .product-btn {
    position: absolute;
    display: block;
    width: 100px;
    height: 70px;
    left: 50%;
    margin-left: -180px;
    top: 0px;
    z-index: 4;
    cursor: pointer;
    background: red;
    opacity: .5;
} */

/* .plan-btn {
    display: block;
    margin-left: 130px;
    width: 120px;
}

.partner-btn {
    display: block;
    margin-left: 260px;
    width: 120px;
}

#partner-btn .products-content{
    display: none;
    width: 460px;
    margin-left: -260px;
}
#partner-btn .icon {
    left: 200px;
} */

.nd_link {
    display: block;
    height: 373px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 1340px;;
    left: 0;
    z-index: 1;
}

.nd_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 1667px;
    left: 0;
    z-index: 1;
}

.nd-btn {
    position: absolute;
    display: block;
    width: 100px;
    height: 30px;
    top: 758px;
    left: 50%;
    margin-left: 436px;
    cursor: pointer;
    z-index: 3;
}

.index-btn {
    position: absolute;
    display: block;
    width: 362px;
    height: 70px;
    top: 0px;
    left: 50%;
    margin-left: -600px;
    cursor: pointer;
    z-index: 3;
    background: url("./images/log.png") center center no-repeat;
    overflow: hidden;
}

.fixed-nav {
    position: fixed;
    right: 8px;
    cursor: pointer;
    top: 30%;
    z-index: 3;
}

.banner02-anime {
    position: absolute;
    z-index: 3;
}

.banner03-anime {
    position: absolute;
    z-index: 3;
}

.banner04-anime {
    position: absolute;
    z-index: 3;
}

.banner03-1 {
    left: 50%;
    margin-left: 208px;
    top: 60px;
}

.banner03-3 {
    left: 50%;
    margin-left: 140px;
    top: 297px;
}

.banner03-2 {
    left: 50%;
    margin-left: 208px;
    top: 160px;
}

.banner02-1 {
    left: 50%;
    margin-left: -58px;
    top: 20px;
}

.banner02-2 {
    left: 50%;
    margin-left: 153px;
    top: 118px;
}

.banner04-1 {
    left: 50%;
    margin-left: 384px;
    top: 260px;
}

.banner04-2 {
    left: 50%;
    margin-left: 152px;
    top: 322px;
}


.yuan {
    width: 430px;
    height: 75px;
    position: absolute;
    left: 50%;
    top: 338px;
    margin-left: 40px;
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
}

.yuan svg {
    opacity: 1;
}

.yuan .dian {
    width: 40px;
    height: 40px;
    background: url("./images/yd.png") center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -20px;
    margin-top: -20px;
    opacity: 1;
}

.pageBanner2 .yuan .dian.on {
    opacity: 1;
}

.banner01 {
    width: 100%;
    height: 500px;
    background: center no-repeat;
    background-image: url("./images/banner01.png");
}

.banner02 {
    width: 100%;
    height: 500px;
    background: center no-repeat;
    background-image: url("./images/banner02.png");
}

.banner03 {
    width: 100%;
    height: 500px;
    background: center no-repeat;
    background-image: url("./images/banner03.png");
}

.banner04 {
    width: 100%;
    height: 500px;
    background: center no-repeat;
    background-image: url("./images/banner04.png");
}

.banner05 {
    width: 100%;
    height: 500px;
    background: center no-repeat;
    background-image: url("./images/banner05.gif");
}

.banner06 {
    width: 100%;
    height: 500px;
    background: center no-repeat;
    background-image: url("./images/banner06.gif");
}

.banner01-anime {
    position: absolute;
    z-index: 3;
}

.banner01-1 {
    top: 335px;
    left: 50%;
    margin-left: 30px;
}

.banner01-2 {
    top: 184px;
    left: 50%;
    margin-left: -456px;
}

.banner01-3 {
    top: 90px;
    left: 50%;
    margin-left: -316px;
}

.banner01-4 {
    top: 144px;
    left: 50%;
    margin-left: -500px;
}

.banner01-5 {
    top: 222px;
    left: 50%;
    margin-left: 350px;
}

.xian {
    width: 490px;
    height: 262px;
    position: absolute;
    left: 50%;
    top: 195px;
    margin-left: 87px;
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
}

.xian .line {
    width: 40px;
    height: 40px;
    background: url("./images/yd.png") center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -20px;
    margin-top: -20px;
    opacity: 1;
}

#swiper-container {
    margin-bottom: 60px;
}

#swiper-container h2 {
    margin: 60px auto;
    text-align: center;
    font-size: 26px;
    color: #0a1633;
    letter-spacing: 1px;
}

.swiper-container {
    width: 1200px;
    height: 200px;
    background: #fff;
}

#product-btn .products-content ul {
    float: left;
    margin-left: 20px;
}

#partner-btn .products-content ul {
    float: left;
    margin-left: 20px;
    width: 200px;
}

#product-btn .products-content {
    /*display: block;*/
    width: 1285px;
    height: auto;
    margin-left: -530px;
}

#product-btn .products-content .icon {
    left: 0;
    margin-left: 520px;
}

.products-content a {
    font-size: 14px;
    line-height: 40px;
}

#plan-btn .products-content a {
    width: 70px;
    text-align: center
}


.products-content a:hover {
    background: #fff1e5;
    color: #ff7900;
    border: 0
}

.products-content a.spec:hover {
    background: #fff;
    color: #686e75;
    cursor: auto;
}

.product-title {
    font-size: 16px;
    padding: 5px 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    font-weight: bold;
}

.zp {
    display: block;
    width: 320px;
    height: 100px;
    /* background: red;*/
    z-index: 3;
    position: absolute;
    left: 50%;
    cursor: pointer;
}

.zp01 {
    top: 3423px;
    margin-left: -563px;
}

.zp02 {
    top: 3423px;
    margin-left: -170px;
}

.zp03 {
    top: 3423px;
    margin-left: 220px;
}

.zp04 {
    width: 200px;
    height: 55px;
    top: 4109px;
    margin-left: -112px;
}

.our-strengths h2 {
    margin: 60px auto;
    text-align: center;
    font-size: 26px;
    color: #0a1633;
    letter-spacing: 1px;
}

.our-strengths ul {
    width: 100%;
    min-width: 1200px;
    height: 520px;
    overflow: hidden;
    background: #858585;
}

.our-strengths li {
    position: relative;
    float: left;
    width: 17%;
    height: 520px;
    transition: all .5s;
    background: #858585;
    text-align: center;
}

.os_li {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.os_li_hover {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background: rgba(243, 172, 48, 1);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0;
    overflow: hidden;
    transition: all .5s;
}

.hover_img {
    margin-top: 120px;
}

.hover_text {
    width: 352px;
    color: #fff;
    line-height: 22px;
    margin: auto;
    text-align: left;
    font-weight: 400;
    word-break: break-all;
    letter-spacing: 1px;
}

.os_li_01 {
    background: url("./images/os_01.png") center;
    background-repeat: no-repeat;
    background-size: cover;
}

.os_li_02 {
    background: url("./images/os_02.png") center;
    background-repeat: no-repeat;
    background-size: cover;
}

.os_li_03 {
    background: url("./images/os_03.png") center;
    background-repeat: no-repeat;
    background-size: cover;
}

.os_li_04 {
    background: url("./images/os_04.png") center;
    background-repeat: no-repeat;
    background-size: cover;
}

.os_li_05 {
    background: url("./images/os_05.png") center;
    background-repeat: no-repeat;
    background-size: cover;
}

.os_li_hover_01 {
    background: url("./images/os_01_hover.png") center;
}

.os_li_hover_02 {
    background: url("./images/os_02_hover.png") center;
}

.os_li_hover_03 {
    background: url("./images/os_03_hover.png") center;
}

.os_li_hover_04 {
    background: url("./images/os_04_hover.png") center;
}

.os_li_hover_05 {
    background: url("./images/os_05_hover.png") center;
}

.our-strengths li.hover, .our-strengths li:hover {
    width: 32%;
}

.our-strengths .img {
    width: 200px;
    height: auto;
    margin-top: 110px;
}


.our-strengths li:hover .os_li_01, .our-strengths li.hover .os_li_01 {
    opacity: 0;
}

.our-strengths li:hover .os_li_hover, .our-strengths li.hover .os_li_hover {
    opacity: 1;
}

.apply-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("./images/apply_bg.png") no-repeat 100% 100%;
}

#apply {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    width: 750px;
    height: 420px;
    overflow: hidden;
    left: 50%;
    margin-left: -375px;
    top: 23%;
}

.apply-left {
    width: 335px;
    height: auto;
    float: left;
}

.apply-right {
    width: 415px;
    height: auto;
    float: right;
    text-align: center;
    padding: 50px 60px;
    box-sizing: border-box;
    position: relative;
}

.apply-right h3 {
    color: #6b798e;
    font-size: 16px;
    margin-bottom: 15px;
}

.input-text {
    display: block;
    width: 100%;
    height: 36px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 10px;
    box-sizing: border-box;
}

.input-text-small {
    width: 60%;
    float: left;
}

.clear {
    clear: both;
    overflow: hidden;
}

.getCode {
    float: right;
    margin-left: 5%;
    width: 35%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #ff7900;
    color: #ff7900;
    background: #fff;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
    box-sizing: border-box;
}

.apply-submit {
    width: 100%;
    height: 40px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    background: #ff7900;
    line-height: 40px;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 15px;
}

.alert-modal {
    display: block;
    width: 255px;
    opacity: 0;
    transition: all 1s;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: 0px;
}

.alert-modal.info {
    opacity: 1;
    background: rgb(110, 193, 81);
}

.alert-modal.error {
    opacity: 1;
    background: rgb(255, 130, 124);
}

.alert-modal {
    position: absolute;
    bottom: 3px;
    left: 60px;
}

.apply-banner {
    width: 335px;
    height: auto;
}

.apply-bottom {
    text-align: center;
    position: absolute;
    top: 92%;
    z-index: 4;
    font-size: 14px;
    color: #6b798e;
    left: 50%;
    margin-left: -155px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #b2b2b2;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b2b2b2;
}

::-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #b2b2b2;
}

[disabled] {
    opacity: .5;
    cursor: not-allowed;
}

.index-apply {
    position: relative;
}

.apply-btn {
    width: 250px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 146px;
    margin-left: -353px;
}

.join-us {
    width: 90px;
    height: 36px;
    /*background: red;*/
    position: absolute;
    top: 2808px;
    z-index: 3;
    left: 50%;
    margin-left: -45px;
}

.leave-msg {
    cursor: pointer;
}

.leave-msg-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 6;
    display: none;
}

.leave-msg-form {
    position: absolute;
    width: 560px;
    height: 590px;
    left: 50%;
    margin-left: -250px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    top: 50%;
    margin-top: -295px;
}

.form-content {
    padding: 30px 100px;
}

.leave-msg-form .input-text {
    height: 46px;
    line-height: 46px;
    margin-bottom: 15px;
}

.input-area {
    width: 100%;
    height: 70px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 5px;
    padding: 5px 0;
}

.leave-msg-form h3 {
    color: #6b798e;
    font-weight: normal;
    font-size: 20px;
}

.form-title {
    position: relative;
    border-bottom: 1px solid #ddd;
    line-height: 60px;
}

.form-title .close-modal {
    position: absolute;
    right: 20px;
    top: 23px;
    cursor: pointer;
}

.form-content .alert-modal {
    width: 330px;
    text-align: center;
    left: 100px;
    padding: 10px 15px;
}

.form-content .getCode {
    height: 46px;
    line-height: 46px;
}


/*index.html start */
.index-nav {
    height: 70px;
    width: 100%;
    background: RGB(41, 46, 53);
    position: relative;
    z-index: 4;
}

.w-1200 {
    width: 1200px;
    margin: auto;
    /* position: relative; */
}


/* 行业服务 */
.w-1200 .hy::before {
    content: '';
    display: inline-block;
    height: 9px;
    width: 67px;
    margin-right: 14px;
    background: url('./images/industry/z-line.png') no-repeat center center;
    vertical-align: middle;

}

.w-1200 .hy {
    color: #323232;
    font-size: 28px;
     letter-spacing: 2px;
    text-align: center;
    margin: 50px;
}

.w-1200 .cp {
    margin-top: 68px;
    margin-bottom: 55px;
}

.w-1200 .hy::after {
    content: '';
    display: inline-block;
    height: 9px;
    width: 67px;
    margin-left: 14px;
    background: url('./images/industry/y-line.png') no-repeat center center;
    vertical-align: middle;

}

.w-1200 .contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 100px 0;
    /* margin-top: 100px;
    margin-bottom: 100px; */
    padding-right: 3px;

}

/* .w-1200  .contents-tb{
    margin:0;
} */
.w-1200 .m-t0 {
    margin-top: 0;
    margin-bottom: 55px;
}

.w-1200 .m-b {
    margin-bottom: 35px;
}

.w-1200 .m-bto {
    margin-bottom: 38px;
}

.w-1200 .m-btom {
    margin-bottom: 57px;
}

.w-1200 .m-b54 {
    margin-bottom: 54px;
}

.w-1200 .m-tb13 {
    margin-top: 79px;
    margin-bottom: 54px;
}

.w-1200 .m-bttom {
    margin-top: 0px;
    margin-bottom: 49px;
}

.w-1200 .m-b53 {
    margin-bottom: 53px;
}

.w-1200 .m-b62 {
    margin-bottom: 62px;
}

.w-1200 .contents .industry-characteristics {
    position: relative;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    box-shadow: 2px 5px 10px #ccc;
    width: 20%;
    padding: 49px 58px 46px 52px;
    background: #fff;
}

.w-1200 .contents .characteristic {
    width: 31%;
    height: 258px;
    box-sizing: border-box;
    background-color: #fff;
}

.w-1200 .contents .industry {
    margin-top: 60px;
    padding: 48px 48px 35px 40px;
    background-color: #fff;
    width: 48%;
    height: 217px;
    box-sizing: border-box;
}

.w-1200 .contents .industry-characteristics .circular {
    position: absolute;
    top: -25px;
    left: 50%;
    width: 68px;
    height: 68px;
    text-align: center;
    line-height: 68px;
    color: #ffffff;
    font-size: 34px;
    font-weight: bold;
    background-color: #fca642;
    border-radius: 50%;
    margin-left: -34px;
}

.w-1200 .contents .industry-characteristics .tit {
    position: relative;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    letter-spacing: 1px;
}

.w-1200 .contents .industry-characteristics .tit::after {
    content: '';
    display: block;
    position: absolute;
    top: 56px;
    left: 50%;
    width: 36px;
    height: 5px;
    background: #ff9f24;
    margin-left: -18px;
}

.w-1200 .contents .industry-characteristics .content {
    font-size: 14px;
    color: #888D93;
    letter-spacing: 2px;
    margin-top: 15px;
}

.w-1200 .contents .wh {
    padding: 62px 24px 18px;
}

.w-1200 .contents .wh-1 {
    width: 18%;
    padding: 62px 33px 66px 33px;
}

.w-1200 .platform::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -97px;
    left: 0;
    height: 174px;
    width: 90px;
    background: url('./images/industry/sd.png') no-repeat center center;
    background-size: 65px 140px;
    vertical-align: middle;
}

.w-1200 .platform {
    position: relative;
    margin: auto;
    margin-bottom: 82px;
    box-sizing: border-box;
    padding: 30px 78px 20px 78px;
    width: 1028px;
    min-height: 216px;
    background: url("/images/scheme_js.png") no-repeat;
    background-size: 100% 100%;
}

.w-1200 .pl70 {
    padding: 30px 75px 30px 73px;
}

.w-1200 .h187 {
    /* height: 187px; */
    margin-bottom: 83px;
    padding: 66px 103px 62px 96px;
}

.w-1200 .p81 {
    /* height: 187px; */
    margin-bottom: 81px;
    padding: 58px 108px 53px 96px;
}

.w-1200 .p78 {
    /* height: 187px; */
    margin-bottom: 78px;
    padding: 81px 73px 70px 70px;
}

.w-1200 .p80 {
    /* height: 187px; */
    margin-bottom: 81px;
    padding: 67px 103px 58px 96px;
}

.w-1200 .p75 {
    padding: 73px 103px 57px 96px;
}

.w-1200 .p76 {
    margin-bottom: 76px;
    padding: 79px 103px 61px 96px;
}

.w-1200 .energy {
    /* height: 187px; */
    margin-bottom: 81px;
    padding: 80px 103px 70px 96px;
}

.w-1200 .platform::after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -97px;
    right: 0;
    height: 174px;
    width: 90px;
    background: url('./images/industry/xd.png') no-repeat center center;
    background-size: 65px 140px;
    vertical-align: middle;
}

.w-1200 .dd::after {
    background: url('./images/industry/xd.png') no-repeat center center;
}

.w-1200 .platform .platform-tit {
    margin-bottom: 20px;
    font-size: 22px;
    color: #323232;
    font-weight: bold;
}

.w-1200 .platform p {
    font-size: 15px;
    color: #6F7680;
    line-height: 26px;
    letter-spacing: 2px;
}

.w-1200 .platform .m-b14 {
    margin-bottom: 14px;
}

.w-1200 .bgc-f {
    margin-top: 30px;
    padding: 1px 0 1px 0;
    background-color: #fff;
}

/* .w-1200 .last{
    margin-top: 0;
    margin-bottom: 60px;
} */
.w-1200 .last {
    margin-top: 0;
    margin-bottom: 60px;
}

.w-1200 .m-b37 {
    margin-bottom: 37px;
}

.w-1200 .m-b34 {
    margin-bottom: 34px;
}

.w-1200 .m-b104 {
    margin-bottom: 104px;
}

.w-1200 .fm-t {
    margin-top: -4px;
}


.w-1200 .m-to {
    margin-top: 32px;
}

.w-1200 .m-tb {
    margin-top: 2px;
    margin-bottom: 79px;
}

.w-1200 .m-tb1 {
    margin-top: 35px;
}

.w-1200 .m-tb2 {
    margin-top: 100px;
    margin-bottom: 67px;
}

.w-1200 .m-tb3 {
    margin-top: 70px;
    margin-bottom: 63px;
}

.w-1200 .m-tb4 {
    margin-top: 2px;
    margin-bottom: 9px;
}

.w-1200 .m-tb5 {
    margin-top: 62px;
    margin-bottom: 84px;
}

.w-1200 .m-tb6 {
    margin-top: 0px;
    margin-bottom: 79px;
}

.w-1200 .m-tb7 {
    margin-top: 0px;
    height: 26px;
    margin-bottom: 79px;
}

.w-1200 .m-tb8 {
    margin-top: 15px;
    margin-bottom: 93px;
}

.w-1200 .m-tb9 {
    margin-top: 62px;
    margin-bottom: 45px;
}

.w-1200 .m-tb10 {
    margin-top: 15px;
    margin-bottom: 89px;
}

.w-1200 .m-tb11 {
    margin-top: 90px;
    margin-bottom: 50px;
}

.w-1200 .m-tb12 {
    margin-top: 68px;
    margin-bottom: 58px;
}

.w-1200 .m-tb13 {
    margin-top: 39px;
    margin-bottom: 73px;
}

.w-1200 .m-tb14 {
    margin-top: 70px;
    margin-bottom: 57px;
}

.w-1200 .m-t46 {
    margin-top: 46px;
}

.w-1200 .m-b46 {
    margin-bottom: 46px;
}

.w-1200 .m-b41 {
    margin-bottom: 41px;
}

.w-1200 .m-b115 {
    margin-bottom: 115px;
}

.w-1200 .m-b70 {
    margin-bottom: 70px;
}

.w-1200 .m-b82 {
    margin-bottom: 82px;
}

.w-1200 .m-b75 {
    margin-bottom: 75px;
}

/* 技术支持 */
.w-1200 .technical-support {
    /* height: 338px; */
    /* padding: 100px 80px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 43px;
}

.w-1200 .technical-support li {
    padding-top: 80px;
    width: 24%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.w-1200 .technical-support li .r {
    color: #FD9A16;
}


.w-1200 .user-value {
    box-sizing: border-box;
    /*padding: 0 26px 75px;*/
    background: url("/images/solution_bg02.jpg") no-repeat;
    background-size: 100% 100%;
    width: 100vw;
    position: relative;
    left: calc((1200px - 100vw)/2);
    z-index: 1;
}

.w-1200 .m-top {
    padding-bottom: 15px;
}

.w-1200 .box {
    padding-bottom: 80px;
}

.w-1200 .boxs {
    padding-bottom: 20px;
}

.w-1200 .p-b {
    padding-bottom: 64px;
}

.w-1200 .user-value .user-value-tit {
    padding-top: 68px;
    padding-bottom: 76px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    /* letter-spacing: .2em; */
}

.w-1200 .user-value .yhjz {
    padding-top: 57px;
    padding-bottom: 73px;
}

.w-1200 .user-value .user-value-list {
    display: flex;
    justify-content: space-between;
    height: 200px;
}

.w-1200 .user-value .user-value-list .left {
    margin-left: 40px;
}

.w-1200 .user-value .user-value-list .user-value-list-item {
    position: relative;
    display: flex;
    padding: 0 38px 0 50px;
    height: 137px;
    width: 50%;
    background: #3a3a46;
}

.w-1200 .user-value .user-value-list .user-value-list-item .num {
    font-size: 40px;
    font-style: italic;
    font-weight: 800;
    text-align: center;
    line-height: 70px;
    color: #ffffff;
    position: absolute;
    top: -33px;
    right: 40px;
    background-color: #b57627;
    width: 77px;
    height: 70px;
}

.w-1200 .user-value .user-value-list .user-value-list-item .block {
    font-style: normal;
}

.w-1200 .user-value .user-value-list .user-value-list-item span {
    margin-top: 58px;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    letter-spacing: 1px;
}

.w-1200 .user-value .user-value-list .user-value-list-item img {
    margin-right: 30px;
    margin-top: 35px;
    /*width: 50px;*/
    /*height: 55px;*/
    flex-shrink: 0
}

.user-value .user {
    position: relative;
    display: flex;
    padding: 0 48px 0 50px;
    background: #3a3a46;
    height: 140px;
}

.user-value .user .num {
    font-style: italic;
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    line-height: 70px;
    color: #ffffff;
    position: absolute;
    top: -33px;
    right: 40px;
    background-color: #b57627;
    width: 77px;
    height: 70px;
}

.user-value .user .block {
    font-style: normal;
}

.user-value .user img {
    margin-right: 30px;
    margin-top: 45px;
    /*width: auto;*/
    /*height: 46px;*/
}

.user-value .user span {
    margin-top: 55px;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    letter-spacing: 1px;
}

/* .w-1200 .user-value .platforms{
    height: 100px;
   background: rgba(27, 5, 5, 0.918);
}
.w-1200 .user-value .platforms .platform-item{
    display: flex;
}
.w-1200 .user-value .platforms .platform-item img{
    margin-right: 10px;
    margin-top: 30px;
    width: 40px;
    height: 40px;
} */


.fl {
    float: left;
}

.fr {
    float: right;
}

.fr .fr-tit::before {
    content: '';
    display: inline-block;
    margin-right: 8px;
    width: 5px;
    height: 20px;
    background: #ff9f24;
    vertical-align: middle;
    /* margin-top: 40px;
    color: #323232;
    font-size: 22px;
    font-weight: bold; */
}

.fr .fr-tit {
    margin-top: 50px;
    /* margin-left: 20px; */
    display: inline-block;
    color: #323232;
    font-size: 22px;
    font-weight: bold;
}

.fr .m-t151 {
    margin-top: 151px
}

.fr .m-t0 {
    margin-top: 0px
}

.fr .m-t42 {
    margin-top: 42px
}

.fr .m-t34 {
    margin-top: 34px
}

.fr .m-t61 {
    margin-top: 61px
}

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

.nav-right {

    display: flex;
    width: 780px;
    height: 70px;
    line-height: 70px;
    color: #fff;
    letter-spacing: 0px;
    font-size: 16px;
}

a {
    text-decoration: none;
}

.nav-right > li {
    padding: 0 15px;
}

.nav-right > li.active {
    color: #ff7900;
}

.nav-right > li.active a.white {
    color: #ff7900;
}

.nav-right li a {
    color: #fff;
}

.nav-right li .white {
    color: #ffffff;
}

.nav-right .icon-down {
    margin-left: 5px;
}


/* 导航区域 */
.index-nav .w-1200 .nav-right .product {
    position: relative;
}

.index-nav .w-1200 .nav-right .product .product-btn {
    position: absolute;
    /* background-color: #ff9507; */
    display: block;
    width: 100px;
    height: 70px;
    cursor: pointer;
    top: 0;
    left: 0;
}

.index-nav .w-1200 .nav-right .product .partner-btn {
    display: block;
    /* margin-left: 260px; */
    width: 120px;
}

.index-nav .w-1200 .nav-right .product #partner-btn .products-content {
    display: none;
    width: 460px;
    /* margin-left: -260px; */
}

.index-nav .w-1200 .nav-right .product #partner-btn .icon {
    left: 0;
    /* margin-left: 200px; */
}


.index-nav .w-1200 .nav-right .bank {
    position: relative;
}

.index-nav .w-1200 .nav-right .bank .product-btn {
    position: absolute;
    /* background-color: #ff9507; */
    display: block;
    width: 145px;
    height: 70px;
    cursor: pointer;
    top: 0;
    left: 0px;
}

.index-nav .w-1200 .nav-right .bank .partner-btn {
    display: block;
    /* margin-left: 260px; */
    width: 120px;
}

.index-nav .w-1200 .nav-right .bank #partner-btn .products-content {
    display: none;
    width: 460px;
    /* margin-left: -260px; */
}

.index-nav .w-1200 .nav-right .bank #partner-btn .icon {
    left: 0;
    /* margin-left: 200px; */
}


.index-nav .w-1200 .nav-right .cooperation {
    position: relative;
}

.index-nav .w-1200 .nav-right .cooperation .product-btn {
    position: absolute;
    /* background-color: #ff9507; */
    display: block;
    width: 115px;
    height: 70px;
    cursor: pointer;
    top: 0;
    left: 0px;
}

.index-nav .w-1200 .nav-right .cooperation .partner-btn {
    display: block;
    /* margin-left: 260px; */
    width: 120px;
}

.index-nav .w-1200 .nav-right .cooperation #partner-btn .products-content {
    display: none;
    width: 460px;
    margin-left: -221px;
}

.index-nav .w-1200 .nav-right .cooperation #partner-btn .icon {
    left: 155px;
    /* margin-left: 200px; */
}

.nav-right li a {
    color: #666666;
}


/* .product-title.active a{
    color: #ccc;
} */
/* .index-nav .w-1200 .nav-right .product .plan-btn {
    display: block;
    margin-left: 130px;
    width: 120px;
}

.partner-btn {
    display: block;
    margin-left: 260px;
    width: 120px;
}

#partner-btn .products-content{
    display: none;
    width: 460px;
    margin-left: -260px;
}
#partner-btn .icon {
    left: 200px;
} */


.index-footer {
    display: block;
    height: 360px;
    width: 100%;
    background: RGB(40, 45, 51);
    color: #c3c9cf;
    box-sizing: border-box;
    padding: 75px 0;
}

.index-bottom {
    border-top: 1px solid #000;
    display: block;
    height: 60px;
    line-height: 20px;
    padding-top: 10px;
    width: 100%;
    background: RGB(40, 45, 51);
    color: #c3c9cf;
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
}

.h3 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: normal;
}

.footer-left {
    width: 450px;
    padding: 0 20px;
    box-sizing: border-box;
    letter-spacing: 2px;
}

.footer-left ul {
    width: 50%;
    line-height: 36px;
}

.footer-middle {
    width: 232px;
    border: 1px solid #21252a;
    border-width: 0 1px 0 1px;
    box-sizing: border-box;
    padding: 0 60px;
    font-size: 16px;
}

.index-footer a {
    color: #c3c9cf;
}

.footer-middle-modal {
    margin: 40px 0;
}

.footer-middle-modal img {
    vertical-align: middle;
    width: 26px;
}

.footer-right {
    width: 500px;
    line-height: 36px;
    box-sizing: border-box;
    padding: 0 40px;
    letter-spacing: 2px;
}

.contact-info {
    letter-spacing: 1px;
}

.content-title {
    width: 1030px;
    margin: 0 auto 40px;
}

.content-title li {
    width: 170px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #f3f3f3;
    color: #666;
    font-size: 16px;
    margin-left: 1px;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 1px;
}

.content-title li.active {
    background: #fff1e5;
    color: #fb7601;
    border-bottom: 3px solid #fb7601;
    height: 41px;
}

.content-list a {
    display: block;
    width: 400px;
    height: 260px;
    transition: all 0.5s;
    background-size: cover;
    background-repeat: no-repeat;
}

.content-list a.pr-two {
    display: block;
    width: 600px;
}

.product01 {
    background: url("./images/product01.jpg");
}

.content-list .product01:hover {
    background: url("./images/product01-sel.png");
}

.product02 {
    background: url("./images/product02.jpg");
}

.content-list .product02:hover {
    background: url("./images/product02-sel.png");
}

.product03 {
    background: url("./images/product03.png");
}

.content-list .product03:hover {
    background: url("./images/product03-sel.png");
}

.product04 {
    background: url("./images/product04.jpg");
}

.content-list .product04:hover {
    background: url("./images/product04-sel.png");
}

.product05 {
    background: url("./images/product05.jpg");
}

.content-list .product05:hover {
    background: url("./images/product05-sel.png");
}

.product06 {
    background: url("./images/product06.jpg");
}

.content-list .product06:hover {
    background: url("./images/product06-sel.png");
}

.product07 {
    background: url("./images/product07.jpg");
}

.content-list .product07:hover {
    background: url("./images/product07-sel.jpg");
}

.product08 {
    background: url("./images/product08.jpg");
}

.content-list .product08:hover {
    background: url("./images/product08-sel.jpg");
}

.product09 {
    background: url("./images/product09.jpg");
}

.content-list .product09:hover {
    background: url("./images/product09-sel.jpg");
}

.product10 {
    background: url("./images/product10.jpg");
}

.content-list .product10:hover {
    background: url("./images/product10-sel.jpg");
}

.product13 {
    background: url("./images/product13.jpg");
}

.content-list .product13:hover {
    background: url("./images/product13-sel.jpg");
}

.product14 {
    background: url("./images/product14.jpg");
}

.content-list .product14:hover {
    background: url("./images/product14-sel.jpg");
}

.product11 {
    background: url("./images/product11.jpg");
}

.content-list .product11:hover {
    background: url("./images/product11-sel.jpg");
}

.product12 {
    background: url("./images/product12.jpg");
}

.content-list .product12:hover {
    background: url("./images/product12-sel.jpg");
}

.content-list a.pr-one {
    width: 820px;
    height: 220px;
    margin: auto;
}

.product15 {
    background: url("./images/product15.jpg");
}

.content-list .product15:hover {
    background: url("./images/product15-sel.jpg");
}

.product21 {
    background: url("./images/introduce-bg/product21.png");
}

.content-list .product21:hover {
    background: url("./images/introduce-bg/product21-sel.png");
}

.product16 {
    background: url("./images/introduce-bg/product16.png");
}

.content-list .product16:hover {
    background: url("./images/introduce-bg/product16-sel.png");
}

.product17 {
    background: url("./images/introduce-bg/product17.png");
}

.content-list .product17:hover {
    background: url("./images/introduce-bg/product17-sel.png");
}

.product18 {
    background: url("./images/introduce-bg/product18.png");
}

.content-list .product18:hover {
    background: url("./images/introduce-bg/product18-sel.png");
}

.pc01-ad {
    margin-top: 50px;
}

.pc01-ad-title {
    height: 120px;
    width: 100%;
    background: #f3f5f7;
    text-align: center;
    vertical-align: middle;
}

.pc01-ad-title img {
    margin-top: 47px;
}

.pc01-ad li {
    float: left;
    width: 300px;
    height: 400px;
    position: relative;
}

.pc01-ad li img {
    width: 300px;
    height: 400px;
    transition: all 1s;
}

.pc01-ad li .sel {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.pc01-ad li:hover img:not(.sel) {
    opacity: 0;
}

.pc01-ad li:hover img.sel {
    opacity: 1;
}

.pc01-ad-bottom {
    height: 60px;
    width: 100%;
    background: #f3f5f7;
}


.back-top {
    display: none;
    position: fixed;
    z-index: 4;
    top: 70%;
    right: 5px;
    cursor: pointer;
}

.yh_bg {
    display: block;
    height: 651px;
    width: 100%;
    background: url("./images/solution_bg01.jpg");
    position: absolute;
    top: 1435px;
    left: 0;
    z-index: -1;
}

.yh_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 3276px;
    left: 0;
    z-index: 1;
}

.yh_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 3648px;
    left: 0;
    z-index: 1;
}

.bx_bg {
    display: block;
    height: 651px;
    width: 100%;
    background: url("./images/solution_bg01.jpg");
    position: absolute;
    top: 1726px;
    left: 0;
    z-index: -1;
}


.bx_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 3060px;
    left: 0;
    z-index: 1;
}

.bx_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 3432px;
    left: 0;
    z-index: 1;
}

.ny_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 480px;
    background: url("./images/ny_banner.jpg") center center no-repeat;
}

.ny_bg {
    display: block;
    height: 834px;
    width: 100%;
    background: url("./images/solution_bg02.jpg");
    position: absolute;
    top: 1343px;
    left: 0;
    z-index: -1;
}


.ny_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2538px;
    left: 0;
    z-index: 1;
}

.ny_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 2910px;
    left: 0;
    z-index: 1;
}

.zw_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 480px;
    background: url("./images/zw_banner.jpg") center center no-repeat;
}

.qc_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 480px;
    background: url("./images/qc_banner.jpg") center center no-repeat;
}

.yl_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 480px;
    background: url("./images/yl_banner.jpg") center center no-repeat;
}

.zz_banner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 480px;
    background: url("./images/zz_banner.jpg") center center no-repeat;
}

.zw_bg {
    display: block;
    height: 651px;
    width: 100%;
    background: url("./images/solution_bg01.jpg");
    position: absolute;
    top: 1646px;
    left: 0;
    z-index: -1;
}

.qc_bg {
    display: block;
    height: 651px;
    width: 100%;
    background: url("./images/solution_bg01.jpg");
    position: absolute;
    top: 1363px;
    left: 0;
    z-index: -1;
}

.yl_bg {
    display: block;
    height: 840px;
    width: 100%;
    background: url("./images/solution_bg06.jpg");
    position: absolute;
    top: 1382px;
    left: 0;
    z-index: -1;
}

.zz_bg {
    display: block;
    height: 651px;
    width: 100%;
    background: url("./images/solution_bg01.jpg");
    position: absolute;
    top: 1402px;
    left: 0;
    z-index: -1;
}

.zw_link {
    display: block;
    height: 372px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 3236px;
    left: 0;
    z-index: 1;
}

.zw_bottom {
    border-top: 1px solid #000;
    display: block;
    height: 57px;
    width: 100%;
    background: RGB(40, 45, 51);
    position: absolute;
    top: 3608px;
    left: 0;
    z-index: 1;
}

.no_bg {
    height: 480px;
}

.no_bg .index-nav {
    background: none;
}

.p-class {
    width: 200px;
    box-sizing: border-box;
}

.p-class img {
    vertical-align: middle;
}

.p-title {
    color: #666;
    font-size: 16px;
    vertical-align: middle;
    height: 50px;
    padding: 0 10px;
    line-height: 50px;
    cursor: pointer;
    border-bottom: 1px solid #EEEEEE;
    font-weight: bold;
}

.p-detail a {
    color: #848484;
    font-size: 14px;
}

.p-detail .active a, .p-detail li:hover a {
    color: #fe9003;
}

.p-title span {
    margin: 0 10px;
}

.p-title .fr {
    margin-top: 19px
}

.p-title.open .icon-top {
    display: inline;
}

.p-title.open .icon-right {
    display: none;
}

.p-title.close .icon-top {
    display: none;
}

.p-title.close .icon-right {
    display: inline;
}

.p-detail li {
    padding: 7px 10px 7px 50px;
    line-height: 20px;
}

.p-fl {
    margin-top: 20px;
    background: #fff;
    z-index: 12;
}

.p-fl-fixed {
    position: fixed;
    top: 0;
    left: 50%;
    margin-top: 0;
    margin-left: -600px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
}

.backToNC {
    display: block;
    width: 115px;
    height: 36px;
}

.ju-title {
    text-align: center;
    margin-bottom: 30px;
}

.ju-fr {
    width: 880px;
}

.table {
    width: 100%;
    text-align: center;
    table-layout: fixed;
    background-color: #fff;
    color: #676A6C;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
}

.table th {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 20px 15px;
    vertical-align: middle;
    border-bottom: 2px solid #F1F3F2;
    font-size: 16px;
}

.table td {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 20px 15px;
    vertical-align: middle;
    border-bottom: 2px solid #F1F3F2;
    cursor: pointer;
}

.table td .sel {
    display: none;
}

.post-detail {
    text-align: left;
    line-height: 26px;
    padding: 30px 50px;
    background: #F8F9FB;
    font-size: 14px;
    color: #6b798e;
}

.table .zp-content td {
    cursor: auto;
    padding: 0;
}

.post-detail h5 {
    margin-bottom: 30px;
    font-size: 14px;
}

.table .active td {
    color: #FDA52E;
}

.table .active td img {
    display: none;
}

.table .active td img.sel {
    display: block;
}

.ne-input {
    width: 500px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    text-indent: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.edit-submit {
    display: block;
    text-align: center;
    width: auto;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    /*position: absolute;
    top: 0;
    right: 0px;*/
}

#news-content {
    margin: 50px auto 0;
}

.news-item {
    margin-bottom: 50px;
    cursor: pointer;
}

.news-item img {
    width: 100%;
    height: 240px;
}

.news-item h3 {
    font-size: 28px;
    font-weight: bold;
    height: 74px;
    overflow: hidden;
}

.news-item .more {
    position: absolute;
    right: 0;
    bottom: 5px;
}

.news-item > a:hover {
    color: #333;
}

.logout {
    cursor: pointer;
    margin-top: 23px;
    color: #fff;
    line-height: 28px;
}

.news-edit-banner {
    width: 100%;
    height: auto;
}

.btn-jayx {
    border-color: #FF7900 !important;
    color: #ff7900 !important;
}

.news-Brief {
    height: 90px;
    margin-top: 20px;
    overflow: hidden;
    font-size: 14px;
    line-height: 30px;
    text-indent: 2em;
}

.news-item .more {
    position: absolute;
    bottom: 0;
    right: 0;
}

.news-item .more:hover {
    color: #FF7900;
    border-color: #FF7900;
}

#uploadImg {
    width: 200px;
    height: auto;
}

.h4 {
    font-size: 28px;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 30px auto;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #FF7900 !important;
}

.login-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("./images/login-bg.jpg") no-repeat;
    background-size: cover;
}

.login-form h3 {
    margin: 30px 0;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 2px;
}

.login-form .apply-right {
    height: 420px;
}

.login-form .layui-input {
    margin-bottom: 20px;
}

.small {
    text-align: center;
    margin: 15px auto;
    color: #A9A9A9;
    font-size: 15px;
}

.line {
    margin-bottom: 20px;
}

.layui-form .btn-jayx {
    display: block;
    width: 82px;
    height: 18px;
    cursor: pointer;
    background: url("./images/back-list.png");
    margin-top: 10px;
}

.layui-form .layui-form-label {
    font-weight: bold;
}

.yycj {
    width: 950px;
    height: auto;
    overflow: hidden;
}

.yycj .content-title {
    width: 100%;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.yycj .content-title li {
    display: inline-block;
    width: 49%;
    background: none !important;
    height: 50px !important;
}

.yycj .content-title li.active {
    border: 0
}

.yycj .li_sign {
    display: none;
    width: 30px;
    height: 4px;
    margin: auto;
    background: #ff7900;
    margin-top: 2px;
}

.szaq .li_sign{
    width: 50px;
}

.yycj .content-title li.active .li_sign {
    display: block;
}

.anq {
    padding: 20px;
    width: 850px;
}

.anq .content-title {
    width: 100%;
}

.anq .content-title li {
    width: auto;
    height: auto;
    line-height: 20px;
    padding: 4px 7px;
    font-size: 12px;
    margin-right: 20px;
    border: 1px solid #F8F8F8;
    font-weight: normal;
    background: #F8F8F8;
}

.anq .content-title li.active {
    background: #FFEDD9;
    color: #ff9507;
    border: 1px solid #FFEDD9;
}

.anq .content-list {
    color: #666;
}

.ap-form {
    width: 800px;
    margin: auto;
    padding: 40px;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.06);
}

.ap-form-title {
    line-height: 20px;
}

.ap-form-title .icon-bar {
    display: inline-block;
    width: 3px;
    height: 18px;
    background-color: #ee761d;
}

.ap-form-title b {
    display: inline-block;
    color: #333333;
    font-size: 16px;
    vertical-align: top;
    margin: 0 3px;
}

.ap-form-title .icon-required {
    display: inline-block;
    font-weight: 700;
    color: #ff2323;
    font-size: 16px;
}

.form-item {
    width: 100%;
    line-height: 40px;
    margin: 15px auto;
    min-height: 40px;
}

.ap-form-content .clear {
    overflow: visible;
}

.form-inline {
    width: 360px;
    margin: 0px 20px
}

.form-label {
    width: 140px;
    text-align: left;
    font-size: 14px;
    color: #999;
}

.form-item-content .ap-form-input {
    width: 220px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #666;
}

.ap-form-content .layui-input, .ap-form-content .layui-textarea, .ap-form-content .layui-select {
    border-width: 0px 0px 1px 0;
    border-radius: 0;
    border-color: #666;
}

.ap-form-content .layui-form-select dl dd.layui-this {
    background-color: #FFB250;
}

.ap-form-content .layui-upload-drag {
    font-size: 12px;
    padding: 30px 20px;
    line-height: 20px;
    width: 170px;
}

.ap-form-content .layui-upload-drag .layui-icon {
    color: #EE761D;
}

.pos-content {
    position: absolute;
    right: 0;
    top: 0;
}

.form-bottom {
    text-align: center;
    margin: 30px auto;
}

.form-btn {
    width: 114px;
    height: 37px;
    background-color: #c8c8c8;
    border-radius: 2px;
    color: #666666;
    text-align: center;
    line-height: 37px;
    border: 0;
    font-size: 16px;
    cursor: pointer;
    letter-spacing: 2px;
    margin: 0 10px;
}

.form-btn-submit {
    width: 114px;
    height: 37px;
    background-color: #ee761d;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    line-height: 37px;
    border: 0;
    font-size: 16px;
    cursor: pointer;
    letter-spacing: 2px;
    margin: 0 10px;
}

.ap-form-content .layui-form-radioed > i, .ap-form-content .layui-form-radio > i:hover {
    color: #ee761d;
}

.ap-form-content .layui-form-checked[lay-skin="primary"] i {
    border-color: #ee761d !important;
    background-color: #ee761d;
}

.ap-form-content .layui-form-checkbox[lay-skin="primary"]:hover i {
    border-color: #ee761d;
}


/* 关于景安云信 */
.w-1200 .m-tb15 {
    margin-top: 45px;
    margin-bottom: 51px;
}

.w-1200 .m-tb16 {
    margin-top: 43px;
    margin-bottom: 77px;
}

.w-1200 .m-tb17::before {
    content: '';
    display: inline-block;
    height: 9px;
    width: 57px;
    margin-right: 14px;
    background-image: linear-gradient(-90deg, rgb(236, 170, 34), rgb(255, 255, 255));
    vertical-align: middle;
}

.w-1200 .m-tb17 {
    color: #363c49;
    margin-top: 0;
    margin-bottom: 42px;
}

.w-1200 .m-tb17::after {
    content: '';
    display: inline-block;
    height: 9px;
    width: 57px;
    margin-left: 14px;
    background-image: linear-gradient(90deg, rgb(236, 170, 34), rgb(255, 255, 255));
    vertical-align: middle;
}

.w-1200 .brief-introduction div {
    margin-top: 35px;
}

.w-1200 .brief-introduction div h6::before {
    content: '';
    display: inline-block;
    margin-right: 11px;
    width: 4px;
    height: 22px;
    background: #ff9f24;
    vertical-align: middle;
}

.w-1200 .brief-introduction div h6 {
    font-size: 20px;
    color: #333333;
}

.w-1200 .brief-introduction div p {
    margin-top: 18px;
    margin-left: 11px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
}

.w-1200 .brief-introduction div p span {
    color: #feb465;
}


.w-1200 .join {
    /* overflow: hidden; */
    box-sizing: border-box;
    height: 360px;
    padding: 82px 0 105px 0;
    /* width: 100%; */
    text-align: center;

    /* background-color: #000; */
}

.w-1200 .join div p {
    line-height: 24px;
    font-size: 14px;
    color: #363c49;
}

.w-1200 .e-mail-address {
    padding-top: 42px;
    padding-bottom: 75px;

}

.w-1200 .e-mail-address h5 {
    font-size: 24px;
    font-weight: 800;
    color: #333333;
    text-align: center;
    margin-bottom: 16px;
}

.w-1200 .e-mail-address > div {
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin-bottom: 30px;
}

.w-1200 .e-mail-address ul {
    padding: 0 20px 27px 61px;
    display: flex;
    justify-content: space-between;

}

.w-1200 .e-mail-address ul li {
    box-sizing: border-box;
    width: 320px;
    height: 98px;
    padding: 24px;
    background: #FAFAFA;
    border: 1px solid #E5E5E5;
}

.w-1200 .e-mail-address ul li div {
    font-size: 26px;
    color: #363C49;
    margin-bottom: 13px;
}

.w-1200 .e-mail-address ul li span {
    font-size: 14px;
    color: #363C49;
}

.w-1200 .e-mail-address .button {
    margin: 16px auto 0px;
    border-radius: 4px;
    font-size: 16px;
    color: #ffffff;
    border: none;
    background-color: #FFBB42;
    width: 220px;
    height: 60px;
    display: block;
    line-height: 60px;
    text-align: center;
    letter-spacing: 1px;
}

.content-list {
    position: relative;
}

.pc_scene_content {
    position: absolute;
    width: 620px;
    height: 290px;
    padding: 25px 40px;
    right: 0;
    top: 20px;
    background: #ff9d20;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
}

.pc_scene_min_tit {
    font-size: 16px;
    width: 120px;
    height: 40px;
    background: #fea83b;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    font-weight: bold;
    margin: 15px 0;
    letter-spacing: 1px;
}
.pc_scene_min_tit img {
    vertical-align: middle;
    margin-right: 5px;
}
.pc_scene_min_tit.spec {
    margin: 5px 0;
}

.pc_scene_text {
    letter-spacing: 2px;
}

.pc_scene_text.spec {
    margin-top: 80px;
}
.pc_scene_bg {
    position: absolute;
    right: 0;
    bottom: 0;
}