* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 100px;
}
@font-face {    font-family: "LL";
    src: local('Microsoft YaHei Light'), local('MicrosoftYaHei-Light'), url(https://fonts.gstatic.com/s/microsoftyahei/v1/MSYHL.css) format('woff2');
    font-weight: 300;
    font-style: normal;}
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
input {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

html {
    overflow-y: scroll;



}


:root {
    overflow-y: auto;
    overflow-x: hidden;
}

:root body {
    position: absolute;
}

body {
    width: 100vw;
    overflow-x: hidden;
}

body {
    font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei",
        "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    color: #333;
    font-size: 12px;
}




/* 去除列表默认样式 */
ul,
ol {
    list-style: none;
}

input {
    outline: none;
}

em,
i {
    font-style: normal;
}

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

a:link {
    text-decoration: none !important;
}

a:visited {
    text-decoration: none !important;
}

/* a:hover {
    color: #333;
    text-decoration: none !important;
} */

a:active {
    text-decoration: none !important;
}

a:focus {
    text-decoration: none !important;
}

a {
    -webkit-tap-highlight-color: transparent
}

;

img {
    vertical-align: middle;
}

.sbox {
    width: 100vw;
}

.w100 {
    width: 100vw !important;
}

.h100 {
    height: 100vh !important;
}



.fy1 {
    display: flex;
    justify-content: center;
}


.pre {
    display: inline-block;
    width: 0.88rem;
    height: 0.44rem;
    background: #B0B0B0;
    border-radius: 0.04rem;
    margin-right: 0.27rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: 0.16rem;
    line-height: 0.44rem;
    color: #FFFFFF;

}

/* ====================头部========================== */
.color-white {
    color: #fff !important;
}

.syhead {
    width: 100%;
    height: 0.94rem;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.79rem;
    /* background-color: #bfa; */
}

.sylogo {
    width: 1.54rem;
    height: 0.48rem;
    background-image: url('../images/logo.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

.headtab div {
    display: flex;

}

.headtab li a {
    text-align: center;
}

.headinp {
    width: 5.6rem;
    height: 0.42rem;
    padding-left: .16rem;
    font-size: 0.16rem;
    color: #70757C;
    border: .01rem solid #DFDFDF;
    background-color: #FFF;
}

.headinpbtn {
    display: inline-block;
    width: 0.52rem;
    height: 0.42rem;
    background-color: #1367BB;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-size: 0.15rem;
    background-position: 50% 50%;
    margin-left: 0.12rem;
}

.searchicon {
    cursor: pointer;
}

.headtab li {
    margin-right: 0.57rem;
    font-size: 0.18rem;

}

.headtab li a {
    color: #fff;
}

.headright {
    display: flex;
    align-items: center;
}

.searchicon {
    width: 0.15rem;
    height: 0.15rem;
    margin-right: 0.24rem;
}

.telicon {
    width: 0.16rem;
    height: 0.16rem;
}

.telicon {
    background-image: url(../images/tel.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.headtel a {
    width: 1.55rem;
    height: 0.3rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border: 1px solid #DEDEDE;
    font-size: 0.16rem;
    color: #fff;
}

.headtel a:hover {
    background-color: #FF9C06 !important;
}

.headtel a:hover p {
    color: #fff !important;
}

.headtel a:hover .telicon {
    background-image: url(../images/tel.png) !important;
}

.sp1 {
    font-size: 0.5rem;
    color: #fff;
    font-family: ll;
    font-weight: 500;
    line-height: 0.59rem;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 0.23rem;
}

.sp2 {
    font-family: ll;
    font-size: 0.42rem;
    font-weight: 300;
    line-height: 0.49rem;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 0.65rem;
}

.swiper-txt {
    position: absolute;
    top: 2.4rem;
    left: 2.2rem;
}

.carousel-indicators {
    bottom: 0.3rem;
}

.sbox .carousel-indicators li {
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 100%;
    margin-right: 0.2rem;
}

.carousel-indicators li.active {
    background-color: #FF9C06;
}

.carousel-control-prev {
    margin-top: 3.42rem;
    height: 0.5rem;
}

.carousel-control-next {
    margin-top: 3.42rem;
    height: 0.5rem;
}

.carousel-control-prev-icon {
    background-image: url(../images/prev.png);
    background-size: 0.1307rem;
}

.carousel-control-next-icon {
    background-image: url(../images/next.png);
    background-size: 0.1307rem;
}

.ckgdbtn {
    width: 1.58rem;
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    border-radius: 0.5rem;
    border: .01rem solid #FFFFFF;
}

.ckgdbtn a {
    color: #fff;
    font-size: 0.18rem;
}

.t1 li a:hover {
    color: #1367BB !important;
}

.t1ct {
    display: none !important;
    width: 100%;
    /* height: 3.9rem; */
    position: fixed;
    top: .94rem;
    left: 0;
    background-color: #fff;
    padding-left: 6.29rem;
    padding-top: .65rem;
    padding-bottom: .5rem;
}

.t1ct img {
    width: 3.24rem;
    height: 1.82rem;
    margin-right: .63rem;
}

.t1ct ul {
    padding-left: 0.78rem;
    border-left: .006rem solid #C1C1C1;
    /* height: 2.44rem; */
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'll';
    font-style: normal;
    font-weight: 300;
    font-size: .18rem;
    line-height: .21rem;
    color: #454545;
}

.t1ct ul li {
    margin-bottom: 0.35rem;
}

.t1ct ul li a {
    display: inline-block;
    color: #454545 !important;
    /* margin-bottom: .35rem; */
}

.t1ct ul li a:hover {
    color: #1367BB !important;
}

.tabs-box {
    display: none !important;
}

.boxOne {
    display: flex !important;
}

.animate__animated.animate__fadeIn {
    --animate-duration: 1.5s;
    position: relative;
}



/* ====================首页========================== */

.hjxl .swiper {
    width: 98%;
}

.height {
    height: 200vh;
}

.syxwzx-cenb>a {
    margin-left: 0.6rem;
}

@media only screen and (min-width: 1366px) and (max-width: 1680px) {
    .hjxl .swiper {
        width: 100%;
    }

}

@media only screen and (max-width: 1600px) {
    .height {
        height: 200vh;
    }
}

@media only screen and (max-width: 1440px) {
    .height {
        height: 190vh;
    }

    .syaxdzr input[type="text"] {
        margin-right: 0.1rem !important;
    }

    .syaxdzr input[type="text"]:last-of-type {
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 1366px) {
    .height {
        height: 215vh;
    }
}

@media only screen and (max-width: 1280px) {
    .hjxl .swiper {
        width: 102%;
    }

    .height {
        height: 190vh;
    }
}

.swiper {
    width: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: .18rem;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide {}

.fnlist a:hover {
    color: #333;
}

.dzzz h1 {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .32rem;
    line-height: .38rem;
    color: #FFFFFF;
    margin-top: .26rem;
    margin-bottom: .11rem;
}

.dzzz h2 {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .21rem;
    color: #FFFFFF;
    margin-bottom: .25rem;
}

.syaxdzl {
    padding-top: 1.1rem;
}

.jianbian {
    margin: 0 !important;
}

.hswiper {
    display: none;
}

.hswiperactive {
    display: block;
}

.pren .swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px !important;
}

.pren .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 1.3rem;
}

.pren .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 1.3rem;

}

.swiper-txt {
    top: 3.4rem !important;
}

.carousel-control-prev {
    margin-top: 4.42rem !important;
}

.carousel-control-next {
    margin-top: 4.42rem !important;
}

/* 底部 */

.iconn {
    display: block;
    width: .32rem !important;
    height: .32rem !important;
    border:  1px solid #8E8E8E;
    border-radius: 100%;
    background-size: .18rem .18rem;
    margin-right: .26rem;
}

.wxicon {
    background-image: url(/images/微信.png)  !important;  
    background-repeat: no-repeat; 
    background-position: center !important;
}
.qqicon {
    background-image: url(/images/qq.png)  !important;  
    background-repeat: no-repeat; 
    background-position: center !important;
}
.wbicon {
    background-image: url(/images/微博.png)  !important;   
    background-repeat: no-repeat; 
    background-position: center !important;
}
.syfoot {
    width: 100%;
    /* height: 5.4rem; */
    background-color: #101217;
    box-sizing: border-box;
    padding: 1.08rem calc((100vw - 15rem)/2) .3rem;
}
.syfoot .sharebb {
    margin-top: 0;
}

.syfoottop {

    width: 15rem;
    /* height: 3.13rem; */
    border-bottom: .01rem solid #5D5D5D;
 padding-bottom: .82rem;
    box-sizing: border-box;
    display: flex;
}

.syfoottopleft {
    width: 9.09rem;
    /* height: 2.49rem; */
    box-sizing: border-box;
    border-right: .01rem solid #5D5D5D;
    display: flex;
    color: #FFFFFF;
}

.syfoottopleft>li {
    margin-right: .8rem;
    width: 5rem;
    font-family: ll;
    font-size: .2rem;
    font-weight: 400;
    line-height: .23rem;
    letter-spacing: 0em;
    text-align: left;

}

.syfoottopleft>li>a {
    color: #FFFFFF;
    display: block;
}
.syfoottopleft>li:last-of-type{
display:none;
}
.syfoottopleft .hengg,
.syfoottopright .active .hengg {
    width: .28rem;
    height: .005rem;
    background: #5D5D5D;
    margin-top: .2rem;
}

.syfoottopright .hengg {
    background: none;
}

.syfoottopleft a {
    color: #E9E9E9;
}

.syfoottopleft a>p {
    font-family: ll;
    font-size: .16rem;
    font-weight: 300;
    line-height: .19rem;
    letter-spacing: 0em;
    text-align: left;
    margin-top: .25rem;
    color: #E9E9E9;
}

.syfoottopleft a>p:hover {
    color: #1367BB;
}

.syfoottopright {
    width: 5.89rem;
    height: 2.49rem;
    box-sizing: border-box;
    padding-left: .76rem;
    display: flex;
    flex-direction: column;

}

.syfoottopright ol {
    width: 2.58rem;
    display: flex;
    justify-content: space-between;
}

.syfoottopright a {
    font-family: ll;
    font-size: .2rem;
    font-weight: 400;
    line-height: .23rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.dxqxz {
    flex: 1;
    display: flex;
}

.njtab {
    display: none;
}

.njtab:first-of-type {
    display: block;
}

.xingxitableft {}

.xingxitabright {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.xingxitableft h5 {
    font-family: ll;
    font-size: .24rem;
    font-weight: 400;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    margin: .28rem 0 .18rem 0;
}

.xingxitableft p {
    font-family: ll;
    font-size: .16rem;
    font-weight: 300;
    line-height: .19rem;
    letter-spacing: 0em;
    text-align: left;
    color: #E9E9E9;
    margin-bottom: .19rem;
}

.xingxitabright img {
    width: 1.29rem;
    height: 1.29rem;

}

.xingxitabright p {
    font-family: ll;
    font-size: .16rem;
    font-weight: 400;
    line-height: .19rem;
    letter-spacing: 0em;
    text-align: left;
    color: #E9E9E9;
    margin-top: .15rem;
}

.syfootbtn {
    width: 15rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: ll;
    font-size: .14rem;
    font-weight: 400;
    line-height: .16rem;
    letter-spacing: 0em;
    text-align: left;
    color: #717773;
    margin-top: .3rem;
}

.syfootbtn a {
    color: #E9E9E9;

}

.syfootbtnr {
    display: flex;
}

.syfootbtnr div {
    width: .32rem;
    height: .32rem;
    margin-left: .26rem;
    border-radius: 50%;
    border: .01rem solid #8E8E8E;
    display: flex;
    align-items: center;
    justify-content: center;
}

.syfootbtnr div img {
    width: .18rem;
    height: .18rem;
}


/*按需定制 */
.syaxdz {
    width: 100%;
    height: 4.29rem;
    background: url(../images/bgc\(dizhi\).png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0 calc((100vw - 15rem)/2);
    padding-right: 2.07rem;
    display: flex;
}

.syaxdzlb {
    margin-top: .35rem;
    display: flex;
}

.syaxdzlb div:first-of-type {
    display: flex;
    justify-content: center;
    align-items: center;
    border: .01rem solid #FFFFFF;
    border-radius: 50%;
    width: .52rem;
    height: .52rem;
    margin-right: .16rem;
}

.syaxdzlb div image {
    width: .36rem;
    height: .36rem;
}

.syaxdzlb div p:first-of-type {
    font-family: ll;
    font-size: .16rem;
    font-weight: 400;
    line-height: .19rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.syaxdzlb div p:last-of-type {
    font-family: Roboto;
    font-size: .28rem;
    font-weight: 500;
    line-height: .33rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;

}


.jianbian {
    height: .01rem;
    width: 6.72rem;
    margin-top: 1.1rem;
    background: linear-gradient(90deg, #D9D9D9 0%, rgba(217, 217, 217, 0) 100%);

}

.syaxdzr {
    flex: 1;
    padding: .88rem 0 0 .7rem;
}

.syaxdzr p {
    font-family: ll;
    font-size: .24rem;
    font-weight: 500;
    line-height: .28rem;
    letter-spacing: 0.05em;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: .25rem;
}

.syaxdzr ::-webkit-input-placeholder {
    color: #FFFFFF;
}

.syaxdzr input[type="text"] {
    background: none;
    width: 2.4rem;
    height: .48rem;
    text-indent: .21rem;
    border: .01rem solid #A5A6AE;
    border-radius: .04rem;
    font-family: ll;
    font-size: .18rem;
    font-weight: 400;
    line-height: .21rem;
    letter-spacing: 0em;
    color: #FFFFFF;
    margin-right: .15rem;
}

.syaxdzr input[type="text"]:last-of-type {
    margin-right: 0;
}

.syaxdzr textarea {
    width: 5.97rem;
    height: 1.3rem;
    resize: none;
    padding: .2rem 0 0 .21rem;
    border: .01rem solid #A5A6AE;
    border-radius: .04rem;
    font-family: ll;
    font-size: .18rem;
    font-weight: 400;
    line-height: .21rem;
    letter-spacing: 0em;
    color: #FFFFFF;
    margin-top: .15rem;
    background: none;
}

.tjsyaxdzr {
    width: 1.42rem;
    height: 1.3rem;
    background-color: #FF9C06;
    margin-top: 0.15rem;
    float: right;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.tjsyaxdzr img {
    width: .32rem;
    height: .32rem;
    margin-top: .35rem;
    margin-bottom: .15rem;
}

.tjsyaxdzr p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 500;
    line-height: .21rem;
    letter-spacing: 0em;
    text-align: right;
    color: #FFFFFF;
}

/* 关于我们 */
.sygywm {
    width: 100%;
    height: 9.69rem;
    /* background-image: url(../images/gywmbgi.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 1.08rem calc((100vw - 15rem)/2) 0;
    position: relative;
}
.Star2{
    position: absolute;
    width: .62rem;
    height: .62rem;
    left: 50%;
    transform: translateX(-50%);
    top: -0.3rem;

}
.titletop {
    color: #27221C;
    text-align: center;
}

.titletop div {
    display: inline-block;
}

.titletop div:first-of-type {
    font-family: ll;
    font-size: .38rem;
    font-weight: 400;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: center;
    margin-left: 0.2rem;
}



.titletop div:last-of-type {
    font-family: ll;
    font-size: .38rem;
    font-weight: 700;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: center;
    margin-right: 0.2rem;
}

.titletop span:first-of-type {
    font-family: ll;
    font-size: .38rem;
    font-weight: 400;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: center;
    margin-left: .2rem;
}

.titletop img {
    width: .08rem;
    height: .12rem;
}

.titletop span:last-of-type {
    font-family: ll;
    font-size: .38rem;
    font-weight: 700;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: center;
    margin-right: .2rem;
}

.titlebtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .25rem;


}

.titlebtn p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 400;
    line-height: .21rem;
    letter-spacing: 0em;
    text-align: center;
    margin: 0 .05rem;
    color: #4D4E54;
}

.titlebtn>div {
    width: 1.06rem;
    height: .005rem;
    background-color: #D4D4D4;
}

.sygywm-js p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 400;
    line-height: .38rem;
    letter-spacing: 0em;
    text-align: center;
    margin-top: .11rem;
    color: #70767C;
}

.sygywm-js a {
    color: #1367BB;

}

.sygywm-js {
    margin-top: .3rem;
}

.sugywm-btm {
    width: 100%;
    /* height: 6.07rem; */
    border-top: 0.01rem solid rgba(165, 165, 165, 0.5);
    margin-top: .37rem;
}

.sugywm-btmt {
    height: 1.24rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sugywm-btmt .active p:last-of-type {
    color: #1367BB;
}

.sugywm-btmt>div {
    display: flex;
    margin-right: .7rem;
    cursor: pointer;
}

.sugywm-btmt img {
    width: .48rem;
    height: .48rem;
    margin-right: .2rem;
}

.sugywm-btmt p:first-of-type {
    font-family: Roboto;
    font-size: .14rem;
    font-weight: 300;
    line-height: .16rem;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 0.05rem;
}

.sugywm-btmt p:last-of-type {
    font-family: ll;
    font-size: .24rem;
    font-weight: 500;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: left;

}

.sugywm-btmc {
    width: 100%;
    height: 2.85rem;
    /* display: flex; */
    /* justify-content: space-around; */
}

.sugywm-btmc img {

    width: 3.56rem;
    height: 2.37rem;
}

.sugywm-btmc p {
    font-family: ll;
    font-size: .18rem;
    font-weight: 400;
    line-height: .22rem;
    letter-spacing: 0em;
    text-align: center;
    margin-top: .21rem;
}

.sugywm-btmb {
    width: 1.8rem;
    height: .54rem;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #6D6D6D;
    border-radius: .5rem;

    margin-top: .44rem;
    font-family: Roboto;
    font-size: .18rem;
    font-weight: 300;
    line-height: .54rem;
    letter-spacing: 0em;
    color: #70767C;;
}

a:has(.sugywm-btmb) {
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.sugywm-btm>a {
    display: block;
    margin: 0 auto;
}

.sugywm-btmb:hover {
    background-color: #1367BB;
    border: none;
    color: #fff;
}


/* 新闻中心 */
.syxwzx {
    width: 100%;
    height: 9.69rem;
    background-image: url(../images/xwzxbgi.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 1.08rem calc((100vw - 15rem)/2) 0;
}

.syxwzx-cen {
    width: 100%;
    height: 6.11rem;
    background-color: #FFFFFF;
    margin-top: .43rem;
    display: flex;
}

.syxwzx-cen>div {
    flex: 50%;
    height: 100%;

}

.syxwzx-cen>div:first-of-type {
    background: linear-gradient(270deg, #F1F1F1 2.27%, rgba(255, 255, 255, 0) 100%);
}

.syxwzx-cent {
    width: 6.4rem;
    margin: 0 auto;
    height: .94rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: .36rem;
}

.syxwzx-cent>p {
    font-family: ll;
    font-size: .24rem;
    font-weight: 500;
    line-height: 1.28rem;
    letter-spacing: 0em;
    text-align: left;
    color: #2D2D2D;

}

.syxwzx-cent>a {
    font-family: ll;
    font-size: .18rem;
    font-weight: 400;
    line-height: 1.4rem;
    letter-spacing: 0em;
    text-align: left;
    color: #888E8A;
}

.hjbklist {
    width: 6.4rem;
    margin: 0 auto;
    margin-bottom: .54rem;
}

.hjbklist p:nth-of-type(2n-1) {
    display: flex;
    justify-content: space-between;
    text-indent: .02rem;
    margin-bottom: .22rem;
}

.hjbklist p span:first-of-type {
    font-family: ll;
    font-size: .18rem;
    font-weight: 500;
    line-height: .21rem;
    letter-spacing: 0em;
    text-align: left;
}

.hjbklist p span:last-of-type {
    font-family: Roboto;
    font-size: .14rem;
    font-weight: 300;
    line-height: .13rem;
    letter-spacing: 0em;
    text-align: left;

}

.hjbklist p:nth-of-type(2n) {
    font-family: ll;
    font-size: .14rem;
    font-weight: 400;
    line-height: .16rem;
    letter-spacing: 0em;
    text-align: left;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.gsrmxw {
    width: 6.4rem;
    height: 2.24rem;
    margin: 0 auto;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    margin-bottom: .37rem;
}

.gsrmxw img {
    width: 2.2rem;
    height: 1.46rem;
    margin-right: .18rem;
}

.gsrmxw-xq {
    flex: 1;
}

.gsrmxw-xq p:nth-of-type(1) {
    font-family: ll;
    font-size: .18rem;
    font-weight: 500;
    line-height: .21rem;
    letter-spacing: 0em;
    text-align: left;
    color: #2D2D2D;
}

.gsrmxw-xq p:nth-of-type(2) {
    font-family: Roboto;
    font-size: .14rem;
    font-weight: 300;
    line-height: .16rem;
    letter-spacing: 0em;
    text-align: left;
    text-indent: .08rem;
    margin-top: .19rem;
}

.gsrmxw-xq p:nth-of-type(3) {
    font-family: ll;
    font-size: .14rem;
    font-weight: 400;
    line-height: .32rem;
    letter-spacing: 0em;
    text-align: left;
    padding-left: .08rem;
    margin-top: .19rem;

}

/* 质优价吗 */
.syzyjm {
    width: 100%;
    height: 2.6rem;
    background-image: url(../images/zyjmbgi.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0 calc((100vw - 15rem)/2);
    display: flex;
    justify-content: space-between;
}

.syzyjm>img {
    width: 6.29rem;
    height: 2.6rem;
}

.syzyjml>h6 {
    font-family: ll;
    font-size: .38rem;
    font-weight: 700;
    line-height: .45rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    margin-top: .55rem;
    margin-bottom: .18rem;
}

.syzyjml>h6 span {
    font-family: ll;
    font-size: .38rem;
    font-weight: 400;
    line-height: .45rem;
    letter-spacing: 0em;
    text-align: center;

}

.syzyjml>p {
    font-family: ll;
    font-size: .2rem;
    font-weight: 400;
    line-height: .23rem;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;

}

.syzyjml>p img {
    width: .3rem;
    height: .15rem;
}

.xiaolingtong {
    width: .32rem;
    height: .32rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 50%;
}

.xiaolingtong img {
    width: .21rem;
    height: .21rem;
}

.syzyjml div>p {
    font-family: Roboto;
    font-size: .32rem;
    font-weight: 500;
    line-height: .38rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    margin-left: .15rem;
    margin-right: .36rem;

}

.syzyjml div>input[type='button'] {
    width: 1.22rem;
    height: .4rem;
    border-radius: .5rem;
    color: #1367BB;
    border: none;
}

.syzyjml>div {
    display: flex;
    margin-top: .24rem;
}





/* 烦恼 */
.fannao {
    /* padding-top: 1.37rem; */
    padding: 1.37rem 1.97rem;
    padding-right: 1.9rem;
    width: 100%;
    height: 9.7rem;
    background-image: url(../images/fnbgi.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.fnlist {
    display: flex;
}

.ywimg {
    width: 4.96rem;
    /* height: 7.11rem; */
    margin-top: 1.43rem;
}

.fnlist ul li {
    margin-right: .75rem;
    margin-bottom: .8456rem;
}

.fnlist ul li a {
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
    /* justify-content: center; */
}

.fnlist ul {
    height: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.2628rem;
}



.fnlist ul li a div:first-child {
    position: absolute;
    width: 0.4rem;
    height: .4rem;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #E9E9E9;
    text-align: center;
    line-height: .4rem;
    top: -.2rem;
    left: 0.7rem;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: .24rem;
    line-height: .28rem;
    text-align: center;
    color: #767676;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fnactive a div:first-child {
    color: #fff !important;
}

.fnlist ul li a div:last-child {
    width: 1.8rem;
    height: 1.8rem;
    background-color: #fff;
    border-radius: 50%;
    font-size: 0.18rem;
    padding: 0.64rem 0.38rem;
}

.fnlist ul li a div:last-child span {
    font-family: 'll';
    font-style: normal;
    font-weight: 600;
    font-size: .18rem;
    line-height: .28rem;
    text-align: center;
    color: #2D2D2D;

}

.fnactive a div:first-child {
    background-color: #FF9C06 !important;
    border: none !important;
    color: #fff;
}

.fnactive a div:last-child {
    background: linear-gradient(135deg, #EEEEEE, #FFFFFF);
}

/* 货架系列 */
.hjxl {
    padding: 1.37rem 1.97rem;
    width: 100%;
    height: 18.7rem;
    background-image: url(../images/hjbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.hjfl-tab ul {
    display: flex;
    justify-content: center;
    margin: 0.39rem 0;
}

.hjfl-tab ul li {
    padding: 0.09rem .16rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    margin-right: .11rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    color: #FFFFFF;
    border-radius: 0.04rem;
    cursor: pointer;
}

.hjxl .swiper-slide img {
    width: 4.74rem;
    height: 3.16rem;
    transition: transform 1s ease 0s ;
}

.hjxl .swiper-slide img:hover {
    transform: scale(1.05);
}


.hjdes {
    padding-left: .28rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    color: #27221C;
    width: 100%;
    height: .72rem;
    line-height: .72rem;
    text-align: left;
    background-color: #fff;
    position: relative;
}

.hjdes::after {
    content: '详情';
    /* text-align: right; */
    position: absolute;
    right: 0.28rem;
    cursor: pointer;
}
.hjdes:hover::after {
    color: #1367BB;
}
.hjxl .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 4.74rem !important;
    height: 3.88rem;
    margin-right: .32rem;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 1.3rem;
    top: 5.4rem;
    right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 1.6rem;
    top: 5.4rem;
    left: auto;
}

.hjflactive {
    background-color: #1367BB;
    color: #fff !important;
    border: none !important;
}

.readmore a {
    display: block;
    width: 1.8rem;
    height: 0.54rem;
    margin: 0 auto;
    font-family: Roboto;
    font-size: .18rem;
    font-weight: 300;
    line-height: .54rem;
    letter-spacing: 0em;
    text-align: center;
    opacity: 0.5;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #FFFFFF;
    margin-top: 0.59rem
}

.read1 a {
    border: .01rem solid #333;
    color: #333;
}

.readmore a:hover {
    opacity: 1;
    background-color: #1367BB;
    border: none;
    color: #FFFFFF;
}

.swiper-wrapper2 {
    display: none;
}

.swiper-wrapperactive {
    display: flex;
    flex-wrap: wrap;
    width: 80vw;
    /* zoom: 0.9;
    position: relative;
    left: 50%;
    transform: translateX(-49%); */
}

.swiper-wrapperactive .swiper-slide {
    margin-bottom: .5rem;
}

/* 仓储专家 */
.cczj {
    padding: 1.37rem 1.97rem;
    width: 100%;
    height: 9rem;
    background-color: #F7F7F7;

}

.cczjtab {
    width: 100% !important;
    margin-top: .7rem;
}

.cczjtab ul {
    display: flex;
    /* width: 100%; */
    /* justify-content: space-between; */
}

.cczjtab ul li {
    width: 3.56rem;
    height: 4.86rem;
    background-color: #fff;
    padding-top: .85rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: .27rem;
}

.cczjcn {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .24rem;
    /* line-height: .28rem; */
    text-align: center;
    color: #27221C;
    position: relative;
}

.line1 {
    position: absolute;
    left: 50%;
    top: 0.46rem;
    transform: translate(-50%, -50%);
    display: block;
    width: 0.2415rem;
    height: 0.02rem;
    background-color: #D9D9D9;
}

.line2 {}

.cczjicon img {
    width: 0.632rem;
    margin-top: .8rem;
    margin-bottom: .6rem;
}

.cczjen {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: .18rem;
    text-transform: uppercase;
    color: #70757C;
    margin-bottom: .1rem;
}

.cczjmore a {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: .18rem;
    text-transform: uppercase;
    color: #1367BB;
}

/* 优势 */
.advantagett {
    width: 100%;
    height: 3.16rem;
background-image: url(../images/ysbgi1.png);
background-repeat: no-repeat;
background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #F7F7F7;
}
.Star1{
    width: .62rem;
    height: .62rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: .3rem;
}
.advbann {
    width: 100%;
    height: 5.93rem;
    /* */
}

.bannbx {
    width: 100%;
    height: 100%;
    display: flex;
}

.ysline {
    width: 5rem;
    height: 0.01rem;
    background-color: #B4B4B4;
    margin: .3rem 0;
}

.wz {
    width: 50%;
    height: 5.93rem;
    background-image: url(../images/bg-gray.png);
    background-size: 50vw 5.93rem;
    background-repeat: no-repeat;
    position: relative;
    padding-left: 3.43rem;
    padding-top: .94rem;
}

.wz h1 {
    position: absolute;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    color: #D2D2D3;
    left: 1.95rem;
    top: 1.59rem;
}

.wz1 h1 {
    position: absolute;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    color: #D2D2D3;
    right: 1.95rem;
    top: 1.59rem;
}

.yscn {
    font-family: 'll';
    font-style: normal;
    font-weight: 700;
    font-size: .38rem;
    color: #1367BB;
}

.ysen {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: .18rem;
    text-transform: uppercase;
    color: #70757C;
    margin-left: 0.05rem;
    margin-top: .15rem;
}

.yszhuti {
    width: 5.11rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .22rem;
    line-height: .38rem;
    color: #4D4E54;
    margin-bottom: .25rem;
}

.zx {
    width: .32rem;
    height: .32rem;
}

.shuline {
    height: 1.2rem;
    position: absolute;
    top: 0.3rem;
    left: 2.815rem;
}

.shuline1 {
    height: 1.2rem;
    position: absolute;
    top: 0.3rem;
    right: 2.3rem;
}


.dot {
    width: 0.05rem;
    height: 0.05rem;
    position: absolute;
    top: 1.59rem;
    left: 2.8rem;
}

.dot1 {
    width: 0.05rem;
    height: 0.05rem;
    position: absolute;
    top: 1.59rem;
    right: 2.29rem;
}

.wz1 {
    width: 50%;
    height: 5.93rem;
    background-image: url(../images/bg-gray.png);
    background-size: 50vw 5.93rem;
    background-repeat: no-repeat;
    position: relative;
    padding-left: .9rem;
    padding-top: .94rem;
}

.tp {
    width: 50%;
    height: 5.93rem;
}

.tp img {
    width: 100%;
    height: 100%;
}

/* 应用案例 */
.syyyal {
    height: 9.69rem;
    width: 100%;
    /* padding: 0 calc((100vw - 15rem)/2); */
    position: relative;
}

.syyyalbtm {
    width: 100%;
    height: 7.33rem;
    background-image: url(../images/yyalbgi.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* position: absolute;
            bottom: 0; */
    padding-top: .94rem;
    padding-left: 1.96rem;
    display: none;
    position: relative;
}

.syyyalbtm:before{
    content:'';
    position: absolute;
    height: 100%;
    width: 7.05rem;
    top: 0;
    left: 0;
    background-color: #0A1118;
    opacity: 0.6;
}

.syyyalbtm p:nth-of-type(2) {
    width: 4.33rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .38rem;
    color: #FFFFFF;
    margin-top: 0.27rem;
    margin-bottom: 0.15rem;
}

.syyyalbtm p:nth-of-type(3) {
    width: 4.33rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .38rem;
    color: #FFFFFF;
    margin-top: 0.27rem;
    margin-bottom: 0.15rem;
}

.syyyalbtmactive {
    display: block;
}

.yyaltab {
    width: 80%;
    margin: 0 auto;
}

.yyaltab ul {
    padding-left: 0.01rem;
    display: flex;
    width: 100%;
    height: 75px;
    margin-top: .47rem;
    margin-bottom: .37rem;
    /* background-color: red; */
}

.lineline {
    height: .75rem;
    width: 0.01rem;
    background-color: #D9D9D9;
}

.yyaltab ul li {
    cursor: pointer;
    width: 2.92rem;
    text-align: center;
    border-right: 1px solid #D9D9D9;
}

.yyaltab ul li p {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .21rem;
    text-align: center;
    color: #4D4E54;
    margin-top: 0.1rem;
}


.yyaltab ul li img {
    width: .48rem;
}

.syyyalbtmtt {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .32rem;
    color: #FFFFFF;
    position: relative;
    z-index: 10;
}

.syyyalbtmct {
    width: 4.33rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .38rem;
    color: #FFFFFF;
    margin-top: .27rem;
    margin-bottom: .15rem;
}

.moreal {
    border-radius: 0.04rem;
    font-size: .18rem;
    text-align: center;
    line-height: .4rem;
    display: block;
    width: 1.31rem;
    height: .4rem;
    background-color: #FF9C06;
    color: #fff;
    margin-top: 0.3rem;
}



.yyalactive div img:first-child {
    display: none;
}

.yyalactive div p {
    color: #FF9C06 !important;
}

.yyalactive div img:nth-child(2) {
    display: block !important;
    margin: 0 auto;
}

/* 服务流程 */
.syfwlc {
    width: 100%;
    height: 7.11rem;
    padding-top: 0.5rem;
}

.fwlctab ul {
    display: flex;
    justify-content: center;
    margin-top: .8rem;
    position: relative;
}

.fwlctab ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* margin-right: .83rem; */
    width: 1.83rem;
}

.fwicon {
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    background: linear-gradient(180deg, #E4E4E4 0%, #FEFEFE 100%);
    border: 1px solid #E9E9E9;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fwicon img {
    width: .48rem;
    height: .48rem;
}

.fww {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fwline {
    height: 1.05rem;
    width: 0.01rem;
    background-color: #D6D6D6;

}

.fwr {
    width: .26rem;
    height: .26rem;
    line-height: .26rem;
    text-align: center;
    padding-left: 0.02rem;
    border-radius: 100%;
    border: 2px solid #B4B4B4;
    color: #B4B4B4;
    font-size: .18rem;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fwct {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fwct span {
    text-align: center;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: .32rem;
    line-height: .38rem;
    color: #27221C;
    margin-top: .25rem;
    margin-bottom: .15rem;
}

.fwct p {
    text-align: center;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .21rem;
    color: #4D4E54;
}

.fwlonglinebox {
    position: absolute;
    bottom: 1.05rem;
    display: flex;
    align-items: center;
    /* justify-content: center;
             */
    margin: 0 auto;
    z-index: -1;
}

.circle {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    border-radius: 100%;
    border: .03rem solid #A4A4A4;
}

.fwlongline {
    display: inline-block;
    width: 15rem;
    height: .02rem;
    background-color: #B4B4B4;
}

.fwlctabactive .fwicon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fwlctabactive .fwicon img:nth-child(1) {
    display: none !important;
}

.fwlctabactive .fwicon img:nth-child(2) {
    display: block !important;
    /* margin: auto; */
    line-height: 1rem;
    text-align: center;
}

.fwlctabactive .fwr {
    color: #3D3D3D;
    border: .02rem solid #3D3D3D;
}

.fwlctabactive .fwct span {
    color: #1367BB;
}

.fwlctabactive .fwct p {
    color: #1367BB;
}




/* ====================M10单页========================== */

.msban {
    width: 100%;
    height: 9.7rem;
    background-image: url(../images/gywmbg.png);
    background-size: 100% 9.7rem;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
}

.msban p {
    color: #fff;
    margin: auto;
}

.msban p:first-child {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .5rem;
    line-height: .59rem;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 1px 2px 14px rgba(0, 0, 0, 0.25);
}

.msban p:last-child {
    font-family: 'll';
    font-style: normal;
    font-weight:300;
    font-size: .4rem;
    line-height: .47rem;
    text-align: center;
    color: #FFFFFF;
    margin-top: .29rem;
}

.companyjj {
    width: 100%;
    padding: 1.1rem 1.95rem 1rem;
}

.companyjj p {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 38px;
    color: #70767C;
    /* margin-top: .23rem; */
}

.companyjj p img {
    width: 100%;
    margin: .22rem 0;
}

/* ====================产品列表========================== */
.cpban {
    background-image: url(../images/cpbg.png);
}

.hjfl-tab1 ul li {
    padding: 0.09rem 0.16rem;
    border: 1px solid #C8C8C8;
    margin-right: 0.11rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    color: #767676;
    border-radius: 0.04rem;
    cursor: pointer;
    display: flex;
}

.hjfl-tab1 ul li a {
    display: block;
    width: 100%;
    height: 100%;
    flex: 1;
}

.myhj {
    width: 100%;
    padding: 1.13rem 1.98rem 1.34rem;
}

.hjflactive a {
    color: #fff;
}



.hjlist ul {
    display: flex;
    flex-wrap: wrap;
}


.hjlist ul li {
    font-size: 0;
    margin-right: .4rem;
    margin-bottom: .42rem;
    cursor: pointer;
    font-size: 0;
}

.hjlist ul li img {
    width: 4.74rem;
    height: 3.16rem;
}

.hjlist ul li:nth-of-type(3n) {
    margin-right: 0;
}

.hjlist ul li a div {
    width: 4.74rem;
    height: 3.16rem;
    overflow: hidden;
}

.hjlist ul li a p:hover {
    color: #1367BB;
}

.hjlist ul li img {
    width: 100%;
    width: 100%;
    transform: scale(1);
    transition: transform 1s ease 0s ;
}

.hjlist ul li:hover img{
    transform: scale(1.05);
}

.hjdes1 {
    border: 1px solid #CDCDCD;
    width: 4.74rem;
}

#fy1 {
    display: flex;
    justify-content: center;
    margin-top: .42rem;
}

#fy1 .pre {
    display: inline-block;
    width: .88rem;
    height: .44rem;
    background: #B0B0B0;
    border-radius: .04rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin: 0 .27rem;
}


#fy1 a {
    display: inline-block;
    width: .44rem;
    height: .44rem;
    text-align: center;
    line-height: .44rem;
    background-color: #B0B0B0;
    border-radius: .04rem;
    color: #fff;
    margin-right: .13rem;
}

.cpb {
    display: inline-block;
    width: .44rem;
    text-align: center;
    height: .44rem;
    line-height: .44rem;
    background-color: #B0B0B0;
    border-radius: .04rem;
    color: #fff;
    margin-right: .13rem;
    background-color: #1367BB !important;
}

.fy1 span {
    display: inline-block;
    width: .44rem;
    text-align: center;
    height: .44rem;
    line-height: .44rem;
    background-color: #B0B0B0;
    border-radius: .04rem;
    color: #fff;
    margin-right: .13rem;
}

/* ==================产品详情=================== */
.maod:target{
    padding-top: 0.94rem !important;
}

.cpxqbox {
    width: 100%;
    padding: .96rem 2.2rem .88rem 5.35rem;
}

.cpxqbox .swiper-wrapper .swiper-slide img {
    width: 5.52rem;
    height: 3.68rem;
}


.cpxqbox .swiper-wrapper1 .swiper-slide img {
    width: 1.06rem;
    height: .7067rem;
}

#swbig {
    width: 5.52rem;
    margin: 0;
    margin-left: 3px;
}

#swbig img {
    width: 100%;
}

/* #swbig .swiper-slide {
    width: 5.52rem !important;
    margin-right: 0 !important;
} */

#swsmall {
    margin-top: 0.09rem !important;
    width: 5.52rem;
    margin: 0;
    font-size: 0;
    margin-left: 0.03rem;
}

/* #swsmall .swiper-slide {
    margin-left: -0.11rem;
    margin-right: -0.08rem !important;
} */

#swsmall .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: .02rem;
    top: 0.39rem;
    right: auto;
}

#swsmall .swiper-button-next:after,
.swiper-button-prev:after {
    font-size: .16rem;
}

#swsmall .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 0.02rem;
    top: .39rem;
    left: auto;
}

.hjshow {
    display: flex;
}

.showct {
    margin-left: .52rem;
}

.showctct1 {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: 0.32rem;
    line-height: 0.38rem;
    color: #252525;
}

.showctct2 {
    padding: .18rem .19rem .13rem .25rem;
    margin-top: .19rem;
    width: 5.6rem;
    background-color: #F9F9F9;
    border-top: 0.8px solid #D9D9D9;
    border-bottom: 0.8px solid #D9D9D9;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .38rem;
    color: #70767C;
}

.showctct3 {
    display: flex;
    align-items: center;
    height: 1.13rem;
    border-bottom: 0.8px solid #D9D9D9;
    ;
}
.showctct4 {
    display: flex;
}

.showctct31 {
    width: .56rem;
    height: .56rem;
    border-radius: 100%;
    border: 1px solid #1367BB;
    text-align: center;
    line-height: .8rem;
    margin-right: 0.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


.showctct32 p:first-child {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .21rem;
    color: #70757C;
    margin-bottom: 0.05rem;
}

.showctct32 p:last-child {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: .24rem;
    line-height: .28rem;
    color: #1367BB;
}

.showctct41 {
    width: 1.22rem;
    height: .4rem;
    text-align: center;
    line-height: .4rem;
    background-color: #FF9C06;
    border-radius: 0.04rem;
    color: #fff;
    margin-right: .12rem;
    margin-top: .27rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.showctct41 a {
    color: #fff;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: 0.16rem;
    line-height: 0.19rem;
}

.showctct42 {
    width: 1.22rem;
    height: .4rem;
    text-align: center;
    line-height: .4rem;
    background-color: #E41622;
    border-radius: 0.04rem;
    color: #fff;
    margin-top: .27rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.showctct42 a {
    color: #fff;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: 0.16rem;
    line-height: 0.19rem;
}

/* droplist */
.droplist1 {
    width: 2.8rem;
    z-index: 100;
    position: absolute;
    top: 10.66rem;
    bottom: 0;
    left: 2.02rem;
}


.droplist1>ul {
    width: 2.8rem;
    overflow-y: auto;
}

.droplist1>ul>li.nbg>a {
    background: none;
}

.droplist1>ul>li {
    margin-bottom: 0.03rem;
    background-color: #F5F5F5;
    /* padding: 0 0.27rem; */
    border-radius: 4px 4px 4px 4px;
}

.droplist1>ul>li>a {
    font-family: 'll';
    color: #333;
    font-weight: 400;
    font-size: .18rem;
    line-height: .21rem;
    height: .6rem;
    line-height: .6rem;
    display: block;
    background: url(../images/plus.png) right center no-repeat;
    display: block;
    background-size: .16rem;
    display: flex;
    justify-content: space-between;
    margin-left: 0.27rem;
    margin-right: 0.27rem;
}

.droplist1>ul>li>a.current {
    background: url(../images/minus.png) right center no-repeat;
    background-position: 90% 50%;
    background-size: .19rem;
    color: #fff;
    margin: 0;
    padding-left: 0.27rem;
    padding-right: 0.27rem;
    background-color: #1367BB;
    border-radius: 4px 4px 0px 0px;
}

.droplist1 ul li ul {
    display: none;
padding: .04rem 0 .26rem ;
    border: 1px solid #DBE6F1;
    border-top: none;
    border-radius: 0 0 0.04rem 0.04rem;
    background-color: #fff;
}

.droplist1 ul li ul li {
    background-color: #fff;
    padding: 0 0.27rem;
 
}


.droplist1 ul li ul li a {
    display: inline-block;
    width: 100%;
    color: #70767C;
    font-size: .16rem;
    line-height: .5rem;
    border-bottom: 0.8px solid #E0E0E0;
}

.droplist1 ul li ul li a:hover {
    color: #1367BB;
}

.cpzx {
    width: 2.8rem;
    height: .8rem;
    background-color: #1367BB;
    padding-left: .27rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .28rem;
    line-height: .33rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    margin-bottom: .03rem;
    border-radius: 4px 4px 0px 0px;
}

.droplist1 .showctct3 {
    border-bottom: none;
    background: linear-gradient(180deg, #ECF1F8 0%, #F4F7FA 100%);
    border-radius: 0.04rem;
    border-top: 3px solid #1367BB;
    margin-top: .135rem;
    padding-left: .21rem;
}

/* 锚点 */
.cpmd {
    width: 11.68rem;
    height: .6rem;
    border-radius: 0.04rem;
    background-color: #F5F5F5;
    margin-top: .6133rem;
    margin-bottom: .26rem;
}

.cpmd ul {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.cpmd ul li {
    height: 100%;
    display: flex;
    align-items: center;
}

.cpmd ul li a {
    padding: 0 .46rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    border-right: 1px solid #C4C4C4;
}

/* 产品详情 */
#cpxq {
    width: 11.68rem;
    background-image: url(../images/cpxqbg1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 0;
}

#cpxq img {
    width: 100%;
}

/* 思跃优势 */
#syys {
    width: 11.68rem;
    background-color: #1367BB;
    border-radius: 0.04rem;
    padding: .59rem .66rem .74rem .7rem;
}

.ysline1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ysline11 {
    width: 1.91rem;
    height: 0.01rem;
    background-color: #fff;
}

.ysline12 {
    width: 0.6rem;
    height: 0.06rem;
    background-color: #fff;
}

.ysline13 {
    width: 1.91rem;
    height: 0.01rem;
    background-color: #fff;
}

.syyscn {
    text-align: center !important;
    font-family: 'll' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: .32rem !important;
    line-height: .4rem !important;
    letter-spacing: 0.1em !important;
    color: #FFFFFF !important;
    margin-bottom: .12rem !important;
}

.syysen {
    text-align: center !important;
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: .18rem !important;
    line-height: .21rem !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    margin-top: .12rem !important;
}

.yscard ul {
    width: 10.32rem;
    padding: .31rem .35rem .52rem .36rem;
    background-color: #fff;
    border-radius: .12rem;
    margin-top: .38rem;
}

.yscard img {
    width: 2.57rem;
}

.yscard ul li {
    display: flex;
    margin-bottom: 0.4rem;
}

.yscardp {
    border-bottom: 1px solid #CDCDCD;
    margin-left: .44rem;
}

.yscardp1 {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .24rem;
    line-height: .28rem;
    color: #2D2D2D;
    margin-bottom: .28rem;
    margin-top: 0.05rem;
}

.yscardp2,
.yscardp3 {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .21rem;
    color: #70767C;
    margin-bottom: .18rem;
}

/* 按需定制 */
#axdz {
    margin-top: .4rem;
    margin-bottom: 0.52rem;
    padding: .7rem;
    padding-right: 0;
    color: #fff;
    background-image: url(../images/axdzbg.png);
}

#axdz p {
    text-align: center;
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .32rem;
    line-height: .38rem;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

.cpxqform {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .32rem;
}

.cpxqform input {
    width: 4.1rem;
    height: .26rem;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #D0D2D5;
    font-family: 'll';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    /* line-height: 21px; */
    padding-bottom: 0.09rem;
    color: #fff;
}

.cpxqform .div {
    display: flex;
    align-items: center;
    margin-right: .3rem;
    margin-bottom: .5rem;
}

.cpxqform textarea {
    outline: none;
    width: 9.55rem;
    height: 1.67rem;
    padding: .27rem;
    resize: none;
    vertical-align: top;
    font-family: 'll';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    /* line-height: 21px; */
    padding-bottom: 0.09rem;
}

.formlab {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    line-height: .21rem;
    /* text-align: right; */
    color: #FFFFFF;
    display: inline-block;
    width: .7rem;
    text-align: left;
}

.formlab1 {
    width: 1rem;
}

#cpbtn1 {
    cursor: pointer;
    width: 1.64rem;
    height: .54rem;
    border: 1px solid #FFFFFF;
    opacity: 0.5;
    margin-right: .18rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    color: #FFFFFF;
}

#cpbtn2 {
    cursor: pointer;
    width: 1.64rem;
    height: .54rem;
    border: 1px solid #FFFFFF;
    opacity: 0.5;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    color: #FFFFFF;
}

.cpbtn {
    margin-left: .74rem;
    margin-top: .2rem;
}

/* 相关案例 */
#xgal {
    margin-bottom: .88rem;
}

#xgal h1 {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .24rem;
    line-height: .28rem;
    /* text-align: center; */
    color: #000000;
    margin-bottom: .28rem;

}

#xgal ul {
    display: flex;
    /* justify-content: space-between; */
    /* flex-wrap: wrap; */
    font-size: 0;
    width: 100%;
}

#xgal ul li {
    width: 3.68rem;
    /* height: 2.45rem; */
    margin-bottom: 0.5rem;
    
}

#xgal ul li:nth-child(3n) {
    margin-right: 0;
}

#xgal img {
    width: 100%;
}

#xgal p {
    width: 100%;
    height: 0.646rem;
    line-height: .646rem;
    background-color: #F5F5F5;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .18rem;
    color: #2D2D2D;
    padding-left: .29rem;
    text-align: left;
}


/* detail */
#bdshare {
    display: flex;
    flex-direction: column;
}

#bdshare a {
    display: block;
    width: 0.36rem;
    height: .36rem;
    background-color: #ccc;
    border: none;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin-bottom: 0.2rem;
}
.ico4 {
 border-radius: 100%;  
 background-image: url(/images/ico3.png) !important; 
}
#bdshare a:hover {
    background-color: #539EF6;
}
#bdshare .icon1 {
    background-image: url(/images/ico1.png);
}
#bdshare .icon2 {
    background-image: url(/images/ico4.png);
}

#bdshare .icon3 {
    background-image: url(/images/ico2.png);
}
#bdshare .icon4 {
    position: relative;
}
#bdshare .icon4 {
    /* position: absolute; */
    border-radius: 100%;
    display: block;
    width: 0.36rem;
    height: .36rem;
    background-color: #ccc;
    border: none;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /* top: 0;
    left: 0; */
    background-image: url(/images/ico5.png) !important;
}

.title>p{
    font-family: ll;
font-size: .18rem;
font-weight: 400;
line-height: .38rem;
letter-spacing: 0em;
text-align: left;margin-bottom: .15rem !important;
color: #767676 !important;
}


     /* 历史沿革 */
     .yearsswp{
        position: relative;
        padding: 0 .35rem;
        margin-top: .62rem;
    }
    .yearsswp .items{
        cursor: pointer;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 1rem;
    background: none;
    }
    .yearsswp i{
        display: inline-block;
        height: .4rem;
        width: .01rem;
        background: #D4D4D4;
        position: relative;
        top: -0.17rem;
    }
    .yearsswp .active span{
        width: .14rem;
        height: .14rem;
    background: #1367BB;
    }
    .yearsswp .active .years{
    color: #1367BB;
    }
    .yearsswp .active i{
        background: #1367BB;
    }
    .yearsswp span{
        display: inline-block;
        width: .1rem;
        height: .1rem;
        border-radius: 50%;background: #D5D5D5;
    }
    .yearsswp .years{
    font-size: .32rem;
    font-weight: 400;
    line-height: .38rem;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: .22rem;
    }
    .sjhxian{
        width: 100%;
        height: .01rem;
        background: #CACACA;
        position: relative;
        top: .65rem;
    }
    .yearsswp .swiper-button-next,.yearsswp .swiper-button-prev{
        top: 65% !important;
    }
    .yearsswp .swiper-button-next{
        right: 0.18rem;
    }
    .yearsswp .swiper-button-prev{
        left: 0.18rem;
    }
    .swiper-button-next:after,  .swiper-button-prev:after{
        content: none;
    }
    /* .xmalfy .swiper-slide{height:1px}  
    .xmalfy .swiper-slide-active { height:auto} */










/* .bdshare-button-style0-16 a{
 background-size: 46%;
}
.bdshare-button-style0-16 .bds_tsina {
    background-position: .1rem -0.94rem !important;
}

.bdshare-button-style0-16 .bds_qzone {
    background-position: .1rem -0.42rem !important;
}

.bdshare-button-style0-16 .bds_weixin {
    background-position: .1rem -16.03rem !important;
}

.bdshare-button-style0-16 .bds_more {
    background-position: .1rem .1rem !important;
} */


#ContentPlaceHolder1_pnl_common .syyyalbtmct {
    color: #333;
    width: 100%;
    margin: 0;
}

