*{margin: 0;padding: 0;}
img{max-width: 100%;}
a{text-decoration: none;color: #222;}
body{font-family: '微软雅黑';color: #222;}
li{list-style: none;}
@font-face {font-family: 'bebas';src: url('bebas.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
.flex{display: flex;justify-content: space-between;align-items: center;}
.container{max-width: 1400px;margin: 0 auto;}
header{position: absolute;left: 0;top: 0;width: 100%;padding: 32px 0;z-index: 1000;}
header .container{display: flex;justify-content: space-between;align-items: center;}
header .container .logo{font-size: 0;}
header .container ul{display: flex;justify-content: space-between;}
header .container ul li{margin-left: 48px;}
header .container ul li a{padding: 0 0px;padding-bottom: 8px;}
header .container ul li a.active,header .container ul li a:hover{border-bottom: 3px solid #186334;color: #186334;}

#header .mobileMenuBtn {position: fixed;right: 20px;top: 28px;width: 28px;text-align: center;cursor: pointer;z-index: 100;display: none;transition: 0.4s all;-webkit-transition: 0.4s all;}
#header .mobileMenuBtn span {display: block;width: 100%;height: 3px;background: #666;margin-bottom: 6px;transition: 0.3s all;-webkit-transition: 0.3s all;}
#header .mobileMenuBtn span:nth-child(2) {transform: translateX(0);-webkit-transform: translateX(0);}
#header .navactive .mobileMenuBtn span:first-child {transform: rotate(-46deg);-webkit-transform: rotate(-46deg);background-color: #333;transform-origin: 95% 50%;-webkit-transform-origin: 95% 50%;}
#header .navactive .mobileMenuBtn span:nth-child(2) {transform: translateX(80px);-webkit-transform: translateX(80px);opacity: 0;}
#header .navactive .mobileMenuBtn span:last-child {transform: rotate(43deg);-webkit-transform: rotate(43deg);background-color: #333;transform-origin: 100% 80%;-webkit-transform-origin: 100% 80%;}
.mobileMenuBtn_shad{display: none;}

footer{padding-top: 50px;padding-bottom: 20px;position: relative;}
footer .container{position: relative;}
footer .video{position: absolute;right: 0;top: 0;height: 280px;overflow: hidden;background-color: #111317;}
footer .video video{width: 100%;float: right;}
footer .logo{margin-bottom: 22px;}
footer ul {display: flex;margin-bottom: 39px;}
footer ul li a{color: #fff;display: inline-block;margin-right: 64px;}
footer h2{font-size: 56px;color: #fff;opacity: 0.2;}
footer p{font-size: 18px;color: #fff;opacity: 0.2;margin-top: 3px;margin-bottom: 39px;}
footer .icp,footer .icp a{color: #ACACAC;}

.banner-title{padding: 204px 0 166px 0;}
.banner-title h3{font-size: 56px;margin-bottom: 10px;}
.banner-title p{font-size: 20px;color: #888888;letter-spacing: 2px;}
.banner{font-size: 0;}
.page-banner{background-size: cover;background-position: top center;}
.ft-text{background:  url(../image/news/yb_img_hb_banner.png) no-repeat top right;padding-top: 115px;padding-bottom: 131px;background-size: cover;}
.ft-text p{color: #fff;font-size: 18px;}
.ft-text h3{color: #fff;font-size: 56px;margin-bottom: 3px;}

.title{text-align: center;padding-top: 100px;padding-bottom: 64px;}
.title h3{font-size: 40px;margin-bottom: 24px;}
.title p{color: #666666;font-size: 18px;line-height: 25px;}
.index .index-1{padding: 70px 0;background: url(../image/index/yb_gy_img_bg.png);background-size: cover;}
.index .index-1-1 .index-1-1-l{max-width: 663px;margin-right: 40px;}
.index .index-1-1 .t{border-bottom: 1px solid #D8D8D8;padding-bottom: 16px;margin-bottom: 24px;}
.index .index-1-1 .t h2{font-size: 28px;color: #3D3D3D;}
.index .index-1-1 .t p{font-size: 16px;color: #BBBBBB;font-weight: bold;}
.index .index-1-1 .b p{font-size: 15px;color: #666666;line-height: 26px;text-indent: 30px;}
.index .index-1-1 .e{text-align: center;background-color: #fff;padding: 18px 66px 18px 58px;margin-top: 24px;}
.index .index-1-1 .e>div{border-right: 1px solid #D8D8D8;padding-right: 57px;}
.index .index-1-1 .e>div:last-child{padding-right: 0;border-right: none;}
.index .index-1-1 .e>div div{ color: transparent;background: linear-gradient(to bottom, #FF0B03 0%, #FEA805 100%);-webkit-background-clip: text;font-size: 38px;font-weight: bold;}
.index .index-1-1 .e>div span{color: #999999;}

.index .index-1-2{display: flex;justify-content: space-between;margin-top: 65px;}
.index .index-1-2>div{width: 256px;height: 337px;background-size: cover;padding:24px 20px 0 24px;box-sizing: border-box;cursor: pointer;}
.index .index-1-2>div:hover div{color: #EA2C2E;background: url(../image/index/yb_home_gy_icon_left_a.png) no-repeat top right;}
.index .index-1-2>div>div{display: flex;justify-content: space-between;align-items: center;font-size: 26px;font-weight: bold; background: url(../image/index/yb_home_gy_icon_left_b.png) no-repeat top right;}
.index .index-1-2>div p{color: #BBBBBB;text-transform: uppercase;margin-top: 4px;}

.index .index-2{padding-bottom: 101px;}

.index .index-3{background: url(../image/index/yb_home_ys_img_bg.png) no-repeat;background-size: cover;}
.index .index-3 .t .t1{max-width: 596px;}
.index .index-3 .t .t1 h3{font-size: 40px;margin-bottom: 32px;}
.index .index-3 .t .t1 p{font-size: 18px;color: #666;line-height: 26px;}
.index .index-3 .t .t1 img{margin-right: 43px;}
.index .index-3 .b{margin-top: 76px;margin-bottom: 87px;}
.index .index-3 .b h3{color: #E87D0B;font-size: 28px;padding-bottom: 40px;border-bottom: 1px solid #D8D8D8;margin-bottom: 30px;}
.index .index-3 .b p{color: #666;font-size: 18px;line-height: 26px;max-width: 263px;}

.index-4 {width: 100%;overflow: hidden;position: relative;}
.scroll-container {display: flex;width: 100%;  flex-wrap: nowrap;}
.scroll-content,.scroll-content-duplicate{display: inline-block;white-space: nowrap;flex-grow:0;flex-shrink:0;}
.scroll-content img,.scroll-content-duplicate img {  display: inline-block;width: 295px;margin: 0 15px;height: auto;}
@keyframes scroll {
	0% {transform: translateX(0);}
	100% {transform: translateX(-100%);}
}
@keyframes scroll2 {
	0% {transform: translateX(0);}
	100% {transform: translateX(-100%);}
}
.scroll-content{animation: scroll 30s linear infinite;}
.scroll-content-duplicate{animation: scroll2 30s linear infinite;}


.index .index-5 .flex{align-items: initial;}
.index .index-5 .flex>div img{height: 100%;object-fit: cover;}
.index .index-5 .r{margin-left: 24px;max-width: 657px;}
.index .index-5 .r dl{display: flex;justify-content: space-between;align-items: center;padding: 27px 24px 24px 24px;}
.index .index-5 .r dl:hover{background: #E18009;color: #fff;cursor: pointer;}
.index .index-5 .r dl dt{margin-right: 33px;}
.index .index-5 .r dl dt span{font-size: 49px;font-family: "bebas",sans-serif;border-bottom: 1px solid #D8D8D8;display: inline-block;}
.index .index-5 .r dl dt p{font-family: "bebas",sans-serif;}
.index .index-5 .r dl dd h3{font-size: 20px;margin-bottom: 8px;}
.index .index-5 .r dl dd p{font-size: 15px;line-height: 26px;}
.index .index-5 .m{text-align: center;margin-top: 54px;}
.index .index-5 .m a{display: inline-block;padding: 15px 49px;border: 1px solid #222;}

.index-6{padding-top: 257px;padding-bottom: 179px;background: url(../image/index/yb_home_yw_img_lou.png) no-repeat bottom right;}
.index-6 .l>h3{font-size: 40px;margin-bottom: 32px;}
.index-6 .l>p{font-size: 18px;color: #666;max-width: 858px;margin-bottom: 16px;background: rgba(255, 255, 255, 0.5);padding: 5px 3px;}
.index-6 .l .l2{display: flex;margin-top: 87px;}
.index-6 .l .l2>div{border: 2px solid #FDA503;margin-right: 48px;padding: 33px 18px 32px 24px;background-color: #FFEED9;max-width: 372px;box-sizing: border-box;}
.index-6 .l .l2 h3{font-size: 24px;color: #E18009;}
.index-6 .l .l2 p{font-size: 18px;color: #B88343;margin-top: 13px;}

.news .news-list{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 56px;padding-bottom: 38px;gap: 30px;}
.news .news-list dl{width: 446px;cursor: pointer;background-color: #F5F5F5;margin-bottom: 48px;}
.news .news-list dl:hover{background-color: #E87D0B;}
.news .news-list dl:hover,.news .news-list dl:hover .date{background-color: #E87D0B;color: #fff;}
.news .news-list dl dd{padding: 32px 30px 24px;}
.news .news-list dl dd .desc{font-size: 18px;font-weight: 500;line-height: 28px;margin-bottom: 48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .news-list dl dd .date{color: #666;}
.news .news-list dl:last-child{margin-right: auto;}

.contact{background: url(../image/contact/yb_lxwm_dz_bj.jpg) no-repeat center center;background-size: cover;}
.contact .container{padding-top: 172px;padding-bottom: 181px;}
.contact .container>div{font-size: 26px;color: #3D3D3D;}
.contact .container .phone{color: #DA2E2F;font-size: 42px;margin-bottom: 48px;}
.contact .container .address{color: #999999;font-size: 18px;}

.about .about-1{background: linear-gradient( 180deg, rgba(244,244,244,0) 0%, rgba(244,244,244,0.85) 53%, #F4F4F4 100%);padding-top: 93px;padding-bottom: 100px;}
.about .about-1 .container{display: flex;justify-content: space-between;}
.about .about-1 .about-1-1 {max-width: 764px;padding-top: 50px;}
.about .about-1 .about-1-1 .t h3{font-size: 40px;margin-bottom: 32px;}
.about .about-1 .about-1-1 .t p{color: #666;font-size: 18px;line-height: 34px;margin-bottom: 42px;}
.about .about-1 .about-1-1 .b{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about .about-1 .about-1-1 .b dl{display: flex;justify-content: space-between;background-color: #fff;margin-bottom: 32px;border: 1px solid #E1E1E1;}
.about .about-1 .about-1-1 .b dl:nth-child(3),.about .about-1 .about-1-1 .b dl:nth-child(4){margin-bottom: 0;}
.about .about-1 .about-1-1 .b dl dt{font-size: 0;padding: 2px 0;}
.about .about-1 .about-1-1 .b dl dd{padding: 24px 38px 26px 5px;}
.about .about-1 .about-1-1 .b dl dd h3{color: #3D3D3D;font-size: 20px;margin-bottom: 6px;}
.about .about-1 .about-1-1 .b dl dd p{color: #888888;}
.about .about-2 .about-2-1{display: flex;justify-content: space-between;overflow: auto;padding-bottom: 5px;}
.about .about-2 .about-2-1>div{flex: 1;margin-right: 32px;}
.about .about-2 .about-2-1>div:last-child{margin-right: 0;}
.about .about-2 .about-2-1 .text{display: none;}
.about .about-2 .about-2-1 .text,.about .about-2 .about-2-1 .img{position: relative;}
.about .about-2 .about-2-1 .img{font-size: 0;}
.about .about-2 .about-2-1 .text h3{position: absolute;color: #fff;font-size: 32px;top: 26%;left: 40px;}
.about .about-2 .about-2-1 .text p{position: absolute;color: #fff;font-size: 18px;top: calc(26% + 64px);line-height: 34px;width: 100%;padding: 0 40px;box-sizing: border-box;}
.about .about-2 .about-2-1 .img h3{position: absolute;color: #fff;top: 86px;left: 40px;font-size: 32px;}
.about .about-3 {background: url(../image/about/yb_gywm_img_oao_bg2.png) no-repeat;background-position: left bottom;background-size: 100% auto;padding-bottom: 83px;}
.about .about-3 .about-3-1{background: url(../image/about/yb_gywm_img_oao_bg1.png) no-repeat;background-size: 100% auto;padding: 126px 98px 141px 102px;display: flex;justify-content: space-between;}
.about .about-3 .about-3-1>div{flex: 1;text-align: center;}
.about .about-3 .about-3-1>div:nth-child(1),.about .about-3 .about-3-1>div:nth-child(3){margin-top: 70px;}
.about .about-3 .about-3-1>div p{color: #fff;text-shadow: 0px 4px 2px rgba(108,0,0,0.41);font-size: 68px;}
.about .about-3 .about-3-1>div h3{font-size: 20px;line-height: 30px;margin-bottom: 10px;margin-top: 65px;}
.about .about-3 .about-3-1>div div{color: #666;line-height: 24px;}
.about .about-4{background-image: url(../image/about/yb_gywm_img_qd_bg.png);padding-bottom: 114px;margin-top: 140px;}
.about .about-4 .about-4-1{text-align: center;margin-bottom: 48px;}
.about .about-4 .about-4-1 span{color: #888888;display: inline-block;margin-right: 88px;cursor: pointer;padding-bottom: 2px;}
.about .about-4 .about-4-1 span.active{color: #DA2E2F;border-bottom: 2px solid #DA2E2F;}
.about .about-4 .about-4-1 span:last-child{margin-right: 0;}
.about .about-4 .about-4-2 .swiper-button-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;}
.about .about-4 .about-4-2 {position: relative;}
.about .about-4 .about-4-2 .swiper-button-box .container{position: relative;height: 100%;}
.about .about-4 .about-4-2 .swiper-button-box .container .swiper-button-prev, .about .about-4 .about-4-2 .swiper-button-box .container .swiper-button-next{top: 50%;background-color: #fff;border-radius: 50%;width: 64px;height: 64px;color: #000;}
.about .about-4 .about-4-2 .swiper-button-box .container .swiper-button-prev::after, .about .about-4 .about-4-2 .swiper-button-box .container .swiper-button-next::after{font-size: 20px;font-weight: bold;}
.about .about-4 .about-4-2 .swiper-slide{font-size: 0;background-size: cover;}
.about .about-4 .about-4-2 .swiper-slide::after{position: absolute;content: "";display: block;width: 100%;height: 100%;background-color: #d7d7d7;opacity: 0.6;left: 0;top: 0;}
.about .about-4 .about-4-2 .swiper-slide.swiper-slide-active::after{display: none;}
.about .about-4 .about-4-2 .swiper-slide {height: 560px;}
.about .about-4 .about-4-2 .swiper-slide .swiper-text{width: 100%;height: 560px;font-size: initial;color: #fff;padding: 15% 15px 0 56px;box-sizing: border-box;display: none;}
.about .about-4 .about-4-2 .swiper-slide.swiper-slide-active .swiper-text{display: block;}
.about .about-4 .about-4-2 .swiper-slide .swiper-text h3{font-size: 32px;margin-bottom: 32px;}
.about .about-4 .about-4-2 .swiper-slide .swiper-text p{max-width: 529px;font-size: 18px;line-height: 25px;margin-bottom: 54px;}
.about .about-4 .about-4-2 .swiper-slide .swiper-text a{font-size: 16px;padding: 15px 49px;color: #fff;border: 1px solid #fff; }

.pagination {
	text-align: center;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0
}
.pagination>li {
    display: inline;
}
.pagination>li>a, .pagination>li>span{color:rgba(42,154,243)}
.pagination>li>a,.pagination>li>span{border: none;color: #999;font-family: numfont,Arial;border-radius: 5px;border: 1px solid transparent;margin: 0 5px;padding: 6px 12px;}
.pagination>li>a:hover,.pagination>li>span:hover{border: 1px solid rgba(42,154,243);color: rgba(42,154,243);background-color: transparent;}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.pagination>li.on>a,.pagination>li.on>span{background-color: rgba(42,154,243);color: #FFFFFF;}
.pagination>li>a:focus, .pagination>li>span:focus{background-color: rgba(42,154,243);color: #FFFFFF;}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #999999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

/* 业务介绍页面样式 */
.servers .servers-tab{border-bottom: 1px solid #E5E5E5;background-color: #fff;}
.servers .servers-tab .tab-nav{display: flex;}
.servers .servers-tab .tab-nav span{font-size: 18px;color: #666;margin-right: 64px;cursor: pointer;padding: 24px 0;border-bottom: 3px solid transparent;}
.servers .servers-tab .tab-nav span:last-child{margin-right: 0;}
.servers .servers-tab .tab-nav span.active{color: #DA2E2F;border-bottom-color: #DA2E2F;}
.servers .servers-tab .tab-nav span:hover{color: #DA2E2F;}

.servers .servers-content{padding-top: 80px;padding-bottom: 80px;background: linear-gradient(180deg, #fff 0%, #F5F5F5 100%);}
.servers .tab-content{display: none;}
.servers .tab-content.active{display: block;}
.servers .content-top{display: flex;justify-content: space-between;margin-bottom: 32px;}
.servers .content-left{padding: 48px 42px 0 30px;background: url(../image/servers/ywjs_img_jr_top_l.png);flex: 1;}
.servers .content-left h3{font-size: 32px;color: #222;margin-bottom: 24px;}
.servers .content-left p{font-size: 16px;color: #666;line-height: 28px;margin-bottom: 40px;}
.servers .content-left .partners{display: flex;align-items: center;gap: 24px;}
.servers .content-left .partners img{object-fit: contain;}

.servers .content-cards{display: flex;justify-content: space-between;gap: 24px;}
.servers .content-cards .card{flex: 1;background-color: #fff;padding: 32px 24px;border-radius: 4px;transition: all 0.3s ease;}
.servers .content-cards .card:hover{box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.servers .content-cards .card h4{font-size: 20px;color: #E87D0B;margin-bottom: 8px;}
.servers .content-cards .card h5{font-size: 14px;color: #888;margin-bottom: 16px;font-weight: normal;}
.servers .content-cards .card p{font-size: 14px;color: #666;line-height: 24px;margin-bottom: 181px;}
.servers .content-cards .card .card-img{font-size: 0;border-radius: 4px;overflow: hidden;}
.servers .content-cards .card .card-img img{width: 100%;transition: transform 0.3s ease;}
.servers .content-cards .card:hover .card-img img{transform: scale(1.05);}

.servers .servers-feature{background: url(../image/servers/ywjs_img_xqd_bg.png) no-repeat center center;background-size: cover;background-color: #1a1a1a;padding: 80px 0 100px;margin-top: 80px;}
.servers .servers-feature h3{font-size: 40px;color: #fff;text-align: center;margin-bottom: 64px;}
.servers .servers-feature .feature-list{display: flex;justify-content: space-between;}
.servers .servers-feature .feature-item{flex: 1;padding: 0 30px;position: relative;}
.servers .servers-feature .feature-item:not(:last-child)::after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 12px;border-color: transparent transparent transparent #E87D0B;}
.servers .servers-feature .feature-item .num{font-size: 48px;color: #E87D0B;font-family: 'bebas', sans-serif;display: block;margin-bottom: 16px;}
.servers .servers-feature .feature-item h4{font-size: 20px;color: #fff;margin-bottom: 16px;}
.servers .servers-feature .feature-item p{font-size: 14px;color: #999;line-height: 24px;}

.servers .servers-gallery{padding: 80px 0 100px;background-color: #fff;}
.servers .servers-gallery .gallery-list{display: flex;justify-content: space-between;gap: 24px;}
.servers .servers-gallery .gallery-item{flex: 1;font-size: 0;border-radius: 8px;overflow: hidden;}
.servers .servers-gallery .gallery-item img{width: 100%;transition: transform 0.3s ease;}
.servers .servers-gallery .gallery-item:hover img{transform: scale(1.05);}

@media (min-width:1920px) {
	.index-6{max-width: 1920px;margin: 0 auto;}
}
@media (max-width:1400px) {
	.container{padding-left: 10px;padding-right: 10px;}
	.news .news-list dl{width: 49%;}
	.news .news-list img{width: 100%;}
	.index .index-1-2{overflow: auto;padding-bottom: 15px;}
	.index .index-1-2>div{flex-grow:0;flex-shrink:0;margin-right: 15px;width: 208px;height: 274px;}
	.index .index-1-2>div:last-child{margin-right: 0;}
	.about .about-1 .container{align-items: center;}
	.about .about-3 .about-3-1{background: initial;padding: 40px 0px;}
	.about .about-3 .about-3-1>div{margin: 0 20px;}
	.about .about-3 .about-3-1>div p{color: #eb6161;}
}
@media (max-width:1275px) {
	footer .video{width: 100%;}
	footer .video video{width: auto;height: 100%;}
	.index .index-3 .b{flex-wrap: wrap;}
	.index .index-3 .b>div{width: 48%;margin-bottom: 20px;}
}
@media (max-width:1275px) {
	.about .about-1 .container{display: block;}
	.about .about-1 .about-1-1{max-width: 100%;}
	.about .about-1 .about-1-1 .b dl{width: 48%;justify-content: flex-start;}
	.about .about-1 .about-1-2 {display: none;}
	.about .about-2 .about-2-1 .img img,.about .about-2 .about-2-1 .text{min-width: 330px;}
	.about .about-2 .about-2-1 .text h3{top: 20%;}
	.about .about-2 .about-2-1 .text p{font-size: 16px;top: calc(20% + 44px);}
}
@media (max-width: 768px) {  
	.about .about-2 .about-2-1 .img img,.about .about-2 .about-2-1 .text{min-width: initial;}
	.scroll-content {animation: scroll 20s linear infinite;}
	.scroll-content-duplicate{animation: scroll2 20s linear infinite;}
	.scroll-content img,.scroll-content-duplicate img{width: auto;height: 200px;margin: 0 5px;}
	
	#header .mobileMenuBtn{display: block;}
	#header .mobileMenuBtn_shad {width: 100%;height: 0;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);background: rgba(0, 0, 0, 0.7);transition: 0.3s all;-webkit-transition: 0.3s all;}
	#header .navactive .mobileMenuBtn_shad {height: 100%;}
	#header ul {padding-top: 24%;display: block; width: 60%; /* background: rgba(49, 152, 242, .8); */background: #FFFFFF; position: fixed; height: 100%; overflow: auto; top: 0; right: -60%; transition: 0.6s all; -webkit-transition: 0.6s all;}
	#header .navactive ul { right: 0;z-index: 100;}
	.title{padding-top: 60px;}
	.title h3,.index .index-3 .t .t1 h3,.index-6 .l>h3{font-size: 28px;}
	.title p,.index .index-3 .t .t1 p{font-size: 16px;}
	.mobileMenuBtn_shad{display: block;}
	header{padding: 18px 0;position: fixed;width: 100%;top: 0;left: 0;background-color: #fff;height: 80px;box-sizing: border-box;}
	header .logo img,footer .logo img{width: 150px;}
	header .container ul li{line-height: 50px;font-size: 18px;}
	body{padding-top: 80px;}
	.index .index-1-1 .index-1-1-l{max-width: 100%;margin-right: 0;}
	.index .index-1-1>.container{display: block;}
	.index .index-1-1 .e{padding: 20px 15px;margin-bottom: 15px;}
	.index .index-1-1 .e>div div{font-size: 26px;}
	.index .index-1-1 .e>div{flex: 1;padding-right: 0;}
	
	
	.index .index-3 .b{flex-wrap: wrap;}
	.index .index-3 .b>div{width: 48%;margin-bottom: 20px;}
	.index .index-3 .b h3{font-size: 20px;padding-bottom: 10px;margin-bottom: 10px;}
	.index .index-3 .b p{font-size: 14px;}
	.index .index-5 .flex{display: block;}
	.index .index-5 .flex img{width:100%}
	.index .index-5 .r{margin-left: 0;max-width: 100%;}
	.index .index-5 .r dl dd h3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size: 18px;}
	.index .index-5 .r dl dd p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.index .index-5 .r dl dt{text-align: center;}
	.index .index-5 .r dl dt span{font-size: 36px;}
	
	.index-6{padding-top: 100px;padding-bottom: 100px;}
	.index-6 .l .l2{display: block;}
	.index-6 .l .l2>div{max-width: 100%;margin-right: 0;margin-bottom: 15px;}
	footer ul{justify-content: space-between;}
	footer h2{font-size: 30px;}
	footer ul li a{margin-right: 0;}
	footer .icp{font-size: 14px;}
	.banner-title{padding: 60px 0;}
	.banner-title h3{font-size: 28px;}
	.banner-title p{font-size: 16px;}
	.news .news-list dl{width: 100%;}
	.about .about-1 .container{display: block;}
	.about .about-1{padding-top: 10px;}
	.about .about-1 .about-1-1 .t h3{font-size: 28px;}
	.about .about-1 .about-1-1 .b dl{width: 100%;justify-content: flex-start;}
	.about .about-1 .about-1-1 .b dl:nth-child(3), .about .about-1 .about-1-1 .b dl:nth-child(4),.about .about-1 .about-1-1 .b dl{margin-bottom: 10px;}
	.about .about-2 .about-2-1>div{min-width: 230px;margin-right: 15px;}
	.about .about-2 .about-2-1 .img h3{font-size: 18px;width: 100%;text-align: center;left: 0;}
	.about .about-2 .about-2-1 .text h3{left: 15px;top: 15px;font-size: 18px;}
	.about .about-2 .about-2-1 .text p{left: 15px;top: 48px;font-size: 14px;padding: 0;width: auto;padding-right: 15px;line-height: 22px;}
	.about .about-3,.about .about-3 .about-3-1{background: #fff;padding: 0;}
	.about .about-3 .about-3-1>div:nth-child(1), .about .about-3 .about-3-1>div:nth-child(3){margin-top: 0;}
	.about .about-3 .about-3-1{display: block;}
	.about .about-3 .about-3-1>div p{color: #eb6161;font-size: 50px;}
	.about .about-3 .about-3-1>div h3{margin-top: 5px;}
	.about .about-4{margin-top: 60px;}
	.about .about-3 .about-3-1>div div{margin-bottom: 20px;}
	
	.about .about-4 .title h3{margin-bottom: 0;}
	.about .about-4 .about-4-1{white-space: nowrap;}
	.about .about-4 .about-4-1 span{margin-right: 20px;}
	.about .about-4 .about-4-2 .swiper-slide .swiper-text{padding-left: 15px;padding-bottom: 30px;}
	.about .about-4 .about-4-2 .swiper-slide .swiper-text h3{font-size: 22px;margin-bottom: 20px;}
	.about .about-4 .about-4-2 .swiper-slide .swiper-text p{font-size: 14px;margin-bottom: 20px;line-height: 22px;}
	.about .about-4 .about-4-2 .swiper-slide .swiper-text a{padding:8px 15px;display: block;text-align: center;width: 60%;margin: 0 auto;font-size: 14px;}
	.about .about-4 .about-4-2 .swiper-slide .swiper-text,.about .about-4 .about-4-2 .swiper-slide{height: auto;}
	.ft-text{padding-top: 50px;padding-bottom: 50px;}
	.ft-text h3{font-size: 28px;}
	.ft-text p{font-size: 16px;}
	.about .about-4 .about-4-2 .swiper-button-box .container .swiper-button-prev, .about .about-4 .about-4-2 .swiper-button-box .container .swiper-button-next{width: 46px;height: 46px;font-size: 26px;}
	.about .about-4 .about-4-2 .swiper-button-box .container .swiper-button-prev::after, .about .about-4 .about-4-2 .swiper-button-box .container .swiper-button-next::after{font-size: 18px;}
	.about .about-1 .about-1-1 .t p{font-size: 16px;line-height: 30px;}
	.about .about-1 .about-1-2 {display: block;}

	/* 业务介绍页面响应式 */
	.servers .servers-tab .tab-nav{padding: 15px 0;overflow-x: auto;white-space: nowrap;}
	.servers .servers-tab .tab-nav span{font-size: 16px;margin-right: 24px;}
	.servers .servers-content{padding-top: 40px;padding-bottom: 40px;}
	.servers .content-top{display: block;}
	.servers .content-left{max-width: 100%;padding: 30px 20px;}
	.servers .content-left h3{font-size: 24px;margin-bottom: 16px;}
	.servers .content-left p{font-size: 14px;line-height: 24px;margin-bottom: 24px;}
	.servers .content-left .partners img{height: 36px;}
	.servers .content-right{margin-left: 0;margin-top: 24px;}
	.servers .content-right img{max-width: 100%;}
	.servers .content-cards{display: block;}
	.servers .content-cards .card{margin-bottom: 16px;padding: 24px 16px;}
	.servers .content-cards .card h4{font-size: 18px;}
	.servers .content-cards .card p{font-size: 13px;line-height: 22px;margin-bottom: 16px;}
	.servers .servers-feature{padding: 40px 0 60px;}
	.servers .servers-feature h3{font-size: 24px;margin-bottom: 32px;}
	.servers .servers-feature .feature-list{display: block;}
	.servers .servers-feature .feature-item{padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,0.1);}
	.servers .servers-feature .feature-item:not(:last-child)::after{display: none;}
	.servers .servers-feature .feature-item .num{font-size: 36px;margin-bottom: 8px;}
	.servers .servers-feature .feature-item h4{font-size: 18px;margin-bottom: 8px;}
	.servers .servers-feature .feature-item p{font-size: 13px;line-height: 22px;}
	.servers .servers-gallery{padding: 40px 0 60px;}
	.servers .servers-gallery .gallery-list{display: block;}
	.servers .servers-gallery .gallery-item{margin-bottom: 16px;border-radius: 4px;}
}