@charset "utf-8";
/*
    author:Pengjin;
    date:2022-07-01;
*/

/*--wrap-title--*/
.wrap-title{margin-bottom:50px;text-align:center;animation:fadeInDown 1s;}
.wrap-title:before{display:block;margin:0 auto 20px;width:30px;height:5px;content:"";background:var(--vi-color);border-radius:3px;}
.wrap-title h2{font-size:32px;font-weight:bold;line-height:1.25;color:#132842;}
.wrap-title h2 a{color:#132842;}
.wrap-title h2 a:hover{color:var(--vi-color);}
.wrap-title em{line-height:1.5;letter-spacing: 2.5px;color:#64728d;text-transform:uppercase;}
.wrap-title.white *{color:#fff;}
@media(max-width:1600px){
.wrap-title h2{font-size:36px;}
}
@media(max-width:1200px){
.wrap-title{margin-bottom:25px;}
.wrap-title:before{width:22px;height:7px;}
.wrap-title h2{font-size:20px;}
.wrap-title p{margin-top:10px;font-size:16px;}
}
/*--end wrap-title--*/

/*--banner--*/
.banner{position:relative;z-index:1;margin-top: -70px;clear:both;overflow:hidden;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a,.banner .swiper-slide picture{display:block;width:100%;}
.banner .swiper-slide img{display:block;width:100%;height:auto;transform:scale(1.1);transition:all 4s linear;}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1);}
.banner .swiper-pager{position:absolute;z-index:9;bottom:64px;left:0;width:100%;text-align: center;}
.banner .swiper-pager span{margin-left:0;margin-right:15px;width:70px;height:4px;background:#fff;opacity:.3;border-radius:0;}
.banner .swiper-pager span.swiper-pagination-bullet-active{opacity:1;}
.banner .swiper-arrow{position:absolute;z-index:9;left:50%;top:50%;width:83.33vw;transform:translate(-50%,-50%);display:flex;justify-content:space-between;width:83.33vw;}
.banner .swiper-arrow>div{width:60px;height:60px;line-height:58px;text-align:center;cursor:pointer;color:#fff;border:#fff solid 1px;border-radius:50%;}
.banner .swiper-arrow>div:hover{background:var(--vi-color);border-color:var(--vi-color)}
@media(max-width:1200px){
.banner{height: auto;margin-top:0;}
.banner .swiper-prev,.banner .swiper-next{display:none;}
.banner .swiper-pager{bottom:20px;}
.banner .swiper-pager span{margin:0 5px !important;width:8px;height:8px;}
}
/*--end banner--*/

/*--products--*/
.products{padding:80px 0;overflow:hidden;background:#fff;}
.products-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.products-inner>div{width: calc(50% - 12px);}
.products-inner .item{display:block;position:relative;overflow:hidden;background-color: rgb(243, 244, 248);}
.products-inner .item .pic{overflow:hidden;}
.products-inner .item .pic img{display:block;transition:all 1s;}
.products-inner .item .text{width:100%;height:100%;}
.products-inner .item .text:before{display:block;position:absolute;left:0;content:"";background:var(--vi-color);}
.products-inner .item:hover .pic img{transform:scale(1.1);}
.products-left .item{animation:fadeInLeft .5s linear; height: 604px;}
.products-left .item .text{padding:48px 42px;}
.products-left .item .pic{ width: 320px;overflow: unset;position: absolute;right: 10px;bottom: 10px;}
.products-left .item .pic .pic-ner{min-width: 320px; }
.products-left .item .text:before{top:52px;width:4px;height:32px;}
.products-left .item .text h3{font-size:32px;line-height:40px;color:#132842;}
.products-left .item .text p{margin-top:20px;width:280px;font-size:14px;color:#132842;line-height:26px;}
.products-left .item .text span{display:block;width: 190px;text-align: center; margin-top:25px;font-size:18px;color:#fff;padding:15px 40px;background:var(--vi-color);}
.products-left .item .text span:after{display:inline-block;margin-left:1px;font-family:"iconfont";content:"\e694";}
.products-left .item .text span:last-child{background-color: rgb(19, 40, 66);margin-top: 15px;}
.products-left .item:hover .text span{background:var(--vi-subcolor);}

.products-right .item:nth-child(1){margin-bottom: 24px;animation:fadeInDown .5s linear;}
.products-right .item { height: 290px;}
.products-right .item:nth-child(2){animation:fadeInUp .5s linear;}
.products-right .item .text{padding:48px 42px;}
.products-right .item .pic{ width: 270px;overflow: hidden; position: absolute;right: 10px;top: 20px;}
.products-right .item .pic .pic-ner{min-width: 270px; }
.products-right .item .text:before{top:55px;width:4px;height:22px;}
.products-right .item .text .p-label{display: flex; margin: 20px 0;}
.products-right .item .text .p-label label{width: 135px; margin-right: 12px; line-height: 38px; font-size: 14px;font-style: normal;color: #FFFFFF; text-align: center;background-color: rgb(0, 67, 176); border-radius: 50px; }
.products-right .item .text h3{font-size:24px;line-height:40px;color:#132842;}
.products-right .item .text p{margin-top:10px;width:400px;font-size:14px;color:#132842;line-height: 1.5; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;}
.products-right .item .text span{display:inline-block;margin-top:20px;font-size:18px;color:#64728d;}
.products-right .item .text span:after{display:inline-block;margin-left:1px;font-family:"iconfont";content:"\e694";}
.products-right .item:hover .text span{color:var(--vi-color);}
@media(max-width:1200px){
.products{padding:40px 10px;}
.products-right .item .text .p-label{display: flex; margin: 20px 0 0 0;}
.products-inner>div{width:calc(100% - 5px);}
.products-inner .item .text p{width: 170px;font-size: 12px;line-height: 20px; height: 80px; margin-top:10px;display: block;overflow: hidden;}
.products-inner .products-left .item .text p{width: 100%; height: 80px; }
.products-inner .item .text span{    width: 120px;
    text-align: center;
    font-size: 14px;
    padding: 10px 10px;}
.products-inner .item .text h3{font-size:16px;}
.products-right .item:nth-child(1){margin-bottom:10px;}
.products-right .item .pic .pic-ner{max-width: 170px;min-width: auto;}
.products-right .item .pic{ width: 150px;overflow: hidden; position: absolute;right: 10px;top: 20px;}
.products-left .item .text {padding:20px 20px;}
.products-left .item .text:before{top: 29px;width: 4px;height: 22px;}
.products-right .item{margin-bottom:10px;height:auto;}
.products-right .item .text{padding:20px 20px;}
.products-right .item .text:before{top:29px;width:4px;height:22px;}
.products-left .item{animation:fadeInLeft .5s linear; height: 400px;}
.products-left .item .pic .pic-ner { max-width: 220px; min-width:auto;}
.products-left .item .pic{ width: 220px;bottom: 20px;}
.products-right .item .text .p-label label{width: 120px; font-size: 12px; margin-right: 10px; line-height: 32px; }
}
/*--end products--*/

/*--solution--*/
.solution{padding:70px 0;overflow:hidden;background:#fff;}
.products~.solution{padding-top:0;}
.solution-inner{overflow:hidden;}
.solution-list{display:flex;flex-wrap:wrap;margin:-12px;}
.solution-list .item{position:relative;margin:12px;width:calc(25% - 24px);overflow:hidden; height: 260px;}
.solution-list .item:first-child{width:calc(50% - 24px); }
/*.solution-list .item:last-child{width:calc(50% - 24px); }*/
.solution-list .pic{position:relative;overflow:hidden;width: 100%;height: 100%;}
.solution-list .pic img{display:block;transition:all 1s; height: 260px;}
.solution-list .pic h3{position:absolute;left:25px;top:20px;font-size:18px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.solution-list .text{position:absolute;top:0;left:0;padding:30px;width:100%;height:100%;background-color: rgba(0, 67, 176, 0.6);transform:translate(0,100%);transition:all 1s;}
.solution-list .text h3{font-size:18px;color:#fff;}
.solution-list .text p{margin-top:15px;font-size:16px;color:#fff;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.solution-list .text span{position:absolute;left:30px;bottom:30px;font-size:16px;color:#fff;}
.solution-list .text span:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e694";color:#28c9ff;}
/*.solution-list .item:hover .pic img{transform:scale(0.8);}*/
.solution-list .item:hover .pic h3{opacity:0;}
.solution-list .item:hover .text{transform:translateY(0);}
.solution-list .item:nth-child(odd){animation:flipInX 1s;}
.solution-list .item:nth-child(even){animation:flipInY 2s;}
@media(max-width:1200px){
.solution{padding:40px 10px;}
.solution-list{margin:-5px;}
.solution-list .pic img{display:block;transition:all 1s; height: 100%; width: auto;}
.solution-list .item{margin:5px;width:calc(50% - 10px); height: 155px;}
.solution-list .item:first-child{width:calc(100% - 10px); }
.solution-list .pic h3{left:10px;bottom:10px;right:10px;font-size:16px;}
.solution-list .text{display:none;}
.solution-list .item:hover .pic h3{opacity:1;}
}
/*--end solution--*/

/*--case--*/
.case{padding:70px 0;overflow:hidden;background:#fff;}




.indexFour {height: 600px;overflow: hidden;background-image: url("../picture/mapbj.jpg");margin: 0 auto; width: 1440px;background-size: 90%; background-position: 50% 0;background-repeat: no-repeat;}
.indexFour .case-info{
    width: 100%;
}
.indexFour .case-info .yid3{
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}
.indexFour .case-info .yid2{
    width: 100%;
    overflow: hidden;
}
.indexFour .case-info .yid1{
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}
.indexFour .case-info ul{
    display: flex;
    width: 1736px;
}
.indexFour .case-info li{
    height: 124px;
    width: 228px;
    margin-right: 20px;
    margin-bottom: 50px;
}
.indexFour .case-info{
    width: 100%;
    margin-top:60px;
}
/*.indexFour ul {display: flex; height: 100%;}*/
/*.indexFour ul li {position: relative; height: 495px; overflow: hidden; transition: .5s;flex: 1;}*/
/*.indexFour ul li a {position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 1; }*/
/*.indexFour ul li.on {flex: 3;}*/
/*.indexFour ul li .tle {position: absolute; width: 100%; height: 100%; padding: .1rem; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1;    transition: .3s;}*/
/*.indexFour ul li .tle::after {content: ""; position: absolute; width: 100%; height: 100%;background: rgba(56, 56, 56,.6); z-index: -1;}*/
/*!*.indexFour ul li .tle h4 {font-size: var(--font30);color: #FFFFFF;}*!*/
/*.indexFour ul li .tle h4 {font-size: 18px;color: #FFFFFF;}*/
/*!*.indexFour ul li .tle span {font-size: var(--font20); color: #fff;}*!*/
/*.indexFour ul li .tle span {font-size: 10px; color: #fff;}*/
/*.indexFour ul li .imgBox {height: 100%;height: 100%;position: absolute;left: 0; top: 0; width: 100%; z-index: 0;}*/
/*.indexFour ul li .imgBox img {width: 100%;height: 100%; object-fit: cover;}*/
/*.indexFour ul li .con {padding: 50px 10% 50px 20%; box-sizing: border-box; position: relative;display: flex;flex-direction: column; height: 100%;justify-content: end; z-index: 1;}*/
/*.indexFour ul li .con::after {content: ""; position: absolute; transition: .3s; width: 0; left: 0; bottom: 0; height: 100%; background: linear-gradient(90deg, rgba(5, 15, 78,0.3) 0%, rgba(255, 255, 255,.05) 70%);}*/
/*.indexFour ul li .con .icBox {width: 80px;*/
/*    height: 80px;*/
/*    border-radius: 50%;*/
/*    overflow: hidden; display: flex; align-items: center; justify-content: center;  transform: translateY(0.3rem);opacity: 0;transition: .4s;}*/
/*.indexFour ul li .con .icBox img {height: 100%; width: auto;}*/
/*!*.indexFour ul li .con h5 {color: #FFFFFF; font-size: var(--font36); margin-top: .1rem; opacity: 0;transform: translateY(0.3rem);transition: .4s;}*!*/
/*.indexFour ul li .con h5 {color: #FFFFFF; font-size: 24px; margin-top: .1rem; opacity: 0;transform: translateY(0.3rem);transition: .4s;}*/
/*!*.indexFour ul li .con .text {font-size: var(--font20); color: #fff; margin-top: .1rem; opacity: 0;transform: translateY(0.3rem);transition: .4s;}*!*/
/*.indexFour ul li .con .text {font-size: 12px; color: #fff; margin-top: .1rem; opacity: 0;transform: translateY(0.3rem);transition: .4s;}*/
/*.indexFour ul li.on .tle {opacity: 0; }*/
/*.indexFour ul li.on .con::after {width: 100%;  z-index: -1;}*/
/*.indexFour ul li.on .con .icBox {transform: translateY(0); opacity: 1;transition-delay: .4s;}*/
/*.indexFour ul li.on .con h5 {transform: translateY(0); opacity: 1;transition-delay: .6s;}*/
/*.indexFour ul li.on .con .text {transform: translateY(0); opacity: 1;transition-delay: .7s;}*/


/*.indexFour {background: #F0F4FC; height: 495px}*/
/*.indexFour ul {display: flex;height: 100%;}*/
/*.indexFour ul li {position: relative; height: 495px; overflow: hidden; transition: .5s;flex: 1; border-right: rgba(255, 255, 255, .1) solid 1px;}*/
/*.indexFour ul li a {position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 1; }*/
/*.indexFour ul li.on {flex: 3;}*/
/*.indexFour ul li .tle {position: absolute; width: 100%; height: 100%; padding: .1rem; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1;    transition: .3s;}*/
/*.indexFour ul li .tle::after {content: ""; position: absolute; width: 100%; height: 100%;background: rgba(56, 56, 56,.6); z-index: -1;}*/
/*!*.indexFour ul li .tle h4 {font-size: var(--font30);color: #FFFFFF;}*!*/
/*.indexFour ul li .tle h4 {font-size: 18px;color: #FFFFFF;}*/
/*.indexFour ul li .tle .thumb {width: 100px;height: 100px;justify-content: center;display: flex;align-items: center; border-radius: 50%;background-color: #FFF;overflow: hidden; }*/
/*.indexFour ul li:hover .tle .thumb{transform:rotate(360deg);transition:all .5s;}*/
/*!*.indexFour ul li .tle span {font-size: var(--font20); color: #fff;}*!*/
/*.indexFour ul li .tle span {font-size: 10px; color: #fff;}*/
/*.indexFour ul li .imgBox {height: 100%;height: 100%;position: absolute;left: 0; top: 0; width: 100%; z-index: 0;}*/
/*.indexFour ul li .imgBox img {width: 100%;height: 100%; object-fit: cover;}*/
/*.indexFour ul li .con {padding: 50px 10% 50px 20%; box-sizing: border-box; position: relative;display: flex;flex-direction: column; height: 100%;justify-content: end; z-index: 1;}*/
/*.indexFour ul li .con::after {content: ""; position: absolute; transition: .3s; width: 0; left: 0; bottom: 0; height: 100%; background: linear-gradient(90deg, rgba(5, 15, 78,1) 0%, rgba(255, 255, 255,.05) 70%);}*/
/*.indexFour ul li .con .icBox {width: 46px; height: 40px; display: flex; align-items: center; justify-content: center;  transform: translateY(0.3rem);opacity: 0;transition: .4s;}*/
/*.indexFour ul li .con .icBox img {max-width: 100%;}*/
/*!*.indexFour ul li .con h5 {color: #FFFFFF; font-size: var(--font36); margin-top: .1rem; opacity: 0;transform: translateY(0.3rem);transition: .4s;}*!*/
/*.indexFour ul li .con h5 {color: #FFFFFF; font-size: 24px; margin-top: .1rem; opacity: 0;transform: translateY(0.3rem);transition: .4s;}*/
/*!*.indexFour ul li .con .text {font-size: var(--font20); color: #fff; margin-top: .1rem; opacity: 0;transform: translateY(0.3rem);transition: .4s;}*!*/
/*.indexFour ul li .con .text {font-size: 12px; color: #fff; margin-top: .1rem; opacity: 0;transform: translateY(0.3rem);transition: .4s;}*/
/*.indexFour ul li.on .tle {opacity: 0; }*/
/*.indexFour ul li.on .con::after {width: 100%;  z-index: -1;}*/
/*.indexFour ul li.on .con .icBox {transform: translateY(0); opacity: 1;transition-delay: .4s;}*/
/*.indexFour ul li.on .con h5 {transform: translateY(0); opacity: 1;transition-delay: .6s;}*/
/*.indexFour ul li.on .con .text {transform: translateY(0); opacity: 1;transition-delay: .7s;}*/

@media screen and (min-width: 200px) and (max-width: 767px) {
    .indexFour {height: auto;overflow: hidden;width: 100%;}
    .indexFour ul {flex-wrap: wrap;}
    .indexFour ul li.on {flex: auto;}
    .indexFour ul li.on .tle {opacity: 1;}
    .indexFour ul li .con {display: none;}
    .indexFour .case-info .yid3{
        width: 80%;
        margin: 0 auto;
        overflow: hidden;
    }
    .indexFour .case-info .yid2{
        width: 100%;
        overflow: hidden;
    }
    .indexFour .case-info li{
        height: 70px;width: 140px;margin-right: 10px;margin-bottom: 20px;
    }
    .indexFour .case-info li img{
        width: 100%;height: 100%;
    }
    .indexFour .case-info .yid1{
        width: 80%;
        margin: 0 auto;
        overflow: hidden;
    }
    .indexFour .case-info {
        margin-top: 20px;
    }
}

@media screen and (min-width: 200px) and (max-width: 960px) {
    .indexFour ul li.on {flex: 2;}
}
@media screen and (min-width: 200px) and (max-width: 1580px) {
    .indexFour ul li .con .text {font-size: 12px;}
}
.solution~.case{padding-top:0;}
/*.case-inner{overflow:hidden;background:url(/statics/images/case_bg.jpg) no-repeat center / cover;}*/
/*.case-slide{position:relative;}*/
/*.case-slide .swiper-prev,.case-slide .swiper-next{position:absolute;z-index:9;top:50%;width:30px;height:60px;line-height:60px;color:#fff;text-align:center;cursor:pointer;transform:translateY(-50%);}*/
/*.case-slide .swiper-prev{left:-100px;}*/
/*.case-slide .swiper-next{right:-100px;}*/
/*.case-slide .swiper-prev:hover,.case-slide .swiper-next:hover{background:var(--vi-subcolor);}*/
/*.case-slide .swiper-container{padding-left:1px;overflow:hidden;}*/
/*.case-slide .item{display:block;padding:10% 4% 5%;overflow:hidden;border-right:rgba(255,255,255,.1) solid 1px;transition:all 1s;}*/
/*.case-slide .item .pic{margin:0 auto;width:125px;height:125px;overflow:hidden;border-radius:50%;background:#fff;}*/
/*.case-slide .item .text{padding-top:15px;text-align:center;overflow:hidden;}*/
/*.case-slide .item .text h3{font-size:24px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/
/*.case-slide .item .text small{display:inline-block;margin-top:6px;padding:0 6px;line-height:30px;font-size:16px;color:#fff;border:#fff solid 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/
/*.case-slide .item .text p{margin-top:50px;margin-bottom:30px;height:150px;line-height:30px;font-size:16px;color:#fff;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}*/
/*.case-slide .item .text i{display:block;margin:0 auto;width:40px;height:3px;content:"";background:#fff;}*/
/*.case-slide .item .text span{display:block;margin-top:22px;font-size:18px;color:#fff;opacity:0;}*/
/*.case-slide .item .text span:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e694";color:#28c9ff;}*/
/*.case-slide .item:hover{background:rgba(0,67,176,0.9);}*/
/*.case-slide .item:hover .pic{transform:rotate(360deg);transition:all .5s;}*/
/*.case-slide .item:hover .text i{opacity:0;}*/
/*.case-slide .item:hover .text span{opacity:1;}*/
.case-more{margin-top:55px;text-align:center;overflow:hidden;}
.case-more a{display:inline-block;width:150px;line-height:48px;font-size:18px;background-color: #132842; text-align:center;color:#FFFFFF;border:#dde0e6 solid 1px;transition:all .5s}
.case-more a:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e694";}
.case-more a:hover{color:#fff;background:var(--vi-color);}
/*@media(max-width:1600px){*/
/*.case-slide .swiper-prev{left:-60px;}*/
/*.case-slide .swiper-next{right:-60px;}	*/
/*.case-slide .item .text h3{font-size:20px;}*/
/*.case-slide .item .text small{font-size:14px;}*/
/*.case-slide .item .text p{margin-top:40px;margin-bottom:25px;height:130px;line-height:26px;font-size:14px;}*/
/*}*/
@media(max-width:1200px){
.case{padding:40px 10px;}
/*.case-slide .swiper-prev,.case-slide .swiper-next{display:none;}*/
/*.case-slide .item{padding:25px 10px;}*/
/*.case-slide .item .pic{width:80px;height:80px;}*/
/*.case-slide .item .text h3{font-size:16px;}*/
/*.case-slide .item .text small{display:block;line-height:28px;font-size:14px;}*/
/*.case-slide .item .text p{display:none;}*/
/*.case-slide .item .text i{display:none;}*/
/*.case-slide .item .text span{opacity:1;font-size:14px;}*/
.case-more{margin-top:25px;}
.case-more a{width:120px;line-height:38px;font-size:14px;}
}
/*--end case--*/

/*--aboutus--*/
.aboutus{padding:70px 0;overflow:hidden;background:#fff;}
.case~.aboutus{padding-top:0;}
.aboutus .content{
    position: relative;
}
.aboutus .content .img{
    position: relative;
    overflow: hidden;
}
.aboutus .content .img img{

}
.aboutus .content .text{
    width: 1440px;
    height: 580px;
    position: absolute;
    top: 120px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    line-height: 1.5;

}
.aboutus .content .text .tit{
    font-size: 32px;
    font-weight: bold;
}

.aboutus .content .text .eng-tit{
    font-size: 10px;
    color: #64728d;
    letter-spacing: 2.5px;
}
.aboutus .content .text .sub-tit{
    color: #64728d;
    margin-top: 20px;
    font-size: 18px;
}
.aboutus .content .text .txt-c{
    margin-top: 45px;
    font-size: 18px;
}
.aboutus .content .text .txt-c .txt-item{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.aboutus .content .text .txt-c .txt-item .ic{
    width: 27px;
}
.aboutus .content .text .txt-c .txt-item .it-title{
    font-weight: bold;
    font-size: 18px;
    color: #0043b0;
}
.aboutus .content .text .case-more{
    text-align: left;
}
/*.aboutus .img .advantage:hover img{transform:scale(1.05);}*/
/*.aboutus .wrap-title{display:none;}*/
/*.aboutus-inner{display:flex;flex-wrap:wrap;flex-direction:row-reverse;overflow:hidden;background:#f2f5f7;}*/
/*.aboutus-inner .pic{width:50%;overflow:hidden;}*/
/*.aboutus-inner .pic img{transition:all 1s;}*/
/*.aboutus-inner .pic:hover img{transform:scale(1.1);}*/
/*.aboutus-inner .text{position:relative;padding:4.25%;width:50%;overflow:hidden;}*/
/*.aboutus-inner .text .intro{overflow:hidden;}*/
/*.aboutus-inner .text .intro h3{font-size:42px;font-weight:bold;line-height:1.2;color:var(--vi-color);}*/
/*.aboutus-inner .text .intro p{margin-top:30px;height:120px;line-height:30px;font-size:16px;color:var(--vi-subcolor);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}*/
/*.aboutus-inner .text .intro a.read{display:inline-block;margin-top:30px;width:140px;line-height:48px;font-size:18px;text-align:center;color:#6e7b95;border:#dde0e6 solid 1px;transition:all .5s}*/
/*.aboutus-inner .text .intro a.read:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e694";}*/
/*.aboutus-inner .text .intro a.read:hover{color:#fff;background:var(--vi-subcolor);border-color:var(--vi-subcolor);}*/
/*.aboutus-inner .text .btns{position:absolute;left:8.5%;bottom:8.5%;right:8.5%;overflow:hidden;}*/
/*.aboutus-inner .text .btns .item{display:block;float:left;padding:10px 0;width:25%;text-align:center;border-right:#d6dbe2 solid 1px;}*/
/*.aboutus-inner .text .btns .item:nth-child(1){border-left:#d6dbe2 solid 1px;}*/
/*.aboutus-inner .text .btns .item i{display:block;margin:0 auto;width:30px;height:30px;overflow:hidden;}*/
/*.aboutus-inner .text .btns .item span{display:block;margin-top:6px;font-size:16px;color:#64728d;}*/
/*.aboutus-inner .text .btns .item:hover i img{position:relative;top:-30px;border-bottom:30px solid transparent;-webkit-filter:drop-shadow(#0043b0 0px 30px);}*/
/*.aboutus-inner .text .btns .item:hover span{color:var(--vi-color);}*/
@media(max-width:1600px){
/*.aboutus-inner .text .intro h3{font-size:36px;}*/
/*.aboutus-inner .text .intro p{margin-top:25px;height:84px;line-height:28px;-webkit-line-clamp:3;}*/
}
@media(max-width:1200px){
.aboutus{padding:40px 10px;}

    .aboutus .content{
        position: relative;
    }
    .aboutus .content .img{
        position: relative;
        overflow: hidden;
    }
    .aboutus .content .img img{
        height: 380px;
        width: auto;
    }
    .aboutus .content .text{
        width: 340px;
        height: 580px;
        position: absolute;
        text-align: center;
        top: 20px;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0 auto;
        line-height: 1.5;

    }
    .aboutus .content .text .tit{
        font-size: 20px;
        font-weight: bold;
    }

    .aboutus .content .text .eng-tit{
        font-size: 10px;
        color: #64728d;
        letter-spacing: 2.5px;
    }
    .aboutus .content .text .sub-tit{
        color: #64728d;
        margin-top: 10px;
        font-size: 16px;
    }
    .aboutus .content .text .txt-c{
        margin-top: 15px;
        font-size: 16px;
    }
    .aboutus .content .text .txt-c .txt-item{
        justify-content: center;
    }
    .aboutus .content .text .txt-c .txt-item .ic{
        width: 16px;
    }
    .aboutus .content .text .txt-c .txt-item .it-title{
        font-weight: bold;
        font-size: 14px;
        color: #0043b0;
    }
    .aboutus .content .text .case-more{
        text-align: left;
        display: inline-block;
        margin: 25px auto;
    }
    /*.aboutus .case-more a{}*/
/*.aboutus .wrap-title{display:block;}*/
/*.aboutus-inner .pic{width:100%;}*/
/*.aboutus-inner .text .intro h3{font-size:24px;}*/
/*.aboutus-inner .text .intro p{margin-top:15px;height:60px;line-height:20px;font-size:14px;}*/
/*.aboutus-inner .text .intro a.read{margin-top:20px;width:120px;line-height:38px;font-size:14px;}*/
/*.aboutus-inner .text{padding:20px;width:100%;}*/
/*.aboutus-inner .text .btns{position:static;margin-top:30px;}*/
/*.aboutus-inner .text .btns .item{width:50%;}*/
/*.aboutus-inner .text .btns .item:nth-child(1),.aboutus-inner .text .btns .item:nth-child(2){border-bottom:#d6dbe2 solid 1px;}*/
/*.aboutus-inner .text .btns .item:nth-child(3){border-left:#d6dbe2 solid 1px;}*/
}
/*--end aboutus--*/

/*--news--*/
.news{padding:70px 0;overflow:hidden;background:#fff;}
.aboutus~.news{padding-top:0;}
.news .wrap-title{margin-bottom:30px;}
.news-menu{overflow:hidden;}
.news-menu ul{display:flex;justify-content:center;}
.news-menu li{position:relative;line-height:50px;font-size:18px;}
.news-menu li:after{display:block;position:absolute;bottom:0; margin-left: 17px;width: 90px;height:5px;content:"";background:var(--vi-color);border-radius:3px;transform:scaleX(0);transition:all 1s;}
.news-menu li a{display:block;padding:0 25px;color:#6e7b95;}
.news-menu li.cur:after{transform:scaleX(1);}
.news-menu li.cur a{color:var(--vi-color);}
.news-main{margin-top:50px;overflow:hidden;}
.news-top{float:left;width:715px;overflow:hidden; height: 605px; background:var(--vi-baccolor);}
.news-top .item{display:block;padding:40px 40px 0;background:var(--vi-baccolor);overflow:hidden;}
.news-top .item .text{overflow:hidden;}
.news-top .item .text em{display:block;padding-left:20px;line-height:24px;font-size:16px;color:#64728d;background:url(../images/icon_time.png) no-repeat 0 center;}
.news-top .item .text h3{margin-top:8px;line-height:30px;font-size:20px;color:var(--vi-subcolor);font-weight: bold; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-top .item .text p{margin-top:17px;height:90px;line-height:1.75;font-size:14px;color:#64728d;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-top .item .pic{margin-top:16px;overflow:hidden;padding-bottom: 30px;}
.news-top .item .pic img{transition:all 1s;}
.news-top .item:hover .pic img{transform:scale(1.1);}
.news-list{float:right;width:calc(100% - 715px);padding-left:13px;overflow:hidden;}
.news-list .item{display: flex; height:189px; align-items: center;margin-bottom:19px;overflow:hidden;background-color: var(--vi-baccolor);padding: 10px 20px;}
.news-list .item:last-child{margin-bottom:0;}
.news-list .item .pic{float:left;width:222px;overflow:hidden;}
.news-list .item .pic img{transition:all 1s;}
.news-list .item .text{padding: 8px 10px 8px 35px;overflow:hidden;}
.news-list .item .text em{display:block;padding-left:20px;line-height:24px;font-size:16px;color:#64728d;background:url(../images/icon_time.png) no-repeat 0 center;}
.news-list .item .text h3{line-height:35px;font-size:20px;font-weight: bold; color:var(--vi-subcolor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .item .text p{height:75px;line-height:25px;font-size:14px;color:#64728d;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-list .item:hover{background:#f2f5f7;transition:all .5s;}
.news-list .item:hover .pic img{transform:scale(1.1);}
@media(max-width:1600px){
.news-top{width:650px;}
.news-list{width:calc(100% - 650px);}
.news-list .item .pic{width:190px;}
.news-list .item .text{padding:5px 30px;}
.news-list .item .text h3{line-height:32px;}
.news-list .item .text p{height:40px;line-height:20px;}
}
@media(max-width:1200px){
.news{padding:40px 10px;}
.news .wrap-title{margin-bottom:20px;}
.news-menu li{flex:1;text-align:center;line-height:35px;font-size:18px;}
.news-menu li:after{margin-left:37px;width:30px;height:3px;}
.news-menu li a{padding:0;}
.news-main{margin-top:25px;}
.news-top{display:none;}
.news-list{float:none;width:100%;padding:0;}
.news-list .item{margin-bottom:10px;height: auto;}
.news-list .item .pic{width:135px;}
.news-list .item .text{padding:3px 15px;}
.news-list .item .text em{font-size:14px;}
.news-list .item .text h3{height:44px;line-height:22px;font-size:15px;white-space:unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-list .item .text p{display:none;}
}
/*--end news--*/