.p-tb80{padding: 80px 0;}
.p-tb60{padding: 60px 0;}
.p-lr10{padding: 0 10px;}
.p-lr5{padding: 0 5px;}
.fz-48{font-size: 48px;}
.fz-42{font-size: 42px;}
.fz-32{font-size: 32px;}
.fz-28{font-size: 28px;}
.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;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.rt20{margin-top: -20px;}
.content-text ul{padding-left: 30px;}
.content-text{font-size: 16px;line-height: 2;color: #333;}
:root{--fz-36: 36px;--fz-32: 32px;--fz-28: 28px;--fz-24: 24px;--fz-20: 20px;--fz-16: 16px;}
.text-p p{margin-bottom: 0;}
.bga{background: #f7f8f9;}

@media (max-width: 1440px) {
    .p-tb80{padding: 60px 0;}
    .p-tb60{padding: 45px 0;}
    .p-lr10{padding: 0 7px;}
    .p-lr5{padding: 0 8px;}
    .m-t60{margin-top: 45px;}
    .m-t40{margin-top: 30px;}
    .m-t20{margin-top: 14px;}
    .rt20{margin-top: -14px;}
    .fz-48{font-size: 40px;}
    .fz-42{font-size: 36px;}
    .fz-32{font-size: 27px;}
    .fz-28{font-size: 24px;}
    .fz-24{font-size: 20px;}
    .fz-20{font-size: 18px;}
    .fz-18{font-size: 17px;}
    .fz-16{font-size: 15px;}
    .fz-14{font-size: 13px;}
    .content-text{font-size: 15px;}
    :root{--fz-36: 30px;--fz-32: 27px;--fz-28: 24px;--fz-24: 20px;--fz-20: 18px;--fz-16: 15px;}
}
@media (max-width: 991px) {
    .p-tb80{padding: 40px 0;}
    .p-tb60{padding: 30px 0;}
    .p-lr10{padding: 0 5px;}
    .p-lr5{padding: 0 10px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t20{margin-top: 10px;}
    .rt20{margin-top: -10px;}
    .fz-48{font-size: 32px;}
    .fz-42{font-size: 28px;}
    .fz-32{font-size: 22px;}
    .fz-28{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: 14px;}
    .content-text ul{padding-left: 20px;}
    :root{--fz-36: 24px;--fz-32: 22px;--fz-28: 20px;--fz-24: 18px;--fz-20: 16px;--fz-16: 14px;}
}



.aboutus_home_name_zuo{width: 450px;border-right: 1px solid #eaeaea;}
.aboutus_info_item_you{width: calc(100% - 550px);}
ul.about-us-ul li{width: 23%;max-width: 140px;text-align: center;}
ul.about-us-ul li .picurl{width: 90px;height: 90px;margin: auto;border-radius: 50%;overflow: hidden;}
ul.about-us-ul li .top{line-height: 1.2;display: flex;align-items: center;justify-content: center;color: #074fbb;}
ul.about-us-ul li .end{color: #666;}
.latest-products .picimgtop{display: block;overflow: hidden;}
.latest-products .title{line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
.latest-products .title a{color: #333;}
.latest-products:hover a.picimgtop img{transform: scale(1.08);}
.latest-products .title:hover,.latest-products .title a:hover{color: #074fbb;}
.latest-products .desc{margin-top: 10px;color: #666;line-height: 1.8;-webkit-line-clamp: 3;height: 5.4em;}

.solutionBg{background: url('../images/bg.jpg') no-repeat center/cover;color: #fff;}
.solution-home-name{width: 4.8rem;padding: 0.8rem 1.2rem;}
.solution-home-name .box-item-title::after{background: #fff;}
.solution-wrap-list{width: calc(100% - 4.8rem);}
ul.solution>li{width: 20%;height: 450px;cursor: pointer;position: relative;}
ul.solution>li:after{content: "";width: 100%;height: 100%;background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.9));position: absolute;top: 0;left: 0;z-index: 2;}
ul.solution>li .con-txt-top{width: 100%;color: #fff;padding: 20px 30px;position: absolute;left: 0;bottom: 0;opacity: 1;z-index: 5;}
ul.solution>li .con-txt-end{width: 100%;padding: 20px 30px;background: rgba(7,79,187,0.75);opacity: 0;position: absolute;bottom: 0;left: 0;z-index: 9;}
ul.solution>li .con-txt-end .desc{margin-top: 12px;line-height: 1.65;color: rgba(255,255,255,0.8);}
ul.solutionlistb>li .con-txt-end{background: rgba(22,168,76,0.75);}
ul.solution>li.active{width: 40%;}
ul.solution>li.active .con-txt-top{opacity: 0;}
ul.solution>li.active .con-txt-end{opacity: 1;}

.newshomeswiper{padding-bottom: 50px;}
.wrap-prev-next .swiper-button-prev{left: 0;width: 26px;height: 40px;background: rgba(0,0,0,0.36);}
.wrap-prev-next .swiper-button-next{right: 0;width: 26px;height: 40px;background: rgba(0,0,0,0.36);}
.wrap-prev-next .swiper-button-prev:after,.wrap-prev-next .swiper-button-next:after{font-size: 14px;color: #fff;}
.wrap-prev-next .swiper-button-prev:hover,.wrap-prev-next .swiper-button-next:hover{background: #333;}
.newshomeswiper .swiper-pagination{bottom: 0;}
.newshomeswiper .swiper-pagination-bullets .swiper-pagination-bullet{width: 14px;height: 14px;margin: 0 4px;background: #cecece;opacity: 1;border: 2px solid #fff;}
.newshomeswiper .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #fff;border-color: #074fbb;}
.latest-news-list .pic-img-you{display: block;width: 50%;height: 480px;overflow: hidden;}
.latest-news-list:hover .pic-img-you img{transform: scale(1.08);}
.latest-news-list .con-txt-zuo{width: 50%;padding: 40px 80px;}
.latest-news-list .con-txt-zuo .time{color: #333;}
.latest-news-list .con-txt-zuo .title{line-height: 1.4;-webkit-line-clamp: 2;height: 2.8em;}
.latest-news-list .con-txt-zuo .title a{color: #333;}
.latest-news-list .con-txt-zuo .title:hover,.latest-news-list .con-txt-zuo .title a:hover{color: #074fbb;}
.latest-news-list .con-txt-zuo .desc{color: #7f7f7f;line-height: 1.8;-webkit-line-clamp: 2;height: 3.6em;}
.latest-news-list .con-txt-zuo a.view-details{display: inline-block;padding: 14px 32px;border-radius: 50px;border: 1px solid #074fbb;color: #074fbb;}
.latest-news-list .con-txt-zuo a.view-details:hover{background: #074fbb;color: #fff;}

.aboutusBg{color: #fff;background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;position: relative;}
.aboutusBg:after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.42);position: absolute;top: 0;left: 0;z-index: 1;}
.aboutusBg .aboutus-info{max-width: 720px;position: relative;z-index: 2;}
.aboutusBg .aboutus-info .box-item-title::after{background: #fff;}
.aboutusBg .aboutus-info .content-text{color: #fff;}
.newslatterBg{background: #074fbb;color: #fff;}
.newslatter-text-zuo{width: 540px;}
.newslatter-form-you{width: calc(100% - 580px);max-width: 690px;}
.newslatter-form-you .formitem{width: calc(100% - 180px);height: 50px;background: #fff;position: relative;}
.newslatter-form-you .formitem .input{width: 100%;height: 100%;padding: 0 15px 0 150px;color: #000;}
.newslatter-form-you .formitem .name{color: #666;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);}
.newslatter-form-you .submit{width: 160px;height: 50px;background: #000;color: #fff;}
.newslatter-form-you .submit:hover{background: #1ea34a;}

@media (max-width: 1440px) {
    .aboutus_home_name_zuo{width: 360px;}
    .aboutus_info_item_you{width: calc(100% - 440px);}
    ul.about-us-ul li{max-width: 130px;}
    ul.about-us-ul li .picurl{width: 75px;height: 75px;}
    ul.solution>li{height: 375px;}
    .latest-news-list .pic-img-you{height: 360px;}
    .latest-news-list .con-txt-zuo{padding: 30px 60px;}
    .newslatter-text-zuo{width: 500px;}
    .newslatter-form-you{width: calc(100% - 540px);}
}
@media (max-width: 991px) {
    .aboutus_home_name_zuo{width: 100%;margin: 0 0 15px;border-right: none;}
    .aboutus_info_item_you{width: 100%;margin: 15px 0 0;}
    ul.about-us-ul li{width: 48%;max-width: 100%;}
    ul.about-us-ul li .picurl{width: 60px;height: 60px;}

    .solution-home-name{width: 100%;padding: 45px 15px 15px;}
    .solution-wrap-list{width: 100%;padding: 15px;}
    ul.solution{display: flex;flex-wrap: wrap;justify-content: space-between;}
    ul.solution>li,ul.solution>li.active{width: calc(50% - 10px);margin: 10px 0;height: auto;}
    ul.solution>li img{height: auto;}
    ul.solution>li:after,ul.solution>li .con-txt-top{display: none;}
    ul.solution>li .con-txt-end{padding: 15px;opacity: 1;position: static;}
    .latest-news-list .pic-img-you{height: 300px;}
    .latest-news-list .con-txt-zuo{padding: 20px 30px;}
    .newslatter-text-zuo{width: 100%;text-align: center;margin-bottom: 30px;}
    .newslatter-form-you{width: 100%;max-width: 100%;}
    .newslatter-form-you .formitem{width: 100%;}
    .newslatter-form-you .formitem .input{padding: 0 15px 0 135px;}
    .newslatter-form-you .submit{width: 100%;margin-top: 20px;}
}
@media (max-width: 768px) {
    ul.solution>li,ul.solution>li.active{width: 100%;}
    .newshomeswiper{padding-bottom: 40px;}
    .wrap-prev-next .swiper-button-prev,.wrap-prev-next .swiper-button-next{width: 22px;height: 32px;}
    .wrap-prev-next .swiper-button-prev:after,.wrap-prev-next .swiper-button-next:after{font-size: 12px;}
    .newshomeswiper .swiper-pagination-bullets .swiper-pagination-bullet{width: 12px;height: 12px;}
    .latest-news-list .pic-img-you{width: 100%;height: 12rem;}
    .latest-news-list .con-txt-zuo{width: 100%;}
    .latest-news-list .con-txt-zuo a.view-details{padding: 9px 18px;}
}


.box-item-title{line-height: 1.28;padding-bottom: 16px;position: relative;}
.box-item-title::after{content: "";width: 72px;height: 3px;background: #074fbb;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.box-item-title.on::after{left: 0;transform: none;}
a.view-more{display: block;width: 180px;height: 54px;line-height: 54px;letter-spacing: 1px;background: #074fbb;color: #fff;border-radius: 6px;}
a.view-more:hover{background: #1ea34a;color: #fff;}

.site-xzwz{width: 100%;padding: 15px 0;font-size: 0;background: #f7f8f9;}
.site-xzwz ul>li{display: inline;font-size: 14px;color: #333;}
.site-xzwz ul>li>a{display: inline-block;color: #666;}
.site-xzwz ul>li>span{margin: 0 6px;color: #666;}
.site-xzwz ul>li>a:hover{color: #074fbb;text-decoration: underline;}

.show-item-menu-zuo{width: 320px;}
.nav-show .mobile-nav,.mobile-title{padding-bottom: 8px;border-bottom: 1px solid #eee;}
.nav-show .tab-item ul>li>a{display: block;padding: 12px 0;color: #333;position: relative;transition: all 0.5s;}
.nav-show .tab-item ul>li>a::after{content: "";width: 0;height: 2px;background: #074fbb;position: absolute;top: 50%;transform: translateY(-50%);left: 0;transition: all 0.5s;}
.nav-show .tab-item ul>li>a:hover,.nav-show .tab-item ul>li.active>a{padding-left: 24px;color: #074fbb;}
.nav-show .tab-item ul>li>a:hover::after,.nav-show .tab-item ul>li.active>a::after{width: 12px;}
.show-wrap-text-you{width: calc(100% - 360px);}
a.products-list-item{display: block;height: 100%;padding: 8px;}
a.products-list-item .contxt{padding: 14px 0 6px;}
a.products-list-item .contxt .title{color: #333;line-height: 1.6;}
a.products-list-item .contxt span{display: block;width: 120px;line-height: 36px;border: 1px solid #dedede;color: #666;}
a.products-list-item:hover{box-shadow: 0 2px 12px rgba(0,0,0,0.08);}
a.products-list-item:hover .contxt span{background: #074fbb;border-color: #074fbb;color: #fff;}

.work_show_pic_img_zuo{width: 480px;position: relative;}
.workswiperyou .swiper-slide{border: 1px solid #ebebeb;}
.workswiperyou .swiper-button-prev,.workswiperyou .swiper-button-next{width: 26px;height: 40px;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;}
.work_show_con_txt_you{width: calc(100% - 540px);}
.work_show_con_txt_you .contentdesc{line-height: 2;padding: 20px 0;color: #555;border-top: 1px dashed #dedede;border-bottom: 1px dashed #dedede;}
.productdetails{font-size: 18px;border-bottom: 1px solid #dedede;}
.productdetails span{display: inline-block;padding: 10px;color: #074fbb;position: relative;}
.productdetails span:after{content: "";width: 100%;height: 2px;background: #074fbb;position: absolute;left: 0;bottom: -1px;}
.item-prev-next{max-width: 48%;}
.item-prev-next a{color: #333;}
.item-prev-next span{margin-right: 8px;font-weight: 700;color: #000;}
.item-prev-next a:hover{color: #074fbb;text-decoration: underline;}

.about-us-zuo{width: 40%;}
.about-us-you{width: 56%;}
.advantages-item{background: #fff;padding: 30px;}
.advantages-item .picurl{width: 60px;height: 60px;background: #074fbb;border-radius: 50%;overflow: hidden;}
.advantages-item .contxt{width: calc(100% - 80px);}
.advantages-item .contxt .desc{margin-top: 10px;line-height: 1.65;color: #666;}
.advantages-item:hover{box-shadow: 0 2px 12px rgba(0,0,0,0.08);}

.news-list-item-box{padding: 20px 0;border-bottom: 1px dashed #dedede;}
.news-list-item-box .picimgyou{display: block;width: 360px;height: 240px;overflow: hidden;}
.news-list-item-box .contxtzuo{width: calc(100% - 360px);padding-left: 50px;}
.news-list-item-box .contxtzuo .title{line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
.news-list-item-box .contxtzuo .title a{color: #333;}
.news-list-item-box:hover .picimgyou img{transform: scale(1.08);}
.news-list-item-box .contxtzuo .title:hover,.news-list-item-box .contxtzuo .title a:hover{color: #074fbb;}
.news-list-item-box .contxtzuo .desc{color: #666;line-height: 1.8;-webkit-line-clamp: 2;height: 3.6em;}
.news-list-item-box .contxtzuo a.more{display: block;width: 120px;line-height: 36px;border: 1px solid #dedede;color: #666;}
.news-list-item-box .contxtzuo a.more:hover{background: #074fbb;border-color: #074fbb;color: #fff;}
.news-time-hits{padding-bottom: 12px;color: #666;border-bottom: 1px dashed #dedede;}
.news-time-hits span{margin-left: 20px;}

.solution-list-item{width: 100%;height: 100%;background: #f7f8f9;}
.solution-list-item .con-txt-end{padding: 20px;}
.solution-list-item .con-txt-end .desc{margin-top: 10px;line-height: 1.65;color: #666;}
.solution-list-item:hover{background: #fff;box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
.solution-list-item:hover .pic-img-top img{transform: scale(1.08);}
.contactus-info .content{margin-top: 10px;line-height: 1.6;}
.messageForm{padding: 60px 100px;background: #fff;}
.messageForm .name{color: #333;margin-bottom: 4px;}
.messageForm .name span{color: #f00;}
.messageForm .input{width: 100%;height: 45px;background: #f7f8f9;padding: 0 20px;border: 1px solid #eaeaea;}
.messageForm .message{width: 100%;height: 200px;background: #f7f8f9;padding: 10px 20px;border: 1px solid #eaeaea;}
.messageForm .input:focus,.messageForm .message:focus{border-color: #074fbb;}
.messageForm .subscribe{display: block;width: 68%;max-width: 300px;height: 50px;margin: 20px auto 0;background: #074fbb;color: #fff;}
.messageForm .subscribe:hover{background: #1ea34a;}
.ditumap{width: 100%;height: 400px;font-size: 0;}
.ditumap iframe{width: 100%;height: 100%;border: none;}

@media (max-width: 1440px) {
    a.view-more{width: 160px;height: 48px;line-height: 48px;}
    .show-item-menu-zuo{width: 280px;}
    .show-wrap-text-you{width: calc(100% - 310px);}
    
    a.products-list-item .contxt span,.news-list-item-box .contxtzuo a.more{width: 95px;line-height: 32px;}
    .work_show_pic_img_zuo{width: 420px;}
    .work_show_con_txt_you{width: calc(100% - 460px);}
    .news-list-item-box .picimgyou{width: 300px;height: 200px;}
    .news-list-item-box .contxtzuo{width: calc(100% - 300px);padding-left: 35px;}
    .messageForm{padding: 45px 60px;}
}
@media (max-width: 991px) {
    .box-item-title{padding-bottom: 12px;}
    .box-item-title::after{width: 48px;}
    a.view-more{width: 140px;height: 42px;line-height: 42px;}
    .show-item-menu-zuo{width: 100%;margin-bottom: 15px;}
    .nav-show .mobile-nav{display: block;background: #f7f8f9;border-bottom: none;padding: 10px 20px;position: relative;}
    .nav-show .mobile-nav:after{content: "";width: 20px;height: 20px;background: url('../images/caidan.png') no-repeat center/100%;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;}
    .nav-show .tab-item{display: none;padding: 0 20px;}
    .show-wrap-text-you{width: 100%;margin-top: 15px;}
    a.products-list-item .contxt span,.news-list-item-box .contxtzuo a.more{width: 80px;line-height: 28px;}
    
    .work_show_pic_img_zuo,.about-us-zuo{width: 100%;margin: 0 0 15px;}
    .work_show_con_txt_you,.about-us-you{width: 100%;margin: 15px 0 0;}
    .workswiperyou .swiper-button-prev,.workswiperyou .swiper-button-next{width: 22px;height: 32px;}
    .workswiperyou .swiper-button-prev:after,.workswiperyou .swiper-button-next:after{font-size: 12px;}
    .advantages-item{padding: 15px;}
    .news-list-item-box .picimgyou{width: 100%;height: 12rem;max-height: 420px;}
    .news-list-item-box .contxtzuo{width: 100%;padding: 16px 0 0;}
    .messageForm{padding: 20px;}
}