/* 
-------------  banner样式  -------------
*/

.bg_homebner {
    background: url("/new/product/xinchuang/images/bg_homebanner.jpg") right top;
    background-size: auto 680px;
    background-repeat: no-repeat;
    /* background-color: #1651bc; */
    background-color: #026dcd;

}

.banner {
    width: 100%;
    min-height: 1px;
    /* overflow: hidden; */
}

.hbannerbox {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    margin-top: 152px;
}

.hbannertext {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 48px;
}

.hbannertext span {
    display: block;
}

.hbannertext-title {
    font-size: 50px;
    line-height: 64px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 16px;
}

.hbannertext-subtitle {
    font-size: 16px;
    line-height: 36px;
    color: #ffffff;
}

.hbannertext-desc {
    font-size: 13px;
    line-height: 20px;
    color: rgba(255, 255, 255, .8);
}


/* 
-------------  banner end -------------
*/


/* 
-------------  二级页面banner   -------------
*/


.bg_securitybner {
    background: url("/new/product/xinchuang/images/security/s_banner.jpg") 80% top;
    background-size: auto 480px;
    background-repeat: no-repeat;
    background-color: #1646a7;
}

.bg_technologyybner {
    background: url("/new/product/xinchuang/images/technology/t_banner.jpg") 60% top;
    background-size: auto 480px;
    background-repeat: no-repeat;
    background-color: #1546a8;
}

.bg_ecologybner {
    background: url("/new/product/xinchuang/images/ecology/e_banner.jpg") 81% top;
    background-size: auto 480px;
    background-repeat: no-repeat;
    background-color: #1646a8;
}

.bg_casebner {
    background: url("/new/product/xinchuang/images/case/c_banner.jpg") 80% top;
    background-size: auto 480px;
    background-repeat: no-repeat;
    background-color: #0b387c;
}

.bg_solutionbner {
    background: url("/new/product/xinchuang/images/solution/s_banner.jpg") 80% top;
    background-size: auto 480px;
    background-repeat: no-repeat;
    background-color: #1646a7;
}

.banner {
    width: 100%;
    min-height: 1px;
    /* overflow: hidden; */
}

.secondbannerbox {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    margin-top: 100px;
}

.sbannertext {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 30px;
}

.sbannertext span {
    display: block;
}

.sbannertext-title {
    font-size: 40px;
    line-height: 64px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0px;
}

.sbannertext-title i {
    font-style: normal;
}

.sbannertext-subtitle {
    font-size: 16px;
    line-height: 36px;
    color: #ffffff;
}

.sbannertext-desc {
    font-size: 13px;
    line-height: 20px;
    color: rgba(255, 255, 255, .8);
}

.sbannertext-desc i {
    font-style: normal;
}

/* 
-------------  二级页面banner   -------------
*/


.pagetbox {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 48px;
    text-align: center;
}

.pagetbox span {
    display: block;
}

.pagetbox-title {
    font-size: 30px;
    line-height: 36px;
    color: #0066ae;
    margin-bottom: 4px;
    font-weight: bold;
}

.pagetbox-title l {
    display: none;
}

.pagetbox-desc {
    font-size: 14px;
    line-height: 24px;
    color: #999999;

}

.pagetbox-desc i {
    font-style: normal;
}

.pagetbox-desc l {
    display: none;
}

.pagetbox-sub-title {
    font-size: 32px;
    line-height: 34px;
    color: #00328e;
    font-weight: bold;
}

.pagetbox-sub-subtitle {
    font-size: 16px;
    line-height: 28px;
    color: #00328e;
    margin-bottom: 12px;
    font-weight: bold;
}

.pagetbox-sub-desc {
    font-size: 12px;
    line-height: 18px;
    color: #999999;
    margin-top: 10px;
}

.pagetbox-desc2 {
    display: none !important;
}

.pagetitle_t1_1 {
    font-size: 24px;
    line-height: 48px;
    color: #ffffff;
}

.pagetitle_t2_2 {
    font-size: 12px;
    line-height: 18px;
    color: rgba(255, 255, 255, .8);
    color: #ffffff\9;
}

.pagecontent {
    width: 100%;
    min-height: 1px;
    /* overflow: hidden; */
}

