.wrap{
    margin: 0 12.5rem;
}
.wrap1{
    margin: 0 5rem;
}
.layout{
    overflow: hidden;
    padding-top: 5.2rem;
}
.header{
    height: 5.2rem;
    position: fixed;
    left: 0;right: 0;
    top: 0;z-index: 999;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(80,80,80,0.2);
}
.header .logo{
    float: left;width: 23.96rem;
    overflow: hidden;
}
.header .rts{
    float: right;width: calc(100% - 24.06rem);height: 100%;
    /* background-image: linear-gradient(to right, #48a1fe,#226ee0, #0144c8); */
}
.header .logo a{
    padding-top: 1.2rem;display: block;
    margin-left: 2.34rem;
}
.header .logo img{
    margin: 0 auto;display: block;
    max-height: 3.4rem;float: left;
    width: 8.54rem;
}
.header .logo h2{
    float: left;line-height: 3.4rem;font-size: 1rem;
    color: #fdd000;
}
.header .rts .naver{
    float: left;width: calc(100% - 19rem);padding-left: 6.77rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.header .rts .form{
    float: right;margin-top: 1.4rem;margin-right:3.64rem;position: relative;
}
.header .rts .naver li{
    float: left;padding: 0 1.56rem;
}
.header .rts .naver li h3 a{
    display: inline-block;font-size: 0.94rem;
    line-height: 5.2rem;
    color: #333333;text-transform: capitalize;
}
.header .rts .naver li h3{
    vertical-align: middle;
}
.header .rts .naver li h3 i{
    width: 12px;height: 8px;display: inline-block;
    background: url(../images/uuico1.png) no-repeat center;
    margin-left: 0.52rem;position: relative;top: -0.1rem;
}
.header .rts .naver li.on h3 a,
.header .rts .naver li:hover h3 a{
    color: #151a59;
}
.header .rts .naver li h3{
    position: relative;
}

.header .rts .naver li h3::before{
    content: "";position: absolute;
    right: -1.56rem;
    top: 50%;z-index: 1;width: 1px;height: 0.83rem;margin-top: -0.41rem;background: rgba(255,255,255,0.5);
}
.header .rts .naver li:last-child h3::before {
    display: none;
}
.header .rts .naver li:last-child::before{
    display: none;
}
.header .rts .form .btn{
    float: left;height: 2.29rem;border-radius: 1.14rem;
    background: #fff;display: block;padding: 0 1.0417rem 0 0.26rem; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;margin-right: 20px;
    background: linear-gradient(to right,#48a1fe,#0245c8);
}
.header .rts .form .btn span{
    font-size:0.93rem ;
    line-height: 2.29rem;
    color: #fff;display: inline-block;padding-left: 2.81rem;background: url(../images/qm2.png) no-repeat left center;background-size: auto 1.77rem !important; 
}
.header .rts .seach {
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 1.14rem;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    /* IE 9 */
    -moz-transition: all 0.3s;
    /* Firefox */
    -webkit-transition: all 0.3s;
    /* Safari 鍜� Chrome */
    -o-transition: all 0.3s;
    float: right;cursor: pointer;
}
.header .rts .seach .t1 {
    width: 0;
    height: 2.29rem;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size:0.93rem ;
    color: #fff;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    /* IE 9 */
    -moz-transition: all 0.3s;
    /* Firefox */
    -webkit-transition: all 0.3s;
    /* Safari 鍜� Chrome */
    -o-transition: all 0.3s;
    background: none;position: absolute;
    right: 2.72rem;
    top: 0;z-index: 1;background: #fff;border: none;border-radius: 1.14rem;
    background: #999;
}
.header .rts .seach .sub {
    width: 2.08rem;
    height: 2.08rem;
    cursor: pointer;
    background: url(../images/qm1.png) no-repeat center;
    border-radius: 1.04rem;border: none;
    background-size: 1.3021rem auto;
}
.header .rts .seach.on .t1 {
    width: 13.54rem;padding: 0 1.04rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.header .rts .seach form::before{
    position: absolute;right: 0;
    top: 0;bottom: 0;
    z-index: 11;content: "";
    width: 2.08rem;
}
.header .rts .seach.on form::before{
    display: none;
} 
.hbanner{
    position: relative;
}
.hbanner li{
    /* height: 38.33rem; */
    height: auto !important;
}
.hbanner li a{
    display: block;
}
.hbanner li img{
    object-fit: cover;
    width: 100%;display: block;
}
.hbanner .spans{
    position: absolute;
    right: 2%;
    top: 50%;z-index: 2;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 氓鈥櫯� Chrome */
    -o-transform:translateY(-50%); text-align: right;
    height: 5.21rem;
}
.hbanner .spans .line{
    display: inline-block;margin: 5px 0;
    background: rgba(255,255,255,0.5);
}
.hbanner .spans .line span{
    width: 100%;border-radius: 0;display: block;background: #fff;position: relative;margin: 0 !important;
    background: #fdd000;
}
/* .hbanner .spans .line span::before{
        position: absolute;content: "";
        left: -2.4px;
        top: 0;z-index: 1;width: 8px;height: 8px;background: #fff;border-radius: 50%;
}
.hbanner .spans .line span:last-child::after{
        position: absolute;content: "";
        left: -2.4px;
        bottom: 0;z-index: 1;width: 8px;height: 8px;background: #fff;border-radius: 50%;
}
.hbanner .spans .line .swiper-pagination-bullet-active:last-child::after,
.hbanner .spans .line .swiper-pagination-bullet-active::before,
.hbanner .spans .line .swiper-pagination-bullet-active{
        background: #fdd000;opacity: 1;
} */

.footer{
    background: #3f4c61;position: relative;
}
.footer .uittop{
    position: absolute;
    right: 2%;
    top: -0.4rem;z-index: 2;width: 2.91rem;height: 6.77rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;border-radius: 1.56rem;cursor: pointer;border: 0.44rem solid #3f4c61;
}
.footer .uittop h3{
    background: #fff;border-radius: 1.56rem;
    text-align: center;padding-top: 1rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;height: 5rem;
}
.footer .uittop h3 span{
    background: url(../images/qm3.png) no-repeat center top;text-transform: uppercase;font-size:0.72rem ;color: #151a59;
    padding-top: 2.3rem;display: inline-block;background-size:  auto 1.14rem!important;
}
.footer .hds{
    padding: 3.12rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);

}
.footer .hds .lt{
    float: left;width: calc(100% - 15.62rem);display: flex;justify-content: space-between;align-items: top;
}
.footer .hds .rt{
    float: right;width: 15.62rem;
    margin-top: 0.8333rem;
}
.footer .hds .lt dt{
    font-size:1.55rem ;
    line-height: 1.7;
    color: #fff;font-weight: bold;margin-bottom: 1.14rem;text-transform: uppercase;
}
.footer .hds .lt dd a{
    display: block;font-size:0.83rem ;
    line-height: 2.08rem;
    color: #d7dcdf;word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-transform: capitalize;
}
.footer .hds .lt dl{
    width: 14.58rem;
}
.footer .hds .lt dd a:hover{
    text-decoration: underline !important;color: #fdd000;
}
.footer .hds .rt .wx h6{
    font-size:0.72rem ;
    line-height: 1.7;
    color: #d7dcdf;margin-top: 0.8rem;text-align: center;
}
.footer .hds .rt .wx img{
    width: 7.03rem;height: 7.03rem;display: block;margin: 0 auto;
}
.footer .hds .rt ul{
    margin-top: 2.6rem;display: flex;justify-content: space-between;align-items: center;
}
.footer .hds .rt li{
    width: 2.14rem;height: 2.14rem;border-radius: 50%;
}
.footer .hds .rt li a{
    display: block;width: 100%;height: 100%;
}
.footer .hds .rt li .s2{
    display: none;
}
.footer .hds .rt li:hover .s1{
    display: none;
}
.footer .hds .rt li:hover .s2{
    display: block;
}
.footer .bds{
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.footer .bds li{
    width: 33%;position: relative;float: left;padding: 2.08rem 0 1.56rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;height: 10.52rem;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.footer .bds li:last-child{
    width:34%;
}
.footer .bds li:hover{
    background: #303c51;
}
.footer .bds li:hover .i1,
.footer .bds li:hover .i2{
    opacity: 1;
}
.footer .bds li:nth-child(1)::after{
    content: "";position: absolute;
    left: 0;
    top: 0;z-index: 1;height: 100%;background: rgba(237,238,240,0.2);width: 1px;
}
.footer .bds li::before{
    content: "";position: absolute;
    right: 0;
    top: 0;z-index: 1;height: 100%;background: rgba(237,238,240,0.2);width: 1px;
}

.footer .bds li .i1,
.footer .bds li .i2{
    position: absolute;
    left: 0.93rem;
    top: -0.41rem;z-index: 1; display: block;background: rgba(237,238,240,0.2);width: 1px;height: 3.12rem;
    transform:rotateZ(140deg);opacity: 0;
}
.footer .bds li .i2{
    left: auto;right: 0.93rem;transform:rotateZ(-140deg);
}
.footer .bds li .ts{
    display: flex;justify-content: center;align-items: center;margin-bottom: 1.35rem;
}
.footer .bds li .ico{
    height: 2.29rem;
}
.footer .bds li:nth-child(2) .ico{
    height: 1.77rem;
}
.footer .bds li .ico img{
    height: 100%;display: block;
}
.footer .bds li .ico .s2{
    display: none;
}
.footer .bds li:hover .ico .s2{
    display: block;
}
.footer .bds li:hover .ico .s1{
    display: none;
}
.footer .bds li h6{
    font-size:0.93rem ;
    line-height: 1.7;
    color: #fff;margin-left:1.04rem;
}
.footer .bds li h5 a{
    line-height: 1.7;color: #d7dcdf;text-align: center;display: block;
}
.footer .bds li:nth-child(1) h5{
    font-size:1.56rem ;
    font-weight: bold;
}
.footer .bds li:nth-child(2) h5{
    font-size:1.14rem ;padding-top: 0.78rem;
}
.footer .bds li:nth-child(3) h5{
    font-size:0.93rem ;
    line-height: 1.6;
}

.footer .copyght{
    padding: 1.56rem 0;display: flex;justify-content: space-between;align-items: center;
}
.footer .copyght h6 a{
    color: #d7dcdf;
}
.footer .copyght h6{
    font-size:0.83rem ;
    line-height: 1.7;
    color: #d7dcdf;
}
.footer .copyght ul{
    display: flex;justify-content: center;align-items: center;
}
.footer .copyght li a{
    font-size:0.83rem ;
    line-height: 1.7;
    color: #d7dcdf;display: block;
}
.footer .copyght li span{
    width: 1px;height: 0.72rem;display: block;background: rgba(237,238,240,0.2);margin: 0 1.35rem;
}
.uiticos{
    width: 4.5rem;height: 4.5rem;border-radius: 50%;
    position: fixed;
    right: 0.5%;
    top: 80%;z-index: 33; cursor: pointer;

}
.uiticos:hover{
    -webkit-animation:tada  1s 0s ease both;
    -moz-animation:tada  1s 0s ease both;
}
@-webkit-keyframes bounce2{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
    40%{-webkit-transform:translateY(-15px)}
    60%{-webkit-transform:translateY(-5px)}
}
@-moz-keyframes bounce2{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
    40%{-moz-transform:translateY(-15px)}
    60%{-moz-transform:translateY(-5px)}
}
.uiticos img{
    display: block;margin: auto;position: absolute;
    left: 0;right: 0;top: 0;bottom: 0;
}
.hpage5{
    padding: 4.68rem 0 5.72rem;
}
.tit h2{
    text-align: center;
}
.tit h2 span{
    display: inline-block;font-size:2.5rem ;
    line-height: 1.6;
    color: #272b63;text-transform: uppercase;font-weight: bold;position: relative;
}
.tit h2 span::after,
.tit h2 span::before{
    position: absolute;
    left: -2.7rem;
    top: 50%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); width: 1.45rem;height: 1px;background: #272b63;content: "";
}
.tit h2 span::after{
    left: auto;right: -2.7rem;
}
.hpage5 .swipbds{
    box-shadow: 0 0 1.04rem 0 rgba(80,80,80,0.2);
    border-right: none;
    /* overflow: hidden; */
}
.hpage5 .ovspar{
    margin-top: 3.12rem;position: relative;
}
.hpage5 .swipbds li{
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;background: #fff;border: 1px solid #dbdbdb;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.hpage5 .ovspar{
    position: relative;
}

.hpage5 .swipbds li:last-child{
    border-right: none;
}
.hpage5 .swipbds li a{
    display: block;position: relative;height: 8.85rem;
}
.hpage5 .swipbds li img{
    position: absolute;
    left: 0;right: 0;bottom: 0;
    top: 0;z-index: 1;max-width: 90%;max-height: 90%;margin:auto;
    object-fit: contain;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.hpage5 .swipbds li:hover img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);  /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1); 
}
.hpage5 .ovspar .prev,
.hpage5 .ovspar .next{
    border-radius: 0.52rem;background: url(../images/qm13.png) no-repeat left center/200% 100%;
    position: absolute;
    left: -5.21rem;
    top: 50%;z-index: 1;margin-top: -1.41rem;width: 4.22rem;height: 3.96rem;cursor: pointer;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.hpage5 .ovspar .next{
    background: url(../images/qm13-1.png) no-repeat right center/200% 100%;left: auto;right: -5.21rem;
}
.hpage5 .ovspar .next:hover{
    background-position: left 100% center !important; 
}
.hpage5 .ovspar .prev:hover{
    background-position: right 100%  center !important; 
}


.hpage1 .ovpro .next:hover{
    background-position: left 100% center !important; 
}
.hpage1 .ovpro .prev:hover{
    background-position: right 100%  center !important; 
}
.hpage1 .ovpro .prev,
.hpage1 .ovpro .next{
    background: url(../images/qm13.png) no-repeat left center/200% 100%;
    position: absolute;
    left: -5.21rem;
    top: 50%;z-index: 1;margin-top: -1.41rem;width: 4.22rem;height: 3.96rem;cursor: pointer;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.hpage1 .ovpro .prev{
    background: url(../images/qm13-1.png) no-repeat right center/200% 100%;left: auto;right: -5.21rem;
}

.hbanner .prev,
.hbanner .next{
    background: url(../images/qm13.png) no-repeat left center/200% 100%;
    position: absolute;
    left:5.21rem;
    top: 50%;z-index: 1;margin-top: -1.41rem;width: 4.22rem;height: 3.96rem;cursor: pointer;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}

.hbanner .next{
    background: url(../images/qm13-1.png) no-repeat right center/200% 100%;left: auto;right: 5.21rem;
}

.qmsolutiondel .box5 .ops .next:hover{
    background-position: left 100% center !important; 
}
.qmsolutiondel .box5 .ops .prev:hover{
    background-position: right 100%  center !important; 
}
.qmsolutiondel .box5 .ops .prev,
.qmsolutiondel .box5 .ops .next{
    border-radius: 0.52rem;background: url(../images/qm13.png) no-repeat left center/200% 100%;
    position: absolute;
    left: -5.21rem;
    top: 50%;z-index: 1;margin-top: -1.41rem;width: 4.22rem;height: 3.96rem;cursor: pointer;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmsolutiondel .box5 .ops .prev{
    background: url(../images/qm13-1.png) no-repeat right center/200% 100%;left: auto;right: -5.21rem;
}


.qmuitpro .bds .opps .next:hover{
    background-position: left 100% center !important; 
}
.qmuitpro .bds .opps .prev:hover{
    background-position: right 100%  center !important; 
}
.qmuitpro .bds .opps .prev,
.qmuitpro .bds .opps .next{
    border-radius: 0.52rem;background: url(../images/qm13.png) no-repeat left center/200% 100%;
    position: absolute;
    left: -5.21rem;
    top: 50%;z-index: 1;margin-top: -1.41rem;width: 4.22rem;height: 3.96rem;cursor: pointer;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmuitpro .bds .opps .next{
    background: url(../images/qm13-1.png) no-repeat right center/200% 100%;left: auto;right: -5.21rem;
}



.hpage3 .ovcase .prev,
.hpage3 .ovcase .next{
    border-radius: 0.52rem;background: url(../images/qm13.png) no-repeat left center/200% 100%;box-shadow: 0 0 0.52rem 0 #ececec;
    position: absolute;
    left: -5.21rem;
    top: 50%;z-index: 1;margin-top: -1.41rem;width: 4.22rem;height: 3.96rem;cursor: pointer;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.hpage3 .ovcase .next{
    background: url(../images/qm13-1.png) no-repeat right center/200% 100%;left: auto;right: -5.21rem;
}

.hbanner .next:hover,
.hpage1 .ovpro .next:hover,
.hpage3 .ovcase .next:hover{
    background-position: left 0% center !important; 
}
.hbanner .prev:hover,
.hpage1 .ovpro .prev:hover,
.hpage3 .ovcase .prev:hover{
    background-position: right 0%  center !important; 
}










.hpage4 .bds{
    margin-top: 2.6rem;box-shadow: 0 0 1.04rem 0 rgba(80,80,80,0.2);background: #fff;margin-bottom: 2.08rem;
}
.more{
    width: 5.94rem;height: 2.19rem;line-height: 2.19rem;text-align: center;
    font-size: 0.83rem;color: #008aff;border: 1px solid #008aff;border-radius: 1.4rem;display: block;margin: 0 auto;
}
.hpage4 .bds .lt{
    float: left;width: 36.2rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;padding: 1.98rem 2.29rem;
}
.hpage4 .bds .rt{
    float: right;width: calc(100% - 36.2rem);border-left: 1px solid #dbdbdb;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.hpage4 .bds .lt .img{
    height: 19.53rem;overflow: hidden;position: relative;
}
.hpage4 .bds .lt .img a{
    height: 100%;display: block;
} 
.hpage4 .bds .lt .img img{
    width: 100%;height: 100%;display: block;object-fit: cover;transition:all 0.5s;
    -ms-transition:all 0.5s;  /* IE 9 */
    -moz-transition:all 0.5s;     /* Firefox */
    -webkit-transition:all 0.5s; /* Safari 鍜� Chrome */
    -o-transition:all 0.5s;
}
.hpage4 .bds .lt .img:hover img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);  /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1); 
}
.hpage4 .bds .lt h6{
    padding: 0 0.52rem;background-image: linear-gradient(to right, #094ecd,#3f96f8);
    font-size: 0.83rem;line-height: 1.77rem;position: absolute;
    left: 0;
    bottom: 0;z-index: 1;color: #fff;
}
.hpage4 .bds .lt .txt{
    margin-top: 1.56rem;
}
.hpage4 .bds .lt .txt h3 a{
    font-size: 1.25rem;
    line-height: 1.56rem;height: 3.13rem;overflow: hidden;
    color: #151a59;font-weight: bold;display: block;
}
.hpage4 .bds .lt .txt p{
    margin: 1.04rem 0 1.56rem;font-size: 0.83rem;
    line-height: 1.35rem;height: 4.06rem;overflow: hidden;
    color: #999999;
}
.hpage4 .bds .lt .txt .btn{
    margin-top: 1.56rem;
}
.hpage4 .bds .lt .txt .btn span{
    font-size: 0.83rem;
    line-height: 1.6;
    color: #008aff;padding-right: 1.56rem;background: url(../images/qm23.png) no-repeat right center;
}
.hpage4 .bds .rt li{
    border-bottom: 1px solid #dbdbdb;padding: 1.2rem 2.19rem 1.2rem 1.15rem;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.hpage4 .bds .rt li:last-child{
    border-bottom: none;
}
.hpage4 .bds .rt li .ts .img{
    width: 11.2rem;height: 6.98rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;border: 0.26rem solid rgba(255,255,255,0.2);float: left;
}
.hpage4 .bds .rt li .ts .img a{
    width: 100%;display: block;height: 100%;overflow: hidden;
}
.hpage4 .bds .rt li .ts .img img{
    width: 100%;height: 100%;display: block;object-fit: cover;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.hpage4 .bds .rt li:hover .ts .img img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);  /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1); 
}
.hpage4 .bds .rt li .ts .txt{
    float: right;width: calc(100% - 12.5rem);
}
.hpage4 .bds .rt li .ts .txt h3 a{
    font-size: 1.25rem;
    line-height: 1.67rem;height: 3.33rem;overflow: hidden;display: block;
    color: #151a59;font-weight: bold;margin-bottom: 0.73rem;transition:all 0s;
    -ms-transition:all 0s;  /* IE 9 */
    -moz-transition:all 0s;     /* Firefox */
    -webkit-transition:all 0s; /* Safari 鍜� Chrome */
    -o-transition:all 0s;
}
.hpage4 .bds .rt li .ts p{
    font-size: 0.83rem;
    line-height: 1.35rem;
    color: #999999;height: 2.71rem;overflow: hidden;
}
.hpage4 .bds .rt li .bt{
    display: flex;justify-content: space-between;align-items: center;margin-top: 1.25rem;
}
.hpage4 .bds .rt li .bt h6{
    font-size: 0.83rem;
    line-height: 1.7;
    color: #008aff;
}
.hpage4 .bds .rt li .bt .btn span{
    font-size: 0.83rem;
    line-height: 1.6;
    color: #008aff;padding-right: 1.56rem;background: url(../images/qm23.png) no-repeat right center;
}
.hpage4 .bds .rt li:hover{
    background: url(../images/qm24.jpg) no-repeat center/cover;
}
.hpage4 .bds .rt li:hover .ts .txt h3 a,
.hpage4 .bds .rt li:hover .bt h6{
    color: #fff;
}
.hpage4 .bds .rt li:hover .ts p{
    color:rgba(255,255,255,0.5);
}
.hpage4 .bds .lt .txt .btn:hover span,
.hpage4 .bds .rt li:hover .bt .btn span{
    color: #fdd000;background: url(../images/qm23-1.png) no-repeat right center;
}

.hpage3{
    padding: 4.27rem 0 5.73rem;
}
.hpage3 .ovcase{
    position: relative;margin-top: 3.44rem;padding-bottom: 4.17rem;
}
.hpage3 .swpcase{
    overflow: hidden;padding: 0.52rem;
}
.hpage3 .swpcase li{
    box-shadow: 0 0 0.52rem 0 rgba(80,80,80,0.2);transition:all 0.5s;
    -ms-transition:all 0.5s;  /* IE 9 */
    -moz-transition:all 0.5s;     /* Firefox */
    -webkit-transition:all 0.5s; /* Safari 鍜� Chrome */
    -o-transition:all 0.5s;
}
.hpage3 .swpcase li:hover{
    transform:scale(1.05);
    -ms-transform:scale(1.05);  /* IE 9 */
    -moz-transform:scale(1.05);     /* Firefox */
    -webkit-transform:scale(1.05); /* Safari 鍜� Chrome */
    -o-transform:scale(1.05); 
}
.hpage3 .swpcase li .img{
    height: 14.84rem;
}
.hpage3 .swpcase li .img img{
    width: 100%;height: 100%;display: block;object-fit: cover;
}
.hpage3 .swpcase li .txt{
    background: #fff;padding: 1.04rem 2.08rem 1.3rem;height: 16.88rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.hpage3 .swpcase li .txt h3 a{
    font-size: 1.15rem;
    width:100%;
    line-height: 1.6rem;
    color: #151a59;
    /*    word-break:keep-all;
        white-space:nowrap;
        overflow:hidden;
        text-transform: uppercase;
        text-overflow:ellipsis;*/
    margin-bottom: 1.88rem;display: inline-block;border-bottom: 0.16rem solid rgba(255,255,255,0);
}
.hpage3 .swpcase li .txt p{
    font-size: 0.83rem;
    line-height: 1.35rem;
    color: #999999;height: 5.42rem;overflow: hidden;margin-bottom: 1.56rem;
}
.hpage3 .swpcase li .txt .btn{
    width: 5.94rem;height: 2.19rem;display: block;border: 1px solid #008aff;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;text-align: center;border-radius: 1.2rem;
}
.hpage3 .swpcase li .txt .btn span{
    font-size: 0.83rem;
    line-height: 2.19rem;
    color: #008aff;
}
.hpage3 .swpcase li:hover .txt{
    background: url(../images/qm39.png) no-repeat center/cover;
}
.hpage3 .swpcase li:hover .txt h3 a{
    color: #fff;border-color:#fff ;
}
.hpage3 .swpcase li:hover .txt p{
    color: #fff;
}
.hpage3 .swpcase li:hover .txt .btn{
    background: #fff;border-color:#fff ;text-align: left;padding:0 0.83rem;
}
.hpage3 .swpcase li:hover .txt .btn span{
    color: #272b63;background: url(../images/qm46.png) no-repeat right center;display: block;background-size: auto 0.52rem!important;
}

.hpage3 .ovcase .spot{
    position: absolute;
    left: 0;right: 0;
    bottom: 0;z-index: 1;margin: 0 auto;text-align: center; 
}
.hpage3 .ovcase .spot span{
    background: #7ec2ff;opacity: 1;width: 0.31rem;height: 0.31rem;border-radius: 50%;margin: 0 0.21rem !important;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.hpage3 .ovcase .spot .swiper-pagination-bullet-active{
    width: 2.19rem;background-image: linear-gradient(to right, #01399a,#151b5c);border-radius: 0.16rem;height: 0.31rem;
}
.hpage2{
    padding: 4.69rem 0 4.17rem;
}
.hpage2 .thd ul{
    display: flex;justify-content: center;align-items: center;
}
.hpage2 .thd li{
    margin: 0 0.52rem;width: 15.89rem;height: 3.13rem;background: #fff;box-shadow: 0 0.26rem 0.52rem 0 rgba(80,80,80,0.2);
    text-align: center;border-radius: 1.56rem;position: relative;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.hpage2 .thd li:before{
    content: "";position: absolute;
    left: 0;right: 0;
    bottom: -0.36rem;z-index: 1;background: url(../images/qm44.png) no-repeat center/100% auto;width: 0.73rem;height: 0.36rem;margin: 0 auto;display: block;opacity: 0;
}
.hpage2 .thd{
    margin-top: 2.6rem;
}
.hpage2 .thd li a{
    display: inline-block;font-size: 0.94rem;
    line-height: 3.13rem;
    color: #333333;padding-left: 2.81rem;background-size: auto 2.87rem!important; 
}
.hpage2 .thd li:nth-child(1) a{
    padding-left: 3.91rem;
}
.hpage2 .thd li:hover,
.hpage2 .thd li.on{
    background: #fdd000;box-shadow: 0 0.26rem 1.04rem 0 #feefaa;
}
.hpage2 .thd li:hover:before,
.hpage2 .thd li.on:before{
    opacity: 1;
}
.hpage2 .ovs{
    margin-top: 3.65rem;margin-bottom: 2.08rem;
}
.hpage2 .ovs .bd{
    display: none;
}
.hpage2 .ovs .bd:nth-child(1){
    display: block;
}
.hpage2 .bd li{
    float: left;width: calc((100% - 5.21rem)/3);height: 17.97rem;box-shadow: 0 0 0.52rem 0 rgba(80,80,80,0.2);margin-right: 2.6rem;
    overflow: hidden;transition:all 0.5s;
    -ms-transition:all 0.5s;  /* IE 9 */
    -moz-transition:all 0.5s;     /* Firefox */
    -webkit-transition:all 0.5s; /* Safari 鍜� Chrome */
    -o-transition:all 0.5s;
}
.hpage2 .bd li:hover{
    transform: scale(1.05);
}
.hpage2 .bd li:nth-child(3){
    margin-right: 0;
}
.hpage2 .bd li a{
    display: block;height: 100%;position: relative;width: 100%;overflow: hidden;
}
.hpage2 .bd li img{
    width: 100%;height: 100%;display: block;object-fit: cover;transition:all 0.5s;
    -ms-transition:all 0.5s;  /* IE 9 */
    -moz-transition:all 0.5s;     /* Firefox */
    -webkit-transition:all 0.5s; /* Safari 鍜� Chrome */
    -o-transition:all 0.5s;
}
.hpage2 .bd li:hover img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);  /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1); 
}
.hpage2 .bd li .mak{
    position: absolute;
    left: 0;right: 0;
    bottom: 0rem;z-index: 1;background: url(../images/qm47.png) no-repeat center top/150%;
    padding: 2.604167rem 0 1.041667rem;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.hpage2 .bd li .mak h3{
    font-size: 1.15rem;
    line-height: 1.56rem;height: 3.13rem;overflow: hidden;
    color: #fff;font-weight: bold;position: relative;padding: 0 1.04rem 0 1.56rem;margin-top: 2.08rem;
}
.hpage2 .bd li:hover .text .wz:before,
.hpage2 .bd li.on .text .wz:before,
.hpage2 .bd li .mak h3:before{
    position: absolute;
    left: 0.73rem;content: "";
    top: 0.73rem;z-index: 1; width: 0.21rem;height: 0.21rem;border-radius: 50%;background: #fff;
}

.hpage2 .bd li:hover .mak{
    opacity: 0;transform: translateY(100%);
}
.hpage2 .bd li .text{
    background: url(../images/qm37.png) no-repeat center/cover;height: 9.06rem;display: block;position: absolute;
    left: 0;right: 0;transform: translateY(100%);
    bottom: 0;z-index: 1; padding: 0.63rem 0 1.35rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;transition:all 0.5s;
    -ms-transition:all 0.5s;  /* IE 9 */
    -moz-transition:all 0.5s;     /* Firefox */
    -webkit-transition:all 0.5s; /* Safari 鍜� Chrome */
    -o-transition:all 0.5s;
}
.hpage2 .bd li:hover .text{
    transform: translateY(0%);
}
.hpage2 .bd li .text .wz{
    padding: 0 2.86rem 0 1.56rem;position: relative;
}
.hpage2 .bd li .text h3{
    font-size: 1.15rem;
    line-height: 1.56rem;height: 3.13rem;overflow: hidden;
    color: #fff;font-weight: bold;border-bottom: 0.16rem solid #fff;padding-bottom: 0.31rem;
}
.hpage2 .bd li .text p{
    font-size: 0.83rem;
    line-height: 1.35rem;
    color: #fff;height: 2.71rem;overflow: hidden;margin-top: 0.63rem;padding: 0 2.86rem 0 1.56rem;
}

.hpage1{
    padding: 1.6rem 0 1.56rem;
}
.hpage1 .hds{
    box-shadow: 0 0 1.04rem 0 rgba(80,80,80,0.2);margin-bottom: 4.17rem;
}
.hpage1 .hds li{
    float: left;width: 16.66%;border-right: 1px solid #dbdbdb;height: 12.76rem;position: relative;padding: 0.4rem 0 0;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;transition:all 0.5s;
    -ms-transition:all 0.5s;  /* IE 9 */
    -moz-transition:all 0.5s;     /* Firefox */
    -webkit-transition:all 0.5s; /* Safari 鍜� Chrome */
    -o-transition:all 0.5s;
}
.hpage1 .hds li:last-child{
    border-right: none;
}
.hpage1 .hds li:hover{
    background-image: linear-gradient(to bottom, #064acb, #449cfb);transform:scale(1.08);
    -ms-transform:scale(1.08);  /* IE 9 */
    -moz-transform:scale(1.08);     /* Firefox */
    -webkit-transform:scale(1.08); /* Safari 鍜� Chrome */
    -o-transform:scale(1.08); box-shadow: 0 0 1.04rem 0 #c7d4ec;
}
.hpage1 .hds li a{
    display: block;height: 100%; 
}
.hpage1 .hds li .ico .s2{
    display: none;
}
.hpage1 .hds li .ico{
    height: 8rem;width: 8rem;margin: 0 auto;
}
.hpage1 .hds li .ico img{
    display: block;margin: 0 auto;
    object-fit: contain;max-height: 100%;max-width: 100%;
}
.hpage1 .hds li:hover .ico .s2{
    display: block;
}
.hpage1 .hds li:hover .ico .s1{
    display: none;
}
.hpage1 .hds li h6{
    font-size: 0.94rem;
    line-height: 1.7;
    color: #151a59;text-align: center;margin-top: 0.4rem;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.hpage1 .hds li .i1,
.hpage1 .hds li .i2{
    position: absolute;
    left: 0.93rem;
    top: -0.41rem;z-index: 1; display: block;background: rgba(237,238,240,0.2);width: 1px;height: 3.12rem;
    transform:rotateZ(140deg);opacity: 0;
}
.hpage1 .hds li .i2{
    left: auto;right: 0.93rem;transform:rotateZ(-140deg);
}
.hpage1 .hds li .i4,
.hpage1 .hds li .i3{
    position: absolute;
    left: 0.93rem;
    bottom: -0.41rem;z-index: 1; display: block;background: rgba(237,238,240,0.2);width: 1px;height: 3.12rem;
    transform:rotateZ(-140deg);opacity: 0;
}
.hpage1 .hds li .i4{
    left: auto;right: 0.93rem;transform:rotateZ(140deg);
}
.hpage1 .hds li:hover h6{
    margin-top: 1rem;color: #fff;font-weight: bold;
}
.hpage1 .hds li:hover .i1,
.hpage1 .hds li:hover .i2,
.hpage1 .hds li:hover .i3,
.hpage1 .hds li:hover .i4{
    opacity: 1;
}
.hpage1 .ovs{
    margin-top: 3.13rem;
}
.hpage1 .ovpro{
    position: relative;
}
.hpage1 .swippro{
    overflow: hidden;padding: 1.04rem 1.04rem 2.6rem 1.04rem;
}
.hpage1 .swippro li{
    overflow: hidden;
}
.hpage1 .swippro li .img{
    height: 13.44rem;position: relative;
    overflow: hidden;
}
.hpage1 .swippro li .img img{
    width: 70%;height: 100%;display: block;margin: auto;
    object-fit: contain;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.hpage1 .swippro li .txt{
    height: 11.2rem;text-align: center;padding: 1.46rem 1.2rem 0;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.hpage1 .swippro li:hover .txt{
    background: url(../images/qm39.png) no-repeat center/cover;
}
.hpage1 .swippro li .txt h3{
    font-size: 0.94rem;
    line-height: 1.7;
    color: #333333;
    /*    word-break:keep-all;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;*/
    margin-bottom: 1.25rem;

}
.hpage1 .swippro li .txt p{
    font-size: 0.8rem;
    line-height: 1.35rem;
    color: #fff;height: 4.06rem;overflow: hidden;display: none;text-align: left;
}
.hpage1 .swippro li .txt h6{
    width: 5.94rem;
    height: 2.19rem;
    line-height: 2.19rem;
    text-align: center;
    font-size: 0.83rem;
    color: #008aff;
    border: 1px solid #008aff;
    border-radius: 1.2rem;
    display: block;
    margin: 0 auto;
}
.hpage1 .swippro li:hover{
    box-shadow: 0 0 1.04rem 0 rgba(80,80,80,0.2);
}
.hpage1 .swippro li:hover .img img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);  /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1); 
}
.hpage1 .swippro li:hover .img{
    background: #fff;
}
.hpage1 .swippro li:hover h3{
    color: #fff;
}
.hpage1 .swippro li:hover p{
    display: block;
}
.hpage1 .swippro li:hover h6{
    display: none;
}

.hpage1 .ovpro .spot{
    position: absolute;
    left: 0;right: 0;
    bottom: 0;z-index: 1;margin: 0 auto;text-align: center; 
}
.hpage1 .ovpro .spot span{
    background: #7ec2ff;opacity: 1;width: 0.31rem;height: 0.31rem;border-radius: 50%;margin: 0 0.21rem !important;
}
.hpage1 .ovpro .spot .swiper-pagination-bullet-active{
    width: 2.19rem;background-image: linear-gradient(to right, #01399a,#151b5c);border-radius: 0.16rem;height: 0.31rem;
}

.more:hover{
    background: #008aff;color: #fff;
}
.footer .copyght li a:hover{
    text-decoration: underline !important;
    color: #fdd000;
}
.header .rts .form .btn:hover span{
    color: #0144c8;
} 


/* About */
.fban {
    /*    height: 20.4167rem;*/
    height: 10.2083rem;
}
.fban .wrap {
    height: 100%;
    position: relative;
}
.fban .ftext {
    position: absolute;
    left: 0;
    top: 46%;z-index: 11;
    /*    font-size: 3.0208rem;*/
    font-size: 2.5rem;
    line-height: 1.2;
    color: #ffffff;
    text-transform: uppercase;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); 
}
.fpage {
    padding: 1.3542rem 0 1.5625rem;
}
.fpage ul {
    display : flex ;
    flex-wrap : wrap;
    padding-left: 1.7708rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 1.0417rem auto !important;

}
.fpage ul li a {
    display: block;
    color: #b7b7c4;
    font-size: 0.9375rem;
    line-height: 1.5625rem;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fpage ul li.on a,
.fpage ul li a:hover {
    color: #008aff;
}
.fpage ul li i {
    display: block;
    color: #b7b7c4;
    font-size: 0.9375rem;
    line-height: 1.5625rem;
    padding: 0 0.5208rem;

}
.fpagelst {
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 10px 20px 0 rgba(80,80,80,0.2);position: relative;z-index: 2;

}
.fpagelst ul {
    display : flex ;
    flex-wrap : wrap;
    justify-content : center;
}
.fpagelst ul li {
    width: 16.66%;
    border-right: 1px solid #dbdbdb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.fpagelst ul li:first-child {
    border-left: 1px solid #dbdbdb;
}
.fpagelst ul li a {
    display: block;
    padding: 0.5208rem 0.5208rem 1.1458rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;

}
.fpagelst ul li.on a,
.fpagelst ul li a:hover {
    background-image: linear-gradient(to bottom, #064acb, #449cfb);
    transform: scale(1.08);
    -ms-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -o-transform: scale(1.08);
    box-shadow: 0 0 1.04rem 0 #c7d4ec;
    position: relative;
    z-index: 3;
}
.fpagelst ul li a:hover{
    /* box-shadow: none; */
}
.fpagelst ul li .icon {
    height: 4.6875rem;
    position: relative;
}
.fpagelst ul li .icon img {
    position: absolute;
    display: none;
    margin: 0 auto;
    left: 0;right: 0;
    top: 0;bottom: 0;
    height: 100%;
}
.fpagelst ul li .icon img:first-child {
    display: block;
}
.fpagelst ul li.on,
.fpagelst ul li:hover {
    border: none;
}
.fpagelst ul li:hover .icon img:nth-child(2), 
.fpagelst ul li.on .icon img:nth-child(2) {
    display: block;
}
.fpagelst ul li:hover .icon img:first-child,
.fpagelst ul li.on .icon img:first-child {
    display: none;
}
.fpagelst ul li h5 {
    text-align: center;
    margin-top: 0.4167rem;
    font-size: 0.9375rem;
    line-height: 1.4583rem;
    color: #151a59;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
    position: relative;
    top: 0;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.fpagelst ul li.on h5,
.fpagelst ul li:hover h5 {
    color: #ffffff;
    top: -0.52rem;font-weight: bold;
} 
.fcompany {
    padding: 5.2083rem 0 5.7292rem;
}
.fcompany .fen {
    margin-top: 3.6458rem;
    display : flex ;
    flex-wrap : wrap;
    justify-content : space-between;
    align-items: center;
}
.fcompany .fen .imgs {
    width: 35.3125rem;
}
.fcompany .fen .text {
    width: calc(100% - 44rem);
    font-size: 0.93rem;
    line-height: 1.5rem;
    color: #333333;
}
.fproducttion {
    padding: 4.1667rem 0 3.6458rem;
}
.fproducttion .list ul {
    margin-top: 3.125rem;
    display : flex ;
    flex-wrap : wrap;
    justify-content : space-between;
}
.fproducttion .list ul li {
    width: calc((100% - 6.7708rem)/2);
}
.fproducttion .list ul li .txt {
    position: relative;
    padding-left: 2.6042rem;
}
.fproducttion .list ul li .txt h2 {
    font-size: 4.7917rem;
    line-height: 5rem;
    color: #ffffff;
    font-weight: 200;
}
.fproducttion .list ul li .txt h5 {
    font-size: 1.25rem;
    line-height: 1.6667rem;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}
.fproducttion .list ul li .txt:before {
    position: absolute;
    left: 0;
    content: "";
    top: 0.7292rem;z-index: 1;
    bottom: 0.3646rem;
    width: 2px;
    background: #ffffff;
}
.fproducttion .list ul li .detail {
    margin-top: 2.6042rem;
    font-size: 0.85rem;
    line-height: 1.5rem;
    color: #ffffff;
}
.fquality {
    padding: 4.6875rem 0 4.4271rem;
}
.fquality .detail {
    margin-top: 3.6458rem;
    font-size: 0.93rem;
    line-height: 1.5rem;
    color: #333333;
}
.fquality .flist ul {
    display : flex ;
    flex-wrap : wrap;
    margin-top: 5.4688rem;
}
.fquality .flist ul li {
    margin-right: 1.6667rem;
}
.fquality .flist ul li .img {
    height: 9.2188rem;
}
.fquality .flist ul li .img img {
    display: block;
    height: 100%;
}
.fquality .flist ul li h6 {
    margin-top: 0.8333rem;
    font-size: 0.9375rem;
    line-height: 1.5625rem;
    color: #333333;
    font-weight: bold;
    text-align: center;
}

.fpagelst ul li .i1, 
.fpagelst ul li .i2 {
    position: absolute;
    left: 0.7rem;
    top: -0.2rem;
    z-index: 1;
    display: block;
    background: rgba(237,238,240,0.2);
    width: 1px;
    height: 2rem;
    transform: rotateZ(140deg);
    opacity: 0;
}
.fpagelst ul li .i4, 
.fpagelst ul li .i3 {
    position: absolute;
    left: 0.6rem;
    bottom: -0.3rem;
    z-index: 1;
    display: block;
    background: rgba(237,238,240,0.2);
    width: 1px;
    height: 2rem;
    transform: rotateZ(-140deg);
    opacity: 0;
}
.fpagelst ul li .i2 {
    left: auto;
    right: 0.7rem;
    transform: rotateZ(-140deg);
}
.fpagelst ul li .i4 {
    left: auto;
    right: 0.6rem;
    transform: rotateZ(140deg);
}
.fpagelst ul li.on .i1,
.fpagelst ul li.on .i2,
.fpagelst ul li.on .i3,
.fpagelst ul li.on .i4,
.fpagelst ul li:hover .i1, 
.fpagelst ul li:hover .i2, 
.fpagelst ul li:hover .i3, 
.fpagelst ul li:hover .i4 {
    opacity: 1;
}
.tit.fbai h2 span {
    color: #ffffff;
}
.tit.fbai h2 span::after, 
.tit.fbai h2 span::before {
    background: #ffffff;
}


/* contact us */
.fcontact {
    padding: 5.2083rem 0 6.25rem;
}
.ftit h6 {
    text-align: center;
    font-size: 0.9375rem;
    line-height: 1.6667rem;
    color: #333333;
    margin-top: 1.0417rem;
}
.fcontact .flist ul {
    margin-top: 3.6458rem;
    display : flex ;
    flex-wrap : wrap;
    justify-content : space-between;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0.2604rem 1.0417rem 0 rgba(80,80,80,0.2);
}
.fcontact .flist ul li {
    width: 33%;
    padding: 1.7708rem 2.7083rem 1.0938rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #dbdbdb;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
    background: #fff;
}
.fcontact .flist ul li:hover{
    box-shadow: 0 0.2604rem 1.0417rem 0 rgba(80,80,80,0.2);
    transform:scale(1.05);
    -ms-transform:scale(1.05);  /* IE 9 */
    -moz-transform:scale(1.05);     /* Firefox */
    -webkit-transform:scale(1.05); /* Safari 鍜� Chrome */
    -o-transform:scale(1.05); 
    border-right: 1px solid #fff;
}
.fcontact .flist ul li:nth-child(3n) {
    border-right: none;
}
.fcontact .flist ul li:nth-child(3n) {
    width: 34%;
}
.fcontact .flist ul li h5 {
    font-size: 0.9375rem;
    line-height: 1.3021rem;
    color: #999999;
    padding-left: 2.0833rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.fcontact .flist ul li h5 img{
    position: absolute;
    left: 0;top: 0;
    bottom: 0;
    margin: auto;
    width: 1.2rem;
    height: 1.3rem;
    object-fit: contain;
}
.fcontact .flist ul li:hover img{
    animation: swing 0.5s alternate;
}
.fcontact .flist ul li h4 {
    margin-top: 1.25rem;
    font-size: 1.0417rem;
    line-height: 1.3542rem;
    color: #333333;
}
.fcontact .flist ul li h6 {
    margin-top: 1.3021rem;
    font-size: 0.9375rem;
    line-height: 1.3542rem;
    color: #999999;
}
.fcontact .flist ul li h6 i {
    display: inline-block;
    color: #333333;
    padding-left: 0.31rem;
}
.fcontact .flist ul li h2 {
    margin-top: 24px;
    font-size: 1.8229rem;
    line-height: 1.9792rem;
    color: #333333;
    font-weight: bold;
}
.fleaving {
    margin-top: 3.6458rem;
    display : flex ;
    flex-wrap : wrap;
    justify-content : center;
    background: #f9f9f9;
}
.fleaving .map {
    width: 50%;
}
.fleaving .map .anchorBL {
    display: none;
}
.fleaving .ftext {
    padding: 2.8646rem 2.8646rem 2.5rem  4.6875rem;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ftlt h2 {
    font-size: 1.875rem;
    line-height: 2.1875rem;
    color: #272b63;
    text-transform: uppercase;
    font-weight: bold;
}
.ftlt h6 {
    margin-top: 0.4167rem;
    font-size: 0.8333rem;
    line-height: 1.25rem;
    color: #999999;
}
.fleaving .ftext .lst {
    margin-top: 1.5625rem;
}
.fleaving .ftext .lst ul {
    overflow: hidden;
}
.fleaving .ftext .lst li {
    margin-bottom: 0.5208rem;
}
.fleaving .ftext .lst li label {
    display: block;
    font-size: 0.9375rem;
    line-height: 1.3542rem;
    color: #333333;
    margin-bottom: 0.4167rem;
}
.fleaving .ftext .lst li label i {
    display: inline-block;
    color: #008aff;
}
.fleaving .ftext .lst li .info {
    display: block;
    border-radius: 0.1563rem;
    overflow: hidden;
    width: 100%;
    border: 1px solid #d7dfe5;
    padding: 0 0.9375rem;
    font-size: 0.9375rem;
    height: 2.9167rem;
    color: #333333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.fleaving .ftext .lst li textarea {
    display: block;
    border-radius: 0.1563rem;
    overflow: hidden;
    width: 100%;
    border: 1px solid #d7dfe5;
    padding: 0.5208rem 0.9375rem;
    font-size: 0.9375rem;
    line-height: 1.4;
    height: 7.708rem;
    color: #333333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
}
.fleaving .ftext .submit {
    margin-top: 0.9375rem;
    background-image: linear-gradient(to right, #47a2ff, #1262ff);
    height: 2.9167rem;
    border-radius: 1.4583rem;
    width: 8.4375rem;
    border: none;
    display: block;
    text-align: center;
    font-size: 0.9375rem;
    color: #ffffff;
    cursor: pointer;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.ftit {
    text-align: center;
}
.ftit h2 {
    font-size: 2.1875rem;
    line-height: 1.6;
    color: #272b63;
    font-weight: bold;
    text-transform: uppercase;
}

/* Subscribe */

.fjoinour {
    margin: 6.25rem 0 5.2083rem;
    background: #f9f9f9;
    padding: 3.75rem 7.031rem 3.75rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.3646rem;	
}
.fjoinour .pc {
    position: relative;
    height: 11.4583rem;
    border-radius: 0.2604rem;
    overflow: hidden;
    margin-top: 2.3958rem;
}
.fjoinour .pc .text {
    position: absolute;
    z-index: 11;
    top: 50%;
    text-align: right;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%);
    right: 2.8646rem;left: 2.8646rem;
    padding: 0 1.3542rem;
}
.fjoinour .pc .text h5 {
    font-size: 1.1458rem;
    line-height: 1.7708rem;
    color: #ffffff;
}
.fjoinour .pc .text:before {
    position: absolute;
    right: 0;
    content: "";
    top: 0.2083rem;z-index: 1;
    bottom: 0.3125rem;
    width: 0.1563rem;
    background: #ffffff;
}
.fjoinlist .list {
    margin-top: 2.6rem;
}
.fjoinlist .list ul {
    display : flex ;
    flex-wrap : wrap;
    justify-content : space-between;
}
.fjoinlist .list ul li {
    margin-bottom: 1.0417rem;
    width: calc((100% - 1.0417rem)/2);
}
.fjoinlist .list ul li.en {
    width: 100%;
}
.fjoinlist .list ul li label {
    display: block;
    font-size: 0.9375rem;
    line-height: 1.4583rem;
    color: #333333;
    margin-bottom: 0.7813rem;
}
.fjoinlist .list ul li label i {
    display: inline-block;
    color: #008aff;
    padding-left: 0.2rem;
    font-weight: bold;
}
.fjoinlist .list ul li .info {
    display: block;
    width: 100%;
    border: 1px solid #d7dfe5;
    height: 3.4375rem;
    padding: 0 1.0417rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9375rem;
    color: #333333;
}
.fjoinlist .list ul li .lsele {
    display: block;
    width: 100%;
    border: 1px solid #d7dfe5;
    height: 3.4375rem;
    padding: 0 1.0417rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9375rem;
    color: #333333;
    background: url(../images/fn6.png) no-repeat right 1.4583rem center #ffffff;
    background-size: 0.7292rem auto;
}
.fjoinlist .fby {
    margin-top: 0.7813rem;

}
.fjoinlist .fby .che {
    display: none;
}
.fjoinlist .fby label {
    font-size: 0.9375rem;
    line-height: 1.5625rem;
    color: #333333;
    display: block;
    padding-left: 1.7188rem;
    background: url(../images/fn5.png) no-repeat left center;
    background-size: 1.0417rem auto !important;
    cursor: pointer;
}
.fjoinlist .fby .che:checked + label {
    background: url(../images/fn14.png) no-repeat left center;
}
.fjoinlist .fby label a {
    display: inline-block;
    text-decoration: underline !important;
    color: #008aff;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fjoinlist .fby label a:hover {
    color: #f6d514;
}
.fjoinlist .fby label i {
    color: #008aff;
    display: inline-block;
    font-weight: bold;
}
.fjoinlist .submit {
    margin: 3.125rem auto 0;
    background: linear-gradient(to right, #47a2ff, #1262ff);
    height: 2.9167rem;
    border-radius: 1.4583rem;
    width: 10.4167rem;
    border: none;
    display: block;
    text-align: center;
    font-size: 0.9375rem;
    color: #ffffff;
    cursor: pointer;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fleaving .ftext .submit:hover,
.fjoinlist .submit:hover {
    background: linear-gradient(to right, #1262ff, #1262ff);
}

/* Careers */
.fcareers {
    background: #f9f9f9;
    padding: 5.2083rem 2.604rem;
}
.fcareerform ul {
    margin-top: 2.3438rem;
    display : flex ;
    flex-wrap : wrap;
    justify-content : space-between;
}
.fcareerform ul li {
    width: calc((100% - 52px)/4);
    position: relative;
}
.fcareerform ul li .lsele {
    height: 3.4375rem;
    border: 1px solid #d7dfe5;
    border-radius: 0.1563rem;
    overflow: hidden;
    display: block;
    width: 100%;
    background: #fff;
    padding: 0 0.8333rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9375rem;
    color: #333333;
    background: url(../images/fn6.png) no-repeat right 0.9375rem center #ffffff;
    background-size: 0.73rem auto;
}
.fleaving .ftext .lst li textarea:focus,
.fleaving .ftext .lst li .info:focus,
.fjoinlist .list ul li .lsele:focus,
.fjoinlist .list ul li .info:focus,
.fcareerform ul li .info:focus,
.fcareerform ul li .lsele:focus {
    border-color: #008aff;
}
.fcareerform ul li .info {
    height: 3.4375rem;
    border: 1px solid #d7dfe5;
    border-radius: 0.1563rem;
    overflow: hidden;
    display: block;
    width: 100%;
    background: #fff;
    padding: 0 3rem 0 0.8333rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9375rem;
    color: #333333;
}
.fcareerform ul li .button {
    display: block;
    border: none;
    position: absolute;
    z-index: 22;
    top: 0;
    right: 0;
    width: 3.3333rem;
    height: 3.3333rem;
    background: url(../images/fn7.png) no-repeat center;
    background-size: 1.3021rem auto;
    cursor: pointer;
}
.fcareerlst {
    padding: 2.8646rem 0 5.4688rem;
}
.fcareerlst .list li {
    margin-bottom: 0.7813rem;
    border-radius: 0.3646rem;
    overflow: hidden;
    background: #f9f9f9;
}
.fcareerlst .list li .fcarl {
    display : flex ;
    flex-wrap : wrap;
    justify-content : space-between;
    padding: 1.6667rem 1.3542rem 1.4583rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.fcareerlst .list li .fcarl .prev {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 4px 4px 10px 0 rgba(80,80,80,0.2);
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fcareerlst .list li .fcarl .prev img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fcareerlst .list li.on .fcarl .prev img{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);  /* IE 9 */
    -moz-transform:rotate(180deg);     /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 鍜� Chrome */
    -o-transform:rotate(180deg);
}
.fcareerlst .list li .fcarl h2 {
    width: calc(100% - 4.1667rem);
    font-size: 1.4583rem;
    line-height: 2.5rem;
    color: #272b63;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fcareerlst .list li.on .fcarl h2 {
    font-weight: bold;
}
.fcareerlst .list li .fnali {
    display: none;
    overflow: hidden;
}
.fcareerlst .list li .fnali .nali {
    padding: 1.6667rem 5.4688rem 1.875rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #d9d9d9;
}
.fcareerlst .list li .fnali .flocat dl {
    display : flex ;
    flex-wrap : wrap;
    justify-content : space-between;
}
.fcareerlst .list li .fnali .flocat dd {
    width: 25%;
}
.fcareerlst .list li .fnali .flocat dd h6 {
    font-size: 0.8333rem;
    line-height: 1.3542rem;
    color: #999999;
}
.fcareerlst .list li .fnali .flocat dd h5 {
    margin-top: 0.2604rem;
    font-size: 0.8333rem;
    line-height: 1.25rem;
    color: #333333;
}
.fcareerlst .list li .fnali .fjob {
    margin-top: 2.1875rem;
    display : flex ;
    flex-wrap : wrap;
    justify-content : space-between;
}
.fcareerlst .list li .fnali .fjob dl {
    width: calc((100% - 3rem)/2);
}
.fcareerlst .list li .fnali .fjob dt {
    font-size: 1.0417rem;
    line-height: 1.5625rem;
    color: #272b63;
    font-weight: bold;
    margin-bottom: 1.0417rem;
}
.fcareerlst .list li .fnali .fjob dd {
    margin-bottom: 1.1458rem;
    font-size: 0.8333rem;
    line-height: 1.25rem;
    color: #333333;
}
.fcareerlst .list li .fnali .fapply {
    margin-top: 1.88rem;
    font-size: 0.94rem;
    line-height: 1.56rem;
    color: #333333;
    font-weight: bold;
}
.fcareerlst .list li .fnali .fapply a {
    display: inline-block;
    color: #008aff;
    text-decoration: underline !important;
    margin-left: 0.52rem;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fcareerlst .list li .fnali .fapply a:hover {
    color: #fdd000;
}
.fpagels {
    display : flex ;
    flex-wrap : wrap;
    justify-content : center;
    margin: 2.34rem auto 0;
}
.fpagels ul {
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size:0 ;

}
.fpagels ul li {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.fpagels ul li a {
    display: block;
    font-size: 0.73rem;
    line-height: 2.29rem;
    height: 2.29rem;
    min-width: 2.6rem;
    padding: 0 0.78rem;
    color: #333333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fpagels ul li.on a,
.fpagels ul li:hover a {
    background: #fdd000;
}
.fpagels ul li:last-child {
    border-right: none;
} 

.fpagels ul li.prev a,
.fpagels ul li.next a {
    background: url(../images/fn9.png) no-repeat center;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
    background-size: 0.47rem auto !important;
}
.fpagels ul li.next:hover a, 
.fpagels ul li.prev.on a,
.fpagels ul li.prev a:hover,
.fpagels ul li.next.on a {
    background: url(../images/fn9.png) no-repeat center #fdd000;
}
.fpagels ul li.next a {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);  /* IE 9 */
    -moz-transform:rotate(180deg);     /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 鍜� Chrome */
    -o-transform:rotate(180deg);
}
.fpagels ul li.nextls a {
    background: url(../images/fn10.png) no-repeat center;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
    background-size: 0.83rem auto !important;
}
.fpagels ul li.nextls.on a,
.fpagels ul li.nextls a:hover {
    background: url(../images/fn10.png) no-repeat center #fdd000;
} 


/* 鎶€鏈敮鎸丅Iog1 */
.fservice {
    padding: 2.19rem 0 4.43rem;
}
.fservice .list  {
    padding-bottom: 1.82rem;
}
.fservice .list li {
    overflow: hidden;
    padding: 2.86rem 2.6rem 3.13rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fservice .list li:nth-child(2n) {
    background: #f6f9fe;
}
.fservice .list li .imgs {
    float: left;
    width: 23.44rem;
    height: 14.38rem;
    position: relative;
    overflow: hidden;
}
.fservice .list li .imgs a {
    display: block;
    height: 100%;
}
.fservice .list li .imgs img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fservice .list li .imgs img:hover,
.fservice .list li a:hover .imgs img {
    transform:scale(1.1);
    -ms-transform:scale(1.1);  /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1); 
}
.fservice .list li .imgs h5 {
    position: absolute;
    z-index: 6;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, #094fce, #3f96f8);
    font-size: 0.83rem;
    line-height: 2;
    color: #ffffff;
    padding: 0 0.52rem;
}
.fservice .list li .text {
    float: right;
    margin-top: 1.04rem;
    width: calc(100% - 27.34rem);
}
.fservice .list li .text h3 a,
.fservice .list li .text h3 {
    display: block;
    font-size: 1.04rem;
    line-height: 1.56rem;
    color: #333333;
    height: 3.13rem;
    overflow: hidden;
    transition:all 0.5s;
    -ms-transition:all 0.5s;  /* IE 9 */
    -moz-transition:all 0.5s;     /* Firefox */
    -webkit-transition:all 0.5s; /* Safari 鍜� Chrome */
    -o-transition:all 0.5s;
}
.fservice .list li .text h3 a:hover,
.fservice .list li a:hover .text h3  {
    color: #008aff;
    font-weight: bold;
}
.fservice .list li .text p {
    margin-top: 1.67rem;
    font-size: 0.83rem;
    line-height: 1.25rem;
    color: #999999;
    height: 3.75rem;
    overflow: hidden;
}
.fservice .list li .text .details {
    display: block;
    margin-top: 1.56rem;
    border: 1px solid #b2dcff;
    border-radius: 1.15rem;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    padding: 0 0.83rem 0 1.04rem;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fservice .list li .text .details:hover {
    /* border-color: #fdd000;
    background: #fdd000 */;
} 
.fservice .list li .text .details i {
    display: inline-block;
    padding-right: 1.35rem;
    font-size: 0.83rem;
    line-height: 2.19rem;
    color: #008aff;
    background: url(../images/fn11.png) no-repeat right center;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
    background-size: 0.36rem auto !important;
}
.fservice .list li .text .details:hover i,
.fservice .list li a:hover .text .details i {
    color: #151a59;
    background: url(../images/fn11-1.png) no-repeat right center;
} 


/* 鎶€鏈敮鎸丅Iog2 */
.ftechnology .ftlte {
    padding: 1.56rem 0 2.92rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ftlte h1,
.ftlte h2 {
    font-size: 2.6rem;
    line-height: 3.23rem;
    color: #272b63;
    font-weight: bold;
}
.ftime {
    background: #f2f8ff;
    padding: 1.04rem 0;
}
.ftime .wrap {
    display : flex ;
    flex-wrap : wrap;
}
.ftime .date h5 {
    font-size: 0.83rem;
    line-height: 2.08rem;
    color: #333333;
}
.ftime .rt ul {
    display : flex ;
    flex-wrap : wrap;
    margin-left: 2.6rem;
    padding-left: 1.56rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/fn12.png) no-repeat top 0.65rem left;
    background-size: 0.94rem auto;
}
.ftime .rt ul li {
    margin-right: 0.78rem;
}
.ftime .rt ul li a {
    display: block;
    font-size: 0.73rem;
    line-height: 2.08rem;
    color: #7b9dd6;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.ftime .rt ul li.on a, 
.ftime .rt ul li:hover a {
    color: #008aff;
    text-decoration: underline !important;
}
.ftechnolo .flt {
    float: left;
    padding: 3.39rem 3.13rem 4.43rem 0;
    width: calc(100% - 25rem);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #d7e2ef;
}
.ftechnolo .flt .details {
    font-size: 0.94rem;
    line-height: 1.5;
    color: #333333;
}

.ftechnolo .flt .details i {
    font-size: 1.35rem;
    line-height: 1.4;
    color: #333;
    font-weight: bold;
    display: block;
}
.ftechnolo .flt .details img {
    display: block;
    margin: 0 auto;
}

.fpagelrt ul {
    display : block;
    flex-wrap : wrap;
    justify-content : space-between;
    margin-top: 4.69rem;
}
.fpagelrt ul li{
    margin-bottom: 1rem;
}
.fpagelrt ul li a {
    border-bottom: 1px solid #d7e2ef;
    border-radius: 0 !important;
    padding: 0 !important;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;

}
.fpagelrt ul li.on a,
.fpagelrt ul li:hover a {
    /* border-color: #fdd000;
    background: #fdd000; */
}
.fpagelrt ul li a i {
    display:block;
    font-size: 0.83rem;
    line-height: 2.19rem;
    color: #333;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
    background-size: 0.36rem auto !important;
    float: left;
    width: calc(100% - 10rem );
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.fpagelrt ul li a span{
    float: right;
    font-size: 0.83rem;
    line-height: 2.19rem;
    color: #008aff;
    background: url(../images/fn11.png) no-repeat right center;
    padding-right: 1rem;
}
.fpagelrt ul li a:before,
.fpagelrt ul li a::after{
    display: none !important;
}
.fpagelrt ul li a:hover span{
    color: #fdd000;
}
.fpagelrt ul li.on a i,
.fpagelrt ul li:hover a i {
    color: #fdd000;
    /* background: url(../images/fn9.png) no-repeat left center ; */
}
/* .fpagelrt ul li:nth-child(2n) a i {
    background: url(../images/qm23.png) no-repeat right center;
    padding-left: 0;
    padding-right: 2.29rem;
}
.fpagelrt ul li:nth-child(2n):hover a i {
    background: url(../images/fn11-1.png) no-repeat right center;
} */
.ftevt h3 {
    font-size: 1.35rem;
    line-height: 1.88rem;
    color: #272b63;
    font-weight: bold;
}
.ftechnolo .frt .list {
    margin-top: 0.63rem;
}
.ftechnolo .frt .list li a {
    display: block;
    padding: 0.83rem 0;
    overflow: hidden;
    border-bottom: 1px dashed #d7e2ef;
}
.ftechnolo .frt .list li .img {
    float: left;
    width: 6.88rem;
    height: 5.73rem;
    position: relative;
    overflow: hidden;
}
.ftechnolo .frt .list li .img img {
    position: absolute;
    left: 0;right: 0;
    margin: 0 auto;
    top: 50%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); 
    max-width: 95%;
    max-height: 85%;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.ftechnolo .frt .list li:hover .img img {
    transform: translateY(-50%) scale(1.05);
    -ms-transform: translateY(-50%) scale(1.05);  /* IE 9 */
    -moz-transform: translateY(-50%) scale(1.05);     /* Firefox */
    -webkit-transform: translateY(-50%) scale(1.05); /* Safari 鍜� Chrome */
    -o-transform: translateY(-50%) scale(1.05); 
}
.ftechnolo .frt .list li .txt {
    float: right;
    width: calc(100% - 8.59rem);
    margin-top: 1.15rem;
}
.ftechnolo .frt .list li .txt h5 {
    font-size: 0.94rem;
    line-height: 1.35rem;
    color: #333333;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.ftechnolo .frt .list li:hover .txt h5 {
    color: #008aff;
}
.ftechnolo .frt .list li .txt h6 {
    margin-top: 0.63rem;
    font-size: 0.83rem;
    line-height: 1.25rem;
    color: #008aff;
}
.ftechnolo .frt {
    width: 22.66rem;
    float: right;
    padding: 3.39rem 0.78rem 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}


/* 鏂伴椈 */
.fservice.fnews .list li .text {
    margin-top: 0;
}
.fservice .list li:nth-child(2n) .fintern {
    background: #ffffff;
}
.fintern {
    margin-top: 0.83rem;
    background: #f6f9fe;
    border-radius: 0.16rem;
    overflow: hidden;
    padding: 0.31rem 0.78rem 0.36rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.fintern dl {
    padding-left: 1.82rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/fn12.png) no-repeat top 0.4rem left;
    background-size: 0.94rem auto;
    display : flex ;
    flex-wrap : wrap;
}
.fintern dl dd {
    margin-right: 1.3rem;
}
.fintern dl dd a {
    display: block;
    font-size: 0.73rem;
    line-height: 1.56rem;
    color: #7b9dd6;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fintern dl dd.on a,
.fintern dl dd:hover a {
    color: #008aff;
    text-decoration: underline !important;
}
.fservice.fnews .list li .text p {
    margin-top: 1.04rem;
}
.fservice.fnews .list li .text .details {
    margin-top: 1.04rem;
}
.fservice .fpagels {
    margin: 0 auto;
}

/* 鏂伴椈璇︽儏 */
.ftechnonews .frt .list {
    margin-top: 1.04rem;
    margin-bottom: 3.08rem;
}
.ftechnonews .frt .list li a {
    padding: 1.46rem 0 1.4rem;

}
.ftechnonews .frt .list li .imgs {
    margin-top: 0.1rem;
    overflow: hidden;
    width: 6.25rem;
    height: 3.85rem;
    float: left;
}
.ftechnonews .frt .list li .imgs img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.ftechnonews .frt .list li:hover .imgs img {
    transform:scale(1.1);
    -ms-transform:scale(1.1);  /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1); 
}
.ftechnonews .frt .list li .text {
    width: calc(100% - 7.29rem);
    margin-top: 0;
    float: right;
}
.ftechnonews .frt .list li .text h5 {
    font-size: 0.83rem;
    line-height: 1.4;
    color: #333333;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.ftechnonews .frt .list li .text h5.p_title{
    font-size: 1rem;
}
.ftechnonews .frt .list li:hover .text h5 {
    color: #008aff;
}
.ftechnonews .frt .list li .text h6 {
    margin-top: 0.78rem;
    font-size: 0.83rem;
    line-height: 1.25rem;
    color: #999999;
}
.ftechnonews .frt .list {
    margin-top: 0.52rem;
}
.ftechnolo.ftechnonews .frt {
    padding: 3.39rem 0 0;
}


/* 鎶ヤ环 */
.fgetquote {
    padding: 1.04rem 0 4.17rem;
}
.fquotelst {
    margin-top: 2.81rem;
}
.fget {
    text-align: center;
}
.fget h2 {
    font-size: 4.8rem;
    line-height: 5.73rem;
    color: #333333;
    font-weight: bold;
}
.fget p {
    margin-top: 0.73rem;
    font-size: 1.15rem;
    line-height: 1.56rem;
    color: #333333;
}
.fquotelst ul {
    display : flex ;
    flex-wrap : wrap;
    margin-top: 7.29rem;
}
.fquotelst ul li {
    width: calc((100% - 3.23rem)/3);
    margin-right: 1.56rem;
    margin-bottom: 1.56rem;
    border-radius: 0.42rem;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/fpc9.png) no-repeat center/cover;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fquotelst ul li:hover{
    box-shadow: 0 0 15px 0 rgba(80,80,80,0.2);
}
.fquotelst ul li:nth-child(3n) {
    margin-right: 0;
}
.fquotelst ul li a {
    display: block;
    padding: 0.1rem 0 0.83rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.fquotelst ul li .pc {
    border-radius: 0.42rem;
    overflow: hidden;
    background: #f9f9f9;
    padding: 2.29rem 1rem 1.67rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.fquotelst ul li .pc .imgs {
    height: 7.81rem;
    position: relative;
    overflow: hidden;
}
.fquotelst ul li .pc .imgs img {
    position: absolute;
    left: 0;right: 0;
    margin: 0 auto;
    top: 50%;z-index: 1;
    max-height: 70%;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); 
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fquotelst ul li:hover .pc .imgs img {
    transform: translateY(-50%) scale(1.1);
    -ms-transform: translateY(-50%) scale(1.1);  /* IE 9 */
    -moz-transform: translateY(-50%) scale(1.1);     /* Firefox */
    -webkit-transform: translateY(-50%) scale(1.1); /* Safari 鍜� Chrome */
    -o-transform: translateY(-50%) scale(1.1); 
}
.fquotelst ul li .pc .tet {
    text-align: center;
    margin-top: 1.98rem;
}
.fquotelst ul li .pc .tet h3 {
    font-size: 1.3rem;
    line-height: 1.88rem;
    color: #333333;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.fquotelst ul li:hover .pc .tet h3 {
    color: #008aff;
}
.fquotelst ul li .pc .tet p {
    margin-top: 0.83rem;
    font-size: 0.9rem;
    line-height: 1.15rem;
    color: #333333;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* 鎶ヤ环2 */
.fbanner {
    height: 23.44rem;
}
.fbanner .wrap {
    position: relative;
    height: 100%;
}
.fbanner .fpage {
    position: absolute;
    left: 0;
    top: 1.04rem;
}
.fbanner .fbatlt {
    position: absolute;
    left: 0;right: 0;
    margin: 0 auto;
    text-align: center;
    top: 60%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); 
}
.fbanner .fbatlt h5 {
    font-size: 1.15rem;
    line-height: 1.56rem;
    color: #333333;
    font-weight: bold;
}
.fbanner .fbatlt h2 {
    margin-top: 0.73rem;
    font-size: 4.27rem;
    line-height: 5.21rem;
    font-weight: bold;
    color: #48a1fe;background-image: linear-gradient(to right,#48a1fe,#226ee0, #0144c8);
    -webkit-background-clip: text;
    color: transparent;
}
.fbanner .fbatlt p {
    margin-top: 1.04rem;
    font-size: 1.04rem;
    line-height: 1.56rem;
    color: #333333;
}
.foutdoor {
    padding: 3.39rem 0 4.17rem;
}
.foutdohui {
    padding: 4.17rem 6.5rem 1.82rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: #f9f9f9;
}
.foutdohui li {
    margin-bottom: 2.6rem;
}
.flabtl {
    display: block;
    font-size: 0.94rem;
    line-height: 1.25rem;
    color: #333333;
    margin-bottom: 0.83rem;
}
.flabtl i {
    display: inline-block;
    font-weight: bold;
    color: #008aff;
}
.foutdohui li dl {
    background: #ffffff;
    border: 1px solid #d7dfe5;
    border-radius: 0.16rem;
    overflow: hidden;
}
.foutdohui .frecloser dl {
    display : flex ;
    flex-wrap : wrap;
    justify-content : space-between;
    padding: 2.08rem 1rem 1.46rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.foutdohui .frecloser dl dd {
    width: 33%;
}
.foutdohui .frecloser dd .imgs {
    height: 10.94rem;
    position: relative;
}
.foutdohui .frecloser dd .imgs img {
    position: absolute;
    left: 0;right: 0;
    margin: 0 auto;
    max-height: 70%;
    display: block;
    top: 50%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); 
}
.foutdohui .frecloser .flabche {
    justify-content : center;
}
.flabche {
    display : flex ;
    flex-wrap : wrap;
    margin-top: 1.04rem;
}
.flabche input {
    display: none;
}
.flabche label {
    display: block;
    padding-left: 1.67rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.94rem;
    line-height: 1.56rem;
    color: #333333;
    cursor: pointer;
    background: url(../images/fn5.png) no-repeat left center;
    background-size: 1.04rem auto !important;
}
.flabche input:checked + label {
    background: url(../images/fn14.png) no-repeat left center;
}
.flabche1 label {
    background: url(../images/fnd15.png) no-repeat left center;
}
.flabche1 input:checked + label {
    background: url(../images/fnd5.png) no-repeat left center;
}
.foutdohui .fcompact dl {
    padding: 0.52rem 1rem 1.56rem 9.64rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display : flex ;
    flex-wrap : wrap;
}
.foutdohui .fcompact dl dd {
    width: 36%;
}
.foutdohui .fcompact dl dd:nth-child(3n) {
    width: 28%;
}
.foutdohui .fany textarea,
.foutdohui .fany .input{
    display: block;
    border: 1px solid #d7dfe5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    height: 9.9rem;
    padding: 0.52rem 1rem;
    font-size: 0.94rem;
    line-height: 1.4;
    color: #333333;
    resize: none;
    width: 100%;
}
.foutdohui .fany .input{
    height:auto;
}

.tit.flan h2 span {
    color: #333333;text-transform: initial;
}
.tit.flan h2 span:before,
.tit.flan h2 span:after {
    background: #333333;
}
.foutdoor .fjoinlist {
    background: #f9f9f9;
    padding: 0 6.5rem 4.17rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.header .rts .naver .fnli {
    background: #ffffff;
    box-shadow: 0 0.52rem 1rem 0 rgba(80,80,80,0.1);
    top: 5.2rem;
    position: absolute;
    z-index: 66;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
}
.header .rts .naver .fnli dl {
    display : flex ;
    flex-wrap : wrap;
    padding: 2.08rem 2.8rem 1.04rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.header .rts .naver .fnli .fnlst dd {
    width: calc((100% - 5.2rem)/6);
    margin-bottom: 1.04rem;
    margin-right: 1.04rem;
}
.header .rts .naver .fnli .fnlst dd:nth-child(6n) {
    margin-right: 0;
}
.header .rts .naver .fnli .fnlst dd a {
    display: block;
}
.header .rts .naver .fnli .fnlst dd .imgs {
    background: #f9f9f9;
    height: 10.42rem;
    position: relative;
    overflow: hidden;
}
.header .rts .naver .fnli .fnlst dd .imgs img {
    position: absolute;
    left: 0;right: 0;
    margin: 0 auto;
    max-height: 60%;
    max-width: 80%;
    display: block;
    top: 50%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); 
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.header .rts .naver .fnli .fnlst dd:hover .imgs img {
    transform: translateY(-50%) scale(1.1);
    -ms-transform: translateY(-50%) scale(1.1);  /* IE 9 */
    -moz-transform: translateY(-50%) scale(1.1);     /* Firefox */
    -webkit-transform: translateY(-50%) scale(1.1); /* Safari 鍜� Chrome */
    -o-transform: translateY(-50%) scale(1.1); 
}
.header .rts .naver .fnli .fnlst dd .txt {
    padding: 1.04rem 0 0.83rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

}
.header .rts .naver .fnli .fnlst dd .txt h4 {
    font-size: 1.04rem;
    line-height: 1.56rem;
    color: #333333;
    font-weight: bold;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.header .rts .naver .fnli .fnlst dd .txt a:hover {
    color: #008aff;
}
.header .rts .naver .fnli .fnlst dd .txt .ls {
    margin-top: 0.42rem;
}
.header .rts .naver .fnli .fnlst dd .txt .ls p {
    font-size: 0.83rem;
    line-height: 1.25rem;
    color: #333333;
}
.header .rts .naver .fnli .fnablst dd {
    width: calc((100% - 10.52rem)/3);
    margin-right: 5.21rem;
    margin-bottom: 1.56rem;
    background: #f9f9f9;
    padding: 1.56rem 1rem 1.82rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.header .rts .naver .fnli .fnablst dd:nth-child(3n) {
    margin-right: 0;
} 
.header .rts .naver .fnli .fnablst dd a {
    display: block;
}
.header .rts .naver .fnli .fnablst dd .icon {
    height: 5.21rem;
    position: relative;

}
.header .rts .naver .fnli .fnablst dd .icon img {
    position: absolute;
    left: 0;right: 0;
    margin: 0 auto;
    max-height: 70%;
    max-width: 70%;
    top: 50%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); 
}
.header .rts .naver .fnli .fnablst dd h4 {
    margin-top: 0.83rem;
    text-align: center;
    font-size: 1.04rem;
    line-height: 1.35rem;
    color: #333333;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.header .rts .naver .fnli .fnablst dd.on h4,
.header .rts .naver .fnli .fnablst dd:hover h4 {
    color: #008aff;
}
.header .rts .naver .fnli .fnablst dd.on,
.header .rts .naver .fnli .fnablst dd:hover {
    background: #ffffff;
    box-shadow: 0 0 1rem 0 rgba(80,80,80,0.08);
}
.fbannr {
    height: 10.16rem;
}
.fbannr .wrap {
    position: relative;
    height: 100%;
}
.fbannr .ftext {
    position: absolute;
    left: 0;
    top: 52%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); 
}
.fbannr .ftext h2 {
    font-size: 3.02rem;
    line-height: 1.2;
    color: #ffffff;
}


.qmproduct .box1{
    padding: 5.2rem 0 5.72rem;
}
.qmtit h2{
    text-align: center;position: relative;
}
.qmtit h2 span{
    font-size:2.2rem ;
    line-height: 1.6;
    color: #272b63;font-weight: bold;position: relative;text-transform: uppercase;
}
.qmtit h2 span::after,
.qmtit h2 span::before{
    position: absolute;content: "";
    left: -2.81rem;
    top: 50%;z-index: 1; width: 1.56rem;height: 1px;background: #272b63;margin-top: -1px;
}
.qmtit h2 span::after{
    left: auto;right: -2.81rem;
}
.qmproduct .box1 .del{
    margin-top: 1.87rem;
    font-size:0.93rem;
    line-height: 1.7;color: #666666;text-align: center;padding: 0 2.5rem;
}
.qmproduct .box1 .bds{
    margin-top: 3.64rem;border-top: 1px solid #dddddd;padding-top: 4.68rem;
}
.qmproduct .box1 .bds .pic{
    width: 50%;position: relative;float: left;height: 14.06rem;
}
.qmproduct .box1 .bds .pic img{
    display:block;margin: 0 auto;position: absolute;
    left: 0;right: 0;
    top: 50%;z-index: 2;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); max-width: 90%;max-height: 90%;display: block;margin: 0 auto;
}
.qmproduct .box1 .bds .pic::before{
    content: "";position: absolute;
    left: 0;right: 0;
    bottom:-2.6rem;z-index: 1; background: url(../images/qmu4.png) no-repeat center/cover;width: 37.6rem;height: 8.38rem;display: block;margin:0 auto;
}
.qmproduct .box1 .bds .txt{
    width: 50%;float: right;padding-right: 6.25rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.qmproduct .box1 .bds .txt h3{
    position: relative;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmproduct .box1 .txt h3 span{
    font-size:1.97rem ;
    line-height: 1.7;
    color: #272b63;font-weight: bold;text-transform: uppercase;
}
.qmproduct .box1 .bds .txt h3::before{
    content: "";position: absolute;
    left: 0;
    top: 50%;z-index: 1;width:0;height: 0.15rem;background: #272b63;margin-top: -0.1rem;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmproduct .box1 .txt:hover h3{
    padding-left: 3.12rem;
}
.qmproduct .box1 .txt:hover h3::before{
    display: block;width: 2.23rem;
}
.qmproduct .box1 .bds .txt p{
    font-size:0.93rem ;
    line-height: 1.8;
    color: #666666;margin: 0.78rem 0 2.18rem;
}
.qmproduct .box2{
    background: #f5f5f5;padding: 3.12rem 0 2.08rem;margin-bottom: 4.68rem;
}
.qmproduct .box2 .pic{
    float: right;width: 50%;height: 15.62rem;position: relative;
}
.qmproduct .box2 .txt{
    float: left;width: 50%;margin-top: 1.56rem;
}
.qmproduct .box2 .txt h3{
    position: relative;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmproduct .box2 .txt h3::before{
    content: "";position: absolute;
    left: 0;
    top: 50%;z-index: 1;width:0;height: 0.15rem;background: #272b63;margin-top: -0.1rem;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmproduct .box2 .txt:hover h3{
    padding-left: 3.12rem;
}
.qmproduct .box2 .txt:hover h3::before{
    display: block;width: 2.23rem;
}
.qmproduct .box2 .txt h3 span{
    font-size:1.97rem ;
    line-height: 1.7;
    color: #272b63;font-weight: bold;text-transform: uppercase;
}
.qmproduct .box2 .txt p{
    font-size:0.93rem ;
    line-height: 1.7;
    color: #666666;margin: 1.3rem 0 1.87rem;
}
.qmproduct .btn{
    width: 7.29rem;height: 2.18rem;line-height: 2.2rem;display: block;text-align: center;
    font-size: 0.83rem;color: #008aff;border: 1px solid #008aff;border-radius: 1.3rem;
}
.qmproduct li a:hover .btn{
    /* background: #fdd000; */border-color: #fdd000;box-shadow: 0 0 20px 0 #f8e79a;color: #272b63;
}
.qmproduct .box2 .pic img{
    position: absolute;
    left: 0;right: 0;
    top: 50%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%);max-width: 90%;max-height: 90%;display: block;margin: 0 auto; 
}
.qmproduct .box2 .pic::before{
    content: "";position: absolute;
    right: 6.87rem;opacity: 0;
    bottom: -1rem;z-index: 1;background: url(../images/qmu6.png) no-repeat center/cover;width: 13.59rem;height: 8.75rem;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmproduct .box2 a:hover .pic:before{
    bottom: 0;opacity: 1;
}
.qmproduct .box3{
    padding: 4.16rem 0 2.91rem;
}
.qmproduct .list1 li h4,
.qmproduct .list li h4{
    background-image: linear-gradient(to right, #bfdaff,#ebf3ff);
    font-size:1.35rem ;
    line-height: 3.64rem;
    color: #272b63;padding: 0 2.08rem;font-weight: bold;
}
.qmproduct .list li .bds{
    padding: 4.16rem 0 5.72rem;
}
.qmproduct .list li .bds .pic{
    float: left;width: 34.63rem;height: 12.5rem;position: relative;
}
.qmproduct .list li .bds .pic img{
    position: absolute;
    left: 0;right: 0;
    top: 50%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%);max-width: 90%;max-height: 90%;display: block;margin: 0 auto; 
}
.qmproduct .list li .bds .txt{
    float: right;width: calc(100% - 34.63rem);
}
.qmproduct .list li .bds .txt .del{
    font-size:0.9rem ;
    line-height: 1.97rem;
    color: #666666;
}
.qmproduct .list li .bds .txt .btn{
    margin-top: 1.77rem;
}


.qmproduct .list1 li .bds{
    padding: 3.12rem 0 3.9rem;
}
.qmproduct .list1 li .bds dd{
    float: left;width: 33%;padding: 0 1.04rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.qmproduct .list1 li .bds dd:nth-child(3n){
    width: 34%;
}
.qmproduct .list1 li .bds .pic{
    height: 11.97rem;position: relative;overflow: hidden;
}
.qmproduct .list1 li .bds .pic img{
    position: absolute;
    left: 0;right: 0;
    top: 50%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); max-width: 90%;max-height: 90%;display: -wap-marquee;margin: 0 auto;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmproduct .list1 li .bds dd:hover .pic img{
    transform:scale(1.05) translateY(-50%);
    -ms-transform:scale(1.05) translateY(-50%);  /* IE 9 */
    -moz-transform:scale(1.05) translateY(-50%);     /* Firefox */
    -webkit-transform:scale(1.05) translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:scale(1.05) translateY(-50%); 
}
.qmproduct .list1 li .bds dd .btn:hover{
    background: #fdd000;
    border-color: #fdd000;
    box-shadow: 0 0 20px 0 #f8e79a;
    color: #272b63;
}
.qmproduct .list1 li .bds .txt{
    margin-top: 1.56rem;
}
.qmproduct .list1 li .bds .txt h5{
    font-size:1.25rem ;
    line-height: 1.7;
    color: #333333;word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.qmproduct .list1 li .bds .txt h5 span{
    color: #999999;margin-right: 0.83rem;
}
.qmproduct .list1 li .bds .txt h5 span.on,
.qmproduct .list1 li .bds .txt h5 i{
    color: #151a59;font-weight: bold;
}
.qmproduct .list1 li .bds .del{
    font-size: 0.83rem;
    line-height: 1.56rem;
    color: #333333;margin: 0.78rem 0 1.25rem;
}
.qmproduct .box4{
    padding: 3.64rem 0 5.72rem;
}


.qmsolution{
    padding: 4.68rem 0 7.29rem;
}
.qmsolution .bds li{
    padding: 3.64rem 0;
}
.qmsolution .bds{
    margin-top: 2.08rem;
}
.qmsolution .bds li a{
    display: block;overflow: hidden;
}
.qmsolution .bds li .pic{
    float: left;width: 30.2rem;height: 13.02rem;position: relative;
}
.qmsolution .bds li .pic img{
    position: absolute;
    left: 0;right: 0;
    top: 50%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); max-width: 80%;max-height: 80%;display: block;margin: 0 auto;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmsolution .bds li:hover img{
    transform:scale(1.05) translateY(-50%);
    -ms-transform:scale(1.05) translateY(-50%);  /* IE 9 */
    -moz-transform:scale(1.05) translateY(-50%);     /* Firefox */
    -webkit-transform:scale(1.05) translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:scale(1.05) translateY(-50%); 
}
.qmsolution .bds li:hover h6{

}
.qmsolution .bds li .txt{
    float: right;width: calc(100% - 30.2rem);-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.qmsolution .bds li h3{
    font-size:1.45rem ;
    line-height: 1.7;
    color: #272b63;font-weight: bold;text-transform: uppercase;padding-right: 1.56rem;word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.qmsolution .bds li p{
    font-size:0.93rem ;
    line-height: 1.8;
    color: #666666;margin: 1.04rem 0 1.87rem;padding-right: 7.81rem;
}
.qmsolution .bds li h6{
    width: 7.29rem;height: 2.18rem;line-height: 2.2rem;display: block;text-align: center;
    font-size: 0.83rem;color: #008aff;border: 1px solid #008aff;border-radius: 1.3rem;
}
.qmsolution .bds li:nth-child(2n){
    background: url(../images/qmu15.jpg) no-repeat center/cover;
}

.qmseces{
    padding: 2.81rem 0 7.29rem;
}
.qmseces .qmsenav{
    float: left;width: 18.75rem;box-shadow: 0 0 26px 0 rgba(80,80,80,0.2);background:#fff;
}
.qmseces .qmsenav .hd{
    padding: 1.35rem 1.04rem;border-bottom: 1px solid #ebebeb;
}
.qmseces .qmsenav .hd .fm{
    border: 1px solid #cccccc;border-radius: 4px;width: 100%;height: 2.81rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.qmseces .qmsenav .hd .sub{
    background: url(../images/qmu22.png) no-repeat center;height: 2.81rem;width: 2.81rem;display: block;cursor: pointer;border: none;
    float: right;
}
.qmseces .qmsenav .hd .t1{
    width: calc(100% - 2.81rem);-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;padding: 0 0.72rem;font-size:0.93rem ;
    height: 2.81rem;
    color: #333;border: none;background: none;float: left;
}
.qmseces .qmsenav .bd h3{
    font-size:1.35rem ;
    line-height: 4.16rem;
    color: #272b63;font-weight: bold;text-transform: uppercase;padding: 0 1.04rem;
}
.qmseces .qmsenav .bd li{
    cursor: pointer;
}
.qmseces .qmsenav .bd li h4{
    border-bottom: 1px solid #ebebeb;font-size:0.93rem ;
    line-height: 3.54rem;
    color: #272b63;background: url(../images/qmu23.png) no-repeat right 1.04rem center;padding: 0 1.04rem;
}
.qmseces .qmsenav .bd li h4 a{
    display: block;
}
.qmseces .qmsenav .bd li.on h4{
    background: url(../images/qmu23-1.png) no-repeat right 1.04rem center #fdd000;font-weight: bold;font-size: 1.04rem;
}
.qmseces .qmsenav .bd li h4.item{
    background: none;
}
.qmseces .qmsenav .bd li.on h4.item{
    background: #fdd000;
}
.qmseces .qmsenav .bd li .dnli{
    background: #fffae3;padding: 0.83rem 1.04rem 0.83rem 1.56rem;
}
.qmseces .qmsenav .bd li .dnli .dd h5{
    font-size:0.93rem ;
    line-height: 2.08rem;
    color: #333333;background: url(../images/qmu26.png) no-repeat left center;padding-left: 0.88rem;
}
.qmseces .qmsenav .bd li .dnli .dd:hover h5,
.qmseces .qmsenav .bd li .dnli .dd.on h5{
    background: url(../images/qmu27.png) no-repeat left center;color: #008aff;font-weight: bold;
}
.qmseces .qmsenav .bd li .dnli .dd{
    margin-bottom: 0.52rem;
}
.qmseces .qmsenav .bd li .dsnli{
    margin-top: 0.26rem;padding-left: 0.88rem;
    display: none;
}
.qmseces .qmsenav .bd li .dsnli h6 a{
    font-size:0.83rem ;
    line-height: 1.77rem;
    color: #333333;word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;display: block;
}
.qmseces .qmsenav .bd li .dsnli h6 a:hover,
.qmseces .qmsenav .bd li .dsnli h6.on a{
    color: #008aff;font-weight: bold;
}

.qmseces .qmserts{
    float: right;width: calc(100% - 20.31rem);box-shadow: 0 0 26px 0 rgba(80,80,80,0.2);background:#fff;
    padding: 0 1.56rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.qmseces .qmserts .ts{
    background: #f5f5f5;border-radius: 4px;padding: 0 1.04rem;margin-top: 1.35rem;
}
.qmseces .qmserts .ts ul{
    display: flex;justify-content: space-between;align-items: center;
}
.qmseces .qmserts .ts li{
    font-size:0.93rem ;
    line-height: 3.12rem;
    color: #333333;
}
.qmseces .qmserts .tbds li dd h3,
.qmseces .qmserts .ts li:nth-child(1){
    width: 60%;
}
.qmseces .qmserts .tbds li dd h5,
.qmseces .qmserts .ts li:nth-child(2){
    width: 15%;
}
.qmseces .qmserts .ts li:nth-child(3){
    width: 15%;
}
.qmseces .qmserts .tbds li dd .b1,
.qmseces .qmserts .ts li:nth-child(4){
    width: 10%;
}
.qmseces .qmserts .tbds{
    margin-top: 0.52rem;padding-bottom: 1.56rem;
}
.qmseces .qmserts .tbds li{
    margin-bottom: 1.04rem;
}
.qmseces .qmserts .tbds li h4{
    border-bottom: 1px solid #aeaeae;font-size:0.93rem ;
    line-height: 3.12rem;
    color: #272b63;padding: 0 1.04rem;
}
.qmseces .qmserts .tbds li dd{
    border-bottom: 1px solid #efefef;
}
.qmseces .qmserts .tbds li dd a{
    padding: 0 1.04rem;display: flex;justify-content: space-between;align-items: center;
}
.qmseces .qmserts .tbds li dd h3{
    font-size:0.72rem ;
    line-height: 2.6rem;
    color: #333333;word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.qmseces .qmserts .tbds li dd h5{
    font-size:0.72rem ;
    line-height: 2.6rem;
    color: #999999;text-align: left;
}
.qmseces .qmserts .tbds li dd h6{
    display: block;background: url(../images/qmu24.png) no-repeat center;height: 2.6rem;width: 10%;
}
.qmseces .qmserts .tbds li dd:hover h3{
    color: #008aff;font-weight: bold;
}
.qmseces .qmserts .tbds li dd:hover{
    background: #f6f9fe;
}
.qmseces .qmserts .tbds li dd:hover h6{
    background: url(../images/qmu25.png) no-repeat center;
}
.qmseces .qmserts .box{
    margin-bottom: 2.29rem;
}
.qmseces .qmserts .box li{
    float: left;width: calc((100% - 3.22rem)/3);margin-right: 1.56rem;
    padding: 1.87rem 0;position: relative;
}
.qmseces .qmserts .box li::before{
    width:110%;height: 1px;background: #efefef;content: "";position: absolute;
    left: 0;right: 0;
    bottom:0;z-index: 1;
}
.qmseces .qmserts .box li:nth-child(3n){
    margin-right: 0;
}
.qmseces .qmserts .box li:nth-child(3n)::before{
    width: 100%;
}
.qmseces .qmserts .box li a{
    display: block;
}
.qmseces .qmserts .box li .img{
    height: 10.93rem;position: relative;
}
.qmseces .qmserts .box li .img img{
    width: 100%;height: 100%;display: block;object-fit: cover;
}
.qmseces .qmserts .box li .img .mak{
    position: absolute;
    left: 0;right: 0;
    top: 0;z-index: 1;bottom:0;background: rgba(0,0,0,0.5);
}
.qmseces .qmserts .box li .img .ico{
    position: absolute;
    left: 0;right: 0;
    top: 50%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); width: 2.6rem;height: 2.6rem;border-radius: 50%;display: block;margin: 0 auto;
}
.qmseces .qmserts .box li h6{
    margin-top: 1.04rem;
    font-size:0.93rem ;
    line-height: 1.66rem;
    color: #333333;height: 3.33rem;overflow: hidden;
}


.qmprudel{
    padding-top: 1rem;
}
.qmprudel .box1{
    margin-bottom: 2.6rem;
}
.qmprudel .box1 h1{
    font-size:2.75rem ;
    line-height: 1.7;
    color: #333333;font-weight: bold;text-align: center;
}
.qmprudel .box1 .swipropic{
    overflow: hidden;position: relative;padding-bottom: 4.16rem;
}
.qmprudel .box1 .swipropic li{
    height: 33.85rem;position: relative;
}
.qmprudel .box1 .swipropic li img{
    position: absolute;
    left: 0;right: 0;
    top: 50%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); max-width: 90%;max-height: 90%;display: block;margin: 0 auto;
}
.qmprudel .box2{
    /* position: sticky; */
    top: 5.2rem;z-index: 22;height: 5.62rem;
}
.qmprudel .box2 .wrap{
    display: flex;justify-content: space-between;align-items: center;
}
.qmprudel .box2 h5{
    font-size:1.66rem ;
    line-height: 5.62rem;
    color: #fff;font-weight: bold;
}
.qmprudel .box2 li{
    float: left;margin-left: 2.5rem;
}
.qmprudel .box2 li a{
    display: block;font-size:1.04rem ;
    line-height: 2.81rem;
    color: #ffffff;text-decoration: underline !important;
}
.qmprudel .box2 li.on a{
    width: 9.68rem;line-height: 2.81rem;background: #fff;border-radius: 1.4rem;text-align: center;
    font-size: 1.04rem;color: #272b63;text-decoration: initial !important;
}

.qmprudel .box3{
    padding: 4.16rem 0 7.29rem;
}
.qmprudel .qmtit h2 span{
    color: #333333;
}
.qmprudel .box3 .del{
    font-size:0.94rem ;
    line-height: 1.8;
    color: #333333;margin-top: 2.86rem;
}

.qmprudel .box4 ul{
    margin-top: 3.12rem;
}
.qmprudel .box4 li{
    background: #f5f5f5;padding: 3.64rem 0;
}
.qmprudel .box4 li:nth-child(2n){
    background: #fff;
}
.qmprudel .box4 li .img{
    width: 37.5rem;box-shadow: 0 0 24px rgba(80,80,80,0.2);float: left;
    overflow: hidden;
}
.qmprudel .box4 li:nth-child(2n) .img{
    float: right;
}
.qmprudel .box4 li .img img{
    width: 100%;display: block;object-fit: contain;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmprudel .box4 li .img img:hover{
    transform:scale(1.1);
    -ms-transform:scale(1.1);  /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1); 
}
.qmprudel .box4 li .txt{
    float: right;width: calc(100% - 43.22rem);
}
.qmprudel .box4 li:nth-child(2n) .txt{
    float: left;
}
.qmprudel .box4 li .txt h4{
    /*    font-size:3rem ;
        line-height: 1.7;*/
    font-size:2rem ;
    line-height: 1.2;
    color: #272b63;
    font-weight: bold;
    margin-bottom: 2.08rem;
}
.qmprudel .box4 li .txt p{
    font-size:1.14rem ;
    line-height: 1.8;
    color: #333333;
    /*margin-top: 2.08rem;*/
}
.qmprudel .box4 li .txt ul{
    margin-left: 1.2rem;
}
.qmprudel .box4 li .txt li{
    background: none !important;
    padding: 0;
    font-size: 1.14rem;
    line-height: 1.8;
    color: #333333;
    list-style:disc;

}
.qmprudel .box5{
    padding: 6.25rem 0;
}
.qmprudel .box5 .bd table{
    width: 100%;border: 1px solid #e5e5e5;
}
.qmprudel .box5 .bd table th{
    font-size:0.83rem ;
    line-height: 2.39rem;background: #f0f0f0;
    color: #333333;font-weight: bold;text-align: center;border-bottom: 1px solid #e5e5e5;
}
.qmprudel .box5 .bd table td{
    font-size:0.83rem ;
    line-height: 1.8;
    color: #333333;border-bottom: 1px solid #e5e5e5;padding: 0.57rem 1.04rem;border-right: 1px solid #e5e5e5;
}

.qmprudel .box5 .bd{
    margin-top: 3.12rem;
    font-size:0.83rem !important;
}
.qmprudel .box6 .bd{
    background: #f5f5f5;margin-top: 2.6rem;padding: 3.12rem 0 4.16rem;
}
.qmprudel .box6 .bd h6{
    font-size:1.14rem ;
    line-height: 1.77rem;text-align: center;
    color: #333333;
}
.qmprudel .box6 .bd .form{
    margin-top: 2.08rem;padding: 0 13.02rem
}
.qmprudel .box6 .bd .form li{
    margin-bottom: 1.1rem;
}
.qmprudel .box6 .bd .form li label{
    font-size:0.93rem ;
    line-height: 2.39rem;
    color: #333333;
}
.qmprudel .box6 .bd .form li label i{
    color: #008aff;margin-left: 0.26rem;
}
.qmprudel .box6 .bd .form li dd{
    width: calc((100% - 1.66rem)/2);float: left;
}
.qmprudel .box6 .bd .form li dd:nth-child(2n){
    float: right;
}
.qmprudel .box6 .bd .form li .t1{
    width: 100%;height: 3.12rem;background: #fff;border-radius: 4px;border: 1px solid #cccccc;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;padding: 0 1.04rem;
}
.qmprudel .box6 .bd .form li .rt{
    border: 1px solid #cccccc;border-radius: 4px;height: 3.12rem;background: #fff;
}
.qmprudel .box6 .bd .form li .ts{
    float: left;background: url(../images/qmu35.png) no-repeat right 0.52rem center #f5f5f5;width: 7.81rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;border-radius: 4px 0 0 4px;
    -o-box-sizing: border-box;
    box-sizing: border-box;height: 3.12rem;padding: 0 1.56rem 0 0.52rem;border: none;position: relative;border-right: 1px solid #cccccc;cursor: pointer;
}
.qmprudel .box6 .bd .form li h3{
    padding-left: 2.08rem;font-size:0.93rem ;
    line-height:3.12rem;
    color: #666666;
}
.qmprudel .box6 .bd .form li .ndli{
    position: absolute;
    left: 0;right: 0;
    top: 103%;z-index: 1;padding: 0.52rem 0.52rem 0;background: #f5f5f5;box-shadow: 0 0 10px rgba(80,80,80,0.2);width: 7.81rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;display: none;
}
.qmprudel .box6 .bd .form li .ndli .dd{
    padding-left: 2.08rem;font-size:0.93rem ;
    line-height:2.2;
    color: #666666;margin-bottom: 0.52rem;
}
.qmprudel .box6 .bd .form li .t2{
    float: right;width: calc(100% - 7.81rem);border: none;
}

.qmprudel .box6 .bd .form .sub{
    width: 10.41rem;height: 2.81rem;font-size:0.93rem ;
    line-height: 2.81rem;
    color: #fff;text-align: center;background-image: linear-gradient(to right, #47a1ff,#1261ff);display: block;margin: 2.08rem auto 0;
    border: none;cursor: pointer;border-radius: 1.4rem;
}

.qmuitpro{
    padding: 4.68rem 0 4.16rem;
}
.qmuitpro .ts{
    text-align: center;
}
.qmuitpro .ts ul{
    display: inline-block;font-size: 0;
}
.qmuitpro .ts li{
    margin: 0 0.57rem;width: 9.37rem;height: 2.81rem;line-height: 2.81rem;display: block;text-align: center;
    font-size: 0.83rem;color: #008aff;border: 1px solid #008aff;border-radius: 1.4rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;display: inline-block;cursor: pointer;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmuitpro .ts li a{
    display: block;
}
.qmuitpro .ts li.on,
.qmuitpro .ts li:hover{
    background: #fdd000;border-color: #fdd000;box-shadow: 0 0 20px 0 #f8e79a;color: #272b63;
}
.qmuitpro .ts li:hover{
    transform:scale(1.1);
    -ms-transform:scale(1.1);  /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1); 
}

.qmuitpro .ovs{
    margin-top: 5.2rem;
}
.qmuitpro .bds .opps{
    margin-top: 2.6rem;position: relative;padding-bottom: 1.04rem;
}
.qmuitpro .bds .swiprlist{
    padding: 1.04rem 1.04rem 2.6rem 1.04rem;overflow: hidden;
}
.qmuitpro .bds .swiprlist li{
    /* background: #fff; */
    padding: 1.56rem 0 2.08rem;
}
.qmuitpro .bds .swiprlist li:hover{
    box-shadow: 0 0 20px 0 rgba(80,80,80,0.2);
}
.qmuitpro .bds .swiprlist li .img{
    height: 13.54rem;position: relative;
}
.qmuitpro .bds .swiprlist li img{
    position: absolute;
    left: 0;right: 0;
    top: 50%;z-index: 1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 鍜� Chrome */
    -o-transform:translateY(-50%); max-width: 80%;max-height: 80%;display: block;margin: 0 auto;
}
.qmuitpro .bds .swiprlist li .txt{
    margin-top: 1.04rem;text-align: center;
}
.qmuitpro .bds .swiprlist li h3{
    font-size:1.04rem ;
    line-height: 1.7;
    color: #333333;word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.qmuitpro .bds .swiprlist li:hover h3{
    font-weight: bold;
}
.qmuitpro .bds .swiprlist li h6{
    width: 6.25rem;height: 2.29rem;line-height: 2.29rem;display: block;text-align: center;
    font-size: 0.83rem;color: #008aff;border: 1px solid #008aff;border-radius: 1.3rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;margin: 1.04rem auto 0;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
} 
.qmuitpro .bds .opps .spot{
    position: absolute;
    left: 0;right: 0;
    bottom: 0;z-index: 1;margin: 0 auto;text-align: center; 
}
.qmuitpro .bds .opps .spot span{
    background: #7ec2ff;opacity: 1;width: 0.31rem;height: 0.31rem;border-radius: 50%;margin: 0 0.21rem !important;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmuitpro .bds .opps .spot .swiper-pagination-bullet-active{
    width: 2.19rem;background-image: linear-gradient(to right, #01399a,#151b5c);border-radius: 0.16rem;height: 0.31rem;
}

.qmuitpro .bds .swiprlist li:hover h6{
    border-color: #fdd000;box-shadow: 0 0 20px 0 #f8e79a;color: #272b63;
}
.qmprudel .box1 .swipropic .spot{
    position: absolute;
    left: 0;right: 0;
    bottom: 0;z-index: 1;margin: 0 auto;text-align: center; 
}
.qmprudel .box1 .swipropic .spot span{
    background: #7ec2ff;opacity: 1;width: 0.31rem;height: 0.31rem;border-radius: 50%;margin: 0 0.21rem !important;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmprudel .box1 .swipropic .spot .swiper-pagination-bullet-active{
    width: 2.19rem;background-image: linear-gradient(to right, #01399a,#151b5c);border-radius: 20%;height: 0.31rem;
}
.qmseces .qmserts .box li:hover h6{
    color: #008aff;
}

.qmsolutiondel{
    padding: 2.08rem 0;
}
.qmsolutiondel .box1 h1{
    font-size: 3.23rem;
    line-height: 1.7;
    color: #272b63;font-weight: bold;text-align: center;
}
.qmsolutiondel .box1 .bd{
    margin-top: 2.6rem;padding: 4.95rem 0 4.69rem;
}
.qmsolutiondel .box1 .pic{
    float: left;width: 35.42rem;position: relative;
}
.qmsolutiondel .box1 .pic img{
    width: 95%;display: block;border-radius: 10px;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmsolutiondel .box3 .ts .btn span{
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmsolutiondel .box3 .ts .btn span:hover,
.qmsolutiondel .box1 a:hover img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);  /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1); 
}
.qmsolutiondel .box1 .pic .ico{
    position: absolute;
    right: 3.13rem;
    bottom: -2.71rem;z-index: 1;width: 5.42rem;height: 5.42rem;
}
.qmsolutiondel .box1 .txt{
    float: right;width: calc(100% - 37.5rem);
}
.qmsolutiondel .box1 .txt h3{
    font-size: 1.77rem;
    line-height: 1.7;
    color: #272b63;font-weight: bold;border-bottom: 1px solid #82afd1;padding-bottom: 0.5rem;
}
.qmsolutiondel .box1 .txt p{
    font-size: 1.04rem;
    line-height: 1.46rem;
    color: #2f5989;margin-bottom: 1.04rem;background: url(../images/qmu47.png) no-repeat left top 0.63rem;padding-left: 0.83rem;
}
.qmsolutiondel .box1 .del{
    margin-top: 1.46rem;
}
.qmsolutiondel .qmtit h2 span{
    color: #333333;text-transform: initial;
}
.qmsolutiondel .box2{
    padding: 3.13rem 0 4.69rem;
}
.qmsolutiondel .box2 .del{
    margin-top: 2.81rem;
    font-size: 0.94rem;
    line-height: 1.5;
    color: #333333;
}

.qmsolutiondel .box3{
    padding-top: 5.83rem;
}

.qmsolutiondel .box3 .ts{
    margin-top: 4.69rem;
    margin-bottom: 4.69rem;
    line-height: 1.5;
    font-size: 0.94rem;
    /*    display: flex;justify-content: space-between;align-items: center;*/
}

.qmsolutiondel .box3 .ts .pic{
    width: 37.5rem;
}
.qmsolutiondel .box3 .ts .txt{
    width: calc(100% - 42.71rem);
}
.qmsolutiondel .box3 .ts .btn span{
    font-size: 0.78rem;
    line-height: 5.52rem;display: inline-block;
    color: #008aff;text-decoration: underline !important;background: url(../images/qmu40.png) no-repeat left center;padding-left: 5rem;
}
.qmsolutiondel .box3 .ts .btn{
    text-align: center;display: block;
}
.qmsolutiondel .box3 .ts h3{
    font-size: 1.46rem;
    line-height: 1.7;
    color: #333333;font-weight: bold;margin-bottom: 1.25rem;
}
.qmsolutiondel .box3 .ts .del{
    font-size: 0.83rem;
    line-height: 1.7;
    color: #333333;
}
.qmsolutiondel .box3 .bds{
    margin-top: 3.39rem;border-top: 1px dashed  #d3d3d3;
}
.qmsolutiondel .box3 .bds li{
    padding: 3.33rem 0 3rem;border-bottom: 1px dashed  #d3d3d3;
}
.qmsolutiondel .box3 .bds li h4{
    font-size: 1.46rem;
    line-height: 1.7;
    color: #333333;font-weight: bold;margin-bottom: 1.72rem;
}
.qmsolutiondel .box3 .bds li .del{
    font-size: 0.83rem;
    line-height: 1.7;
    color: #333333;
}
.qmsolutiondel .box3 .bds li .img{
    margin: 1.56rem 0 0;
}
.qmsolutiondel .box3 .bds li .img img{
    display: block;margin: 0 auto;
}
.qmsolutiondel .box3 .bds li .btn span{
    font-size: 0.78rem;
    line-height: 5.52rem;display: inline-block;
    color: #008aff;text-decoration: underline !important;background: url(../images/qmu40.png) no-repeat left center/5rem auto;padding-left: 5rem;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmsolutiondel .box3 .bds li .btn span:hover{
    transform:scale(1.1);
    -ms-transform:scale(1.1);  /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1); 
}
.qmsolutiondel .box3 .bds li .btn{
    text-align: center;display: block;
}

.qmsolutiondel .box4{
    padding: 5.21rem 0 6.77rem;
}
.qmsolutiondel .box4 .bd{
    margin-top: 5.21rem;
    /*    display: flex;justify-content: space-between;align-items: top;*/
    line-height: 1.5;
    font-size: 0.94rem;
}

.qmsolutiondel .box4 .bd .img{
    width: 37.5rem;
}
.qmsolutiondel .box4 .bd .img img{
    display: block;margin: 0 auto;
}
.qmsolutiondel .box4 .bd .del{
    width: calc(100% - 42.71rem);
}
.qmsolutiondel .box4 .bd .del p{
    margin-bottom: 1.2rem;
    font-size: 0.83rem !important;
    line-height: 1.5;
    color: #333333;
}
.qmsolutiondel .box4 .bd .del p i{
    color: #008aff;
}
.qmsolutiondel .box5 .ops{
    margin-top: 2.71rem;   position: relative;padding-bottom: 3.65rem;
}
.qmsolutiondel .box5 .swopsoucase{
    overflow: hidden;    padding: 0.52rem;
}
.qmsolutiondel .box5 .swopsoucase li{
    background: #fff;box-shadow: 0 0 10px 0 rgba(80,80,80,0.2);
}
.qmsolutiondel .box5 .swopsoucase li a{
    display: block;
}
.qmsolutiondel .box5 .swopsoucase li .img{
    height: 14.84rem;overflow: hidden;
}
.qmsolutiondel .box5 .swopsoucase li .img img{
    width: 100%;height: 100%;display: block;object-fit: cover;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmsolutiondel .box5 .swopsoucase li:hover .img img{
    transform:scale(1.1);
    -ms-transform:scale(1.1);  /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1); 
}
.qmsolutiondel .box5 .swopsoucase li h6{
    padding: 1.56rem  1.04rem;font-size: 0.94rem;
    line-height: 1.7;
    color: #333333;word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.qmsolutiondel .box5 .swopsoucase li:hover h6{
    color: #272b63;
}

.qmsolutiondel .box5 .ops .spot{
    position: absolute;
    left: 0;right: 0;
    bottom: 0;z-index: 1;margin: 0 auto;text-align: center; 
}
.qmsolutiondel .box5 .ops .spot span{
    background: #7ec2ff;opacity: 1;width: 0.31rem;height: 0.31rem;border-radius: 50%;margin: 0 0.21rem !important;
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.qmsolutiondel .box5 .ops .spot .swiper-pagination-bullet-active{
    width: 2.19rem;background-image: linear-gradient(to right, #01399a,#151b5c);border-radius: 0.16rem;height: 0.31rem;
}

.qmprudel .box2 li.on a{
    transition: all 0s;
}
.qmprudel .box2 li.on a:hover{
    background-image: linear-gradient(to right, #fdd000,#fdd000, #fdd000);color: #fff;
}
.qmprudel .box6 .bd .form .sub:hover{
    background-image: linear-gradient(to right, #48a1fe,#226ee0, #0144c8);
}
.qmprudel .box6 .bd .form li .t1:focus{
    border-color: #226ee0;
}

.qmseces .qmserts .fpagels{
    padding-bottom: 2.08rem;
}
.footer .uittop h3{
    transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}

.footer .uittop h3:hover{
    background-color: #fdd000;
}

.more{
    position: relative;
    overflow: hidden;
}

.more::before {
    content: '';
    width: 0;
    height: 0;
    z-index: -1;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #008aff;
    position: absolute;
    bottom: -2px;
    left: -2px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.more::after {
    content: '';
    width: 0;
    z-index: -1;
    height: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 0;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #008aff;
    position: absolute;
    top: -2px;
    right: -2px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.more:hover::before {
    border-width: 100px 0 0 100px;
}

.more:hover::after {
    border-width: 0 100px 100px 0;
}

.more:hover {
    color: #fff;
    border-color: #008aff;
}
.qmsolution .bds li a h6,
.qmproduct a .btn,
.qmproduct .btn,
.qmuitpro .bds .swiprlist li h6,
.qmuitpro .ts li,
.fpagelrt ul li a,
.fservice .list li .text .details{
    position: relative;
    overflow: hidden;
}
.qmsolution .bds li a h6::before,
.qmproduct a .btn::before,
.qmproduct .btn::before,
.qmuitpro .bds .swiprlist li h6::before,
.qmuitpro .ts li::before,
.fpagelrt ul li a::before,
.fservice .list li .text .details::before {
    content: '';
    width: 0;
    height: 0;
    z-index: -1;
    /* -webkit-transform: rotate(360deg);
    transform: rotate(360deg); */
    border-style: solid;
    border-width: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #fdd000;
    position: absolute;
    bottom: -2px;
    left: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    background: url(../images/uult.png) no-repeat center/100% 100%;
    height: 110%;
}
.qmsolution .bds li a h6::after,
.qmproduct a .btn::after,
.qmproduct .btn::after,
.qmuitpro .bds .swiprlist li h6::after,
.qmuitpro .ts li::after,
.fpagelrt ul li a::after ,
.fservice .list li .text .details::after {
    content: '';
    width: 0;
    z-index: -1;
    height: 0;
    /* -webkit-transform: rotate(360deg);
    transform: rotate(360deg); */
    border-style: solid;
    border-width: 0;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #fdd000;
    position: absolute;
    top: -2px;
    right: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    background: url(../images/uurl.png) no-repeat center/100% 100%;
    height: 110%;
}
.qmproduct .btn.btnauto{
    position: relative;z-index: 11;
}
.qmproduct a:hover .btn::before, .qmproduct a:hover .btn::before,
.qmsolution .bds li a:hover h6::before,
.qmproduct a:hover .btn::before,
.qmproduct li a:hover .btn:before,
.qmuitpro .bds .swiprlist li:hover h6:before,
.qmuitpro .ts li:hover:before,
.fpagelrt ul li a:hover::before ,
.fservice.fnews .list li .text .details:hover::before,
.fservice .list li a:hover .text .details::before {
    /* border-width: 100px 0 0 100px; */
    width: 50%;
}
.fservice.fnews .list li .text .details:hover::after,
.qmsolution .bds li a:hover h6::after,
.qmproduct a:hover .btn::after,
.qmproduct li a:hover .btn::after,
.qmuitpro .bds .swiprlist li:hover h6::after,
.qmuitpro .ts li:hover::after,
.fpagelrt ul li a:hover::after,
.fservice .list li a:hover .text .details::after {
    width: 50%;
}
.qmsolution .bds li a:hover h6,
.qmproduct a:hover .btn,
.qmproduct li a:hover .btn,
.qmuitpro .bds .swiprlist li:hover h6,
.qmuitpro .ts li:hover,
.fpagelrt ul li a:hover ,
.fservice.fnews .list li .text .details:hover,
.fservice .list li a:hover .text .details {
    border-color: #fdd000;
}

.qmsolution .bds li a:hover  h6,
.qmproduct a:hover .btn{
    box-shadow: 0 0 20px 0 #f8e79a;
    color: #272b63;

}
.hpage5 .swiper-slide-prev,
.hpage5 .swiper-slide-duplicate-active{
    opacity: 0;
}
.hpage5 .swipbds li{

}
.hpage5 .swipbds li:hover{
    z-index: 11;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
    -o-transition:all 0.3s;
}
.hpage5 .swipbds li:hover{
    transform:scale(1.1);
    -ms-transform:scale(1.1);  /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 鍜� Chrome */
    -o-transform:scale(1.1); 
    background: #fff;
    box-shadow: 0 0 1.04rem 0 rgb(80 80 80 / 20%);
}
.header .rts .form .btn:hover{
    background: #fdd000;color: #fff;
}
.header .rts .form .btn:hover span{
    color: #fff;
}
.hpage3{
    position: relative;
}
#particles-js{
    position: absolute;
    left: 0;right: 0;top: 0;
}
.hpage1{
    position: relative;
}
.swiperbg{
    position: absolute;
    left: 0;right: 0;bottom: 0;
    top: 0;
}
.swiperbg .swiper-wrapper{
    transition-timing-function: linear;
}
.hpage1 .wrap,
.hpage5 .wrap{
    position: relative;z-index: 11;
}
.site-error{
    padding: 3.12rem 0;
    line-height: 1.5;
    font-size: 1.2em;
}
.site-error h1{
    font-size: 2em;
    font-weight:bold;
}
.privacy_details{
    line-height: 1.5;
    padding:2rem 0;
}
.privacy_details h1, 
.privacy_details h2, 
.privacy_details h3, 
.privacy_details h4, 
.privacy_details h5 {
    font-size:revert;
    font-weight: bold;
}
.privacy_details p{
    margin: revert;
}



/* 11-22*/
.qmproduct .box1 .del.text-left {
    text-align:left;
}
/*.qmproduct .box1 .del.text-left h4 {
        font-size:1.0416666666666667rem;
        color:#008aff;
        font-weight:bold;
}*/
.qmproduct .btn.btnauto {
    width:auto;
    display:inline-block;
    padding:0 1.3020833333333335rem;
}
.qmsolution .bds li a h6::before,.qmproduct a .btn::before,.qmproduct .btn::before,.qmuitpro .bds .swiprlist li h6::before,.qmuitpro .ts li::before,.fpagelrt ul li a::before,.fservice .list li .text .details::before {
    background:url(../images/uult.png) no-repeat right -0.052083333333333336rem center/auto 100% #fdd000;
}
.qmsolution .bds li a h6::after,.qmproduct a .btn::after,.qmproduct .btn::after,.qmuitpro .bds .swiprlist li h6::after,.qmuitpro .ts li::after,.fpagelrt ul li a::after,.fservice .list li .text .details::after {
    background:url(../images/uurl.png) no-repeat left center/auto 100% #fdd000;
}
.qmproduct .txtli {
    margin:2.604166666666667rem 0 0;
    padding:2.604166666666667rem;
    border-top:0.052083333333333336rem solid #dddddd;
}
.qmproduct .txtli p {
    font-size:0.9375rem;
    color:#666666;
    line-height:1.7;
}
.qmproduct .txtli p i {
    color:#008aff;
    display:inline-block;
    margin-right:0.5208333333333334rem;
}
.qmproduct .porlist .item {
    margin-top:2.0833333333333335rem;
}
.qmproduct .porlist .item h3 {
    background:#e8f2ff;
    line-height:3.75rem;
    font-size:1.6666666666666667rem;
    color:#272b63;
    font-weight:bold;
    padding:0 2.0833333333333335rem;
}
.qmproduct .porlist li {
    float:left;
    width:calc((100% - 2.5rem)/3);
    margin:0 1.1979166666666667rem 1.1979166666666667rem 0;
    box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.1);
    transition:all 0.3s;
    -ms-transition:all 0.3s;
    /* IE 9*/
    -moz-transition:all 0.3s;
    /* Firefox*/
    -webkit-transition:all 0.3s;
    /* Safari 鍜� Chrome*/
    -o-transition:all 0.3s;
}
.qmproduct .porlist li:nth-child(3n) {
    margin-right:0;
}
.qmproduct .porlist li a {
    display:block;
    padding:2.604166666666667rem 0.5208333333333334rem;
    text-align:center;
}
.qmproduct .porlist li .pic {
    height:11.458333333333334rem;
    margin-bottom:2.0833333333333335rem;
    position:relative;
}
.qmproduct .porlist li .pic img {
    width:80%;
    height:80%;
    object-fit:contain;
    margin:auto;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
.qmproduct .porlist li h4 {
    font-size:1.25rem;
    color:#151a59;
    font-weight:bold;
    line-height:1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.qmproduct .porlist li h5 {
    font-size:0.93rem;
    /* font-size:1.0416666666666667rem; */
    color:#333333;
    margin:0.78125rem 0 1.8229166666666667rem;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    /*    word-break: break-all;*/
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; 
    line-height: 1.7
}
.qmproduct .porlist ul {
    margin-top:1.8229166666666667rem;
}
.qmproduct .porlist li:hover {
    box-shadow:0 0 1.0416666666666667rem 0.20833333333333334rem rgba(80,80,80,0.2);
}
.qmproduct .porlist {
    padding-bottom:2.0833333333333335rem;
}



.qmaddbox1 {
    padding:4.166666666666667rem 0 5.729166666666667rem;
}
.qmaddbox1 .wrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.qmaddbox1 .pic {
    width:34.5rem;
}
.qmaddbox1 .txt {
    width:calc(100% - 37.5rem);
}
.qmaddbox1 .txt h2 {
    font-size:2.3rem;
    line-height:1.6;
    color:#333333;
    margin-bottom:1.875rem;
    font-weight:bold;
}
.qmaddbox1 .txt .del {
    font-size:0.9375rem;
    line-height:1.8;
    color:#333333;
}
.qmaddbox1 .txt .del span {
    font-size:1.4583333333333335rem;
    display:block;
    font-weight:bold;
    margin-bottom:0.3125rem;
}
.qmprudel .box4 li .txt .qmadspan {
    font-size:1.5625rem;
    line-height:1.7;
    color:#272b63;
    font-weight:bold;
    margin-top:0.7291666666666667rem;
}
.qmprudel .box4 li .qmadtxt {
    margin-top:2.604166666666667rem;
}
.uqmpg {
    padding:2.0833333333333335rem 0;
}
.uqmpg h2 {
    font-size:1.4583333333333335rem;
    line-height:1.7;
    color:#333333;
    font-weight:bold;
    margin-bottom:1.5625rem;
}
.uqmpg .flxc {
    display:flex;
    justify-content:space-between;
}
.uqmpg .flxc .lts {
    width:40.10416666666667rem;
    position:relative;
}
.uqmpg .flxc .rts {
    width:calc(100% - 41.66666666666667rem);
}
.uqmpg .flxc .lts h3 {
    font-size:1.1458333333333335rem;
    line-height:3.854166666666667rem;
    color:#333333;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    border-left:0.36458333333333337rem solid rgba(255,255,255,0);
    padding-left:1.1979166666666667rem;
}
.uqmpg .flxc .lts li.on h3 {
    border-color:#2a7be7;
    background:#f7fafe;
    color:#008aff;
}
.uqmpg .flxc .lts dl {
    position:absolute;
    right:0;
    top:0;
    width:23.4375rem;
    bottom:0;
    border-left:0.052083333333333336rem solid #e5e5e5;
    display: none;
}
.uqmpg .flxc .lts li.on dl{
    display: block;
}
.uqmpg .flxc .lts dd {
    padding-left:0.6770833333333334rem;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    border-left:0.20833333333333334rem solid rgba(255,255,255,0);
    display:flex;
    padding-right:1.0416666666666667rem;
    justify-content:space-between;
    padding-top:0.8333333333333334rem;
    padding-bottom:0.8333333333333334rem;
    align-items:flex-start;
}
.uqmpg .flxc .lts li {
    width:calc(100% - 23.4375rem);
    cursor:pointer;
}
.uqmpg .flxc .lts dd i {
    width:1.9791666666666667rem;
    display:block;
    text-align:center;
    line-height:1.71875rem;
    text-align:center;
    font-size:1.09375rem;
    color:#151a59;
    border:2px solid #fdd000;
}
.uqmpg .flxc .lts dd p {
    width:calc(100% - 3.1770833333333335rem);
    font-size:0.8333333333333334rem;
    line-height:1.6;
    color:#333333;
}
.uqmpg .flxc .lts dd.on {
    background:#f7fafe;
    border-color:#2a7be7;
}
.uqmpg .flxc .lts dd.on p {
    color:#008aff;
}
.uqmpg .flxc .lts dd.on i {
    background:#fdd000;
    box-shadow:0.2604166666666667rem 0.2604166666666667rem 0.5208333333333334rem rgba(253,208,0,0.5);
}
.uqmpg .flxc .rts img {
    width:100%;
    display:block;
}

.qmaddbox1 .pic{
    position: relative;
}
.qmaddbox1 .pic .model-container{
    width: 100%;position: relative;
    max-width: 100%;max-height: 100%;
    margin: 0;z-index: 11;
}

.qmaddbox1 .pic .model-placeholder-container img{
    margin: 0 auto;display: block;
}
.qmaddbox1 .pic #button_load{
    background: linear-gradient(to right,#3e99fb,#0860df) !important;
    border-radius: 40px;padding:0.8rem 1.2rem;
}
.qmaddbox1 .pic .model-container .sd img{
    display: block;
}
.qmaddbox1 .pic .sd{
    position: absolute;bottom: 0;
}






.swipersban{
    overflow: hidden;position: relative;
}
.swipersban .spans{
    text-align: center;
    bottom: 0;position: absolute;
}
.swipersban .spans span{
    background: #96cfff;opacity: 1;
    border-radius: 8px;
}
.swipersban .spans span.swiper-pagination-bullet-active{
    background:linear-gradient(to right,#0f46a3,#262b67);width: 42px;
}


.header .rts .naver .fnli .fnablstpic dd .icon img{
    max-height: 100%;
    max-width: 100%;
}


/*.qmprudel .box4 li .txt p span{
    font-size:1.25rem ;
    line-height: 1;
    color: #272b63;font-weight: bold;
}
.qmprudel .box4 li .txt p span.s1{
    font-size: 0.833333rem;
}*/


.model-container{
    height: 100%;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}
.model-placeholder-container img{
    object-fit: contain;
}
.qmprudel .box1 .swipropic li{
    /* height: 390px; */
}
.qmprudel .box1 .swipropic li .sd img{
    position: static;
    margin-top: -3rem;
}



.floating_ck{position:fixed;right:20px;top:30%;}
.floating_ck dl dd{position:relative;width:80px;height:65px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer; padding-top:15px;}
.floating_ck dl dd:hover{background-color:#e40231;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;z-index:7888}
.floating_ck dd span{color:#fff;display:block;padding-top:6px; font-size:12px;;}
.floating_ck a{
    color: inherit;
}
.uiticos{
    display: none;
}
.floating_ck dl dd:last-child{
    border: none;
}



.newtanc .icon{
    position: absolute;
    right: -38px;z-index: 11;
    top: -38px;cursor: pointer;
    width: 40px;
    height: 40px;
    background: url(../images/gbs-1.png) no-repeat center #fff;
    border-radius: 50%;;box-shadow: 0 0 8px 0 rgba(80,80,80,0.2);
}
.newtanc{
    background: #fff;
    padding: 10px;
    position: fixed;
    left: 0;right: 0;
    top: 20%;z-index: 9999;
    width: 650px;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0 0 8px 0 rgba(80,80,80,0.2);
    text-align: center;
}
.newtanc .pic{
    border-radius: 10px;
    overflow: hidden;
}
.newtanc .pic img{
    display: block;
    width: 100%;
}
.newtanc .b1{
    background:#2377ef;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    border-radius: 6px;
    margin: 10px auto;
    color: #fff;
    display: inline-block;
    padding: 0 40px;
}
.newtanc .b2{
    text-align: center;
    font-size: 16px;
    display: block;
    color: #2377ef;
    padding-bottom: 20px;
}

/*#LRdiv0{*/
/*    display: none !important;*/
/*}*/


.fxkefu{
    font-size: 0.8vw;
}
.fxkefu {
    width:3.6458333333333335em;
    position:fixed;
    right:1.0416666666666667em;
    z-index:9999;
    bottom:20%;
}
.fxkefu li {
    margin-bottom:0.5208333333333334em;
}
.fxkefu li .icon {
    width:3.6458333333333335em;
    height:3.6458333333333335em;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:3.6458333333333335em;
    overflow:hidden;
}
.fxkefu li .icon img {
    display:block;
    margin:auto;
    width:55%;
    height:60%;
    object-fit:contain;
}
.fxkefu li a {
    overflow:hidden;
    border-radius:3.6458333333333335em;
    box-shadow:0 0 0.4166666666666667em 0 rgba(80,80,80,0.2);
    display:flex;
    background:#fff;
    float:right;
    transition:all 0.3s;
    -ms-transition:all 0.3s;
    /* IE 9*/
    -moz-transition:all 0.3s;
    /* Firefox*/
    -webkit-transition:all 0.3s;
    /* Safari 和 Chrome*/
    -o-transition:all 0.3s;
    width:3.6458333333333335em;
}
.fxkefu li a .txt {
    line-height:3.6458333333333335em;
    font-size:0.9375em;
    white-space:nowrap;
    width:0;
    overflow:hidden;
    transition:all 0.3s;
    -ms-transition:all 0.3s;
    /* IE 9*/
    -moz-transition:all 0.3s;
    /* Firefox*/
    -webkit-transition:all 0.3s;
    /* Safari 和 Chrome*/
    -o-transition:all 0.3s;
}
.fxkefu li:hover a .txt {
    width:6em;
}
.fxkefu li:hover a {
    width:10.375em;
    background:#f7d019;
}
.fxkefu li.fxtop .icon {
    background:url(../images/wa5.png) no-repeat center/50% auto #fff;
    width:2.8645833333333335em;
    border-radius:50%;
    height:2.8645833333333335em;
    cursor:pointer;
    margin:0 auto;
    box-shadow:0 0 0.4166666666666667em 0 rgba(80,80,80,0.2);
}
.fxkefu li.fxtop:hover .icon {
    background:url(../images/wa6.png) no-repeat center/50% auto #f7d019;
}


.thank .hd{
    padding: 100px 0 200px;
    background: #f4f4f4;
    text-align: center;
}
.thank .hd h2{
    font-size: 50px;
    color: #2377ef;
    line-height: 84px;
    margin-top: 60px;
    font-weight: bold;
}
.thank .hd h3{
    font-size: 23px;
    color: #434343;
    line-height: 1.4;
    margin-top: 20px;
}
.thank .hd h4{
    font-size: 34px;
    color: #434343;
    line-height: 1.4;
    font-weight: bold;
    margin-top: 20px;
}