/* 
    author:Richarc.Lu;
    date:2025-3-16;
*/
@media(max-width:1200px){
body{padding-bottom:60px}
}
/*--banner--*/
.banner{position:relative;z-index:1;width:100vw;height:700px;overflow:hidden;}
.banner .swiper-wrapper,.banner .swiper-slide{height:100%;}
.banner .swiper-slide a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;}
.banner .ctrl{position:absolute;z-index:9;left:50%;bottom: 30px;width:1400px;height:50px;overflow:hidden;transform:translateX(-50%);text-align: center;}
.banner .swiper-pager span{position:relative;display:inline-block;margin: 10px 8px!important;width: 12px;height: 12px;background: #fff;opacity:1;border-radius: 0;transform: rotate(45deg);}
.banner .swiper-pager span.swiper-pagination-bullet-active{ background: #fff200;}
.banner .swiper-prev,.banner .swiper-next{position:absolute;top: 50%;width:70px;height:70px;line-height:70px;color:#fff;text-align:center;cursor:pointer; border: 1px solid #fff; z-index: 3;}
.banner .swiper-prev i,.banner .swiper-next i { font-size: 28px;}
.banner .swiper-prev{left:100px;}
.banner .swiper-next{right:100px;}
.banner .swiper-prev:hover,.banner .swiper-next:hover{color:#333;background:#fff;}
@media(max-width:1440px){
    .banner .ctrl{width:1200px;}
}
@media(max-width:1200px){
    .banner{display:none;}
}
/*--end banner--*/

/*--mBanner--*/
.mBanner{display:none;position:relative;overflow:hidden;}
.mBanner .swiper-slide img{display:block;width:100%;}
.mBanner .swiper-pager{position:absolute;z-index:9;left:0;bottom:20px;text-align:center;}
.mBanner .swiper-pager span{display:inline-block;margin:0 5px;width:10px;height:10px;background:#fff;opacity:1;}
.mBanner .swiper-pager span.swiper-pagination-bullet-active{background:#0e52b7;}
@media(max-width:1200px){
    .mBanner{display:block;}
}
/*--end mBanner--*/

/*-- product --*/
.product{ padding: 80px 0; background: #fff; overflow: hidden;}
.product .product-con { overflow: hidden;}
.product .product-con .item { margin: 50px 12px 0; float: left; width: calc(100%/3 - 24px);}
.product .product-con .item .pic { display: block; width: 100%;overflow: hidden; border: 1px solid #d7d7d7; box-sizing: border-box;}
.product .product-con .item .pic img { display: block; width: 100%; transition: all 1s;}
.product .product-con .item .pic:hover img { transform: scale(1.1);}
.product .product-con .item .text { padding-top: 30px;}
.product .product-con .item .text h3 { font-size: 24px; color: #333;}
.product .product-con .item .text h3 a { color: #333;}
.product .product-con .item .text h3:hover a { color: #1d2b57;}
.product .product-con .item .text p { margin-top: 10px; height: 45px; font-size: 16px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.product .product-con .item .product-btn { margin-top: 20px; overflow: hidden;}
.product .product-con .item .product-btn a { font-size: 16px;  text-align: center; margin-right: 34px; display: inline-block; width: 120px; height: 45px; line-height: 45px; border: 1px solid #666;}
.product .product-con .item .product-btn a i { margin-left: 5px; font-size: 16px; color: #666;}
.product .product-con .item .product-btn a:hover { background: #1d2b57; color: #fff;}
.product .product-con .item .product-btn a:hover i { color: #fff;}
.product .product-more { font-size: 14px; display: none; margin: 20px auto 0; width: 100px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #666; text-align: center;}
.product .product-more i { margin-left: 5px; vertical-align: middle; color: #666; font-size: 14px;}
.product .product-more a { display: block;}
@media (max-width:992px) {
    .product { padding: 40px 0;}
    .product .product-more { display: block;}
    .product .product-con .item { margin: 20px 6px 0; width: calc(100%/2 - 12px);}
    .product .product-con .item .text { padding-top: 15px;}
    .product .product-con .item .text h3 { font-size: 16px;}
    .product .product-con .item .text p { font-size: 14px; height: auto;}
    .product .product-con .item .product-btn { display: none;}
    .product .product-con .item:nth-child(n+5) { display: none;}
}
/*-- product end --*/


/* case */
.case { min-width: 1200px; position: relative; padding: 80px 0; overflow: hidden; background: #f1f1f1;}
.case .wrap-title { position: relative; z-index: 3;}

.case .case-slide {margin-top: 45px;overflow: hidden;position: relative;z-index: 2;}
.case .case-slide .case-menu { display: block; text-align: center; margin-bottom: 50px;}
.case .case-slide .case-menu ul { display: inline-block;}
.case .case-slide .case-menu li {float: left; margin: 0 8px; }
.case .case-slide .case-menu li a { display: block; font-size:18px; color: #333; border: 1px solid #dcdcdc; width: 135px; height: 50px; line-height: 50px;}
.case .case-slide .case-menu li a:hover,.case .case-slide .case-menu li.cur a { background: #1d2b57; color: #fff; border: 1px solid #1d2b57;}
.case .case-main { display: block; overflow:hidden;}
.case .case-main  .case-fl {position: relative;padding: 35px;box-sizing: border-box;float: left;width: 32%;height: 568px;background: #1d2b57;}
.case .case-main  .case-fl h3 { padding: 30px 0; border-bottom: 1px solid #344168; line-height: 1; font-size: 24px; color: #fff;}
.case .case-main  .case-fl h3 a { color: #fff;}
.case .case-main  .case-fl p { margin-top: 30px; font-size: 16px; color: rgba(255,255,255,.5);line-height: 1.75;}
.case .case-main .left-btn { position: absolute; left: 0; bottom: 110px;}
.case .case-main .left-btn a { float: left; margin-left: 35px; display: block; width: 120px; height: 40px;line-height: 40px; text-align: center; background: #fff; color: #1d2b57; font-size: 16px;}
.case .case-main .left-btn a:hover { background: #fff200; color: #000;}
.case .case-main .case-fr { float: left; width: 68%;}
.case .case-main .case-fr li {position: relative;float: left;margin-left: 3%;margin-bottom: 3%;width: 46%;}
.case .case-main .case-fr li .pic { display: block; width: 100%; overflow:hidden;}
.case .case-main .case-fr li .pic img { display: block; width: 100%; transition: all 1s;}
.case .case-main .case-fr li:hover img { transform: scale(1.1);}
.case .case-main .case-fr li .tit { padding: 0 25px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; background: rgba(0,0,0,.5);}
.case .case-main .case-fr li .tit span { width: 100%; text-align: center; font-size: 16px; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.case .case-main .case-fr li .tit em { font-size: 16px; color: #fff; display: none;}
.case .case-main .case-fr li:nth-child(n+3) { margin-bottom: 0;}
.case .ctrl { display: none; margin-top: 20px; text-align: center;}
.case .ctrl .swiper-pagination-bullet { margin: 0 5px;}
.case .ctrl .swiper-pagination-bullet-active { background: #1d2b57;}
.case .honor-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.case canvas {width: 100%; height: 100%; background: none!important;}
@media (max-width:1440px) {
    .case .case-main .case-fl { height: 537px;}
    .case .case-main .left-btn { bottom: 70px;}
}
@media (max-width:992px) {
    .case { padding: 40px 15px; min-width:auto;}
    .case .honor-bg { display: none;}
    .case .ctrl { display: block;}
    .case .case-slide .case-menu { display: none;}
    .case .case-slide { margin-top: 20px;}
    .case .case-main .case-fl { margin-bottom: 4%; padding: 15px; float: none; width: 100%; height: 380px;}
    .case .case-main .case-fl h3 { padding: 15px 0 20px; font-size: 18px;}
    .case .case-main .case-fl p { font-size: 14px;}
    .case .case-main .left-btn { bottom: 40px;}
    .case .case-main .left-btn a { width: 100px; height: 35px; line-height: 35px; margin-left: 15px;}
    .case .case-main .case-fr { width: auto; margin: 0 -3%;}
    .case .case-main .case-fr li .tit { padding: 0 5px; height: 35px; line-height: 35px;}
    .case .case-main .case-fr li .tit span { width: 100%; font-size: 12px;}
    .case .case-main .case-fr li .tit em { font-size: 12px; display: none;}

}
/* case end */


/* super */
.super { padding: 60px 0 50px; background: #fff;}
.super .super-con { margin-top: 25px; overflow: hidden;}
.super .super-con .item {padding: 20px;box-sizing: border-box;background: #1d2b57;border-radius: 80px;margin: 10px;float: left;width: calc(100%/3 - 20px);height: 165px;}
.super .super-con .item:nth-child(odd) {animation: fadeinL 1s ease-out backwards;}
.super .super-con .item:nth-child(even) {animation: fadeinR 1s ease-out backwards;}
.super .super-con .item .pic {float: left; width: 114px; height: 114px; border-radius: 50%; overflow: hidden;}
.super .super-con .item .pic img { display: block; width: 100%;}
.super .super-con .item .tit {float: right;width: 67%;}
.super .super-con .item .tit h3 { font-size: 22px; color: #fff200; line-height: 1;}
.super .super-con .item .tit p { margin-top: 10px; font-size: 16px; color: #fff;}
@media (max-width:1440px) {
    .super .super-con .item .tit { width: 64%;}
    .super .super-con .item { height: 153px;}
    .super .super-con .item .tit h3 { font-size: 18px;}
    .super .super-con .item .tit p { font-size: 14px;}
}
@media (max-width:1200px) {
    .super .super-con .item { width: calc(100%/2 - 20px);}
    .super .super-con .item .tit { width: 73%;}
}
@media (max-width:992px) {
    .super { padding: 40px 15px;}
    .super .super-con .item {margin: 10px 0;width: 100%;padding: 10px;border-radius: 75px;height: auto;}
    .super .super-con .item .pic {width: 105px;height: 105px;}
    .super .super-con .item .tit { width: 66%;}
}
/* super end */

/* sjbj */
.sjbj { padding: 55px 0; position: relative; overflow: hidden;background: #fff;}
.sjbj .sjbj-con { position: relative; margin-top: 85px; overflow:hidden;}
.sjbj .sjbj-con .sjbjBg { display: block;  width: 100%;animation: fadein 5s ease-out backwards;}
.sjbj .sjbj-con .sjbjBg img { display: block; width: 100%;}
.sjbj .sjbj-con .sjbjBf { position:absolute;left: 0; top: 0; width: 100%;animation: bouncein 3s ease-out backwards; }
.sjbj .sjbj-con .sjbjBf img { display: block; width: 100%;}
@media (max-width:992px) {
    .sjbj { padding: 10px 0 40px;}
}
/* sjbj end */

/* process */
.process { padding: 80px 0; overflow: hidden; background: #f1f1f1;}
.process  .wrap-title ul { margin-top: 10px;}
.process  .wrap-title li { display: inline-block; margin:0 15px; font-size: 18px; color: #666;}
.process  .wrap-title li i {display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 5px;background: url(../image/process-icon01.png) no-repeat center;width: 22px;height: 22px; background-size: 100%;}
.process .process-con { margin: 0 -12px; overflow: hidden;}
.process .process-con .item { margin:75px 12px 0; float: left; width: calc(100%/2 - 24px);}
.process .process-con .item  .pic { display: block; width: 100%;}
.process .process-con .item  .pic img { display: block; width: 100%;}
.process .process-con .item .text { display: block; padding-top: 35px;}
.process .process-con .item .text h3 { padding-bottom: 25px; border-bottom: 1px solid #e5e5e5; font-size: 24px; color: #333; line-height: 1.25;}
.process .process-con .item .text p {padding-right: 85px;margin-top: 20px;font-size: 18px;color: #666;line-height: 1.5;}
@media (max-width:992px) {
    .process { padding: 40px 5px;}
    .process .wrap-title li { margin: 0 4px; font-size: 14px;}
    .process .wrap-title li i { width: 18px; height: 18px;}
    .process .process-con { margin: 0;}
    .process .process-con .item { margin: 20px 5px 0; width: calc(100%/2 - 10px);}
    .process .process-con .item .text {padding-top: 20px;}
    .process .process-con .item .text h3 {font-size: 14px;padding-bottom: 15px;}
    .process .process-con .item .text p {padding: 0;font-size: 14px;height: 110px;}
}
/* process end */


/* partner */
.partner { position: relative; padding: 70px 0; background: #fff;}
.partner .partner-con { margin-top: 50px; overflow: hidden;}
.partner .xgal-slide { position: relative; display: block; margin-bottom: 40px; overflow: hidden;}
.partner .xgal-slide .swiper-slide { position: relative;}
.partner .xgal-slide .pic { display: block; width: 100%; overflow: hidden;}
.partner .xgal-slide .pic  img { display: block; width: 100%;}
.partner .xgal-slide .tit { padding: 0 25px; position:relative; z-index: 99;margin-top: -50px; bottom: 0; box-sizing: border-box; width: 100%; height: 50px; line-height: 50px; background: rgba(0,0,0,.5);}
.partner .xgal-slide .tit span { float: left; width: 100%; font-size: 16px; text-align: center; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.partner .xgal-slide .tit em { float: right; font-size: 16px; color: #fff; display: none;}
.partner .xgal-slide .swiper-prev { cursor: pointer; position: absolute;left: 0;top: 47%;z-index: 2;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;background: #fff;text-align: center;}
.partner .xgal-slide .swiper-next { cursor: pointer; position: absolute;right: 0;top: 47%;z-index: 2;width: 40px;height: 40px;line-height: 40px;border-radius: 50%;background: #fff;text-align: center;}
.partner .xgal-slide i{ font-size: 18px;}
.partner .xgal-slide a{ margin: 0 20px 0 0;}
.partner .partner-slide { display: block; overflow: hidden;border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.partner .partner-slide li { float: left; width: calc(100%/5);  border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5; box-sizing: border-box;}
.partner .partner-slide li a {  position: relative;display: block; width: 100%;}
.partner .partner-slide li a::after {content: '';display: block;position: absolute;right: -15px;bottom: -15px;z-index: 4;background: url(../image/partner-bf.jpg) no-repeat center;width: 31px;height: 31px;background-size: 100%;}
.partner .partner-slide li img { display: block; width: 100%;}
.partner .partner-slide li:nth-child(n+5) a::after { display: none;}
@media (max-width:992px) {
    .partner { padding: 40px 15px;}
    .partner .partner-con { margin-top: 20px;}
    .partner .xgal-slide { margin-bottom: 30px;}
    .partner .xgal-slide .tit { padding: 0 5px; height: 35px; line-height: 35px;}
    .partner .xgal-slide .tit span { width: 100%; font-size: 12px; text-align: center;}
    .partner .xgal-slide .tit  em { font-size: 12px; display:none;}
    .partner .xgal-slide .swiper-prev { outline: none; top:45%; width: 25px; height: 25px; line-height: 25px;}
    .partner .xgal-slide .swiper-next { outline: none; top:45%; width: 25px; height: 25px; line-height: 25px;}
    .partner .partner-slide li { width: calc(100%/2);}
    .partner .partner-slide li:nth-child(n+5) a::after { display: block;}
    .partner .partner-slide li:nth-child(even) a::after { display: none;}
    .partner .partner-slide li:nth-child(9) a::after { display: none;}
}
/* partner end */

/* server */
.server {padding: 60px 0;box-sizing: border-box;background: url(../image/server-bg.jpg) no-repeat center;width: 100%;height: auto;background-size: cover;text-align: center;}
.server .wrap-title h2 { color: #fff;}
.server .wrap-title p { color: rgba(255,255,255,.5);}
.server .server-con { position: relative; margin-top: 75px;overflow: hidden;}
.server .server-con::after {content: '';display: block;position: absolute;left: 0;top: 21px;width: 100%;height: 8px;background: #fff;}
.server .server-con ul { position: relative; z-index: 4;}
.server .server-con li { float: left; width: calc(100%/7); text-align: center;}
.server .server-con li  span { margin: 0 auto; display: block; background: url(../image/server-icon.png) no-repeat center; width: 51px; height: 51px; line-height: 51px; border-radius: 50%; font-size: 16px; text-align: center; background-size: 100%;}
.server .server-con li p { margin-top: 22px; font-size: 18px; color: #fff;}
.server .server-form {margin-top: 50px;display: inline-block;overflow: hidden;text-align: center;}
.server .server-form .form-list {float: left;display: block;vertical-align: middle;width: 340px;height: 60px;line-height: 60px;background: #fff;}
.server .server-form .form-list input { float: left; padding-left: 25px; box-sizing: border-box; display:block; width: 80%; height: 60px; border:none; outline: none;}
.server .server-form .form-list input::placeholder { color: #020518;}
.server .server-form .form-list i { display:block; font-size: 22px; color: #999; font-weight: bold; padding: 20px 0;}
.server .server-form a {float: left;display: block;width: 240px;height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #010101;background: #fff200;}
@media (max-width:992px) {
    .server { padding: 40px 15px;}
    .server .server-con { margin-top: 30px;}
    .server .server-con li p { margin-top: 15px; font-size: 14px;}
    .server .server-con li  span {width: 41px;height: 41px;line-height: 41px;font-size: 14px;}
    .server .server-con::after { display: none;}
    .server .server-con li { width: calc(100%/4);}
    .server .server-con li:nth-child(n+5) { margin-top: 30px; width: calc(100%/3);}
    .server .server-form { margin-top: 30px; width: 100%;}
    .server .server-form .form-list { float: none; width: 100%; height: 45px;line-height: 45px;}
    .server .server-form .form-list input { height: 45px;}
    .server .server-form .form-list i{ padding: 13px 0;}
    .server .server-form a { margin-top: 10px; width: 100%; height: 45px;line-height: 45px;}
}
/* server end */

/* news */
.news { padding: 60px 0; background: #fff; overflow: hidden;}
.news .news-slide { margin-top: 25px; overflow: hidden;}
.news .news-menu { display: block; text-align: center;}
.news .news-menu ul { display: inline-block;}
.news .news-menu li { float: left; display: block; margin: 0 17px;}
.news .news-menu li a { display: block; width: 130px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #e5e5e5; box-sizing: border-box; color: #000; font-size: 18px;}
.news .news-menu li.cur a { background: #1d2b57; border: 1px solid #1d2b57; color: #fff;}
.news .news-main { margin-top: 30px;overflow: hidden;}
.news .news-main .news-fl { float: left; width:49%;}
.news .news-main .news-fl .item {position: relative; width:100%;}
.news .news-main .news-fl .item .date{position: absolute;z-index:3;left:0;top:0;width: 80px;height: 80px;line-height:1;font-family:"DIN Medium";color:#fff;background:rgba(0,0,0,0.5);text-align: center;padding: 10px;}
.news .news-main .news-fl .item .date em{display:block;font-size:24px;}
.news .news-main .news-fl .item .date em:after{display:block;margin:8px auto;width:10px;height:1px;content:"";background:#fff;}
.news .news-main .news-fl .item .date span{display:block;font-size:16px;}
.news .news-main .news-fl .item .pic { display: block; width: 100%;overflow: hidden;}
.news .news-main .news-fl .item .pic img { display: block; width: 100%;transition: all 1s;}
.news .news-main .news-fl .item .tit { padding: 30px 25px; display: block; width: 100%; background: #f1f1f1;}
.news .news-main .news-fl .item .tit h3 { padding-bottom: 20px; border-bottom: 1px solid #cdcdcd; color: #333; font-size: 18px;line-height:2;}
.news .news-main .news-fl .item .tit h3 a { color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news .news-main .news-fl .item:hover .tit h3 a { color: #1d2b57;}
.news .news-main .news-fl .item .tit p { margin-top: 20px; font-size: 16px; line-height: 1.5; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.news .news-main .news-fr { float:right; width: 49%;}
.news .news-main .news-fr  .item {margin-bottom: 32px;display: block;width: 100%;overflow: hidden;}
.news .news-main .news-fr .item .pic { display: block; float: left; width: 29%;overflow: hidden;}
.news .news-main .news-fr .item .pic img { display: block; width: 100%;transition: all 1s;}
.news .news-main .news-fr .item .tit { float: right; width: 65%;}
.news .news-main .news-fr .item .tit h3 { font-size: 18px; color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news .news-main .news-fr .item .tit p { margin: 10px 0 20px; font-size: 14px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.news .news-main .news-fr .item .tit em { font-size: 14px; color: #666; font-family: "DIN Medium";}
.news .news-main .news-fr .item:hover h3 { color: #1d2b57;}
.news .news-main .news-fr .item:last-child { margin-bottom: 0;}
.news .news-main .item:hover img { transform: scale(1.1);}
@media (max-width:1440px) {
    .news .news-main .news-fr  .item { margin-bottom: 37px;}
}
@media(max-width:992px) {
    .news { padding: 40px 15px;}
    .news .news-menu li { margin: 0 5px;}
    .news .news-menu li a { width: 100px; height: 35px; line-height: 35px; font-size: 16px;}
    .news .news-main .news-fl { float: none; width: 100%; overflow: hidden;}
    .news .news-main .news-fl .item .tit { padding: 20px;}
    .news .news-main .news-fl .item .tit h3 { font-size: 16px;}
    .news .news-main .news-fl .item .tit p { font-size: 14px;}
    .news .news-main .news-fr { margin-top: 20px; float: none; width: 100%;}
    .news .news-main .news-fr .item  { margin-bottom: 20px;}
    /*.news .news-main .news-fr .item:nth-child(n+3) { display: none;}*/
    .news .news-main .news-fr .item .pic { width: 40%;}
    .news .news-main .news-fr .item .tit { width: 54%;}
    .news .news-main .news-fr .item .tit h3 { font-size: 16px; line-height: 1;}
    .news .news-main .news-fr .item .tit p { margin: 10px 0;}
}
/* news end */


/* Custom */
.Custom {background: url(../image/Custom-bg.jpg) no-repeat center;padding: 105px 0;overflow: hidden;width: 100%;height: auto;background-size: cover;}
.Custom .wrap-title h2 { color: #fff;}
.Custom .Custom-con { margin-top: 70px; overflow: hidden;}
.Custom .Custom-con p { font-size: 16px; color: #fff;line-height: 1.75; text-align: center;}
.Custom .Custom-con a { display: block; font-size: 18px; color: #000; background: #fff200; margin: 90px auto 0; width: 190px; height: 55px; line-height: 55px;text-align: center;}
.Custom .Custom-con a i {display: inline-block;margin-left: 5px;transform: translateY(-2px);width: 27px;height: 27px;line-height: 27px;border-radius: 50%;background: #000;color: #fff;font-size: 16px;}
@media (max-width:992px) {
    .Custom { padding: 40px 15px;}
    .Custom .Custom-con { margin-top: 30px;}
    .Custom .Custom-con p { font-size: 14px;}
    .Custom .Custom-con a { margin: 60px auto 0; font-size: 16px; width: 160px; height: 45px; line-height: 45px;}
    .Custom .Custom-con a i { width: 20px; height: 20px; line-height: 20px; font-size: 12px;}
}
/* Custom end */