.p-tb120{padding: 120px 0;}
.p-t120{padding-top: 120px;}
.p-tb80{padding: 80px 0;}
.p-tb60{padding: 60px 0;}
.p-tb40{padding: 40px 0;}
.p-lr5{padding: 0 5px;}
.p-lr10{padding: 0 10px;}
.m-t120{margin-top: 120px;}
.m-t80{margin-top: 80px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.rt40{margin-top: -40px;}
.m-t30{margin-top: 30px;}
.rt30{margin-top: -30px;}
.m-t20{margin-top: 20px;}
.rt20{margin-top: -20px;}
.fz-72{font-size: 72px;}
.fz-48{font-size: 48px;}
.fz-36{font-size: 36px;}
.fz-32{font-size: 32px;}
.fz-24{font-size: 24px;}
.fz-20{font-size: 20px;}
.fz-18{font-size: 18px;}
.fz-16{font-size: 16px;}
.fz-14{font-size: 14px;}
.content-text{font-size: 18px;line-height: 2;color: #333;}
.text-p p{margin-bottom: 0;}
.bg01{background: #f7f8f9;}

@media (max-width: 1440px) {
    .p-tb120{padding: 90px 0;}
    .p-t120{padding-top: 90px;}
    .p-tb80{padding: 60px 0;}
    .p-tb60{padding: 45px 0;}
    .p-tb40{padding: 30px 0;}
    .p-lr5{padding: 0 8px;}
    .p-lr10{padding: 0 7px;}
    .m-t120{margin-top: 90px;}
    .m-t80{margin-top: 60px;}
    .m-t60{margin-top: 45px;}
    .m-t40{margin-top: 30px;}
    .rt40{margin-top: -40px;}
    .m-t30{margin-top: 20px;}
    .rt30{margin-top: -20px;}
    .m-t20{margin-top: 14px;}
    .rt20{margin-top: -14px;}
    .fz-72{font-size: 60px;}
    .fz-48{font-size: 40px;}
    .fz-36{font-size: 30px;}
    .fz-32{font-size: 26px;}
    .fz-24{font-size: 21px;}
    .fz-20{font-size: 18px;}
    .fz-18{font-size: 16px;}
    .fz-16{font-size: 15px;}
    .fz-14{font-size: 13px;}
    .content-text{font-size: 16px;}
}
@media (max-width: 1024px) {
    .p-tb120{padding: 60px 0;}
    .p-t120{padding-top: 60px;}
    .p-tb80{padding: 40px 0;}
    .p-tb60{padding: 30px 0;}
    .p-tb40{padding: 20px 0;}
    .p-lr5{padding: 0 10px;}
    .p-lr10{padding: 0 5px;}
    .m-t120{margin-top: 60px;}
    .m-t80{margin-top: 40px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .rt40{margin-top: -20px;}
    .m-t30{margin-top: 15px;}
    .rt30{margin-top: -15px;}
    .m-t20{margin-top: 10px;}
    .rt20{margin-top: -10px;}
    .fz-72{font-size: 48px;}
    .fz-48{font-size: 32px;}
    .fz-36{font-size: 24px;}
    .fz-32{font-size: 20px;}
    .fz-24{font-size: 18px;}
    .fz-20{font-size: 16px;}
    .fz-18{font-size: 15px;}
    .fz-16{font-size: 14px;}
    .fz-14{font-size: 12px;}
    .content-text{font-size: 15px;}
}



.wp-home-title{color: #e50014;font-style: italic;}
.center-space-between{display: flex;align-items: center;justify-content: space-between;}
.flex-justify-center{display: flex;justify-content: center;}
a.view-more-wp{width: 220px;height: 50px;padding: 0 30px;background: #e50014; color: #fff;display: flex;align-items: center;justify-content: space-between;}
a.view-more-wp span{display: block;width: 42px;height: 4px;background: url('../images/arrowcur.png') no-repeat center/100%;}
a.view-more-wp:hover{background: #e83c18;}

.end-space-between{display: flex;align-items: flex-end;}
ul.mainProductClass{width: 40%;}
ul.mainProductClass li{margin-bottom: 1.2rem;padding: 0 1.5rem 0 0.9rem;cursor: pointer;position: relative;}
ul.mainProductClass li .number{position: absolute;top: 5px;left: 20px;}
ul.mainProductClass li.cur .number{color: #e83c18;}
ul.mainProductClass li .model a{font-weight: 900;color: #333;}
ul.mainProductClass li .model a:hover{color: #e83c18;}
ul.mainProductClass li .desc{line-height: 1.5;-webkit-line-clamp: 3;height: 4.5em;}
ul.mainProductClass li:after{content: "";width: 1px;height: 90px;background: #b7b7b7;position: absolute;left: 0;top: 0;}
ul.mainProductClass li.cur:after{background: #e50014;}
ul.mainProductClass li:before{content: "";width: 0;height: 1px;background: #e50014;position: absolute;left: 0;bottom: -0.6rem;transition: all 0.5s;}
ul.mainProductClass li.cur:before{width: 100%;}
ul.mainProductClass li:last-child:before{display: none;}
.product_conyou{width: 60%;position: relative;}
.product_conyou .mainProductTab{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.product_conyou .mainProductTab a.navspro{width: 100%;height: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.product_conyou .mainProductTab a.navspro img{max-width: 100%;max-height: 100%;}
.product_conyou .mainProductTab a.navspro:hover img{transform: scale(1.08);}

.solutionWrap{padding-top: 80px;}
.solutionWrap .casesprev{width: 55px;height: 55px;background: url('../images/zuo.png') #e50014 no-repeat center/16px;left: calc(56.5% - 55px);top: inherit;bottom: 115px;}
.solutionWrap .casesnext{width: 55px;height: 55px;background: url('../images/you.png') #e50014 no-repeat center/16px;right: calc(43.5% - 55px);top: inherit;bottom: 60px;}
.solutionWrap .casesnext:after,.solutionWrap .casesprev:after{display: none;}
.solutionWrap .casesprev:hover,.solutionWrap .casesnext:hover{background-color: #e83c18;}
.solutionWrap .cases_pic_img{display: block;width: 56.5%;overflow: hidden;}
.solutionWrap .cases_pic_img:hover img{transform: scale(1.08);}
.solutionWrap .cases_con_txt{width: 43.5%;padding: 140px 0 0 80px;position: relative;}
.solutionWrap .cases_con_txt .title a{font-weight: 500;color: #e50014;}
.solutionWrap .cases_con_txt .title a:hover{text-decoration: underline;}
.solutionWrap .cases_con_txt .content-text{-webkit-line-clamp: 10;height: 20em;}
.solutionWrap .cases_con_txt .number{font-size: 280px;line-height: 1;font-weight: 900;color: #f6f6f6;position: absolute;top: -135px;left: -110px;z-index: -1;}

.aboutusBg{background: url('../images/about.png') #f7f8f9 no-repeat bottom right/70%;}
.aboutusBg .title{font-style: italic;}
.about_info_txt{width: 48%;max-width: 670px;}
.about_info_txt .info{line-height: 1.5;padding-bottom: 25px;border-bottom: 1px solid #d7d8d9;}
.about_info_txt .systems{width: 32%;max-width: 200px;}
.about_info_txt .systems .linkurl{color: #e50014;}
.about_imgs_pic{width: 48%;max-width: 600px;cursor: pointer;}

ul.mainProjectClass>li{border-top: 1px solid #d6d6d6;position: relative;z-index: 2;}
ul.mainProjectClass>li:last-child{border-bottom: 1px solid #d6d6d6;}
ul.mainProjectClass>li:after{content: "";width: 0;height: 100%;background: #f7f8f9;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: -1;transition: all 0.5s;}
ul.mainProjectClass>li:hover:after{width: 100%;}
ul.mainProjectClass>li:before{content: "";width: 42px;height: 4px;background: url('../images/arrow.png') no-repeat center/100%;position: absolute;top: 50%;transform: translateY(-50%);right: 40px;z-index: 8;}
ul.mainProjectClass>li>a{display: block;padding: 17px 0;min-height: 110px;display: flex;align-items: center;}
ul.mainProjectClass>li>a .title{line-height: 1.5;-webkit-line-clamp: 2;max-height: 3em;padding-right: 160px;color: #333;}
ul.mainProjectClass>li:hover>a .title{padding-left: 40px;font-weight: 700;color: #e50014;}
.wp_project_item .pic_img_end{width: 488px;box-shadow: 4px 12px 24px rgba(0,0,0,0.24);position: absolute;right: 200px;top: 80px;z-index: 9;}
.wp_project_item .pic_img_end a{display: block;overflow: hidden;position: relative;}
.wp_project_item .pic_img_end a:before{content: "";width: 100%;height: 100%;background: url('../images/bg.png') no-repeat left bottom/100%;position: absolute;bottom: 0;left: 0;z-index: 9;}
.wp_project_item .pic_img_end a:hover img{transform: scale(1.08);}
.flex-center-center{display: flex;align-items: center;justify-content: center;}

@media (max-width: 1440px) {
    a.view-more-wp{width: 175px;height: 42px;padding: 0 20px;}
    .solutionWrap{padding-top: 60px;}
    .solutionWrap .casesprev{width: 36px;height: 36px;left: calc(56.5% - 36px);bottom: 72px;}
    .solutionWrap .casesnext{width: 36px;height: 36px;right: calc(43.5% - 36px);bottom: 36px;}
    .solutionWrap .cases_con_txt{width: 43.5%;padding: 1.4rem 0 0 60px;}
    .solutionWrap .cases_con_txt .number{font-size: 2.8rem;top: -1.35rem;left: -1.1rem;}

    ul.mainProjectClass>li>a{padding: 10px 0;min-height: 80px;}
    ul.mainProjectClass>li:before{right: 20px;}
    ul.mainProjectClass>li:hover>a .title{padding-left: 20px;}
    .wp_project_item .pic_img_end{width: 400px;right: 120px;top: 40px;}
}
@media (max-width: 1024px) {
    .end-space-between{display: block;}
    ul.mainProductClass{width: 100%;}
    ul.mainProductClass li{margin-bottom: 40px;padding: 0 0 0 45px;}
    ul.mainProductClass li .number{top: 0;left: 10px;}
    ul.mainProductClass li:after{height: 60px;}
    ul.mainProductClass li:before{bottom: -20px;}
    .product_conyou{width: 100%;}
}
@media (max-width: 991px) {
    a.view-more-wp{width: 130px;height: 36px;padding: 0 10px;}
    a.view-more-wp span{width: 21px;height: 2px;}
    .aboutusBg{background-size: 100%;}
    .aboutusWidth{max-width: 100%;}
    .aboutusWidth .systemsitem{width: 100%;max-width: 100%;padding: 20px;background: #fff;border-radius: 6px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);}

    .solutionWrap{padding-top: 40px;}
    .solutionWrap .casesprev{left: 0;bottom: 40px;}
    .solutionWrap .casesnext{right: 0;bottom: 40px;}
    .solutionWrap .cases_pic_img{width: 100%;}
    .solutionWrap .cases_con_txt{width: 100%;padding: 40px 0 100px;}
    .solutionWrap .cases_con_txt .content-text{-webkit-line-clamp: 6;height: 12em;}
    .solutionWrap .cases_con_txt .number{font-size: 10rem;top: 20%;left: 50%;transform: translateX(-50%);}

    ul.mainProjectClass>li:before{width: 21px;height: 2px;right: 10px;}
    ul.mainProjectClass>li>a{min-height: auto;}
    ul.mainProjectClass>li>a .title{padding-right: 50px;font-size: 16px;}
    ul.mainProjectClass>li:hover>a .title{padding-left: 10px;}
    .wp_project_item .pic_img_end{margin-top: 40px;width: 100%;position: static;}
}



.rowFlexWrap{display: flex;flex-wrap: wrap;}
.spaceBetween{justify-content: space-between;}
.companyPorofile .keywords{line-height: 1;color: #e50014;}
.videobg{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.9);position: fixed;top: 0;left: 0;z-index: 1000;}
.videobg .videodesc{width: 100%;max-width: 1000px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.videobg .btnclose{width: 20px;height: 20px;background: url('../images/btnclose.png') no-repeat center/cover;position: absolute;right: 10px;top: 10px;cursor: pointer;z-index: 9;}

a.overviewItem{display: block;overflow: hidden;position: relative;}
a.overviewItem:hover img{transform: scale(1.08);}
.companyOverview .overviewbox{width: 100%;position: absolute;left: 0;bottom: 0.8rem;z-index: 9;}
.overviewswiperend .swiper-slide{height: auto;}
.overviewswiperend .swiper-slide a{display: block;height: 100%;padding-bottom: 12px;cursor: pointer;color: #fff;border-bottom: 3px solid #fff;opacity: 0.5;}
.overviewswiperend .swiper-slide-thumb-active a{opacity: 1;}

.honorCertificate{display: flex;flex-wrap: wrap;padding-bottom: 60px;}
.honorCertificate .swiper-pagination{bottom: 0;}
.honorCertificate .swiper-pagination .swiper-pagination-bullet{width: 36px;height: 3px;border-radius: 0;margin: 0;}
.honorCertificate .swiper-pagination .swiper-pagination-bullet-active{background: #e50014;}
.ourHonorCertificate{background: url('../images/certificate.jpg') no-repeat top center/cover;}
.certificateItem{display: block;height: 100%;padding: 20px 20px 60px;background: #f9f9f9;position: relative;}
.certificateItem.cur{background-color: #fff;}
.certificateItem .picimg{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 20px 20px 40px;border-bottom: 1px solid #eee;}
.certificateItem .picimg img{max-width: 100%;max-height: 100%;}
.certificateItem .contxt{width: 100%;padding: 0 20px;position: absolute;left: 0;bottom: 0;}
.certificateItem .title{padding-left: 45px;line-height: 60px;background: url('../images/arrowyou.png') no-repeat left center/30px;color: #333;}

.galleryOverlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 100000;background-color: rgba(0,0,0,.7);overflow: hidden;display: none;-moz-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.galleryOverlay.visible{opacity: 1;}
.gallerySlider{width: 100%;height: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;}
.gallerySlider .placeholder{background: url('../images/loading.gif') no-repeat center center;height: 100%;line-height: 1px;text-align: center;width: 100%;display: inline-block;}
.gallerySlider .placeholder:before{content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
.gallerySlider .placeholder img{display: inline-block;max-height: 88%;max-width: 100%;vertical-align: middle;}
.prevArrow, .nextArrow{border: none; text-decoration: none;opacity: 0.5;cursor: pointer;position: absolute; width:50%;height:100%;top:0;margin-top: 0px;}
.prevArrow:hover, .nextArrow:hover{opacity: 1;}
.prevArrow{background: url('../images/lt_arrow.png') no-repeat center left/64px;left: 15px;}
.nextArrow{background: url('../images/rt_arrow.png') no-repeat center right/64px;right: 15px;}
.pagelimit{position: absolute;bottom: 20px;left: 50%;margin-left: -18px;color: #fff;font-size: 18px;}
.closed{cursor: pointer;position: absolute;width: 40px;height: 40px;right:2%;top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before{content: "";background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover{opacity: 0.5;}
.closed::after{width: 26px;height: 2px;}
.closed::before{width: 2px;height: 26px;}

.staffnextprev .staffstyleprev{width: 42px;height: 42px;border-radius: 50%;background: url('../images/arrowyou.png') no-repeat top left/cover;margin: 0;top: 50%;transform: translateY(-50%) rotate(180deg);left: calc(100% - 100px);}
.staffnextprev .staffstylenext{width: 42px;height: 42px;border-radius: 50%;background: url('../images/arrowyou.png') no-repeat top left/cover;margin: 0;top: 50%;transform: translateY(-50%);right: 0;}
.staffnextprev .staffstyleprev.swiper-button-disabled{opacity: 1;background-image: url('../images/arrowzuo.png');transform: translateY(-50%) rotate(0deg);}
.staffnextprev .staffstylenext.swiper-button-disabled{opacity: 1;background-image: url('../images/arrowzuo.png');transform: translateY(-50%) rotate(180deg);}
.staffnextprev .staffstyleprev:after,.staffnextprev .staffstylenext:after{display: none;}
a.staffstyleItem{display: block;height: 100%;overflow: hidden;border-radius: 10px;border: 1px solid #d7d7d7;}
a.staffstyleItem .title{padding: 30px;line-height: 1.75;color: #333;}

.showItemMenuZuo{width: 345px;}
.nav-show .mobile-nav{display: none;padding: 10px 15px;font-weight: 700;background: #e50014;color: #fff;}
.nav-show .navstop .item{display: block;padding: 15px 0;color: #333;font-weight: 400;border-top: 1px solid #dedede;cursor: pointer;position: relative;}
.nav-show .navstop:last-child .item{border-bottom: 1px solid #dedede;}
.nav-show .navstop .navsname:before{content: "";width: 14px;height: 2px;background: #666;position: absolute;top: 50%;transform: translateY(-50%);right: 0;transition: all 0.5s;}
.nav-show .navstop .navsname:after{content: "";width: 2px;height: 14px;background: #666;position: absolute;top: 50%;transform: translateY(-50%);right: 6px;transition: all 0.5s;}
.nav-show .navstop.open .navsname:after{transform: translateY(-50%) rotate(-90deg);}
.nav-show .navstop.open .navsname:after{background: #e50014;}
.nav-show .navstop .navsname:hover,.nav-show .navstop a:hover{color: #e50014;}
.nav-show .navstop.open .navsname:hover,.nav-show .navstop.open a:hover{color: #e50014;}
.nav-show .navstop.active .navsname,.nav-show .navstop.active a{font-weight: 700;color: #e50014;}
.nav-show .navstop.open .navsname,.nav-show .navstop.open a{color: #e50014;}
.nav-show .navstop .navsend{display: none;}
.nav-show .navstop.open .navsend{display: block;}
.nav-show .navstop .navsend a{display: block;padding: 10px 30px;font-weight: 400;color: #333;border-top: 1px solid #dedede;position: relative;z-index: 2;}
.nav-show .navstop .navsend a:before{content: "";width: 0;height: 100%;background: #ecedee;position: absolute;top: 0;left: 0;transition: all 0.5s;z-index: -1;}
.nav-show .navstop .navsend a:hover:before,.nav-show .navstop .navsend a.active:before{width: 100%;}
.nav-show .navstop .navsend a:hover{color: #e50014;}
.nav-show .navstop .navsend a.active{font-weight: 700;color: #e50014;}
.nav-show .tab-item a.title{display: block;padding: 15px 0;font-weight: 400;color: #333;border-top: 1px solid #dedede;position: relative;z-index: 2;}
.nav-show .tab-item a.title:last-child{border-bottom: 1px solid #dedede;}
.nav-show .tab-item a.title:hover{color: #e50014;}
.nav-show .tab-item a.title.active{font-weight: 700;color: #e50014;}

.showItemTextYou{width: calc(100% - 345px);padding-left: 60px;}
.showItemTextYou .box-en-title{line-height: 1;}
.productcatalog a.picimg{display: block;overflow: hidden;border: 1px solid #d7d7d7;}
.productcatalog a.picimg:hover img{transform: scale(1.08);}
.productcatalog .title a{color: #333;}
.productcatalog .title a:hover{color: #e50014;}
.productsItem{width: 100%;height: 100%;background: #fff;position: relative;}
.productsItem:after{content: "";width: 0;height: 4px;background: #e50014;position: absolute;top: 0;left: 50%;transform: translateX(-50%);transition: all 0.5s;}
.productsItem a.picimgtop{display: block;overflow: hidden;}
.productsItem .contxtend{padding: 20px;}
.productsItem .contxtend .title{margin-bottom: 10px;line-height: 1.4;-webkit-line-clamp: 2;height: 2.8em;}
.productsItem .contxtend .title a{color: #333;}
.productsItem .contxtend .desc{line-height: 1.6;}
.productsItem .contxtend a.more{display: block;width: 70px;line-height: 28px;border: 1px solid #e50014;color: #e50014;border-radius: 50px;}
.productsItem .contxtend a.more:hover{background: #e50014;color: #fff;}
.productsItem:hover{box-shadow: 0 2px 10px rgba(0,0,0,0.08);}
.productsItem:hover:after{width: 40%;}
.productsItem:hover a.picimgtop img{transform: scale(1.08);}
.productsItem .contxtend .title a:hover{color: #e50014;}

.works_img_zuo{width: 46%;background: #fff;}
.workswipertop .swiper-slide{border: 1px solid #ebebeb;}
.work-next-prev .swiper-button-prev{left: -30px;}
.work-next-prev .swiper-button-next{right: -30px;}
.work-next-prev .swiper-button-prev:after{font-size: 20px;color: #333;}
.work-next-prev .swiper-button-next:after{font-size: 20px;color: #333;}
.workswiperend .swiper-slide{cursor: pointer;border: 1px solid #ebebeb;}
.workswiperend .swiper-slide-thumb-active{border-color: #e50014;}
.works_con_you{width: calc(100% - 46%);padding-left: 50px;}
.works_con_you .desc{line-height: 2;}
.works_con_you .pdfDownload{padding: 20px 0;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;}
.works_con_you .pdfDownload .topbox{margin-top: 10px;}
.works_con_you .pdfDownload a.namefile{display: inline-block;color: #333;padding: 4px 0 4px 40px;background: url('../images/pdf.png') no-repeat left center/29px;}
.works_con_you .pdfDownload a.namefile:hover{color: #e50014;}
.works_con_you a.clickhere{display: inline-block;cursor: pointer;color: #333;padding: 4px 0 4px 46px;background: url('../images/email.png') no-repeat left center/36px;}
.works_con_you a.clickhere span{display: block;line-height: 2;border-bottom: 1px solid #7a7a7a;}

.mainDetailShow{border-bottom: 1px solid #d7d7d7;}
ul.mainProClass li{padding-bottom: 30px;cursor: pointer;position: relative;}
ul.mainProClass li a{color: #999;}
ul.mainProClass li:before{content: "";width: 9px;height: 9px;background: #fff;border-radius: 50px;border: 1px solid #d7d7d7;position: absolute;bottom: -4px;left: 50%;transform: translateX(-50%);z-index: 9;}
ul.mainProClass li.cur a{color: #333;font-weight: 700;}
ul.mainProClass li.cur:after{content: "";width: 21px;height: 21px;background: rgba(229,0,20,0.24);border-radius: 50px;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
ul.mainProClass li.cur:before{background: #e50014;border-color: #e50014;}
.box-item-title span{display: inline-block;font-weight: 700;padding: 3px 12px;background: #888;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: 500;color: #333;}
.box_item_prev a:hover,.box_item_next a:hover{color: #e50014;text-decoration: underline;}

.solutionList a.picimgtop{display: block;height: 220px;overflow: hidden;border: 1px solid #dedede;}
.solutionList .contxtend{padding: 20px;}
.solutionList .contxtend .title{line-height: 1.4;-webkit-line-clamp: 2;height: 2.8em;}
.solutionList .contxtend .title a{color: #333;}
.solutionList .contxtend .desc{color: #999;line-height: 1.5;-webkit-line-clamp: 2;height: 4.5em;}
.solutionList a.details{display: flex;align-items: center;justify-content: space-between;padding: 8px 20px;background: #f7f8f9;color: #333;}
.solutionList a.details span{font-family: '宋体';}
.solutionList:hover{background: #f7f8f9;}
.solutionList:hover a.picimgtop img{transform: scale(1.08);}
.solutionList .contxtend .title a:hover{color: #e50014;}
.solutionList:hover a.details{background: #e50014;color: #fff;}
.productDetails{border-top: 1px dashed #d7d7d7;border-bottom: 1px dashed #d7d7d7;}

@media (max-width: 1440px) {
    .honorCertificate{padding-bottom: 75px;}
    .honorCertificate .swiper-pagination .swiper-pagination-bullet{width: 30px;}
    .certificateItem .title{padding-left: 35px;background-size: 25px;}
    .staffnextprev .staffstyleprev{width: 36px;height: 36px;left: calc(100% - 80px);}
    .staffnextprev .staffstylenext{width: 36px;height: 36px;}
    a.staffstyleItem{border-radius: 8px;}
    a.staffstyleItem .title{padding: 20px;}
    
    .showItemMenuZuo{width: 310px;}
    .showItemTextYou{width: calc(100% - 310px);padding-left: 40px;}
    ul.mainProClass li{padding-bottom: 24px;}
}
@media (max-width: 1024px) {
    .overviewswiperend .swiper-slide a{padding-bottom: 10px;border-bottom-width: 2px;}
    .overviewswiperend .swiper-slide span{padding: 10px 0;color: #888;border-bottom: 2px solid #888;}
    .honorCertificate{padding-bottom: 50px;}
    .honorCertificate .swiper-pagination .swiper-pagination-bullet{width: 24px;}
    .certificateItem{padding: 12px 12px 36px;}
    .certificateItem .picimg{padding: 12px 12px 24px;}
    .certificateItem .contxt{padding: 0 12px;}
    .certificateItem .title{padding-left: 24px;line-height: 36px;background-size: 18px;font-size: 12px;}
    .staffnextprev .staffstyleprev{width: 30px;height: 30px;left: calc(100% - 70px);}
    .staffnextprev .staffstylenext{width: 30px;height: 30px;}
    a.staffstyleItem{border-radius: 6px;}
    a.staffstyleItem .title{padding: 15px;}
    
    .showItemMenuZuo{width: 100%;}
    .nav-show .mobile-nav{display: block;}
    .nav-show .tab-item{display: none;}
    .nav-show .navstop .item{padding: 12px 0;}
    .nav-show .navstop .navsend a{padding: 12px 15px;}
    .nav-show .tab-item a.title{padding: 12px 15px;}
    .showItemTextYou{width: 100%;padding: 40px 0 0;}

    .works_img_zuo{width: 100%;background: #fff;}
    .work-next-prev{padding: 0 20px;}
    .work-next-prev .swiper-button-prev{left: -5px;}
    .work-next-prev .swiper-button-next{right: -5px;}
    .work-next-prev .swiper-button-prev:after{font-size: 18px;}
    .work-next-prev .swiper-button-next:after{font-size: 18px;}
    .works_con_you{width: 100%;padding: 40px 0 0;}
    .works_con_you .pdfDownload a.namefile{padding: 2px 0 2px 30px;background-size: 20px;}
    .works_con_you a.clickhere{padding: 2px 0 2px 36px;background-size: 26px;}
}
@media (max-width: 991px) {
    .mainDetailShow{border-bottom: none;}
    ul.mainProClass{display: block;padding-bottom: 5px;white-space: nowrap;overflow-x: auto;}
    ul.mainProClass li{display: inline-block;padding-bottom: 0;}
    ul.mainProClass li a{display: block;padding: 6px 12px;background: #f7f8f9;}
    ul.mainProClass li.cur a{background: #e50014;color: #fff;}
    ul.mainProClass li:after,ul.mainProClass li:before{display: none;}
    .box_item_next{text-align: left;}
}



.projectItem .picimgzuo{display: block;width: 50%;overflow: hidden;}
.projectItem .contxtyou{width: 50%;padding: 0.4rem 0.6rem;border: 1px solid #d7d7d7;}
.projectItem .contxtyou .title{line-height: 1.4;-webkit-line-clamp: 2;height: 2.8em;}
.projectItem .contxtyou .title a{color: #333;}
.projectItem .contxtyou .textbox{padding: 10px 0 20px;border-bottom: 1px solid #d7d7d7;}
.projectItem .contxtyou .textbox .desc{line-height: 1.4;-webkit-line-clamp: 4;height: 5.6em;}
.projectItem .contxtyou .end{display: flex;justify-content: flex-end;}
.projectItem .contxtyou .end a.readmore{width: 220px;height: 50px;padding: 0 30px;color: #333;display: flex;align-items: center;justify-content: space-between;}
.projectItem .contxtyou .end a.readmore span{display: block;width: 42px;height: 4px;background: url('../images/arrow.png') no-repeat center/100%;}
.projectItem:hover{box-shadow: 0 2px 10px rgba(0,0,0,0.08);}
.projectItem:hover .picimgzuo img{transform: scale(1.08);}
.projectItem .contxtyou .title a:hover{color: #e50014;}
.projectItem .contxtyou .end a.readmore:hover{background: #e50014;color: #fff;}
.projectItem .contxtyou .end a.readmore:hover span{background-image: url('../images/arrowcur.png');}

.newsListbox a.picimgtop{display: block;height: 220px;overflow: hidden;}
.newsListbox .contxtend{border-bottom: 1px solid #d6d6d6;}
.newsListbox .contxtend .title{line-height: 1.4;-webkit-line-clamp: 2;height: 2.8em;}
.newsListbox .contxtend .title a{color: #333;}
.newsListbox a.readmore{width: 160px;color: #333;padding: 8px 0;display: flex;align-items: center;justify-content: space-between;}
.newsListbox a.readmore span{display: block;width: 42px;height: 4px;background: url('../images/arrow.png') no-repeat center/100%;}
.projectItem:hover{box-shadow: 0 2px 10px rgba(0,0,0,0.08);}
.newsListbox:hover a.picimgtop img{transform: scale(1.08);}
.newsListbox .contxtend .title a:hover{color: #e50014;}
.newsListbox a.readmore:hover{padding: 8px;background: #e50014;color: #fff;}
.newsListbox a.readmore:hover span{background-image: url('../images/arrowcur.png');}

.index_brand_box_list .gdbrand.active{margin-left: -120px;}
.index_brand_box_list ul,.index_brand_box_list .tempWrap{overflow: inherit !important;}
.index_brand_box_list ul li{float: left;margin: 15px;width: 240px;height: 120px;}
.index_brand_box_list ul li .rowitem{padding: 5px;height: 100%;display:flex; align-items: center;justify-content: center;background: #fff;box-shadow: 0 5px 20px 0 rgba(181,190,211,.16);overflow: hidden;}
.index_brand_box_list ul li .rowitem img{max-width: 100%;max-height: 100%;}

.slide-en-title{display: flex;align-items: center;}
.slide-en-title img{width: 42px;margin-right: 10px;}
.franchise_top{display: flex;flex-wrap: wrap;overflow: hidden;border-radius: 12px;border: 1px solid #d7d7d7;}
.franchise_top .con_txt{width: 47%;padding: 60px;}
.franchise_top .pic_img{width: 53%;}
.franchise_top .pic_img a{display: block;}
.franchise_top .pic_img a:hover img{transform: scale(1.08);}
.franchise_end{border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;}
.become_a_partner{padding: 60px;background: url('../images/franchise.jpg') no-repeat center/cover;color: #fff;overflow: hidden;border-radius: 10px;}
.become_a_partner .slide-desc{color: rgba(255,255,255,0.5);}
.messageForm .inputbox{width: 31%;}
.messageForm .inputbox input,.messageForm .content{width: 100%;color: #fff;border-radius: 8px;background: rgba(255,255,255,0.2);border: 1px solid rgba(255,255,255,0.3);}
.messageForm .inputbox input::-webkit-input-placeholder,.messageForm .content::placeholder{color: #fff;}
.messageForm .inputbox input{height: 50px;padding: 0 20px;}
.messageForm .content{height: 140px;padding: 10px 20px;}
.messageForm .inputbox input:focus,.messageForm .content:focus{border-color: #e50014;}
.messageForm .submit{width: 170px;height: 50px;border-radius: 8px;background: #d81e06;color: #fff;}
.messageForm .submit:hover{background: #e83c18;}

.ourPartner{border-top: 1px solid #e5e5e5;}
.site_stamp_30{top: 19%;left: 18%;}
.site_stamp_31{bottom: 48%;left: 14%;}
.site_stamp_32{top: 37%;left: 36%;}
.site_stamp_33{top: 24%;right: 24%;}
.site_stamp_34{top: 72%;right: 54%;}
.site_stamp .spot{width: 7px;height: 7px;background: #d81e06;border-radius: 50px;cursor: pointer;position: absolute;}
.site_stamp .spot-bg{display: block;width: 19px;height: 19px;position: absolute;top: -6px;left: -6px;border-radius: 50%;cursor: pointer;background: rgba(216,30,6,0.3);animation: point 3s ease-in-out infinite;}
@keyframes point{0% {transform: scale(1);}25% {transform: scale(0.5);}50% {transform: scale(1);}75% {transform: scale(0.5);}}
.site_stamp .site_stamp_text{width: 680px;height: 360px;overflow-x: auto;padding: 20px;background: #fff;border: 1px solid #dfdfdf;border-radius: 12px;opacity: 0;visibility: hidden;position: absolute;left: 15px;top: -15px;z-index: 9;transition: all 0.5s;}
.site_stamp:hover .site_stamp_text,.site_stamp.active .site_stamp_text{opacity: 1;visibility: visible;}
.site_stamp_33 .site_stamp_text{left: inherit;right: 10px;}
.site_stamp_34 .site_stamp_text{top: -200px;}

@media (max-width: 1440px) {
    .projectItem .contxtyou .end a.readmore{width: 175px;height: 42px;padding: 0 20px;}
    .index_brand_box_list ul li{margin: 10px;width: 200px;height: 100px;}
    .franchise_top .con_txt,.become_a_partner{padding: 45px;}
    .messageForm .inputbox{width: 32%;}
    .franchise_top,.messageForm .inputbox input,.messageForm .content{border-radius: 6px;}
    .messageForm .inputbox input{height: 45px;}
    .messageForm .content{height: 120px;}
    .messageForm .submit{width: 125px;height: 45px;border-radius: 6px;}
    .site_stamp .site_stamp_text{width: 560px;}
}
@media (max-width: 1024px) {
    .index_brand_box_list ul li{margin: 8px;width: 160px;height: 80px;}
    .slide-en-title img{width: 30px;}
    .franchise_top .con_txt{width: 100%;padding: 30px;}
    .franchise_top .pic_img{width: 100%;}
    .site_stamp .site_stamp_text{width: 420px;}
}
@media (max-width: 768px) {
    .projectItem .picimgzuo{width: 100%;}
    .projectItem .contxtyou{width: 100%;padding: 20px;}
    .projectItem .contxtyou .end a.readmore{width: 130px;height: 36px;padding: 0 10px;}
    .projectItem .contxtyou .end a.readmore span{width: 21px;height: 2px;}
    .newsListbox a.readmore{width: 120px;}
    .newsListbox a.readmore span{width: 21px;height: 2px;}
    .index_brand_box_list .gdbrand.active{margin-left: -60px;}
    .index_brand_box_list ul li{margin: 4px;width: 120px;height: 60px;}

    .become_a_partner{padding: 30px;}
    .messageForm .inputbox{width: 100%;}
    .franchise_top,.messageForm .inputbox input,.messageForm .content{border-radius: 4px;}
    .messageForm .inputbox input{height: 38px;padding: 0 10px;}
    .messageForm .content{height: 100px;padding: 5px 10px;}
    .messageForm .submit{width: 100px;height: 38px;border-radius: 4px;}
    .site_stamp .site_stamp_text{width: 100%;height: 100%;max-height: 100%;border-radius: 4px;position: fixed;top: -20px;left: 0;}
    .site_stamp_4 .site_stamp_text{left: inherit;right: 0;}
    .site_stamp_5 .site_stamp_text{top: -20px;}
}



.contact_us_info{padding: 40px 60px;background: #fff;}
.contact_us_info .ditumap{width: 100%;height: 380px;border: none;}
.contact_us_info.center{display: flex;align-items: center;justify-content: space-between;}
.contact_us_info.center .slidezuo{width: 350px;}
.contact_us_info.center .slidezuo .logoimg img{max-height: 60px;}
.contact_us_info.center .slidecon{width: 600px;}
.contact_us_info.center .slideyou{width: 230px;display: flex;align-items: center;justify-content: space-between;}
.contact_us_info.center .slideyou .wechat{width: 128px;}

.branch_office{background: #fff;display: flex;align-items: center;}
.branch_office .con_txt{width: calc(100% - 340px);padding: 60px;display: flex;align-items: center;position: relative;}
.branch_office .con_txt:after{content: "";width: 2px;height: 100px;background: #e5e5e5;position: absolute;left: 300px;top: 50%;transform: translateY(-50%);}
.branch_office .con_txt .namezuo{width: 190px;}
.branch_office .con_txt .textyou{width: calc(100% - 190px);padding-left: 180px;position: relative;}
.branch_office .pic_img{width: 340px;}
.messageForm.info .inputbox input,.messageForm.info .content{color: #333;background: #f7f8f9;border: 1px solid #f7f8f9;}
.messageForm.info .inputbox input::-webkit-input-placeholder,.messageForm.info .content::placeholder{color: #999;}
.messageForm.info .inputbox input:focus,.messageForm.info .content:focus{border-color: #e50014;}

a.aboutimgBox{display: block;padding: 5px;height: 100%;background: #fff;}
a.aboutimgBox .pic_img{padding: 15px;height: 240px;display: flex;align-items: center;justify-content: center;}
a.aboutimgBox .pic_img img{max-width: 100%;max-height: 100%;}
a.aboutimgBox .con_txt{padding: 15px;font-weight: 400;line-height: 1.5;color: #333;border-top: 1px solid #e5e5e5;}
a.aboutimgBox:hover{box-shadow: 0 2px 12px rgba(0,0,0,0.08);}
a.itemnavsname{display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;height: 100%;border-radius: 5px;text-transform: uppercase;padding: 20px;background: #fff;color: #333;box-shadow: 0 2px 12px rgba(0,0,0,0.08);}
a.itemnavsname:hover{background: #e50014;color: #fff;}

@media (max-width: 1440px) {
    .contact_us_info{padding: 30px 45px;}
    .contact_us_info .ditumap{height: 300px;}
    .contact_us_info.center .slidezuo{width: 300px;}
    .contact_us_info.center .slidezuo .logoimg img{max-height: 45px;}
    .contact_us_info.center .slidecon{width: 540px;}
    .contact_us_info.center .slideyou{width: 180px;}
    .contact_us_info.center .slideyou .wechat{width: 100px;}

    .branch_office .con_txt{padding: 45px;}
    .branch_office .con_txt:after{height: 80px;left: 260px;}
    .branch_office .con_txt .namezuo{width: 165px;}
    .branch_office .con_txt .textyou{width: calc(100% - 165px);padding-left: 140px;}
}
@media (max-width: 1024px) {
    .contact_us_info{padding: 20px;}
    .contact_us_info.center{display: block;}
    .contact_us_info.center .slidezuo{width: 100%;}
    .contact_us_info.center .slidecon{width: 100%;margin: 30px 0;}
    .contact_us_info.center .slideyou{width: 180px;margin: auto;}
    
    .branch_office .con_txt{width: calc(100% - 280px);padding: 30px;}
    .branch_office .con_txt:after{height: 60px;left: 200px;}
    .branch_office .con_txt .namezuo{width: 145px;}
    .branch_office .con_txt .textyou{width: calc(100% - 145px);padding-left: 60px;}
    .branch_office .pic_img{width: 280px;}
}
@media (max-width: 768px) {
    .branch_office{display: block;}
    .branch_office .con_txt{width: 100%;display: block;padding: 20px;}
    .branch_office .con_txt:after{display: none;}
    .branch_office .con_txt .namezuo{width: 100%;}
    .branch_office .con_txt .textyou{width: 100%;padding: 10px 0 0;}
    .branch_office .pic_img{width: 100%;}

    a.aboutimgBox .pic_img{padding: 10px;height: 200px;}
    a.aboutimgBox .con_txt{padding: 10px;}
    a.itemnavsname{padding: 12px;}
}