/* #ContentPlaceHolder1_pnl_common .content {
    width:100%;margin:0;
} */

.content:has(#ContentPlaceHolder1_pbl_case) {
    width:100%;margin:0;
    margin-bottom: 0.5rem;
}






@media only screen and (max-width:1920px) {
    html {
        font-size: 100px
    }

    /* .container { width: 15rem; margin: 0 auto; } */
}

@media only screen and (max-width:1680px) {
    html {
        font-size: 87.5px
    }

    /* .container { width: 15rem; margin: 0 auto; } */
}

@media only screen and (max-width:1600px) {
    html {
        font-size: 83.3px
    }

    /* .container { width: 15rem; margin: 0 auto; } */
}

@media only screen and (max-width:1440px) {
    html {
        font-size: 100px
    }

    /* .container { width: 15rem; margin: 0 auto; } */
}

@media only screen and (max-width:1400px) {
    html {
        font-size: 75px
    }

    /* .container { width: 15rem; margin: 0 auto; } */
}

@media only screen and (max-width:1366px) {
    html {
        font-size: 71.1px
    }

    /* .container { width: 15rem; margin: 0 auto; } */
}

@media only screen and (max-width:1360px) {
    html {
        font-size: 70.8px
    }

    /* .container { width: 15rem; margin: 0 auto; } */
}

