@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}


/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.guang{position: relative;overflow: hidden;}
.guang:before {
    content: '';
    cursor: pointer;
    position: absolute;
    left: -130%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    transform: skewx(-25deg);
}
.guang:hover:before {
    left: 130%;
    -moz-transition: 1.2s;
    -o-transition: 1.2s;
    -webkit-transition: 1.2s;
    transition: 1.2s;
}


.tit{font-weight: normal;}  


/*banner*/
.banner{position: relative;}
.banner li{width: 100%;height: 100vh;}
.banner li img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ban_pg{position: absolute;bottom: 20px;height: 6px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 12px;height: 6px;background: rgba(255,255,255,0.6);border-radius: 6px;margin: 0 5px;vertical-align: top;box-sizing: border-box;}
.ban_pg i.on{width: 34px;background: #CB2428;}
.banner .prev{position: absolute;font-size: 0;left: 40px;top: 50%;transform: translateY(-50%);z-index: 10;padding: 6px;background: rgba(0,0,0,0.26);border-radius: 50%;cursor: pointer;transition: all 0.3s;}
.banner .next{position: absolute;font-size: 0;right: 40px;top: 50%;transform: translateY(-50%);z-index: 10;padding: 6px;background: rgba(0,0,0,0.26);border-radius: 50%;cursor: pointer;transition: all 0.3s;}
.banner .prev:hover,.banner .next:hover{background: #CB2428;}


/*abt*/
.abt{height: 930px;background: #EEF1F8;box-sizing: border-box;padding-top:100px;}
.abt-tit{display: flex;justify-content: space-between;align-items: center;}
.abt h2 i{display: block;font-size: 22px;color: #C00000;line-height: 27px;font-weight: normal;position: relative;padding-left: 75px;text-transform: uppercase;}
.abt h2 i::before{position: absolute;left: 0;top: 13px;width: 57px;height: 1px;content: "";background: #C00000;}
.abt h2 b{display: block;font-size: 30px;color: #222;line-height: 40px;padding: 16px 0;}
.abt-tit .more{display: flex;justify-content: center;align-items: center;width: 120px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #fff;background: #C00000;}
.abt-tit .more img{margin-left: 6px;transition: all 0.5s;}
.abt-tit .more:hover img{transform: translateX(8px);}
.abt-desc{font-size: 16px;color: #222;line-height: 39px;margin: 18px 0 38px;}
.abt-sz{display: flex;justify-content: space-between;align-items: center;}
.abt-sz li{text-align: center;}
.abt-sz li span{display: block;height: 48px;font-size: 18px;color: #222;line-height: 34px;}
.abt-sz li span b{display: inline-block;font-size: 38px;color: #C00000;line-height: 48px;vertical-align: bottom;}
.abt-sz li p{font-size: 16px;color: #222;line-height: 20px;padding-top: 10px;}
.abt-sz li.line{width: 0;height: 50px;border-left: 1px dashed #666;}



/* pro */
.pro{background: url(/images/pro-bg.png) no-repeat center 0 #EEF1F8;overflow-x: hidden;}
.pro-bd dl{display: flex;height: 605px;justify-content: space-between;}
.pro-bd dt{align-self: center;margin: 0 0 35px;}
.pro-bd dt img{max-width: 100%;}
.pro-bd dd{width: 480px;margin-top: 117px;min-width: 480px;}
.pro-bd dd h3 a{display: inline-block;font-size: 38px;color: #fff;line-height: 50px;padding-right: 36px;background: url(/images/decorate.png) no-repeat right center;}
.pro-desc{margin: 50px 0 55px;}
.pro-desc p{height: 22px;line-height: 22px;font-size: 16px;color: #fff;padding-left: 30px;}
.pro-desc p + p{margin-top: 24px;}
.pro-desc p:nth-child(1){background: url(/images/pro-ic1.png) no-repeat left center;}
.pro-desc p:nth-child(2){background: url(/images/pro-ic2.png) no-repeat left center;}
.pro-desc p:nth-child(3){background: url(/images/pro-ic3.png) no-repeat left center;}
.pro-desc p:nth-child(4){background: url(/images/pro-ic4.png) no-repeat left center;}
.pro-ctg{display: flex;flex-wrap: wrap;}
.pro-ctg a{width: 122px;height: 37px;line-height: 35px;text-align: center;font-size: 14px;color: #fff;background: rgba(255,255,255,0.16);border: 1px solid #fff;box-sizing: border-box;margin-right: 20px;margin-bottom: 15px;}
.pro-ctg a:nth-child(3n){margin-right: 0;}
.pro-ctg a:last-child{background: #C00000;border-color: #C00000;}
.pro-hd{display: flex;gap: 30px;}
.pro-hd dl{width: 446px;height: 190px;border: 3px solid #fff;background: #fff;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;transition: all 0.3s;}
.pro-hd dt img{max-width: 100%;}
.pro-hd dd{padding-left: 27px;width: 150px;min-width: 150px;}
.pro-hd dd i{display: block;font-size: 22px;color: #E5E5E5;line-height: 28px;font-weight: bold;font-family: Montserrat, Arial;}
.pro-hd dd h4{padding: 15px 0 25px;}
.pro-hd dd h4 a{display: block;font-size: 22px;color: #222;line-height: 29px;}
.pro-hd dd h5{height: 30px;background: url(/images/decorate.png) no-repeat left center;}
.pro-hd dd h5 a{display: inline-block;width: 84px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #222;font-weight: normal;;padding-left: 10px;background: url(/images/prom-k.png) no-repeat;box-sizing: border-box;margin-left: 32px;}
.pro-hd dl.on{border-color: #C00000;}

@media screen and (max-width:1536px){
    .pro-hd{gap: 20px;}
    .pro-hd dl{width: 393px;}
    .pro-hd dd{padding-left: 15px;width: 140px;min-width: 140px;}
}



/*case*/
.case{padding: 90px 0 80px;background: #EEF1F8;overflow-x: hidden;}
.case .case-top{display: flex;justify-content: space-between;align-items: center;margin: 0 auto 70px;}
.case-top h2{font-size: 0;}
.case-top h2 b{display: inline-block;font-size: 38px;color: #222;line-height: 50px;padding-right: 36px;background: url(/images/decorate.png) no-repeat right center;}
.case-top h2 i{display: block;font-size: 16px;color: #222;line-height: 27px;padding-top: 18px;font-weight: normal;width: 378px;}
.case-ctg{height: 46px;display: flex;justify-content: space-between;align-items: center;}
.case-ctg h3{display: flex;}
.case-ctg h3 a{width: 120px;height: 46px;line-height: 44px;text-align: center;font-size: 16px;color: #222;font-weight: normal;border: 1px solid #A7A7A7;margin-right: 25px;box-sizing: border-box;}
.case-ctg h3 a.on{background: #C00000;color: #fff;border-color: #C00000;}
.case-ctg .more{display: flex;justify-content: center;align-items: center;width: 120px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #fff;background: #C00000;}
.case-ctg .more img{margin-left: 6px;transition: all 0.5s;}
.case-ctg .more:hover img{transform: translateX(8px);}

.case-con{width: 1000px;margin: 0 auto;position: relative;}
.case-con::before{position: absolute;width: 352px;height: 375px;background: url(/images/mask-left.png) no-repeat center;left: -457px;top: 0;content: "";z-index: 10;}
.case-con::after{position: absolute;width: 352px;height: 375px;background: url(/images/mask-right.png) no-repeat center;right: -457px;top: 0;content: "";z-index: 10;}
.case-con .prev{position: absolute;left: -75px;top: 50%;transform: translateY(-50%);z-index: 10;width: 45px;height: 53px;background: url(/images/case-prev1.jpg) no-repeat;}
.case-con .next{position: absolute;right: -75px;top: 50%;transform: translateY(-50%);z-index: 10;width: 45px;height: 53px;background: url(/images/case-next1.jpg) no-repeat;}
.case-con .prev:hover{background: url(/images/case-prev2.jpg) no-repeat;}
.case-con .next:hover{background: url(/images/case-next2.jpg) no-repeat;}
.case-list{height: 375px}
.case-list dl{width: 1000px;height: 375px;margin-right: 105px;display: flex;background: #fff;}
.case-list dt{width: 563px;}
.case-list dt img{display: block;width: 563px;height: 375px;}
.case-list dd{width: 0;flex: 1;padding: 0 35px 0 25px;}
.case-list dd h4 a{display: block;font-size: 24px;color: #222;height: 30px;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 50px 0 40px;}
.case-list dd p{font-size: 16px;color: #222;line-height: 32px;margin: 10px 0 30px;}
.case-list dd b{display: block;font-size: 16px;color: #C00000;line-height: 20px;}
.case-list dd .more{display: inline-flex;font-size: 16px;color: #C00000;line-height: 20px;align-items: center;}
.case-list dd .more img{margin-left: 6px;transition: all 0.5s;}
.case-list dd .more:hover img{transform: translateX(8px);}
.case-con .tempWrap{overflow: visible !important;}




/*yous*/
.yous{height: 728px;background: url(/images/yous-bg.jpg) no-repeat center;position: relative;overflow-x: hidden;}
.yous h2{position: absolute;left: 0;top: 50%;z-index: 20;transform: translateY(-50%);width: 260px;height: 100px;background: #C00000;display: flex;justify-content: center;align-items: center;}
.yous h2 b{display: block;font-size: 34px;color: #fff;line-height: 45px;padding-right: 36px;background: url(/images/decorate2.png) no-repeat right center;}
.yous-con{position: relative;}
.ys-tab{position: absolute;width: 974px;left: 686px;bottom: 79px;z-index: 30;padding-right: 260px;box-sizing: border-box;border-top: 1px solid rgba(255,255,255,0.23);}
.ys-tab ul{display: flex;height: 210px;}
.ys-tab ul li{flex: 1;border-right: 1px solid rgba(255,255,255,0.23);box-sizing: border-box;}
.ys-tab ul li img{display: block;margin: 42px auto 10px;}
.ys-tab ul li p{font-size: 18px;color: #fff;line-height: 32px;text-align: center;}
.ys-tab ul li:last-child{border: 0;}
.ys-tab ul li.on{background: #C00000;}
.yous-bd dl{height: 728px;display: flex;}
.yous-bd dl dt{width: 946px;height: 728px;margin-left: -260px;}
.yous-bd dd{flex: 1;padding: 0 7.3vw 0 4.7vw;box-sizing: border-box;border-right: 1px solid rgba(255,255,255,0.23);}
.yous-bd dd h3{padding: 90px 0 20px;position: relative;}
.yous-bd dd h3::after{position: absolute;left: 0;bottom: 0;width: 45px;height: 4px;content: "";background: #C00000;}
.yous-bd dd h3 b{display: block;font-size: 32px;color: #fff;line-height: 42px;}
.yous-bd dd h3 i{display: block;font-size: 16px;color: #fff;font-weight: normal;line-height: 20px;opacity: 0.2;padding-top: 15px;text-transform: uppercase;}
.yous-bd dd .ys-desc{font-size: 16px;color: #fff;line-height: 36px;margin-top: 38px;}



@media screen and (max-width:1536px){
    .yous-bd dl dt{margin-left: -360px;}
    .ys-tab{padding-right: 360px;left: 586px;}
}


/* baoz */
.baoz{height: 792px;padding: 100px 0 0;box-sizing: border-box;background: url(/images/baoz-bg.jpg) no-repeat center 0;}
.baoz-con{display: flex;justify-content: space-between;}
.baoz-left{width: 50%;}
.baoz-left h2{height: 50px;}
.baoz-left h2 b{display: inline-block;font-size: 38px;color: #222;line-height: 50px;padding-right: 36px;background: url(/images/decorate.png) no-repeat right center;}
.baoz-left .baoz-desc{font-size: 20px;color: #222;line-height: 36px;padding: 22px 0 0;height: 146px;box-sizing: border-box;}
.baoz-left ul{display: flex;flex-wrap: wrap;}
.baoz-left ul li{width: 50%;height: 204px;padding: 0 40px;box-sizing: border-box;background: #fff;position: relative;transition: all 0.3s;overflow: hidden;}
.baoz-left ul li i{display: block;width: 39px;height: 39px;margin: 30px 0 10px;overflow: hidden;}
.baoz-left ul li i img{display: block;transition: all 0.5s;}
.baoz-left ul li h4{font-size: 22px;color: #222;line-height: 30px;margin-bottom: 12px;transition: all 0.3s;}
.baoz-left ul li p{font-size: 16px;color: #222;line-height: 28px;transition: all 0.3s;}
.baoz-left ul li .more{position: absolute;right: 0;top: 0;width: 53px;height: 53px;display: flex;justify-content: center;align-items: center;background: rgba(255, 255, 255, 0.28);transition: all 0.5s;transform: translate(100%,-100%);}
.baoz-left ul li .more img{width: 24px;}
.baoz-left ul li:nth-child(1),.baoz-left ul li:nth-child(4){background: #F2F2F2;}
.baoz-left ul li.on{background: #C00000;}
.baoz-left ul li.on h4,.baoz-left ul li.on p{color: #fff;}
.baoz-left ul li.on i img{transform: translateY(-100%);}
.baoz-left ul li.on .more{transform: none;}
.baoz-right{width: 50%;}
.bapz-pic img{display: block;width: 100%;}

@media screen and (max-width:1536px){
    .baoz-left{width: 41.6%;}
    .baoz-right{width: 58.4%;}
    .baoz-left h2 b{font-size: 32px;}
    .baoz-left .baoz-desc{font-size: 17px;}
    .baoz-left ul li{padding: 0 20px;}
    .baoz-left ul li p{font-size: 15px;}
}



/* cess */
.cess{height: 425px;background: url(/images/cess-bg.jpg) no-repeat center 0;}
.cess-con{display: flex;justify-content: space-between;}
.cess-left{margin-left: -260px;}
.cess-right{width: 807px;}
.cess-right h2{height: 55px;margin: 40px 0 42px;}
.cess-right h2 b{display: inline-block;font-size: 38px;color: #fff;font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;line-height: 55px;padding-right: 36px;background: url(/images/decorate.png) no-repeat right center;transform: skewX(0deg);}
.cess-right ul{display: flex;gap: 74px;}
.cess-right li{width: 100px;text-align: center;position: relative;}
.cess-right li::after{position: absolute;width: 18px;height: 18px;content: "";background: url(/images/jia.png) no-repeat center;background-size: 100% 100%;right: -46px;top: 32px;}
.cess-right li:last-child::after{display: none;}
.cess-right li i{display: block;width: 82px;height: 82px;margin: 0 auto 12px;overflow: hidden;}
.cess-right li i img{display: block;transition: all 0.5s;}
.cess-right li h3{font-size: 16px;color: #fff;line-height: 22px;font-weight: normal;display: flex;flex-direction: column;align-items: center;}
.cess-right li h3 em{display: block;font-size: 12px;color: #fff;line-height: 28px;opacity: 0.22;text-transform: uppercase;white-space: nowrap;}
.cess-right li.on i img{transform: translateY(-100%);}
.cess-bd{margin-top: 34px;width: 100%;}
.cess-bd p{height: 65px;line-height: 65px;padding: 11px 20px 0;font-size: 16px;color: #fff;background: url(/images/cess-k.png) no-repeat;background-size: 100% 100%;}



@media screen and (max-width:1536px){
    .cess-left{margin-left: -360px;}
    .cess-right{width: 700px;}
    .cess-right ul{gap: 48px;}
    .cess-right li::after{right: -33px;}
}


/* honor */
.honor{padding: 83px 0 0;height: 755px;background: url(/images/hn-bg.jpg) no-repeat center 0;box-sizing: border-box;overflow-x: hidden;}
.hn-con{display: flex;justify-content: space-between;height: 672px;position: relative;}
.hn-left{width: 570px;position: relative;z-index: 2;}
.hn-left h2{height: 104px;font-size: 38px;color: #222;line-height: 52px;}
.hn-left h2 span{display: block;}
.hn-left h2 b{display: inline-block;padding-right: 36px;background: url(/images/decorate.png) no-repeat right center;}
.hn-left .hn-desc{font-size: 20px;color: #222;line-height: 36px;margin: 20px 0 60px;}
.hn-left ul{display: flex;flex-wrap: wrap;gap: 30px;}
.hn-left ul li{width: 230px;height: 128px;background: #F2F2F2;text-align: center;transition: all 0.3s;}
.hn-left ul li span{display: block;height: 48px;line-height: 48px;font-size: 18px;color: #222;margin: 24px 0 10px;transition: all 0.3s;}
.hn-left ul li span b{display: inline-block;font-size: 38px;line-height: 48px;vertical-align: top;}
.hn-left ul li span em{font-size: 28px;font-weight: bold;}
.hn-left ul li p{font-size: 16px;color: #222;line-height: 20px;transition: all 0.3s;}
.hn-left ul li:hover{background: url(/images/hn-li-bg.png) no-repeat;box-shadow: 0 0 30px rgba(192, 0, 0, 0.4);}
.hn-left ul li:hover span{color: #fff;}
.hn-left ul li:hover p{color: #fff;}
.hn-right .hn-pic{position: absolute;right: -260px;bottom: 0;}


@media screen and (max-width:1536px){
    .hn-right .hn-pic{right: -360px;}
}


/* coop */
.coop{background: url(/images/coop-bg.png) no-repeat center 0 #F1F2F6;}
.coop-top{height: 200px;padding: 20px 0 0;display: flex;justify-content: space-between;align-items: center;}
.coop-top h2 b{display: inline-block;font-size: 38px;color: #fff;line-height: 50px;padding-right: 36px;background: url(/images/decorate2.png) no-repeat right center;}
.coop-top h2 span{display: block;font-size: 20px;color: #fff;line-height: 26px;padding-top: 15px;font-weight: normal;}
.coop-top .more{display: block;width: 120px;height: 46px;line-height: 44px;text-align: center;font-size: 16px;color: #fff;border: 1px solid #fff;box-sizing: border-box;}
.coop-con{height: 338px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);position: relative;}
.coop-con h3{padding: 40px 0;height: 26px;display: flex;justify-content: center;align-items: center;}
.coop-con h3 b{display: inline-block;font-size: 20px;color: #C00000;line-height: 26px;margin: 0 45px;}
.coop-list{padding: 0 20px;}
.coop-list ul{display: flex;flex-wrap: wrap;}
.coop-list ul li{width: calc((100% - 120px) / 7);margin-right: 15px;overflow: hidden;margin-bottom: 40px;}
.coop-list ul li:nth-child(7n){margin-right: 0;}
.coop-list ul li img{display: block;width: 100%;transition: all 0.5s;}
.coop-list ul li:hover img{transform: scale(1.05);}
.coop-con .prev{position: absolute;left: -80px;top: 200px;width: 40px;height: 40px;background: url(/images/coop-prev1.png) no-repeat;}
.coop-con .next{position: absolute;right: -80px;top: 200px;width: 40px;height: 40px;background: url(/images/coop-next1.png) no-repeat;}
.coop-con .prev:hover{background: url(/images/coop-prev2.png) no-repeat;}
.coop-con .next:hover{background: url(/images/coop-next2.png) no-repeat;}


/*news*/
.news{padding: 120px 0 70px;background: #F1F2F6;}
.news-tit{margin-bottom: 60px;display: flex;justify-content: space-between;align-items: center;}
.news-tit h2 b{display: inline-block;font-size: 38px;color: #222;line-height: 50px;padding-right: 36px;background: url(/images/decorate.png) no-repeat right center;}
.news-tit h2 span{display: block;font-size: 20px;color: #222;line-height: 26px;padding-top: 15px;font-weight: normal;}
.news-tit h3{display: flex;gap: 25px;}
.news-tit h3 a{display: block;width: 120px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #222;font-weight: normal;background: #fff;}
.news-tit h3 a.on, .news-tit h3 a:hover{color: #fff;background: #C00000;}
.news-con{display: flex;justify-content: space-between;}
.news-left{width: 659px;}
.news-pic p{position: relative;overflow: hidden;}
.news-pic p img{display: block;width: 100%;transition: all 0.3s;}
.news-pic p:hover img{transform: scale(1.05);}
.news-pic p span{position: absolute;left: 0;bottom: 0;width: 100%;height: 60px;line-height: 60px;font-size: 18px;color: #fff;padding: 0 20px;background: rgba(34, 34, 34, 0.85);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box;}


.news-right{width: 0;flex: 1;margin-left: 74px;}
.news-right ul{margin-top: -30px;}
.news-right li{padding: 30px 0;border-bottom: 1px solid #DBDBDB;display: flex;align-items: center;}
.news-right li .time{width: 58px;margin-right: 12px;text-align: center;}
.news-right li .time b{display: block;font-size: 32px;color: #3E4851;line-height: 38px;}
.news-right li .time span{display: block;font-size: 14px;color: #999EA5;line-height: 20px;}
.news-right li .txt{width: 0;flex: 1;}
.news-right li h4 a{display: block;font-size: 18px;color: #222;font-weight: normal;height: 24px;line-height: 24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-right li p{font-size: 14px;color: #666;line-height: 20px;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 18px;}
.news-right li:last-child{border-bottom: 0;}
.news-right li.on h4 a{color: #C00000;font-weight: bold;}
.news-right li.on .time b, .news-right li.on .time span{color: #C00000;}


@media screen and (max-width:1536px){
    .news-right{margin-left: 40px;}
}