@charset "utf-8";

/*--pcbanner--*/
.pcbanner {position:relative;z-index:1;clear:both;overflow:hidden;}
.pcbanner .swiper-slide{overflow:hidden;}
.pcbanner .swiper-slide a,.pcbanner .swiper-slide picture{display:block;width:100%;}
.pcbanner .swiper-slide img{display:block;width:100%;}
.pcbanner .swiper-pager{position:absolute;z-index:9;left:0;bottom:50px;width:100%;text-align:center;}
.pcbanner .swiper-pager span{position:relative;display:inline-block;margin:0 12px !important;width:11px;height:11px;background:#fff;opacity:1;}
.pcbanner .swiper-pager span.swiper-pagination-bullet-active{background:#e8452f;}
.pcbanner .swiper-prev,.pcbanner .swiper-next{position:absolute;z-index:9;top:50%;width:48px;height:48px;line-height:46px;color:#fff;text-align:center;cursor:pointer;border:#fff solid 1px;border-radius:50%;}
.pcbanner .swiper-prev{left:5%;}
.pcbanner .swiper-next{right:5%;}
.pcbanner .swiper-prev:hover,.pcbanner .swiper-next:hover{color:#fff;border-color:var(--vi-color);background:var(--vi-color);}
@media(max-width:1200px){
.pcbanner .swiper-prev,.pcbanner .swiper-next{display:none;}
.pcbanner .swiper-pager{bottom:20px;}
.pcbanner .swiper-pager span{margin:0 5px !important;width:8px;height:8px;}
}
/*--end pcbanner--*/


/*--brands--*/
.brands{margin-top:-115px;height:870px;overflow:hidden;background:url(../images/brands_bg.jpg) no-repeat center 0;}
.brands .inner{position:relative;padding-top:284px;overflow:hidden;}
.brands .inner .circle{margin:0 auto;padding:110px 30px;width:418px;height:418px;text-align:center;overflow:hidden;border-radius:50%;animation:zoomIn 1s;}
.brands .inner .circle h2{margin-bottom:20px;font-size:36px;color:#fff;line-height:1.15;}
.brands .inner .circle a{display:block;margin:0 auto;width:242px;height:60px;line-height:60px;font-size:18px;color:#13223b;background:var(--vi-subcolor);border-radius:5px;}
@media(max-width:1200px){
.brands{margin-top:0;height:435px;background-size:auto 100%;}
.brands .inner{padding-top:142px;}
.brands .inner .circle{padding:50px 15px;width:209px;height:209px;}
.brands .inner .circle h2{margin-bottom:15px;font-size:26px;}
.brands .inner .circle a{width:130px;height:40px;line-height:40px;font-size:14px;}
}
/*--end brands--*/

/*---products-*/
.products{padding:70px 0;overflow:hidden; background:#fff;}
.products .box-title{position:relative;margin-bottom:50px;line-height:45px;animation:fadeInDown 1s;}
.products .box-title h2{text-align:center;font-size:36px;color:#222;}
.products .box-title h2 a{color:#222;}
.products .box-title .more{display:block;position:absolute;right:0;top:0;font-size:16px;color:#666;}
.products .box-title .more:after{display:inline-block;margin-left:12px;font-family:"iconfont";content:"\e694";}
.products .box-title .more:hover{color:var(--vi-color);}
.products-cont{overflow:hidden;}
.products-list{display:flex;flex-wrap:wrap;margin:-25px;}
.products-list .item{margin:25px;width:calc(100% / 4 - 50px);overflow:hidden;}
.products-list .pic{overflow:hidden;border:#e4e4e4 solid 1px;}
.products-list .pic img{display:block;transition:all 1s;}
.products-list .tit{line-height:70px;overflow:hidden;border-bottom:#e4e4e4 solid 1px;}
.products-list .tit a{display:block;font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.products-list .tit a:before{display:block;float:right;font-family:"iconfont";content:"\e694";}
.products-list .item:hover .pic,.products-list .item:hover .tit{border-color:var(--vi-color);transition:all 1s;}
.products-list .item:hover .pic img{transform:scale(1.1);}
.products-list .item:hover .tit a{color:var(--vi-color);}
@media(max-width:1200px){
.products{padding:35px 10px;}
.products .box-title{margin-bottom:25px;line-height:1.5;}
.products .box-title h2{font-size:24px;}
.products .box-title .more{display:none;}
.products-list{margin:-5px;}
.products-list .item{margin:5px;width:calc(100% / 2 - 10px);}
.products-list .tit{line-height:40px;}
.products-list .tit a{font-size:14px;}
}
/*---end products-*/

/*---adv-*/
.adv {padding:80px 0 30px;overflow:hidden;background:url(../images/adv_bg.jpg) no-repeat center / cover;}
.adv .box-title{margin-bottom:80px;text-align:center;color:#fff;overflow:hidden;animation:fadeInDown 1s;}
.adv .box-title h2{font-size:36px;}
.adv .box-title h2 em{color:var(--vi-subcolor);}
.adv .box-title p{font-size:14px;}
.adv-cont{overflow:hidden;}
.adv-list{display:flex;flex-wrap:wrap;margin:-14px;}
.adv-list .item{position:relative;margin:14px;padding: 30px 30px 30px 30px;width:calc(100% / 4 - 28px);/*height:696px;*/overflow:hidden;background-size:100% 100%;background-repeat:no-repeat;}
.adv-list .item-1{background-image:url(../images/advbg1-.png);animation:fadeInUp 1s;}
.adv-list .item-2{background-image:url(../images/advbg2-.png);animation:fadeInUp 1.5s;}
.adv-list .item-3{background-image:url(../images/advbg3-.png);animation:fadeInUp 2s;}
.adv-list .item-4{background-image:url(../images/advbg4-.png);animation:fadeInUp 2.5s;}
.adv-list .item .hd{position:relative;padding-bottom:14px;overflow:hidden;}
.adv-list .item .hd:after{display:block;position:absolute;left:0;bottom:0;width:90%;height:1px;content:"";background:#fff;}
.adv-list .item .hd span{display:block;margin-top:0px;line-height:40px;font-size:16px;color:#fff;}
.adv-list .item .bd{padding-top:0px;overflow:hidden;}
.adv-list .item .bd img{display:block;border-radius:10px;}
.adv-list .item .bd h3{margin-top:20px;font-size:36px;line-height:1.2;font-weight:600;color:#fff;}
.adv-list .item .bd p{margin-top:30px;height:120px;line-height:30px;font-size:14px;color:#fff;overflow:hidden;}
.adv-list .item .bd i{display:block;margin-top:10px;width:40px;}
@media(max-width:1200px){
.adv{padding:35px 10px;}
.adv .box-title{margin-bottom:25px;}
.adv .box-title h2{font-size:24px;}
.adv .box-title p{font-size:14px;}
.adv-list{margin:-5px;}
.adv-list .item{margin:5px;padding:0 15px;width:calc(100% / 2 - 10px);height:400px;background-position:center top !important;}
.adv-list .item .hd span{margin-top:40px;line-height:30px;font-size:18px;}
.adv-list .item .bd{padding-top:20px;}
.adv-list .item .bd h3{margin-top:10px;font-size:24px;}
.adv-list .item .bd p{margin-top:20px;height:120px;line-height:20px;font-size:14px;}
.adv-list .item .bd i{display:none;}
}
/*---end adv-*/

/*--aboutus--*/
.aboutus{padding:110px 0;overflow:hidden;background:#f5f5f5;}
.aboutus .intro{overflow:hidden;}
.aboutus .intro .hd{float:left;padding-left:50px;padding-top:45px;width:446px;height:240px;overflow:hidden;background:url(../images/intro_hd.jpg) no-repeat;}
.aboutus .intro .hd h2{font-weight:bold;font-size:42px;color:#222;}
.aboutus .intro .hd h2 a{color:#222;}
.aboutus .intro .hd p{font-size:24px;color:#222;}
.aboutus .intro .hd em{display:block;margin-top:20px;font-size:14px;font-family:"DIN Medium";color:#999;}
.aboutus .intro .bd{float:right;padding-top:45px;width:840px;height:240px;overflow:hidden;background:url(../images/intro_bd.png) repeat-x 0 0;}
.aboutus .intro .bd .summary{height:96px;line-height:32px;font-size:18px;color:#333;overflow:hidden;}
.aboutus .intro .bd .btnBox{margin-top:25px;overflow:hidden;}
.aboutus .intro .bd .btnBox a{display:block;float:left;margin-right:40px;padding-right:30px;height:23px;line-height:23px;font-size:16px;color:#666;background-position:right center;background-repeat:no-repeat;}
.aboutus .intro .bd .btnBox a:nth-child(1){background-image:url(../images/read.png);}
.aboutus .intro .bd .btnBox a:nth-child(2){background-image:url(../images/player.png);}
.aboutus .intro .bd .btnBox a:hover{color:var(--vi-color);}
.aboutus .base{position:relative;}
.aboutus .base-menu{position:absolute;z-index:9;top:0;left:0;width:446px;background:rgba(0,0,0,0.6);}
.aboutus .base-menu li{position:relative;float:left;width:33.33%;padding:38px 0;text-align:center;font-size:20px;color:#fff;cursor:pointer;border-right:rgba(255,255,255,0.1) solid 1px;}
.aboutus .base-menu li:before{display:block;margin:0 auto 8px;width:32px;height:32px;content:"";background-repeat:no-repeat;background-size:100%;}
.aboutus .base-menu li:nth-child(1):before{background-image:url(../images/base_i1.png);}
.aboutus .base-menu li:nth-child(2):before{background-image:url(../images/base_i2.png);}
.aboutus .base-menu li:nth-child(3):before{background-image:url(../images/base_i3.png);}
.aboutus .base-menu li:after{display:block;position:absolute;left:50%;bottom:-4px;margin-left:-4px;width:8px;height:8px;content:"";background:var(--vi-color);transform:rotate(45deg);opacity:0;}
.aboutus .base-menu li:hover,.aboutus .base-menu li.cur{background:var(--vi-color);}
.aboutus .base-menu li:hover:after,.aboutus .base-menu li.cur:after{opacity:1;}
.aboutus .base-slide{display:none;position:relative;}
.aboutus .base-slide li{position:relative;overflow:hidden;}
.aboutus .base-slide li img{display:block;width:100%;transition:all 1s;}
.aboutus .base-slide li .txt{position:absolute;top:50%;right:10px;display:flex;line-height:40px;transform:translateY(-50%);}
.aboutus .base-slide li .txt h3{padding:0 28px;font-size:20px;color:#fff;}
.aboutus .base-slide li .txt span{padding:0 28px;font-size:16px;font-family:"DIN Medium";color:#fff;border-left:#fff solid 1px;}
.aboutus .base-slide li .txt span em{font-size:36px;}
.aboutus .base-slide .swiper-prev,.aboutus .base-slide .swiper-next{position:absolute;top:0;width:120px;height:100%;cursor:pointer;text-align:center;color:#999;}
.aboutus .base-slide .swiper-prev{right:100%;}
.aboutus .base-slide .swiper-next{left:100%;}
.aboutus .base-slide .swiper-prev i,.aboutus .base-slide .swiper-next i{display:block;position:relative;top:50%;font-size:30px;transform:translateY(-50%);}
@media(max-width:1440px){
.aboutus .intro .bd{width:690px;}
}
@media(max-width:1200px){
.aboutus{padding:35px 10px;}
.aboutus .intro .hd{float:none;padding:20px;width:100%;height:auto;}
.aboutus .intro .hd h2{font-size:24px;}
.aboutus .intro .hd p{font-size:18px;}
.aboutus .intro .bd{float:none;margin-top:10px;padding-bottom:30px;height:auto;}
.aboutus .intro .bd .summary{height:auto;line-height:1.75;font-size:14px;}
.aboutus .intro .bd .btnBox a{font-size:14px;}
.aboutus .base-menu{position:static;width:100%;overflow:hidden;}
.aboutus .base-menu li{padding:20px 0;font-size:16px;background:var(--vi-subcolor);}
.aboutus .base-menu li:after{display:none;}
.aboutus .base-slide .swiper-next{display:none;}
.aboutus .base-slide li .txt{position:static;top:0;padding:10px;line-height:30px;justify-content:space-between;transform:translateY(0);background:var(--vi-color);}
.aboutus .base-slide li .txt h3{padding:0 14px;font-size:14px;}
.aboutus .base-slide li .txt span{padding:0 14px;font-size:14px;}
.aboutus .base-slide li .txt span em{font-size:26px;}
}
/*--end aboutus--*/

/*--news--*/
.news {padding:70px 0;overflow:hidden;background:#fff;}
.news-hd{position:relative;height:66px;line-height:66px;overflow:hidden;}
.news-hd h2{float:left;font-size:32px;color:#333;animation:fadeInDown 1s;}
.news-hd h2 a{color:#333;}
.news-hd .news-menu{float:right;overflow:hidden;}
.news-hd .news-menu li{float:left;margin-left:12px;width:160px;text-align:center;font-size:16px;}
.news-hd .news-menu li a{display:block;color:#333;background:#ececec;}
.news-hd .news-menu li.cur a{color:#fff;background:var(--vi-color);}
.news-bd{margin-top:65px;}
.news-bd .news-top{position:relative;float:left;width:640px;}
.news-bd .news-top .date{position:absolute;z-index:9;top:0;left:0;padding-top:35px;width:104px;height:152px;font-family:"DIN Medium";text-align:center;color:#fff;background:rgba(0,0,0,0.5);}
.news-bd .news-top .date em{display:block;font-size:40px;font-weight:bold;line-height:1;}
.news-bd .news-top .date em:after{display:block;margin:15px auto;width:50px;height:1px;content:"";background:#fff;}
.news-bd .news-top .date span{display:block;font-size:14px;line-height:1;}
.news-bd .news-top .pic{overflow:hidden;}
.news-bd .news-top .pic img{display:block;transition:all 1s;    filter: contrast(0.9);}
.news-bd .news-top .text{padding:33px 40px;overflow:hidden;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1)}
.news-bd .news-top .text h3{line-height:32px;font-size:16px;overflow:hidden;}
.news-bd .news-top .text h3 a{display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/Index/read02.png) no-repeat right center;}
.news-bd .news-top .text p{margin-top:16px;height:56px;line-height:28px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-bd .news-top:hover .pic img{transform:scale(1.1);}
.news-bd .news-top:hover .text h3 a{color:var(--vi-color);}
.news-bd .news-list{float:right;width:692px;overflow:hidden; background:transparent;}
.news-bd .news-list .item2{display:block;margin-bottom:55px;height:152px;overflow:hidden;}
.news-bd .news-list .item2:last-child{margin-bottom:0;}
.news-bd .news-list .date{float:left;padding-top:35px;width:104px;height:152px;font-family:"DIN Medium";color:#333;text-align:center;background:#f5f5f5;}
.news-bd .news-list .date em{display:block;font-size:40px;font-weight:bold;line-height:1;}
.news-bd .news-list .date em:after{display:block;margin:15px auto;width:50px;height:1px;content:"";background:#c4c4c4;}
.news-bd .news-list .date span{display:block;font-size:14px;line-height:1;opacity:0.6;}
.news-bd .news-list .text{float:right;width:550px;height:152px;overflow:hidden;border-bottom:#ececec solid 1px;}
.news-bd .news-list .text h3{line-height:32px;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-bd .news-list .text p{margin-top:16px;height:56px;line-height:28px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-bd .news-list .text span{display:block;margin-top:16px;line-height:28px;font-size:16px;color:#999;background:url(../images/Index/read02.png) no-repeat right center;}
.news-bd .news-list .item2:hover .date{color:#fff;background:var(--vi-color);transition:all .5s;}
.news-bd .news-list .item2:hover .text h3{color:var(--vi-color);}
.news-more{margin-top:70px;text-align:center;overflow:hidden;}
.news-more a{font-size:16px;line-height:1.75;color:#666;}
.news-more a:after{display:inline-block;margin-left:5px;font-family:"iconfont";content:"\e69a";opacity:.5;}
.news-more a:hover{color:var(--vi-color);}
@media(max-width:1440px){
.news-bd .news-list{width:492px;}
.news-bd .news-list .text{width:350px;}
}
@media(max-width:1200px){
.news{padding:35px 10px;}
.news-hd{height:auto;line-height:1.5;text-align:center;}
.news-hd h2{float:none;font-size:24px;}
.news-hd .news-menu{float:none;margin-top:25px;width:100%;}
.news-hd .news-menu li{margin:0 1%;width:48%;line-height:45px;font-size:16px;}
.news-bd{margin-top:25px;}
.news-bd .news-top{display:none;}
.news-bd .news-list{float:none;width:100%;}
.news-bd .news-list .item2{margin-bottom:15px;height:125px;}
.news-bd .news-list .date{padding:20px 0;width:80px;height:125px;}
.news-bd .news-list .text{width:calc(100% - 100px);height:125px;}
.news-bd .news-list .text h3{line-height:1.75;font-size:16px;}
.news-bd .news-list .text p{margin-top:10px;height:44px;line-height:22px;font-size:14px;}
.news-bd .news-list .text span{margin-top:10px;line-height:22px;font-size:14px;}
.news-more{margin-top:35px;}
.news-more a{font-size:14px;}
}
/*--end news--*/

/*--video-pop--*/
.video-pop{display:none;position:fixed;z-index:9999;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.video-pop .close{position:absolute;right:20px;top:20px;width:45px;line-height:45px;text-align:center;color:#333;cursor:pointer;background:#fff;}
.video-pop .close:hover{color:#fff;background:var(--vi-color);}
.video-pop .inner{position:absolute;top:50%;left:50%;width:1060px;height:600px;background:#000;transform:translate(-50%,-50%);}
.video-pop .inner video{width:100%;height:auto;object-fit:fill;}
@media(max-width:1200px){
.video-pop .inner{width:90vw;height:55vw;}
}
/*--end video-pop--*/


/*--company-intro--*/
.company-intro{padding:5rem 0;overflow:hidden;background:url(../img/gywmbg.jpg) no-repeat center;}
.company-intro .playBox{float:left;width:50%;}
.company-intro .playBox video{width:100%;object-fit:fill;}
.company-intro .text{float:right;width:45%;}
.company-intro .text .hd{position:relative;padding-bottom:20px;overflow:hidden;}
.company-intro .text .hd:before,.company-intro .text .hd:after{display:block;position:absolute;left:0;bottom:0;height:1px;content:"";}
.company-intro .text .hd:before{width:100%;background:#e0e0e0;}
.company-intro .text .hd:after{width:32px;height:2px;background:var(--vi-color);}
.company-intro .text .hd h2{font-size:32px;line-height:1.25;color:#333;}
.company-intro .text .hd em{display:block;font-size:14px;color:#666;}
.company-intro .text .bd{padding-top:20px;overflow:hidden;}
.company-intro .text .bd p{font-size:14px;line-height:2;color:#666;}
@media(max-width:1200px){
.company-intro{padding:3.125rem 1.25rem;}
.company-intro .playBox{float:none;width:100%;}
.company-intro .text{float:none;margin-top:20px;width:100%;}
.company-intro .text .hd h2{font-size:24px;}
.company-intro .text .hd em{font-size:14px;}
.company-intro .text .bd p{font-size:14px;line-height:1.5;}
}
/*--end company-intro--*/


.tsolutions3 {background:url(../img/cpbg.jpg) no-repeat center; padding:4rem 0px;}
.tsolutions3 .centers {
    margin: 0 15px;
    /*max-width: 1440px;*/
    clear: both;
}
.tmains-title {
    text-align: center;
    margin-bottom: 48px;
}
.tmains-title h3 {
    font-size: 32px;
    font-weight: bold;
}

.tmains-title i {
    display: inline-block;
    width: 68px;
    height: 4px;
    background-color: #e8452f;
    margin: 15px 0 0;
}
.tsolutions3-main {
    position: relative;
    overflow: hidden; padding: 0 30px;
}
.tsolutions3-main .swiper {
    width: 91%;
    margin: 0 5%;
    overflow: hidden;
}
.swiper, .swiper-wrapper, .swiper-slide {
    cursor: pointer;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.tsolutions3-main .swiper-slide {width:342px; margin-right:40px;}
.tsolutions3-main .imgs {
    display: flex; margin-bottom:15px;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-color: #f6f6f6;
}
.tsolutions3-main .imgs img {
    max-height: 70%;
}
img {
    border: 0px;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.tsolutions3-main .swiper-button {
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: #d5d5d5;
}
.swiper-button-next1, .swiper-container-rtl .swiper-button-prev1 {
    right: 10px;
    left: auto;
}
.swiper-button-next1, .swiper-button-prev1 {
    position: absolute;
    top: 27%;
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1* var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.tsolutions3-main .swiper-button::before {
    content: '';
    width: 0;
    margin-left: 10px;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #666;
    border-right: 9px solid transparent;
}
.tsolutions3-main .swiper-button-prev1 {
    transform: rotate(180deg);
}
.tsolutions3-main .swiper-button {
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: #d5d5d5;
}
.swiper-button-next1.swiper-button-disabled, .swiper-button-prev1.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
	
}
.tsolutions3-main {
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
.paddings {
    padding: 25px 0;
}
}
@media screen and (max-width: 1460px) {
.paddings {
    padding: 68px 0;
}
.centers {
    padding: 0 15px;
}
}
@media screen and (max-width: 1460px) {
.centers {
    max-width: 1220px;
}
}

@media screen and (max-width: 768px) {
.tmains-title {
    margin-bottom: 18px;
}
}
@media screen and (max-width: 768px) {
.tmains-title h3 {
    font-size: 20px;
}
}
@media screen and (max-width: 1460px) {
.tmains-title h3 {
    font-size: 28px;
}
}
@media screen and (max-width: 768px) {
.tmains-title i {
    height: 2px;
    margin-top: 5px;
    width: 52px;
}
}
@media screen and (max-width: 1460px) {
.tmains-title i {
    height: 3px;
}
}
@media screen and (max-width: 768px) {
.tsolutions3-main .swiper {
    width: 100%;
    margin: 0;
}
}
/*
@media screen and (max-width: 768px) {
.tsolutions3-main .imgs {
    height: 40vw;
}
}
@media screen and (max-width: 1460px) {
.tsolutions3-main .imgs {
    height: 300px;
}
}
*/
@media screen and (max-width: 768px) {
.tsolutions3-main .texts {
    font-size: 14px;
    line-height: 52px;
    height: 52px;
    padding: 0 12px;
}

.base-menu ul {justify-content: space-around!important; flex-wrap: wrap!important;}
.base-menu ul li {margin: 0 1px 5px!important; width:49%;}


}
@media screen and (max-width: 1460px) {
.tsolutions3-main .texts {
    font-size: 16px;
    line-height: 86px;
    height: 86px;
}
}
@media screen and (max-width: 768px) {
.tsolutions3-main .swiper-button {
    display: none;
}
}
@media screen and (max-width: 768px) {
.tsolutions3-main .swiper {
    width: 100%;
    margin: 0;
}
}

.t-adv-type05-list .item {width:calc(100% / 4 - 40px);}




.khbox {}
.khbox img {max-width:100%;}
.khbox .swiper {position:relative; padding:20px 0;}
.khbox .swiper-wrapper {transition-timing-function: linear !important;}
.khbox .swiper-slide {
    background-color: #ffffff;
    box-shadow: 0px 0px 40px 0px rgba(5, 8, 15, 0.07);
    border-radius: 10px; margin-right: 35px!important;
}





/* newsadv */

.newsadv {padding:80px 0 30px;overflow:hidden;background:url(../img/adv_bg.jpg) no-repeat center / cover;}
.newsadv .box-title{margin-bottom:80px;text-align:center;color:#333;overflow:hidden;animation:fadeInDown 1s;}
.newsadv .box-title h2{font-size:32px;}
.newsadv .box-title h2 em{color:var(--vi-subcolor);}
.newsadv .box-title p{font-size:14px;}
.newsadv-cont{overflow:hidden;}
.newsadv-list{display:flex;flex-wrap:wrap;margin:-14px;}
.newsadv-list .item{position:relative;margin:14px;padding:0 30px;width:calc(100% / 4 - 28px);height:550px;overflow:hidden;background-size:100% 100%;background-repeat:no-repeat;}
.newsadv-list .item-1{background-image:url(../img/advbg1.png);animation:fadeInUp 1s;}
.newsadv-list .item-2{background-image:url(../img/advbg2.png);animation:fadeInUp 1.5s;}
.newsadv-list .item-3{background-image:url(../img/advbg3.png);animation:fadeInUp 2s;}
.newsadv-list .item-4{background-image:url(../img/advbg4.png);animation:fadeInUp 2.5s;}
.newsadv-list .item .hd{position:relative;padding-bottom:14px;overflow:hidden;}
.newsadv-list .item .hd:after{display:block;position:absolute;left:0;bottom:0;width:90%;height:1px;content:"";background:#e5e5e5;}
.newsadv-list .item .hd span{display:block;margin-top:40px;line-height:40px;font-size:16px;color:#333;}
.newsadv-list .item .bd{padding-top:35px;overflow:hidden;}
.newsadv-list .item .bd img{display:block;border-radius:10px;}
.newsadv-list .item .bd h3{margin-top:20px;font-size:36px;line-height:1.2;font-weight:600;color:#fff;}
.newsadv-list .item .bd p{margin-top:30px;height:120px;line-height:30px;font-size:14px;#333;overflow:hidden;}
.newsadv-list .item .bd i{display:block;margin-top:30px;width:40px;}
@media(max-width:1200px){
.newsadv{padding:35px 10px;}
.newsadv .box-title{margin-bottom:25px;}
.newsadv .box-title h2{font-size:24px;}
.newsadv .box-title p{font-size:14px;}
.newsadv-list{margin:-5px;}
.newsadv-list .item{margin:5px;padding:0 15px;width:calc(100% / 2 - 10px);height:400px;background-position:center top !important;}
.newsadv-list .item .hd span{margin-top:40px;line-height:30px;font-size:18px;}
.newsadv-list .item .bd{padding-top:20px;}
.newsadv-list .item .bd h3{margin-top:10px;font-size:24px;}
.newsadv-list .item .bd p{margin-top:20px;height:120px;line-height:20px;font-size:14px;}
.newsadv-list .item .bd i{display:none;}


.khbox .swiper {padding: 5px 10px;}


}
/*---end newsadv-*/


.base {}
.base-menu {}
.base-menu ul {display:flex; justify-content:center;}
.base-menu ul li {line-height:40px; background:#fff; margin:0 15px; padding:0 15px; cursor:pointer;}
.base-menu ul .cur {background:#e8452f; color:#fff;}

.base-main {padding-top:4rem;}
.base-main  .tsolutions3-main {display:none}
.base-main  .tsolutions3-main.cur {display:block;}