@media only screen and (max-width:1280px) {
    html {
        font-size: 66.7px
    }

    /* .container { width: 15rem; margin: 0 auto; } */
}

@media only screen and (max-width:1152px) {
    html {
        font-size: 60px
    }

    /* .container { width: 15rem; margin: 0 auto; } */
}

@media only screen and (max-width:1024px) {
    html {
        font-size: 53.3px
    }

    /* .container { width: 15rem; margin: 0 auto; } */
}


.readmorea {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: .54rem;
    border-radius: .5rem;
    border: .01rem solid #6D6D6D;
    color: #70767C;
text-align: center;
font-family: Roboto;
font-size: .18rem;
font-style: normal;
font-weight: 300;
line-height: normal;
text-transform: capitalize;
margin: 0 auto;
margin-top: .5rem;
cursor: pointer;
}

.readmorea:hover {
    border: none;
    background-color: #1367BB;
    color: #fff;
    text-decoration: none;
}

.fsytd {
    background-color:#F1F3F5;
}
.fsytd img{margin: 0 0 0.26rem 0 !important; }


.fsytd h1{
    color: #252525;
    font-family: ll;
    font-size: .32rem;
    font-style: normal;
    font-weight: 700;
    line-height: .4rem;
    letter-spacing: .016rem;
    text-align: center;
    margin-bottom: .07rem;
}

