/*.content{position:relative;width:14.4rem;height:100%;margin:0 auto;overflow:hidden}*/
.title-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}
.title-wrap .title{font-size:1.42rem;line-height:1.63rem;font-weight:600;color:#000}
.title-wrap .more::after{content:'';display:inline-block;position:relative;bottom:-.02rem;width:1.17rem;height:1.15rem;background:url(/static/images/index/arrow-blue.png) no-repeat;background-size:contain;margin-left:1.1rem}
.title-wrap .more{font-size:1.16rem;color:#1842b3}
.title-wrap .more:hover{text-decoration:underline}
#m-popup{display:none;position:fixed;right:1.1rem;bottom:1.1rem;z-index:10001}
#m-popup .popup{box-sizing:border-box;padding:1.3rem 0 .3rem .24rem;width:4.62rem;height:2.08rem;background:#fff;border-radius:1.05rem;box-shadow:0 0 .08rem .02rem rgba(201,205,209,.24);background:url(/static/images/popup.png);background-size:100% 100%}
#m-popup .popup-title{width:2.74rem}
#m-popup .popup-title h2{line-height:1.24rem;font-weight:600;font-size:1.14rem}
#m-popup .popup-title p{font-size:1.13rem;line-height:1.24rem;margin-bottom:1.15rem}
#m-popup .popup-button{display:-ms-flexbox;display:flex}
#m-popup .popup-button a{cursor:pointer;text-align:center;display:block;width:1rem;line-height:1.32rem;border-radius:1.05rem}
#m-popup .popup-button a:first-child{background:#2550dc;color:#fff;margin-right:1.1rem}
#m-popup .popup-button a:last-child{background:#fff;border:1.01rem solid #2550dc;color:#2550dc}
#m-popup .closed{cursor:pointer;position:absolute;right:1.12rem;top:1.1rem}
.content .title{font-size:1.42rem;line-height:1.63rem;font-weight:600;color:#000}
.content .subtitle{margin-top:1.2rem;font-size:1.18rem;line-height:1.27rem}
@media screen and (max-width:1300px){#m-popup .popup{padding:1.3rem 0 .3rem .2rem;width:5.08rem;height:2.29rem}
#m-popup .popup-title{width:2.98rem}
}
@media screen and (max-width:768px){#m-popup{display:none!important}
/*.content{width:7.04rem}*/
.content .title{font-size:1.48rem;line-height:1.72rem}
.content .subtitle{font-size:1.3rem;line-height:1.42rem}
.title-wrap .more{font-size:1.3rem;font-weight:400}
.title-wrap .more::after{display:none;width:1.28rem;height:1.25rem;margin-left:1.1rem}
}

.safety-concept{height:8.7rem;background-image:url(/static/images/index/philosophy.png);overflow:hidden;background-position:right center;background-size:cover;background-attachment:fixed}
.title-slot{position:absolute;top:1.98rem;right:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:1.16rem;line-height:1.32rem}
.tilte-pagination{display:-ms-inline-flexbox;display:inline-flex;width:auto;letter-spacing:1.08rem}
.title-slot .title-arrow-prev{width:1.32rem;height:1.32rem;background:#0032b4 url(/static/images/product_detail/arrow-prev1.png) no-repeat;background-position:center;background-size:contain;margin-right:1.15rem;cursor:pointer}
.title-slot .title-arrow-next{width:1.32rem;height:1.32rem;background:#0032b4 url(/static/images/product_detail/arrow-next1.png) no-repeat;background-position:center;background-size:contain;margin-left:1.15rem;cursor:pointer}
.safety-concept .content .safety-title{margin-top:1.99rem;color:#fff;font-size:1.42rem;line-height:1.63rem;font-weight:600;letter-spacing:1.015rem}
.safety-concept-container{position:relative}
.safety-concept-container .swiper-button__box{position:absolute;top:-.3rem;right:1.86rem;color:#fff;width:1.32rem;height:1.32rem;line-height:1.32rem}
.safety-concept-container .swiper-button__box>span{position:relative;left:1.5rem}
.safety-concept-container .swiper-button::after{width:1.32rem;height:1.32rem;color:#fff;background:#0032b4;font-size:1.18rem;line-height:1.32rem;text-align:center}
.safety-concept-container .wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.safety-concept-container .safety-concept-item{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:4.48rem;height:4.9rem;background-color:#13181f;padding-left:1.3rem;padding-right:1.32rem;margin-top:1.36rem}
.safety-concept-container .safety-concept-item span{height:0}
.safety-concept-container .safety-concept-item:hover span{display:block;position:absolute;bottom:0;left:0;width:100%;height:1.1rem;transition:all .3s;z-index:2;background-color:#0032b4}
.safety-concept-container .safety-concept-item .safety-concept-img{position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:1.34rem;width:1.24rem}
.safety-concept-container .safety-concept-item .safety-concept-img img{width:100%}
.safety-concept-container .safety-concept-item h3{color:#fff;line-height:1.48rem;font-size:1.34rem;letter-spacing:1.0082rem;padding-top:1.17rem}
.safety-concept-container .safety-concept-item p{color:#d7d7d7;font-size:1.16rem;line-height:1.25rem;margin-top:1.17rem;text-align:justify;text-justify:distribute}
.safety-concept-container .safety-concept-item a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;margin-top:auto;margin-bottom:1.5rem;color:#1089ff;font-size:1.16rem;line-height:1.25rem}
.safety-concept-container .safety-concept-item a::after{content:'';width:1.17rem;height:1.15rem;background:url(/static/images/index/arrow-blue.png) no-repeat;background-size:contain;margin-left:1.1rem}
@media screen and (max-width:768px){.safety-concept-container .swiper-button__box{display:none}
.safety-concept{height:11.23rem;background-image:url(/static/images/index/philosophyMobie.png)}
.safety-concept .content .safety-title{margin-top:1.99rem;color:#fff;font-size:1.48rem;line-height:1.63rem;font-weight:600;letter-spacing:1.017rem}
.safety-concept-container .safety-concept-item{width:6.08rem;height:7.2rem}
.safety-concept-container .safety-concept-item .safety-concept-img{height:1.91rem;width:1.67rem}
.safety-concept-container .safety-concept-item h3{color:#fff;line-height:1.53rem;font-size:1.38rem;letter-spacing:1.092rem;padding-top:1.44rem}
.safety-concept-container .safety-concept-item p{color:#d7d7d7;font-size:1.3rem;line-height:1.48rem;letter-spacing:1.0072rem;margin-top:1.23rem;-webkit-line-clamp:8;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.safety-concept-container .safety-concept-item a{font-size:1.3rem;line-height:1.42rem}
.title-slot{display:inline-block;position:absolute;top:1.92rem;right:0;display:-ms-flexbox;display:flex}
.title-slot .title-arrow-next,.title-slot .title-arrow-prev{width:1.64rem;height:1.64rem;background-size:cover;background-color:transparent;background-color:initial}
.title-slot .title-arrow-next:hover,.title-slot .title-arrow-prev:hover{cursor:pointer}
.title-slot .tilte-pagination{display:inline-block;text-align:center;font-size:1.3rem;font-weight:400;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#fff}
.safety-concept-container .safety-concept-item a::after{content:'';display:inline-block;width:1.28rem;height:1.25rem;background:url(/static/images/index/arrow-blue.png) no-repeat;background-size:contain;margin-left:1.15rem}
}
.safety-product{background:#dbdde0 url(/static/images/index/product_bg_big.png) no-repeat 0 0;padding-top:1rem;padding-bottom:1.8rem;background-size:100% 100%}
.safety-product .title-wrap{padding-bottom:1.5rem;margin-bottom:1.5rem;position:relative}
.safety-product .title-wrap .title-splite{position:absolute;left:0;bottom:0;width:100%;height:1.1rem;background:url(/static/images/index/product_title_spite.png) no-repeat;background-size:cover}
.safety-product .context{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.safety-product .text-wrap{-ms-flex:1;flex:1;margin-right:1.64rem}
.safety-product .text-wrap .text-title{font-size:1.24rem;font-weight:600;color:#000;margin-bottom:1.2rem}
.safety-product .text-wrap .text-desp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:1.16rem;font-weight:400;color:#1d1d1d;line-height:1.25rem;margin-bottom:1.6rem;min-height:1rem}
.safety-product .links-wrap{border-top:1px dashed #1842b3;padding-top:1.5rem;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.safety-product .links-wrap .link-item{width:3.2rem;height:1.46rem;line-height:1.46rem;border:1.01rem solid #1842b3;margin-bottom:1.2rem}
.safety-product .links-wrap .link-item a{font-size:1.16rem;font-weight:400;padding-left:1.3rem;color:#1842b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.safety-product .links-wrap .link-item a:hover{background-color:#0032b4;color:#fff}
.safety-product .product-combo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding-bottom:1.6rem;width:7.04rem;height:4.35rem;border-left:1.01rem solid #d9dbde}
.safety-product .product-combo:after{position:absolute;content:'';width:100%;bottom:0;left:0;height:1.6rem;background:url(/static/images/index/product_combo_bg.png);background-size:100% 100%}
.safety-product .product-combo .combo-item{width:33.3%;height:1.25rem;background:#f2f4f8;border-right:1.01rem solid #d9dbde;border-bottom:1.01rem solid #d9dbde;position:relative;font-size:1.18rem;font-weight:400;color:#1d1d1d;padding-top:1.17rem;padding-left:1.2rem}
.safety-product .product-combo .combo-item:hover{background:#d8d8d8;color:#161e2a}
.safety-product .product-combo .combo-item.current{background:#0031b7;color:#fff}
.safety-product .product-combo .combo-item:after{content:'';position:absolute;right:1.21rem;bottom:1.21rem;width:1.17rem;height:1.15rem;background:url(/static/images/index/product_arrow_grew.png);background-size:100% 100%}
.safety-product .product-combo .combo-item.current:after{background:url(/static/images/index/product_arrow_white.png);background-size:100% 100%}
@media screen and (max-width:1240px){.safety-product{background:#dbdde0 url(/static/images/index/product_bg_middle.png) no-repeat 0 0;background-size:100% 100%}
.safety-product .context{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:1.1rem}
.safety-product .text-wrap{-ms-flex-order:1;order:1;width:100%;margin-top:1.5rem;margin-right:0}
.safety-product .product-combo{width:100%;height:4.65rem}
.safety-product .product-combo .combo-item{height:1.35rem}
.safety-product .product-combo:after{background:url(/static/images/index/product_combo_bg_mid.png) no-repeat;background-size:100% 100%}
.safety-product .links-wrap .link-item{width:32%;height:1.5rem;line-height:1.5rem}
.safety-product .text-wrap .text-desp{font-size:1.18rem;min-height:auto}
.safety-product .links-wrap .link-item a{font-size:1.18rem;padding-left:0}
}
@media screen and (max-width:768px){.safety-product{background:#e1e4e9;position:relative}
.safety-product:before{content:'';position:absolute;left:-9%;top:0;width:109%;height:1.5rem;background:url(/static/images/index/product_bg_m.png) no-repeat 0 0;background-size:100%}
.safety-product .product-combo{-ms-flex-pack:justify;justify-content:space-between}
.safety-product .product-combo .combo-item{height:1.23rem;border:none;width:32.5%;font-size:1.3rem}
.safety-product .product-combo .combo-item:after{width:1.28rem;height:1.25rem;right:1.3rem}
.safety-product .product-combo:after{background:url(/static/images/index/product_combo_bg_m.png) no-repeat;background-size:100% 100%}
.safety-product .text-wrap .text-title{font-size:1.3rem;font-weight:600}
.safety-product .text-wrap .text-desp{-webkit-line-clamp:6;min-height:auto;margin-bottom:1.4rem;font-size:1.3rem;line-height:1.48rem;text-align:justify}
.safety-product .links-wrap{border-top:1.01rem solid #c5c5c5;display:block}
.safety-product .links-wrap .link-item{width:100%;border:none;margin-bottom:0}
.safety-product .links-wrap .link-item:not(:last-child){margin-top:1.3rem}
.safety-product .links-wrap .link-item a{font-size:1.3rem}
.safety-product .links-wrap .link-item a:hover{background-color:inherit;color:#1842b3}
.safety-product .links-wrap .link-item a:active{text-decoration:underline}
.safety-product .links-wrap .link-item a:after{position:relative;content:'';width:1.32rem;height:1.25rem;background:url(/static/images/index/arrow-blue.png) no-repeat;background-size:contain;margin-left:1.25rem;display:inline-block}
}
.safety-service{
    box-sizing:border-box;
    height:42rem;
    padding-top:1rem;
    background:#0a1018 url(/static/images/service_bg_big.png) repeat-x 50% 100%;
    background-size:100% 100%}
.safety-service .container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
}
.safety-service .container .left {
    width: 50%;
}
.safety-service .container .left .row:hover{    background: #212121;    border-radius: 10px;box-shadow: 0px 4px 20px rgba(0,0,0,.3);
			border-radius: 10px;
			transform: scale(1.1);
			-webkit-transform: scale(1.1);
			border: none;
			/*border: 1px solid #ccc;*/
		}
.safety-service .container .left .row p{    border: 1px solid white;
    display: inline-block;
    padding: 5px 9px;
    border-radius: 5px;
    margin-top: 13px;
    color: white;}
.safety-service .container .left .row {
        flex: 0 0 30%;
    text-align: left;
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px dashed #1842B3;
    padding-top: 0.5rem;
    transition: all .2s;
}
    .safety-service .container .left .row:nth-child(1){padding-top:inherit}
.safety-service .container .left .row .title {
        font-size: 24px;
    font-weight: 600;    color: #fff;
}
.safety-service .container .left .row .title img{width:34px;margin-right: 10px;}
.safety-service .container .left .row .desc {
    color: #cbd5e1;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}
.safety-service .container .right {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.safety-service .container .right img {
    width: 80%;
}
.safety-service .title-wrap .title{color:#fff}
.safety-service .title-wrap .more{color:#fff}
.safety-service .title-wrap .more::after{background:url(/static/images/index/arrow-white.png) no-repeat;background-size:contain}
.safety-service .context{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:1rem}
.safety-service .text-wrap{-ms-flex:1;flex:1;margin-right:1.86rem;margin-top:1.17rem}
.safety-service .text-wrap .text-title{font-size:1.24rem;font-weight:600;color:#fff;margin-bottom:1.2rem}
.safety-service .text-wrap .text-desp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:1.16rem;font-weight:400;color:#c8c8c8;line-height:1.25rem;margin-bottom:1.6rem}
.safety-service .links-wrap{border-top:1px dashed #1842b3;padding-top:1.5rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:1.2rem .66rem;gap:1.2rem .66rem}
.safety-service .links-wrap .link-item a{width:2.9rem;font-size:1.16rem;line-height:1.25rem;font-weight:400;background:url(/static/images/index/service_list_item_bg.png) no-repeat left center;background-size:1.08rem .08rem;padding-left:1.18rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.safety-service .links-wrap .link-item a:hover{text-decoration:underline}
.safety-service .service-combo .service-combo-wrap{position:relative;top:1.35rem;width:6.03rem;height:5.22rem;background:url(https://static01-www.qianxin.com/qaxweb/d41350005f4189179ddc2a226c97bca1.png) no-repeat 50% 50%;background-size:contain}
.safety-service .content{overflow:visible;overflow:initial}
.safety-service .service-combo .combo-item{position:absolute;width:48%}
.safety-service .service-combo .combo-item .item-bg{position:absolute;width:90%;border-width:1.55rem;border-style:solid;border-color:#0031b7 transparent transparent transparent;display:block;border-bottom:none;border-right-width:1.32rem;border-left-width:1.32rem}
.safety-service .service-combo .combo-item .item-text{display:block;position:relative;z-index:2;color:#f3f5fb;width:90%;height:1.55rem;cursor:pointer;font-size:1.16rem;padding:0 5%;text-align:center;line-height:1.55rem}
.safety-service .service-combo .combo-item-1{-webkit-transform:rotate(-60deg) translate(-40%,80%);transform:rotate(-60deg) translate(-40%,80%)}
.safety-service .service-combo .combo-item-2{-webkit-transform:rotate(0) translate(58%,50%);transform:rotate(0) translate(58%,50%)}
.safety-service .service-combo .combo-item-3{-webkit-transform:rotate(60deg) translate(103%,-398%);transform:rotate(60deg) translate(103%,-398%)}
.safety-service .service-combo .combo-item-4{-webkit-transform:rotate(-240deg) translate(50%,-834%);transform:rotate(-240deg) translate(50%,-834%)}
.safety-service .service-combo .combo-item-5{-webkit-transform:rotate(180deg) translate(-47%,-808%);transform:rotate(180deg) translate(-47%,-808%)}
.safety-service .service-combo .combo-item-4 .item-text{-webkit-transform:rotate(179deg) translate(5%,-2%);transform:rotate(179deg) translate(5%,-2%)}
.safety-service .service-combo .combo-item-5 .item-text{-webkit-transform:rotate(180deg) translate(0,0);transform:rotate(180deg) translate(0,0)}
.safety-service .service-combo .combo-item-6{-webkit-transform:rotate(240deg) translate(-92%,-356%);transform:rotate(240deg) translate(-92%,-356%)}
.safety-service .service-combo .combo-item-6 .item-text{-webkit-transform:rotate(179deg) translate(5%,-2%);transform:rotate(179deg) translate(5%,-2%)}
.safety-service .service-combo .combo-item.current .item-bg{border-color:#002585 transparent transparent transparent}
@media screen and (max-width:768px){
    .safety-service{
        height:auto;
        background:#000 url(/static/images/index/service_bg_m.png) no-repeat 0 0;
        background-size:cover;
    }
    .safety-service .container {
        flex-direction: column-reverse;
    }
    .safety-service .container .left {
        margin-top: 20px;width: auto;
    }
    .safety-service .container .left .row {
      justify-content: center;
    }
    .safety-service .container .left .row .title {
      text-align: center;
    }
    .safety-service .container .right {
       justify-content: center;
    }
.safety-service .context{-ms-flex-direction:column;flex-direction:column}
.safety-service .service-combo .combo-item{-webkit-tap-highlight-color:transparent}
.safety-service .service-combo .service-combo-wrap{top:0;width:100%;height:6.1rem;background-size:cover}
.safety-service .title-wrap{margin-bottom:1.9rem}
.safety-service .text-wrap{margin-right:0;margin-top:0;padding-top:1.9rem}
.safety-service .text-wrap .text-title{font-size:1.38rem;font-weight:600;line-height:1.53rem}
.safety-service .text-wrap .text-desp{font-size:1.3rem;line-height:1.48rem}
.safety-service .links-wrap{display:block;padding-top:0;border-top:1.02rem solid #1842b3}
.safety-service .links-wrap .link-item{width:100%;border:none;height:auto;margin:0}
.safety-service .service-combo{-ms-flex-order:-1;order:-1}
.safety-service .service-combo .combo-item .item-text{padding:0 12%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.55rem;font-size:1.2rem}
.safety-service .links-wrap .link-item a{width:100%;font-size:1.3rem;background-size:1.16rem .16rem;line-height:1.48rem;padding:1.2rem 0;padding-left:1.35rem;border-bottom:1.01rem solid #4e4e4e}
.safety-service .links-wrap .link-item a:hover{text-decoration:none}
.safety-service .links-wrap .link-item a:active{text-decoration:underline}
.safety-service .title-wrap .more::after{display:none}
.safety-service .service-combo .combo-item-1{-webkit-transform:rotate(-60deg) translate(-40%,80%);transform:rotate(-60deg) translate(-40%,80%)}
.safety-service .service-combo .combo-item-2{-webkit-transform:rotate(0) translate(58%,40%);transform:rotate(0) translate(58%,40%)}
.safety-service .service-combo .combo-item-3{-webkit-transform:rotate(60deg) translate(102%,-498%);transform:rotate(60deg) translate(102%,-498%)}
.safety-service .service-combo .combo-item-4{-webkit-transform:rotate(-240deg) translate(48%,-1000%);transform:rotate(-240deg) translate(48%,-1000%)}
.safety-service .service-combo .combo-item-5{-webkit-transform:rotate(180deg) translate(-49%,-955%);transform:rotate(180deg) translate(-49%,-955%)}
.safety-service .service-combo .combo-item-6{-webkit-transform:rotate(240deg) translate(-93%,-430%);transform:rotate(240deg) translate(-93%,-430%)}
}


