.p-tb80{padding: 80px 0;}
.p-lr5{padding: 0 5px;}
.p-lr10{padding: 0 10px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.m-t10{margin-top: 10px;}
.fz-48{font-size: 48px;}
.fz-36{font-size: 36px;}
.fz-32{font-size: 32px;}
.fz-24{font-size: 24px;}
.fz-18{font-size: 18px;}
.fz-16{font-size: 16px;}
.content-text{font-size: 16px;line-height: 1.8;color: #666;}
.bg01{background: #fcfcfc;}
.text-p p{margin-bottom: 0;}

@media (max-width: 1440px) {
    .p-tb80{padding: 56px 0;}
    .p-lr5{padding: 0 8px;}
    .p-lr10{padding: 0 7px;}
    .m-t60{margin-top: 42px;}
    .m-t40{margin-top: 28px;}
    .m-t20{margin-top: 14px;}
    .m-t10{margin-top: 7px;}
    .fz-48{font-size: 42px;}
    .fz-36{font-size: 30px;}
    .fz-32{font-size: 26px;}
    .fz-24{font-size: 22px;}
    .fz-18{font-size: 17px;}
    .fz-16{font-size: 15px;}
    .content-text{font-size: 15px;}
}
@media (max-width: 991px) {
    .p-tb80{padding: 40px 0;}
    .p-lr5{padding: 0 10px;}
    .p-lr10{padding: 0 5px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t20{margin-top: 10px;}
    .m-t10{margin-top: 5px;}
    .fz-48{font-size: 36px;}
    .fz-36{font-size: 24px;}
    .fz-32{font-size: 22px;}
    .fz-24{font-size: 18px;}
    .fz-18{font-size: 15px;}
    .fz-16{font-size: 14px;}
    .content-text{font-size: 14px;}
}


.product_next_prev .proprev,.product_next_prev .pronext{width: 36px;height: 36px;border-radius: 50%;background: #fff;box-shadow: 0 2px 12px rgba(0,0,0,0.12);}
.product_next_prev .proprev:after,.product_next_prev .pronext:after{font-size: 14px;color: #30ace2;}
.product_next_prev .pronext{right: -36px;}
.product_next_prev .proprev{left: -36px;}
.propagination{display: flex;justify-content: center;}
.propagination .swiper-pagination-bullet{width: 20%;height: 4px;opacity: 1;border-radius: 0;background: #ededed;}
.propagination .swiper-pagination-bullet-active{background: #30ace2;}
a.view_more{display: inline-block;padding: 12px 36px;border-radius: 4px;color: #30ace2;border: 1px solid #30ace2;}
a.view_more:hover{background: #30ace2;color: #fff;}

.about_home_box{padding: 2.4rem 0;color: #fff;}
.about_home_box .width{max-width: 1000px;margin: auto;}
.about_home_box .width .desc{line-height: 1.8;}
.about_home_box .width a.view_more{border-radius: 4px;color: #fff;border: 1px solid #fff;}
.about_home_box .width a.view_more:hover{background: #fff;border-color: #fff;color: #30ace2;}

@media (max-width: 991px) {
    .product_next_prev .proprev,.product_next_prev .pronext{display: none;}
    a.view_more{padding: 8px 24px;}
}


.slideBox .bannerItem{display: flex;flex-wrap: wrap;background: #deeef5;}
.slideBox .bannerItem .con_txt_zuo{width: 50%;display: flex;align-items: center;}
.slideBox .bannerItem .con_txt_zuo .desc{line-height: 1.8;}
.slideBox .bannerItem .pic_img_you{width: 50%;}
.slideBox .bannerText{width: 100%;color: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.about_us_info{max-width: 750px;margin: auto;}
.about_us_list .item{display: flex;align-items: center;position: relative;}
.about_us_list .item .conbox{width: calc(100% - 50%);}
.about_us_list .item .picbox{width: 50%;font-size: 0;}
.about_us_list .item:nth-child(even) .conbox{position: absolute;left: 0;}
.about_us_list .item:nth-child(even) .picbox{margin-left: calc(100% - 50%);}

.contact_us_wrap{max-width: 1000px;margin: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact_us_wrap .con_test_zuo{width: 420px;}
.contact_us_wrap .mes_form_you{width: 420px;padding: 30px;box-shadow: 2px 4px 12px rgba(0,0,0,0.12);}
.contact_us_wrap .mes_form_you .desc{line-height: 1.8;color: #888;}
.contact_us_wrap .mes_form_you .title{margin: 16px 0 6px;}
.contact_us_wrap .mes_form_you .input{width: 100%;height: 40px;background: #f1f1f1;padding: 0 10px;}
.contact_us_wrap .mes_form_you .message{width: 100%;height: 150px;background: #f1f1f1;padding: 10px;}
.contact_us_wrap .mes_form_you .select{width: 100%;height: 40px;appearance: none;background: #f1f1f1;padding: 0 10px;}
.contact_us_wrap .mes_form_you .submit{min-width: 120px;padding: 10px;background: #30ace2;color: #fff;border-radius: 6px;}
.contact_us_wrap .mes_form_you .submit:hover{background: #d70c18;}

ul.sortNavs{display: flex;flex-wrap: wrap;}
ul.sortNavs li{width: 12.5%;text-align: center;padding: 5px;}
ul.sortNavs li .img{width: 48px;}
ul.sortNavs li .name{margin-top: 12px;font-size: 14px;color: #333;}
.row_item_wrap{display: flex;flex-wrap: wrap;}
.pro_list_item a.picimg{display: block;}
.pro_list_item a.picimg:hover img{transform: scale(1.08);}
.pro_list_item .title{line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
.pro_list_item .title a{color: #333;}
.pro_list_item .title a:hover{text-decoration: underline;}

.work_img_zuo{width: 480px;}
.workswipertop .swiper-slide{cursor: pointer;border: 1px solid #eee;}
.work_next_prev{margin-top: 10px;padding: 0 25px;position: relative;}
.work_next_prev .swiper-button-prev{top: 50%;transform: translateY(-50%);margin: 0;left: -4px;}
.work_next_prev .swiper-button-next{top: 50%;transform: translateY(-50%);margin: 0;right: -4px;}
.work_next_prev .swiper-button-lock{display: flex;}
.work_next_prev .swiper-button-prev:after,.work_next_prev .swiper-button-next:after{font-size: 18px;color: #333;}
.workswiperend .swiper-slide{cursor: pointer;border: 1px solid #eee;}
.workswiperend .swiper-slide-thumb-active{border-color: #30ace2;}
.work_con_you{width: calc(100% - 480px);padding-left: 40px;}

@media (max-width: 991px) {
    .slideBox .bannerItem .con_txt_zuo,.about_us_list .item .conbox{width: 100%;padding: 40px 0;}
    .slideBox .bannerItem .pic_img_you,.about_us_list .item .picbox{width: 100%;}
    .about_us_list .item{display: block;}
    .about_us_list .item:nth-child(even) .conbox{position: static;}
    .about_us_list .item:nth-child(even) .picbox{margin: 0;}

    .contact_us_wrap .con_test_zuo,.work_img_zuo{width: 100%;}
    .contact_us_wrap .mes_form_you{width: 100%;margin-top: 40px;padding: 20px;}
    ul.sortNavs li{width: 33.33%;}
    ul.sortNavs li .img{width: 36px;}
    ul.sortNavs li .name{margin-top: 6px;font-size: 12px;}
    .work_con_you{width: 100%;padding: 40px 0 0;}
}