.sub-banner{width: 100%;height:400px;margin-top: 60px;background-size:cover;background-repeat: no-repeat;background-position: right bottom;background-color:var(--color-15);position: relative;overflow: hidden}
.sub-banner .container{position: relative;z-index: 2;}
.sub-banner .container .text{padding: 10% 0 0 0}
.sub-banner .container h4{font-family: DingTalk JinBuTi;width: 100%;font-size:50px;font-weight: 500;line-height:50px;margin-bottom:20px;color: #222;}
.sub-banner .container p{font-family: DingTalk JinBuTi;width: 100%;font-size: 25px;font-weight: 500;line-height:35px;color:#222;margin-bottom:50px;}
.sub-banner .container a{border: 1px solid transparent;color:#fff;font-size:14px;margin-right:10px;text-align: center;font-weight:400;display: inline-block;text-transform: uppercase;line-height:35px;border-radius:4px;background-color:var(--color-2);padding: 0 15px;}
.sub-banner .container a i{font-size:1.4rem;margin-left:5px;font-weight:400;}
.en .sub-banner .container p{font-family: Arial, sans-serif;font-size: 20px;}
@media screen and (max-width: 1440px){
    .sub-banner{height:350px;background-size:cover;}
}
@media screen and (max-width: 1028px){
    .sub-banner{height:150px;margin-top:60px;background-position:center top;background-size:180% auto;background-repeat: no-repeat;position: relative}
}
@media screen and (max-width: 991px){
    .sub-banner .container .text{padding:10% 0 20px 20px;position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top:0}
    .sub-banner .container h4{font-size:2.2rem;line-height:2.2rem;margin-bottom:10px;color: #495057}
    .sub-banner .container p{font-size: 1.5rem;line-height: 2.5rem;color: #495057;margin-bottom:10px;}
    .en .sub-banner .container p{font-size: 1.4rem;width: 70%;line-height: 2rem;}
    .sub-banner .mobile{width: 100%;z-index: 1;position: relative}
    .sub-banner .mobile img{width: 100%;}
}
.container{width: 100%;padding: 0 150px;}
@media (max-width: 1600px) {
    .container{padding: 0 100px;}
}
@media (max-width: 1440px) {
    .container{padding: 0 80px;}
}
@media (max-width: 1360px) {
    .container{padding: 0 60px;}
}
@media (max-width: 1280px) {
    .container{padding: 0 50px;}
}
@media (max-width: 1028px) {
    .container{padding: 0 20px;}
}
.section-title {width: 100%;}
.section-title h1{display:block;font-size: 40px;color: var(--color-1);line-height: 50px;margin-bottom:30px;position: relative;font-family: DingTalk JinBuTi;font-weight:500;}
.section-title h2{display:block;font-size: 40px;color:var(--color-1);line-height: 50px;margin-bottom: 30px;position: relative;font-family: DingTalk JinBuTi;font-weight:500}
.section-title h2:after{
    content: '';
    position: absolute;
    left:60%;width: 20%;top:50%;margin-top: -1px;
    background: linear-gradient(90deg,#d5dce8 -4.86%,rgba(213,220,232,0) 90.62%);flex: 1 1;height: 1px;
}
.section-title h2:before{
    content: '';
    position: absolute;
    right:60%;width: 20%;top:50%;margin-top: -1px;
    background: linear-gradient(-90deg,#d5dce8 -4.86%,rgba(213,220,232,0) 90.62%);
    flex: 1 1;height: 1px;
}
.section-title img{width: 40px;position: relative;top:-3px;}
.section-title h3{display:block;font-size: 30px;color:var(--color-11);margin-bottom:30px;font-weight: 500;font-family: DingTalk JinBuTi;}
.en .section-title h3{font-family: Arial, sans-serif;text-transform: uppercase;font-size: 25px;}
@media (max-width: 1600px) {
    .section-title h1{font-size: 36px;line-height: 46px;margin-bottom: 40px;}
    .section-title h2{font-size: 36px;line-height: 46px;margin-bottom: 40px;}
    .section-title img{width: 35px;}
    .section-title h3{font-size: 25px;}
}
@media (max-width: 1440px) {
    .section-title h1{font-size: 32px;line-height: 40px;margin-bottom: 30px;}
    .section-title h2{font-size: 32px;line-height: 40px;margin-bottom: 30px;}
    .section-title img{width: 30px;}
    .section-title h3{font-size: 22px;}
}
@media (max-width: 1280px) {
    .section-title h1{font-size: 28px;line-height: 38px;margin-bottom: 20px;}
    .section-title h2{font-size: 28px;line-height: 38px;margin-bottom: 20px;}
    .section-title h3{font-size: 20px;}
}
@media (max-width: 1028px) {
    .section-title h1{font-size: 2.5rem;line-height: 2.5rem;}
    .section-title h2{font-size: 2.5rem;line-height: 2.5rem;}
    .section-title h3{font-size: 2rem;}
    .section-title img{width: 20px;}
}
/*分页样式*/
.pagination {
    width:100%;
    margin: 0 auto;
    display: flex;
    display:-webkit-flex;
    justify-content:center;
    flex-wrap: wrap;
    line-height: 35px;
    text-transform: uppercase;
    color: #868e96;
    font-size: 14px;
    align-items: center;
    margin-bottom:20px;
}
.pagination a{
    display: block;text-transform: uppercase;text-align: center;font-size: 14px;color:#495057;
    padding:0 10px;line-height: 32px;
    margin-right: 10px;margin-bottom: 10px;
    border-radius:4px;background-color: #f2f2f2;
}
.pagination a:last-child{margin-right: 0;}
.pagination a:hover,
.pagination a:focus,
.pagination a.active,
.pagination .active span {color: #fff !important;background-color:var(--color-2)}
.pagination a:last-child{margin-right: 20px;}
/*err*/
.err{
    width:100%;
    text-align:center;
    padding:50px;
    background-image: url(../images/noinfo.svg);
    background-repeat: no-repeat;background-size:auto 50%; background-position: center 30px;
    border-radius: 12px;border: 2px solid #fff;background-color: rgba(255,255,255,0.65);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);
}
.err p{line-height:30px;font-size:18px;display: block;padding:150px 0 0 0;font-weight: 500}
@media (max-width: 991px) {
    .pagination {padding:0;line-height:2rem;margin:20px auto;;font-size: 1.4rem;}
    .pagination a{font-size: 1.3rem;line-height:2.8rem;height:3rem;margin-right:5px;margin-bottom:5px;}
    .pagination a:last-child,.pagination a:first-child{display: none}
    .err{margin:5% auto;width:80%;}
    .err p{line-height:3rem;font-size:1.3rem;}
}

.main{}
.product{background-color: #fff;}
.solution{}
.service{}

.about-info{padding:100px 0;}
.text-img{width: 100%;overflow: hidden}
.text-img .text{width: 60%}
.text-img .text p{text-align: justify;font-size: 18px;font-weight: 400;line-height: 40px;margin-bottom:30px;}
.en .text-img .text p{font-size: 14px;line-height: 25px;text-align: justify; text-justify: inter-word;}
.text-img .text p:last-child{margin-bottom: 0}
.text-img .img{width: 35%;margin-left: 5%}
.text-img .img img{width: auto;max-width: 100%;border-radius: 20px;}
@media (max-width: 1600px) {
    .about-info{padding:80px 0;}
    .text-img .img{width: 37%;margin-left: 3%}
    .text-img .text{width: 60%}
    .text-img .text p{font-size: 15px;line-height:28px}
}
@media (max-width: 1440px) {
    .about-info{padding:70px 0;}
    .text-img .text p{font-size: 16px;line-height: 32px}
    .text-img .img{width: 35%;margin-left: 3%}
    .text-img .text{width: 62%}
}
@media (max-width: 1360px) {
    .about-info{padding:60px 0;}
    .text-img .img{width: 32%;margin-left: 3%}
    .text-img .text{width: 65%}
    .text-img .text p{font-size: 15px;line-height: 30px;margin-bottom: 20px;}
}
@media (max-width: 1280px) {
    .about-info{padding:50px 0;}
}
@media (max-width: 1028px) {
    .about-info{padding:30px 0;}
    .text-img{flex-wrap: wrap}
    .text-img .text{width: 100%;margin-bottom: 5%}
    .text-img .text p{font-size: 1.5rem;line-height:2.5rem;margin-bottom:20px;}
    .en .text-img .text p{font-size: 1.4rem;line-height: 2.2rem;text-align: left; text-justify:unset;}
    .text-img .img{width: 100%;margin-left: 0}
    .text-img .img img{border-radius: 12px;width: 100%}
}
.tongji{width: 100%;background-color:#f4f7fc;padding: 50px 0}
.tongji ul{padding:15px 0;}
.tongji ul li{width: 16.66%;border-right: 1px solid #eee;}
.tongji ul li:last-child{border-right: none;}
.tongji ul li p{font-size: 18px;font-weight: 400;position: relative;display: block;text-align: center;margin: 5px auto;color: var(--color-11)}
.en .tongji ul li p{font-size: 14px;font-family: Arial, sans-serif}
.tongji ul li p span{ font-family: DingTalk JinBuTi;font-size:45px;font-weight: 600;color: var(--color-1);margin-right:5px;position: relative;top:0;}
.tongji ul li p i{font-size: 30px;font-style: unset;position: absolute;right:20px;top:0;font-weight: 400;color: var(--color-12);}
.en .tongji ul li p i{font-size: 25px}
.tongji ul li b{font-size: 18px;text-align: center;display: block;margin-bottom: 10px;font-weight: 400}
.en .tongji ul li b{font-size: 14px;font-family: Arial, sans-serif;}
.Network{padding:100px 0 0 0;}
.Network .img{text-align: center;}
.Network .img img{width: auto;max-width: 100%;}
.culture{padding:100px 0;}
.culture-ul:after{content: '';position:absolute;z-index: 1;right: -46%;width:45%;height: 100%;background-image: url(../images/hw.jpg);background-repeat: no-repeat;background-position: right top;background-size:100% auto;}
.culture-ul{width:70%;flex-wrap: wrap;margin-bottom:100px;position: relative;z-index: 2}
.culture-ul li{width:49%;height: 160px;padding:30px 30px 0 30px;margin-bottom: 2%;position: relative;background-color:#f4f7fc;border-radius: 20px;}
.culture-ul li .ico{width: 180px;position: absolute;right:20px;bottom:20px;transition: all 0.5s;-webkit-transition: all 0.5s;text-align: right}
.culture-ul li .ico i{font-size:5rem;color: var(--color-5);}
.culture-ul li h6{font-size: 25px;font-weight: 500;margin-bottom: 10px;font-family: DingTalk JinBuTi;}
.en .culture-ul li h6{font-family: Arial, sans-serif;font-size: 22px;font-weight: 550;}
.culture-ul li p{width:70%;font-size: 18px;line-height: 30px;font-weight: 400;text-align:left;display: block}
.en .culture-ul li p{font-size: 14px;line-height: 22px;font-family: Arial, sans-serif}
.culture-ul li:hover{background-color:#FFE0D2;}
.culture-ul li:hover h6{color: var(--color-1)}
.culture-ul li:hover .ico{right: 10px;}
.culture .text-img{padding: 50px;background-color:#f4f7fc;border-radius: 20px; }
.culture .text-img .text{width: 50%}
.culture .text-img .img{width: 40%;}
@media (max-width: 1600px) {
    .tongji ul li p i{font-size: 28px;}
    .Network{padding:80px 0 0 0;}
    .Network .img img{width: 90%;}
}
@media (max-width: 1440px) {
    .tongji ul li p{font-size: 16px;width:120px}
    .tongji ul li b{font-size: 16px;}
    .tongji ul li p i{font-size: 25px;}
    .tongji ul li p span{font-size:40px;}
    .Network{padding:70px 0 0 0;}
    .Network .img img{width: 80%;}
    .culture-ul li{height: 140px}
    .culture-ul li h6{font-size: 22px;}
    .culture-ul li p{font-size: 16px;line-height:25px;}
}
@media (max-width: 1360px) {
    .tongji ul li p{font-size: 14px;width:110px}
    .tongji ul li b{font-size: 14px;}
    .tongji ul li p i{font-size: 20px;}
    .tongji ul li p span{font-size:35px;}
    .Network{padding:60px 0 0 0;}
    .Network .img img{width: 70%;}
    .culture-ul li .ico{width: 170px;right: 25px;top:25px;}
    .culture-ul li h6{font-size: 18px;}
    .culture-ul li p{font-size: 14px;line-height: 22px;}
}
@media (max-width: 1280px) {
    .tongji ul li p{font-size: 13px;width:100px}
    .tongji ul li b{font-size: 13px;}
    .tongji ul li p i{font-size: 18px;}
    .tongji ul li p span{font-size:30px;}
    .Network{padding:50px 0 0 0;}
    .Network .img img{width: 60%;}
    .culture-ul li .ico{width: 160px;}
    .culture-ul li h6{font-size: 18px;}
    .culture-ul li p{font-size: 13px;line-height: 22px;}
}
@media (max-width: 1028px) {
    .tongji{padding: 20px 0}
    .tongji .container{padding: 0!important;}
    .tongji ul{padding:15px 0;flex-wrap: wrap;}
    .tongji ul li{width: 33.33%;border-right: none;padding:5px 0;}
    .tongji ul li p{font-size: 1.2rem;margin: 0 auto;width: auto}
    .tongji ul li p span{ font-size:2.5rem!important;margin-right:3px;}
    .tongji ul li p i{font-size:1.4rem;right:20px;top:-2px;}
    .tongji ul li b{font-size: 1.2rem!important;margin-bottom:5px;}
    .en .tongji ul li p{font-size: 1.2rem;line-height: 1.8rem!important;}
    .en .tongji ul li b{font-size: 1.2rem;line-height: 1.8rem!important;}
    .en .tongji ul li p i{font-size: 1.4rem}

    .culture{padding:30px 0;}
    .culture-ul:after{display: none;}
    .culture-ul{width:100%;flex-wrap: wrap;margin-bottom: 0}
    .culture-ul li{width:49%;padding:20px 20px 20px 20px;margin-bottom: 2%;border-radius: 12px;height: 120px;}
    .en  .culture-ul li{width:100%;padding:20px 20px 20px 20px;margin-bottom: 2%;border-radius: 12px;height: auto;}
    .culture-ul li .ico{width: 50px;height: 50px;right:20px!important;bottom:-20px!important;display: none}
    .culture-ul li .ico i{font-size:4rem;}
    .culture-ul li h6{font-size: 1.8rem;margin-bottom: 5px;}
    .en .culture-ul li h6{;font-size: 1.6rem;}
    .culture-ul li p{width:100%;font-size:1.4rem;line-height:2rem;}
    .en  .culture-ul li p{font-size: 1.3rem;line-height: 1.8rem;}
    .culture .text-img{padding: 20px;border-radius: 12px; }
    .culture .text-img .text{width: 100%}
    .culture .text-img .img{width: 100%;}
    .section-title h3{margin-bottom: 10px;}
}
.Honors{padding:30px 0 60px 0;}
.honors-info{padding-top:20px;overflow: hidden;background-position: right bottom;background-image:url(../images/jiangbei.jpg);background-size: auto 100%;background-repeat: no-repeat;}
.honors-info .img{width: 40%;}
.honors-info .img img{width: auto;max-width: 100%;}
.honors-info .info{width:100%}
.honors-info .info img{width:50px;height:48px}
.Honors-ul{width:60%;flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content: space-between;
}
.en .Honors-ul{width: 75%;}
.Honors-ul li{width: 48%;margin-bottom:1.5%;border: 1px solid #eee;padding:6px 6px 6px 35px;border-radius:50px;position: relative;font-size:18px;line-height:36px;color:var(--color-11);}
.en .Honors-ul li{font-size: 14px;width: 49%;line-height: 22px;display: flex;align-items:center;min-height: 55px;}
.Honors-ul li i{display: inline-block;width:25px;line-height:25px;border-radius: 50%;margin-right: 10px;text-align: center;background-color: var(--color-3);font-size: 14px;color: #fff;font-style: normal;font-weight: 550}
.Honors-ul li:after{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: var(--color-1);position: absolute;left:20px;top:50%;margin-top: -3px;}
.Honors-ul li:hover{background-color: var(--color-1);color:#fff;}
.Honors-ul li:hover:after{background-color: #fff;}
@media (max-width: 1600px) {
    .Honors-ul{width:65%;}
    .Honors-ul li{font-size: 18px;line-height:36px;}
}
@media (max-width: 1440px) {
    .Honors-ul{width:70%;}
    .Honors-ul li{font-size: 18px;line-height:36px;}
}
@media (max-width: 1360px) {
    .Honors-ul{width:70%;}
    .Honors-ul li{font-size: 16px;line-height:32px;}
}
@media (max-width: 1280px) {
    .Honors-ul{width:75%;}
    .Honors-ul li p{font-size: 16px;}
}
@media (max-width: 1028px) {
    .Honors{padding:20px 0 40px 0;}
    .honors-info{padding-top:0;background-position: right bottom;background-size:60% auto;}
    .honors-info .img{width: 100%;}
    .Honors-ul{width:100%;}
    .en .Honors-ul{width: 100%;}
    .Honors-ul li{width: 100%;border: none;padding:2px 0 2px 15px;border-radius:0;font-size:1.4rem;line-height:2.2rem;}
    .en .Honors-ul li{font-size: 1.3rem;width: 100%;line-height: 1.8rem;min-height:auto;}
    .Honors-ul li:after{left: 0}
    .Honors-ul li p{font-size: 1.4rem}
}
.office-tab-container {width: 100%;overflow: hidden;}
.office-tab-list {width: 100%;margin:10px 0 50px 0;}
.office-tab-list li {
    cursor: pointer;
    transition: all 0.3s ease; /* 过渡动画 */
    width: 150px;line-height: 45px;
    border: 2px solid #fff;background-color:rgba(255,255,255,0.75);backdrop-filter: blur(10px);
    text-align: center;font-size: 16px;font-weight: 500;border-radius: 30px;margin-right: 10px;
}
.office-tab-list li.active {background-color: var(--color-1);color: #fff;}
.office-tab-list li:hover {background-color: var(--color-1);color: #fff;}
.office-tab-content {}
.office-tab-pane {
    display: none; /* 隐藏非激活内容 */
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease; /* 淡入和滑动动画 */
}
.office-tab-pane.active {
    display: block; /* 显示激活内容 */
    opacity: 1;
    transform: translateY(0);
}

.office{padding: 100px 0;background-color:#f4f7fc; }
.office-ul{flex-wrap: wrap;}
.office-ul li{width: 24.25%;margin-right: 1%;margin-bottom: 1%;border-radius: 8px;padding: 20px;border: 2px solid #fff;background-color:rgba(255,255,255,0.75);backdrop-filter: blur(10px)}
.office-ul li:nth-child(4n){margin-right: 0;}
.office-ul li i{color: var(--color-1);position: absolute;left: 0;font-size: 2rem;}
.office-ul li h6{font-size: 18px;font-weight:600;margin-bottom: 10px;}
.office-ul li p{font-size: 15px;line-height: 25px;position: relative;padding-left: 25px;padding-bottom: 5px;}
.office-ul li p:last-child{padding-bottom: 0;}
.office-ul li:hover{background-color: var(--color-1);}
.office-ul li:hover i{color: #fff;}
.office-ul li:hover h6{color: #fff;}
.office-ul li:hover p{color: #fff;}
@media (max-width: 1028px) {
    .office-tab-list {margin:10px 0 20px 0;flex-wrap: wrap}
    .office-tab-list li {width: 32%;line-height: 40px;border: 1px solid #fff;font-size: 1.4rem;margin-right: 5px;padding: 0 10px;margin-bottom: 2%}
    .office-tab-list li:nth-child(3n){margin-right: 0}
    .office{padding: 30px 0;}
    .office-ul li{width:100%;margin-right:0;margin-bottom:2%;padding:15px;border: 1px solid #fff;}
    .office-ul li i{font-size: 1.8rem;}
    .office-ul li h6{font-size: 1.6rem;}
    .office-ul li p{font-size: 1.4rem;line-height: 2.2rem;;}
}
/*contact*/
.contact{background-color: #fff;}
.contact-info{width: 100%;position: relative;padding: 100px 0;display: flex;align-items: center}
.contact-text{width: 50%;padding-left: 150px;padding-right: 50px;}
.contact-text h4{font-size: 32px;font-weight: 500;color:var(--color-1);line-height:45px;margin-bottom:10px;font-family:DingTalk JinBuTi;}
.en .contact-text h4{font-family: Arial, sans-serif;font-size: 25px;font-weight: 550}
.contact-text h6{font-size: 18px;font-weight: 500;color:var(--color-11);margin-bottom: 40px;}
.contact-text p{font-size: 18px;color:var(--color-11);line-height: 36px;padding:8px 0}
.en .contact-text h6{font-size: 16px;font-family: Arial, sans-serif;font-weight: 500;line-height: 26px;}
.en .contact-text p{font-size: 13px;font-family: Arial, sans-serif;}
.contact-text p.pl-30{padding-left:23px;}
.contact-text p em{font-weight: 400;color: #fff;text-align: center;margin-right: 5px;display: inline-block;height: 30px;width: 30px;line-height: 30px;font-size: 1.5rem;border-radius: 50%;background-color: var(--color-1)}
.en .contact-text p em{width: 25px;height: 25px;line-height: 25px;font-size: 1.4rem;}
.contact-text a{display: inline-block;padding: 0 50px;font-size: 18px;border:2px solid var(--color-2);border-radius: 30px;line-height: 50px;margin-top: 40px;color: var(--color-2);font-weight: 400;}
.contact-text a:hover{background-color:var(--color-2);color: #fff; }
.contact-info .img{width:50%}
.en .contact-text a{font-size: 16px;}
#Gaodemap{width: 100%;height:550px}
#Gaodemap .ripple{text-align: center;line-height: 1;}
#Gaodemap .ripple>i{font-size: 32px;display: block;color: var(--color-2);}
#Gaodemap .ripple>span{position:relative;left:50%;width: 14px;height: 14px;display: block;border-radius: 50%;background-color:var(--color-2);transform: translateX(-50%);}
#Gaodemap .ripple>span:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: var(--color-2);animation:soak 6s ease-in-out infinite;opacity: 0;}
.amap-logo{display: none!important;}
.amap-copyright{opacity:0;}
@keyframes soak{
    0% {
        opacity:.6;
        transform:scale(1);
    }

    50% {
        opacity:.2;
        transform:scale(6);
    }

    100% {
        opacity:.6;
        transform:scale(1);
    }
}
@media (max-width: 1600px) {
    .contact-text{padding-left: 100px;}
    .contact-text h4{font-size: 30px;line-height:45px;}
    .contact-text h6{font-size: 20px;margin-bottom: 30px}
    .contact-text p{font-size: 16px;line-height: 32px;}
    .contact-text p em{height: 28px;width: 28px;line-height: 28px;font-size: 1.4rem;}
    .contact-text a{font-size: 16px;}
}
@media (max-width: 1440px) {
    .contact-info{padding: 80px 0;}
    .contact-text{padding-left: 80px;padding-right: 40px;}
    #Gaodemap{height: 450px}
}
@media (max-width: 1360px) {
    .contact-text{padding-left: 60px}
    .contact-text h4{font-size: 25px;line-height:32px;}
    .contact-text h6{font-size: 15px;margin-bottom: 25px}
    .contact-text p{font-size: 15px;line-height: 25px;}
    .contact-text p em{height: 25px;width: 25px;line-height: 25px;font-size: 1.3rem;}
    .contact-text a{font-size: 15px;}
}
@media (max-width: 1280px) {
    .contact-info{padding: 60px 0;}
    .contact .contact-text{padding-left: 50px}
}
@media (max-width: 1028px) {
    .contact{background-color: #fff;}
    .contact .container{padding: 0;}
    .contact .page-nav .page-nav-ul{display: none}
    .contact .contact-info{padding:30px 20px;flex-wrap: wrap;-webkit-box-shadow:none;box-shadow:none;margin:0;width: 100%}
    .contact-text h4{font-size: 2.5rem;line-height:3.5rem;}
    .en .contact-text h4{font-size: 2rem;}
    .en .contact-text h6{font-size: 1.4rem;line-height: 2.2rem;font-weight: 400;}
    .contact-text{width: 100%!important;padding-left: 0!important;padding-right: 0!important;margin-bottom: 20px;}
    .contact .contact-text h3{font-size: 2rem;line-height: 2.5rem;margin-bottom:10px;}
    .contact .contact-text p{font-size: 1.4rem;line-height:2rem;padding:5px 0;}
    .contact .contact-text p:last-child{border-bottom: none;}
    .contact .contact-text p em{height: 25px;width: 25px;line-height: 25px;font-size: 1.2rem;margin-right: 5px}
    .contact-info .img{width: 100%}
    .contact-text a{padding: 0 20px;font-size: 1.6rem;line-height: 40px;margin-top: 20px;width: 50%;text-align: center}
    .en .contact-text a{font-size: 1.4rem;}
    #Gaodemap{width: 100%;height:250px}
}

/*contact-form*/
.contact-form{width: 100%;position: relative;padding:100px 0 0 0;background-color: #fff;}
.contact-form .info{width: 45%;border-right: 1px dashed #ddd;margin-right: 5%;position: relative;}
.contact-form .info .img{width: 100%;}
.contact-form .info .img img{width: auto;max-width: 90%;}
.contact-form .info h4{font-size: 35px;font-weight:500;color:#495057;margin-bottom:50px;text-align: center;font-family:DingTalk JinBuTi;}
.en .contact-form .info h4{font-family: Arial, sans-serif;font-size:20px;font-weight: 550}
.contact-form .info h4 i{font-size:3rem;font-weight: 400;color:var(--color-1)}
.contact-form form{width: 45%;padding-bottom:100px;}
.contact-form form label input:focus,.contact-form form label select:focus,.contact-form form label textarea:focus{border: 1px solid var(--color-1)}
.contact-form form h4{font-size: 35px;font-weight:500;color:#495057;margin-bottom:20px;font-family:DingTalk JinBuTi;}
.en .contact-form form h4{font-family: Arial, sans-serif;font-weight: 550;font-size: 25px;}
.contact-form form h4 i{font-size:3.2rem;font-weight: 400;margin-right:10px;color:var(--color-1)}
.contact-form form label{display: block;width:100%;margin:15px 0;}
.contact-form form label input{width: 100%!important;font-weight: 400;font-size: 16px;border: 1px solid #eee;text-indent: 20px;line-height:50px;height:50px;background-color:#fff;}
.contact-form form label select{width:49%;margin-right:2%;border-radius:4px;font-weight: 400;font-size: 16px;border: 1px solid #eee;height:50px;text-indent:18px;background-color: #fff}
.contact-form form label select:last-child{margin-right: 0;}
.en .contact-form form label select{font-size: 14px;}
.en .contact-form form label input{font-size: 14px;}
.contact-form form label.i2 input{width:49%!important;margin-right:2%;}
.contact-form form label.i2 input:last-child{margin-right: 0;}
.contact-form form label textarea{background-color: transparent;font-weight:400;width: 100%;border: 1px solid #eee;height:150px;outline: none;font-size: 16px;}
.contact-form form label textarea{padding: 20px;}
.en .contact-form form label textarea{font-size: 14px;}
.contact-form form label span{font-size: 16px;font-weight: 400;display: inline-block;margin-left: 10px;}
.contact-form form button{
    border: none;text-transform: uppercase;
    width: 200px;height:50px;line-height: 45px;color: #fff;font-size:18px;
    font-weight: 500;outline: none;border-radius: 25px;
    background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(var(--color-1)), to(var(--color-3)));
    background-image:-webkit-linear-gradient(45deg, var(--color-1), var(--color-3));
    background-image:-o-linear-gradient(45deg, var(--color-1), var(--color-3));
    background-image:linear-gradient(45deg, var(--color-1), var(--color-3));
    box-shadow:0 10px 20px rgba(255,103,32,0.3);
    -webkit-box-shadow:0 10px 20px rgba(255,103,32,0.3);
    -moz-box-shadow:0 10px 20px rgba(255,103,32,0.3);
}
.contact-form form button i{font-size: 2.2rem;margin-left: 10px;}
.en .contact-form form button{font-size:16px;}
.en .contact-form form button i{font-size: 1.8rem;}
@media (max-width: 1440px) {
    .contact-form form h4{font-size: 30px;}
    .contact-form form label{margin:15px 0;}
    .contact-form form label input{line-height:40px;height:40px;font-size: 15px;}
    .contact-form form label textarea{height:120px;font-size: 15px;}
    .contact-form form label textarea{padding: 20px;}
    .contact-form form label span{font-size: 15px;font-weight: 400;display: inline-block;margin-left: 10px;}
    .contact-form form button{width: 150px;height:45px;line-height: 45px;font-size:16px;}
    .contact-form form button i{font-size:2rem;margin-left: 5px;}
    .contact-form .info{}
    .contact-form .info h4{font-size: 30px;margin-bottom:20px;}
    .contact-form .info h4 i{font-size: 3rem;}
    .contact-form .info p{font-size: 15px;line-height: 30px;}
}
@media (max-width: 1028px) {
    .contact-form .info{width: 100%;border-right:none;margin-right: 0;margin-bottom: 0}
    .contact-form .info .img img{width: 100%!important;margin-bottom: 0!important;}
    .contact-form .info h4{font-size: 2.5rem;margin-bottom:20px;}
    .en .contact-form .info h4{font-size:2rem;}
    .contact-form .info h4 i{font-size:2rem;}
    .contact-form form{width: 100%;padding-bottom:20px;}
    .contact-form{padding:20px 20px;background-color: #f1f3f5;border-top-right-radius:0}
    .contact-form .container{flex-wrap: wrap;padding: 0}
    .contact-form .flex-sb{flex-wrap: wrap!important;}
    .contact-form form{order: 2;padding: 20px!important;margin-right:0;border-radius: 12px;width: 100%!important;background-color: #fff;box-shadow:none;-webkit-box-shadow:none;}
    .contact-form form h4{font-size: 2.2rem!important;margin-bottom:20px;}
    .contact-form form h4 i{font-size: 2.5rem!important;}
    .contact-form form label{margin:0!important;flex-wrap: wrap;}
    .contact-form form label input{line-height:50px;height:50px;width:100%;margin-right:2%;font-weight:400;font-size: 1.4rem;border: 1px solid #eee;}
    .contact-form form label input:last-child{margin-right: 0;}
    .contact-form form  label textarea{height:100px;font-size: 1.4rem;border: 1px solid #eee;padding:10px;margin-top: 10px!important;}
    .contact-form form button{width: 50%;height: 50px;line-height: 50px;font-size:1.4rem;margin:20px auto}
    .contact-form form button i{font-size:1.8rem;}
    .contact-form form  label input::-webkit-input-placeholder{font-size:1.4rem;font-family: arial, sans-serif;}
    .contact-form form  label input::-moz-placeholder{font-size:1.4rem;font-family: arial, sans-serif;}
    .contact-form form  label input:-ms-input-placeholder{font-size: 1.4rem;font-family: arial, sans-serif;}
    .contact-form form label.i2 input{margin-bottom: 10px!important;}
    .contact-form form label.i2 input{width:100%!important;margin-right:0;}
}

/*hr*/
.job{padding:50px 0;background-color:#f4f7fc;}
.job .title{margin-bottom: 20px;}
.job .title h4{font-size: 30px;font-weight:500;color: #495057;font-family:DingTalk JinBuTi;}
.job .title h4 i{font-size: 3.5rem;margin-right: 10px;color:var(--color-1);font-weight:300;}
.job .job-l{width: 60%;margin: 30px 0;}
.job .job-r{width: 35%;margin: 30px 0 30px 5%;}
.job .job-ul{padding:20px;background-color: rgba(255,255,255,0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 2px solid #fff;border-radius: 12px;}
.job .job-ul li{transition: all 0.5s;-webkit-transition: all 0.5s;border-bottom: 1px dashed #ddd;padding:20px;position: relative;width: 100%;align-items: center;}
.job .job-ul li:last-child{border-bottom: none;margin-bottom: 0;}
.job .job-ul li .info{position: relative;width: 100%;}
.job .job-ul li .info h6{font-size: 18px;color: #495057;width: 100%;display: block;margin-bottom: 10px;font-weight:400}
.job .job-ul li .info p{font-size: 14px;line-height: 22px;color: #868e96;width: 100%;display: block}
.job .job-ul li .info a{display: block;position: absolute;right: 0;top:50%;margin-top: -20px;
    padding: 6px 20px;background-color: #fff;
    font-size: 14px;color: #495057;border-radius: 20px;border: 1px solid #eee;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.job .job-ul li a:hover{background-color: var(--color-1);color: #fff}
.job .job-ul li:hover .info h6{color:var(--color-2);}
.job .job-ul li:hover{background-color: var(--color-15)}
.job .job-ul li:hover a{background-color: var(--color-2);color: #fff;border: 1px solid var(--color-2);}
.job .job-r .img{width: 100%;text-align: center;margin-bottom: 20px;padding-top:30px}
.job .job-r .img img{width: auto;max-width: 80%;}
.job .job-r .info{padding:30px;background-color: rgba(255,255,255,0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 2px solid #fff;border-radius: 12px;}
.job .job-r .info p{font-size:18px;line-height:36px;color:#495057;margin-bottom: 10px;}
.job .job-r .info a{font-weight:500;color:var(--color-2);}

@media (max-width: 1440px) {
    .job-r .info p{font-size:15px;line-height:25px;}
}
@media (max-width:1028px) {
    .job{padding:20px 0;background-color:#f4f7fc;}
    .job .container{flex-wrap: wrap;padding: 0}
    .job .title{margin-bottom: 20px;padding: 0 20px;}
    .job .title h4{font-size: 2.5rem;}
    .job .title h4 i{font-size: 2.5rem;margin-right: 5px;}
    .job .job-l{width: 100%;margin: 20px 0;}
    .job .job-r{width:calc(100% - 40px);margin: 20px;}
    .job .job-r .title{padding: 0}
    .job .job-ul{padding:10px;;border: 1px solid #fff;}
    .job .job-ul li{padding:10px;}
    .job .job-ul li .info{padding-right:90px; }
    .job .job-ul li .info h6{font-size: 1.6rem;}
    .job .job-ul li .info p{font-size:1.4rem;line-height:2.2rem;}
    .job .job-ul li .info a{;width: 90px;padding: 6px 10px;font-size: 1.4rem;right:-10px;}
    .job .job-r .img{padding-top:20px}
    .job .job-r .img img{width: 100%;}
    .job .job-r .info{padding:20px;}
    .job .job-r .info p{font-size:1.4rem;line-height:2.2rem;}
}

.news{padding: 80px 0;background-color:#f4f7fc;}
.news .news-title{width: 100%;margin-bottom: 20px;}
.news .news-title h4{font-size: 30px;font-weight: 500;color: var(--color-11);font-family:DingTalk JinBuTi;}
.news-left{width: 300px;margin-right: 50px;}
.news .page-nav-ul{width: 100%;margin-bottom:30px;}
.news .page-nav-ul li{margin-bottom:5px;}
.news .page-nav-ul li a{position: relative;font-size: 16px;line-height: 35px;background-color: rgba(255,255,255,0.95);border-radius: 6px;display: block;padding: 5px 20px;}
.news .page-nav-ul li a i{position: absolute;right:10px;font-size: 1.8rem;color: #666}
.news .page-nav-ul li a:hover,.news .page-nav-ul li a.cur{background-color: var(--color-2);color:#fff;}
.news .page-nav-ul li a:hover i,.news .page-nav-ul li a.cur i{right: 15px;color:#fff}
.news-ul-list{width: 100%;}
.news-ul-list li {margin-bottom:20px}
.news-ul-list li a{position:relative;border-radius: 12px;border: 2px solid #fff;background-color: rgba(255,255,255,0.65);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding:10px;display: block}
.news-ul-list li a .img{margin-bottom:10px;transition: all 0.5s;-webkit-transition: all 0.5s;width:100%;height:120px;background-size: cover;background-position: center;overflow: hidden;background-color: #f8f8f8;text-align: center;border-radius:6px;}
.news-ul-list li a .info h6{font-size:16px;color:var(--color-11);line-height:25px;}
.news-ul-list li a:hover .info h6{color: var(--color-2)}

.news-right{width: calc(100% - 350px);}
.news-ul{width: 100%;border-radius: 12px;border: 2px solid #fff;background-color: rgba(255,255,255,0.65);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding:50px;margin: 20px 0 50px 0;}
.news-ul li{width: 100%;margin-bottom: 40px;}
.news-ul li:last-child{margin-bottom: 0}
.news-ul li a{position:relative;}
.news-ul li a .info{padding:0;width:calc(100% - 350px);border-bottom: 1px solid #eee;}
.news-ul li a .info h6{font-size:18px;color:var(--color-11);margin-bottom:10px;font-weight:550;}
.news-ul li a .info p{font-size: 14px;color:#495057;line-height: 25px;margin-bottom:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.news-ul li a .info span{font-size: 16px;font-family: Arial, sans-serif;}
.news-ul li a .info span i{font-size: 2rem;margin-right: 5px;position: relative;top:2px;}
.news-ul li a .img{transition: all 0.5s;-webkit-transition: all 0.5s;width:320px;height:140px;background-size: cover;background-position: center;overflow: hidden;background-color: #f8f8f8;text-align: center;border-radius:12px;}
.news-ul li a:hover{}
.news-ul li a:hover .info h6{color: var(--color-2);}
.news-ul li a:hover .info{border-bottom: 1px solid var(--color-5)}
.news-ul li a:hover .img{transform: scale(0.95);-webkit-transform: scale(0.95);}
@media (max-width:1028px) {
    .news{padding: 20px 0;background-color:#f4f7fc;}
    .news .container{flex-wrap: wrap;padding: 0}
    .news .news-title{width: 100%;margin-bottom: 20px;}
    .news .news-title h4{font-size: 2.5rem;}
    .news-left{width: 100%;margin-right: 0;padding: 0 20px;}
    .news-left .news-title{display: none;}
    .news .page-nav-ul{width: 100%;margin-bottom:20px;display: flex;}
    .news .page-nav-ul li{margin-bottom:0;margin-right: 2%;width: 32%;}
    .news .page-nav-ul li:last-child{margin-right: 0;}
    .news .page-nav-ul li a{font-size:1.4rem;padding: 5px 15px;}
    .news .page-nav-ul li a i{;font-size: 1.6rem;}
    .news .page-nav-ul li a:hover i,.news .page-nav-ul li a.cur i{right: 10px}
    .news-ul-list{width: 100%;position: relative;margin-bottom: 10px;}
    .news-ul-list li {margin:0 0 20px 0;}
    .news-ul-list li a{border:1px solid #fff;padding: 0;}
    .news-ul-list li a .img{height:160px;margin-bottom: 0}
    .news-ul-list li a .info{padding:10px 20px;}
    .news-ul-list li a .info h6{font-size:1.4rem;line-height:2.2rem;overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
    .news-ul-list .slick-dots{
        position: absolute;width: 100%;left: 0;bottom:90px!important;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .news-ul-list .slick-dots li{margin:6px!important;border: none;border-radius: 50%;width:10px!important;height: 10px;min-height: 10px;padding: 0!important;background:none;background-color: rgba(0,0,0,0.2);}
    .news-ul-list .slick-dots li button{padding: 0;border: none;margin: 0;}
    .news-ul-list .slick-dots li.slick-active{background-color:var(--color-1) }
    .news-ul-list .slick-dots li button:before {font-size:14px;color:#222;opacity: 0;left:50%;margin-left: -5px;top:0;}
    .news-ul-list .slick-dots li.slick-active button:before {opacity: 0;color: var(--color-1)}
    .news-right{width:100%;}
    .news-right .news-title{padding: 0 20px;}
    .news-ul{border:none;background-color:transparent;padding:0;margin: 20px 0;}
    .news-ul li{width: 100%;
        margin-bottom: 10px;
        border: 1px solid #fff;background-color: rgba(255,255,255,0.65);
        backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);
        padding:20px;border-radius: 8px;
    }
    .news-ul li a .info{padding:0;width:65%;border-bottom:none;}
    .news-ul li a .info h6{font-size:1.4rem;line-height: 2rem;margin-bottom:5px;overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
    .news-ul li a .info p{display: none;}
    .news-ul li a .info span{font-size: 1.4rem;}
    .news-ul li a .info span i{font-size: 1.8rem;}
    .news-ul li a .img{width:30%;height:70px;margin-left: 5%;border-radius: 8px}
}
/*shownews*/
.shownews{width: 100%;}
.shownews .loc{margin: 0 auto 15px auto;padding: 0;width: 100%;font-size: 16px;line-height: 30px;color: #868e96;position: relative;text-align: left}
.shownews .loc a{color: #868e96;font-family: "Microsoft YaHei", "Roboto", sans-serif}
.shownews .loc i{font-size: 1.8rem;margin-right: 2px;}
.shownews .loc .icon-jiating-{font-size: 2rem;}
.shownews .loc .icon-reply{font-size:2.5rem;margin-left: 5px;position: relative;top:3px;}
.shownews .loc .back{position: absolute;right: 0;}
.shownews .shownews-main{border-radius: 12px;border: 2px solid #fff;background-color: rgba(255,255,255,0.65);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding:50px;margin: 20px 0 50px 0;}
.shownews .shownews-title{font-size: 30px;color:#495057;font-weight: 600;margin-bottom: 10px;}
.shownews .shownews-info{font-size: 15px;color: #868e96;border-bottom: 1px dashed #ddd;margin: 0 0 10px 0;padding: 10px 0 20px 0;}
.shownews .shownews-info span{margin: 0 10px 0 0;}
.shownews .shownews-cont{word-wrap: break-word!important;overflow-wrap: break-word!important;padding: 30px 0;font-size:15px;line-height: 25px;color:#495057;text-align: justify;text-justify:inter-ideograph;}
.shownews .shownews-cont p{word-wrap: break-word!important;overflow-wrap: break-word!important;margin: 10px 0;font-size:15px;line-height: 25px;color:#495057;text-align: justify;text-justify:inter-ideograph;}
.shownews .shownews-cont span,.shownews .shownews-cont strong,.shownews .shownews-cont div{word-wrap: break-word!important;overflow-wrap: break-word!important;}
.shownews .shownews-cont img{max-width: 80%;width: auto;height: auto;margin: 20px auto;display: block;}
.shownews .shownews-cont li, .shownews .shownews-cont ol,.shownews .shownews-cont ul{list-style:revert;padding: revert;margin: revert;}

@media screen and (max-width: 1440px) {
    .shownews .shownews-title{font-size: 25px;}
    .shownews .shownews-info{font-size: 14px;padding: 10px 0;}
    .shownews .shownews-cont{padding: 20px 0;font-size:14px;line-height: 22px;}
    .shownews .shownews-cont p{font-size:14px;line-height: 23px;}
}
@media screen and (max-width: 1028px) {
    .shownews{padding:10px 0 0 0;}
    .shownews .container{padding:0!important;width: 100%;}
    .shownews .news-right{padding: 0 20px;margin-top: 0}
    .shownews .news-left{padding:20px 0;margin-bottom:0;display: none}
    .shownews .loc{width: 100%;margin:10px auto;padding: 0 20px;font-size: 1.3rem;line-height: 2.2rem;display:none;}
    .shownews .loc a{margin-left:0;font-size: 1.3rem;}
    .shownews .loc i{font-size: 1.3rem;margin-right: 1px;}
    .shownews .loc .back{position: absolute;right: 20px;font-size: 1.3rem;}
    .shownews .shownews-main{width: 100%;padding:20px 20px;margin:20px 0;}
    .shownews .shownews-title{font-size:1.8rem;line-height:2.8rem;font-weight:500;padding-right: 0}
    .shownews .shownews-info{font-size: 1.3rem;}
    .shownews .shownews-cont{padding:0!important;width: 100%!important;font-size:1.5rem!important;line-height:2.2rem!important;color:#868e96!important;}
    .shownews .shownews-cont p{font-size:1.5rem!important;line-height:2.5rem!important;color:#868e96!important;display: block;width: 100%;}
    .shownews .shownews-cont img,.shownews .shownews-cont p span img{max-width:100% !important;width: 100% !important;margin: 0 auto;height: auto!important;}
    .shownews .shownews-cont p{font-size: 1.5rem!important;line-height:2.5rem!important;}
    .shownews .shownews-cont p span{font-size: 1.5rem!important;line-height:2.5rem!important;}
    .shownews .shownews-cont p img{width: 100%!important;}
    .shownews .shownews-cont p strong{font-size: 1.5rem!important;line-height:2.5rem!important;}
    .shownews .hot-ul{margin-bottom: 0}
}
.bottom-btn{padding:20px 0;border-top: 1px dashed #ddd;}
.bottom-btn a{font-family:"Microsoft YaHei", "Roboto", sans-serif;width: 50%;display: block;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 15px;line-height:25px;color:#495057;font-weight: 500;}
.bottom-btn a:hover{color:#495057;}
.bottom-btn a i{font-size: 2.5rem;color: #999;margin-right:10px;display: inline-block;vertical-align:middle;}
.bottom-btn a:last-child i{margin-right: 0;margin-left: 10px;}
.share-div{margin: 30px auto;text-align: left;padding: 0;}
.share-2{padding: 0;}
@media screen and (max-width: 1028px) {
    .bottom-btn{padding:0;height: auto;line-height:2rem;border-top:none;flex-wrap: wrap}
    .bottom-btn a{width: 100%;font-size:1.4rem;line-height:2.2rem;margin-bottom: 10px;}
    .bottom-btn a:hover{}
    .bottom-btn a:nth-child(2n){text-align: left;}
    .bottom-btn a i{display: none;}
    .share-div{margin: 20px auto;width: 100%;}
}
.service{width: 100%;}
.service-left{width: 300px;margin:20px 80px 60px 0;}
.service-left .service-title{width: 100%;padding: 0 20px;background-color: var(--color-1);}
.service-left .service-title h4{height:55px;line-height: 55px;color: #fff;font-size: 30px;font-family:DingTalk JinBuTi;text-transform: capitalize}
.service-left .page-nav-ul{padding:10px 0 0 0;border: 1px solid #f9f9f9;border-top: none;border-radius: 12px;background-color: #fff;box-shadow: 5px 0 40px -5px rgba(0,0,0,0.08);}
.service-left .page-nav-ul li{width: 100%;}
.service-left .page-nav-ul li a{display: block;padding:0 25px;line-height:50px;font-size: 16px;position: relative}
.en .service-left .page-nav-ul li a{font-size: 14px;font-family: Arial, sans-serif;text-transform: capitalize}
.service-left .page-nav-ul li a i{position: absolute;right:20px;font-size: 1.8rem;}
.service-left .page-nav-ul li a:hover{background-color: #f4f7fc;color: var(--color-1)}
.service-left .page-nav-ul li a.cur{background-color: #f4f7fc;color: var(--color-1);font-weight: 550;}
.service-left .page-nav-ul li a:hover i,.service-left .page-nav-ul li a.cur i{right: 12px;}
.service-right{width: calc(100% - 380px);margin:20px 0 60px 0;}
.service-right .service-title{width: 100%;padding-bottom: 20px;border-bottom: 1px solid #eee;margin-bottom: 20px;position: relative}
.service-right .service-title:after{content: '';width: 200px;height: 1px;background-color: var(--color-1);position: absolute;bottom:-1px;left: 0;}
.service-right .service-title h4{color:var(--color-1);font-size: 30px;font-family:DingTalk JinBuTi;line-height: 50px;text-transform: capitalize}
.news-list{width: 100%;margin-bottom:30px;}
.news-list li{padding:18px 20px 18px 10px;border-bottom: 1px solid #eee;position: relative;}
.news-list li:hover{background-color:#f4f7fc;}
.news-list li a{font-size: 15px;line-height: 25px;}
.news-list li span{text-align: right;font-family: Arial, sans-serif;font-size: 14px;}
.news-list li a.download{display: inline-block;width:100px;line-height: 35px;border-radius: 4px;background-color: var(--color-2);color: #fff;text-align: center;font-size: 14px;}
.news-list li a.download:hover{background-color: var(--color-3);}
.news-list li h6{font-size:16px;font-weight: 400;line-height: 32px;}
.news-list li h6 i{font-size:1.8rem;margin-right:3px;color: var(--color-2);}
@media screen and (max-width: 1028px) {
    .service{width: 100%;}
    .service  .sub-banner{height:auto;background-image: none;}
    .service  .sub-banner .container .text{padding:15% 0 20px 20px;width: 50%}
    .service  .sub-banner .container p{display: none;}
    .service  .container{flex-wrap: wrap}
    .service-left{display: none;}
    .service-right{width: 100%;margin:10px 0;}
    .service-right .service-title{padding-bottom: 10px;margin-bottom:10px;}
    .service-right .service-title:after{width: 100px;;}
    .service-right .service-title h4{font-size: 2.5rem;line-height: 40px;}
    .news-list{margin-bottom:20px;}
    .news-list li{padding:10px 0 10px 0;align-items: center}
    .news-list li a{font-size: 1.4rem;line-height:2.2rem;}
    .news-list li span{font-size: 1.2rem;}
    .news-list li a.download{width:70px;font-size: 1.2rem;height: 35px;}
    .news-list li h6{font-size:1.4rem;line-height:2rem;width: calc(100% - 80px);position: relative;padding-left: 20px;}
    .news-list li h6 i{font-size:1.6rem;position: absolute;left: 0;margin-right: 0;}
}
/*service-form*/
.service-form{width: 100%;position: relative;padding: 20px 0 50px 0;background-size:45%;background-repeat: no-repeat;background-position: right center}
.service-form p{font-size: 16px;margin-bottom:30px;line-height: 32px;}
.service-form form{width:100%;position: relative;z-index: 3;}
.service-form form label input:focus,.service-form form label select:focus,.service-form form label textarea:focus{border: 1px solid var(--color-2)}
.service-form form label{display: block;width:31.5%;margin-bottom: 15px;}
.service-form form label.w100{width: 100%}
.service-form form label input{width:100%;border-radius:4px;font-weight: 400;font-size: 15px;border: 1px solid #eee;text-indent: 20px;line-height:45px;}
.service-form form label select{width:100%;border-radius:4px;font-weight: 400;font-size: 15px;border: 1px solid #eee;height:45px;text-indent: 20px;}
.service-form form label textarea{width:100%;border-radius:4px;font-size: 14px;border: 1px solid #eee;outline: none;height:100px;padding: 10px;}
.service-form form label span{font-size: 15px;font-weight: 400;display: block;margin-bottom: 5px;}
.service-form form label span i{color: var(--color-3);margin-right: 5px;}
.service-form form button{border: none;text-transform: uppercase;margin-top: 10px;width: 200px;height:50px;line-height: 45px;color: #fff;font-size:18px;font-weight: 500;outline: none;border-radius: 6px;background-color: var(--color-2);}
.service-form form button i{font-size: 2.2rem;margin-left: 10px;}
@media screen and (max-width: 1028px) {
    .service-form{padding: 20px 0 40px 0;}
    .service-form p{font-size:1.4rem;margin-bottom:20px;line-height: 2.2rem;}
    .service-form form .flex-sb{flex-wrap: wrap;}
    .service-form form .flex-sb:nth-child(1) label:last-child{width: 100%}
    .service-form form .flex-sb:nth-child(2) label:first-child{width: 100%;}
    .service-form form label{display: block;width:49%;margin-bottom: 10px;}
    .service-form form label input{font-size: 1.4rem;}
    .service-form form label select{font-size: 1.4rem;background-color: #fff}
    .service-form form label textarea{font-size: 14px}
    .service-form form label span{font-size: 1.4rem;}
    .service-form form button{width:50%;font-size:1.4rem;}
    .service-form form button i{font-size: 2rem;margin-left: 5px;}
}
.service-info{padding: 20px 0;background-color:#fff }
.service-ul{width: 100%;flex-wrap: wrap;}
.service-ul li{border-bottom: 2px solid var(--color-4);border-right: 2px solid var(--color-4);width: 48.5%;;margin-bottom:3%;background-color:#f4f7fc;padding:60px;position: relative;border-top-left-radius:100px;border-bottom-right-radius:100px;}
.service-ul li:nth-child(2){border-right: none;border-left: 2px solid var(--color-4);border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius: 100px;border-top-right-radius: 100px;}
.service-ul li:nth-child(3){border-left: none;border-right: 2px solid var(--color-4);border-bottom:none;border-top: 2px solid var(--color-4);border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius: 100px;border-top-right-radius: 100px;}
.service-ul li:nth-child(4){border-right: none;border-left: 2px solid var(--color-4);border-bottom:none;border-top: 2px solid var(--color-4);border-top-left-radius:100px;border-bottom-right-radius:100px;border-bottom-left-radius: 0;border-top-right-radius:0;}
.service-ul li i{position: absolute;right:-10px;bottom:-10px;display: inline-block;width:80px;line-height: 80px;border-radius: 50%;text-align: center;font-family:DingTalk JinBuTi;background-color:var(--color-1);color: #fff;font-size: 45px;font-style: normal; }
.en .service-ul li i{font-family: Arial, sans-serif;font-size: 18px;line-height: 18px;width: 160px;border-radius: 12px;height: 50px;display: flex;justify-content: center;align-items: center}
.service-ul li:nth-child(2) i{right: unset;top:unset;left:-10px;bottom:-10px;}
.service-ul li:nth-child(3) i{right:-10px;top:-10px;left:unset;bottom:unset;}
.service-ul li:nth-child(4) i{right: unset;top:-10px;left:-10px;bottom: unset;}
.service-ul li h6{font-family:DingTalk JinBuTi;font-size:20px;font-weight: 500;margin-bottom:10px;color: var(--color-1);}
.en .service-ul li h6{font-family: Arial, sans-serif;font-weight: 550;font-size: 18px;margin-bottom: 6px;}
.service-ul li p{font-size: 16px;line-height: 1.3;margin-bottom: 20px;}
.en .service-ul li p{font-size: 14px;line-height: 22px;font-family: Arial, sans-serif}
@media screen and (max-width: 1028px) {
    .service-info{padding: 20px 0;background-color:#fff }
    .service-ul{width: 100%;flex-wrap: wrap;}
    .service-ul li{width: 100%;margin-bottom:30px;padding:30px;border-top-left-radius:50px;border-bottom-right-radius:50px;}
    .service-ul li:nth-child(2){border-bottom-left-radius: 50px;border-top-right-radius: 50px;}
    .service-ul li:nth-child(3){border-bottom-left-radius: 50px;border-top-right-radius: 50px;}
    .service-ul li:nth-child(4){border-top-left-radius:50px;border-bottom-right-radius:50px;margin-bottom: 0}
    .service-ul li i{right:-15px;bottom:-15px;;width:50px;line-height: 50px;font-size: 2.5rem; }
    .en .service-ul li i{font-size: 1.4rem;line-height: 1.4rem;width: 120px;border-radius: 8px;height: 40px;}
    .service-ul li:nth-child(2) i{left:-15px;bottom:-15px;}
    .service-ul li:nth-child(3) i{right:-15px;top:-15px;}
    .service-ul li:nth-child(4) i{top:-15px;left:-15px}
    .service-ul li h6{font-size:1.6rem;}
    .en .service-ul li h6{font-size: 1.4rem;}
    .service-ul li p{font-size: 1.4rem;line-height: 2rem;margin-bottom: 10px;}
    .en .service-ul li p{font-size: 1.3rem;line-height: 1.8rem;}
}
.solution{}
.solution-banner{width:100%;height:400px;background-color:#fff;background-size: cover;background-position: center;}
.solution-banner .container{align-items: center;height:400px}
.solution-banner .text{width:100%;text-align: left;}
.solution-banner .text h2{font-size:50px; line-height: 1.3;color: var(--color-1);margin-bottom: 30px;font-family:DingTalk JinBuTi;font-weight: 500}
.solution-banner .text p{font-size: 18px;line-height: 1.8;color: var(--color-11);font-weight: 400;width:60%;}
.en .solution-banner .text p{font-size: 16px;line-height: 26px;width: 75%;}
.solution-nav{width: 100%;height:60px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.solution-nav-ul{width: 100%;}
.solution-nav-ul li{width:25%;border-right: 1px solid #eee}
.solution-nav-ul li:last-child{margin-right: 0;}
.solution-nav-ul li a{font-size:16px;line-height:58px;font-weight:500;color: var(--color-11);display: block;position: relative;padding: 0 20px;}
.solution-nav-ul li a i{position: absolute;right: 10px;font-size:2rem;font-weight: 500;}
.solution-nav-ul li a:hover,.solution-nav-ul li a.cur{background-color: var(--color-1);color: #fff;}
.solution-nav {position: relative;z-index:9;}
.solution-nav.sticky {position: fixed;z-index: 9999;border-top: none;top: 0;left: 0;right: 0;background-color: rgba(255,255,255,0.95);backdrop-filter: blur(4px);-webkit-backdrop-filter:blur(4px);}
.solution-info{padding:120px 0;background-color:#f4f7fc;background-size: cover;scroll-margin-top: 60px;}
.solution-info:nth-child(2n){background-color: #fff;}
.solution-info h4{font-family:DingTalk JinBuTi;font-size:32px;margin-bottom: 30px;position: relative;}
.en .solution-info h4{}
.solution-info h4 img{margin-right: 5px;display: inline-block;}
.solution-info .text{margin-bottom: 40px;width: 100%}
.solution-info .text p{font-size:16px;line-height:2;margin-bottom: 20px;}
.en .solution-info .text p{font-size: 14px;line-height: 25px;text-align: justify; text-justify: inter-word;}
.en .solution-info .text p span{display: block;padding-top: 10px;font-weight: 550;}
@media (max-width: 1028px) {
    .solution-banner{margin-top: 60px;width:100%;height:270px;background-color:#fff;background-position: right top;background-size:150% auto;background-repeat: no-repeat}
    .solution-banner .container{align-items: center;height:300px}
    .solution-banner .text{width:100%;text-align: left;}
    .solution-banner .text h2{font-size:2.5rem!important; line-height: 2.5rem;margin-bottom: 100px}
    .solution-banner .text p{font-size: 1.4rem!important;line-height: 2.5rem!important;width:100% !important;padding-top:50px;}
    .en .solution-banner .text p{font-size: 1.3rem;line-height: 2rem;width: 100%}
    .solution-nav{display: none;}
    .solution-info{padding:20px 0}
    .solution-info h4{font-size:2.5rem;margin-bottom: 20px;}
    .en .solution-info h4{font-size: 2rem;}
    .solution-info h4 img{width: 25px;}
    .solution-info .text{margin-bottom: 20px;}
    .solution-info .text p{font-size:1.4rem;line-height:2.5rem;margin-bottom: 10px;}
    .en .solution-info .text p{font-size: 1.3rem;line-height: 2rem;text-align: left}
}

.ul-text{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ul-text h6{font-size:20px;font-weight: 500;}
.en .ul-text h6{font-size: 16px;font-weight: 550;}
.ul-text p{font-size: 16px;line-height: 2;}
.en .ul-text p{font-size: 14px;line-height: 25px;}
.ul-list{width: 100%;padding-top: 20px;}
.ul-list li{width: 100%;position: relative;margin-bottom:10px;background-color: #f8f8f8;padding:20px 20px 15px 60px;border-radius: 12px;}
.ul-list li i{font-style: normal;width:32px;line-height: 32px;background-color: var(--color-2);text-align: center;font-size:16px;color:#fff;border-radius: 50%;position: absolute;left:15px;top:50%;margin-top: -16px; }
.ul-list li h6{font-size:20px;font-weight: 500;margin-bottom: 5px;}
.en .ul-list li h6{font-size: 16px;font-weight: 550}
.ul-list li p{font-size:16px;!important;line-height:1.3!important;}
.en .ul-list li p{font-size: 14px!important;line-height: 25px!important;}
.ul-list li:hover{background-color: var(--color-1);padding:20px 0 15px 70px;}
.ul-list li:hover h6,.ul-list li:hover p{color: #fff;}
.ul-list li:hover i{background-color: #fff;color: var(--color-1);left:25px;}

.sol-ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content: space-between;
}
.sol-ul li{width: 23.5%;background-color: rgba(255,255,255,0.75);border-radius: 12px;padding:20px;border: 2px solid #fff;}
.en .sol-ul li{padding: 10px;min-height: 220px}
.sol-ul li h6{font-size:20px;border:1px solid #fff;display: block;background-color: var(--color-2);line-height:45px;border-radius: 8px;text-align: center;color: #fff;font-weight: 500;margin-bottom:15px;}
.en .sol-ul li h6{font-size:14px;font-family: Arial, sans-serif;font-weight: 550;line-height:18px!important;min-height: 50px;display: flex;justify-content: center;align-items: center}
.sol-ul li p{font-size:16px;line-height:1.8}
.en .sol-ul li p{font-size: 14px;line-height: 22px;}
.sol-ul.u-5 li{width: 19.2%;}
.sol-ul li:hover{background-color: var(--color-2);}
.sol-ul li:hover h6{background-color:rgba(255,255,255,0.75);color: var(--color-1);}
.sol-ul li:hover p{color: #fff;}
.sol-bg-ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sol-bg-ul.u-2 li{position: relative;overflow: hidden;transition: all 0.5s;width: 49%;margin-bottom: 2%;padding: 40px;background-color: rgba(255,255,255,0.75);border-radius: 12px;border: 2px solid #fff;}
.sol-bg-ul.u-2 li h6{padding-left: 20px;position:relative;font-size:20px;font-weight: 500;margin-bottom:10px;}
.en .sol-bg-ul.u-2 li h6{font-size: 16px;font-weight: 550}
.sol-bg-ul.u-2 li h6:after{transition: all 0.5s;content: '';width: 3px;height: 20px;background-color: var(--color-1);position: absolute;left: 0;top:50%;margin-top: -10px;}
.sol-bg-ul.u-2 li p{font-size:16px;!important;line-height:1.8!important;}
.en .sol-bg-ul.u-2 li p{font-size:14px;!important;line-height:25!important;}
.sol-bg-ul.u-2:nth-child(n+2){margin-bottom: 0}
.sol-bg-ul.u-2 li:after{transition: all 0.5s;content: '';position: absolute;width:50px;height: 50px;background-color: var(--color-2);border-radius: 50%;right: -25px;bottom: -25px;}
.sol-bg-ul.u-2 li:hover h6{padding-left: 30px;}
.sol-bg-ul.u-2 li:hover h6:after{left: 10px;}
.sol-bg-ul.u-2 li:hover:after{width:70px;height:70px;bottom: -30px;right: -30px;}
@media (max-width: 1440px) {
    .solution-banner .text p{width:70%}
    .solution-banner .text h2 {font-size: 45px;margin-bottom: 25px;}
    .solution-banner .text p {font-size: 18px;line-height: 28px;}
    .solution-nav-ul li a {font-size: 16px;}
    .solution-info h4 {font-size: 25px;line-height: 32px;margin-bottom: 25px;}
    .solution-info .text p {font-size: 16px;line-height:32px;margin-bottom: 10px;}
    .ul-text h6{font-size:1.6rem;}
    .en .ul-text h6{font-size: 1.4rem;}
    .ul-text p{font-size: 1.4rem;line-height: 2.5rem;}
    .en .ul-text p{font-size: 1.3rem;line-height: 2rem;}
    .ul-list li i {font-size: 18px;line-height: 2;width: 30px;height: 30px;text-align: center;}
    .ul-text h6 {font-size: 18px;line-height:28px;}
    .ul-text p {font-size: 14px;line-height:22px;}
    .ul-list li h6 {font-size: 18px;line-height: 28px;}
    .ul-list li p {font-size: 14px;line-height: 22px;}
    .sol-ul li{padding:15px;border:1px solid #fff;}
    .sol-ul li h6 {font-size: 15px;line-height: 35px;}
    .sol-ul li p {font-size: 14px;line-height: 22px;}
    .sol-bg-ul.u-2 li h6 {font-size: 18px;line-height: 28px;}
    .sol-bg-ul.u-2 li p {font-size: 14px;line-height: 22px;}
}
@media (max-width: 1360px) {
    .solution-banner .text p{width:80%}
}
@media (max-width: 1028px) {
    .sol-ul{flex-wrap: wrap;width: 100% }
    .sol-ul li{width: 100%!important;padding:15px;border: 1px solid #fff;margin-bottom: 4%}
    .en .sol-ul li{padding: 10px;min-height: auto}
    .sol-ul li h6{font-size:1.6rem;line-height:40px;border-radius: 4px;margin-bottom:10px;}
    .en .sol-ul li h6{font-size:1.4rem;line-height:1.8rem!important;min-height: 40px;}
    .sol-ul li p{font-size:1.4rem;line-height:2.5rem;}
    .en .sol-ul li p{font-size: 1.3rem;line-height: 2rem;}
    .sol-ul.u-5 li{width:100%;}
    .ul-list li i {font-size: 1.8rem;line-height: 35px;width: 35px;height: 35px;text-align: center;}
    .ul-list li h6 {font-size: 1.8rem;line-height: 2.8rem;font-weight: 550}
    .ul-list li p {font-size: 1.4rem;line-height: 2.5rem;}
}
.product{}
.pro-banner{width:100%;height:400px;background-color:#fff;background-position: right center;background-size:cover}
.pro-banner .container{align-items: center;height:310px}
.pro-banner .text{width:100%;text-align: left;padding-top:50px;}
.pro-banner .text h2{font-size:50px;line-height: 1.3;color: var(--color-1);margin-bottom: 30px;font-family:DingTalk JinBuTi;font-weight: 500}
.pro-banner .text p{font-size: 18px;line-height: 32px;color: var(--color-11);font-weight: 400;width:50%;}
.en .pro-banner .text p{font-size: 16px;line-height: 26px;font-weight: 300;width: 70%}
.pro-nav{width: 100%;height:60px;}
.pro-nav-ul{width: 100%;}
.pro-nav-ul li{width:auto;margin-right: 10px;}
.pro-nav-ul li:last-child{margin-right: 0;}
.pro-nav-ul li a{border-radius: 5px;padding: 0 40px;border:1px solid #fff;backdrop-filter:blur(4px);-webkit-backdrop-filter: blur(4px);background-color: rgba(255,255,255,0.65);font-size:16px;line-height: 60px;font-weight:500;color: var(--color-11);display: block;position: relative;}
.pro-nav-ul li a i{position: absolute;right: 10px;font-size:2rem;font-weight: 500;}
.pro-nav-ul li a:hover,.pro-nav-ul li a.cur{background-color: var(--color-1);color: #fff;border: 1px solid var(--color-1);}
.en .pro-nav-ul li a{display: flex;align-items: center;justify-content: center;padding: 0 25px;}
.pro-info{padding:100px 0;background-color: #fff;background-size: cover}
.pro-info:nth-child(2n){background-color: #f4f7fc;}
.pro-info.pro-info-1{padding: 100px 0 50px 0}
.pro-info .pro-title{width: 100%;margin-bottom:40px;}
.pro-info .pro-title h4{font-size:30px;font-family:DingTalk JinBuTi;font-weight: 500}
.en .pro-info .pro-title h4{}
.pro-info .pro-title img{width:30px;margin-right:5px;display: inline-block;position: relative;top:-1px;}
.pro-info .img-text{width: 100%;}
.pro-info .img-text .img{width: 400px;text-align: left}
.pro-info .img-text .img img{width: auto;max-width:100%;}
.pro-info.pro-info-1 .img-text .img{position: relative;bottom: -100px;}
.pro-info .img-text .text{width: calc(95% - 400px);margin-right:5%}
.pro-info .img-text .text p{font-size:16px;line-height: 2;margin-bottom: 20px;}
.en .pro-info .img-text .text p{font-size:14px;line-height:25px;text-align: justify; text-justify: inter-word;}
.pro-info .pro-ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content: space-between;
}
.pro-info .pro-ul li{}
.pro-info .pro-ul li h6{font-size:20px;font-weight: 500;}
.en .pro-info .pro-ul li h6{font-weight: 550;font-size: 18px;}
.pro-info .pro-ul li p{font-size:16px;line-height: 1.8;}
.en .pro-info .pro-ul li p{font-size: 14px;line-height: 22px;}
.pro-info .pro-ul li i{}
.pro-ul .w-32{width:32%}
@media (max-width: 1440px) {

}
@media (max-width: 1280px) {

}
@media (max-width: 1028px) {
    .pro-banner{margin-top: 60px;width:100%;height:120px;background-color:#fff;background-position: right center;background-size:cover;background-repeat: no-repeat}
    .pro-banner .container{align-items: center;height:120px}
    .pro-banner .text{width:100%;text-align: left;padding-top:130px;}
    .en .pro-banner .text{padding-top:180px;}
    .pro-banner .text h2{font-size:3rem;line-height:3rem;color: var(--color-1);margin-bottom:0}
    .pro-banner .text p{font-size: 1.4rem;line-height: 2.5rem;width:100%;padding-top: 60px;}
    .en .pro-banner .text p{font-size: 1.4rem;line-height: 2.2rem;width: 100%;padding-top: 60px;font-weight: 400;margin-bottom: 20px;}
    .pro-nav{display: none;}
    .pro-info{padding:30px 0;background-size: auto 100%;background-repeat: no-repeat;background-position: right center}
    .pro-info:nth-child(2n){background-color: #f4f7fc;}
    .pro-info.pro-info-1{padding: 100px 0 50px 0}
    .pro-info .pro-title{margin-bottom:20px;}
    .pro-info .pro-title h4{font-size:2.5rem;}
    .en .pro-info .pro-title h4{font-size: 2rem;}
    .pro-info .pro-title img{width:25px;}
    .pro-info .img-text{width: 100%;flex-wrap: wrap}
    .pro-info .img-text .img{width: 100%;order: 1;margin-bottom: 50px;text-align: center}
    .pro-info .img-text .img img{width: 50%;}
    .pro-info.pro-info-1 .img-text .img{position: relative;bottom: -10px;}
    .en .pro-info.pro-info-1 .img-text .img{bottom: -40px;}
    .pro-info .img-text .text{width: 100%;margin-right:0;order: 2;}
    .pro-info .img-text .text p{font-size:1.4rem;line-height: 2.5rem;margin-bottom: 10px;}
    .en .pro-info .img-text .text p{font-size:1.3rem;line-height:2rem;text-align: left}
    .pro-info .pro-ul{flex-wrap: wrap }
    .pro-info .pro-ul li h6{font-size:1.6rem;;}
    .en .pro-info .pro-ul li h6{font-size: 1.4rem;}
    .pro-info .pro-ul li p{font-size:1.4rem;line-height: 2.5rem;}
    .en .pro-info .pro-ul li p{font-size: 1.3rem;line-height: 2rem;text-align: left}
    .pro-ul .w-32{width:100%}
}
.float-animation {animation: float 6s ease-in-out infinite;}
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
}

.ul-1{flex-wrap: wrap}
.ul-1 li{width: 100%;padding:50px;background-color:#f4f7fc;margin-bottom: 20px;border-radius: 12px;position: relative}
.ul-1 li h5{margin-bottom: 20px;font-size: 20px;font-weight: 500;}
.en .ul-1 li h5{font-size: 18px;font-weight: 550;}
.ul-1 li h5 img{width:100px;position: absolute;right: 40px;bottom:40px;}
.ul-1 li p{padding-left: 20px;position: relative;margin-bottom: 10px;}
.ul-1 li p b{font-weight: 700;}
.ul-1 li p:after{content: '';width:5px;height:5px;background-color: var(--color-2);position: absolute;left: 0;top:13px;border-radius: 50%;}

.ul-2{flex-wrap: wrap}
.ul-2 li{width: 48.5%;padding: 20px;margin-bottom: 2%;border-bottom:2px solid var(--color-2);position: relative;}
.ul-2 li h5{margin-bottom: 20px;font-size:20px;font-weight: 500;border-bottom: 2px solid #ff854c;}
.en .ul-2 li h5{font-size: 18px;font-weight: 550;}
.ul-2 li h5 img{width: 50px;margin-right:10px;position: relative;bottom: -2px;display: inline-block}
.ul-2 li h6{margin-bottom: 20px;position: relative;padding-left: 20px;}
.ul-2 li h6:after{transition: all 0.5s;-webkit-transition: all 0.5s;content: '';width: 3px;height: 20px;background-color: var(--color-2);position: absolute;left: 0;top:0;}
.ul-2 li p{margin-bottom: 10px;}
.ul-2 li p b{font-weight: 500;}
.ul-2 li i{position: absolute;bottom: 0;right: 0;width: 40px;line-height:40px;text-align: center;background-color: var(--color-2);color: #fff;font-size: 18px;font-style: normal;}
.ul-2 li:hover h6{padding-left:25px;}
.ul-2 li:hover h6:after{left: 10px;}
.ul-2 li:hover{border-bottom:2px solid var(--color-5);background-color:var(--color-5);border-radius:20px;overflow: hidden;}
.ul-2 li:hover i{background-color:#fff;color: var(--color-1);border-radius: 50%;bottom: 10px;right: 10px;}
.no-b-b li{border-bottom: none;width: 49%;padding: 20px 0 20px 0;}
.no-b-b li p{position: relative;padding-left: 20px;margin-bottom:2px;line-height: 2;}
.no-b-b li p:after{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: var(--color-2);position: absolute;left:2px;top:12px;}
.no-b-b li:hover h5{background-color:#ff854c;color: #fff;border-radius:25px;overflow: hidden}
.no-b-b li:hover h5 img{margin-left: 15px;}
.no-b-b li:hover{background-color: transparent;border-radius: 0;border: none;}
@media (max-width: 1028px) {
    .ul-2 li h5{margin-bottom: 10px;font-size:1.8rem;border-bottom: 1px solid #ff854c;}
    .no-b-b li{width: 100%;padding: 15px 0;}
    .no-b-b li p{padding-left: 15px;line-height: 2.2em;}
    .no-b-b li p:after{width: 4px;height: 4px;left:0;top:10px;}
}

.ul-3{flex-wrap: wrap}
.ul-3 li{position: relative;width: 32%;margin-bottom: 2%;background-color: rgba(255,255,255,0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 2px solid #fff;padding: 20px;border-radius: 12px;}
.ul-3 li i{transition: all 0.5s;-webkit-transition: all 0.5s;font-size:20px;line-height:35px;width:35px;font-style: unset;border-radius: 50%;text-align: center;background-color: var(--color-1);color: #fff;position: absolute;right:-10px;top:-10px;}
.ul-3 li h6{margin-bottom: 20px;position: relative}
.ul-3 li h6:after{transition: all 0.5s;-webkit-transition: all 0.5s;content: '';width: 3px;height: 20px;background-color: var(--color-1);position: absolute;left:-20px;top:0;}
.ul-3.ul-3-2 li{width: 49%;}
.ul-3.ul-3-2 li:nth-child(n+3){margin-bottom: 0}
.ul-3 li:hover{background-color:var(--color-1);}
.ul-3 li:hover h6,.ul-3 li:hover p{color: #fff;}
.ul-3 li:hover h6{padding-left: 20px;}
.ul-3 li:hover h6:after{background-color: #fff;left:2px;}
.ul-3 li:hover i{background-color: #fff;color:var(--color-1);top:10px;right: 10px;}

.ul-3 li dl{}
.ul-3 li dl dt{transition: all 0.5s;font-size: 16px;line-height: 2;margin-bottom:30px;font-weight: 400}
.ul-3 li dl dd{transition: all 0.5s;font-size:14px;line-height:20px;position: relative;padding-left: 20px;margin-bottom:10px;}
.ul-3 li dl dd:after{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: var(--color-2);position: absolute;left: 0;top:8px;}
.ul-3-img{width: 100%;}
.ul-3-img li{position: relative;background-color:#f4f7fc;padding: 30px 100px 80px 30px;margin-bottom: 0}
.ul-3-img li .img{width: 50%;position: absolute;right:10px;bottom:10px;text-align: right;}
.ul-3-img li .img img{width:60%;}
.ul-3 li:hover dl dt{color: #fff;}
.ul-3 li:hover dl dd:after{background-color: #fff;}
.ul-3-img li:hover dl dd{color: #fff;}
.ul-3-img li:hover .img{bottom:25px;right: 25px}
@media (max-width: 1028px) {
    .ul-3 li dl dt{font-size: 1.6rem;line-height: 2.5rem;margin-bottom:20px;}
    .ul-3 li dl dd{font-size:1.4rem;line-height:2.2rem;padding-left: 15px;}
    .ul-3 li dl dd:after{width: 4px;height: 4px;top:12px;}
    .ul-3-img li{padding: 20px;width: 100%;margin-bottom: 5%}
    .ul-3-img li .img{width: 40%;}
    .ul-3-img li .img img{width: 100%;}
    .ul-3-img li:hover .img{bottom:25px;right: 25px}
}
.ul-4{flex-wrap: wrap}
.ul-4 li{width: 23.5%;margin-bottom: 2%;padding: 30px;border: 1px solid #eee;border-radius: 12px;border-left: 5px solid var(--color-2);position: relative}
.en .ul-4 li{padding: 40px 20px;}
.ul-4 li h6{margin-bottom:10px;font-size: 20px;}
.ul-4 li p{font-size: 16px;line-height: 1.8;}
.en .ul-4 li p{font-size: 14px;line-height: 22px;}
.ul-4 li i{font-size:25px;line-height:40px;width:40px;font-style: unset;border-radius: 50%;text-align: center;background-color: var(--color-1);color: #fff;position: absolute;right:10px;top:10px;}
.en .ul-4 li i{width: 32px;height: 32px;line-height: 32px;font-size: 20px;top:6px;right: 6px;}
.ul-4.ul-4-5 li{width: 18.4%;}
.ul-4 li:hover{background-color:var(--color-2);}
.ul-4 li:hover h6,.ul-4 li:hover p{color: #fff;}
.ul-4 li:hover i{right: 20px;background-color: #fff;color: var(--color-2);}
@media (max-width: 1028px) {
    .ul-4{flex-wrap: wrap!important;}
    .ul-4 li{width: 100%!important;margin-bottom: 2%;padding:15px;}
    .en .ul-4 li{padding: 40px 20px;}
    .ul-4 li h6{margin-bottom:10px;font-size: 1.6rem;font-weight: 550}
    .ul-4 li p{font-size: 1.4rem;line-height: 2.5rem;}
    .en .ul-4 li p{font-size: 1.3rem;line-height: 2rem;}
    .ul-4 li i{font-size:2.5rem;}
    .en .ul-4 li i{font-size: 2rem;}
    .ul-4.ul-4-5 li{width: 100%;}
}
.ul-5{}
.ul-5 li{width: 18.4%;margin-right: 2%;border: 1px solid var(--color-2);border-top: none;border-bottom-right-radius:50px;overflow: hidden;box-shadow: 5px 10px 10px rgba(225,229,236,.35), -5px -10px 10px #f8f9fa;background-color: #fff;}
.ul-5 li:last-child{margin-right: 0}
.ul-5.ul-5-4 li{width: 23.5%}
.ul-5 li h6{display:block;background-color: var(--color-2);line-height:50px;color: #fff;padding: 0 20px;position: relative}
.ul-5 li h6 i{font-size: 3rem;position: absolute;right: 20px;color:#fff;}
.ul-5 li p{padding: 20px;display: block}
.ul-5 li:hover{background-color:  var(--color-2);;border-bottom-left-radius: 50px;border-bottom-right-radius:0;}
.ul-5 li:hover p{color: #fff}
@media (max-width: 1028px) {
    .ul-5{flex-wrap: wrap}
    .ul-5 li{width: 100%;}
    .ul-5.ul-5-4 li{width: 100%;}
    .ul-5 li h6{line-height:40px;}
    .ul-5 li h6 i{font-size: 2.5rem;}
    .ul-5 li p{padding: 20px;display: block}
}
.ul-bg{}
.ul-bg li{width: 49%;margin-bottom: 2%;background-color: rgba(255,255,255,0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 2px solid #fff;padding: 25px;border-radius: 12px;}
.ul-bg li h6{font-weight: 550;padding-left: 0;margin-bottom: 10px;}
.ul-bg li h6:after{left: -26px;}
.ul-bg li p{margin-bottom: 0}
.ul-bg li:nth-child(3),.ul-bg li:nth-child(4){margin-bottom: 0}

.solution-info .ul-5.u-4 li{width: 23.5%;}

.huoke{width: 100%;background-image: url(../images/ad.jpg);height:350px;background-position: center bottom;background-size:cover}
.huoke .container{padding:100px 150px;width: 100%;}
.huoke h2{font-size:36px;line-height: 1.4;font-weight:400;text-align: center}
.huoke a{
    display: block;width:180px;line-height: 50px;margin:50px auto;border: 1px solid #eee;text-align: center;
    backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);
    font-size: 18px;font-weight: 400;color: #fff;background-color:var(--color-1) ;border-radius: 30px;
}
@media (max-width: 1440px) {
    .huoke{height:300px;}
    .huoke .container{padding:100px 100px;width: 100%;}
    .huoke a{width:160px;line-height: 50px;margin:40px auto;}
    .ul-4 li{width: 24%;margin-bottom: 2%;padding: 20px;border-left: 3px solid var(--color-2);}
    .ul-4 li h6{margin-bottom:10px;font-size: 18px;}
    .ul-4 li p{font-size: 14px;line-height: 23px;}
    .ul-4.ul-4-5 li{width:19.2%!important;margin-right: 1%!important;}
    .ul-4-5 li:last-child{margin-right: 0!important;}
    .ul-4-5 li{padding:40px 15px 20px 15px;}
    .ul-4 li:hover i{right: 10px;}
}
@media (max-width: 1280px) {
    .huoke{height:250px;}
    .huoke .container{padding: 0 50px;}
    .huoke a{width:150px;line-height: 45px;margin:30px auto;}
}


/*search*/
.search{width: 100%;padding:50px 0;background-color:#fff;}
.search-title{padding:100px 0 0 0;margin: 0 auto;width: 50%}
.search-title form{width:100%;padding: 0;margin: 0;}
.search-title form label{
    width:100%;margin: 0 auto;background-color:#f4f7fc;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);
    overflow: hidden;
    border-radius:40px;
    border: 2px solid #fff;
    padding: 0 20px;
}
.search-title form label select{font-weight: 400;border: none;outline:none;background-color: transparent;margin-right: 2%;width: 20%}
.search-title form label input{border:none;height: 50px;width:90%;text-indent:30px;font-size: 14px;color: #868e96;font-weight: 400;background-color:rgba(255,255,255,0.3);}
.search-title form label button{border:none;height: 50px;background-color:rgba(255,255,255,0.3);width:10%;text-align: center;}
.search-title form label button i{font-size: 2.5rem;color:var(--color-2);font-weight: 400}
.search .tips{padding:30px 0;text-align: center}
.search .tips p{font-size: 18px;line-height: 30px;color: #868e96;font-weight: 400;}
.search .tips p span{color: var(--color-2);font-weight: 550;}
.search .err{min-height: 300px}
.search-info{width: 100%;flex-wrap: wrap;align-items: flex-start;}
.search-left{width: 22%;margin-right:3%;}
.search-dl{
    width: 100%;padding:40px;
    background-color:#f4f7fc;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);
    border: 2px solid #fff;
    border-radius:12px;
}
.search-dl dt{display: block;width: 100%;font-size:18px;font-weight: 500;margin-bottom: 10px;color: #495057;}
.search-dl dd{display: block;padding:5px 0 5px 20px;position: relative;}
.search-dl dd:after{content: '';width: 8px;height: 8px;background-color:var(--color-5);position: absolute;left: 0;top:50%;margin-top: -4px;border-radius: 50%}
.search-dl dd a{display: block;font-size: 14px;line-height: 22px;font-weight: 400;color: #495057;}
.search-dl dd a:hover{color: var(--color-2);}
.search-right{width:75%;}
.search-list{width: 100%;padding:0 0 20px 0}
.search-list li{display: block;width: 100%;padding: 20px 0;border-bottom: 1px dashed #ddd;}
.search-list li a{display: block;position: relative;}
.search-list li a h6{font-size: 18px;font-weight: 500;color: #495057;margin-bottom: 5px;}
.search-list li a p{font-size: 14px;line-height: 22px;color: #868e96;font-weight: 400;}
.search-list li a span{position: absolute;right: 0;font-size: 2.5rem;color: #adb5bd}
.search-list li a:hover h6{color: var(--color-2)}
@media (max-width: 1028px) {
    .search{padding:20px;}
    .search-title{padding:100px 0 0 0;}
    .search-title a{width: 32%;font-size:1.2rem;height:45px;line-height:43px}
    .search-title form{width:66%;padding: 0;margin: 0;}
    .search-title form label input{border:none;height:45px;width:78%;text-indent:20px;font-size:1.4rem}
    .search-title form label button{height:45px;width:22%;text-align:center;padding-right:0;}
    .search-title form label button i{font-size:2.5rem;}
    .search .tips{padding:20px 0;width: 100%;}
    .search .tips p{font-size: 1.6rem;line-height:2.2rem}
    .search-left{width: 100%;margin-right:0;order:2;}
    .search-dl{padding:40px;border-bottom-right-radius: 30px;border-top-left-radius: 30px;margin-bottom: 30px;background-color:#f1f3f5}
    .search-dl dt{font-size:1.8rem;}
    .search-dl dd{padding:8px 0 8px 20px;}
    .search-dl dd a{font-size:1.5rem;line-height: 2.5rem}
    .search-dl dd a:hover{color: var(--color-2);}
    .search-right{width:100%;padding-left:0;border-left:none;order:1;}
    .search-list{width: 100%;padding:0 0 20px 0;background-color: #fff;}
    .search-list li{border-bottom: 1px dashed #aaa;}
    .search-list li a h6{font-size: 1.4rem;}
    .search-list li a p{font-size: 1.2rem;line-height:1.8rem;}
    .search-list li a span{font-size:2rem;}
}
.pro-jiazhi-ul{flex-wrap: wrap;margin:20px -25px;position: relative}
.pro-jiazhi-ul li{margin:20px 25px;min-height: 350px;height: auto;}
.pro-jiazhi-ul li{position: relative;background-color: rgba(255,255,255,0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 2px solid #fff;padding: 20px;border-radius: 12px;}
.pro-jiazhi-ul li img{width: 100%;margin-bottom: 20px;}
.pro-jiazhi-ul li h6{margin-bottom:10px;position: relative;font-size:20px;font-weight: 550}
.en .pro-jiazhi-ul li h6{font-size: 18px;}
.pro-jiazhi-ul li h6:after{transition: all 0.5s;-webkit-transition: all 0.5s;content: '';width: 3px;height: 20px;background-color: var(--color-1);position: absolute;left:-20px;top:0;}
.pro-jiazhi-ul li p{line-height:1.8!important;font-size:16px;height:140px;overflow: hidden;display: block;}
.en .pro-jiazhi-ul li p{line-height: 22px!important;font-size: 14px;}
.pro-jiazhi-ul li:hover{background-color:var(--color-1);}
.pro-jiazhi-ul li:hover h6,.pro-jiazhi-ul li:hover p{color: #fff;}
.pro-jiazhi-ul li:hover h6{padding-left: 20px;}
.pro-jiazhi-ul li:hover h6:after{background-color: #fff;left:2px;}
/*
.pro-jiazhi-ul li.slick-active{-webkit-animation: fadeIn 1s both;animation: fadeIn 1s both;}
.pro-jiazhi-ul li.slick-active img{-webkit-animation: fadeInDown 1s both 0.2s;animation: fadeInDown 1s both 0.2s;}
.pro-jiazhi-ul li.slick-active p{-webkit-animation: fadeInUp 1s both 0.4s;animation: fadeInUp 1s both 0.4s;}
.pro-jiazhi-ul li.slick-active h6{-webkit-animation: fadeInUp 1s both 0.6s;animation: fadeInUp 1s both 0.6s;}
 */
.pro-jiazhi-ul .NextArrow,.pro-jiazhi-ul .PrevArrow{
    position: absolute;
    width: 40px;
    height:40px;border-radius: 50%;
    line-height:40px;
    background:transparent;border: none;top:50%;margin-top: -20px;
    text-align: center;
    z-index: 999;
    outline: none;
}
.pro-jiazhi-ul .NextArrow i,.pro-jiazhi-ul .PrevArrow i{font-size:40px;color:var(--color-1);font-weight: 400;}
.pro-jiazhi-ul .NextArrow:hover i,.pro-jiazhi-ul .PrevArrow:hover i{color:var(--color-1);}
.pro-jiazhi-ul .NextArrow{right:-20px;transform: rotate(-180deg)}
.pro-jiazhi-ul .PrevArrow{left:-20px;}
.pro-jiazhi-ul .slick-dots{position: absolute;width: 100%;left: 0;bottom:-20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.pro-jiazhi-ul .slick-dots li{margin:6px!important;border: none;border-radius: 50%;width:10px!important;height: 10px;min-height: 10px;padding: 0!important;background:none;background-color: rgba(0,0,0,0.2);}
.pro-jiazhi-ul .slick-dots li button{padding: 0;border: none;margin: 0;}
.pro-jiazhi-ul .slick-dots li.slick-active{background-color:var(--color-1) }
.pro-jiazhi-ul .slick-dots li button:before {font-size:14px;color:#222;opacity: 0;left:50%;margin-left: -5px;top:0;}
.pro-jiazhi-ul .slick-dots li.slick-active button:before {opacity: 0;color: var(--color-1)}
@media (max-width: 1028px) {
    .pro-jiazhi-ul{flex-wrap: wrap;margin:10px 0;position: relative}
    .pro-jiazhi-ul li{margin:10px 10px;min-height: auto!important;height: auto;}
    .pro-jiazhi-ul li{border: 1px solid #fff;padding: 10px;}
    .pro-jiazhi-ul li img{margin-bottom: 15px;}
    .pro-jiazhi-ul li h6{;font-size:1.6rem;}
    .en .pro-jiazhi-ul li h6{font-size: 1.4rem;}
    .pro-jiazhi-ul li h6:after{left:-20px;}
    .pro-jiazhi-ul li p{line-height:2.2rem!important;font-size:1.4rem;height:auto!important;}
    .en .pro-jiazhi-ul li p{line-height: 2rem!important;font-size:1.3rem;}
    .pro-jiazhi-ul .NextArrow,.pro-jiazhi-ul .PrevArrow{opacity: 0}
}

.pro-gl-ul{flex-wrap: wrap;padding: 50px 0 50px 0}
.pro-gl-ul li{width: 49%;background-color:#f4f7fc;border: 1px solid #f4f7fc;position: relative;top:-30px;margin-bottom: 2%;padding:30px 30px 30px 100px;border-radius:20px; }
.pro-gl-ul li:nth-child(2n){position: relative;top:25px;padding: 30px 100px 30px 30px;}
.pro-gl-ul li i{font-size: 50px;width: 40px;height: 40px;color: var(--color-1);position: absolute;left: 20px;top:16px;object-fit: cover;}
.pro-gl-ul li:nth-child(2n) i{left: unset;right: 25px;}
.pro-gl-ul li:last-child i{font-size: 40px;}
.pro-gl-ul li h6{font-size: 20px;font-weight: 550;margin-bottom:20px;color: var(--color-11)}
.en .pro-gl-ul li h6{font-size: 18px;}
.pro-gl-ul li p{font-size: 15px;line-height:25;color: var(--color-11);margin-bottom: 10px;}
.en .pro-gl-ul li p{font-size: 14px;}
.pro-gl-ul li p:last-child{margin-bottom: 0!important;}
.pro-gl-ul li:hover{background-color: #fff;border: 1px solid #eee;}
.pro-gl-ul li:hover i{transform: scale(1.1);-webkit-transform: scale(1.1)}
@media (max-width: 1440px) {
    .pro-jiazhi-ul li{padding: 20px;}
    .pro-jiazhi-ul li h6{font-size:18px;}
    .pro-jiazhi-ul li p{font-size: 14px;line-height:23px;height:150px;}
    .pro-gl-ul li{top:-30px;margin-bottom: 2%;padding:25px 25px 25px 80px; }
    .pro-gl-ul li:nth-child(2n){top:25px;padding: 25px 80px 25px 25px;}
    .pro-gl-ul li h6{font-size:18px;}
    .pro-gl-ul li p{font-size: 14px;line-height:23;}

}
@media (max-width: 1028px) {
    .pro-gl-ul{padding: 10px 0 0 0}
    .pro-gl-ul li{width: 100%;;top:unset;margin-bottom: 5%;padding:25px;border-radius:8px; }
    .pro-gl-ul li:last-child{margin-bottom: 0}
    .pro-gl-ul li:nth-child(2n){top:unset;padding: 25px;}
    .pro-gl-ul li i{font-size: 4rem;width: 60px;height: 60px;left:unset;top:-10px;right:-10px;background-color: #fff;border-radius: 50%;text-align: center}
    .pro-gl-ul li:nth-child(2n) i{left: unset;right:-10px;}
    .pro-gl-ul li:last-child i{font-size: 4rem;}
    .pro-gl-ul li h6{font-size: 1.8rem!important;margin-bottom:10px;font-weight: 600!important;}
    .en .pro-gl-ul li h6{font-size: 1.6rem!important;}
    .pro-gl-ul li p{font-size: 1.4rem;line-height:2.2rem;}
    .en .pro-gl-ul li p{font-size: 1.3rem;line-height: 2rem;}
}