.swiper-container{
	--swiper-theme-color: #1f2c5c;/* 设置Swiper风格 */
	--swiper-navigation-color: #1f2c5c;/* 单独设置按钮颜色 */
	--swiper-navigation-size: 40px;/* 设置按钮大小 */
}
.banner img{ max-width: 100%; }
.banner .swiper-button-prev{left: 60px;}
.banner .swiper-button-next{right: 60px;}

.banner .banVideo{ background-color: #ddd; position: relative; }
.banner .banVideo img{ display: block; position: relative; z-index: 1; opacity: 0;}
.banner .banVideo video{ position: absolute; top: 50%; left: 50%; z-index: 2; height: ; width: 100%; transform: translateX(-50%) translateY(-50%); cursor: pointer;}
.banner .banVideo .text{ position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%,-50%); text-align: center;}
.banner .banVideo .text h3{ color: #FFFFFF; font-size: 50px; font-weight: normal;}
.banner .banVideo .text p{ color: #FFFFFF; font-size: 28px; padding-top: 20px; }
.banner .banVideo .text .btn{ padding-top: 30px; }
.banner .banVideo .text .btn bottom{ display: inline-flex; border: 1px solid #FFFFFF; color: #FFFFFF; padding: 8px 15px; border-radius: 20px; font-size: 14px; cursor: pointer; position: relative;}
.banner .banVideo .text .btn bottom i{ display: inline-block; background: no-repeat center; background-size: 100%; width: 20px; height: 20px; margin-right: 5px; }
.banner .banVideo .text .btn .play i{ background-image: url(../img/icon_play.png); }
.banner .banVideo .text .btn .wx{ margin-left: 30px; }
.banner .banVideo .text .btn .wx i{ background-image: url(../img/icon_weixin.png); }
.banner .banVideo .text .btn .ewm{ display: none; position: absolute; left: 0; top: 120%; text-align: center; width: 100%; background-color: rgba(255,255,255,.8); padding: 20px 10px; }
.banner .banVideo .text .btn .wx:hover .ewm{ display: block;}
.banner .banVideo .text .btn .ewm img{ max-width: 100%; opacity: 1; }
.banner .banVideo .text .btn .ewm p{ font-size: 12px; padding-top: 10px; color: #333; }
@media (max-width: 1024px) {
	/* .banner .video{ display: none; } */
	.banner .banVideo .text h3{font-size: 40px;}
	.banner .banVideo .text p{font-size: 23px;}
}
@media (max-width: 768px) {
	.banner .banVideo .text h3{font-size: 24px;}
	.banner .banVideo .text p{font-size: 14px;}
	.banner .banVideo .text .btn bottom{padding: 6px 10px; font-size: 12px;}
	.banner .banVideo .text .btn bottom i{width: 18px; height: 18px;}
}
@media (max-width: 480px) {
	.banner .banVideo .text{display: none;}
	.banner .swiper-button-prev{left: 30px; display: none; }
	.banner .swiper-button-next{right: 30px; display: none; }
}


/* 主页标题 */
.index_title{ padding: ; text-align: center;}
.index_title a{ }
.index_title p{ font-size: 16px; text-transform: uppercase; color: #999; }
.index_title h3{ font-size: 30px; font-weight: normal; color: #333; padding-top: 20px; }
@media (max-width: 768px) {
	.index_title p{ font-size: 14px; }
	.index_title h3{ font-size: 24px; padding-top: 10px; }
}
@media (max-width: 480px) {
	.index_title p{ font-size: 12px; }
	.index_title h3{ font-size: 20px; padding-top: 10px; }
}

/* 产品中心 */
.product{ padding: 100px 0;}
.product .proCont{ padding-top: 60px; }
.product .proCont dl{ padding-top: 3px; flex-direction: row; }
.product .proCont dl dt{ width: 399px;  }
.product .proCont dl dd{ width: calc(100% - 399px); padding-left: 3px; }
.product .proCont dl .item{ display: block; position: relative;}
.product .proCont dl .item::after{ content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0; z-index: 2; transition: 0.3s; opacity: 1;}
.product .proCont dl .item:hover::after{ opacity: 0; }
.product .proCont dl .item .pic{ position: relative; z-index: 1; overflow: hidden;}
.product .proCont dl .item .pic img{ transition: 0.6s; }
.product .proCont dl .item:hover .pic img{ transform: scale(1.1); }
.product .proCont dl .item .txt{ position: absolute; z-index: 3; }
.product .proCont dl dt .item .txt{ left: 50px; top: 30px; }
.product .proCont dl .item .txt p{ font-size: 20px; line-height: 36px; color: #333333; font-weight: bold; }
.product .proCont dl .item:hover .txt p{ color: #1f2c5c; }

.product .proCont dl.r1{ flex-direction: row-reverse; }
.product .proCont dl.r1 dd{ padding-left: 0px; padding-right: 3px; }
.product .proCont dl.r2{ flex-direction: row; }
.product .proCont dl.r2 dd{ padding-left: 3px; padding-right: 0px; }
.product .proCont dl.r3 dt{ padding-right: 1.5px; width: 50%; }
.product .proCont dl.r3 dd{ padding-left: 1.5px; width: 50%; }

.product .proCont dl.r1 dd .item .txt{ right: 100px; top: 150px; }
.product .proCont dl.r2 dd .item .txt{ left: 80px; top: 120px; }
.product .proCont dl.r3 dt .item .txt{ left: 50px; top: 60px; }
.product .proCont dl.r3 dd .item .txt{ right: 80px; top: 120px; }

.product .proCont dl.r1 .item .pic img,
.product .proCont dl.r2 .item .pic img{ height: 386px; }
.product .proCont dl.r2 .item .pic{ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
.product .proCont dl.r3 .item .pic img{width: 100%;}

@media (max-width: 1024px) {
	.product{ padding-bottom: 60px;}
}
@media (max-width: 768px) {
	.product{ padding: 60px 0;}
	.product .proCont{ padding-top: 40px; }
	.product .proCont dl dt{width: 295px;}
	.product .proCont dl dd{width: calc(100% - 295px);}
	.product .proCont dl dt .item .txt{left: 30px; top: 20px;}
	.product .proCont dl .item .txt p{font-size: 16px; line-height: 26px;}
	.product .proCont dl.r1 .item .pic img, 
	.product .proCont dl.r2 .item .pic img{height: 286px;}
	.product .proCont dl.r1 dd .item .txt{top: 90px; right: 50px;}
	.product .proCont dl.r2 dd .item .txt{left: 50px; top: 60px;}
	.product .proCont dl.r3 dd .item .txt{top: 60px; right: 30px;}
	
}
@media (max-width: 600px) {
	.product .proCont dl dt{width: 223px;}
	.product .proCont dl dd{width: calc(100% - 223px);}
	.product .proCont dl dt .item .txt{left: 15px; top: 15px;}
	.product .proCont dl .item .txt p{font-size: 14px; line-height: 24px;}
	.product .proCont dl.r1 .item .pic img,
	.product .proCont dl.r2 .item .pic img{ height: 216px;}
	.product .proCont dl.r2 dd .item .txt{left: 15px;}
}
@media (max-width: 480px) {
	.product{ padding: 40px 0;}
	.product .proCont{ padding-top: 30px; }
	.product .proCont dl{ padding-top: 5px; }
	.product .proCont dl dt{width: 100%; margin-bottom: 5px;}
	.product .proCont dl dd{width: 100%; margin-left: 0; padding-left: 0;}
	.product .proCont dl.r1 .item .pic img, 
	.product .proCont dl.r2 .item .pic img{height: auto; width: 100%;}
	.product .proCont dl .item .txt{ top: auto!important; bottom: 0!important; left: 0!important; right: auto!important; width: 100%!important; padding: 15px 20px!important; background-color: rgba(0,0,0,0.0); }
	.product .proCont dl .item .txt p{ color: #FFFFFF!important; }
	
	.product .proCont dl.r3 dt{ width: 100%;}
	.product .proCont dl.r3 dd{ width: 100%;}
}


/* 技术服务 */
.server{ background: url(../img/serbg.jpg) no-repeat center; background-size: cover; padding: 60px 0;}
.server .serBox{ padding-top: 10px; }
.server ul{ align-items: stretch; }
.server ul li{ width: 20%; padding-top: 60px; }
.server ul li:nth-child(2),
.server ul li:nth-child(5){ width: 60%; }
.server ul li a{ display: block; text-align: center; }
.server ul li .icon{ display: inline-block; width: 160px; height: 160px; border-radius: 160px; background-color: #f2f2f2; position: relative; }
.server ul li .icon img{ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.server ul li .icon .after{ opacity: 1;}
.server ul li .icon .hover{ opacity: 0;}
.server ul li:hover .icon{ background-color: #e6a500;/* transform: rotate(360deg); */ }
.server ul li:hover .icon .after{ opacity: 0;}
.server ul li:hover .icon .hover{ opacity: 1;}
.server ul li .txt{padding-top: 30px;}
.server ul li .txt h3{ font-size: 20px; font-weight: 600; color: #333333; padding-bottom: 10px; margin-bottom: 20px; position: relative;  }
.server ul li .txt h3::after{ content: ""; display: block; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); height: 3px; width: 50px; background-color: #1f2c5c;  }
.server ul li .txt p{font-size: 16px; color: #666; line-height: 30px;}
.server ul li:hover .txt h3{ color: #E6A500; }
.server ul li:hover .txt h3::after{ background-color: #E6A500; }
@media (max-width: 1024px) {
	.server{ padding-top: 40px; }
	.server .serBox{padding-top: 0;}
	.server ul li{ width: 33.33%; padding-top: 40px;}
	.server ul li:nth-child(2), 
	.server ul li:nth-child(5){ width: 33.33%; }
	.server ul li .icon{width: 130px; height: 130px; padding: 20px;}
	.server ul li .icon img{max-width: 50px; width: 100%;}
}
@media (max-width: 768px) {
	.server{ padding-top: 20px; padding-bottom: 40px;}
	.server .serBox{padding-top: 10px;}
	.server ul li{ width: 31%; padding-top: 30px;}
	.server ul li:nth-child(2),
	.server ul li:nth-child(5){ width: 31%; }
	.server ul li .icon{width: 100px; height: 100px; padding: 20px;}
	.server ul li .icon img{max-width: 40px; width: 100%;}
	.server ul li .txt{padding-top: 20px;}
	.server ul li .txt h3{font-size: 16px;}
	.server ul li .txt p{font-size: 14px; line-height: 24px;}
	.server ul li .txt p br{ display: none; }
}
@media (max-width: 480px) {
	.server ul li{ width: 47%; }
	.server ul li:nth-child(2),
	.server ul li:nth-child(5){ width: 47%; }
	.server ul li .txt h3{ margin-bottom: 15px; }
	.server ul li .txt h3::after{ height: 3px; width: 40px; }
}



/* 案例展示 */
.case{padding:130px 0;background: #FFFFFF;}
.case .c-flex{ align-items: stretch; }
.case .left{ display: flex; flex-direction: column; justify-content: flex-end; width:380px; }
.case .left .img{ padding-top: 30px; }
.case .left .img img{ max-width: 100%; }
.case .right{ width:800px; }
.case .right li{ float:left;width:375px;margin:0 50px 0 0;overflow:hidden;position:relative; }
.case .right li:nth-child(even){margin-right:0}
.case .right li:nth-child(1),
.case .right li:nth-child(2){margin-bottom:70px}
.case .right li .pic{width:375px;height:253px;overflow:hidden;background:#fff;text-align:center}
.case .right li .pic img{max-width:100%;max-height:100%;transition:all .5s}
.case .right li:hover .pic img{transform:scale(1.08)}
.case .right li .txt{opacity:1;position:absolute;top:0;left:0;width:375px;height:253px;background:rgba(0,0,0,0.3);transition:all 1s;display:flex;justify-content:center;align-items:center}
.case .right li:hover .txt{opacity:1; background:rgba(0,0,0,0);}
.case .right li .txt .txt-content{width:80%;height:80%;box-sizing:border-box}
.case .right li .txt-content .p1{font-size:18px;color:#fdd000;padding-bottom: 5px;}
.case .right li .txt-content .p2{font-size:18px;color:#fff}

@media (max-width: 1240px) {
	.case{padding:80px 0; }
	.case .left{width: 30%; justify-content: flex-start; padding-top: ;}
	.case .right{width: 68%;}
	.case .right ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
	.case .right li{width: 48%; margin-right: 0;}
	.case .right li:nth-child(1),
	.case .right li:nth-child(2){ margin-bottom: 50px; }
	.case .right li .pic{ width: 100%; height: auto; }
	.case .right li .txt{ width: 100%; height: 100%; }
	
}
@media (max-width: 768px) {
	.case{padding:60px 0; }
	.case .index_title h3{font-size: 24px;}
	.case .right li:nth-child(1),
	.case .right li:nth-child(2){margin-bottom:30px}
	.case .right li .txt-content .p1{ font-size: 15px; }
	.case .right li .txt-content .p2{ font-size: 15px; }
}
@media (max-width: 480px) {
	.case{padding:40px 0; }
	.case .index_title h3{font-size: 20px;}
	.case .left{width: 100%;}
	.case .left .img{ display: none; }
	.case .right{width: 100%; padding-top: 30px;}
	.case .right li:nth-child(1),
	.case .right li:nth-child(2){margin-bottom:20px}
}



/* 技术创新 */
.techn{background: url(../img/jishubg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 200px 0;}
.techn .index_title *{ color: #FFFFFF; }
.techn .index_title p{ position: relative; padding-bottom: 25px; }
.techn .index_title h3{ display: inline-block; border-top: 2px solid #e6af00; }
.techn .btn{ padding-top: 30px; text-align: center; }
.techn .btn a{ display: inline-block; color: #666; font-size: 16px; background-color: #FFFFFF; padding: 12px 70px; }
@media (max-width: 1240px) {
	.techn{padding: 150px 0;}
}
@media (max-width: 768px) {
	.techn{padding: 100px 0;}
	.techn .btn a{ padding: 10px 40px;}
}
@media (max-width: 480px) {
	.techn .btn a{ font-size: 14px; padding: 10px 30px;}
}


/* 关于中博 */
.about{ padding: 150px 0;}
.about .title{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end;}
.about .title h3{ font-size: 30px; font-weight: normal; color: #333333; display: inline-block;}
.about .title h3 span{ display: inline-block; font-size: 16px; color: #999; text-transform: uppercase; padding-left: 25px; }
.about .title a{ font-size: 16px; color: #999999; display: inline-block; }
.about .abCont{ padding-top: 45px; }
.about ul{ margin: 0 -1.5px; }
.about ul li{ width: 33.33%; padding: 0 1.5px; }
.about ul li a{ display: block; position: relative; }
.about ul li .pic{ overflow: hidden; width: 100%; }
.about ul li .pic img{ width: 100%; transition: 0.5s; }
.about ul li:hover .pic img{ transform: scale(1.15); }
.about ul li .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column; }
.about ul li .text h3{ color: #FFFFFF; font-size: 24px; text-align: center; padding-bottom: 15px;}
.about ul li .text span{ color: #FFFFFF; font-size: 16px; display: block; padding: 6px 20px; border: 1px solid #fff; }
@media (max-width: 1240px) {
	.about{padding: 100px 0;}
}
@media (max-width: 768px) {
	.about{padding: 60px 0;}
	.about .title h3{font-size: 24px;}
	.about .title h3 span{font-size: 14px; padding-left: 10px;}
	.about .title a{font-size: 14px;}
	.about .abCont{padding-top: 30px;}
	.about ul li .text h3{font-size: 18px; padding-bottom: 10px;}
	.about ul li .text span{font-size: 12px; padding: 5px 10px;}
}
@media (max-width: 480px) {
	.about{padding: 40px 0;}
	.about .title h3{font-size: 20px;}
	.about .title h3 span{font-size: 12px; padding-left: 10px;}
	.about .title a{font-size: 12px;}
	.about .abCont{padding-top: 20px;}
	.about ul li{width: 100%; margin-bottom: 3px;}
}