@charset "utf-8";
@font-face{
    font-family:'Lanting';
    src:url('../fonts/lanting_Regular.TTF') format('truetype');
    font-style:normal;
    font-weight:normal;
    font-display:swap;
}
@font-face{
    font-family:'Lanting';
    src:url('../fonts/lanting_Bold.TTF') format('truetype');
    font-style:normal;
    font-weight:bold;
    font-display:swap;
}
/*初始化样式*/
:root {  
    --font-color:#121111;
    --main-color:#af0811;
    --rgb-main:175, 8, 17;
}
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after {box-sizing: border-box;}
@media (min-width:1025px){
    ::-webkit-scrollbar{width:0.1rem;height:0.12rem;background-color:#e6ebf0;border-radius:0.05rem;}
    ::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:0.05rem;}
}
html {-webkit-text-size-adjust:none; font-size: calc(100vw/19.2); scroll-behavior: initial;}
@media only screen and (max-width:1200px){
    /*1280px*/
    html{font-size:calc(80vw/12);}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    html{font-size:calc(90vw/10.24);}
}
@media only screen and (max-width:750px){

    /*750px*/
    html{font-size:calc(150vw/7.5);}
}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.init,.init dl, .init dt, .init dd,.init li,.init ul, .init ol, .init p, .init h1, .init h2, .init h3, .init h4, .init h5, .init h6 {margin:0;padding:0;}
body{background-color:#fff;color:var(--font-color);font:normal 0.16rem/1.875em 'Lanting','Sans-serif'; overflow-x:hidden;word-wrap:break-word; overflow-wrap: break-word; hyphens: auto;}
a{text-decoration:none;outline:none;color:var(--font-color);}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:var(--main-color);}
a img{border:none;}
img {vertical-align:middle; max-width:100%;}
.init li {list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit; font-size:1em;}
textarea{resize:none;}
input:focus{outline:none;}
input::-moz-placeholder{opacity:0.75; color:inherit;}
input:-moz-placeholder{opacity:0.75; color:inherit;}
input::-webkit-input-placeholder{opacity:0.75; color:inherit;}
input:-ms-input-placeholder{opacity:0.75; color:inherit;}
textarea::-moz-placeholder{opacity:0.75; color:inherit;}
textarea:-moz-placeholder{opacity:0.75; color:inherit;}
textarea::-webkit-input-placeholder{opacity:0.75; color:inherit;}
textarea:-ms-input-placeholder{opacity:0.75; color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:80%;max-width:1440px;margin:0 auto;}
@media only screen and (max-width: 767px) {
    .inner {width: 93.75%;}
}
.submit {cursor:pointer;}
/*figure*/
.figure {overflow: hidden; position: relative;}
.figure a {display: block; position: relative; overflow: hidden;}
.figure img {display: block; width: 100%; height: auto; transition: all .3s;}
.figure:after {content:'';}
.figure .img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s;}
.figure .bg{background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}
/*table*/
.table {display: table; table-layout: fixed;width: 100%;}
.table .td {display: table-cell; vertical-align: middle;}
/*clearfix*/
.clearfix{clear:both;overflow:hidden;width: 100%;}
.clearfix:after {display: block; content:''; width:100%; clear:both;}
/*entry*/
.entry img{height:auto!important;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:0.01rem solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:0.01rem solid #e6e6e6;}
/*onscale*/
.onscale:hover img {transform: scale(1.05);}
/*font-color*/
[data-font*="000"]{color:#000;}
[data-font*="111"]{color:#111;}
[data-font*="222"]{color:#222;}
[data-font*="333"]{color:#333;}
[data-font*="444"]{color:#444;}
[data-font*="555"]{color:#555;}
[data-font*="666"]{color:#666;}
[data-font*="777"]{color:#777;}
[data-font*="888"]{color:#888;}
[data-font*="999"]{color:#999;}
[data-font*=fff]{color:#fff;}
[data-font*=color]{color:var(--main-color);}
/*font-center*/
[data-font*=left]{text-align: left;}
[data-font*=center]{text-align: center;}
[data-font*=right]{text-align: right;}
[data-font*=justify]{text-align: justify;}
/*font-weight*/
[data-font*=lighter]{font-weight: 300;}
[data-font*=normal]{font-weight: normal;}
[data-font*=medium]{font-weight: 500;}
[data-font*=bold]{font-weight: bold;}

[data-font*=fs16]{font-size: 0.16rem; line-height: 1.875em;}
[data-font*=fs18]{font-size: 0.18rem; line-height: 1.75em;}
[data-font*=fs20]{font-size: 0.20rem; line-height: 1.5em;}
[data-font*=fs22]{font-size: 0.22rem; line-height: 1.35em;}
[data-font*=fs24]{font-size: 0.24rem; line-height: 1.35em;}
[data-font*=fs26]{font-size: 0.26rem; line-height: 1.35em;}
[data-font*=fs28]{font-size: 0.28rem; line-height: 1.35em;}
[data-font*=fs30]{font-size: 0.3rem; line-height: 1.35em;}
[data-font*=fs32]{font-size: 0.32rem; line-height: 1.35em;}
[data-font*=fs34]{font-size: 0.34rem; line-height: 1.35em;}
[data-font*=fs36]{font-size: 0.36rem; line-height: 1.35em;}
[data-font*=fs38]{font-size: 0.38rem; line-height: 1.35em;}
[data-font*=fs40]{font-size: 0.4rem; line-height: 1.35em;}
[data-font*=fs42]{font-size: 0.42rem; line-height: 1.35em;}
[data-font*=fs44]{font-size: 0.44rem; line-height: 1.35em;}

.fnt_16{font-size:16px;}
.fnt_18{font-size:18px;}
.fnt_20{font-size:20px;}
.fnt_22{font-size:22px;}
.fnt_24{font-size:24px;}
.fnt_28{font-size:28px;}
.fnt_30{font-size:30px;}
.fnt_36{font-size:36px;}
.fnt_40{font-size:40px;}
.fnt_48{font-size:48px;}
.fnt_52{font-size:52px;}
.fnt_60{font-size:60px;}
.fnt_68{font-size:68px;}
.fnt_72{font-size:72px;}
.fnt_90{font-size:90px;}
.fnt_100{font-size:100px;}
.fnt_120{font-size: 120px;}

@media only screen and (max-width: 1599px){
    /*.fnt_18{font-size:16px;}*/
    .fnt_20{font-size:18px;}
    .fnt_22{font-size:20px;}
    .fnt_24{font-size:22px;}
    .fnt_28{font-size:24px;}
    .fnt_30{font-size:24px;}
    .fnt_36{font-size:32px;}
    .fnt_40{font-size:36px;}
    .fnt_48{font-size:44px;}
    .fnt_52{font-size:48px;}
    .fnt_60{font-size:54px;}
    .fnt_68{font-size:58px;}
    .fnt_72{font-size:60px;}
    .fnt_90{font-size:70px;}
    .fnt_100{font-size:80px;}
    .fnt_120{font-size: 100px;}
}
@media only screen and (max-width: 1399px){
    /*.fnt_20{font-size:16px;}*/
    /*.fnt_22{font-size:18px;}*/
    .fnt_24{font-size:20px;}
    .fnt_28{font-size:22px;}
    .fnt_30{font-size:22px;}
    .fnt_36{font-size:28px;}
    .fnt_40{font-size:30px;}
    .fnt_48{font-size:40px;}
    .fnt_52{font-size:44px;}
    .fnt_60{font-size:50px;}
    .fnt_68{font-size:54px;}
    .fnt_72{font-size:56px;}
    .fnt_90{font-size:60px;}
    .fnt_100{font-size:70px;}
    .fnt_120{font-size: 90px;}
}
@media only screen and (max-width: 1279px){
    /*.fnt_24{font-size:18px;}*/
    .fnt_28{font-size:20px;}
    .fnt_30{font-size:20px;}
    .fnt_36{font-size:24px;}
    .fnt_40{font-size:26px;}
    .fnt_48{font-size:34px;}
    .fnt_52{font-size:40px;}
    .fnt_60{font-size:42px;}
    .fnt_68{font-size:46px;}
    .fnt_72{font-size:50px;}
    .fnt_90{font-size:56px;}
    .fnt_100{font-size:60px;}
    .fnt_120{font-size: 80px;}
}
@media only screen and (max-width: 1023px){
    /*.fnt_18,.fnt_20{font-size:15px;}*/
    .fnt_24{font-size:16px;}
    /*.fnt_30{font-size:18px;}*/
    .fnt_36{font-size:20px;}
    .fnt_40{font-size:24px;}
    .fnt_48{font-size:30px;}
    .fnt_52{font-size:34px;}
    .fnt_60{font-size:36px;}
    .fnt_68{font-size:38px;}
    .fnt_72{font-size:40px;}
    .fnt_90{font-size:46px;}
    .fnt_100{font-size:50px;}
    .fnt_120{font-size: 70px;}
}
@media only screen and (max-width: 767px){
    /*.fnt_40{font-size:20px;}*/
    /*.fnt_48{font-size:24px;}*/
    .fnt_52{font-size:28px;}
    .fnt_60{font-size:30px;}
    .fnt_68{font-size:34px;}
    .fnt_72{font-size:36px;}
    .fnt_90{font-size:38px;}
    .fnt_100{font-size:40px;}
    .fnt_120{font-size: 60px;}
}

/*rows*/
[data-rows] {display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
[data-rows="1"]{display: block; white-space: nowrap;}
[data-rows="2"]{line-clamp:2; -webkit-line-clamp:2;}
[data-rows="3"]{line-clamp:3; -webkit-line-clamp:3;}
[data-rows="4"]{line-clamp:4; -webkit-line-clamp:4;}
[data-rows="5"]{line-clamp:5; -webkit-line-clamp:5;}
/*flex*/
[data-flex]{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
[data-flex*=fdrr]{flex-direction:row-reverse;}
[data-flex*=fdc]{flex-direction:column;}
[data-flex*=fdcr]{flex-direction:column-reverse;}
[data-flex*=fww]{flex-wrap:wrap;}
[data-flex*=fwn]{flex-wrap:nowrap;}
[data-flex*=jcsb]{justify-content:space-between;}
[data-flex*=jcsa]{justify-content:space-around;}
[data-flex*=jcse]{justify-content:space-evenly;}
[data-flex*=jcfs]{justify-content:flex-start;}
[data-flex*=jcc]{justify-content:center;}
[data-flex*=jcfe]{justify-content:flex-end;}
[data-flex*=aifs]{align-items:flex-start;}
[data-flex*=aic]{align-items:center;}
[data-flex*=aife]{align-items:flex-end;}
/*col*/
[data-cols] {--margin:0.2rem; width:calc(100% + var(--margin)); display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; flex-wrap: wrap;}
[data-cols] .item {padding-right: var(--margin);padding-bottom: var(--margin);}
[data-cols="2"] .item {width: 50%;}
[data-cols="3"] .item {width: 33.333%;}
[data-cols="4"] .item {width: 25%;}
@media only screen and (max-width:1024px){
    [data-cols="3"] .item,
    [data-cols="4"] .item {width: 50%;}
}
@media only screen and (max-width:750px){    
    [data-cols="4"] .item,
    [data-cols="3"] .item,
    [data-cols="2"] .item {width: 100%;}
}
/*delay*/
[data-delay] {--property:all; --duration:0.3s; transition: var(--property) var(--duration);}

/*data-element*/
[data-element] {--x:0; --y:0.1rem; --z:0; visibility: hidden; opacity: 0; transform: translate3D(var(--x),var(--y),var(--z));}
.active[data-element] {visibility: visible; opacity: 1; --y:0;}

/*header*/
#header{position:sticky;top:0;width:100%;z-index:8;background-color:#fff;}
#header .inner{position:relative;}

/*logo*/
#logo{width:1.56rem;position:relative;z-index:10;padding:0.17rem 0;}
#logo a{display:block;overflow:hidden;padding-bottom:23.07692308%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}

/*navbtn*/
#navbtn{display:none;}
@media only screen and (max-width:1024px){

    /*1024*/
    #navbtn{position:relative;cursor:pointer;width:0.25rem;height:0.22rem;transition:all 0.3s;display:block;z-index:10;overflow:hidden;margin-left:1em;}
    #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:0.02rem;background-color:var(--font-color);display:block;position:absolute;left:0;transition:all 0.3s;content:'';}
    #navbtn:before{top:0.01rem;}
    #navbtn:after{bottom:0.01rem;}
    #navbtn i{top:50%;transform:translateY(-50%);}
    #navbtn.active{overflow:visible;}
    #navbtn.active:before{transform:rotate(45deg);top:50%;}
    #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;}
    #navbtn.active i{opacity:0;}
}

/*navi*/
#navi{width:calc(100% - 1.56rem);line-height:2.2em;}
#navi a{display:block;position:relative;}
#navi .parent{padding:0.17rem 0;}
#navi .drop{display:none;}
@media only screen and (min-width:1025px){
    #navi{visibility:visible;opacity:1;transform:none;}
    #navi .parent{position:relative;}
    #navi .parent:not(:last-child){margin-right:0.5rem;}
    #navi .full{position:static;}
    #navi .on > a,#navi .cur > a{color:var(--main-color);}
    #navi .drop{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:200%;z-index:5;border-top:0.01rem solid rgba(0,0,0,0.1);}
    #navi .box{background-color:#ffffff;border-radius:0 0 0.2rem 0.2rem;overflow:hidden;}
    #navi .second{background-color:#f4f7fb;width:3.4rem;padding:0.3rem 0;}
    #navi .second li:not(:last-child){margin-bottom:0.1rem;}
    #navi .second li ul{display:none;}
    #navi .second a{padding:0 0.3rem;line-height:2.77777778em;transition:all 0.3s;}
    #navi .second a:after{width:0.38888889em;height:0.66666667em;background:url(../images/navi_drop_arrow_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:0.15rem;opacity:0;transition:inherit;}
    #navi .second .on a,#navi .second .active a{background-color:#fff;}
    #navi .second .on a:after,#navi .second .active a:after{opacity:1;}
    #navi .third{padding:0.3rem 0.65rem;width:calc(100% - 3.4rem);}
    #navi .third li{margin-right:0.7rem;}
    #navi .third li:last-child{margin-right:0;}
    #navi .third a{padding-left:1.5em;line-height:2.77777778em;}
    #navi .third a:before{width:0.94444444em;height:0.94444444em;background:url(../images/navi_drop_dot_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;top:0.91666667em;}
    #navi .child{background-color:#f4f7fb;padding:0.1rem 0; text-align:center;}
    #navi .child a{padding:0.125em 1em;white-space:nowrap;}
	#navi .full .drop {min-width:100%;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    #navi{position:fixed;width:100%;max-width:30em;height:calc(100% - 0.7rem);background-color:#fff;z-index:9;right:0;top:0.7rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.5rem 0;--x:100%;--y:0;transition:all 0.3s;border-top:0.01rem solid rgba(0,0,0,0.1);}
    #navi.active{--x:0;}
    #navi .menu{display:block;}
    #navi a{color:#333;}
    #navi .parent{padding:0 0.5rem;line-height:2em;position:relative;}
    #navi .parent > a{padding:1.5em 0;border-bottom:1px solid #e4e4e4;}
    #navi em{display:block;position:absolute;right:0.3rem;width:3.61111111em;height:5.05555556em;z-index:2;top:0;cursor:pointer;transition:all 0.3s;}
    #navi em:after{width:0.66666667em;height:0.66666667em;border-right:0.05555556em solid #333;border-bottom:0.05555556em solid #333;content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.38888889em 0 0 -0.38888889em;transition:inherit;}
    #navi .on{background-color:#f9f9f9;}
    #navi .on > em:after{transform:rotate(45deg);}
    #navi .drop{position:static;padding:1em 0 1em 2em;}
    #navi .drop a{padding:0.75em 0;}
    #navi .box{display:block;}
    #navi .second li ul{display:none;}
    #navi .third{display:none;}
}
@media only screen and (max-width:750px){
    #navi{padding:0;}
    #navi .parent{padding:0 3.125%;}
    #navi em{right:0;}
}

/*footer*/
#footer{background-color:#fff;color:rgba(89,86,86,0.8);}
#footer a:not(:hover){color:rgba(89,86,86,0.8);}

/*copyright*/
#copyright{padding:0.26rem 0 0.63rem;line-height:2em;}
#copyright .page a{display:block;position:relative;margin-right:0.25rem;}
#copyright .page a:not(:last-child):after{width:0.01rem;height:1.0625em;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(187,186,186,0.5);right:-0.12rem;}
@media only screen and (max-width:750px){

    /*750px*/
    #copyright{flex-direction:column;text-align:center;justify-content:center;align-items:center;padding:0.25rem 0 0.3rem;}
}

/*bottom*/
#bottom{border-bottom:0.02rem solid #f0eded;padding:0.74rem 0 1.07rem;}
@media only screen and (max-width:750px){
    #bottom{justify-content:center;padding:0.35rem 0 0.4rem;}
}

/*infor*/
#infor{width:4rem;color:rgba(100,103,103,0.8);}
#infor .logo{width:1.91rem;max-width:100%;margin-bottom:0.6rem;}
#infor .logo img{display:block;width:100%;height:auto;}
#infor .meta{line-height:1.35em;}
#infor .meta p:not(:last-child){margin-bottom:0.24rem;}
#infor .meta span{color:#646767;font-size:0.2rem;line-height:1.25em;display:block;}
#infor .meta .add span{font-size:0.18rem;line-height:1.5em;}
@media only screen and (max-width:1024px){
    #infor{width:3rem;}
}
@media only screen and (max-width:750px){
    #infor{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;}
    #infor .logo{margin-bottom:0.3rem;}
}

/*menu*/
#menu{width:calc(100% - 6.1rem);}
#menu dt{font-size:0.18rem;line-height:1.66666667em;margin-bottom:0.16rem;}
#menu dt a:not(:hover){color:#121111;}
#menu dd{font-size:0.16rem;line-height:2.5em;}
@media only screen and (max-width:1024px){
    #menu{width:calc(100% - 3.5rem);}
}
@media only screen and (max-width:750px){
    #menu{display:none;}
}

/*slides*/
#slides .figure{padding-bottom:33.59375%;}
#slides .text{position:absolute;top:50%;transform:translateY(0);left:0;width:100%;z-index:2;opacity:0;transition:all 1.5s;}
#slides .info{max-width:5.3rem;}
#slides .title{font-size:0.6rem;line-height:1.3em;color:var(--main-color);}
#slides .intro{font-size:0.4rem;line-height:1.35em;}
#slides .more{margin-top:0.5rem;}
#slides .more a{background-color:var(--main-color);color:#fff;width:10em;height:3.125em;border-radius:0.375em;display:flex;align-items:center;justify-content:center;transition:opacity 0.3s;}
#slides .more a:hover{opacity:0.7;}
#slides .control{position:absolute;left:0;bottom:5.73643411%;width:100%;z-index:5;}
#slides .swiper-slide-duplicate-active .text,#slides .swiper-slide-active .text{transform:translateY(-50%);opacity:1;}
#slides .pagination{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;position:relative;}
#slides .swiper-pagination-bullet{width:0.1rem;height:0.1rem;background-color:var(--font-color);border-radius:50%;opacity:0.1;display:block;position:relative;margin-right:0.2rem;}
#slides .swiper-pagination-bullet:last-child{margin-right:0;}
#slides .swiper-pagination-bullet-active{opacity:1;background-color:var(--main-color);}
@media only screen and (max-width:1024px){
    #slides .title{font-size:0.48rem;}
    #slides .intro{font-size:0.36rem;}
}
@media only screen and (max-width:750px){
    #slides .figure{padding-bottom:100%;}
    #slides .title{font-size:0.4rem;}
    #slides .intro{font-size:0.3rem;}
    #slides .more{margin-top:0.35rem;}
}

/*home-box*/
.home-box{overflow:hidden;background:no-repeat center center;background-size:cover;position:relative;padding:0.8rem 0;}
@media only screen and (max-width:750px){
    .home-box{padding:0.6rem 0;}
}

/*module-name*/
.module-name{line-height:1.35em;margin:0 0 1em;}
@media only screen and (max-width:750px){
    .module-name{font-size:0.32rem;}
}

/*view-more*/
.view-more a{display:flex;color:var(--main-color);justify-content:center;align-items:center;line-height:1.66666667em;}
.view-more a:after{width:0.66666667em;height:0.66666667em;background:url(../images/view_more_01.png) no-repeat center center;background-size:contain;margin-left:0.55555556em;display:block;content:'';transition:all 0.3s;}
.view-more a:hover:after{margin-left:1.11111111em;}

/*home-news*/
#home-news{background-image:url(../images/home_news_bg.png);}
#home-news .swiper{overflow:visible;}
#home-news .swiper-slide{height:auto;}
#home-news .figure{padding-bottom:75.14792899%;}
#home-news .text{padding:0.28rem 0.35rem 0.32rem;}
#home-news .tag{color:#acaaaa;margin-bottom:1em;}
#home-news .title{font-size:0.2rem;line-height:1.5em;max-height:4.5em;font-weight:normal;}
#home-news .info{background-color:#ffffff;box-shadow:0px 0px 0.3rem 0px rgba(119,204,232,0.3);display:block;overflow:hidden;position:relative;height:100%;border-radius:0.1rem;}
#home-news .view-more{margin-top:0.56rem;}
@media only screen and (max-width:750px){
    #home-news .text{padding:0.2rem;}
    #home-news .tag{margin-bottom:0.5em;}
    #home-news .view-more{margin-top:0.35rem;}
}

/*home-solution*/
#home-solution .tab{margin-bottom:0.57rem;}
#home-solution .tab .swiper{overflow:visible;}
#home-solution .tab .swiper-slide{background-color:rgba(230,235,240,0.6);text-align:center;color:#595656;font-size:0.24rem;line-height:2.08333333em;border-radius:0.25em;cursor:pointer;transition:all 0.3s;}
#home-solution .tab .swiper-slide-thumb-active,#home-solution .tab .swiper-slide:hover{background-color:var(--main-color);color:#fff;}
#home-solution .info .figure{width:42.01388889%;border-radius:0.1rem;}
#home-solution .info .figure:after{padding-bottom:71.40495868%;display:block;}
#home-solution .info .text{width:52.77777778%;overflow:hidden;}
#home-solution .info .title{line-height:1.35em;margin-bottom:0.16rem;}
#home-solution .info .intro{color:#595656;height:5.625em;}
#home-solution .list{margin-top:0.73rem;}
#home-solution .list .item{padding-bottom:0;}
#home-solution .list .box{border-radius:0.1rem;overflow:hidden;padding:0.22rem;position:relative;height:100%;background-image:linear-gradient(0deg,#d8e7f8,#f8fbfe);}
#home-solution .list .icon{object-fit:contain;height:0.72rem;margin-bottom:0.24rem;}
#home-solution .list .name{font-size:0.16rem;line-height:1.5em;font-weight:normal;}
#home-solution .view-more{margin-top:0.43rem;}
@media only screen and (max-width:1024px){
    #home-solution .info .figure{width:100%;margin-bottom:0.35rem;}
    #home-solution .info .text{width:100%;}
    #home-solution .list{margin-top:0.4rem;}
    #home-solution .list .item{width:25%;}
}
@media only screen and (max-width:750px){
    #home-solution .tab{margin-bottom:0.4rem;}
    #home-solution .tab .swiper-slide{font-size:0.2rem;}
    #home-solution .info .title{font-size:0.26rem;}
    #home-solution .list{margin-top:0.3rem;}
    #home-solution .list .item{width:50%;}
    #home-solution .view-more{margin-top:0.35rem;}
}
.scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}

/*home-business*/
#home-business{background-image:url(../images/home_business_bg.png);}
#home-business .cat{width:3.2rem;}
#home-business .cat li{margin-bottom:0.28rem;position:relative;}
#home-business .cat li:last-child{margin-bottom:0;}
#home-business .cat .box{background-color:#ffffff;border-radius:0.1rem;padding:0.23rem 0.3rem 0.23rem 0.2rem;position:relative;color:#595656;cursor:pointer;height:100%;}
#home-business .cat .box:after{content:'';display:block;position:absolute;left:100%;top:50%;transform:translateY(-50%);border-left:0.15rem solid #cee1f6;border-top:0.15rem solid transparent;border-bottom:0.15rem solid transparent;opacity:0;}
#home-business .cat .icon{width:0.95rem;height:0.95rem;display:block;object-fit:contain;}
#home-business .cat span{display:block;font-size:0.24rem;line-height:1.35em;}
#home-business .cat .active .box{box-shadow:0px 0px 0.3rem 0px rgba(183,210,226,0.2);background-image:linear-gradient(270deg,#cee1f6,#fff);color:var(--font-color);}
#home-business .cat .active .box:after{opacity:1;}
#home-business .info{width:calc(100% -  4rem);}
#home-business .column{display:none;}
#home-business .column:first-child{display:block;}
#home-business .tab{font-size:0.24rem;line-height:1.35em;color:#595656;position:relative;margin-bottom:0.43rem;margin-right:5.76923077%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
#home-business .tab:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:0.03rem;background-color:#e6ebf0;}
#home-business .tab span{display:block;margin-right:6.83673469%;padding-bottom:0.1rem;position:relative;z-index:2;white-space:nowrap;cursor:pointer;}
#home-business .tab span:last-child{margin-right:0;}
#home-business .tab span:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:0.03rem;background-color:var(--main-color);opacity:0;}
#home-business .tab .active{color:var(--main-color);}
#home-business .tab .active:after{opacity:1;}
#home-business .intro{font-size:0.18rem;line-height:1.55555556em;color:#595656;margin-bottom:0.35rem;text-align:justify;}
#home-business .item{position:relative;display:none;}
#home-business .item:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1.3rem;background-image:linear-gradient(0deg,#e8f2f7,transparent);}
#home-business .item:first-child{display:block;}
#home-business .scroll{max-height:5.6rem;padding-right:5.76923077%;}
#home-business .fun .name{line-height:1.35em;margin-bottom:0.18rem;display:flex;justify-content:space-between;align-items:center;}
#home-business .fun .name a {color:var(--main-color);font-size:0.875em;}
#home-business .fun .name a:hover {text-decoration:underline;}
#home-business .fun li{background-color:#fff;width:48.97959184%;margin-bottom:0.23rem;border-radius:0.1rem;border:solid 0.01rem #edf3fb;padding:0.3rem 0.28rem 0.25rem 0.3rem;}
#home-business .fun .left{width:1rem;}
#home-business .fun .intro{margin-bottom:0;width:calc(100% - 1.13rem);letter-spacing:-0.05555556em;}
#home-business .fun .icon{width:0.36rem;height:0.36rem;object-fit:contain;}
#home-business .fun .title{color:#333;font-size:0.2rem;line-height:1.35em;font-weight:normal;}
@media only screen and (max-width:1024px){
    #home-business .cat{width:100%;margin-bottom:0.5rem;}
    #home-business .cat ul{display:flex;justify-content:space-between;--margin:0.2rem;width:calc(100% + var(--margin));}
    #home-business .cat li{width:33.333%;padding-right:var(--margin);margin-bottom:0;}
    #home-business .cat .box:after{top:100%;left:50%;transform:translateX(-50%);border-top:0.15rem solid #cee1f6;border-right:0.15rem solid transparent;border-left:0.15rem solid transparent;border-bottom:none;}
    #home-business .cat .active .box{background-image:linear-gradient(0deg,#cee1f6,#fff);}
    #home-business .info{width:100%;}
    #home-business .tab{font-size:0.2rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;}
}
@media only screen and (max-width:750px){
    #home-business .cat ul{--margin:0.15rem;}
    #home-business .cat .box{flex-direction:column;padding:0.25rem;text-align:center;}
    #home-business .cat span{font-size:0.22rem;margin-top:0.1rem;}
    #home-business .tab{margin-bottom:0.3rem;}
    #home-business .item:after{background-image:linear-gradient(0deg,#e0edf4,transparent);}
    #home-business .fun li{width:100%;}
}

/*home-service*/
#home-service .tab{margin-bottom:0.5rem; overflow-x: auto;-webkit-overflow-scrolling: touch;}
#home-service .tab span{display:block;position:relative;/*font-size:0.22rem;*/padding-left:2.27272727em;line-height:1.36363636em;margin-right:0.8rem;cursor:pointer;padding-bottom:0.59090909em;transition:all 0.3s;white-space: nowrap;}
#home-service .tab span:last-child{margin-right:0;}
#home-service .tab span:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:0.03rem;background-color:var(--main-color);opacity:0;}
#home-service .tab img{position:absolute;left:0;top:0;width:1.36363636em;height:1.36363636em;object-fit:contain;display:block;filter:brightness(0);opacity:0.3;}
#home-service .tab span:hover,#home-service .tab .active{color:var(--main-color);}
#home-service .tab span:hover img,#home-service .tab .active img{opacity:1;filter:none;}
#home-service .tab .active:after{opacity:1;}
#home-service .info{background:#fff no-repeat center center;background-size:cover;box-shadow:0px 0px 0.3rem 0px rgba(172,170,170,0.3);border-radius:0.2rem;padding:0.4rem 0.6rem 0.38rem;display:none;}
#home-service .info:first-child{display:block;}
#home-service .text{width:8.3rem;max-width:100%;}
#home-service .title{/*font-size:0.3rem;*/line-height:1.35em;font-weight:normal;margin-bottom:0.14rem;}
#home-service .intro{/*font-size:0.18rem;*/line-height:1.55555556em;color:#595656;}
#home-service .list{margin-top:0.55rem;}
#home-service .list .box{background-image:linear-gradient(180deg,#f2f5f9,#fff);border-radius:0.1rem;border:solid 0.01rem #f2f5f9;padding:0.15rem 0.2rem 0.2rem;position:relative;height:100%;}
#home-service .list .top{margin-bottom:0.17rem;}
#home-service .list .icon{width:0.37rem;height:0.37rem;object-fit:contain;display:block;}
#home-service .list span{/*font-size:0.2rem;*/color:#333333;line-height:1.5em; width:calc(100% - 0.45rem);}
#home-service .list .intro{color:#7a7878;}
#home-service .view-more {margin-top: 0.43rem;}
@media only screen and (max-width:1024px){
    #home-service .list .item{width:33.33%;}
}
@media only screen and (max-width:750px){
    #home-service .tab{margin-bottom:0.35rem;}
    #home-service .tab span{margin-right:0.3rem;padding-top:0.4rem;padding-left:0;}
    #home-service .tab img{left:50%;transform:translateX(-50%);}
    #home-service .info{padding:0.35rem;}
    #home-service .list{margin-top:0.3rem;}
    #home-service .list .item{width:100%;}
	#home-service .view-more {margin-top: 0.35rem;}
}

/*breadcrumb*/
.breadcrumb{color:#7a7878;padding:1em 0;}
.breadcrumb a:not(:hover){color:#7a7878;}
.breadcrumb i{font-style:normal;margin:0 0.625em;}

/*banner*/
#banner{position:relative;}
#banner .figure {padding-bottom:31.25%;}
#banner .breadcrumb{position:absolute;left:0;top:0;width:100%;}
#banner .text{position:absolute;top:50%;transform:translateY(-70%);left:0;width:100%;}
#banner .name{font-size:2.4em;line-height:1.35em;margin-bottom:0.41666667em;}
#banner .intro{color:#595656;line-height:1.5em;max-width:6rem;}
@media only screen and (max-width:1024px){
    #banner .text{font-size:0.18rem;}
}
@media only screen and (max-width:750px){
    #banner .figure{padding-bottom:50%;}
    #banner .text{transform:translateY(-40%);}
    #banner .name{font-size:2em; margin-bottom:0;}
	#banner .intro {display:none;}
}

/*submenu*/
#submenu{background-color:#fff;line-height:1.5em;width:100%;overflow:hidden;}
#submenu ul{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
#submenu li{padding:0.25rem 0;margin-right:6.25%;}
#submenu li:last-child{margin-right:0;}
#submenu a{white-space:nowrap;}
#submenu .active a{color:var(--main-color);}
@media only screen and (max-width:750px){
	#submenu ul {justify-content:flex-start;}
}

/*wrapper*/
#wrapper{padding:1rem 0 1.2rem;overflow:hidden;background-color:#f1f3f9;}
@media only screen and (max-width:750px){
    #wrapper{padding:0.6rem 0 0.7rem;}
}

/*Pages*/
.Pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.Pages .p_jump,.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .a_first,.Pages .a_end{display:none;}
.Pages .p_page{display:flex;justify-content:center;flex-wrap:wrap;}
.Pages .num{display:flex;flex-wrap:wrap;justify-content:center;font-style:normal;}
.Pages a{display:flex;align-items:center;justify-content:center;margin:0 0.55555556em;min-width:3.33333333em;border-radius:1.66666667em;height:3.33333333em;padding:0 0.5em;position:relative;transition:all 0.3s;color:#08233f;border:0.01rem solid rgba(0,0,0,0.1);}
.Pages a:hover,.Pages .a_cur{color:#fff;background-color:var(--main-color);border-color:transparent;}
.Pages .a_prev,.Pages .a_next{text-indent:-99999em;overflow:hidden;background-color:rgba(var(--rgb-main),0.1);border-color:transparent;}
.Pages .a_prev:after,.Pages .a_next:after{width:16.66666667%;padding-bottom:28.33333333%;background:no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.Pages .a_prev:hover:after,.Pages .a_next:hover:after{filter:brightness(100);}
.Pages .a_prev:after{background-image:url(../images/page_prev.svg);}
.Pages .a_next:after{background-image:url(../images/page_next.svg);}
@media only screen and (max-width:750px){
    #pagenavi{font-size:0.16rem;}
    #pagenavi a{margin:0 0.25em;}
}

/*news-item*/
.news-item .figure{padding-bottom:75.14792899%;}
.news-item .text{padding:0.28rem 0.35rem 0.32rem;}
.news-item .date{color:#acaaaa;margin-bottom:1em;}
.news-item .title{font-size:0.2rem;line-height:1.5em;max-height:4.5em;font-weight:normal;}
.news-item .info{background-color:#ffffff;box-shadow:0px 0px 0.3rem 0px rgba(119,204,232,0.3);display:block;overflow:hidden;position:relative;height:100%;border-radius:0.1rem;}
@media only screen and (max-width:750px){
    .news-item .text{padding:0.2rem;}
    .news-item .tag{margin-bottom:0.5em;}
    .news-item .view-more{margin-top:0.35rem;}
}

/*news-list*/
#news-list{--margin:0.29rem;margin-bottom:0.31rem;}
@media only screen and (max-width:750px){
    #news-list{--margin:0.15rem;}
    #news-list .item{width:50%;}
}

/*post*/
#post{overflow:hidden;background-color:#f1f3f9;padding-bottom:1.2rem;}
@media only screen and (max-width:750px){
    #post{padding-bottom:0.7rem;}
}

/*details*/
#details .inner{background-color:#fff;padding:0.7rem 0.6rem 0.54rem;}
#details .top{border-bottom:0.01rem solid rgba(0,0,0,0.1);padding-bottom:0.3rem;margin-bottom:0.32rem;position:relative;z-index:2;}
#details .title{line-height:1.25em;}
#details .meta{line-height:1.66666667em;margin-top:0.88888889em;}
#details .entry{line-height:1.55555556em;margin-bottom:0.8rem;color:#595656;}
#details .entry *{line-height:1.55555556em;}
#details .entry h3{font-weight:normal;color:#121111;font-size:0.24rem;line-height:2.08333333em;}
#details .btm{overflow:hidden;border-top:0.01rem solid rgba(0,0,0,0.1);padding-top:0.34rem;}
#details .back a{color:#fff;background-color:var(--main-color);width:8.66666667em;height:3.33333333em;text-align:center;line-height:3.33333333em;border-radius:0.1rem;transition:all 0.3s;}
#details .back a:hover{opacity:0.8;}
#details .post{width:calc(100% - 2rem);line-height:1.8em;color:rgba(89,86,86,0.5);}
#details .post a{color:#595656;opacity:0.6;}
#details .post a:hover{opacity:1;}
@media only screen and (max-width:750px){
    #details .inner{padding:0.35rem 0.3rem 0.4rem;}
    #details .title{font-size:0.26rem;}
    #details .entry{margin-bottom:0.5rem;}
    #details .post{width:100%;margin-bottom:0.2rem;}
    #details .back{width:100%;}
}

/*button-more*/
.button-more .go{background-color:var(--main-color);color:#fff;font-size:0.18rem;border-radius:0.33333333em;display:flex;align-items:center;justify-content:center;width:10em;height:2.77777778em;}
.button-more i{display:block;font-style:normal;background:url(../images/view_more_01.png) no-repeat right center;background-size:0.66666667em auto;filter:brightness(100);padding-right:2.66666667em;transition:all 0.3s;}
.button-more .go:hover i{padding-right:2.11111111em;}
@media only screen and (max-width:750px){
    .button-more .go{font-size:0.16rem;}
}

/*typical-item*/
.typical-item{margin-bottom:0.6rem;}
.typical-item:last-child{margin-bottom:0;}
.typical-item:nth-child(2n) a{flex-direction:row-reverse;}
.typical-item .figure{width:50%;}
.typical-item .figure:after{display:block;padding-bottom:55.55555556%;}
.typical-item .text{width:50%;padding:0 0.6rem;}
.typical-item .title{font-size:0.4rem;line-height:1.35em;font-weight:normal;margin-bottom:0.625em;}
.typical-item .intro{color:#595656;font-size:0.18rem;line-height:1.55555556em;max-height:4.66666667em;margin-bottom:0.6rem;}
.typical-item a{overflow:hidden;border-radius:0.1rem;background-color:#fff;}
@media only screen and (max-width:1024px){
    .typical-item .figure{width:100%;}
    .typical-item .text{width:100%;padding:0.5rem;}
}
@media only screen and (max-width:750px){
    .typical-item{margin-bottom:0.4rem;}
    .typical-item .text{padding:0.35rem;}
    .typical-item .title{font-size:0.32rem;}
    .typical-item .intro{margin-bottom:0.35rem;}
}

/*typical-info*/
#typical-info{background-color:#fff;border-radius:0.1rem;overflow:hidden;padding:0.5rem 0.6rem 0.6rem;}
#typical-info .list{margin-bottom:0.5rem;}
#typical-info .list:last-child{margin-bottom:0;}
#typical-info .title{line-height:1.35em;border-bottom:0.01rem solid rgba(0,0,0,0.1);padding-bottom:0.75em;margin-bottom:1em;}
#typical-info .info{background-color:#f1f3f9;border-radius:0.1rem;position:relative;height:100%;padding:1em;font-size:0.2rem;line-height:2em;transition:all 0.3s;}
#typical-info .icon{display:block;width:2em;height:2em;background-color:#fff;border-radius:50%;object-fit:cover;}
#typical-info span{display:block;width:calc(100% - 0.6rem);}
@media only screen and (max-width:750px){
    #typical-info{padding:0.3rem 0.35rem 0.35rem;}
    #typical-info .title{font-size:0.3rem;}
}

/*service-box*/
.service-box{background:no-repeat center center;background-size:cover;overflow:hidden;padding:1rem 0;}
.service-box:nth-child(2n+1){background-color:#f1f3f9;}
@media only screen and (max-width:750px){
    .service-box{padding:0.6rem 0;}
}

/*service-overview*/
.service-overview .inner{background-color:#fff;border-radius:0.1rem;overflow:hidden;}
.service-overview .figure{width:50%;}
.service-overview .figure:after{display:block;padding-bottom:66.66666667%;}
.service-overview .text{width:50%;padding:0 0.6rem;}
.service-overview .module-name{margin-bottom:0.325em;}
.service-overview .intro{color:#595656;font-size:0.2rem;line-height:1.5em;}
.service-overview .entry{line-height:1.55555556em;}
.service-overview .entry *{line-height:1.55555556em;}
.service-overview .entry p{position:relative;padding-left:1.27777778em;margin:1em 0;}
.service-overview .entry p:before{width:0.1rem;height:0.1rem;border:solid 0.02rem #af0811;border-radius:50%;content:'';display:block;position:absolute;left:0;top:0.5em;}
.service-overview .full .text {width:100%; padding:0.6rem;}
.service-overview .full .figure {width:100%;}
.service-overview .full .module-name {text-align:center;}
@media only screen and (max-width:1024px){
    .service-overview .figure{width:100%;}
    .service-overview .text{width:100%;padding:0.5rem;}
}
@media only screen and (max-width:750px){
    .service-overview .text{padding:0.35rem;}
}

/*service-function*/
.service-function{padding-bottom:0.7rem;}
.service-function .list{--margin:0.3rem;}
.service-function .icon{width:1rem;height:1rem;border-radius:50%;border:0.01rem solid rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:0.23rem;}
.service-function .icon i{display:block;overflow:hidden;width:44.89795918%;padding-bottom:44.89795918%;background:no-repeat center center;background-size:contain;}
.service-function .title{line-height:1.5em;color:#333;font-weight:normal;margin-bottom:0.46666667em;}
.service-function .intro{font-size:0.18rem;color:#595656;line-height:1.55555556em;}
.service-function .info{background-color:#f1f3f9;border-radius:0.1rem;border:solid 0.01rem #edf3fb;position:relative;height:100%;padding:0.6rem 0.4rem 0.32rem;}
@media only screen and (max-width:750px){
    .service-function{padding-bottom:0.3rem;}
}

/*service-scenario*/
.service-scenario .tab{margin-bottom:0.45rem;}
.service-scenario .tab span{display:block;color:#595656;margin-right:5.55555556%;position:relative;cursor:pointer;padding-bottom:0.29166667em;}
.service-scenario .tab span:last-child{margin-right:0;}
.service-scenario .tab span:after{content:'';display:block;position:absolute;left:0;width:100%;height:0.02rem;background-color:var(--main-color);opacity:0;bottom:0;}
.service-scenario .tab .active{color:var(--main-color);}
.service-scenario .tab .active:after{opacity:1;}
.service-scenario .list .item{display:none;}
.service-scenario .list .item:first-child{display:block;}
.service-scenario .list .figure{width:50%;}
.service-scenario .list .figure:after{display:block;padding-bottom:55.55555556%;}
.service-scenario .list .text{width:50%;padding:0 0.65rem 0 0.6rem;}
.service-scenario .list .title{font-size:0.4rem;line-height:1.35em;font-weight:normal;margin-bottom:0.575em;}
.service-scenario .list .intro{color:#595656;font-size:0.18rem;line-height:1.55555556em;margin-bottom:0.23rem;}
.service-scenario .list .info{overflow:hidden;border-radius:0.1rem;background-color:#fff;}
.service-scenario .list .gray{background-color:#f1f3f9;}
.service-scenario .list .full .text {width:100%; padding:0.65rem;}
.service-scenario .list .full .figure {width:100%;}
@media only screen and (max-width:1024px){
    .service-scenario .list .figure{width:100%;}
    .service-scenario .list .text{width:100%;padding:0.5rem;}
}
@media only screen and (max-width:750px){
    .service-scenario .tab{font-size:0.2rem;margin-bottom:0.25rem;}
    .service-scenario .list .text{padding:0.35rem;}
    .service-scenario .list .title{font-size:0.32rem;}
    .service-scenario .list .intro{margin-bottom:0.35rem;}
}

/*solution-box*/
.solution-box{background:no-repeat center center;background-size:cover;overflow:hidden;padding:1rem 0;}
.solution-box:nth-child(2n){background-color:#f1f3f9;}
@media only screen and (max-width:750px){
    .solution-box{padding:0.6rem 0;}
}

/*solution-intro*/
.solution-intro .module-name{margin-bottom:0.5em;}
.solution-intro .intro{line-height:1.55555556em;color:#595656;}


/*solution-value*/
.solution-value{padding-bottom:0.8rem;}
.solution-value .icon{display:block;width:1.08rem;height:1.01rem;object-fit:contain;margin-bottom:0.32rem;}
.solution-value .text{line-height:1.33333333em;color:#595656;}
.solution-value .info{background-image:linear-gradient(135deg,rgba(248,251,254,0.82) 0%,rgba(214,230,248,0.82) 100%);border-radius:0.1rem;position:relative;height:100%;padding:0.51rem 0.45rem 0.35rem;}
.solution-value .title {font-size:0.2rem; line-height:1.35em; margin-bottom:1em;}
@media only screen and (max-width:750px){
    .solution-value{padding-bottom:0.4rem;}
}

/*product-box*/
.product-box{background:no-repeat center center;background-size:cover;overflow:hidden;padding:1rem 0;}
.product-box:nth-child(2n+1){background-color:#f1f3f9;}
@media only screen and (max-width:750px){
    .product-box{padding:0.6rem 0;}
}

/*product-intro*/
.product-intro .box{background-color:#fff;}
.product-intro .figure{width:50%;}
.product-intro .figure:after{display:block;padding-bottom:66.66666667%;}
.product-intro .text{width:50%;padding:0 0.65rem 0 0.6rem;line-height:1.55555556em;color:#595656;}
.product-intro .text ul{margin:0;padding:0;}
.product-intro .text ul li{position:relative;line-height:1.66666667em;padding-left:1.22222222em;list-style:none;}
.product-intro .text ul li:before{width:0.1rem;height:0.1rem;border:solid 0.02rem #af0811;border-radius:50%;content:'';display:block;position:absolute;left:0;top:0.55555556em;}
.product-intro .full .figure {width:100%;}
.product-intro .full .text {width:100%; padding:0.6rem;}
@media only screen and (max-width:1024px){
    .product-intro .figure{width:100%;}
    .product-intro .text{width:100%;padding:0.5rem;}
}
@media only screen and (max-width:750px){
    .product-intro .text{padding:0.2rem 0.35rem;}
	.product-intro .full .text {padding:0.35rem;}
}

/*product-function*/
.product-function{padding-bottom:0.8rem;}
.product-function .figure{width:0.4rem;}
.product-function .figure:after{display:block;padding-bottom:90%;}
.product-function .img{object-fit:contain;}
.product-function .text{width:calc(100% - 0.77rem);}
.product-function .title{line-height:1.125em;margin-bottom:0.33333333em;}
.product-function .intro{line-height:1.55555556em;color:#595656;}
.product-function .info{position:relative;height:100%;padding:0.4rem 0.43rem 0.4rem 0.6rem;background-color:#f1f3f9;border-radius:0.1rem;border:solid 0.01rem #edf3fb;overflow:hidden;}
@media only screen and (max-width:750px){
    .product-function{padding-bottom:0.4rem;}
    .product-function .info{padding:0.3rem 0.4rem 0.3rem 0.3rem;}
    .product-function .text{width:calc(100% - 0.6rem);}
}

/*product-advantage*/
.product-advantage{padding-bottom:0.8rem;}
.product-advantage .figure{width:0.52rem;margin-bottom:0.27rem;}
.product-advantage .figure:after{display:block;padding-bottom:84.61538462%;}
.product-advantage .img{object-fit:contain;}
.product-advantage .title{line-height:1.35em;margin-bottom:0.17rem;}
.product-advantage .intro{line-height:1.33333333em;color:#595656;text-align:left;}
.product-advantage .info{background-color:#ffffff;border-radius:0.1rem;border:solid 0.01rem #edf3fb;padding:0.5rem 0.5rem 0.2rem;overflow:hidden;position:relative;height:100%;}
@media only screen and (max-width:750px){
    .product-advantage{padding-bottom:0.4rem;}
    .product-advantage .info{padding:0.4rem;}
}

/*swiper-dots*/
.swiper-dots .swiper-pagination-bullet{width:0.12rem;height:0.12rem;background-color:#000;opacity:0.2;margin:0 0.09rem;transition:all 0.3s;}
.swiper-dots .swiper-pagination-bullet-active{opacity:1;background-color:var(--main-color);}

/*product-value*/
.product-value .figure{padding-bottom:106.52173913%;}
.product-value .text{position:absolute;left:0;top:100%;width:100%;z-index:2;padding:0.25rem 0.4rem;transform:translateY(-1.1rem);transition:all 0.3s;}
.product-value .title{font-size:0.24rem;line-height:1.5em;font-weight:normal;}
.product-value .intro{font-size:0.18rem;line-height:1.55555556em;margin-top:0.83333333em;visibility:hidden;opacity:0;transition:all 0.3s;text-align:left;}
.product-value .info{position:relative;overflow:hidden;border-radius:0.1rem;}
.product-value .info:hover .text{transform:translateY(-100%);}
.product-value .info:hover .intro{visibility:visible;opacity:1;}
.product-value .pagination{margin-top:0.4rem;}

/*contact*/
#contact .figure{width:55.55555556%;border-radius:0.1rem;}
#contact .figure:after{display:block;padding-bottom:75%;}
#contact .text{width:44.44444444%;position:relative;z-index:2;padding-top:6.94444444%;}
#contact .box{width:125%;margin-left:-25%;background-color:#fff;border-radius:0.1rem;padding:0.7rem 0.6rem 0.8rem;}
#contact .module-name{margin-bottom:0;}
#contact li{border-bottom:0.01rem solid #eeeeee;padding:0.4rem 0;color:#595656;line-height:1.55555556em;}
#contact .icon{width:0.51rem;height:0.51rem;border-radius:50%;object-fit:contain;}
#contact p{width:calc(100% - 0.7rem);}
#contact p span{display:block;font-size:0.2rem;line-height:1.4em;}
@media only screen and (max-width:750px){
    #contact{flex-direction:column;}
    #contact .figure{width:100%;margin-bottom:0.35rem;}
    #contact .text{width:100%;padding:0;}
    #contact .box{width:auto;padding:0.35rem 0.4rem 0.5rem;margin-left:0;}
    #contact li{padding:0.3rem 0;}
}

/*honor*/
#honor{background-color:#fff;padding:0.6rem 0.6rem 0.35rem;margin-bottom:0.6rem;}
#honor .list{--margin:0.6rem;}
#honor .item{padding-bottom:0.35rem;}
#honor .figure{padding-bottom:75%;background-color:#fff;margin-bottom:0.1rem;}
#honor .title{font-size:0.2rem;line-height:1.4em;text-align:center;font-weight:normal;}
@media only screen and (max-width:750px){
    #honor{padding:0.3rem 0.3rem 0.2rem;}
    #honor .list{--margin:0.3rem;}
    #honor .item{padding-bottom:0.25rem;}
}

/*loadmore*/
.loadmore .go{display:flex;align-items:center;justify-content:center;background-color:var(--main-color);color:#fff;font-size:0.18rem;border-radius:0.06rem;width:8.88888889em;height:2.77777778em;}
@media only screen and (max-width:750px){
    .loadmore .go{font-size:0.16rem;}
}

/*recruitment*/
#recruitment{overflow:hidden;margin-bottom:0.5rem;}
#recruitment .item{margin-bottom:0.1rem;}
#recruitment .title{font-size:0.24rem;line-height:1.66666667em;font-weight:normal;width:calc(100% - 2.5rem);}
#recruitment .meta{font-size:0.18rem;line-height:2.22222222em;color:#595656;width:2.1rem;padding-right:0.5rem;position:relative;}
#recruitment .arrow{width:0.4rem;height:0.4rem;border-radius:50%;background-color:rgba(var(--rgb-main),0.1);display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all 0.3s;}
#recruitment .arrow:after{width:30%;padding-bottom:30%;background:url(../images/view_more_01.png) no-repeat center center;background-size:contain;display:block;content:'';filter:invert(1) brightness(0);opacity:0.7;}
#recruitment a{background-color:#fff;border-radius:0.1rem;padding:0.25rem 0.4rem;overflow:hidden;transition:all 0.3s;}
#recruitment a:hover .arrow{background-color:var(--main-color);}
#recruitment a:hover .arrow:after{opacity:1;filter:invert(1) brightness(100);}
@media only screen and (max-width:750px){
    #recruitment .title{width:100%;margin-bottom:0.1rem;font-size:0.22rem;}
    #recruitment .meta{width:100%;}
    #recruitment a{padding:0.2rem 0.25rem;}
}

/*culture*/
#culture{background-color:#f1f3f9;overflow:hidden;padding:1rem 0 0.9rem;}
#culture .figure{width:0.7rem;margin-bottom:0.33rem;}
#culture .figure:after{display:block;padding-bottom:85.71428571%;}
#culture .img{object-fit:contain;}
#culture .title{line-height:1.35em;margin-bottom:0.28rem;}
#culture .intro{line-height:1.66666667em;color:#595656;}
#culture .info{background-color:#ffffff;border-radius:0.1rem;border:solid 0.01rem #edf3fb;padding:0.6rem 0.6rem;overflow:hidden;position:relative;height:100%;}
@media only screen and (max-width:750px){
    #culture{padding:0.6rem 0 0.4rem;}
    #culture .info{padding:0.4rem;}
}

/*about*/
#about{padding:1.25rem 0 1.29rem;overflow:hidden;background:no-repeat center center;background-size:cover;}
#about .text{width:45.48611111%;}
#about .module-name{margin-bottom:0;}
#about .intro{line-height:1.55555556em;color:#595656;}
#about .figure{width:49.02777778%;}
#about .figure:after{display:block;padding-bottom:66.00566572%;}
#about .img{object-fit:contain;}
@media only screen and (max-width:750px){
    #about{padding:0.65rem 0 0.7rem;}
    #about .text{width:100%;margin-bottom:0.35rem;}
    #about .figure{width:100%;}
}

/*box-name*/
.box-name{margin:0 0 0.38rem;position:relative;}
.box-name:after{display:block;content:'';margin:0.375em auto 0;width:2em;height:0.075em;background-color:#af0811;}
@media only screen and (max-width:750px){
    .box-name{font-size:0.32rem;}
}

/*new-news*/
#new-news{background-image:url(../images/home_news_bg.png);}
#new-news .swiper{overflow:visible;}
#new-news .swiper-slide{height:auto;}
#new-news .figure{padding-bottom:75.14792899%;}
#new-news .text{padding:0.28rem 0.35rem 0.32rem;}
#new-news .tag{color:#acaaaa;margin-bottom:0.16rem;}
#new-news .title{font-size:0.2rem;line-height:1.5em;height:3em;font-weight:normal;margin-bottom:0.12rem;}
#new-news .line{width:0.4rem;height:0.03rem;background-color:#af0811;margin-bottom:0.1rem;}
#new-news .excerpt{color:#595656;height:3.75em;}
#new-news .info{background-color:#ffffff;box-shadow:0px 0px 0.3rem 0px rgba(119,204,232,0.3);display:block;overflow:hidden;position:relative;height:100%;border-radius:0.1rem;}
#new-news .view-more{margin-top:0.61rem;}
@media only screen and (max-width:750px){
    #new-news .text{padding:0.2rem;}
    #new-news .tag{margin-bottom:0.5em;}
    #new-news .view-more{margin-top:0.35rem;}
}

/*new-service*/
#new-service{padding-bottom:0;}
#new-service .tab{overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden;}
#new-service .tab .go{display:block;width:9.31818182em;height:2.72727273em;line-height:2.72727273em;background-color:#999999;border-right:0.01rem solid #fff;cursor:pointer;transition:all 0.2s;white-space:nowrap;padding:0 1em;flex-grow:1;color:#fff;}
#new-service .tab .go:last-child{border-right:none;}
#new-service .tab .active,#new-service .tab .go:hover{background-color:#af0811;}
#new-service .btm{background-color:#edf5fb;}
#new-service .item{display:none;}
#new-service .item:first-child{display:block;}
#new-service .text{width:47.22222222%;padding:6.59722222% 0;}
#new-service .title{font-size:0.3rem;line-height:1.35em;font-weight:normal;margin-bottom:0.15rem;}
#new-service .intro{font-size:0.18rem;color:#595656;line-height:1.55555556em;margin-bottom:11.02941176%;}
#new-service .list li{width:33.333%;display:flex;margin-bottom:3%;}
#new-service .list .icon{display:flex;flex-direction:column;align-items:center;}
#new-service .list img{display:block;width:0.52rem;height:0.52rem;object-fit:contain;margin-bottom:0.25rem;}
#new-service .pic{width:50%;padding:0.4rem 0 0.25rem;}
#new-service .pic .figure{width:111.11111111%;}
@media only screen and (max-width:750px){
    #new-service .tab{font-size:0.18rem;}
    #new-service .btm{padding:0.5rem 0;}
    #new-service .text{width:100%;padding:0;margin-bottom:0.35rem;}
    #new-service .pic{width:100%;padding:0;}
    #new-service .pic .figure{width:auto;}
    #new-service .list li{justify-content:center;}
    #new-service .list img{margin-bottom:0.15rem;}
}

/*new-solution*/
#new-solution .list{gap:0.694%;}
#new-solution .item{width:15.27777778%;transition:all 0.3s;flex-grow: 1;}
#new-solution .info{height:5.4rem;background:no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;border-radius:0.1rem;position:relative;overflow:hidden;}
#new-solution .info:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.2;}
#new-solution .text{position:relative;z-index:2;color:#fff;display:flex;flex-direction:column;align-items:center;}
#new-solution .title{font-size:0.24rem;line-height:1.35em;font-weight:normal;transition:all 0.3s;}
#new-solution .more{background-color:#af0811;width:10em;height:3.125em;display:none;align-items:center;justify-content:center;border-radius:0.06rem;}
#new-solution .more:after{width:0.75em;height:0.75em;background:url(../images/view_more_01.png) no-repeat center center;background-size:contain;display:block;content:'';filter:invert(1) brightness(100);margin-left:1.5625em;}
@media only screen and (min-width:751px){
    #new-solution .active{width:36.11111111%;}
    #new-solution .active .info:before{opacity:0.5;}
    #new-solution .active .title{font-size:0.36rem;margin-bottom:0.22rem;}
    #new-solution .active .more{display:flex;}
}
@media only screen and (max-width:750px){
    #new-solution .list{flex-direction:column;}
    #new-solution .item{width:100%;margin-bottom:0.1rem;}
    #new-solution .info{padding-bottom:103.84615385%;}
    #new-solution .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0 1em;}
    #new-solution .title{font-size:0.36rem;}
}

/*new-business*/
#new-business{background-image:url(../images/home_business_bg.png);}
#new-business .list{padding-top:0.3rem;}
#new-business .box{background-color:#ffffff;box-shadow:0px 0.03rem 0.15rem 0px rgba(0,80,169,0.1);border-radius:0.1rem;position:relative;height:100%;}
#new-business .top{display:flex;align-items:center;justify-content:space-between;background-image:linear-gradient(270deg,#cee1f6,#fff);padding:0 0.2rem 0.14rem 0.25rem;border-radius:0.1rem 0.1rem 0 0;}
#new-business .icon{width:1.3rem;height:1.3rem;object-fit:contain;margin-top:-0.24rem;}
#new-business .title{font-size:0.3rem;width:4em;line-height:1.2em;font-weight:normal;padding-top:0.14rem;}
#new-business .btm{padding:0.25rem 0.15rem 0.27rem 0.25rem;}
#new-business ul{overflow-y:auto;padding-right:0.1rem;-webkit-overflow-scrolling:touch;height:3.05rem;}
#new-business ul::-webkit-scrollbar{width:0.04rem;}
#new-business li{border-bottom:0.01rem solid rgba(0,0,0,0.1);font-size:0.18rem;line-height:1.66666667em;padding:0.15rem 0;position:relative;}
#new-business li:first-child{padding-top:0;}
#new-business li:last-child{border-bottom:none;padding-bottom:0;}
#new-business li a{display:block;overflow:hidden;position:relative;padding-left:1.66666667em;}
#new-business li:hover{border-bottom-color:#af0811;}
#new-business li:hover .dot{border-color:#af0811;}
#new-business .dot{width:0.83333333em;height:0.83333333em;border:solid 0.02rem #acaaaa;border-radius:50%;position:absolute;left:0;top:0.41666667em;display:flex;align-items:center;justify-content:center;}
#new-business .dot:after{width:45.45454545%;padding-bottom:45.45454545%;border-radius:50%;background-color:#af0811;display:block;content:'';}