.p-tb100{padding: 100px 0;}
.p-tb60{padding: 60px 0;}
.p-tb40{padding: 40px 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;}
.rowtop20{margin-top: -20px;}
.fz-42{font-size: 42px;}
.fz-32{font-size: 32px;}
.fz-24{font-size: 24px;}
.fz-20{font-size: 20px;}
.fz-16{font-size: 16px;}
.fz-14{font-size: 14px;}
.content-text{font-size: 16px;line-height: 2;color: #333;}
.text-p p{margin-bottom: 0;}
.bg01{background: #f7f8f9;}
:root{--fz-24: 24px;}

@media (max-width: 1440px) {
    .p-tb100{padding: 75px 0;}
    .p-tb60{padding: 45px 0;}
    .p-tb40{padding: 30px 0;}
    .p-lr5{padding: 0 8px;}
    .p-lr10{padding: 0 7px;}
    .m-t60{margin-top: 45px;}
    .m-t40{margin-top: 30px;}
    .m-t20{margin-top: 14px;}
    .rowtop20{margin-top: -14px;}
    .fz-42{font-size: 36px;}
    .fz-32{font-size: 27px;}
    .fz-24{font-size: 21px;}
    .fz-20{font-size: 18px;}
    .fz-16{font-size: 15px;}
    .fz-14{font-size: 13px;}
    .content-text{font-size: 15px;}
    :root{--fz-24: 21px;}
}
@media (max-width: 991px) {
    .p-tb100{padding: 50px 0;}
    .p-tb60{padding: 30px 0;}
    .p-tb40{padding: 20px 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;}
    .rowtop20{margin-top: -10px;}
    .fz-42{font-size: 28px;}
    .fz-32{font-size: 22px;}
    .fz-24{font-size: 18px;}
    .fz-20{font-size: 16px;}
    .fz-16{font-size: 14px;}
    .fz-14{font-size: 12px;}
    .content-text{font-size: 14px;}
    :root{--fz-24: 18px;}
}

.aboutusWrap{display: flex;align-items: center;justify-content: space-between;}
.aboutusWrap .con_txt_zuo{width: 46%;}
a.viewmore{display: inline-block;width: 180px;line-height: 50px;background: #000;color: #fff;}
a.viewmore:hover{background: #333;}
.aboutusWrap .pic_img_you{width: 50%;}

.productsBg{background: #262626;color: #fff;}
.productsBg .contentdesc{max-width: 640px;margin: 10px auto 0;line-height: 1.75;color: #bfbfbf;}
.pro_pic_img_zuo{width: 50%;display: block;overflow: hidden;}
.pro_pic_img_zuo:hover img{transform: scale(1.08);}
.pro_con_txt_you{width: 50%;padding: 0 160px 0 60px;}
.pro_con_txt_you .title a{color: #fff;}
.pro_con_txt_you .desc{color: #bfbfbf;line-height: 1.5;-webkit-line-clamp: 3;height: 4.5em;}
.pro_con_txt_you a.viewmore{background: #fff;color: #333;}
.pro_con_txt_you a.viewmore:hover{background: #7f7f7f;}
.productswiper .swiper-pagination{width: auto;height: 12px;top: 0;text-align: right;}
.productswiper .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;background: #fff;}
.productswiper .swiper-pagination .swiper-pagination-bullet-active{width: 24px;border-radius: 20px;}
.productswiper .swiper-button-prev,.productswiper .swiper-button-next{width: 40px;height: 40px;border-radius: 2px;top: inherit;bottom: 0;background: #bfbfbf;}
.productswiper .swiper-button-prev:after,.productswiper .swiper-button-next:after{font-size: 18px;color: #fff;}
.productswiper .swiper-button-prev:hover,.productswiper .swiper-button-next:hover{background: #7f7f7f;}
.productswiper .swiper-button-prev{left: calc(100% - 100px);}
.productswiper .swiper-button-next{right: 0;}

a.productsItem .more{display: block;margin: 20px auto 10px;width: 180px;line-height: 40px;color: #999;border: 1px solid #f2f2f2;}
a.productsItem:hover .more{background: #333;border-color: #333;color: #fff;}
a.newslistwrap{display: block;overflow: hidden;padding-bottom: 150px;position: relative;}
a.newslistwrap .picimgtop{height: 275px;}
a.newslistwrap .contxtend{width: 100%;padding: 30px 50px;height: 150px;background: #fff;position: absolute;bottom: 0;left: 0;}
a.newslistwrap .contxtend .time{color: #999;margin-bottom: 10px;}
a.newslistwrap .contxtend .title{color: #333;line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
a.newslistwrap .contxtend .desc{color: #888;line-height: 1.5;-webkit-line-clamp: 3;height: 4.5em;}
a.newslistwrap .deails{padding-left: 42px;line-height: 32px;background: url('../images/arrowyou.png') no-repeat left center/32px;color: #888;opacity: 0;position: absolute;left: 50px;bottom: 30px;z-index: 9;}
a.newslistwrap:hover .contxtend{height: 100%;background: #eee;}
a.newslistwrap:hover .deails{opacity: 1;}
.newswiper .swiper-button-prev,.newswiper .swiper-button-next{width: 28px;height: 42px;background: rgba(0,0,0,0.36);}
.newswiper .swiper-button-prev:after,.newswiper .swiper-button-next:after{font-size: 18px;color: #fff;}
.newswiper .swiper-button-prev:hover,.newswiper .swiper-button-next:hover{background: rgba(0,0,0,0.75);}
.newswiper .swiper-button-prev{left: 0;}
.newswiper .swiper-button-next{right: 0;}

@media (max-width: 991px) {
    .aboutusWrap{display: block;}
    .aboutusWrap .con_txt_zuo,.pro_pic_img_zuo{width: 100%;}
    a.viewmore{width: 120px;line-height: 40px;}
    .aboutusWrap .pic_img_you{width: 100%;margin-top: 30px;}
    .pro_con_txt_you{width: 100%;padding: 30px 0 48px;}
    .productswiper .swiper-button-prev,.productswiper .swiper-button-next{width: 32px;height: 32px;}
    .productswiper .swiper-button-prev:after,.productswiper .swiper-button-next:after{font-size: 14px;}
    .productswiper .swiper-button-prev{left: calc(100% - 72px);}

    a.productsItem .more{width: 100px;line-height: 30px;}
    a.newslistwrap{padding-bottom: 120px;}
    a.newslistwrap .picimgtop{height: 10rem;}
    a.newslistwrap .contxtend{padding: 20px 30px;height: 120px;}
    a.newslistwrap .deails{padding-left: 32px;line-height: 24px;background-size: 24px;left: 30px;bottom: 20px;}
    .newswiper .swiper-button-prev,.newswiper .swiper-button-next{width: 24px;height: 32px;}
    .newswiper .swiper-button-prev:after,.newswiper .swiper-button-next:after{font-size: 14px;}
}



.slideBox.site{width: 100%;padding: 20px 0;font-size: 0;background: #f7f8f9;}
.slideBox.site ul.navsul>li{display: inline-block;vertical-align: middle;font-size: 14px;color: #333;}
.slideBox.site ul.navsul>li>a{display: block;color: #333;}
.slideBox.site ul.navsul>li>span{margin: 0 6px;font-weight: 300;}
.slideBox.site ul.navsul>li>a:hover{text-decoration: underline;}

.rowFlexWrap{display: flex;flex-wrap: wrap;}
.between{justify-content: space-between;}
.showItemMenuZuo{width: 320px;}
.nav-show .mobile-nav,.mobile-title{padding-bottom: 14px;border-bottom: 1px solid #eee;}
.nav-show .tab-item ul>li a{display: block;font-size: 16px;padding: 13px 15px;color: #333;}
.nav-show .tab-item ul>li .cat:hover>a,.nav-show .tab-item ul>li.active a,.nav-show .tab-item ul>li a:hover{font-family: 'Helvetica-md';background: #333;color: #fff;}
.nav-show .tab-item ul>li .cat span{display: block;width: 45px;height: 100%;cursor: pointer;position: absolute;top: 0;right: 0;}
.nav-show .tab-item ul>li .cat span:after{content: "";width: 14px;height: 2px;background: #888;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.5s;}
.nav-show .tab-item ul>li .cat span:before{content: "";width: 2px;height: 14px;background: #888;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.5s;}
.nav-show .tab-item ul>li.active .cat span:before{background: #fff;transform: translate(-50%,-50%) rotate(-90deg);}
.nav-show .tab-item ul>li .cat:hover span:after,.nav-show .tab-item ul>li .cat:hover span:before,.nav-show .tab-item ul>li.active .cat span:after{background: #fff;}
.nav-show .tab-item ul>li .navscon{display: none;}
.nav-show .tab-item ul>li .navscon>a{display: block;padding-left: 30px;font-family: 'Helvetica-Roman';background: #fdfdfd;color: #666;}
.nav-show .tab-item ul>li .navscon>a.active,.nav-show .tab-item ul>li .navscon>a:hover{font-family: 'Helvetica-md';background: #f7f8f9;color: #333;}
.nav-show .tab-item ul>li.active .navscon{display: block;}
a.productsItem{display: block;padding: 10px;}
a.productsItem .contxt{padding: 15px 0 5px;}
a.productsItem .contxt .title{color: #333;margin-bottom: 15px;}
a.productsItem .contxt .desc{font-size: 12px;color: #666;}
a.productsItem:hover{box-shadow: 0 2px 12px rgba(0,0,0,0.08);}
a.productsItem:hover .picimg img{transform: scale(1.08);}
.showItemTextYou{width: calc(100% - 320px);padding-left: 40px;}

.works_img_zuo{width: 480px;}
.workswiperyou .swiper-slide{border: 1px solid #ebebeb;}
.workswiperyou .swiper-button-prev,.workswiperyou .swiper-button-next{width: 26px;height: 42px;background: rgba(0,0,0,0.36);}
.workswiperyou .swiper-button-prev:after,.workswiperyou .swiper-button-next:after{font-size: 14px;color: #fff;}
.workswiperyou .swiper-button-prev:hover,.workswiperyou .swiper-button-next:hover{background: #333;}
.workswiperyou .swiper-button-prev{left: 0;}
.workswiperyou .swiper-button-next{right: 0;}
.workswiperyou .swiper-button-disabled{opacity: 0;}
.workswiperend{margin-top: 10px;}
.workswiperend .swiper-slide{cursor: pointer;border: 1px solid #ebebeb;}
.workswiperend .swiper-slide-thumb-active{border-color: #000;}

.works_con_you{width: calc(100% - 480px);padding-left: 60px;}
.works_con_you .details{line-height: 2;padding-bottom: 20px;color: #888;border-bottom: 1px dashed #ddd;}
.productsdetail span{display: inline-block;padding: 10px 20px;background: #333;color: #fff;}
.box_item_prev{line-height: 2;text-align: left;}
.box_item_next{line-height: 2;text-align: right;}
.box_item_prev a,.box_item_next a{color: #333;}
.box_item_prev span,.box_item_next span{margin-right: 8px;font-weight: 700;color: #333;}
.box_item_prev a:hover,.box_item_next a:hover{text-decoration: underline;}

a.casesList{display: block;border-radius: 10px;overflow: hidden;position: relative;}
a.casesList .title{width: 100%;padding: 12px;background: rgba(0,0,0,0.5);color: #fff;position: absolute;left: 0;bottom: 0;}
a.casesList:hover img{transform: scale(1.08);}
a.casesList:hover .title{width: 100%;padding: 12px;background: rgba(0,0,0,0.75);}

.newslistBox{display: flex;align-items: center;border-bottom: 1px solid #eee;}
.newslistBox .contxtzuo{width: calc(100% - 390px);padding-right: 40px;}
.newslistBox .contxtzuo .day,.newslistBox .contxtzuo .yearmonth{color: #666;}
.newslistBox .contxtzuo a{display: block;}
.newslistBox .contxtzuo .title{color: #666;line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
.newslistBox .contxtzuo .desc{color: #7f7f7f;line-height: 1.6;-webkit-line-clamp: 3;height: 4.8em;}
.newslistBox a.picimgyou{display: block;width: 390px;height: 260px;overflow: hidden;}
.newslistBox .contxtzuo a:hover .title{color: #333;}
.newslistBox:hover{border-bottom-color: #333;}
.newslistBox:hover a.picimgyou img{transform: scale(1.08);}
.news_time_hits span{margin-left: 20px;}
.productDetails{border-top: 1px dashed #ddd;border-bottom: 1px dashed #ddd;}

.contactusInfo{width: 30%;max-width: 480px;}
.contactusInfo .content{line-height: 1.75;color: #666;}
.messageForm{padding: 60px 100px;background: #fff;}
.messageForm .name{color: #666;margin-bottom: 4px;}
.messageForm .name span{color: #f00;}
.messageForm .input{width: 100%;height: 45px;background: #f7f8f9;padding: 0 20px;border: 1px solid #e7e7e7;}
.messageForm .message{width: 100%;height: 200px;background: #f7f8f9;padding: 10px 20px;border: 1px solid #e7e7e7;}
.messageForm .input:focus,.messageForm .message:focus{border-color: #333;}
.messageForm .submit{display: block;width: 68%;max-width: 480px;height: 45px;margin: 20px auto 0;background: #000;color: #fff;}
.messageForm .submit:hover{background: #333;}

.scienceBetterWork{display: flex;align-items: center;justify-content: space-between;}
.scienceBetterWork .work_img_zuo,.scienceBetterWork .work_txt_you{width: 48%;}
.ourMission{height: 100%;padding: 40px;background: #fff;border-radius: 4px;}
.ourMission .picimg{width: 80px;margin: auto;}
.ourMission .contxt{line-height: 1.75;}
.whyPartnersChooseUs{height: 100%;padding: 40px;background: #f7f8f9;border-radius: 4px;}

@media (max-width: 1440px) {
    .showItemMenuZuo{width: 265px;}
    .showItemTextYou{width: calc(100% - 265px);}
    .works_img_zuo{width: 420px;}
    .works_con_you{width: calc(100% - 420px);padding-left: 40px;}
    .newslistBox .contxtzuo{width: calc(100% - 330px);padding-right: 30px;}
    .newslistBox a.picimgyou{width: 330px;height: 220px;}
    .messageForm{padding: 45px 60px;}

    .ourMission,.whyPartnersChooseUs{padding: 25px;}
    .ourMission .picimg{width: 60px;}
}
@media (max-width: 1024px) {
    .newslistBox{display: block;}
    .newslistBox .contxtzuo{width: 100%;padding: 0 0 20px;}
    .newslistBox a.picimgyou{width: 100%;height: 10rem;max-height: 360px;}
}
@media (max-width: 991px) {
    .slideBox.site{padding: 12px 0;}
    .showItemMenuZuo,.works_img_zuo{width: 100%;}
    .nav-show .mobile-nav{height: 45px;line-height: 45px;padding: 0 14px;border: none;background: #000;color: #fff;}
    .nav-show .tab-item{margin: 0;display: none;background: #f7f8f9;}
    .nav-show .tab-item ul>li a{padding: 11px 15px;}
    a.productsItem{display: block;padding: 10px;}
    a.productsItem .contxt{padding: 10px 0 0;}
    a.productsItem .contxt .title{margin-bottom: 10px;}
    .showItemTextYou,.works_con_you{width: 100%;padding: 30px 0 0;}
    .box_item_next{text-align: left;}
    .contactusInfo{width: 100%;margin: auto;padding: 20px 0;border-bottom: 1px solid #dedede;}
    .messageForm{padding: 20px;}

    .scienceBetterWork{display: block;align-items: center;justify-content: space-between;}
    .scienceBetterWork .work_img_zuo{width: 100%;padding-bottom: 15px;}
    .scienceBetterWork .work_txt_you{width: 100%;padding-top: 15px;}
    .ourMission .picimg{width: 40px;}
}