.pagecontent2 {
    width: 100%;
    min-height: 1px;
    display: inline-block;
}




/* 
-------------  公用样式  -------------
*/


.homebner_img {
    display: none;
}

.pagemain {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    padding: 88px 0px;
}

.pagemain2 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    padding: 30px 0px 88px 0px;
}

.pagemainhome {
    width: 100%;
    height: 680px;
}

.pagemainbanner {
    width: 100%;
    height: 480px;
}

.pagemainbanner2 {
    width: 100%;
    height: 380px;
}

.pagemain2 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
}

.pagemain3 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    padding: 88px 0px 0px 0px;
}

.pagemain4 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    padding: 88px 0px;
}

.nav-tabs li a i {
    font-style: normal;
}

.ilightbox-holder.dark {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.ilightbox-holder {
    display: block !important;
}

.skipmenu a i {
    font-style: normal;
}

.nav-tabs>li>a:hover {
    background: none;
}

.skipmenu {
    background-color: #f8fbfe !important;
}

.isStuck {
    background-color: #ffffff !important;
    box-shadow: 0px 16px 32px rgb(48 92 218 / 12%);
    -moz-box-shadow: 0px 16px 32px rgba(48, 92, 218, .12);
    -webkit-box-shadow: 0px 16px 32px rgb(48 92 218 / 12%);
}

/* 
-------------  swiper  -------------
*/

.swiper-pagination {
    text-align: left !important;
    left: 12% !important;
    bottom: 100px !important;
}

.gallery-thumbs {
    width: auto;
    height: 36px;
    box-sizing: border-box;
    padding-right: 20px;
}

.gallery-thumbs .swiper-slide {
    width: auto !important;
    height: 100%;
    opacity: 0.6;
    cursor: pointer;
    padding: 0px 10px;
    font-size: 12px;
    margin-right: 5px !important;
    margin-top: 15px !important;
    ;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.gallery-thumbs .swiper-slide:hover {
    opacity: 1 !important;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    background: #00a1df;
    color: #fff;
}

.btnthumbs {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: #ffffff;
    padding-bottom: 24px;
}


/* 
-------------  tabs  -------------
*/

.tabcasebox {
    display: none;
    padding: 20px 0px 40px 0px;
}

.current {
    display: block;
    animation: fade-in;
    animation-duration: 1.5s;
    -webkit-animation: fade-in 1.5s;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    /*初始状态 透明度为0*/
    100% {
        opacity: 1;
    }

    /*结束状态 透明度为1*/
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.tabactive {}

.tabactive a {
    color: #00589e !important;
    border-bottom: 1px solid #015ca9 !important;
}

.tabslist {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    padding: 20px 0px 0px;
}

.tabslist ul {
    padding: 0;
    margin: 0;
}

.tabslist ul li {
    list-style: none;
    float: left;
}

.tabslist ul li a {
    width: auto;
    min-height: 1px;
    display: block;
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    padding: 0px 12px;
    border-bottom: 1px solid #ffffff;
}

.tabslist ul li a:hover {
    color: #00589e;
    border-bottom: 1px solid #015ca9;
}

#tabscontent {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    margin: 0 auto;
}

.tabslistline {
    display: block;
    float: left;
    width: 1px;
    height: 10px;
    background-color: #dddddd;
    margin: 0px 10px;
}

.tabslist-caselogo {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    text-align: center;
    padding: 0px 5px;
}

.tabslist-caselogo img {
    max-height: auto;
}

/* 
-------------  首页p1 信创环境  -------------
*/
.col-XC-environment {
    width: 25%;
    float: left;
}

.col-XC-environment-img {
    width: 50%;
    float: left;
}

.XC_environment {
    width: auto;
    min-height: 1px;
    /* overflow: hidden; */
    padding: 30px 0px 60px 0px;
}

.XC_environment_img {
    width: 95%;
    min-height: 1px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

.XC_environment_m_img {
    display: none;
}

.XC_environment_m_img img {
    padding-bottom: 15px;
}

.XC_environment_text {
    margin-top: 0%;
}

.XC_solutions_textbox {
    width: auto;
    min-height: 1px;
    overflow: hidden;
}

.XC_solutions_textR {
    text-align: right;
}

.XC_solutions_textbox span {
    display: block;
}

.XC_solutions_text_title {
    width: auto;
    min-height: 1px;
    overflow: hidden;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
}

.XC_solutions_textbox span {
    display: block;
}

.XC_solutions_text_desc {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}

.XC_solutions_text_desc1 {
    font-size: 14px;
    line-height: 26px;
    color: #666;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}

.XC_environment_interval {
    width: auto;
    height: 32px;
    overflow: hidden;
}

/* 
-------------  首页p1 信创环境结束  -------------
*/
.pagehome-integrateimg {
    width: 100%;
    min-height: 1px;
    /* overflow: hidden; */
    margin-top: 15px;
    margin-bottom: 40px;
    background-color: #f3f9fb;
    box-shadow: 0px 12px 24px rgb(48 92 218 / 4%);
    -moz-box-shadow: 0px 12px 24px rgba(48, 92, 218, .04);
    -webkit-box-shadow: 0px 12px 24px rgb(48 92 218 / 4%);
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/* 
-------------  首页p3 信创安全  -------------
*/

.XC_safe_left {
    float: left;
    width: 35%;
    margin-bottom: 15px;
}

.XC_safe_center {
    float: left;
    width: 30%;
    margin-bottom: 15px;
}

.XC_safe_right {
    float: left;
    width: 35%;
    margin-bottom: 15px;
}

.XC_safe_img {
    width: 70%;
    min-height: 1px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

.XC_safe_mbox {
    display: none;
}

.XC_safe_titleR {
    border-right: 2px solid #0058ad;
    padding-right: 13px;
}

.XC_safe_textR {
    padding-right: 15px;
    padding-left: 120px;
}

.XC_safe_interval {
    width: auto;
    height: 40px;
    overflow: hidden;
}

.XC_safe_titleL {
    border-left: 2px solid #0058ad;
    padding-left: 13px;
}

.XC_safe_textL {
    padding-left: 15px;
    padding-right: 120px;
}

/* 
-------------  首页p2 信创场景 -------------
*/
.pagehome_scene_all {
    width: 90%;
    margin: 0 auto;
    min-height: 1px;
    overflow: hidden;
    padding: 45px 30px 30px;
    margin-bottom: 60px;
    background-color: #fff;
    box-shadow: 0px 12px 24px rgb(48 92 218 / 6%);
    -moz-box-shadow: 0px 12px 24px rgba(48, 92, 218, .06);
    -webkit-box-shadow: 0px 12px 24px rgb(48 92 218 / 6%);
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.pagehome_left_scene {
    width: 75%;
    min-height: 1px;
    overflow: hidden;
    float: left;
}

.pagehome_right_engine {
    width: 25%;
    min-height: 1px;
    overflow: hidden;
    float: left;
}

.pagehome_l_pic {
    width: 10%;
    float: left;
    margin-top: 50px;
}

.pagehome_r_engine {
    width: 90%;
    float: left;
    width: 90%;
}

.pagehome_right_engine_box {
    width: 45%;
    background-color: #f5f7fb;
    border: 1px solid #e0e4ec;
    border-radius: 3px;
    float: left;
    margin-left: 5%;
    padding: 15px 0px 15px 15px;
    margin-bottom: 15px;
}

.engine-ico1 {
    width: 15px;
    margin-right: 5px;
}

.pagehome-engine-1title {
    font-size: 14px;
    line-height: 23px;
    font-weight: bold;
}

.pagehome_left_scene_box {
    display: block;
    width: 18%;
    background-color: #f5fbfe;
    border-radius: 3px;
    float: left;
    margin-right: 2%;
    padding: 20px 10px;
    margin-bottom: 15px;
    border: 1px solid #f5fbfe;

}

.pagehome_left_scene_box:hover {
    /* border: 1px solid #e0e4ec; */
    /* cursor:pointer;   */
}

.pagehome_left_scene_box span {
    display: block;
    text-align: center;
    /* margin:0 auto;    */
}

.pagehome-scene-ico {
    width: 36px;
    height: 36px;
    margin-bottom: 32px;
    margin-top: 16px;
    border-radius: 3px;
    display: block;
    margin: 0 auto;
}

.ico_bg1 {
    background-color: #1090a9;
}

.ico_bg2 {
    background-color: #3375b9;
}

.ico_bg3 {
    background-color: #5e5ca2;
}

.ico_bg4 {
    background-color: #1090a9;
}

.ico_bg5 {
    background-color: #2a79ca;
}

.ico_bg6 {
    background-color: #4761a9;
}

.ico_bg7 {
    background-color: #179f97;
}

.ico_bg8 {
    background-color: #108bbd;
}

.ico_bg9 {
    background-color: #768395;
}

.ico_bg10 {
    background-color: #3375b9;
}

.scene-ico1 {
    width: 36px;
    margin: 0 auto;
    text-align: center;
}

.pagehome-scene-1title {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    color: #000000;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pagehome-scene-1title a {
    color: #000;
    display: block;
}

.pagehome-scene-1 span {
    display: block;
}

.pagehome-scene-1desc {
    font-size: 12px;
    line-height: 16px;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pagehome-scene-1adorn {
    font-size: 12px;
    line-height: 18px;
    color: #999999;
}

.mobile_display {
    display: none;
}

/* 
-------------  首页p4 信创技术  -------------
*/

.pagehome-eletype-1 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    padding: 28px;
    background-color: #fff;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.pagehome-eletype-1:hover {
    background-color: #ffffff;
    box-shadow: 0px 16px 64px rgb(48 92 218 / 12%);
    -moz-box-shadow: 0px 16px 64px rgba(48, 92, 218, .12);
    -webkit-box-shadow: 0px 16px 64px rgb(48 92 218 / 12%);

}

.pagehome-eletype-1 span {
    display: block;
}

.eletype-ico1 {
    background: url("/new/product/xinchuang/images/ico_hometechnology_1.png");
    background-size: 36px 36px;
    background-repeat: no-repeat;
}

.eletype-ico2 {
    background: url("/new/product/xinchuang/images/ico_hometechnology_2.png");
    background-size: 36px 36px;
    background-repeat: no-repeat;
}

.eletype-ico3 {
    background: url("/new/product/xinchuang/images/ico_hometechnology_3.png");
    background-size: 36px 36px;
    background-repeat: no-repeat;
}

.eletype-ico4 {
    background: url("/new/product/xinchuang/images/ico_hometechnology_4.png");
    background-size: 36px 36px;
    background-repeat: no-repeat;
}

.pagehome-eletype-1:hover .eletype-ico1 {
    background: url("/new/product/xinchuang/images/ico_hometechnology_hover1.png");
    background-size: 36px 36px;
    background-repeat: no-repeat;
}

.pagehome-eletype-1:hover .eletype-ico2 {
    background: url("/new/product/xinchuang/images/ico_hometechnology_hover2.png");
    background-size: 36px 36px;
    background-repeat: no-repeat;
}

.pagehome-eletype-1:hover .eletype-ico3 {
    background: url("/new/product/xinchuang/images/ico_hometechnology_hover3.png");
    background-size: 36px 36px;
    background-repeat: no-repeat;
}

.pagehome-eletype-1:hover .eletype-ico4 {
    background: url("/new/product/xinchuang/images/ico_hometechnology_hover4.png");
    background-size: 36px 36px;
    background-repeat: no-repeat;
}

.pagehome-eletype-ico {
    width: 36px;
    height: 36px;
    margin-bottom: 32px;
    margin-top: 16px;
}

.pagehome-eletype-1title {
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pagehome-eletype-1title i {
    font-style: normal;
}

.pagehome-eletype-1desc i {
    font-style: normal;
}

.pagehome-eletype-1 span {
    display: block;
}

.pagehome-eletype-1desc {
    font-size: 13px;
    line-height: 24px;
    color: #666666;
    margin-bottom: 15px;
}


.pagehome-eletype-1adorn {
    font-size: 12px;
    line-height: 18px;
    color: #999999;
}

.pagehome-eletype-1desc i {
    font-style: normal;
}

/* 
-------------  首页p4 信创技术  -------------
*/


/* 
-------------  安全保障  -------------
*/
.XC_environment2 {
    margin-top: 15px;
}

.security_pic_box {
    margin-bottom: 20px;
}

.s-bottom {
    margin-bottom: 25px;
}

.pagehome-eletype-2 span {
    display: block;
}

.pagehome-eletype-2 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    padding: 35px 30px;
    border-top: 2px solid #fff;
    background-color: #fff;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.pagehome-eletype-3 span {
    display: block;
}

.pagehome-eletype-3 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    padding: 0px 5px;
    background-color: #fff;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.pagehome-eletype-2:hover {
    background-color: #ffffff;
    border-top: 2px solid #76bdf9;
    box-shadow: 0px 16px 64px rgb(48 92 218 / 12%);
    -moz-box-shadow: 0px 16px 64px rgba(48, 92, 218, .12);
    -webkit-box-shadow: 0px 16px 64px rgb(48 92 218 / 12%);

}

.securitytitle1 {
    background: url(/new/product/xinchuang/images/security/security_title1.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 5px 0px 0px;
}

.securitytitle2 {
    background: url(/new/product/xinchuang/images/security/security_title2.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 5px 0px 0px;
}

.securitytitle3 {
    background: url(/new/product/xinchuang/images/security/security_title3.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 5px 0px 0px;
}

.securitytitle4 {
    background: url(/new/product/xinchuang/images/security/security_title4.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 5px 0px 0px;
}

.securitytitle5 {
    background: url(/new/product/xinchuang/images/security/security_title5.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 5px 0px 0px;
}

.securitytitle6 {
    background: url(/new/product/xinchuang/images/security/security_title6.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 5px 0px 0px;
}

.securitytitle7 {
    background: url(/new/product/xinchuang/images/security/security_title7.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 5px 0px 0px;
}

.securitytitle8 {
    background: url(/new/product/xinchuang/images/security/security_title8.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 5px 0px 0px;
}

.securitytitle9 {
    background: url(/new/product/xinchuang/images/security/security_title9.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 5px 0px 0px;
}

.securitytitle10 {
    background: url(/new/product/xinchuang/images/security/security_title10.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 5px 0px 0px;
}

.securitytitle11 {
    background: url(/new/product/xinchuang/images/security/security_title11.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 5px 0px 0px;
}

.securitytitle12 {
    background: url(/new/product/xinchuang/images/security/security_title12.png);
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 5px 0px 0px;
}

.security_honor_box {
    padding: 5px;
    border: 1px solid #e0e0e0;
}

.security-honor-title {
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-honor-box {
    padding: 0px 10px;
}

.col-honor {
    width: 20%;
    padding: 0 0.5%;
    float: left;
    margin: 0 auto;

}

/* 
-------------  安全保障 结束 -------------
*/



/* 
-------------  技术特点  -------------
*/
.XC_environment3 {
    margin-top: 15px;
    margin-bottom: 60px;
}

.bgcolor-s4 {
    background-color: #eaeff4;
}

.pagehome_tech_box {
    margin-bottom: 20px;
}

.pageelement-tech-text {
    padding: 36px;
}

.pageelement-tech-texttitle {
    font-size: 20px;
    line-height: 36px;
    color: #333333;
    font-weight: bold;
    margin: 16px 0px;
}

.pageelement-tech-textdesc {
    font-size: 13px;
    line-height: 22px;
    color: #666666;
}

.pageelement-tech-img {
    background: #fff;
    margin: 0 auto;
    padding: 30px 100px;
}

/* 
-------------  技术特点  -------------
*/


/* 
------------- 生态环境 -------------
*/
.skip_color {
    background-color: #ffffff !important;
}

.ecology_col {
    width: 16.666%;
    float: left;
    padding: 0px 8px;
}

.ecology_img_box {
    width: 70%;
    margin: 0 auto;
}

.ecology_col_box {
    width: 90%;
    margin: 0 auto;
}

.ecology_pic_box {
    border: 1px solid #e0e0e0;
}

.XC_environment4 {
    margin-top: 15px;
    margin-bottom: 20px;

}

.pagetbox_bottom {
    margin-bottom: 20px;
}

.e-bottom {
    margin-bottom: 30px;
}

.ecology_laboratory {
    width: 70%;
    float: left;
}

.ecology_laboratory2 {
    width: 30%;
    float: left;
    padding: 0px 0px 0px 50px;
}

.ecology_laboratory2 img {
    width: auto;
    height: 207px;
}

.ecology-eletype-1title {
    font-size: 15px;
    line-height: 30px;
    font-weight: bold;
    color: #000000;
}

.ecology-eletype-2 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    padding: 15px 15px 15px 15px;
    margin-bottom: 15px;
    background-color: #fff;
}

.ecology_ico_box {
    width: 25px;
    float: left;
    margin-top: 4px;
    margin-right: 0px;
}

.ecology_laboratory {
    margin-bottom: 60px;
}

.ecology_laboratory_box {
    width: 90%;
    margin: 0 auto;
}

.ecology_honor_box_mobile {
    display: none;
}

.ecology_honor_box_pc {
    display: block;
}

.ecology_col_pc {
    width: 25%;
    padding: 0px 8px;
    float: left;
}

.ecology_honor_box_text {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    line-height: 24px;
    margin: 60px 0px 20px;
    text-align: center;
}

/* 
------------- 生态环境 触碰改变证书 -------------
*/
.dis {
    display: block
}

.undis {
    display: none
}

#tabsnavBox {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
}

#tabsnavBox ul {
    padding: 0;
    margin: 0 auto;
    width: 70%;
}

#tabsnavBox ul li {
    list-style: none;
}

#tabsnavBox ul li {
    list-style: none;
}

.tabsnav {
    width: 100%;
    margin: 0 auto;
    height: 26px;
}

.tabsnav li {
    float: left;
    width: 16.6%;
    height: 26px;
    padding: 0 8px;
}

.tabsnav li a {
    display: block;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    font-size: 13px;
}

.tabsnav li.nav_current a {
    color: #fff;
    background-color: #0286ce;
}

.tabsnav li.nav_link a {
    color: #333;
    background-color: #e3e8ee;
}

.tabscontent {}

/* 
------------- 生态环境 触碰改变证书 -------------
*/

/* 
------------- 客户案例 -------------
*/
.pagetbox-title i {
    font-style: normal;
}

.XC_environment5 {
    margin-top: 15px;
    margin-bottom: 40px;

}

.pagehome-eletype-4 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 3px;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

}

.pagehome-eletype-4:hover {
    background-color: #ffffff;
    box-shadow: 0px 16px 64px rgb(48 92 218 / 12%);
    -moz-box-shadow: 0px 16px 64px rgba(48, 92, 218, .12);
    -webkit-box-shadow: 0px 16px 64px rgb(48 92 218 / 12%);

}

.pagehome-eletype-4 span {
    display: block;
}

.case_text_box {
    padding: 0px 20px 15px;
}

.case-eletype-1adorn {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background-color: #0388d2;
    padding: 3px;
    width: 60px;
    text-align: center;
    border-radius: 3px 6px 3px 6px;
    margin-bottom: 5px;
}

.casepage_list {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    border-top: 1px solid #f0efef;
}

.casepage_list2 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    border-top: 1px solid #f0efef;
    border-bottom: 1px solid #f0efef;
}

.casepage_listBox {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    position: relative;
}

.casepage_listBox ul {
    padding: 0px;
    padding: 14px 0px 10px 0px;
}

.casepage_listBox ul li {
    list-style: none;
    font-size: 13px;
    color: #666;
    line-height: 24px;
}

.casepage_listBox ul li i {
    font-style: normal;
}

.casepage_listBox ul li l {
    display: none;
}

.casepage_list_icon {
    width: 46px;
    min-height: 1px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.casepage_list_icon img {
    width: 30px;
    margin-top: 14px;
}

.casepage_list_name {
    width: 64%;
    min-height: 1px;
    overflow: hidden;
    padding: 20px 12px 20px 0px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    float: left;
    margin-left: 48px;
}

.caselogo2 {
    padding: 0px 20px;
    background-color: #fff;
    /* border:1px solid #f0efef; */
}

.case-bottom {
    margin-bottom: 15px;
}

.case_logo_col {
    width: 13.7%;
    padding: 0 0.5%;
    float: left;
}

/* 
------------- 客户案例 -------------
*/

/* 
------------- 解决方案 -------------
*/
.solution_img_box {
    width: 80%;
    margin: 0 auto;
}

.solution_text_box {
    margin-left: 40px;
}

.solution_ico_box2 {
    width: 30px;
    margin-right: 10px;
}

.solution_text_box span {
    display: block;
}

.solution-eletype-2 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    background-color: #fff;
    overflow: hidden;
    padding: 20px 20px 25px;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.solution-eletype-2:hover {
    background-color: #1651bc;
    color: #fff;
    width: 100%;
    box-shadow: 0px 16px 64px rgb(48 92 218 / 12%);
    -moz-box-shadow: 0px 16px 64px rgba(48, 92, 218, .12);
    -webkit-box-shadow: 0px 16px 64px rgb(48 92 218 / 12%);
}

.solution_ico_box {
    width: 30px;
    height: 30px;
    float: left;
}

.solution-eletype-2:hover span {
    color: #fff;
}

.solution-eletype-2:hover .imgchange_1 {
    background: url(/new/product/xinchuang/images/solution/solution_ico_fb1.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.solution-eletype-2:hover .imgchange_2 {
    background: url(/new/product/xinchuang/images/solution/solution_ico_fb2.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.solution-eletype-2:hover .imgchange_3 {
    background: url(/new/product/xinchuang/images/solution/solution_ico_fb3.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.solution-eletype-2:hover .imgchange_4 {
    background: url(/new/product/xinchuang/images/solution/solution_ico_fb4.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.solution-eletype-2:hover .imgchange_5 {
    background: url(/new/product/xinchuang/images/solution/solution_ico_fb5.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.solution-eletype-2:hover .imgchange_7 {
    background: url(/new/product/xinchuang/images/solution/solution_ico_fb7.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.solution-eletype-2:hover .imgchange_8 {
    background: url(/new/product/xinchuang/images/solution/solution_ico_fb8.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.solution-eletype-2:hover .imgchange_9 {
    background: url(/new/product/xinchuang/images/solution/solution_ico_fb9.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.solution-eletype-2:hover .imgchange_10 {
    background: url(/new/product/xinchuang/images/solution/solution_ico_fb10.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.solution-eletype-2:hover .imgchange_11 {
    background: url(/new/product/xinchuang/images/solution/solution_ico_fb11.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.solution-eletype-2:hover .imgchange_12 {
    background: url(/new/product/xinchuang/images/solution/solution_ico_fb12.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.solution-eletype-2:hover .imgchange_13 {
    background: url(/new/product/xinchuang/images/solution/solution_ico_fb13.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.imgchange_1 {
    background: url(/new/product/xinchuang/images/solution/solution_ico1.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.imgchange_2 {
    background: url(/new/product/xinchuang/images/solution/solution_ico2.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.imgchange_3 {
    background: url(/new/product/xinchuang/images/solution/solution_ico3.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.imgchange_4 {
    background: url(/new/product/xinchuang/images/solution/solution_ico4.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.imgchange_5 {
    background: url(/new/product/xinchuang/images/solution/solution_ico5.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.imgchange_7 {
    background: url(/new/product/xinchuang/images/solution/solution_ico7.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.imgchange_8 {
    background: url(/new/product/xinchuang/images/solution/solution_ico8.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.imgchange_9 {
    background: url(/new/product/xinchuang/images/solution/solution_ico9.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.imgchange_10 {
    background: url(/new/product/xinchuang/images/solution/solution_ico10.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.imgchange_11 {
    background: url(/new/product/xinchuang/images/solution/solution_ico11.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.imgchange_12 {
    background: url(/new/product/xinchuang/images/solution/solution_ico12.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.imgchange_13 {
    background: url(/new/product/xinchuang/images/solution/solution_ico13.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.solution-eletype-1title {
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
    color: #000000;
}

.solution-eletype-1desc {
    font-size: 13px;
    line-height: 24px;
    color: #666666;
    /* height: 42px; */

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solution_line_display {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.solutioncolor-s1 span {
    float: left;
}

.solutioncolor-s1 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    padding: 20px 20px 15px;
    background-color: #ffffffd1;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background-color: #f6fbfe;
}

.solutioncolor-s1:hover {
    background-color: #ffffff;
    box-shadow: 0px 16px 64px rgb(48 92 218 / 12%);
    -moz-box-shadow: 0px 16px 64px rgba(48, 92, 218, .12);
    -webkit-box-shadow: 0px 16px 64px rgb(48 92 218 / 12%);
}

.pagesolution-eletype-title {
    font-size: 16px;
    line-height: 32px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.solution-col {
    width: 20%;
    padding: 0px 10px;
    float: left;
}

.display_none {
    display: none;
}

.display_block {
    display: block;
}

.solution_display_none {
    display: none;
}

.solution_display_block {
    display: block;
}

.pagecoo-maingaze {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    font-size: 12px;
    color: #999999;
    line-height: 24px;
    /* margin-bottom: 24px; */
}

.pagecoo-mainnav {
    width: 100%;
    min-height: 1px;
    /* height: 690px; */
    overflow: auto;
    margin-bottom: 20px;
}

.pagecoo-mainnav ul {
    padding: 0;
    margin: 0;
}

.pagecoo-mainnav ul li {
    width: 100%;
}

.pagecoo-mainnav ul li a {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    display: block;
    font-size: 14px;
    line-height: 40px;
    color: #666666;
    padding: 0px;
    border-bottom: 1px solid #ffffff;
    background: none;
    border-left: none;
    border-top: none;
    border-right: none;
}

.pagecoo-mainnav ul li a:hover {
    border-bottom: 1px solid #015ca9;
}

.solution-eletype-2 {}

.solutioncolor-s1 a {
    display: block;
}

.solution-eletype-2 a {
    display: block;
}

.appsnavlist {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
}

.appsbox {
    width: 100%;
    height: 100%;
    position: relative;
}

.scenelistBox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    z-index: 99;
    background-color: #ffffff;
    box-shadow: 0px 16px 32px rgb(48 92 218 / 12%);
    -moz-box-shadow: 0px 16px 32px rgba(48, 92, 218, .12);
    -webkit-box-shadow: 0px 16px 32px rgb(48 92 218 / 12%);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}


/* 
------------- 解决方案  弹框-------------
*/
.XC_scene_more_title {
    float: left;
    margin: 15px 0px 0px 30px;
    font-size: 12px;
}

.solutioncolor-s1 a {
    display: block;
}

.solution-eletype-2 a {
    display: block;
}

.appsnavlist {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
}

.appsbox {
    width: 100%;
    height: 100%;
    position: relative;
}

.scenelistbody {
    background: none;
    position: relative;
    padding: 60px 0px;
}

.XC_scene_more_close {
    width: auto;
    min-height: 1px;
    float: right;
    margin-right: 20px;
}

.XC_scene_more_close a {
    width: auto;
    min-height: 1px;
    display: block;
    line-height: 48px;
    padding: 0px 24px;
    font-size: 12px;
    text-decoration: none;
    color: #666666;
    background-color: #e2e2e2;
}

.XC_scenelist_main {
    padding: 30px 160px 60px 160px;
    overflow: hidden;
}

.XC_scenelist_mainleft {
    width: 30%;
    float: left;
    padding-right: 3%;
    margin-top: 2%;
}

.XC_scenelist_mainleft_text span {
    display: block;
}

.XC_scenelist_mainleft_texttitle {
    font-size: 26px;
    line-height: 36px;
    background-color: #1e90ce;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    text-align: center;
}

.XC_scenelist_mainleft_texttitle img {
    width: 32px;
    margin: 25px 0px 6px;
}

.XC_scenelist_mainleft_textsubtitle {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.XC_scenelist_mainleft_textdesc {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    padding: 18px 0px 36px 0px;
}

.XC_scenelist_maincenter {
    width: 15%;
    float: left;
    border-left: 1px solid #ccc;
    padding: 1% 0px 0px 3%;
}

.xc_center_box img {
    width: 15px;
    margin-top: 0px;
    margin-right: 10px;
}

.xc_center_box {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    margin-bottom: 12px;

}

.XC_scenelist_mainright {
    width: 55%;
    float: left;
}

.XC_scenelist_mainright_img {
    overflow: hidden;
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

.XC_scenelist_mainright_img img {
    /* height: 100%; */
}

.XC_scenelist_mainleft_btn a {
    width: 120px;
    line-height: 48px;
    display: block;
    background-color: #086abf;
    text-align: center;
    color: #ffffff;
}

/* 
------------- 解决方案  弹框-------------
*/
/* 
------------- 解决方案 -------------
*/

/* 
-------------  移动端浮动层  -------------
*/

/* 
-------------  移动端浮动层  end-------------
*/