.p-tb100{padding: 100px 0;}
.p-tb80{padding: 80px 0;}
.p-tb60{padding: 60px 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;}
.rt20{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-20{font-size: 20px;}
.fz-18{font-size: 18px;}
.fz-16{font-size: 16px;}
.fz-14{font-size: 14px;}
.content-text{font-size: 16px;line-height: 2;color: #565656;}
:root{--fz-36: 36px;--fz-32: 32px;--fz-28: 28px;--fz-24: 24px;--fz-20: 20px;--fz-16: 16px;}
.bg01{background: #f7f8f9;}
.text-p p{margin-bottom: 0;}

@media (max-width: 1440px) {
    .p-tb100{padding: 75px 0;}
    .p-tb80{padding: 60px 0;}
    .p-tb60{padding: 45px 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;}
    .rt20{margin-top: -14px;}
    .m-t10{margin-top: 7px;}
    .fz-48{font-size: 40px;}
    .fz-36{font-size: 30px;}
    .fz-32{font-size: 28px;}
    .fz-24{font-size: 20px;}
    .fz-18{font-size: 16px;}
    .fz-16{font-size: 15px;}
    .fz-14{font-size: 13px;}
    .content-text{font-size: 15px;}
    :root{--fz-36: 30px;--fz-32: 28px;--fz-28: 24px;--fz-24: 20px;--fz-20: 18px;--fz-16: 15px;}
}
@media (max-width: 991px) {
    .p-tb100{padding: 50px 0;}
    .p-tb80{padding: 40px 0;}
    .p-tb60{padding: 30px 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;}
    .rt20{margin-top: -10px;}
    .m-t10{margin-top: 5px;}
    .fz-48{font-size: 32px;}
    .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;}
    .fz-14{font-size: 12px;}
    .content-text{font-size: 14px;}
    :root{--fz-36: 24px;--fz-32: 22px;--fz-28: 20px;--fz-24: 18px;--fz-20: 16px;--fz-16: 14px;}
}


.technologybg{background: url('../../images/bg.jpg');color: #fff;}
.itemlist:after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: 9;}
.itemlist .iscases{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 99;}
.itemlist .iscases ul{width: 100%;height: 100%;display: flex;flex-wrap: wrap;}
.itemlist .iscases ul>li{width: 20%;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 15px;border-left: 1px solid rgba(255,255,255,0.3);color: #fff;}
.itemlist .iscases ul>li:nth-child(5){border-right: 1px solid rgba(255,255,255,0.3);}
.itemlist .iscases ul>li .number{font-size: 64px;line-height: 1;font-family: Arial;background: -webkit-linear-gradient(top,#225aa8,#17999b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.itemlist .iscases ul>li .en{font-family: Arial;}
.itemlist .iscases ul>li:hover,.itemlist .iscases ul>li.cur{background: linear-gradient(to top,rgba(34,90,168,0.3),rgba(23,153,155,0.3));}

a.news-list-home{display: block;background: #fff;overflow: hidden;position: relative;}
a.news-list-home .time{padding: 10px;text-align: center;background: #c48120;color: #fff;position: absolute;top: 0;left: 20px;}
a.news-list-home .pic-img-top{height: 300px;overflow: hidden;}
a.news-list-home .con-txt-end{padding: 24px;}
a.news-list-home .con-txt-end .title{color: #333;line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
a.news-list-home .con-txt-end .desc{color: #7f7f7f;line-height: 1.7;-webkit-line-clamp: 2;height: 3.4em;}
a.news-list-home .con-txt-end .ckxq span{display: inline-block;padding: 7px 21px;border-radius: 50px;background: #eee;color: #333;}
a.news-list-home:hover .pic-img-top img{transform: scale(1.08);}
a.news-list-home:hover .con-txt-end .ckxq span{background: #c48120;color: #fff;}
.newswiper .swiper-button-prev,.newswiper .swiper-button-next{width: 28px;height: 42px;background: rgba(0,0,0,0.3);}
.newswiper .swiper-button-prev:after,.newswiper .swiper-button-next:after{font-size: 16px;color: #fff;}
.newswiper .swiper-button-prev:hover,.newswiper .swiper-button-next:hover{background: rgba(0,0,0,0.9);}
.newswiper .swiper-button-prev{left: 0;}
.newswiper .swiper-button-next{right: 0;}
.messagebg{background: url('../../images/mesbg.jpg') no-repeat left center/cover;color: #fff;}
.message-name-zuo{width: 30%;}
.message-item-you{width: 60%;}
.message-item-you .messageForm{padding: 30px 50px 50px;}

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

.en-name span{font-family: Arial;padding-left: 42px;position: relative;}
.en-name span:after{content: "";width: 40px;height: 2px;background: #c48120;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.en-name.on span:after{background: #fff;}
.about-us-zuo{width: 45%;position: relative;}
.about-us-zuo .ckgd-none{position: absolute;left: 0;bottom: 0;}
a.viewMore{display: block;width: 200px;height: 50px;line-height: 50px;background: #c48120;color: #fff;}
a.viewMore:hover{background: #ef9801;}
.about-us-you{width: 52%;}
.about-us-you ul>li{width: 33.33%;}
.about-us-you ul>li .top{display: flex;align-items: flex-start;}
.about-us-you ul>li .top .txt{padding: 12px 0 0 6px;}
.about-us-you ul>li .end{color: #666;}
.ckgd-show{display: none;}

.companybg{background: #030f27;color: #fff;}
ul.company-ul{width: calc(50% - 10px);}
ul.company-ul.you{margin-top: 80px;}
ul.company-ul li .con-txt-bg{width: 100%;height: 100%;padding: 40px;background: linear-gradient(to right,rgba(34,90,168,0.8),rgba(23,153,155,0.8));position: absolute;top: 0;left: 0;}
ul.company-ul li .con-txt-bg .info{width: 100%;max-width: 420px;line-height: 1.75;}
.quality-item{width: 100%;height: 100%;background: #fff;padding: 45px 30px;box-shadow: 0 3px 12px rgba(0,0,0,0.12);}
.quality-item .picimg{width: 72px;height: 72px;padding: 12px;background: #c48120;border-radius: 50%;overflow: hidden;}
.quality-item .title{width: calc(100% - 72px);padding-left: 20px;}

.show-item-menu-zuo{width: 300px;}
.nav-show .tab-item ul>li{border-top: 1px solid #eee;}
.nav-show .tab-item ul>li:last-child{border-bottom: 1px solid #eee;}
.nav-show .tab-item ul>li>a{display: block;font-weight: 600;padding: 20px 0;color: #333;position: relative;transition: all 0.5s;}
.nav-show .tab-item ul>li>a:before{content: "";width: 20px;height: 20px;background: url('../../images/arrowyou.png') no-repeat center/100%;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.nav-show .tab-item ul>li:hover>a,.nav-show .tab-item ul>li.active>a{color: #c48120;}
.nav-show .tab-item ul>li:hover>a:before,.nav-show .tab-item ul>li.active>a:before{background-image: url('../../images/arrowyoucur.png');}
.show-text-desc-you{width: calc(100% - 360px);}

a.productsItem{display: block;height: 100%;background: #fff;border: 1px solid #eee;padding-bottom: 34px;position: relative;}
a.productsItem .contxt{padding: 14px 8px;}
a.productsItem .contxt .title{color: #333;line-height: 1.5;-webkit-line-clamp: 2;max-height: 3em;}
a.productsItem .contxt .more-icon{width: 20px;height: 20px;line-height: 20px;background: #c48120;color: #fff;border-radius: 50px;position: absolute;bottom: 14px;left: 50%;transform: translateX(-50%);}
a.productsItem:hover{background: #c48120;box-shadow: 0 2px 12px rgba(0,0,0,0.08);}
a.productsItem:hover .picimg img{transform: scale(1.08);}
a.productsItem:hover .contxt .title{color: #fff;}
a.productsItem:hover .contxt .more-icon{background: #fff;color: #c48120;}

.works_img_zuo{width: 480px;}
.workswiperyou .swiper-slide{border: 1px solid #ebebeb;}
.workswiperyou .swiper-button-prev,.workswiperyou .swiper-button-next{width: 28px;height: 42px;background: rgba(0,0,0,0.3);}
.workswiperyou .swiper-button-prev:after,.workswiperyou .swiper-button-next:after{font-size: 16px;color: #fff;}
.workswiperyou .swiper-button-prev:hover,.workswiperyou .swiper-button-next:hover{background: rgba(0,0,0,0.9);}
.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;}
.productsdetail{border-bottom: 1px solid #eee;}
.productsdetail span{display: inline-block;padding: 10px 20px;position: relative;}
.productsdetail span:after{content: "";width: 100%;height: 2px;background: #c48120;position: absolute;left: 0;bottom: -1px;}
.item-prev-next{max-width: 48%;padding: 5px 0;}
.item-prev-next a{color: #333;}
.item-prev-next span{margin-right: 8px;font-weight: 700;color: #333;}
.item-prev-next a:hover{text-decoration: underline;}

a.news-list-box{display: flex;flex-wrap: wrap;align-items: center;padding: 30px 45px;background: #f7f8f9;}
a.news-list-box .con-txt-zuo{width: calc(100% - 420px);padding-right: 40px;}
a.news-list-box .con-txt-zuo .time{color: #a5a5a5;}
a.news-list-box .con-txt-zuo .title{color: #333;line-height: 1.5;-webkit-line-clamp: 2;max-height: 3em;}
a.news-list-box .con-txt-zuo .desc{color: #7f7f7f;line-height: 1.7;-webkit-line-clamp: 2;max-height: 3.4em;}
a.news-list-box .pic-img-you{width: 420px;height: 240px;overflow: hidden;}
a.news-list-box:hover{box-shadow: 0 2px 12px rgba(0,0,0,0.08);}
a.news-list-box:hover .pic-img-you img{transform: scale(1.08);}
a.news-list-box:hover .con-txt-zuo .title{color: #c48120;}
.news-time-hits{padding-bottom: 10px;color: #7f7f7f;border-bottom: 1px dashed #dedede;}
.news-time-hits span{margin-left: 20px;}

.messageForm{background: #fff;color: #333;padding: 0.8rem 1.6rem;}
.messageForm .form-item{width: 100%;padding-left: 80px;border: 1px solid #eee;position: relative;}
.messageForm .form-item .name{height: 50px;line-height: 50px;position: absolute;top: 0;left: 15px;}
.messageForm .form-item .name span{color: #f00;}
.messageForm .form-item input{width: 100%;height: 50px;padding: 0 10px;}
.messageForm .form-item textarea{width: 100%;height: 120px;padding: 14px 10px;}
.messageForm .form-item:hover{border-color: #c48120;}
.messageForm .submit{width: 100%;height: 50px;background: #c48120;color: #fff;}
.messageForm .submit:hover{background: #ef9801;}

.contact-us-txt-zuo,.contact-us-map-you{width: 48%;}
.contact-us-txt-zuo .content{line-height: 1.8;}
.contactUs-marker-route{margin-top: 15px;background: url('../../images/map.png') no-repeat center center/cover;width: 25px;height: 33px;box-sizing: border-box;}

@media (max-width: 1440px) {
    .itemlist .iscases ul>li .number{font-size: 52px;}
    a.news-list-home .pic-img-top{height: 8rem;max-height: 300px;}
    .message-name-zuo{width: 30%;}
    .message-item-you{width: 60%;}
    .message-item-you .messageForm{padding: 16px 40px 40px;}

    .en-name span{padding-left: 32px;}
    .en-name span:after{width: 30px;}
    .about-us-you ul>li .top .txt{padding: 8px 0 0 4px;}
    .sitetop{padding: 15px 0;}
    ul.company-ul li .con-txt-bg{padding: 30px;}
    a.viewMore{width: 120px;height: 40px;line-height: 40px;}
    .nav-show .tab-item ul>li a{font-size: 15px;padding: 10px 15px;}
    
    .show-item-menu-zuo{width: 260px;}
    .nav-show .tab-item ul>li>a{padding: 16px 0;}
    .nav-show .tab-item ul>li>a:before{width: 16px;height: 16px;}
    .show-text-desc-you{width: calc(100% - 300px);}
    .works_img_zuo{width: 420px;}
    .works_con_you{width: calc(100% - 420px);padding-left: 45px;}
    a.news-list-box{padding: 22px 36px;}
    a.news-list-box .con-txt-zuo{width: calc(100% - 320px);padding-right: 30px;}
    a.news-list-box .pic-img-you{width: 320px;height: 180px;}
}
@media (max-width: 991px) {
    .itemlist .iscases .show-con-width{padding: 0;}
    .itemlist .iscases ul>li{width: 33.33%;height: 50%;border-left: 1px solid rgba(255,255,255,0.3);}
    .itemlist .iscases ul>li:nth-child(1){border-left: none;border-bottom: 1px solid rgba(255,255,255,0.3);}
    .itemlist .iscases ul>li:nth-child(2){border-bottom: 1px solid rgba(255,255,255,0.3);}
    .itemlist .iscases ul>li:nth-child(3){border-bottom: 1px solid rgba(255,255,255,0.3);}
    .itemlist .iscases ul>li:nth-child(4){border-left: none;}
    .itemlist .iscases ul>li .number{font-size: 48px;}

    a.news-list-home .pic-img-top{height: 12rem;}
    .newswiper .swiper-button-prev,.newswiper .swiper-button-next{width: 22px;height: 32px;}
    .newswiper .swiper-button-prev:after,.newswiper .swiper-button-next:after{font-size: 12px;}
    .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;}
    .message-name-zuo{width: 100%;margin-bottom: 15px;}
    .message-item-you{width: 100%;margin-top: 15px;}
    .message-item-you .messageForm{padding: 10px 20px 20px;}

    .slideBox.top{padding: 10px 0;}
    .slideBox.top ul.navsul>li{font-size: 12px;}
    .en-name span{padding-left: 26px;}
    .en-name span:after{width: 24px;}
    .about-us-zuo{width: 100%;max-width: 100%;padding-bottom: 15px;}
    .about-us-you{width: 100%;max-width: 100%;padding-top: 15px;}
    .about-us-you ul>li .top .txt{padding: 4px 0 0 4px;}
    
    .sitetop{padding: 10px 0;}
    ul.company-ul,.works_img_zuo{width: 100%;}
    ul.company-ul.you{margin-top: 0;}
    ul.company-ul li{height: 12rem;max-height: 360px;}
    ul.company-ul li .con-txt-bg{padding: 20px;}
    .ckgd-none,a.productsItem .contxt .more-icon{display: none;}
    .ckgd-show{display: flex;justify-content: center;}

    .show-item-menu-zuo,.nav-show{width: 100%;max-width: 100%;}
    .show-text-desc-you{width: 100%;margin-top: 20px;}
    .nav-show .mobile-nav{background: #f7f8f9;padding: 8px 16px;position: relative;}
    .nav-show .mobile-nav:after{content: "";width: 20px;height: 20px;background: url('../../images/cd.png') no-repeat center/100%;position: absolute;top: 50%;transform: translateY(-50%);right: 16px;}
    .nav-show .tab-item{display: none;}
    .nav-show .tab-item ul>li>a{padding: 12px 16px;color: #333;}
    .nav-show .tab-item ul>li>a:before{right: 16px;}
    a.productsItem{padding-bottom: 0;}
    a.productsItem .contxt{padding: 10px;}
    .works_con_you{width: 100%;padding: 40px 0 0;}
    .productsdetail span{padding: 10px;}
    .item-prev-next{width: 100%;max-width: 100%;}

    a.news-list-box{padding: 0;}
    a.news-list-box .con-txt-zuo{width: 100%;padding: 20px;}
    a.news-list-box .pic-img-you{width: 100%;height: 10rem;}
    .messageForm{padding: 15px;}
    .messageForm .form-item{padding-left: 68px;}
    .messageForm .form-item .name{height: 42px;line-height: 42px;left: 10px;}
    .messageForm .form-item input{height: 42px;padding: 0 10px;}
    .messageForm .form-item textarea{height: 120px;padding: 10px;}
    .messageForm .submit{height: 42px;}
    .contact-us-txt-zuo{width: 100%;margin-bottom: 40px;}
    .contact-us-map-you{width: 100%;height: 320px;}
}
@media (max-width: 640px) {
    .itemlist{height: 22rem;max-height: 480px;}
    .itemlist .iscases ul>li{width: 50%;height: 33.33%;border-left: 1px solid rgba(255,255,255,0.3);}
    .itemlist .iscases ul>li:nth-child(1){border-left: none;border-bottom: 1px solid rgba(255,255,255,0.3);}
    .itemlist .iscases ul>li:nth-child(2n){border-left: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);}
    .itemlist .iscases ul>li:nth-child(3){border-left: none;border-bottom: 1px solid rgba(255,255,255,0.3);}
    .itemlist .iscases ul>li:nth-child(5){border-left: none;}
    .itemlist .iscases ul>li .number{font-size: 36px;}
    .news-time-hits span{margin-left: 10px;}
    .quality-item{padding: 22px 15px;}
    .quality-item .picimg{width: 56px;height: 56px;padding: 10px;}
    .quality-item .title{width: calc(100% - 56px);padding-left: 12px;}
}