/* CSS Document */
@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/**{transition: all 300ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 300ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 300ms cubic-bezier(.4, 0, .2, 1);}*/
body {
    font-family:'微软雅黑', 'YaHei', '黑体', 'Hei', Tahoma, Helvetica, arial, sans-serif;
    line-height: 1;
    overflow-x: hidden;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
a:hover{
    text-decoration: none;

}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
a{
    text-decoration:none;
    color: #323232;
    font-size: 15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

ul::after{
    content: '';
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

ul li{
    *zoom: 1;
}

@font-face {
    font-family: "Tw Cen MT";
    src: url("../fonts/TCB___.TTF") format("truetype");

}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat Extra Bold.otf") format("truetype");

}

@font-face {
    font-family: "Montserrat-UltraLight";
    src: url("../fonts/Montserrat-UltraLight.otf") format("truetype");

}

@font-face {
    font-family: "Montserrat-Medium";
    src: url("../fonts/Montserrat-Medium.ttf") format("truetype");

}

@font-face {
    font-family: "Eurostile Extended";
    src: url("../fonts/Eurostile-BoldExtendedTwo.otf") format("truetype");

}




/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;}
/* 通用样式 */
.middle{ width:7.35rem; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear: both;}

.min_img{
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.min_img>img{
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.min_img>img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.max_over{
    display: inline-block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

img{
    max-width: 100%;
    display: block;

    image-rendering: -moz-crisp-edges; /* Firefox */
     image-rendering: -o-crisp-edges; /* Opera */
     image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;    
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}


.banner{
    position: relative;
    background: url(../images/banenrjpg.jpg) top center no-repeat;
    background-size: 100% auto;
}

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

.banner video{
    width: 100%;
}

.bnxt{
    position: absolute;
    width: 1px;
    height: 2.33rem;
    background: rgba(255,255,255,0.4);
    top: 0;
    right: 0.904rem;
}

.header{
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 5.02rem;
    overflow: hidden;
}

.nav_box{
    width: 0.66rem;
    cursor: pointer;
    /*border-right: 1px solid rgba(255,255,255,0.3);*/
}

.abRight{

}

.bn_gloves{
    position: absolute;
    right: 0.74rem;
    bottom: 0.66rem;
    z-index: 8;
}

.bn_gloves img{
    max-height: 1.55rem;
}

.hd_nav ul li a{
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 0.09rem;
    color: #FFFFFF;
    line-height: 0.73rem;
    display: block;
    margin-right: 0.18rem;
}

.nav_box{
    padding: 0.24rem 0.35rem 0;
    height: 4.78rem;
    background: rgba(0, 0, 0, 0.2);
}


.hd_nav ul li a:hover{
    color:#3D6BB0;
}

.banner{
    height: 5.02rem;
    /*overflow: hidden;*/
}

.banner video{
    width: 100%;
    height: 5.02rem;
    overflow: hidden;
    object-fit: cover;
    -o-object-fit: cover;
}

.hd_ct{
    width: 0.91rem;
    height: 0.73rem;
    background: #3D6BB0;
    display: block;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.73rem;
    font-weight: normal;
    font-size: 0.1rem;
    color: #FFFFFF;
    font-family: Montserrat;
    text-transform: uppercase;
}

.nav_button{
    width: 0.43rem;
    height: 0.43rem;
    margin: 0.93rem auto 1.21rem;
    cursor: pointer;
}

.hd_scdwn{
    width: 0.19rem;
    margin: 0 auto;
}

.hd_lg{
    width: 0.95rem;
    height: 0.24rem;
    border-radius: 0.12rem;
    border: 1px solid rgba(255,255,255,0.4);
    font-family: Montserrat-Medium;
    font-weight: 500;
    font-size: 0.09rem;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0 0.11rem;
    line-height: 0.24rem;
    margin-top: 0.24rem;
    margin-right: 0.33rem;
    position: relative;
}

.hd_lg::after{
    display: block;
    content: '';
    position: absolute;
    width: 0.02rem;
    height: 0.02rem;
    background: #FFFFFF;
    border-radius: 50%;
    top: 0.11rem;
    right: 0.361rem;
}

.hg_lgs a{
    display: block;
    padding: 0.07rem ;
}

.hg_lgs a img{
    max-width: 0.13rem;
}

.bn_st{
    position: absolute;
    right: 0;
    bottom: -0.95rem;
    z-index: 999;
}

.bn_st img{
    max-height: 3rem;
}


::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(61,107,176,0.5);
    background: rgba(61,107,176,0.5);
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(61,107,176,0.5);
    border-radius: 0;
    background: rgba(61,107,176,0.5);
}

.about{
    background: #F6F7F8;
    position: relative;
    padding-top: 1.04rem;
    padding-bottom: 0.34rem;
}

.ab_bol{
    width: 2.18rem;
    height: 2.97rem;
    background: #C7DDE2;
    border-radius: 0rem 0.18rem 0.18rem 0rem;
    position: absolute;
    left: 0;
    top: 0.56rem;
    z-index: 0;
}

.aboembox{
    position: relative;
    z-index: 1;
}

.abtLo{
    width: 0.58rem;
    height: 0.58rem;
    position: relative;
    display: block;
    margin-top: 0.11rem;
}

.abtLo img{
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.abtLo img:nth-child(1){
   max-width: 0.17rem;
    max-height: 0.33rem;
    position: absolute;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;

}

.abtLo img:nth-child(2){
    max-width: 0.58rem;
    max-height: 0.58rem;
}

.abtLo:hover img:nth-child(2){
    -webkit-transform: rotateZ(60deg);
    -moz-transform: rotateZ(60deg);
    -ms-transform: rotateZ(60deg);
    -o-transform: rotateZ(60deg);
    transform: rotateZ(60deg);
}

.abtLo:hover img:nth-child(1){
    -webkit-transform: rotateZ(43deg);
    -moz-transform: rotateZ(43deg);
    -ms-transform: rotateZ(43deg);
    -o-transform: rotateZ(43deg);
    transform: rotateZ(43deg);
}

.abtOem{
    font-family: Montserrat;
    font-size: 0.79rem;
    color: #3D6BB0;

}

.abtLeft{
    width: 2.7rem;
}

.abtLsm{
    font-size: 0;
}

.abtLsm span{
    display: inline-block;
    width: 0.15rem;
    height: 0.02rem;
    background:#232323;
    margin-bottom: 0.05rem;
}

.abtLsm{
    text-align: right;
    margin-top: 0.15rem;
}


.abtLsm p{
    font-family: Montserrat-Medium;
    font-size: 0.12rem;
    color: #232323;
    font-weight: bold;
    margin-bottom: 0.125rem;
}

.abtLsm h3{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 0.25rem;
    color: #181818;
    text-transform: uppercase;
}

.abtLeft>h3{
    font-family: Montserrat-UltraLight;
    font-weight: normal;
    font-size: 0.255rem;
    color: #323232;
    text-transform: uppercase;
}

.abtRight{
    width: 2.15rem;
    position: relative;
    margin-top: 0.37rem;
}

.abtRight::after{
    display: block;
    content: '';
    width: 0.81rem;
    height: 0.78rem;
    background: #FFFFFF;
    border-radius: 0.19rem;
    opacity: 0.65;
    position: absolute;
    left: -0.23rem;
    top: -0.48rem;
    z-index: -1;
}

.abtRight h3{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 0.09rem;
    color: #323232;
    text-transform: uppercase;
    margin-bottom: 0.09rem;
}

.abtRight p{
    font-family: Montserrat-Medium;
    font-weight: normal;
    font-size: 0.08rem;
    color: #575757;
    line-height: 1.2em;
}

.ab_oemys ul li{
    width: 1.81rem;
    height: 0.79rem;
    background: #FFFFFF;
    text-align: center;
    margin-right: 0.036rem;
    cursor: pointer;
}

.ab_oemys ul li h3{
    font-family: Montserrat-Medium;
    font-weight: bold;
    font-size: 0.1rem;
    color: #323232;
    text-transform: uppercase;
    padding-top: 0.2rem;
}

.ab_oemys ul li p{
    font-weight: normal;
    font-size: 0.08rem;
    color: #575757;
    padding: 0.05rem 0.16rem 0.15rem;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Montserrat-UltraLight;

}

.ab_oemys ul li span{
    font-family: Montserrat;
    font-weight: 500;
    font-size: 0.13rem;
    color: #323232;
    display: block;
    text-align: right;
    padding-right: 0.1rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.ab_oemys ul li:nth-child(4n){
    margin-right: 0;
}

.ab_oemys{
    margin-top: 0.46rem;
}

.ab_oemys ul li:hover span{
    padding-right: 0.85rem;
}


#abslogn .swiper{
    width: 100%;
    overflow-x: hidden;
}


.abhf_bg img{
    max-width: 100%;
}




.marquee--container {
    overflow-x: hidden;
    display: flex;
}

.absoe .marquee {
    flex-shrink: 0;
    width: fit-content;
    animation: marquee1 10s linear infinite;

}


@keyframes marquee1 {
    0% {
        translate: 0% 0%;
    }
    50% {
        translate: -50% 0%;
    }
    100%{
        translate: -100% 0%;
    }
}

.absoe2 .marquee {
    flex-shrink: 0;
    width: fit-content;
    animation: marquee1 15s linear infinite;

}


@keyframes marquee2 {
    0% {
        translate: 0% 0%;
    }
    50% {
        translate: 50% 0%;
    }
    100%{
        translate: 100% 0%;
    }
}

.absoe{
    margin-top: 0.6rem;
}

.absoe .abhf_bg img{
    max-height: 0.74rem;
}

.abhf_bg{
    margin-right: 0.085rem;
}

.absoe2{
    margin-top: 0.13rem;
}


.pt_sm{
    display: block;
    width: 100%;
    height: 3.13rem;
    position: relative;
}



.pt_box{
    width: 100%;
}

.pt_img{
    width: 100%;
    height: 3.13rem;
    position: absolute;
    top: 0;
    left: 0;
}

.pt_sm img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.pt_gif{
    width: 100%;
    height: 3.13rem;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}


.pt_sm:hover .pt_gif{
    display: block;
}

.pt_text{
    position: absolute;
    z-index: 888;
    width: 1.5rem;
    top: 0.77rem;
    right: 0.25rem;
}

.pt_text h3{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 0.14rem;
    color: #323232;
    line-height: 1em;
    text-transform: uppercase;
}



.pt_text span{
    display: block;
    font-family: Montserrat;
    font-weight: normal;
    font-size: 0.09rem;
    color: #323232;
    line-height: 1.6em;
    margin-top: 0.18rem;
}


.pt_text p{
    font-family: Montserrat-Medium;
    font-weight: normal;
    font-size: 0.08rem;
    color: #575757;
    margin-top: 0.23rem;
    line-height: 1.2em;
}

.pt_jh{
    font-family: Montserrat;
    font-weight: 500;
    font-size: 0.29rem;
    color: #323232;
    position: absolute;
    right: 0.27rem;
    bottom: 0.34rem;
}

.product{
    position: relative;
}

.product .swiper-button-next{
    position: absolute;
    right: 2.36rem;
    top: 0.99rem;
    background: 0;
    width: 0.19rem;
    height: 0.2rem;
}



.product .swiper-button-next img{
    max-width: 100%;
}

.product .swiper-button-next::after{
    display: none;
}


.product{
    padding-top: 0.6rem;
}
.pt_hdrright p{
    font-family: Montserrat;
    font-size: 0.12rem;
    color: #323232;
    text-transform: uppercase;
    margin-top: 0.27rem;
    width: 0.95rem;
}

.pt_box{
    margin-top: 0.46rem;
}

.product .swiper-pagination{
    width: 0.95rem;
    position: absolute;
    right: 1.285rem;
    left: auto;
    top: 1.05rem;
    height: 2px;
    background: rgba(86,86,86,0.25);
}


.product .swiper-pagination .swiper-pagination-progressbar-fill{
    background: #565656;
}

.cptop{
    width: 4.4rem;
}

.cptophd{
    margin-top: 0.39rem;
}


.cptophd img{
    max-width: 2.17rem;
}

.cptopimg{
    width: 1.38rem;
    height: 1.52rem;
    overflow: hidden;
}


.cptopimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.cptopimg:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.cp_text{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 0.1rem;
    color: #323232;
    margin-top: 0.65rem;
}

.cp_text p{
    width: 3.54rem;
    font-family: Montserrat-Medium;
    font-weight: normal;
    font-size: 0.08rem;
    color: #575757;
    line-height: 1.3em;
    margin-top: 0.11rem;
}

.cp_ab ul li{
    width: 1.12rem;
    height: 0.5rem;
    border-radius: 0.25rem;
    border: 1px solid #323232;
}

.cp_ab ul li>div{
    padding: 0.14rem 0.18rem;
}

.cp_ab ul li h3{
    width: 0.7rem;
    height: 0.13rem;
    font-family: Eurostile Extended;
    font-weight: bold;
    font-size: 0.18rem;
    color: #181818;
}

.cp_ab ul li p{
    font-family: Montserrat-Medium;
    font-weight: normal;
    font-size: 0.06rem;
    color: #575757;
    margin-top: 0.05rem;
}

.cp_ab ul li{
    margin-left: 0.09rem;
}


.cp_ab ul li:nth-child(1){
    margin-left: 0;
}

.company{
    position: relative;
    margin: 0.78rem 0 1.34rem;
}

.company>.middle{
    position: relative;
}

.cp_ab{
    margin-top: 0.27rem;
}

.zsxt{
    margin-top: 0.4rem;
}

.zsxt img{
    max-width: 1.45rem;
}

.cpyBgimg{
    width: 4.16rem;
    height: 3.89rem;
    overflow: hidden;
    position: absolute;
    right: -1.3rem;
    top: 0;
}

.cpyBgimg>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.cpyBgimg:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.pt_hdrleft{
    max-width: 2.94rem;
}

.cpymore{
    display: block;
    position: absolute;
    right: 2.47rem;
    bottom: -0.37rem;
    z-index: 88;
    width: 0.97rem;
    height: 0.96rem;
}

.cpymore img{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;


}

.cpymore img:nth-child(1){
    max-width: 100%;
    max-height: 100%;
    mix-blend-mode: screen;
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}

.cpymore img:nth-child(2){
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}




.cpymore:hover img:nth-child(1){
    -webkit-transform: rotateZ(60deg);
    -moz-transform: rotateZ(60deg);
    -ms-transform: rotateZ(60deg);
    -o-transform: rotateZ(60deg);
    transform: rotateZ(60deg);
}


.getin{
    background: url(../images/getinbg.jpg) top center no-repeat;
    background-size: 100%  auto;
    height: 3.76rem;
    background-attachment: fixed;
    overflow: hidden;
}

.getleft p{
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.1rem;
    color: #FFFFFF;
    line-height: 1.5em;
    width: 2.7rem;
    margin-top: 1.94rem;
}


.getright{
    margin-top: 1.25rem;
}


.getright{
    width: 3.2rem;
    position: relative;
    display: block;
}

.getright>img:nth-child(1){
    max-width: 100%;
}

.getright>img:nth-child(2){
    display: block;
    position: absolute;
    left: 0.28rem;
    bottom: 0.23rem;
    max-width: 0.45rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.getright:hover img:nth-child(2){
    left: 0.45rem;
}


.newsHd img{
    max-width: 1.83rem;
}


.newsLeft a{
    display: block;
    width: 0.73rem;
    border-bottom: 1px solid #949494;
    padding-bottom:0.09rem;
    font-family: Montserrat-Medium;
    font-weight: bold;
    font-size: 0.12rem;
    color: #323232;
    text-transform: uppercase;
    margin-top: 0.81rem;
}

.newsLeft a img{
    max-width: 0.09rem;
    margin-top: 0.01rem;
}

.news{
    position: relative;
    padding: 0.59rem 0 0.265rem;
}

.news::after{
    display: block;
    content: '';
    width: 100%;
    height: 1.61rem;
    background: #F6F7F8;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.newsRight{
    width: 4.31rem;
}

.newsRight ul li a{
    padding-bottom: 0.27rem;
    display: block;
    border-bottom: 1px solid rgba(148, 148, 148, 0.4);
}

.newtime p{
    font-family: Eurostile Extended;
    /*font-weight: bold;*/
    font-size: 0.18rem;
    color: #78A4C7;
}

.newtime span{
    display: block;
    font-family: Eurostile Extended;
    font-weight: bold;
    font-size: 0.09rem;
    color: #78A4C7;
    margin-top: 0.03rem;
}

.newsRight ul li h3{
    width: 2.7rem;
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.09rem;
    color: #323232;
    margin-top: 0.19rem;
    line-height: 1.1em;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newsRight ul li a>span{
    display: block;
    font-family: Montserrat-Medium;
    font-weight:bold;
    font-size: 0.09rem;
    color: #323232;
    margin-top: 0.19rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.newsRight ul li{
    margin-bottom: 0.24rem;
}


.newsRight ul li a>span:hover{
    color: #3D6BB0;
}


.footer{
    background: #3D6BB0;
    padding-bottom: 0.35rem;
}

.ft_top{
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}

.ft_top ul li{
    line-height: 0.52rem;
    width: 2.95rem;
    border-right: 1px solid rgba(255, 255, 255, 0.32);
    padding: 0 0.35rem;
}

.ft_top ul li:nth-child(1){
    border-left: 1px solid rgba(255, 255, 255, 0.32);
}

.ft_top ul li p{
    font-family: Montserrat-Medium;
    font-weight: normal;
    font-size: 0.08rem;
    color: #FFFFFF;
    opacity: 0.9;
}


.ftTico{
    max-width: 0.13rem;
    margin-top: 0.195rem;
    margin-right: 0.08rem;
}

.ft_top ul li a>img{
    max-width: 0.1rem;
    margin-top: 0.23rem;
}


.ftMleft{
    width: 1.72rem;
}

.ftMleft h3{
    font-family: Montserrat-Medium;
    font-weight: bold;
    font-size: 0.12rem;
    color: #FFFFFF;
    line-height: 0.21rem;
    opacity: 0.79;
}

.ftMleft ul{
    margin-top: 0.32rem;
}

.ftMleft ul li a{
    display: block;
    width: 0.23rem;
    height: 0.23rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.55);
    position: relative;
}

.ftMleft ul li a img{
    max-width: 0.07rem;
    max-height: 0.07rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.ftMright{
    width: 2.5rem;
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.08rem;
    color: #FFFFFF;
    line-height: 0.11rem;
    opacity: 0.79;
    text-align: right;
}

.ftMright div{
    margin-bottom: 0.11rem;
}


.ftMright p{
    font-weight: bold;
}

.ft_main{
    margin: 0.33rem 0;
}

.ft_nav{
     margin-top: 0.35rem;
}

.ft_nav dl{
    width: 0.73rem;
    margin-left: 0.275rem;
}

.ft_nav dl:nth-child(1){
    width: 1.32rem;
}

.ft_nav dl dt{
    font-family: Montserrat-Medium;
    font-size: 0.09rem;
    color: #FFFFFF;
    border-bottom:1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 0.09rem;
    margin-bottom: 0.15rem;
}


.ft_nav dl:nth-child(1){
    margin-left: 0;
}

.ft_nav dl a{
    display: block;
    font-family: Montserrat-UltraLight;
    font-size: 0.07rem;
    color: #FFFFFF;
    line-height: 0.14rem;
    opacity: 0.66;
    overflow: hidden;
    text-overflow:ellipsis ;
    white-space: nowrap;
}


.page_banner{
    height: 1.7rem;

}


.header2 .hd_nav ul li a{
    color: rgba(68, 64, 63, 1);
}


.header2 .hd_nav ul li a:hover{
    color: #3D6BB0;
}

.header2 .nav_box{
    background: 0;
}


.header2 .hd_lg{
    border: 1px solid rgba(68, 64, 63, 0.32);
}



.header2 .hd_lg{
    color: rgba(68, 64, 63, 1);
}



.header2 .hd_lg::after{
    background: #44403F;
}


.header2 .nav_box{
    height: auto;
}

.header2 .nav_box{
    padding-top: 0.12rem;
}

.header2::after{
    display: block;
    height: 1px;
    background: rgba(233, 233, 233, 0.76);
    content: '';
    position: absolute;
    left: 0;
    top: 0.73rem;
    z-index: 99;
    width: 100%;
}

.pg_add a{
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.07rem;
    color: rgba(68, 64, 63, 1);
}


.pg_add a:nth-child(1){
    color: #989898;
}


.pg_add{
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.07rem;
    color: rgba(68, 64, 63, 1);
}


.page_nav{
    padding-top: 1.27rem;
}

.pgNav_left{
    font-size: 0;
    margin-top: 0.37rem;
}

.pgNav_left{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 0.71rem;
    color: #2B2D31;
}

.pgNav_left span{
    font-family: Montserrat;
    font-size: 0.2rem;
    color: #2B2D31;
    display: block;
}


.header2 .nav_box{
    border: 0;
}

.pgNav_right{
    text-align: right;
    font-size: 0;
    margin-top: 0.6rem;
    margin-left: 0.6rem;
}

.pgNav_right a{
    display: inline-block;
    font-family: Montserrat-Medium;
    font-size: 0.09rem;
    font-weight: bold;
    color: #323232;
     width: 1.15rem;
    margin-right: 0.1rem;
    text-align: left;
    margin-bottom: 0.1rem;
}

.pgNav_right{
    width: 4rem;
}

.header2{
    height: auto;
    overflow: visible;
}

.header2 .nav_button{
    position: absolute;
    left: 0.45rem;
    top: 1.67rem;
    z-index: 999;
    margin: 0;
    cursor: pointer;
}

.pgNav_right a::after{
    display: block;
    content: '';
    width: 2px;
    height: 0.1rem;
    background: rgba(61, 107, 176, 1);
    position: absolute;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    left: -0.12rem;
    top: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}

.pgNav_right a{
    position: relative;
}

.pgNav_right a:hover{
    color: #3D6BB0;
}

.pgNav_right a:hover::after{
    opacity: 1;
}

.pgNav_right a.active{
    color: #3D6BB0;
}


.pgNav_right a.active::after{
    opacity: 1;
}


.page_banner{
    margin-top: 0.39rem;
    position: relative;
}

.page_banner img{
    position: absolute;
    max-width: 0.41rem;
    right: 0.74rem;
    bottom: -0.46rem;
}


.pg_abts{
    background: url(../images/xingzhuang.png) top center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-attachment: fixed;
}


.pgabTleft{
    width: 3.2rem;
}


.pgabTleft p{
    font-family: Montserrat-UltraLight;
    /*font-weight: 300;*/
    font-size: 0.08rem;
    color: #44403F;
    line-height: 1.8em;
    margin-top: 0.15rem;
}


.pgabTleft img{
    max-width: 100%;
}

.pgabTright{
    width: 2.68rem;
    height: 2.38rem;
    background: #262626;
    overflow: hidden;
}

.pgabTright img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.pgabTright img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.pg_abts{
    margin-top: 0.65rem;
}

.pg_abTbtm{
    margin-top: 0.71rem;
}


.pg_abTbimg{
    width: 4.72rem;
    height: 2.54rem;
    overflow: hidden;
}


.pg_abTbimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.pg_abTbimg img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.pg_abTbtm .middle{
    position: relative;
}


.pg_abTbimg{
    position: absolute;
    left: -1.37rem;
    top: 0;
}


.pg_abTbtT{
    width: 2.69rem;
    font-family: Montserrat-UltraLight;
    font-size: 0.08rem;
    color: #44403F;
    line-height: 1.8em;
}


.pg_abTbtT p{
    margin-bottom: 1em;

}

.strength{
    margin-top: 0.65rem;
}

.strLtext h3{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 0.15rem;
    color: #323232;
    text-transform: uppercase;
}

.strLtext p{
    font-weight: 300;
    font-size: 0.08rem;
    color: #44403F;
    line-height: 1.8em;
    margin-top: 0.15rem;
}

.strLeft{
    width: 1.93rem;
}

.tskp{
    background: url(../images/cpm_dbjs.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 1.93rem;
    height: 1.46rem;
}


.tskp>div{
    padding: 0.19rem 0.16rem;
}


.tskp p{
    font-family: Montserrat-Medium;
    font-weight: normal;
    font-size: 0.07rem;
    color: #FFFFFF;
    line-height: 0.11rem;
    text-transform: uppercase;
    height: 0.3rem;
}


.tskp h3{
    font-family: Eurostile Extended;
    font-weight: bold;
    font-size: 0.29rem;
    color: #3D6BB0;
    text-align: center;
    margin-top: 0.26rem;
}

.strRight{
    width: 3.95rem;
}

.strLeft .tskp{
    margin-top: 0.95rem;
}

.strRight{
    margin-top: 0.55rem;
}

.strRight>p{
    font-family: Montserrat-UltraLight;
    font-weight: normal;
    font-size: 0.08rem;
    color: #44403F;
    line-height: 1.8em;
    margin-top: 0.57rem;
}

.system2{
    background: rgba(245, 245, 245, 1);
    margin-top: 0.7rem;
    position: relative;
}

.system2::after{
    display: block;
    width: 1.4rem;
    height: 3rem;
    content: '';
    position: absolute;
    top: 0;
    right: -1.4rem;
}

.system3{
    padding: 0.56rem 0 0.56rem 0.56rem;
}

.system3 h2{
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.29rem;
    color: #050505;
}

.system3 h3{
    width: 1.9rem;
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.11rem;
    color: #050505;
    line-height: 1.3em;
    margin-top: 0.17rem;
    margin-bottom: 0.29rem;
}

.system3 p{
    width: 2.32rem;
    font-family: Montserrat-UltraLight;
    font-size: 0.08rem;
    color: #44403F;
    line-height: 1.8em;
    margin-right: 0.38rem;
    margin-bottom: 0.19rem;
}


.system3 p:nth-child(2n){
    width: 2.83rem;
}

.systemimg{
    width: 6.3rem;
    height: 1.49rem;
    overflow: hidden;
    margin-top: 0.43rem;
}


.systemimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}


.system{
    margin-bottom: 0.58rem;
}

.culLl{
    width: 0.19rem;
}

.culLeft{
    width: 3.54rem;
}

.culRr h3{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 0.18rem;
    color: #262626;
    line-height: 1.1em;
    text-transform: uppercase;
    margin: 0.73rem 0 0.2rem;
}



.culRr{
    width: 2.99rem;
}

.culRr p{
    font-family: Montserrat-UltraLight;
    font-size: 0.08rem;
    color: #44403F;
    line-height: 1.8em;
}
.culRr p:nth-child(3){
    margin: 0.39rem 0 0.6rem;
    font-family: Montserrat-Medium;
    font-weight: bold;
}

.culRimg{
    width: 2.9rem;
    height: 4.36rem;
    overflow: hidden;
}


.culRimg img{
   max-width: 100%;
}

.culRight{
    width: 2.9rem;
    margin-top: 0.65rem;
}

.culRight p{
    font-family: Montserrat;
    font-weight: bold;
    font-size: 0.09rem;
    color: #44403F;
    line-height: 0.13rem;
    text-align: right;
    margin-top: 0.55rem;
}


.culture{
    padding: 0.49rem 0 0.88rem;
    position: relative;
}

.culture::after{
    display: block;
    content: '';
    width: 100%;
    height: 4.45rem;
    position: absolute;
    left: 0 ;
    bottom: 0;
    background: #F5F5F5;
    z-index: -1;
}

.advLeft{
    width: 3.62rem;
    height: 2.63rem;
    overflow: hidden;
}



.advLeft img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}


.advRight{
    width: 2.78rem;
    margin-right: 0.3rem;
}


.advText{
    font-family: Montserrat-UltraLight;
    font-size: 0.08rem;
    color: #44403F;
    line-height: 1.6em;
    margin-top: 0.65rem;
}


.advRight h3{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 0.15rem;
    color: #3D6BB0;
    text-transform: uppercase;
    margin-bottom: 0.06rem;
    margin-top: 0.51rem;
}

.advRight h3 span{
    font-family: Montserrat-UltraLight;
}

.advRight img{
    max-height: 0.06rem;
}

.advantage .middle{
    position: relative;
    padding: 1.04rem 0 0.74rem;
}

.advantage .middle::after{
    content: '';
    display: block;
    width: 9rem;
    height: 2.3rem;
    background: #F5F5F5;
    opacity: 0.68;
    position: absolute;
    left: -1.37rem;
    bottom: 0;
}

.advantage .swiper-button-next{
    width: 0.47rem;
    height: 0.47rem;
    top:2.04rem;
    right: -0.46rem;
}

.advantage .swiper-button-next img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;

}

.advantage .swiper-button-next::after{
    display: none;
}


.advantage .swiper-button-next img:nth-child(1){
    max-width: 0.47rem;
}

.advantage .swiper-button-next img:nth-child(2){
    max-width: 0.17rem;
}

.advantage .swiper-pagination{
    font-family: Eurostile Extended;
    font-size: 0.06rem;
    color: #3D6BB0;
}

.advantage .swiper-pagination span{
    position: relative;
}

.advantage .swiper-pagination span::after{
    content: '0';
    font-family: Eurostile Extended;
    font-size: 0.2rem;
    color: #3D6BB0;
    position: absolute;
    left: -0.21rem;
}


.advantage .swiper-pagination .swiper-pagination-current{
    font-size: 0.2rem;

}


.advantage .swiper-pagination .swiper-pagination-total{
    padding-left: 0.06rem;

}

.advantage .swiper-pagination .swiper-pagination-total::after{
    font-size: 0.06rem;
    left: 0;
    top: 0.02rem;
}

.advantage .swiper-pagination{
    top: 1.22rem;
    right: 2.37rem;
    left: auto;
    width: 0.6rem;
}

.marketing{
    background: url(../images/mark_map.jpg) center no-repeat;
    -webkit-background-size: 7.83rem auto;
    background-size: 7.83rem auto;
    padding: 1.27rem 0 1.69rem;
}

.markethd{
    max-height: 0.72rem;
    margin-bottom: 0.54rem;
}

.markLeft{
    width: 4.02rem;
    height: 1.8rem;
}

.markLeft img{
    max-width: 100%;
}

.markRight{
    width: 2.64rem;
    font-family: Montserrat-UltraLight;
    font-size: 0.08rem;
    color: #44403F;
    line-height: 1.7em;

}


.markRight p{
    margin-bottom: 0.17rem;
}

.assur{
    background: rgba(233, 233, 233, 0.6);
    padding: 0.74rem 0 0.78rem;
}


.assur ul li{
    background: url(../images/assbj01.png) 0 0 no-repeat;
    -webkit-background-size: 1.43rem auto;
    background-size: 1.43rem auto;
    width: 1.43rem;
    height: 1.91rem;
    margin-left: 0.05rem;
}


.assur ul li:nth-child(2n){
    background: url(../images/assbj02.png) 0 0 no-repeat;
    -webkit-background-size: 1.43rem auto;
    background-size: 1.43rem auto;
}


.assur ul li>div{
    padding: 0.25rem 0.15rem;
}


.assur ul li img{
    max-height: 0.52rem;
}


.assur ul li p{
    font-family: Montserrat-Medium;
    font-size: 0.07rem;
    color: #262626;
    line-height: 1.6em;
    margin-top: 0.54rem;
}



.assur ul li:nth-child(1){
    margin-left: 0;
}


.pt_banner img{
    width: 100%;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    max-width: 100%;
}


.pg_pt_img{
    width: 3.42rem;
    height: 3.13rem;
    overflow: hidden;
    position: relative;
}

.pg_pt_img img{
    position: absolute;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    left: 0;
    top: 0;
}

.pg_pt_img img:nth-child(2){
    opacity: 0;
}


.pg_pt_banner ul{
    padding: 0.58rem 0.43rem;
}

.pg_pt_banner ul li{
    margin-bottom: 0.19rem;
    background: #F8F8F8;
}

.pg_pt_banner ul li:hover img:nth-child(2){
    opacity: 1;
}

.pg_pt_text{
    width: 3.07rem;
    height: 3.13rem;
    background: #F8F8F8;
}

.pg_pt_text>div{
    padding: 0.51rem 0.46rem;
}


.pg_pt_text h3{
    font-family: Montserrat;
    font-weight: normal;
    font-size: 0.14rem;
    color: #323232;
    line-height: 0.17rem;
    text-transform: uppercase;
    width: 70%;
}


.pg_pt_text span{
    display: block;
    padding: 0.15rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    font-family: Montserrat;
    font-size: 0.11rem;
    color: #323232;
    margin: 0.16rem 0 0.39rem;
}

.pg_pt_text p{
    font-family: Montserrat-Medium;
    font-weight: normal;
    font-size: 0.08rem;
    color: #575757;
    line-height: 1.5em;
    height: 0.4rem;
}

.pg_view{
    font-family: Montserrat-Medium;
    font-size: 0.08rem;
    color: #323232;
    padding-bottom: 0.03rem;
    text-transform: uppercase;
    font-weight: bold;
    width: 0.6rem;
    height: 0.13rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.34);
    position: relative;
    margin-right: 0.2rem;
    margin-top: 0.36rem;

}

.pg_view::after{
    content: '';
    position: absolute;
    top: -0.01rem;
    right: -0.2rem;
    width: 0.13rem;
    height: 0.13rem;
    background: url(../images/shouzhi.png) right center no-repeat;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}



.pg_view:hover::after{
    right: -0.35rem;
}


.pg_view:hover{
    color: #3D6BB0;
}


.pt_sw_left{
    width: 1.6rem;
}


.pt_sw_right{
    width: 5.29rem;
}


.pt_sw_left h3{
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.13rem;
    color: #262626;
    text-transform: uppercase;
    margin-bottom: 0.3rem;
}


.pt_sw_left a{
    font-family: Montserrat-UltraLight;
    font-weight: 400;
    font-size: 0.08rem;
    color: #A6A9B0;
    line-height: 2em;
    display: block;
    position: relative;
}


.pt_sw_left a:hover{
    padding-left: 1em;
    color: #000;
}

.pt_sw_left a::after{
    display: block;
    width: 0.04rem;
    height: 0.04rem;
    background: #3D6BB0;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    content: '';
    position: absolute;
    left: -0.08rem;
    top: 50%;
    margin-top: -0.02rem;
}



.pt_sw_left a:hover::after{
    opacity: 1;
    left: 0;
}

.pt_swHd h3{
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.21rem;
    color: #262626;
    line-height: 1.5em;
    text-transform: uppercase;
}

.pt_swHd p{
    font-family: Montserrat-Medium;
    font-size: 0.09rem;
    color: #575757;
    line-height: 1.5em;
    margin-top: 0.1rem;
}

.pt_swHd span{
    display: inline-block;
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.09rem;
    color: #3D6BB0;
    line-height: 0.19rem;
    padding: 0 0.15rem;
    border: 1px solid #3D6BB0;
    border-radius: 0.3rem;
    margin-top: 0.22rem;
}

.pt_sw_right{
    font-size: 0;
}

.pt_img_ny{
    width: 100%;
}


.pt_imgBig{
    width: 100%;
    height: 3.66rem;
    background: #F8F8F8;
    border-radius: 0.13rem;
    overflow: hidden;
}


.pt_imgBig img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}


.pt_imgsml{
    width: 100%;
    height: 0.7rem;
    overflow: hidden;
    border-radius: 0.05rem;
}


.pt_imgsml img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

#thumbs{
    margin-top: 0.15rem;
}

.pt_img_ny .swiper-button-prev::after{
display: none;
}


.pt_img_ny .swiper-button-next::after{
    display: none;
}

.pt_img_ny .swiper-button-prev{
    width: 0.25rem;
    height: 0.25rem;
    left: 0.3rem;
}

.pt_img_ny .swiper-button-prev img{
    max-width: 100%;
    filter: grayscale(100%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.pt_img_ny .swiper-button-next{
    width: 0.25rem;
    height: 0.25rem;
    right: 0.3rem;
}

.pt_img_ny .swiper-button-next img{
    max-width: 100%;
    filter: grayscale(100%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.pt_img_ny .swiper-button-prev img:hover{
    filter: grayscale(0);
}


.pt_img_ny .swiper-button-next img:hover{
    filter: grayscale(0);
}


.pt_img_ny{
    margin: 0.25rem 0 0.65rem;
}



.cpzb_text sub{
    font-size: 0.07rem;
}

.cpzb_text img{
    max-width: 100%;
}

.cpzb_text table{
    width: 100%!important;
    margin: 0.4rem auto!important;
    font-size:0.08rem!important;
    font-weight:400!important;
    color:rgba(0,0,0,1)!important;
    border: 0px solid #000!important;
    background: #f2f2f2!important;
    box-sizing: border-box;

}

.cpzb_text table tr:nth-child(1){
    background: #3D6BB0!important;
    line-height: 0.39rem!important;
    border-top: 0px solid #000!important;
    color: #fff!important;
}

.cpzb_text table tr:nth-child(1) td{
    color: #FFFFFF!important;
    white-space: nowrap;
}

.cpzb_text table tr{
    border-top: 0px solid #9e9e9e!important;
    font-family: Montserrat-Medium!important;
}


.cpzb_text table td{
    width: auto!important;
    /*border-left: 1px solid transparent!important;*/
    line-height: 1.5em!important;
    text-align: center!important;
    border: 0px solid #000!important;
    font-size: 0.08rem!important;
    border-right: 0px solid #000!important;
    padding: 0.1rem 0.03rem!important;
    display:table-cell!important;
    vertical-align:middle!important;
    font-family: Montserrat-Medium!important;
}

.cpzb_text table th{
    border: 0px solid #000!important;
    font-weight: 400!important;
    letter-spacing: 0em!important;
    font-size: 0.08rem!important;
    font-weight: bold!important;
    border-right: 0px solid #000!important;
    font-family: Montserrat-Medium!important;
}

.cpzb_text tr:nth-child(2n+1){
    background: #fff!important;
}

.cp_yt_text{
    font-size:0.08rem;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:0.17rem;
    text-align: justify;
    padding-bottom: 0.5rem;
    font-family: Montserrat-Medium!important;

}

.cpzb_text{
    /*background: #fafafa;*/
    overflow: hidden;
    *zoom: 1;
    width: 100%;
    margin-top: 0.08rem;
    font-size: 0.08rem;
    font-family: Montserrat-Medium;
    line-height: 1.5em;
    color: #575757;

}

.pt_sw_content h3{
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.13rem;
    color: #262626;
    line-height: 0.11rem;
    text-transform: uppercase;
}

.pt_sw_content p{
    font-family: Montserrat-Medium;
    font-weight: normal;
    font-size: 0.08rem;
    color: #575757;
    line-height: 0.12rem;
    margin-top: 0.16rem;
}


.ptshws{
    padding: 0.77rem 0 0.58rem;
}


.pt_sw_left .active{
    padding-left: 1em;
    color: #000;
}

.pt_sw_left .active::after{
    opacity: 1;
    left: 0;
}

.show_news{
    padding: 0.81rem 0 0.3rem;
}

.show_newsRight{
    width: 5.7rem;
}


.shw_news_time{
    font-family: Eurostile Extended;
    color: #333333;
    margin-top: 0.02rem;
}


.shw_news_time p{

    font-size: 0.15rem;
    color: #333333;
}

.shw_news_time span{
    font-size: 0.07rem;
}

.shw_news_text{
    width: 4.06rem;
}

.shw_news_text h3{
    width: 1.51rem;
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.09rem;
    color: #000000;
    line-height: 1.6em;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.shw_news_img{
    width: 1.88rem;
    height: 1.06rem;
    overflow: hidden;

}


.shw_news_img img{
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    object-fit: cover;
    -o-object-fit: cover;
}


.shw_news_img:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.show_newsRight ul li{
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 0.25rem;
    margin-top: 0.25rem;
}

.show_newsRight ul li:nth-child(1){
    padding-top: 0;
    margin-top: 0;
    border: 0;
}

.show_news .pt_sw_left{
    padding-top: 0.06rem;
}

.shw_news_text h3:hover{
    color: #3D6BB0;
}

.show_newsRhd h3{
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.13rem;
    color: #000000;
    line-height: 1.5em;
    padding-top: 0.28rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 0.18rem;
    margin-bottom: 0.3rem;
}

.show_news_content img{
    max-width: 100%;
}

.show_news_content{
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.09rem;
    color: #575757;
    line-height: 1.5em;
    padding-bottom: 1.04rem;
}


.show_newsRight .shw_news_time{
    font-size: 0;
}

.show_nw_bk{
    background: url(../images/back_jt.png) left center no-repeat;
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.12rem;
    color: #262626;
    display: block;
    padding-left: 0.21rem;
    -webkit-background-size: 0.12rem auto;
    background-size: 0.12rem auto;
    margin-bottom: 1.21rem;
}


.show_nw_bk:hover{
    color: #3D6BB0;
}

.caryzz{
    padding: 0.51rem 0 0.7rem;
}

.caryzz ul li{
    width: 1.62rem;
    height: 2.22rem;
    margin-right: 0.29rem;
    margin-bottom: 0.39rem;
}

.caryzz ul li:nth-child(4n){
    margin-right: 0;
}


.caryzz ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.caryzz ul li img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}



.app_list ul li .shw_news_img{
    width: 3.15rem;
    height: 1.78rem;
    overflow: hidden;
}

.app_list ul li .shw_news_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}


.app_list ul li .shw_news_text{
    width: 6.06rem;
}

.app_list{
    padding: 0.83rem 0;
}


.app_list ul li{
    padding-top: 0.27rem;
    margin-top: 0.27rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.app_list ul li:nth-child(1){
    padding-top: 0;
    margin-top: 0;
    border: 0;
}



.app_list ul li:hover{
    padding: 0.33rem 0.26rem;
    background: #333333;
}


.app_list ul li:hover .shw_news_text h3{
    color: #ffffff;
}



.app_list ul li:hover .shw_news_time{
    color: #ffffff;
}



.app_list ul li:hover .shw_news_time p{
    color: #ffffff;
}

.oem_pg_box{
    background: url(../images/OEMbj.jpg) center 1.73rem   no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: relative;
    height: 7.9rem;
}
.oem_pg_box{
   padding-top: 1.36rem;
}

.oem_pg_box .page_nav{
    padding-top: 0;
}

.oem_pg_box .nav_button{
    margin-top: 1rem;
}

.oem_nav{
    width: 1.8rem;
    font-family: Montserrat-Medium;
    font-weight: bold;
    font-size: 0.16rem;
    color: #262626;
    line-height: 0.23rem;
    margin-top: 0.4rem;
    text-transform: uppercase;
    margin-left: 0.9rem;
}

.click_video{
    width: 1.64rem;
    height: 0.44rem;
    background: #FFFFFF;
    border-radius: 0.22rem;
    position: absolute;
    top: 3.5rem;
    left: 50%;
    margin-left: -0.82rem;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.click_video:hover{
    width: 1.89rem;
    margin-left: -0.945rem;
}


.click_video img{
    position: absolute;
}

.click_video img:nth-child(1){
    max-height: 0.28rem;
    left: 0.09rem;
    top: 0.07rem;
}


.click_video img:nth-child(2){
    max-height: 0.16rem;
   top: 0.14rem;
    right: 0.2rem;
}

.oem_pg_box>.middle{
    overflow: hidden;
    height: 6.76rem;
}

.oem_pg_box .abtLo{
    background: rgba(199, 221, 226, 1);
    border-radius: 100%;
    margin-left: 1.52rem;
    margin-top: 5.1rem;
}

.pgnvtops{
    margin-left: 0.44rem;
    position: relative;
    z-index: 99;
}



.pgnvtops .nav_button{
    margin-top:1.84rem;
    margin-bottom: 0;
    margin-right: 0.45rem;
}




.abOem{
    width: 2.63rem;
    margin-top: 5.3rem;
}



.abOem p{
    font-family: Montserrat-Medium;
    font-weight: normal;
    font-size: 0.08rem;
    color: #575757;
    line-height: 1.7em;
    margin-bottom: 1em;
}



@media screen and (max-width: 1750px) {
    .oem_pg_box .abtLo{
        /*margin-left: 1.7rem;*/
        /*margin-top: 3.7rem;*/
    }

    .abOem{
        /*margin-top: 3.8rem;*/
    }

    .oem_pg_box{
        height: auto;
    }
}


@media screen and (max-width: 1650px) {
    .oem_pg_box .abtLo{
        /*margin-left: 1.7rem;*/
        /*margin-top: 3.7rem;*/
    }

    .abOem{
        /*margin-top: 3.8rem;*/
    }
}



@media screen and (max-width: 1280px) {
    .oem_pg_box .abtLo{
        /*margin-left: 1.85rem;*/
        /*margin-top: 3rem;*/
    }

    .abOem{
        /*margin-top: 3.2rem;*/
    }

}


.oemBottom{
    background: #F1F5F6;
    padding: 0.49rem 0 0.55rem;
}


.oewBtops h3{
    font-family: Montserrat;
    font-size: 0.13rem;
    color: #262626;
    text-transform: uppercase;
}

.oewBtops p{
    font-family: Montserrat-Medium;
    font-weight: normal;
    font-size: 0.07rem;
    color: #575757;
    line-height: 1.5em;
    width: 2.1rem;
    text-align: right;
}

.oembToo ul li{
    width: 1.48rem;
    padding-right: 0.2rem;
    height: 1.9rem;
    border-right: 1px solid rgba(61, 107, 176, 0.42);
    text-align: center;
    font-size: 0;
    margin-right: 0.2rem;
}

.oembToo ul li img{
    display: inline-block;
    height: 0.47rem;
}


.oembToo ul li h3{
    font-family: Montserrat-Medium;
    font-weight: bold;
    font-size: 0.09rem;
    color: #323232;
    text-transform: uppercase;
    margin-top: 0.16rem;
    margin-bottom: 0.19rem;
}

.oembToo ul li:nth-child(4){
    margin-right: 0;
}

.oembToo ul li p{
    font-family: Montserrat-Medium;
    font-weight: normal;
    font-size: 0.07rem;
    color: #575757;
    line-height: 0.11rem;
    margin-bottom: 1em;
}

.oembToo{
    margin-top: 0.6rem;
}


.ctInput{
    background: rgba(235, 236, 238, 0.3);
    padding: 0.44rem 0 0.84rem;
    margin-top: 0.32rem;
}

.ctIPlc{
    width: 0.34rem;
    height: 0.34rem;
    background: #E6E7E9;
    border-radius: 50%;
    text-align: center;
    font-family: Montserrat-Medium;
    font-weight: bold;
    font-size: 0.06rem;
    color: #262729;

}

.ctIPlc>div{
    padding: 0.12rem 0;
}

.ctIpjs{
    width: 1.15rem;
    margin-left: 0.12rem;
    margin-top: 0.1rem;
}

.ctIpjs h3{
    font-family: Montserrat-Medium;
    font-size: 0.1rem;
    color: #262626;
}


.ctIpjs p{
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.08rem;
    color: #656565;
    margin-top: 0.06rem;
}


.ctInputLeft ul li:nth-child(1) .ctIpjs{
    margin-top: 0.05rem;
}


.ctInputLeft ul li:nth-child(1) .ctIPlc{
    background:rgba(38, 39, 41, 1);
    color: #ffffff;
}


.ctInputLeft ul li{
    margin-bottom: 0.34rem;
}

.ctInputLeft{
    position: relative;
    width: 1.62rem;
}

.ctInputLeft::after{
    position: absolute;
    left: 0.17rem;
    width: 1px;
    height: 1.7rem;
    background: #E6E7E9;
    content: '';
    top: 0;
    z-index: -1;
}

.ct_lxbox{
    width: 100%;
    background: #EBECEE;
    border-radius: 0.02rem;
    margin-bottom: 0.06rem;
}

.ct_lxbox>div{
    padding: 0.12rem;
}

.ct_lxbox h3{
    font-family: Montserrat-Medium;
    font-weight: bold;
    font-size: 0.08rem;
    color: #272636;
    text-transform: uppercase;
    padding-left: 0.14rem;
    line-height: 1.8em;
}

.ct_lxbox h2{
    font-family: Montserrat;
    font-size: 0.135rem;
    color: #000000;
    margin-top: 0.09rem;
}

.ct_lxbox p{
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.08rem;
    color: #181818;
    line-height: 0.1rem;
    opacity: 0.9;
    margin-bottom: 1em;
}

.ctInputRight{
    width: 5.06rem;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 0.3rem;
}


.formTxt{
    width: 1.15rem;
    height: 0.08rem;
    font-family: Montserrat-Medium;
    font-weight: 400;
    font-size: 0.1rem;
    color: #262626;
    line-height: 0.23rem;
}

.formTxt span{
    color: rgba(195, 48, 48, 1);
}


.ctInputRight ul li{
    padding: 0.2rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}


.ctInputRight ul li select{
    width: 3.6rem;
    height: 0.23rem;
    background: #EBECEE;
    border-radius: 0.02rem;
    font-size: 0.08rem;
    color: #616161;
    border: 0;
    padding: 0 0.07rem;
    font-family: Montserrat-Medium;
}



.ctInputRight ul li input{
    width: 3.46rem;
    height: 0.23rem;
    background: #EBECEE;
    border-radius: 0.02rem;
    font-size: 0.08rem;
    color: #616161;
    border: 0;
    padding: 0 0.07rem;
    font-family: Montserrat-Medium;
}


.ctInputRight ul li textarea{
    display: block;
    width: 3.465rem;
    height: 1.38rem;
    background: #EBECEE;
    border-radius: 0.02rem;
    border: 0;
    padding: 0.07rem;
    font-family: Montserrat-Medium;
    font-size: 0.08rem;
}

.ctInputRight ul li:nth-child(5){
    border: 0;
}


.inputtj{
    font-size: 0;
    text-align: center;
}

.inputtj input{
    width: 0.73rem;
    height: 0.24rem;
    background: #EBECEE;
    border-radius: 0.12rem;
    text-align: center;
    line-height: 0.24rem;
    display: inline-block;
    border: 0;
    text-transform: uppercase;
    font-family: Montserrat-Medium;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: 0.14rem;

}


.inputtj input:hover{
    background: rgba(61, 107, 176, 1);
    color: #FFFFFF;
}


.inputtj input:nth-child(2){
    background: rgba(61, 107, 176, 1);
    color: #FFFFFF;
}

.inputtj{
    padding-bottom: 0.23rem;
}


.ctMap{
    width: 100%;
    height: 2.58rem;
    overflow: hidden;
    margin-top: 0.74rem;
}

.ctMap iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}



.vdbx{
        width: 8.64rem;
    height: 3.43rem;
    background: #ffffff;
    border-radius: 0.05rem;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: none;
    z-index: 9999;
    overflow: hidden;
}

.vdbx video{
    width: 100%;
    height: 101%;
    object-fit: cover;
    -o-object-fit: cover;
}

.closes{
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    width: 0.2rem;
    height: 0.2rem;
    cursor: pointer;
}

.closes img{
    max-width: 100%;
}

.bnSpbox{
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    left: 0;
    top: 0;
    display: none;

}


.navcd{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: none;
    z-index: 999;
}

.hd_menue{
    cursor: pointer;
}

.nvacdpd{
    padding: 0.5rem 1rem;
    font-size: 0;
    position: relative;
}

.nvacdpd dl dt a{
    font-size: 0.35rem;
    line-height: 1.1em;
    text-transform: uppercase;
    font-family: Montserrat;
}

.nvacdpd dl dt{
    margin-bottom: 0.05rem;
}

.nvacdpd dl{
    margin-bottom: 0.2rem;
}

.nvacdpd dl a:hover{
    color: #3D6BB0;
}

.nvacdpd dl dd a{
    padding-right: 2em;
    font-size: 0.09rem;
    text-transform:uppercase;
    opacity: 0.8;
    font-family: Montserrat-Medium;
    font-weight: bold;
}

.guanbi{
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    background: #fff;
    right: 1rem;
    top:0.7rem;
    cursor: pointer;
}

.guanbi::after{
    display: block;
    width: 0.5rem;
    height: 1px;
    content: '';
    background: #000;
    transform: rotateZ(45deg);
    transform-origin: center;
    position: absolute;
    top: 0.25rem;
    left: 0;
}

.guanbi::before{
    display: block;
    width: 0.5rem;
    height: 1px;
    content: '';
    background: #000;
    transform: rotateZ(-45deg);
    transform-origin: center;
    position: absolute;
    top:  0.25rem;
    left: 0;
}


.oem_pg_box .nav_button{
    margin-top: 0.58rem;
}


  /* 浮动面板样式 */
        .float-panel {
            position: fixed;
            bottom: .15625rem; /* 30px */
            right: .15625rem;
            background: #46d1d1;
            padding: 0.078125rem; /* 15px */
            border-radius: .260417rem; /* 50px */
            display: flex;
            flex-direction: column;
            box-shadow: 0 .0260417rem .078125rem rgba(0,0,0,0.3);
            z-index: 9999;
            align-items: center;
            overflow: hidden;
            transition: max-height 0.3s ease; /* 高度过渡动画 */
            max-height: .520833rem; /* 默认高度：2个图标+1间隙 */
        }

        /* 展开状态 */
        .float-panel.expanded {
            max-height: .833333rem; /* 展开高度：3个图标+2间隙 */
        }

        /* 图标容器 */
        .float-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: .208333rem; /* 40px */
            height: .208333rem;
            color: white;
            font-size: .125rem; /* 24px */
            cursor: pointer;
            transition: all 0.3s ease;
            margin-bottom: .104167rem; /* 20px间隙 */
        }

        /* 最后一个图标不需要间隙 */
        .float-icon:last-child {
            margin-bottom: 0;
        }

        .float-icon:hover {
            transform: scale(1.1);
        }

        /* 返回顶部按钮 */
        #back-to-top {
            height: 0;
            opacity: 0;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        #back-to-top.show {
            height: .208333rem; /* 40px */
            opacity: 1;
        }