.fsytd h2 {
    color: #7C7C7C;
    font-family: Roboto;
    font-size: .18rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: .44rem;
}

.fsytd h3 {
    color: #333;
    font-family: ll;
    font-size: .18rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-top: .32rem;
    margin-bottom: .41rem;
    width: 90%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    text-indent: 2em;
    line-height: 0.3rem;
}

.fsytd>p  {
    color: #27221C;
font-family: ll;
font-size: .16rem;
line-height: .32rem;
font-weight: 400;
text-indent: 2em;
width: 90%;
position: relative;
left: 50%;
transform: translateX(-50%);
}

.xiann {
    width: 10.32rem;
    height: .01rem;
    background-color: #3D3D3D;
    position: relative;
    margin: 0 auto;
}

.xiann1 {
position: absolute;
width: .6rem;
height: .06rem;
background-color: #1367BB;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

.xijie {
    color: #3D3D3D;
font-family: ll;
font-size: .24rem;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
margin-top: .5rem;
margin-bottom: .28rem;
}

.fsytd>p:has(img) {
    width: 100%;
    display: flex;
    justify-content: center;
}
.fsytd>p img {
    width: 10.32rem !important;
    
}

/* #xgal ul li {margin-right:0.3rem;} */
#xgal img {
    height: 2.45rem;
}
#xgal ul li a div div {
    width: 3.68rem;
    height: 2.45rem;
}

