@charset "utf-8";
/*
    author:Pengjin;
    date:2022-03-12;
*/

/*--wrap-title--*/
.wrap-title{margin-bottom:50px;text-align:center;animation:fadeInDown 1s;}
.wrap-title:after{display:block;margin:22px auto 0;width:50px;height:4px;content:"";background:var(--vi-color);}
.wrap-title h2{font-size:42px;line-height:1.25;font-weight:bold;color:#333;}
.wrap-title h2 a{color:#333;}
.wrap-title p{font-size:20px;color:#666;}
.wrap-title.white *{color:#fff;} 
/*--end wrap-title--*/

/*--banner--*/
.banner{position:relative;z-index:1;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%;transform: scale(1.1);transition:transform 2s linear;}
.banner .swiper-slide-active img{transform: scale(1);}
.banner .swiper-pager{position:absolute;z-index:9;left:100px;bottom:85px;width:100%;text-align:left;}
.banner .swiper-pager span{position:relative;display:inline-block;margin:0 4px !important;width:80px;height:4px;background:#fff;opacity:.3;border-radius:0;}
.banner .swiper-pager span.swiper-pagination-bullet-active{opacity:1;background:var(--vi-subcolor);}
.banner .swiper-prev,.banner .swiper-next{position:absolute;z-index:9;top:50%;width:60px;height:60px;line-height:60px;color:#fff;text-align:center;cursor:pointer;}
.banner .swiper-prev{left:5%;}
.banner .swiper-next{right:5%;}
.banner .swiper-prev i,.banner .swiper-next i{font-size:50px;}
.banner .swiper-prev:hover,.banner .swiper-next:hover{color:var(--vi-color);}
@media(max-width:1200px){
.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--*/

/*--aboutus--*/
.aboutus{padding:100px 0;height:1235px;overflow:hidden;background:url(../images/aboutus_bg.jpg) no-repeat center / cover fixed;}
.aboutus .inner{overflow:hidden;}
.aboutus .text{float:left;width:100%;animation: fadeInDown 1s linear;}
.aboutus .text h2{font-size:42px;color:#fff;}
.aboutus .text h2 a{color:#fff;}
.aboutus .text p{margin-top:22px;font-size:18px;line-height:1.75;color:#fff;}
.aboutus .text a.read{display:block;margin-left: 40%; margin-top:40px;width:220px;line-height:40px;font-size:16px;text-align:center;color:#fff;background:none;border:1px #fff solid;border-radius:5px;}
.aboutus .text a.read:after{display:inline-block;margin-left:5px;font-family:"iconfont";content:"\e69b";}
.i_d1_xx_list {padding-top: 80px;padding-bottom: 50px;}
.i_d1_xx_list li {
    display: inline-block;width: 20%;
    margin-left: 35px;color: #fff;
}
.i_d1_xx_list li.z1 .txt1 {
    padding-left: 20px;
}

.i_d1_xx_list li .txt1 {text-align: center;
    font-size: 16px;
    color: #fff;
    line-height:20px;
    padding-top: 20px;
}
.i_d1_xx_list li.z1 .txt1 span {
    width: 30px;
}

.i_d1_xx_list li .txt1 span {
    display: inline-block;
    font-size: 48px;
    color: #fff;
    font-weight: bold;
}
.i_d1_xx_list li .txt2 {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: center;
}
.irenzheng {padding-top: 10px;padding-bottom: 50px;}
.irenzheng li {
    display: inline-block;width: 20%;margin-bottom: 30px;
    margin-left: 35px;color: #fff;
}
.irenzheng li.z1 .txt1 {text-align: center;width: 40%;margin: 0px auto;
    
}
.irenzheng li.z1 .txt1 img {width: 100%;border-radius: 50%;
    
}
.irenzheng li .txt2 {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: center;
}
@media(max-width:992px){
.i_d1_xx_list li {
    display: inline-block;width: 40%;
    margin-left: 25px;color: #fff;
}
    .irenzheng li {
    display: inline-block;width: 40%;
    margin-left: 25px;color: #fff;
}
	.aboutus .text a.read{display:block;margin-left: 30%; margin-top:40px;width:220px;line-height:40px;font-size:16px;text-align:center;color:#fff;background:none;border:1px #fff solid;border-radius:5px;}
}

.aboutus .btns{float:right;padding-top:65px;overflow:hidden;}
.aboutus .btns ul{margin:0 -40px;}
.aboutus .btns li{float:left;border-right:#fff solid 1px;}
.aboutus .btns li a{display:block;padding:0 40px;color:#fff;}
.aboutus .btns li i{display:block;margin:0 auto;width:30px;height:30px;overflow:hidden;background-repeat:no-repeat;filter:contrast(0) brightness(2);}
.aboutus .btns li i.icon-wh{background-image:url(../images/icon_wh.png);}
.aboutus .btns li i.icon-ry{background-image:url(../images/icon_ry.png);}
.aboutus .btns li i.icon-tj{background-image:url(../images/icon_tj.png);}
.aboutus .btns li span{display:block;margin-top:5px;font-size:20px;}
.aboutus .btns li:hover i{position:relative;filter:unset;transition:all .5s;}
.aboutus .btns li:hover span{color:var(--vi-color);transition:all .5s;}
@media(max-width:1200px){
.aboutus{padding:40px 10px 120px;height:auto;background:url(../images/aboutus_m_bg.jpg) no-repeat center / cover;}
.aboutus .text{float:none;width:100%;}
.aboutus .text h2{font-size:24px;}
.aboutus .text p{margin-top:6px;font-size:14px;}
.aboutus .text a.read{margin-top:20px;width:150px;line-height:45px;font-size:14px;}
.aboutus .btns{float:none;padding-top:35px;width:100%;}
.aboutus .btns ul{margin:0 -20px;}
.aboutus .btns li{width:33.33%;}
.aboutus .btns li a{padding:0 20px;}
.aboutus .btns li span{font-size:14px;text-align:center;}
}
/*--end aboutus--*/

/*--product--*/
.product{padding:100px 0;overflow:hidden;background:#fff;}
.product-hd{display:flex;justify-content:space-between;align-items:center;overflow:hidden;}
.product-hd .box-title{overflow:hidden;animation:fadeInDown 1s;}
.product-hd .box-title h2{font-size:42px;color:#333;}
.product-hd .box-title h2 a{color:#333;}
.product-hd .box-title h2 a:hover{color:var(--vi-color);}
.product-hd .box-title p{font-size:18px;color:#999;}
.product-menu{overflow:hidden;}
.product-menu ul{display:flex;}
.product-menu li{position:relative;margin-left:30px;line-height:40px;font-size:20px;color:#999;cursor:pointer;background:#f1f1f1;border-radius: 6px;padding: 0px 18px;}
.product-menu li:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-18px;width:36px;height:3px;content:"";background:var(--vi-color);transform:scaleX(0);transition:all .5s;}
.product-menu li:hover{color:#075999;}
.product-menu li.cur{color:#fff;background:#075999}
.product-menu li:hover:after,.product-menu li.cur:after{transform:scaleX(1);}
.product-bd{margin-top:60px;overflow:hidden;}
.product-group{display:none;position:relative;z-index:1;height:650px;overflow:hidden;}
.product-group .bigImg{position:absolute;z-index:-1;left:0;top:0;width:777px;height:650px;}
.product-group .bigImg img{display:block;width:100%;transition:all 1s;}
.product-group .inner{padding:55px 0;overflow:hidden;}
.product-group .text{float:left;padding-top:88px;width:300px;overflow:hidden;}
/*.product-group .text:before{display:block;width:40px;height:2px;content:"";background:#fff;}*/
.product-group .text h3{margin-top:24px;font-size:36px;color:#fff;}
.product-group .text h3 a{color:#fff;}
.product-group .text em{font-size:12px;font-family:"DIN Medium";color:#fff;text-transform:uppercase;}
.product-group .list{float:right;padding:30px 10px;width:1046px;overflow:hidden;animation: fadeInUp 1s linear;}
.product-group .list .item{display:block;padding:20px;text-align:center;overflow:hidden;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.product-group .list .item i{display:block;overflow:hidden;}
.product-group .list .item i img{display:block;width:100%;transition:all 1s;}
.product-group .list .item h3{margin-top:20px;font-size:18px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-group .list .item:hover i img{transform:scale(1.1);}
.product-group .list .item:hover h3{color:var(--vi-color);}
.product-slide{position:relative;}
.product-slide .prev,.product-slide .next{position:absolute;z-index:99;top:50%;width:50px;height:50px;line-height:50px;cursor:pointer;text-align:center;color: #000;background: rgba(0,0,0,0.5);border-radius:50%;transform:translateY(-50%);color: #fff;}
.product-slide .prev{left:50px;}
.product-slide .next{right:50px;}
.product-slide .prev[aria-disabled="true"],.product-slide .next[aria-disabled="true"]{opacity:0;}
.product-slide .prev:hover,.product-slide .next:hover{background-color:var(--vi-color);}
@media(max-width:1440px){
.product-group{height:552px;}
.product-group .bigImg{width:660px;height:552px;}
.product-group .list{width:846px;}
}
@media(max-width:1200px){
.product{padding: 40px 10px 20px;}
.product-hd{display:block;}
.product-hd .box-title{text-align:center;}
.product-hd .box-title h2{font-size:24px;}
.product-hd .box-title p{font-size:14px;}
.product-menu{margin-top:30px;width:100%;}
.product-menu ul{flex-wrap:wrap;}
.product-menu li{margin:0;width:50%;text-align:center;font-size:14px;}
.product-bd{margin-top:30px;}
.product-group{height:auto;}
.product-group .bigImg{position:static;width:100%;height:auto;}
.product-group .inner{position:relative;margin-top: -250px;padding:10px 0;}
.product-group .text{float:none;padding:0 20px;width:100%;}
.product-group .text h3{font-size:24px;}
.product-group .text .arrow{display:none;}
.product-group .list{width:100%;}
.product-group .list .item{padding:10px;}
.product-group .list .item h3{margin-top:10px;font-size:14px;}
}
/*--end product--*/
/*fangan*/
.fangan{margin: 0px auto;min-width: 1400px;margin-top: 80px; padding:0px 0;min-height: 750px;position: relative}
        .fangan-00{position: absolute;width: 500px;top: 1%;left: 36%;animation:fadeInDown 1s;}
        .fangan-01{position: absolute;width: 300px;top: 1%;left: 19%;animation:bounceInLeft 2s;}
        .fangan-02{position: absolute;width: 300px;top: 21%;left: 15%;animation:bounceInLeft 3s;}
        .fangan-03{position: absolute;width: 300px;top: 39%;left: 16%;animation:bounceInLeft 4s;}
        .fangan-04{position: absolute;width: 300px;top: 59%;left: 21%;animation:bounceInLeft 5s;}
        .fangan-09{position: absolute;width: 300px;top: 1%;right: 18%;animation:bounceInRight 2s;}
        .fangan-08{position: absolute;width: 300px;top: 20%;right: 15%;animation:bounceInRight 3s;}
        .fangan-07{position: absolute;width: 300px;top: 39%;right: 15%;animation:bounceInRight 4s;}
        .fangan-06{position: absolute;width: 300px;top: 59%;right: 19%;animation:bounceInRight 5s;}
        .fangan-05{position: absolute;width: 300px;top: 74%;left: 41%;animation:fadeInUp 2s;}
		@media(max-width:1200px){
			.fangan{margin: 0px auto;min-width:0px;margin-top: 30px; padding:0px 0;min-height:500px;width: 100%;position:inherit}
        .fangan-00{position:inherit;display: none}
        .fangan-01{position:inherit;float: left;width: 40%;min-height: 140px;margin-left: 6%;}
        .fangan-02{position:inherit;float: left;width: 40%;min-height: 140px;margin-left: 6%;}
        .fangan-03{position:inherit;float: left;width: 40%;min-height: 140px;margin-left: 6%;}
        .fangan-04{position:inherit;float: left;width: 40%;min-height: 140px;margin-left: 6%;}
        .fangan-09{position:inherit;float: left;width: 40%;min-height: 140px;margin-left: 6%;}
        .fangan-08{position:inherit;float: left;width: 40%;min-height: 140px;margin-left: 6%;}
        .fangan-07{position:inherit;float: left;width: 40%;min-height: 140px;margin-left: 6%;}
        .fangan-06{position:inherit;float: left;width: 40%;min-height: 140px;margin-left: 6%;}
        .fangan-05{position:inherit;float: left;width: 40%;min-height: 140px;margin-left: 6%;}
		}
@media(max-width:800px){
			.fangan{margin: 0px auto;min-width:0px;margin-top: 30px; padding:0px 0;min-height:500px;width: 100%;position:inherit}
        .fangan-00{position:inherit;display: none}
        .fangan-01{position:inherit;float: left;width: 40%;min-height: 80px;margin-left: 6%;}
        .fangan-02{position:inherit;float: left;width: 40%;min-height: 80px;margin-left: 6%;}
        .fangan-03{position:inherit;float: left;width: 40%;min-height: 80px;margin-left: 6%;}
        .fangan-04{position:inherit;float: left;width: 40%;min-height: 80px;margin-left: 6%;}
        .fangan-09{position:inherit;float: left;width: 40%;min-height: 80px;margin-left: 6%;}
        .fangan-08{position:inherit;float: left;width: 40%;min-height: 80px;margin-left: 6%;}
        .fangan-07{position:inherit;float: left;width: 40%;min-height: 80px;margin-left: 6%;}
        .fangan-06{position:inherit;float: left;width: 40%;min-height: 80px;margin-left: 6%;}
        .fangan-05{position:inherit;float: left;width: 40%;min-height: 80px;margin-left: 6%;}
		}
/*--adv--*/
.adv{height:810px;overflow:hidden;background:url(../images/ys_bg.jpg) no-repeat center / cover;}
.adv .inner{position:relative;height:810px;overflow:hidden;}
.adv-hd{padding:40px 50px;width:290px;height:360px;overflow:hidden;background:rgba(253,118,0,.9);}
.adv-hd h2{font-size:42px;line-height:1.2;color:#fff;}
.adv-hd p{margin-top:10px;font-size:18px;color:#fff;}
.adv-hd em{display:block;margin-top:26px;font-size:24px;color:#fff;font-family:"DIN Medium";text-transform:uppercase;}
.adv-bd{position:absolute;left:0;bottom:0;width:100%;}
.adv-bd .datas{display:flex;justify-content:space-between;}
.adv-bd .datas .item{position:relative;padding-left:35px;width:20%;height:210px;transform:translateY(100%);}
.adv-bd .datas .item:before{display:block;position:absolute;left:5px;bottom:0;width:1px;height:176px;content:"";background:#fff;opacity:.1;}
.adv-bd .datas .item:after{display:block;position:absolute;left:0;bottom:176px;width:11px;height:11px;content:"";background:var(--vi-color);}
.adv-bd .datas .item span{display:block;font-size:52px;font-family:"DIN Medium";color:#fff;}
.adv-bd .datas .item small{font-size:16px;vertical-align:text-top;}
.adv-bd .datas .item p{height:50px;line-height:25px;font-size:14px;color:#fff;}
.adv-bd .datas .item:nth-child(1){transition:all 1s;}
.adv-bd .datas .item:nth-child(2){transition:all 1.5s;}
.adv-bd .datas .item:nth-child(3){transition:all 2s;}
.adv-bd .datas .item:nth-child(4){transition:all 2.5s;}
.adv-bd .datas .item:nth-child(5){transition:all 3s;}
.adv-bd .datas .item.animated{transform:translateY(0);} 
@media(max-width:1200px){
.adv{padding:0 10px;height:auto;}
.adv .inner{height:500px;}
.adv-hd{padding:20px 30px;width:200px;height:auto;}
.adv-hd h2{font-size:24px;}
.adv-hd p{margin-top:5px;font-size:14px;}
.adv-hd em{display:none;}
.adv-bd{position:static;margin-top:100px;}
.adv-bd .datas{flex-wrap:wrap;}
.adv-bd .datas .item{width:50%;height:100px;transform:translate(0);}
.adv-bd .datas .item:nth-child(5){display:none;}
.adv-bd .datas .item em{font-size:36px;}
.adv-bd .datas .item small{font-size:12px;}
.adv-bd .datas .item p{height:40px;line-height:20px;font-size:12px;}
.adv-bd .datas .item:before{left:3px;height:100px;}
.adv-bd .datas .item:after{bottom:100px;width:6px;height:6px;}
}
/*--end adv--*/

/*--honor--*/
.honor{padding:100px 0;overflow:hidden;background:url(../images/rz_bg.jpg) no-repeat center / cover;}
.honor .box-title{margin-bottom:60px;animation:fadeInDown 1s;}
.honor .box-title h2{font-size:42px;line-height:1.2;color:#333;}
.honor .box-title p{font-size:18px;color:#999;}
.honor-list{display:flex;position:relative;height:400px;overflow:hidden;}
.honor-list:after{display:block;position:absolute;left:0;top:50%;width:100%;height:1px;content:"";background:#b9b9b9;}
.honor-list .item{position:relative;width:calc(100% / 7);height:200px;}
.honor-list .item:before{display:block;position:absolute;left:50%;width:1px;height:55px;content:"";background:#b9b9b9;}
.honor-list .item:after{display:block;position:absolute;left:50%;margin-left:-3px;width:6px;height:6px;content:"";background:#b9b9b9;border-radius:50%;}
.honor-list .item i{display:block;margin:0 auto;width:100px;height:100px;transform: scale(0.5);transition: all 1s;}
.honor-list .item span{display:block;margin-top:8px;font-size:16px;color:#666;text-align:center;}
.honor-list .item.animated i{transform:scale(1);}
.honor-list .item:nth-child(odd){padding-bottom:70px;}
.honor-list .item:nth-child(odd):before{bottom:9px;}
.honor-list .item:nth-child(odd):after{bottom:-3px;}
.honor-list .item:nth-child(even){padding-top:70px;transform:translateY(100%);}
.honor-list .item:nth-child(even):before{top:9px;}
.honor-list .item:nth-child(even):after{top:-3px;}
@media(max-width:1200px){
.honor{padding:40px 10px;}
.honor .box-title{margin-bottom:30px;text-align:center;}
.honor .box-title h2{font-size:24px;}
.honor .box-title p{font-size:14px;}
.honor-list{flex-wrap:wrap;height:auto;}
.honor-list:after{display:none;}
.honor-list .item{margin-bottom:10px;padding:0 !important;width:33.33%;height:auto;transform:translate(0) !important;}
.honor-list .item:before,.honor-list .item:after{display:none;}
.honor-list .item i{width:50px;height:50px;}
.honor-list .item span{font-size:14px;}
}
/*--end honor--*/

/*--case--*/
.case{padding:50px 0;overflow:hidden;background:#fff;}
.case-pic{margin-top: 30px;}
.case-pic ul{}
.case-pic li{float: left;padding: 5px;}
.case-hd{overflow:hidden;}
.case-hd .arrow{float:right;display:flex;justify-content:space-between;width:116px;}
.case-hd .arrow div{width:50px;line-height:46px;text-align:center;cursor:pointer;color:#ccc;border:#ccc solid 2px;border-radius:50%;}
.case-hd .arrow div:hover{color:var(--vi-color);border-color:var(--vi-color);}
.case-hd .arrow2{margin: 0px auto;margin-top: 50px; display:flex;justify-content:space-between;width:116px;}
.case-hd .arrow2 div{width:50px;line-height:46px;text-align:center;cursor:pointer;color:#fff;border-radius:6px;background: #bababa}
.case-hd .arrow2 div:hover{color:#fff;background: #075999}
.case-hd .more{float:right;margin-right:60px;line-height:50px;}
.case-hd .more a{font-size:16px;color:#999;}
.case-hd .more a:after{display:inline-block;margin-left:8px;font-family:"iconfont";content:"\e69b";color:#666;}
.case-hd .box-title{max-width:600px;animation:fadeInDown 1s;}
.case-hd .box-title h2{font-size:42px;line-height:1.6;color:#333;}
.case-hd .box-title h2 a{color:#333;}
.case-hd .box-title p{font-size:18px;color:#999;}
.case-bd{margin-top:40px;overflow:hidden;}
.case-bd .item{position:relative;display:flex;flex-direction:row-reverse;}
.case-bd .item .pic{width:100%;overflow:hidden;}
.case-bd .item .pic img{transition:all 1s;}
.case-bd .item .pic:hover img{transform:scale(1.1);} 
.case-bd .item .text{position:absolute;z-index:3;left:0;top:120px;bottom:120px;padding:50px 60px;width:46%;overflow:hidden;background:#f1f1f1;transform:translateX(100%);opacity:0;transition:all 1s .25s;}
.case-bd .item .text h3{line-height:45px;font-size:24px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-bd .item .text h3 a{color:#333;}
.case-bd .item .text h3 a:hover{color:var(--vi-color);}
.case-bd .item .text .summary{margin-top:25px;overflow:hidden;}
.case-bd .item .text .summary p{font-size:16px;line-height:1.75;color:#999;-webkit-line-clamp:3;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.case-bd .item .data{position:absolute;left:60px;bottom:45px;overflow:hidden;}
.case-bd .item .data dl{float:left;margin-right:30px;padding-left:50px;padding-right:30px;border-right:#d8d8d8 solid 1px;background-repeat:no-repeat;background-position:0 center;}
.case-bd .item .data dl:nth-child(1){background-image:url(../images/icon_cp.png);}
.case-bd .item .data dl:nth-child(2){background-image:url(../images/icon_mj.png);border-right:0;}
.case-bd .item .data dt{font-size:16px;color:#999;}
.case-bd .item .data dd{font-size:16px;color:#666;}
.case-bd .item.swiper-slide-active .text{opacity:1;transform:translateX(0);}
@media(max-width:1200px){
.case{padding:40px 10px;}
.case-hd .arrow{display:none;}
.case-hd .more{display:none;}
.case-hd .box-title{text-align:center;}
.case-hd .box-title h2{font-size:24px;}
.case-hd .box-title p{font-size:14px;}
.case-bd{margin-top:20px;}
.case-bd .item{display:block;}
.case-bd .item .pic{width:100%;}
.case-bd .item .text{position:static;padding:25px 30px;width:100%;transform:translateX(0);opacity:1;}
.case-bd .item .text h3{line-height:1.5;font-size:18px;}
.case-bd .item .text .summary{margin-top:15px;}
.case-bd .item .text .summary p{font-size:14px;}
.case-bd .item .data{position:static;margin-top:30px;}
.case-bd .item .data dl{margin-right:10px;padding-left:40px;padding-right:10px;background-size:30px;}
.case-bd .item .data dt,.case-bd .item .data dd{font-size:14px;}
}
/*--end case--*/

.d-e{width: 100%;padding-top: 0px;}
.d-f{cursor: pointer; float: left;margin-bottom:0.65%;overflow: hidden; position: relative;}
.d-g{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .1;}
.d-h{width: 100%;}
.d-h img{max-width: 100%;min-height: 100%;border-radius: 6px;}
.d-i{position: absolute;top: 50%;left: 50%;text-align: center; -webkit-transform: translate(-50% , -50%); /* Chrome || Safari */ -moz-transform: translate(-50% , -50%); /* Firefox */ -ms-transform: translate(-50% , -50%); /* IE */-o-transform: translate(-50% , -50%); /* Opera */ border: solid 2px #ffffff;font-size: 18px;padding: 20px 30px; color: #ffffff;border-radius: 6px;}
.d-j{display: none; position: absolute;top: 0;left: 0; width: 100%;height: 100%;padding: 12px;}
.d-k{width: 100%;height: 100%; position: relative;border: solid 1px #075999;border-radius: 6px;}
.d-l{position: absolute;top: 50%;left: 50%;width: 100%;text-align: center;  -webkit-transform: translate(-50% , -50%); /* Chrome || Safari */ -moz-transform: translate(-50% , -50%); /* Firefox */ -ms-transform: translate(-50%, -50%); /* IE */-o-transform: translate(-50% , -50%); /* Opera */ }
.d-m{font-size: 23px;margin-bottom: 20px;color: #ffffff;}
.d-n{font-size: 16px;margin-bottom: 40px;color: #ffffff;}
.d-n img{margin-left: 20px;}
.d-o{display: inline-block; width: 135px;height: 40px;line-height: 40px;text-align: center;background-color: #075999;font-size: 16px;color: #ffffff;border-radius: 6px;}
.d-o:hover{position: relative;top: -3px;transition: all .3s;}
.d-f:hover .d-i{display: none;}
.d-f:hover .d-j{display: block;}
/* .d-f:hover .d-g{background: #bec0c2;opacity: .85;} */
.d-f1{width: 66%;}
.d-f2{width: 32.3%;margin-left:0.7%;}
.d-f3{width:33%;}
.d-q{float: left;width: 32.4%;margin-left:0.7%;}
.d-f4{width:100%;margin-bottom:2%;margin-right: 0;}
.d-f5{width:100%;margin-bottom: 0px;margin-right: 0;}
.d-f6{width:32.4%;margin-left:0.6%;}
@media(max-width:800px){

.d-f1{width: 100%}
.d-f2{width: 100%;margin-left:0.7%;}
.d-f3{width: 100%}
.d-q{float: left;width: 100%;margin-left:0.7%;}
.d-f4{width:100%;margin-bottom:1%;margin-right: 0;}
.d-f5{width:100%;margin-bottom:1%;margin-right: 0;}
.d-f6{width: 100%;margin-left:0.6%;}
}
/*--news--*/
.news{padding:100px 0;overflow:hidden;background:#f1f1f1;}
.news-hd{display:flex;justify-content:space-between;}
.news-hd .box-title{max-width:600px;animation:fadeInDown 1s;}
.news-hd .box-title h2{font-size:42px;line-height:1.2;color:#333;}
.news-hd .box-title h2 a{color:#333;}
.news-hd .box-title p{font-size:18px;color:#999;}
.news-hd .news-menu{overflow:hidden;}
.news-hd .news-menu ul{display:flex;}
.news-hd .news-menu li{position:relative;margin-left:38px;font-size:18px;line-height:40px;color:#999;}
.news-hd .news-menu li:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-18px;width:36px;height:3px;content:"";background:var(--vi-color);transform:scaleX(0);transition:all .5s;}
.news-hd .news-menu li a{color:#666;}
.news-hd .news-menu li.cur:after{transform:scaleX(1);}
.news-hd .news-menu li.cur a{color:#333;}
.news-bd{margin-top:60px;overflow:hidden;}
.news-top{float:left;width:30%;margin-left: 2%;margin-right: 1%}
.news-top .item{display:block;padding:35px 40px 0;overflow:hidden;background:#fff;}
.news-top .text{overflow:hidden;}
.news-top .text h3{font-size:24px;line-height:1.5;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-top .text p{margin-top:8px;margin-bottom:50px;height:90px;line-height:30px;font-size:16px;color:#999;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news-top .text span{display:inline-block;margin-right:30px;line-height:30px;font-size:16px;color:#333;padding-bottom: 15px}
.news-top .text span:after{display:inline-block;margin-left:5px;font-family:"iconfont";color:#666;content:"\e69b";}
.news-top .text em{display:inline-block;line-height:30px;font-size:18px;font-family:"DIN Medium";color:#075999;}
.news-top .pic{margin-top:30px;overflow:hidden;}
.news-top .pic img{transition:all 1s;}
.news-top .item:hover .text h3{color:var(--vi-color);}
.news-top .item:hover .pic img{transform:scale(1.1);}
.news-list{float:right;width:47%;}
.news-list .item{display:block;margin-bottom:50px;padding:35px 0 50px;overflow:hidden;border-bottom:#d9d9d9 solid 1px;}
.news-list .item:last-child{margin-bottom:0;}
.news-list .item em{display:block;font-family:"DIN Medium";font-size:18px;line-height:24px;color:#ccc;}
.news-list .item h3{margin-top:15px;line-height:35px;font-size:24px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .item p{margin-top:24px;height:90px;line-height:30px;font-size:16px;color:#999;overflow:hidden;-webkit-line-clamp:3;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
@media(max-width:1440px){
.news-list .item{margin-bottom:40px;padding:30px 0 40px;}
}
@media(max-width:1200px){
.news{padding:40px 10px;}
.news-hd{display:block;}
.news-hd .box-title{margin-bottom:30px;width:100%;text-align:center;}
.news-hd .box-title h2{font-size:24px;}
.news-hd .box-title p{font-size:14px;}
.news-hd .news-menu li{margin-left:0;width:50%;text-align:center;}
.news-bd{margin-top:30px;}
.news-top{float: none;width: 100%;}
.news-top .item{padding:15px;}
.news-top .text h3{font-size:18px;}
.news-top .text p{margin-bottom:25px;height:48px;line-height:24px;font-szie:14px;-webkit-line-clamp:2;}
.news-top .text span{font-szie:14px;}
.news-top .text em{font-szie:14px;}
.news-list{float:none;width:100%;}
.news-list .item{margin-bottom:0;padding:20px 0;}
.news-list .item em{font-size:14px;}
.news-list .item h3{margin-top:10px;line-height:30px;font-size:18px;}
.news-list .item p{margin-top:10px;height:44px;line-height:22px;font-size:14px;-webkit-line-clamp:2;}
}
/*--end news--*/