.web_head{background-color: rgba(0,0,0,1);}
.fixed-nav{background-color: transparent;}
.mobile-head-items{background: #fff;}

.pubPic{position: relative; height: 0; width: 100%; padding-bottom: 75%; display: block; overflow: hidden;}
.pubPic img{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease;}
.hoverItem:hover .pubPic img{transform: scale(1.08);}
.page_main{font-family: Arial;}
.layoutRight{width: 100%; padding-left: calc((100% - 1440px) / 2);}
@media only screen and (max-width: 1600px) {
    .layoutRight{width: 100%; padding-left: 5%;}
}
@media only screen and (max-width: 980px) {
    .layoutRight{width: 90%; padding: 0; margin: 0 auto;}
}
.common_th{font-size: 48px; font-family: 'R-B'; font-weight: bold; line-height: 1.3; text-transform: capitalize; text-align: center;}

.more{display: inline-block; font-weight: bold; text-transform: uppercase; font-family: Arial; background-color: #2c2d2e; color: #fff; line-height: 48px; padding: 0 24px;}
.more:hover{background: #71D8D5; color: #fff;}


.page_ibanner{background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: 72px; position: relative;}
.page_ibanner img{width: 100%; display: block; height: auto;}
.page_ibanner .info{position: absolute; left: 0; bottom: 9%; width: 100%;}
.page_ibanner .title{font-size: clamp(30px, 5vw, 64px);font-family: 'R_B'; display: none;}
.page_ibanner .desc{font-size: 16px;color: #666;font-family: 'R_R';}
.main{overflow: hidden;}


/* service_oem */
.service_oem{padding: 3.6% 0; background: #fff;}
.ser_oem_div{margin-top: 2%;}
.ser_oem_div img{display: block; margin: 0 auto; max-width: 100%;}


/* service_customize */
.service_customize{background: #fff9e7; padding: 4% 0;}
.customize_div{display: flex; justify-content: center; max-width: 1100px; margin: 0 auto; margin-top: 5%;}
.customize_div .cus_item{width: calc(100% / 6); padding: 0 12px; text-align: center;}
.customize_div .cus_item img{display: block; height: 60px; margin: 0 auto; width: auto;}
.customize_div .cus_item:hover img{animation: swing 0.5s;}
.customize_div .cus_item .title{font-size: 18px; text-transform: uppercase; margin-top: 20px;}
@media only screen and (max-width: 1400px) {
    .customize_div{max-width: 1200px; margin-top: 4%;}
}

/* service_why */
.service_why{background: #ebebed;}
.service_why .layoutRight{display: flex; justify-content: space-between; align-items: center;}
.service_why .item_left{width: 40%; padding: 3% 0; background: url(../images/icon7.png) no-repeat 40% 5%;}
.service_why .item_left .common_th{font-size: 40px; text-align: left;}
.service_why .item_left .desc{font-weight: bold; font-size: 18px; line-height: 26px; margin: 26px 0;}
.service_why .item_left .sub_title{font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 16px;}
.service_why .item_right{width: 56%;}
.service_why .item_right .pic{height: auto; padding-bottom: 0;}
.service_why .item_right .pic img{position: static;}


/* service_adv */
.service_adv{padding: 4% 0 3.5%; background: #fff;}
.ser_adv_div{margin-top: 2%; display: flex; flex-wrap: wrap;}
.ser_adv_div .adv_item{width: 32%; margin-right: 2%; border: 2px solid #e0e0e0; border-radius: 10px; padding: 2.6% 3%; transition: all 0.5s ease;}
.ser_adv_div .adv_item:nth-child(3n){margin-right: 0;}
.ser_adv_div .adv_item:nth-child(n+4){margin-top: 2%;}
.ser_adv_div .adv_item .title{display: flex; font-weight: bold; font-size: 20px; color: #000;}
.ser_adv_div .adv_item .title img{display: block; height: 32px; width: auto; margin-right: 15px;}
.ser_adv_div .adv_item .desc{font-size: 18px; color: #666; line-height: 30px; margin-top: 12px;}
.ser_adv_div .adv_item:hover{border-color: rgba(113, 216, 213, 0.65);}
.ser_adv_div .adv_item:hover .title img{animation: swing 0.5s;}


/* service_contact */
.service_contact{background: #fff1fa; display: flex; justify-content: space-between;}
.service_contact .item_left{width: 50%;}
.service_contact .item_left .pic{padding-bottom: 0; height: 100%;}
.service_contact .item_right{width: 50%; padding: 6% 5%; color: #333;}
.service_contact .item_right .title{font-size: 32px; font-weight: bold;}
.service_contact .item_right .desc{margin: 2% 0 3%; line-height: 28px; font-weight: bold; font-size: 18px;}
.service_contact .item_right .desc p{margin-bottom: 15px;}
.service_contact .item_right .inquiry{display: inline-block; line-height: 46px; border: 2px solid #333; border-radius: 50px; padding: 0 20px; font-size: 18px;}
.service_contact .item_right .inquiry:hover{border-color: #71D8D5; background-color: #fff;}
@media only screen and (max-width: 1450px) {
    .service_contact .item_right{padding: 5% 5%;}
}


@media only screen and (max-width: 980px) {
    .common_th{font-size: 26px;}
    .more{line-height: 44px; font-size: 16px;}

    /* service_oem */
    .service_oem{padding: 30px 0;}
    .ser_oem_div{margin-top: 20px;}

    /* service_customize */
    .service_customize{padding: 30px 0;}
    .customize_div{margin-top: 20px; flex-wrap: wrap;}
    .customize_div .cus_item{width: 50%;}
    .customize_div .cus_item:nth-child(n+3){margin-top: 15px;}
    .customize_div .cus_item img{height: 56px;}
    .customize_div .cus_item .title{font-size: 16px; margin-top: 15px;}

    /* service_why */
    .service_why{}
    .service_why .layoutRight{flex-direction: column; width: 100%;}
    .service_why .item_left{width: 90%; margin: 0 auto; padding: 30px 0; background-size: 44px auto; background-position: 48% 18px;}
    .service_why .item_left .common_th{font-size: 24px;}
    .service_why .item_left .desc{font-size: 16px; margin: 20px 0 18px;}
    .service_why .item_right{width: 100%;}

    /* service_adv */
    .service_adv{padding: 30px 0;}
    .ser_adv_div{margin-top: 4px;}
    .ser_adv_div .adv_item{width: 100%; margin-right: 0; margin-top: 16px !important; padding: 18px 18px 15px;}
    .ser_adv_div .adv_item .title img{height: 30px; margin-right: 10px;}
    .ser_adv_div .adv_item .desc{font-size: 16px; line-height: 28px;}

    /* service_contact */
    .service_contact{flex-direction: column;}
    .service_contact .item_left{width: 100%;}
    .service_contact .item_left .pic{height: 0; padding-bottom: 63.5%;}
    .service_contact .item_right{width: 100%; padding: 30px 5%;}
    .service_contact .item_right .title{font-size: 24px;}
    .service_contact .item_right .desc{font-size: 16px;}
    .service_contact .item_right .inquiry{line-height: 42px; font-size: 16px;}
}