.xwnrr p:has(img) {
    text-align: center;
}
.xwnrr p img {
    margin: 0;
    /* position: relative; */
    /* left: 46%; */
    /* transform: translateX(-50%); */
}

.t1ct .tabs-box:nth-child(2) ul {
    display: block;
    width: 12rem;
   margin-right: -3rem;
   padding-left: -3rem;
}

.t1ct .tabs-box:nth-child(2) ul li {
    width: 1.7rem;
    float: left;
    display: block;

}

.pad4 {
    padding-left: 4rem;
}
.syfoottopleft>li:nth-child(1) {
 width:3.5rem;
}

.syfoottopleft>li:nth-child(2) {
    width:3.5rem;
margin-right:1.2rem;
}

.syfoottopleft>li:nth-child(3) {

} 

.syfoottopleft>li:nth-child(2) .realul{
    width: 4rem;
}

.syfoottopleft>li:nth-child(2) .realul a {
    display: block;
    width: 1.2rem;
    float: left;
margin-right:0.12rem;
}


.lb-hide p span {
    background-color: transparent !important; 
}

.hjdes {
    /* background-color: #1367BB;
    color: #fff; */
}

.hjdes:hover {
    /* color: #1367BB; */
}

.carouselExampleCaptions video{
    width: 100vw;
}

