@charset "utf-8";
@import url("./base.css");
/******内页******/
.inpage-container{min-height: 500px;}
/*标题*/
.inpage-title{margin-bottom: 40px;text-align: center;}
.inpage-title .name{display: inline-block;vertical-align: top;font-family: 'STSong','Source Han Serif SC';line-height: 1.5;}
.inpage-title .name .cn{font-size: 22px;font-weight: bold;color: #D10303;}
.inpage-title .name .en{font-size: 30px;color: #243684;}
/*更多按钮*/
.index-more-btn{z-index: 1;position: relative;display: inline-block;vertical-align: top;padding: 0 2em;border: 1px solid #ddd;border-radius: 20px;font-size: 14px;line-height: 38px;color: #243684;white-space: nowrap;transition: 0.3s;}
.index-more-btn .arrow{position: relative;display: inline-block;vertical-align: middle;width: 14px;height: 4px;margin: -.3em 0 0 .2em;border-bottom: 2px solid currentColor;border-right: 2px solid currentColor;transform: skewX(45deg);}

/*产品页*/
.product-page{background-color: #fff;}
.product-page .part1{padding: 70px 0;}
.product-page .part2{padding: 60px 0 80px;background-color: #F6F7FC;}

/*产品导航栏*/
.product-nav-box{display: flex;justify-content: space-between;align-items: center;border: 1px solid #E4E4E4;}
.product-nav-box .item{z-index: 1;position: relative;display: block;flex: 1;padding: 1.5em .5em;border-left: 1px solid #f0f0f0;text-align: center;transition: .3s;}
.product-nav-box .item::before{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(to right bottom,#0086D3,#243684);opacity: 0;transition: .3s;}
.product-nav-box .item:first-child{border-left: 0;}
.product-nav-box .item .icon{height: 40px;}
.product-nav-box .item .name{margin-top: 1em;line-height: 1;white-space: nowrap;}
.product-nav-box .item:hover::before{opacity: .1;filter: grayscale(1);}
.product-nav-box .item.on{color: #fff;}
.product-nav-box .item.on::before{opacity: 1;filter: none;}
.product-nav-box .item.on .icon{filter: brightness(0) invert(1);}
.product-nav-box .item.on .name{font-weight: bold;}

/*产品类型，选项卡*/
.product-type-tab-box{}
.product-type-tab-box .tabs{position: relative;background-color: #E0E4EC;overflow: hidden;}
.product-type-tab-box .tabs .swiper-slide{border-left: 1px solid #C7C7C7;text-align: center;cursor: pointer;}
.product-type-tab-box .tabs .swiper-slide:first-child{border-left: 0;}
.product-type-tab-box .tabs .swiper-slide .name{display: flex;justify-content: center;align-items: center;position: relative;height: 70px;box-sizing: border-box;padding: .3em 1em;transition: .3s;}
.product-type-tab-box .tabs .swiper-slide .name::before{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(to right bottom,#0086D3,#243684);opacity: 0;transition: .3s;}
.product-type-tab-box .tabs .swiper-slide.on .name{font-weight: bold;color: #fff;}
.product-type-tab-box .tabs .swiper-slide.on .name::before{opacity: 1;}
.product-type-tab-box .tabs .btn{z-index: 1;position: absolute;top: 50%;width: 40px;height: 40px;margin-top: -20px;background-color: rgba(255,255,255,.4);border-radius: 50%;color: #E42828;cursor: pointer;transition: .3s;}
.product-type-tab-box .tabs .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid currentColor;}
.product-type-tab-box .tabs .prev-btn{left: 8px;}
.product-type-tab-box .tabs .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.product-type-tab-box .tabs .next-btn{right: 8px;}
.product-type-tab-box .tabs .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.product-type-tab-box .tabs .btn:hover{background-color: rgba(255,255,255,1);}
.product-type-tab-box .tabs .swiper-button-disabled{color: #ddd;cursor: not-allowed;}
.product-type-tab-box .tabs .swiper-button-disabled:hover{background-color: rgba(255,255,255,.4);}
.product-type-tab-box .tab-content{padding-top: 10px;margin-top: 40px;overflow: hidden;}

/*产品图片列表*/
.product-pic-list{display: flex;flex-wrap: wrap;}
.product-pic-list li{width: 22%;margin: 0 0 3.3% 4%;}
.product-pic-list li:nth-child(4n+1){margin-left: 0;}
.product-pic-list li a{display: block;transition: .5s;}
.product-pic-list li .pic{overflow: hidden;}
.product-pic-list li .pic em{display: block;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.product-pic-list li .name{position: relative;padding: 1em;text-align: center;}
.product-pic-list li .name::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 4px;background-image: linear-gradient(90deg,#0086D3,#243684);transform: scaleX(0);transform-origin: left;transition: .5s;}
.product-pic-list li a:hover{box-shadow: 0 2px 10px rgba(0,14,76,.1);}
.product-pic-list li a:hover .pic em{transform: scale(1.05);}
.product-pic-list li a:hover .name::after{transform: scaleX(1);}

/*产品图片轮播*/
.product-pic-swiper{position: relative;padding: 10px 10px 60px;overflow: hidden;}
.product-pic-swiper .swiper-slide a{display: block;transition: .5s;}
.product-pic-swiper .swiper-slide .pic{overflow: hidden;}
.product-pic-swiper .swiper-slide .pic em{display: block;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.product-pic-swiper .swiper-slide .name{position: relative;padding: 1em;text-align: center;}
.product-pic-swiper .swiper-slide .name::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 4px;background-image: linear-gradient(90deg,#0086D3,#243684);transform: scaleX(0);transform-origin: left;transition: .5s;}
.product-pic-swiper .swiper-slide a:hover{box-shadow: 0 2px 10px rgba(0,14,76,.1);}
.product-pic-swiper .swiper-slide a:hover .pic em{transform: scale(1.05);}
.product-pic-swiper .swiper-slide a:hover .name::after{transform: scaleX(1);}
.product-pic-swiper .swiper-pagination{z-index: 1;bottom: 20px;font-size: 0;}
.product-pic-swiper .swiper-pagination .swiper-pagination-bullet{position: relative;width: 10px;height: 10px;margin: 0 15px;background-color: #243684;opacity: 1;box-shadow: 0 0 4px rgba(0,0,0,.4);}
.product-pic-swiper .swiper-pagination .swiper-pagination-bullet:after{content: '';position: absolute;left: -8px;right: -8px;top: -8px;bottom: -8px;box-sizing: border-box;border: 1px solid #243684;border-radius: 50%;transform: scale(0);transition: .5s;}
.product-pic-swiper .swiper-pagination .swiper-pagination-bullet-active:after{transform: scale(1);}
.product-pic-swiper .btn{z-index: 1;position: absolute;bottom: 5px;width: 40px;height: 40px;margin-top: -20px;background-color: rgba(255,255,255,.4);border-radius: 50%;color: #E42828;cursor: pointer;box-shadow: 0 0 10px rgba(0,14,76,.1);transition: .3s;}
.product-pic-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid currentColor;}
.product-pic-swiper .prev-btn{left: calc(50% - 200px);}
.product-pic-swiper .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.product-pic-swiper .next-btn{right: calc(50% - 200px);}
.product-pic-swiper .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.product-pic-swiper .btn:hover{background-color: #243684;color: #fff;}
.product-pic-swiper .swiper-button-disabled{color: #ddd;cursor: not-allowed;}
.product-pic-swiper .swiper-button-disabled:hover{background-color: rgba(255,255,255,.4);color: #ddd;}
.product-pic-swiper.style2{padding: 10px;}
.product-pic-swiper.style2 .btn{bottom: auto;top: calc(50% - 30px);}
.product-pic-swiper.style2 .prev-btn{left: 15px;}
.product-pic-swiper.style2 .next-btn{right: 15px;}

/*产品详情区*/
.product-details-box{}
.product-details-box .section-title{display: flex;justify-content: space-between;align-items: flex-start;z-index: 1;position: relative;margin-bottom: 40px;}
.product-details-box .section-title::after{content: '';z-index: -1;position: absolute;left: 0;right: 0;bottom: 0;height: 4px;background-color: #f2f2f2;}
.product-details-box .section-title .name{position: relative;display: inline-block;vertical-align: top;padding-bottom: 1.4em;line-height: 1.5;}
.product-details-box .section-title .name::after{content: '';position: absolute;left: 0;bottom: 0;width: 4em;height: 4px;background-image: linear-gradient(90deg,#0086D3,#243684);}
.product-details-box .section1{padding: 60px;background-color: #fff;}
.product-details-box .section2{padding: 50px 0 90px;}

/*产品图片，选项卡*/
.product-pic-tab-box{display: flex;}
.product-pic-tab-box .tabs-wrap{position: relative;width: 280px;margin-left: 40px;}
.product-pic-tab-box .tabs-wrap .tabs{height: 550px;overflow: hidden;}
.product-pic-tab-box .tabs-wrap .tabs .swiper-slide{cursor: pointer;}
.product-pic-tab-box .tabs-wrap .tabs .swiper-slide .pic{position: relative;height: 100%;border: 2px solid transparent;transition: .3s;}
.product-pic-tab-box .tabs-wrap .tabs .swiper-slide .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.product-pic-tab-box .tabs-wrap .tabs .swiper-slide.on .pic{border-color: #243684;}
.product-pic-tab-box .tabs-wrap .btn{z-index: 1;position: absolute;left: 50%;width: 40px;height: 40px;margin-left: -20px;background-color: rgba(255,255,255,.4);border-radius: 50%;color: #E42828;cursor: pointer;transition: .3s;}
.product-pic-tab-box .tabs-wrap .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-right: 2px solid currentColor;}
.product-pic-tab-box .tabs-wrap .prev-btn{top: 0;}
.product-pic-tab-box .tabs-wrap .prev-btn:after{border-top: 2px solid currentColor;transform: translate(-50%,-30%) rotate(-45deg);}
.product-pic-tab-box .tabs-wrap .next-btn{bottom: 0;}
.product-pic-tab-box .tabs-wrap .next-btn:after{border-bottom: 2px solid currentColor;transform: translate(-50%,-70%) rotate(45deg);}
.product-pic-tab-box .tabs-wrap .btn:hover{background-color: rgba(255,255,255,1);}
.product-pic-tab-box .tabs-wrap .swiper-button-disabled{color: #ddd;cursor: not-allowed;}
.product-pic-tab-box .tabs-wrap .swiper-button-disabled:hover{background-color: rgba(255,255,255,.4);}
.product-pic-tab-box .tab-content{flex: 1;overflow: hidden;}
.product-pic-tab-box .tab-content .swiper-slide{box-sizing: border-box;}
.product-pic-tab-box .tab-content .swiper-slide .pic{position: relative;padding-top: 72%;}
.product-pic-tab-box .tab-content .swiper-slide .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

/*产品信息，选项卡*/
.product-info-tab-box{margin-top: 60px;}
.product-info-tab-box .tabs{display: flex;background-color: #EEEEEE;overflow: hidden;}
.product-info-tab-box .tabs .item{padding: 1em 1.5em;line-height: 1.2;cursor: pointer;transition: .3s;}
.product-info-tab-box .tabs .item.on{background-color: #243684;color: #fff;}
.product-info-tab-box .tab-content{margin-top: 30px;overflow: hidden;}
.product-info-tab-box .tab-content .info-content{min-height: 150px;line-height: 2;}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1600px){

}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/******内页******/
    .inpage-container{min-height: 300px;}
    /*标题*/
    .inpage-title{margin-bottom: 20px;}
    .inpage-title .name .cn{font-size: 18px;}
    .inpage-title .name .en{font-size: 20px;}
    /*更多按钮*/
    .index-more-btn{padding: 0 1em;font-size: 13px;line-height: 24px;}
    .index-more-btn .arrow{border-width: 1px;}

    /*产品页*/
    .product-page .part1{padding: 30px 0;}
    .product-page .part2{padding: 30px 0 50px;}

    /*产品导航栏*/
    .product-nav-box{justify-content: center;flex-wrap: wrap;border-bottom: 0;}
    .product-nav-box .item{flex: 1 0 33%;box-sizing: border-box;padding: 1em .5em;border-bottom: 1px solid #f0f0f0;}
    .product-nav-box .item .icon{height: 30px;}
    .product-nav-box .item .name{margin-top: .6em;}

    /*产品类型，选项卡*/
    .product-type-tab-box .tabs .swiper-slide .name{height: 50px;padding: .3em;font-size: 14px;line-height: 1.2;}
    .product-type-tab-box .tabs .btn{display: none;}
    .product-type-tab-box .tab-content{margin-top: 20px;}

    /*产品图片列表*/
    .product-pic-list li{width: 31%;margin: 0 0 15px 3.5%;}
    .product-pic-list li:nth-child(4n+1){margin-left: 3.5%;}
    .product-pic-list li:nth-child(3n+1){margin-left: 0;}
    .product-pic-list li .name{padding: .5em;}

    /*产品图片轮播*/
    .product-pic-swiper{padding: 10px 10px 40px;}
    .product-pic-swiper .swiper-slide .name{padding: .5em;}
    .product-pic-swiper .swiper-pagination{bottom: 10px;}
    .product-pic-swiper .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 8px;}
    .product-pic-swiper .swiper-pagination .swiper-pagination-bullet:after{left: -6px;right: -6px;top: -6px;bottom: -6px;}
    .product-pic-swiper .btn{display: none;}

    /*产品详情区*/
    .product-details-box .section-title{margin-bottom: 20px;}
    .product-details-box .section-title::after{height: 2px;}
    .product-details-box .section-title .name{padding-bottom: 1.2em;line-height: 1.2;}
    .product-details-box .section-title .name::after{height: 2px;}
    .product-details-box .section1{padding: 20px 0;}
    .product-details-box .section2{padding: 20px 0 30px;}

    /*产品图片，选项卡*/
    .product-pic-tab-box{flex-wrap: wrap;}
    .product-pic-tab-box .tabs-wrap{width: 100%;margin: 15px 0 0 0;}
    .product-pic-tab-box .tabs-wrap .tabs{height: auto;}
    .product-pic-tab-box .tabs-wrap .tabs .swiper-slide .pic{height: auto;padding-top: 70%;}
    .product-pic-tab-box .tabs-wrap .btn{display: none;}
    .product-pic-tab-box .tab-content{flex: 0 0 100%;}

    /*产品信息，选项卡*/
    .product-info-tab-box{margin-top: 30px;}
    .product-info-tab-box .tabs .item{padding: .8em 1em;}
    .product-info-tab-box .tab-content{margin-top: 20px;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
	
}