
.hoverItem .qctu img, .hoverPic{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.hoverItem:hover .qctu img, .hoverPic:hover{
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

.table_wrap{width: 100%; overflow-x: auto;}

.capa_th .title{position: relative; padding-bottom: 12px; text-align: center; font-size: 36px; font-family: 'MyriadPro-Bold'; font-weight: bold; color: var(--commonColor);}
.capa_th .title::before{position: absolute; left: 50%; width: 160px; height: 4px; bottom: 0; content: ''; background: var(--commonColor); margin-left: -80px;}
@media only screen and (max-width: 1450px) {
    .capa_th .title{font-size: 32px;}
}
@media only screen and (max-width: 950px) {
    .capa_th .title{font-size: 24px; padding-bottom: 8px;}
    .capa_th .title::before{height: 3px;}
}
/* page_capacity */
.page_capacity{margin-top: 4.5%;}

.capacity_content{overflow: hidden; margin-top: 3%;}
.capacity_content table tr td{ background:#fff;}
.capacity_content table tr:first-child td{background: rgba(var(--comColorRgb), 0.2); color:#333; font-size:14px;}

.tableWrap{ width:100%; overflow:auto; background:#fff;}
.capacity_content table{ width:100%; border-collapse:collapse; line-height:22px;}
.capacity_content table tr td{ border:1px solid #999; background:#fff; padding:8px 5px; font-size:14px; text-align:center;}
.capacity_content table tr:first-child td{background: rgba(var(--comColorRgb), 0.15); font-size:16px; font-weight:bold;}
.capacity_content a{color: var(--commonColor);}
.capacity_content a:hover{text-decoration: underline;}

.capacity_content .module_img{overflow: hidden;}
.capacity_content img{transition: all 0.5s ease;}
.capacity_content .module_img img{display: block; margin: 0 auto;}
.capacity_content .module_img:hover img{transform: scale(1.05);}

.capacity_ul{margin-top: 3%;}
.capacity_ul li{width: 32%; margin-right: 2%;}
.capacity_ul li:nth-child(3n){margin-right: 0;}
.capacity_ul li:nth-child(n+4){margin-top: 2%;}
.capacity_ul li .pic{padding-bottom: 72%; border: 2px solid #d0d0d0;}
.capacity_ul li:hover .pic{border-color: var(--commonColor);}

@media only screen and (max-width: 980px) {
    .page_capacity{margin-top: 30px;}
    .capacity_content{margin-top: 20px;}
    .capacity_ul{margin-top: 20px;}
    .capacity_ul li{width: 100%;}
}

/* qcmain */
.qcmain{margin-top: 4%; overflow: hidden;}
.qcinner{margin-top: 3%;}

.qclie{ min-height:260px; margin-top:20px;}
.qctu{ width:350px; overflow: hidden;}
.qctu img{ width:100%; max-width:350px; margin:auto; object-fit: cover;}
.qczi{height:260px; background:#f5f5f5;}
.qczin{ display:inline-block; vertical-align:middle; padding:0 25px 0 35px; margin:15px 0; max-height:230px; overflow:auto}
.qca1{color: var(--commonColor); font-size:20px; line-height:30px; font-weight:bold;}
.qcp1{ font-size:14px; line-height:26px; margin-top:18px;}

.qclie .qctu{ float:left; margin-right:9px;}
.qclie:nth-child(2n) .qctu{ float:right; margin-left:9px; margin-right: 0;}
.qclie .qczi{ margin-left:359px;}
.qclie:nth-child(2n) .qczi{ margin-right:359px; margin-left: 0;}

.qcmain2{background-position: center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; padding: 4.5% 0;}
.qcmain2 .layout{text-align: center;}
.qcmain2 .title{font-size: 20px; font-weight: bold; display: inline-block; padding: 8px 16px; color: var(--commonColor); background: #fff;}
.qcmain2 .brief{text-align: left; margin-top: 30px; color: #fff; line-height: 26px;}

.qcmain3 .brief{margin-top: 30px; line-height: 26px;}

@media screen and (max-width: 980px) {
    .qcmain{ margin-top:30px;}
    .qcinner{margin-top: 20px;}
    .qctu{ width:100%; float:none !important; margin:auto !important;}
    .qctu img{max-width: 400px; margin: 0 auto;}
    .qczi{ margin:auto !important; margin-top:15px !important; height:auto; line-height:none;}
    .qczin{ max-height:none; padding:0 15px;}
    .qca1{ font-size:18px; line-height:26px;}
    .qcp1,.qcp2{margin-top:10px;}

}


/* qcmain4 */
.qcmain4{padding: 0; overflow: hidden;}
.qcmain4 .capa_th .title{padding-bottom: 0;}
.qcmain4 .capa_th .title::before{display: none;}
.qcmain4 .oem_odm{margin-top: 3%; position: relative; padding: 0 80px;}
.index_oem_swi{overflow: hidden;}
.qcmain4 .swiper-slide{height: auto; width: 55%; z-index: 2;}
.qcmain4 .oem_item{transition: all 0.5s ease; margin-bottom: 8px;}
.qcmain4 .oem_item .pic{padding-bottom: 72.5%; transition: all 0.5s ease;}
.qcmain4 .oem_item .pic::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.2); z-index: 1; transition: all 0.5s ease;}
.qcmain4 .swiper-slide .oem_info{opacity: 0; transition: all 0.5s ease; padding: 20px 0 0; text-align: center; display: none; visibility: hidden;}
.qcmain4 .oem_item .oem_info .title{font-size: 16px; color: #333;}
.qcmain4 .swiper-slide-active{z-index: 99;}
.qcmain4 .swiper-slide-active .oem_item{ margin-top: 0;}
.qcmain4 .swiper-slide-active .oem_info{opacity: 1; display: block; visibility: visible;}
.qcmain4 .swiper-slide-active:hover .oem_info{ background: #fff;}
.qcmain4 .swiper-slide-active .pic::before{background: none;}
.qcmain4 .qc-next{right: 0;}
.qcmain4 .qc-prev{left: 0;}
.qcmain4 .qc-next::before{content: '\f105'; font-size: 36px;}
.qcmain4 .qc-prev::before{content: '\f104'; font-size: 36px;}
@media only screen and (max-width: 950px) {
    .qcmain4 .layout{width: 100%;}
    .qcmain4 .oem_odm{margin-top: 10px; padding: 0;}
    .qcmain4 .swiper-slide{height: auto; width: 100%; z-index: 2; margin-right: 16px;}
    .qcmain4 .swiper-slide .oem_info{padding: 15px 0 0;}
    .qcmain4 .oem_item{margin-bottom: 0;}

    .qcmain4 .qc-next, .qcmain4 .qc-prev{width: 32px; height: 32px; line-height: 32px; font-size: 20px;}
    .qcmain4 .qc-next::before, .qcmain4 .qc-prev::before{font-size: 22px;}
    .qcmain4 .qc-next{right: -15px;}
    .qcmain4 .qc-prev{left: -15px;}
}

/* photo */
.photo_inner{margin-top: 3%; position: relative; padding: 0 60px; padding: 0;}
.photo_inner .swiper-slide{width: calc((100% - 66px) / 4); margin-right: 22px;}
.swiper_photo{overflow: hidden;}
.photo_inner .photo_item .pic{padding-bottom: 85.2%;}
.photo_inner .photo-next, .photo_inner .photo-prev{width: 40px; background: url(../img/nextpy.png) no-repeat center; border-radius: 2px; background-size: 18px auto; display: none;}
.photo_inner .photo-next{right: 0;}
.photo_inner .photo-prev{left: 0; background-image: url(../img/prevpy.png);}
.photo_inner .photo-next::before, .photo_inner .photo-prev::before{display: none;}
.photo_inner .photo-next:hover, .photo_inner .photo-prev:hover{background-color: #F5F5F5;}

.qcmain5 .brief{font-size: 24px; line-height: 1.5; text-align: center; margin-top: 4.5%;}

@media only screen and (max-width: 1450px) {
    .qcmain5 .brief{font-size: 22px; margin-top: 20px;}
}
@media only screen and (max-width: 1300px) {
    .qcmain5 .brief{font-size: 20px;}
}
@media only screen and (max-width: 950px) {
    .qcmain5 .brief{font-size: 16px; margin-top: 15px;}
    .photo_inner{margin-top: 20px; padding: 0 20px;}
    .photo_inner .swiper-slide{width: 100%; margin-right: 20px;}
    .photo_inner .photo-next, .photo_inner .photo-prev{width: 26px; height: 36px; background-size: 14px auto;}
    .photo_inner .photo-next{right: -15px;}
    .photo_inner .photo-prev{left: -15px;}
}