.cczjtab ul li:nth-child(1):hover {
    background-image: url(/images/品牌优势.jpg) !important;
}
.cczjtab ul li:nth-child(2):hover {
    background-image: url(/images/高性价比.jpg) !important;
}
.cczjtab ul li:nth-child(3):hover {
    background-image: url(/images/生产优势.jpg) !important;
}
.cczjtab ul li:nth-child(4):hover {
    background-image: url(/images/售后服务.jpg) !important;
}

.hotsh {font-family: ll;
    font-size: .38rem;
    /* font-weight: 700; */
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: center;
    margin-right: 0.2rem;
margin-bottom: .5rem;margin-top: .3rem;}



.swiper-txt .ul .li {
    display:flex;align-items:center;font-size: 0.3rem;
    color: #fff;
    font-family: ll;
    font-weight: 100;
    letter-spacing: 0em;
    text-align: left;
}

.swiper-txt .ul .li div {
    display:inline-block;width:0.1rem;height:0.1rem;border:0.01rem solid #fff;
}

.sys article {
    font-size: 0.24rem;
    color: #fff;
    font-family: ll;
    letter-spacing: 0em;
    text-align: left;
margin-bottom:0.12rem;
}

#ContentPlaceHolder1_pnl_anli .ali .swiper-button-prev {
    background-image: url(/images/prev.png);
    background-repeat: no-repeat;
}


