@charset "utf-8";

.pro-center{margin: 80px 0;}
.pro-center .big-win{width: 100%;height: 680px;position: relative;}
.pro-center .big-win img{width: 100%;height: 100%;object-fit: cover;}

.pro-center .big-win ul{position: absolute;justify-content: space-around;width: 100%;flex-wrap: wrap;display: flex;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pro-center .big-win li{width: 40%;text-align: center;}
.pro-center .big-win li:nth-child(1){margin-bottom: 90px;}
.pro-center .big-win li:nth-child(2){margin-bottom: 90px;}
.pro-center .big-win li:nth-child(3){margin-bottom: 90px;}
.pro-center .big-win li:last-child{width: 36%;}
.pro-center .big-win li span{font-size: 36px;line-height: 40px;color: #fff;font-family: "微软雅黑";font-weight: bold;}
.pro-center .big-win li span.timer{font-size: 56px;line-height: 46px;font-family: "Arial";margin: 0 10px;}
.pro-center .big-win li h4{font-size: 24px;line-height: 32px;color: #fff;font-family: "微软雅黑";}
.pro-center .big-win li h4:nth-child(1){margin-bottom: 20px;}
.pro-center .text{max-width: 100%;margin: 40px auto 0;position: relative;}
.pro-center .text img{display: block;width: 100%;object-fit: cover;position: absolute;top: 50%;transform: translateY(-50%);}
.pro-center .text .content{text-align: center;padding: 0 60px;}
.pro-center .text .content h4{font-size: 22px;line-height: 42px;color: #888;font-family: "微软雅黑";}
.pro-center .text .content h4 span{color: #006fba;}
@media (max-width:1360px) {
	.pro-center .big-win li{width: 38%;margin-bottom: 40px!important;}
}
@media (max-width:1280px) {
	.pro-center .big-win li h4{font-size: 20px;line-height: 30px;}
	.pro-center .text .content h4{font-size: 20px;line-height: 32px;}
	.pro-center .big-win li span{font-size: 30px;}
	.pro-center .big-win li h4:nth-child(1){margin-bottom: 8px;}
	.pro-center .big-win li{width: 48%;}
	.pro-center .big-win li:last-child{width: 48%;}
	.pro-center .big-win li span.timer{font-size: 46px;line-height: 40px;font-family: "Arial";margin: 0 8px;}
}
@media (max-width:1080px) {
	.pro-center .big-win li:nth-child(5){width: 100%;}
	.pro-center .big-win li:nth-child(6){width: 100%;}
	.pro-center .text .content h4:first-child{padding: 0 2em;}
	.pro-center .text .content h4{padding: 0 1em;}
	.pro-center .text .content{padding: 0 40px;}
}
@media (max-width:769px) {
	.pro-center{margin: 4% 0;}
	.pro-center .big-win li span{font-size: 24px;line-height: 30px;}
	.pro-center .text{margin: 4% auto 0;}
	.pro-center .text .content h4{font-size: 16px;line-height: 26px;}
	.pro-center .text .content{padding: 0 28px;}
}
@media (max-width:620px) {
	.pro-center .big-win{height: 520px;}
	.pro-center .big-win li{width: 100%;margin-bottom: 20px!important;}
	.pro-center .big-win li h4:nth-child(1){margin-bottom: 0;}
	.pro-center .big-win li span{font-size: 18px;}
	.pro-center .big-win li h4{font-size: 12px;line-height: 18px;}
}
@media (max-width:480px) {
	.pro-center .big-win{height: 420px;}
	.pro-center .text .content h4{font-size: 12px;line-height: 24px;}
	.pro-center .big-win li{margin-bottom: 8px!important;}
	.pro-center .text .content{padding: 0 20px;}
}

/* 5G产品 */
.pro-center2{background: #f5f8fc;width: 100%;padding: 80px 0 120px;}
.pro-center2 .title{width: 100%;display: flex;margin-bottom: 40px;}
.pro-center2 .title h2{font-size: 32px;white-space: nowrap;line-height: 42px;color: #333;font-family: "微软雅黑";margin-right: 50px;}
.pro-center2 .title ul{display: flex;flex-wrap: wrap;}
.pro-center2 .title li{margin: 0 30px 20px;}
.pro-center2 .title li h3{font-size: 22px;line-height: 36px;color: #888;font-family: "微软雅黑";}
.pro-center2 .pro-list{width: 100%;}
.pro-center2 .pro-list ul{display: flex;flex-wrap: wrap;}
.pro-center2 .pro-list li{margin-bottom: 20px;}
.pro-center2 .pro-list li a{display: block;width: 100%;}
.pro-center2 .pro-list li h4{transition: all .4s linear;-webkit-transition: all .4s linear;margin: 0 40px;font-size: 18px;line-height: 20px;color: #888;font-family: "微软雅黑";padding-left: 30px;background-image: url(../images/pro-list-no.jpg);background-repeat: no-repeat;background-position: left;}
.pro-center2 .pro-list li:first-child h4{margin: 0 40px 0 0;}
.pro-center2 .pro-list li:not(:first-child){border-left: 1px solid #e0e0e0;}

.pro-center2 .title li:hover h3{color: #006fba;border-bottom: 2px solid #006fba;}
.pro-center2 .title li.active h3{color: #006fba;border-bottom: 2px solid #006fba;}
.pro-center2 .pro-list li:hover h4{color: #006fba;background-image: url(../images/pro-list-on.jpg);}
.pro-center2 .pro-list li.active h4{color: #006fba;background-image: url(../images/pro-list-on.jpg);}
.pro-center2 .swiper-container .img img{border-radius: 10px;}
/* 轮播 */
/* .swiper-container.swp-pro .swiper-slide .li{width: 100%;height: 100%;}
.swiper-container.swp-pro .swiper-slide .li a{display: block;width: 100%;height: 100%;}
.swiper-container.swp-pro .swiper-slide .li .img{width: 100%;height: 100%;}
.swiper-container.swp-pro .swiper-slide .li img{width: 100%;height: 100%;object-fit: cover;}
 */
@media (max-width:1080px) {
	.pro-center2 .title h2{margin-right: 20px;}
	.pro-center2 .title li{margin: 0 20px 10px;}
	.pro-center2 .pro-list li{margin-bottom: 10px;}
	.pro-center2 .title{margin-bottom: 2%;}
	.pro-center2 .pro-list li h4{margin: 0 20px;}
	.pro-center2 .pro-list li:first-child h4{margin: 0 20px 0 ;}
}
@media (max-width:769px) {
	.pro-center2{padding: 4% 0 6%;}
	.pro-center2 .title{flex-direction: column;}
	.pro-center2 .title h2{margin-right: 0;margin-bottom: 4%;font-size: 26px;line-height:30px ;}
	.pro-center2 .title li h3{font-size: 16px;}
	.pro-center2 .title li{margin: 0 10px 1%;}
	.pro-center2 .pro-list li h4{font-size: 16px;padding-left: 22px;}
}
@media (max-width:480px) {
	.pro-center2 .title h2{font-size: 18px;line-height: 20px;}
	.pro-center2 .title li h3{font-size: 14px;line-height: 26px;}
	.pro-center2 .pro-list li h4{font-size: 12px;line-height: 26px;}
	.pro-center2 .pro-list li{margin-bottom: 4px;}
}

/* 轮播 */
.swp-pro{margin: 70px auto!important;height: 520px;position: relative;}
.swp-pro .swiper-button-prev{position: absolute;top: 50%;transform: translateY(-50%);left: 140px;background-image: url(../images/swiper-left.png);background-size:100%;width: 46px;height: 46px;cursor: pointer;}
.swp-pro .swiper-button-next{position: absolute;top: 50%;transform: translateY(-50%);right: 140px;background-image: url(../images/swiper-right.png);background-size:100%;width: 46px;height: 46px;cursor: pointer;}

@media (max-width:1440px) {
	.swp-pro .swiper-button-prev{left: 50px;}
	.swp-pro .swiper-button-next{right: 50px;}
}
@media (max-width:1280px) {
	.swp-pro .swiper-button-prev{left: 20px;}
	.swp-pro .swiper-button-next{right: 20px;}
}
@media (max-width:1080px) {
	.swp-pro .swiper-button-prev{left: 18px;transform:translateY(0)}
	.swp-pro .swiper-button-next{right: 18px;transform:translateY(0)}
	.swp-pro{margin: 4% auto !important;}
	.swp-pro .li img{width: 100%;object-fit: cover;}
}
@media (max-width:769px) {
	.swp-pro{height: 345px;}
}
@media (max-width:480px) {
	.swp-pro{height: 210px;margin: 0 auto!important;}
	.swp-pro .swiper-button-next{width:30px;height: 30px;right: 10px;}
	.swp-pro .swiper-button-prev{width:30px;height: 30px;left: 10px;}
}
/* 特点 */
.pro-center2 .trait{margin-bottom: 80px;width: 100%;}
.pro-center2 .trait ul{display:flex;width: 100%;flex-wrap: wrap;}
.pro-center2 .trait li:first-child{margin-left: 0px;}
.pro-center2 .trait li a{display: block;width: 100%;}
.pro-center2 .trait li{border: 1px solid #e7edf5;transition: all .4s linear;-webkit-transition: all .4s linear;border-radius: 28px 0;background-image: url(../images/trait-bg.png);background-size: 100%;background-repeat-y: no-repeat;width: 288px;height: 360px;margin-right:24px;margin-bottom: 20px;}
.pro-center2 .trait li h4{font-size: 24px;line-height: 36px;color: #e7edf5;font-family: "Arial";margin:20px 0 0 20px;}
.pro-center2 .trait li img{max-width: 54px;max-height: 48px;margin: 64px auto 40px;object-fit: cover;display: block;}
.pro-center2 .trait li p{font-size: 24px;line-height: 36px;color: #006fba;font-family: "微软雅黑";text-align: center;}

/* .pro-center2 .trait li:hover{backgrond} */
@media (max-width:1280px) {
	.pro-center2 .trait li{width: 22%;margin-right: 2%;height: 310px;padding-bottom: 30px;background-size:cover ;}
	.pro-center2 .trait li img{margin: 40px auto;}
}
@media (max-width:1080px) {
	.pro-center2 .trait li{height: 270px;}
	.pro-center2 .trait li p{font-size: 18px;line-height: 30px;}
	.pro-center2 .trait li img{margin: 30px auto;}
	.pro-center2 .trait{margin-bottom: 6%;}
}
@media (max-width:769px) {
	.pro-center2 .trait li{width: 31%;height: 250px;margin-bottom: 2%;padding-bottom: 4%;}
	.pro-center2 .trait li img{margin: 20px auto 30px;}
	.pro-center2 .trait li p{font-size: 16px;line-height: 24px;}
}
@media (max-width:480px) {
	.pro-center2 .trait li img{margin: 10px auto 20px;}
	.pro-center2 .trait li{width: 32%;margin-right: 1%;height: auto;}
	.pro-center2 .trait li h4{font-size: 14px;line-height: 30px;}
	.pro-center2 .trait li img{max-width: 30px;}
	.pro-center2 .trait li p{font-size: 12px;line-height: 20px;}
}

/* 应用 */
.pro-use{width: 100%;}
.pro-use ul{width: 100%;display: flex;flex-wrap: wrap;}
.pro-use li{transition: all 1s linear;-webkit-transition: all 1s linear;width: 24%;background: #fff;border: 1px solid #e7edf5;margin-bottom: 20px;margin-right: 1%;}
.pro-use li a{display: block;width: 100%;padding: 0 20px;}
.pro-use li img{width: 100%;object-fit: cover;max-width: 310px;max-height: 164px;margin: 20px auto 0;display: block;}
.pro-use li h3{text-align: center;font-size: 18px;line-height: 20px;font-family: "微软雅黑";color: #888;margin: 30px 0;}
.pro-use li:hover{transform: translateY(10px);}
@media (max-width:1280px) {
	.pro-use li h3{margin: 20px 0;}
}
@media (max-width:1080px) {
	.pro-use li h3{font-size: 14px;margin: 6% 0;}
}
@media (max-width:769px) {
	.pro-use li{margin-bottom: 2%;}
	.pro-use li img{margin: 0 auto;}
	.pro-use li a{padding: 6%;}
	.pro-use li h3{margin: 6% 0 0 0;}
}
@media (max-width:480px) {
	.pro-use li{width: 48%;}
	.pro-use li h3{font-size: 12px;line-height: 14px;}
}

/* FPC */
/* .pro-center.FPC .big-win li:nth-child(1){
	width: 50%;
}
.pro-center.FPC .big-win li:nth-child(2){
	width: 50%;
} */
.pro-center.FPC  .big-win li{width: 34%;}
.pro-center.FPC  .big-win li:last-child{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

@media (max-width:1080px) {
	.pro-center.FPC .big-win ul{justify-content: space-between;}
	.pro-center2.FPC  .trait li{width: 32%;margin-right: 1%;}
	.pro-center2.FPC  .trait li{height: 290px;}
	.pro-center2.FPC .trait{margin-bottom: 2%;}
}
@media (max-width:769px) {
	.pro-center .big-win li span.timer{font-size: 30px;margin: 0 4px;line-height: 30px;}
	.pro-center2.FPC .trait li{height: 260px;}
}
@media (max-width:480px) {
	.pro-center.FPC .big-win li{width: 42%;margin-bottom:10%!important ;}
	.pro-center.FPC .big-win li:last-child{position: unset;margin: 0 auto;transform: translate(0%,-0%)}
	.pro-center2.FPC .trait li{width: 49%;height: 180px;}
}

/* 触控显示 */
.pro-center.screen .big-win li{width: 34%;}
@media (max-width:769px) {
	.pro-center.screen .big-win li{width: 50%;}
}
/* 电子纸 */
.pro-center.paper .big-win li{width: 50%;}
.pro-center2.paper .trait li span{display: block;text-align: center;font-size: 14px;line-height: 24px;font-family: "微软雅黑";color: #999;}
@media (max-width:1280px) {
	.pro-center2.paper .trait li{width: 23%;height: 330px;}
	.pro-center2.paper .trait li span{line-height: 20px;}
}
@media (max-width:1080px) {
	.pro-center2.paper .trait li{height: 300px;}
	.pro-center.paper .big-win ul li:last-child{width: 70%;}
	.pro-center.paper .big-win ul li:nth-child(3){width: 30%;}
}
@media (max-width:769px) {
	.pro-center2.paper .trait li{width: 32%;margin-right: 1%;height: 290px;}
	.pro-center2.paper .trait li span{font-size: 12px;line-height: 14px;}
	.pro-center2.paper .trait li p{line-height: 30px;}
	.pro-center.paper .big-win ul li{width: 100%;}
	.pro-center.paper .big-win ul li:last-child{width: 100%;}
	.pro-center.paper .big-win ul li:nth-child(3){width: 100%;}
}
@media (max-width:480px) {
	.pro-center.paper .big-win li{margin-bottom: 28px!important;}
	.pro-center2.paper .trait li{width: 49%;height: 230px;}
}

/* 光电传感 */
.pro-center2.camera .pro-list li h4{background-image: url(../images/pro-list2-no.png);}
.pro-center2.camera .pro-list li.active h4 {;background-image: url(../images/pro-list2-on.png);}

/* 无线电 */
@media (max-width:1080px){
	.pro-center.screen.radio .big-win li{width: 50%;}

}