#ContentPlaceHolder1_pnl_anli .ali .swiper-button-next {
    background-image: url(/images/next.png);
    background-repeat: no-repeat;
}

#sysp {
    border-top: 1px solid #D6D6D6;
    padding: 0.88rem 0 1.38rem;
}

#sysp h3 {
    font-family: ll;
    font-size: .38rem;
    font-weight: 500;
    line-height: .28rem;
    letter-spacing: 0em;
    text-align: left;
    color: #27221C;
    margin-bottom: 0.05rem;
}
#sysp .readmore {
    width: 1.8rem;
height: .54rem;
border-radius: .5rem;
border: 1px solid #6D6D6D;
display: flex;
justify-content: center;
align-items: center;
color: #70767C;
text-align: center;
font-family: Roboto;
font-size: .18rem;
font-style: normal;
font-weight: 300;
line-height: normal;
text-transform: capitalize;
position: relative;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
margin-top: .5rem;
}

#sysp .readmore:hover {
    border: none;
    background-color: #1367BB;
    color: #fff;
}
#sysp .listhide {
    height: 3rem;
    overflow: hidden;
    
}

.hhhsy {
    width: 4.74rem;
    height: 3.16rem;
    overflow: hidden;
}



/* 隐藏 */
.dqxxzx:nth-of-type(2),.dqxxzx:nth-of-type(3),.dqxxzx:nth-of-type(4) {
    display: none;
}