.p-tb80{padding: 80px 0;}
.p-tb60{padding: 60px 0;}
.p-lr10{padding: 0 10px;}
.p-lr5{padding: 0 5px;}
.m-t80{margin-top: 80px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.fz-36{font-size: 36px;}
.fz-32{font-size: 32px;}
.fz-24{font-size: 24px;}
.fz-16{font-size: 16px;}
.content-text{font-size: 16px;line-height: 2;color: #555;}
.text-p p{margin-bottom: 0;}
.bg-01{background: #f7f7f7;}

@media(max-width: 1366px){
    .p-tb80{padding: 64px 0;}
    .p-tb60{padding: 48px 0;}
    .p-lr10{padding: 0 8px;}
    .p-lr5{padding: 0 7px;}
    .m-t80{margin-top: 64px;}
    .m-t60{margin-top: 48px;}
    .m-t40{margin-top: 32px;}
    .m-t20{margin-top: 16px;}
    .fz-36{font-size: 32px;}
    .fz-32{font-size: 28px;}
    .fz-24{font-size: 20px;}
    .fz-16,.content-text{font-size: 15px;}
}
@media(max-width: 991px){
    .p-tb80{padding: 48px 0;}
    .p-tb60{padding: 36px 0;}
    .p-lr10{padding: 0 6px;}
    .p-lr5{padding: 0 9px;}
    .m-t80{margin-top: 48px;}
    .m-t60{margin-top: 36px;}
    .m-t40{margin-top: 24px;}
    .m-t20{margin-top: 12px;}
    .fz-36{font-size: 24px;}
    .fz-32{font-size: 22px;}
    .fz-24{font-size: 18px;}
    .fz-16,.content-text{font-size: 14px;}
}


.home-products-bg{background: url('../images/products.png') no-repeat top left/100%;}
a.all-more{width: 230px;line-height: 45px;display: inline-block;text-align: center;color: #ea6d00;border: 1px solid #ea6d00;border-radius: 50px;}
a.all-more:hover{background: #ea6d00;color: #fff;}
.item-home-pro-flex{width: 100%;padding: 0 1.6rem;margin: 0 auto;position: relative;}
.public-next-prev .swiper-button-prev,.public-next-prev .swiper-button-next{width: 60px;height: 60px;border-radius: 50px;box-shadow: 0 1px 8px rgba(0,0,0,0.08);transition: all 0.5s;}
.public-next-prev .swiper-button-prev{left: 0;background: url('../images/prev01.png') top left/100%;}
.public-next-prev .swiper-button-next{right: 0;background: url('../images/next01.png') top left/100%;}
.public-next-prev .swiper-button-prev:after,.public-next-prev .swiper-button-next:after{display: none;}
.item-home-pro-flex .swiper-button-prev:hover,.item-home-pro-flex .swiper-button-next:hover{transform: scale(1.08);transition: all 0.5s;}

.designswiper .swiper-slide{display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;transition: 300ms;transform: scale(1);}
.designswiper .swiper-slide-active{transform: scale(1.15);position: relative;z-index: 99;}
.designswiper{padding: 50px 12px;}
.designswiper .swiper-slide a.home-pro-list{display: block;background: #fff;position: relative;box-shadow: 0 2px 12px rgba(0,0,0,0.12);border-radius: 10px;overflow: hidden;}
.designswiper .swiper-slide a.home-pro-list .text{width: 100%;padding: 30px;text-align: center;position: absolute;top: 0;left: 0;}
.designswiper .swiper-slide a.home-pro-list .text .title{color: #333;}
.designswiper .swiper-slide a.home-pro-list .text .desc{color: #999;}

.home-aboutus-bg{padding-bottom: 1.8rem;background: url('../images/aboutus.jpg') no-repeat center right/cover;}
.home-info-wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.home-info-wrap .info-con{width: 25%;;height: 100%;text-align: center}
.home-info-wrap .info-con .title .digit,.news-letter-flex .con .title .digit{font-size: 56px;}
.home-info-wrap .info-con .title .top,.home-info-wrap .info-con .title .end{font-weight: bold;display: flex;align-items: center;justify-content: center;}
.news-letter-flex .con .title .top,.news-letter-flex .con .title .end{font-weight: bold;display: flex;align-items: center;justify-content: center;}
.home-info-wrap .info-con .title .end .bt01,.news-letter-flex .con .title .end .bt01{font-size: 48px;}
.home-info-wrap .info-con .title .end .bt02,.news-letter-flex .con .title .end .bt02{font-size: 56px;}

@media(max-width: 1440px){
    .public-next-prev .swiper-button-prev,.public-next-prev .swiper-button-next{width: 45px;height: 45px;}
}
@media(max-width: 991px){
    .public-next-prev .swiper-button-prev,.public-next-prev .swiper-button-next{width: 32px;height: 32px;}
    .public-next-prev .swiper-button-prev{left: -10px;}
    .public-next-prev .swiper-button-next{right: -10px;}
    .home-info-wrap .info-con{width: 50%;padding: 5px;}
    .home-info-wrap .info-con .title .digit,.news-letter-flex .con .title .digit{font-size: 32px;}
    .home-info-wrap .info-con .title .end .bt01,.news-letter-flex .con .title .end .bt01{font-size: 24px;}
    .home-info-wrap .info-con .title .end .bt02,.news-letter-flex .con .title .end .bt02{font-size: 32px;}
}
@media(max-width: 768px){
    .item-home-pro-flex,.designswiper{padding: 0;}
    .designswiper .swiper-slide{width: 100%;padding: 6px;}
    .designswiper .swiper-slide a.home-pro-list{box-shadow: 0 2px 8px rgba(0,0,0,0.08);}
    .designswiper .swiper-slide a.home-pro-list .text{padding: 10px;}
    .designswiper .swiper-slide-active{transform: scale(1);}
}

.about-us-bg{background-repeat: no-repeat;background-position: bottom right;background-size: cover;}
.news-letter-flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.news-letter-flex .con{height: 100%;text-align: center;position: relative;}
.news-letter-flex .con .flex{display: flex;}
.news-letter-flex .con:after,.news-letter-flex .con:before{content: '';width: 20px;height: 4px;background: #ececec;position: absolute;left: 50%;transform: translateX(-50%);}
.news-letter-flex .con:after{top: -0.5rem;}
.news-letter-flex .con:before{bottom: -0.5rem;}

.history-swiper-bottom .history-flex-wrap{padding: 0 60px;display: flex;justify-content: center;}
.history-swiper-bottom .history-flex-wrap .content-text{width: 100%;max-width: 640px;}
.history-swiper-bottom .history-flex-wrap .content-text p{padding-left: 60px;position: relative;}
.history-swiper-bottom .history-flex-wrap .content-text p strong{position: absolute;top: 0;left: 0;color: #f08519;}
.history-swiper-top{width: 100%;text-align: center;position: relative;}
.history-swiper-top:after{content: "";width: 100%;height: 1px;background: #d7d7d7;position: absolute;top: 9px;left: 0;}
.history-swiper-top .swiper-slide{padding-top: 39px;cursor: pointer;position: relative;}
.history-swiper-top .swiper-slide .title{color: #333;}
.history-swiper-top .swiper-slide:after{content: "";width: 15px;height: 15px;background: #f6f7f7;border: 1px solid #d7d7d7;border-radius: 50%;position: absolute;top: 2px;left: 50%;transform: translateX(-50%);}
.history-swiper-top .swiper-slide-thumb-active .title{color: #f08519;}
.history-swiper-top .swiper-slide-thumb-active:after{content: "";width: 19px;height: 19px;background: #f08519;border-color: #f08519;top: 0;}
.history-swiper-bottom .swiper-button-disabled{display: none;}

.show-news .title a{color: #333;}
.show-news a.img{width: 100%;display: block;overflow: hidden;}
.show-l-list .desc,.show-r-list .desc{color: #999;line-height: 1.6;-webkit-line-clamp: 5;height: 8em;}
.show-l-list .desc,.show-r-list .title{margin: 10px 0;color: #999;}
.show-c-list .desc{margin: 10px 0;color: #999;}
.show-news .title a:hover{color: #ea6d00;}
.show-news a.img:hover img{transform: scale(1.08);}

@media(max-width: 991px){
    .news-letter-flex .con{padding: 15px 0;margin: 5px 0;width: 50%;}
    .news-letter-flex .con .title span{font-size: 28px;}
    .news-letter-flex .con .desc{font-size: 12px;padding: 5px 5px 0;}
    .news-letter-flex .con:after,.news-letter-flex .con:before{height: 3px;}
    .news-letter-flex .con:after{top: 0;}
    .news-letter-flex .con:before{bottom: 0;}

    .history-swiper-bottom .history-flex-wrap{padding: 0 35px;}
    .history-swiper-bottom .history-flex-wrap .content-text p{padding-left: 40px;}
    .history-swiper-bottom .swiper-button-prev{left: 0;}
    .history-swiper-bottom .swiper-button-next{right: 0;}
    .history-swiper-top:after{top: 7px;}
    .history-swiper-top .swiper-slide{padding-top: 17px;}
    .history-swiper-top .swiper-slide:after{content: "";width: 11px;height: 11px;}
    .history-swiper-top .swiper-slide-thumb-active:after{content: "";width: 13px;height: 13px;}
}

.service-flex{display: flex;flex-wrap: wrap;}
.service-flex .service-con{height: 100%;}
.service-list{width: 100%;height: 100%;text-align: center;display: flex;align-items: center;justify-content: center;padding: 10px;border: 1px solid #eaeaea;}
.service-list .img{width: 58px;margin: auto;}
.service-list .title,.item-message-bg .title{font-size: 18px;}
.service-hotline span{color: #ea6d00;}

.item-message-bg{background: url('../images/message.jpg') no-repeat top center/cover;}
.form-input .title{width: 80px;text-align: right;color: #888;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.form-input .title span{color: #f00;}
.form-text .title{width: 80px;height: 60px;line-height: 60px;text-align: right;position: absolute;top: 0;left: 0;color: #888;}
.form-text .title span{color: #f00;}
.message input,.message textarea{width: 100%;height: 60px;background: #fff;border: 1px solid #fff;padding: 0 16px 0 84px;}
.message textarea{height: 260px;padding: 16px 16px 16px 84px;}
.message input:focus,.message textarea:focus{border-color: #ea6d00;}
.message .submit{width: 180px;height: 60px;background: #ea6d00;color: #fff;}
.message .submit:hover{background: #d70c18;}

.item-prev-next-con{padding: 0 0.4rem;}
.item-pro-con{padding: 50px 0.8rem 50px 460px;min-height: 200px;position: relative;border-bottom: 1px solid #ddd;}
.item-pro-con:hover{background: #f9f9f9;}
.item-pro-con .box-pro-text{width: 260px;text-align: center;position: absolute;left: 1.2rem;top: 50%;transform: translateY(-50%);}
a.view-more{display: inline-block;width: 120px;line-height: 34px;color: #888;border-radius: 50px;border: 1px solid #ea6d00;}
a.view-more:hover{background: #ea6d00;color: #fff;}
.item-pro-prev-next .swiper-slide a.proimg{display: block;overflow: hidden;}
.item-pro-prev-next .swiper-slide .title a{color: #333;}
.item-pro-prev-next .swiper-slide .desc{margin-top: 6px;color: #888;}
.item-pro-prev-next .swiper-slide a.proimg:hover img{transform: scale(1.08);}
.item-pro-prev-next .swiper-slide .title a:hover{color: #ea6d00;}
.item-pro-prev-next .swiper-button-prev,.item-pro-prev-next .swiper-button-next{width: 42px;height: 42px;border-radius: 50px;box-shadow: 0 1px 8px rgba(0,0,0,0.08);transition: all 0.5s;}
.item-pro-prev-next .swiper-button-prev{left: -50px;background: url('../images/prev01.png') top left/100%;}
.item-pro-prev-next .swiper-button-next{right: -50px;background: url('../images/next01.png') top left/100%;}
.item-pro-prev-next .swiper-button-prev:after,.item-pro-prev-next .swiper-button-next:after{display: none;}
.item-pro-prev-next .swiper-button-prev:hover,.item-pro-prev-next .swiper-button-next:hover{transform: scale(1.08);transition: all 0.5s;}
.item-pro-prev-next .swiper-button-disabled{opacity: 0;}

a.box-item-pro-con{width: 100%;display: block;border: 1px solid #f4f4f4;}
a.box-item-pro-con .img img{width: 100%;}
a.box-item-pro-con .text{padding: 20px;border-top: 1px solid #f4f4f4;}
a.box-item-pro-con .text .title{color: #333;}
a.box-item-pro-con .text .desc{color: #888;}
a.box-item-pro-con:hover{box-shadow: 0 2px 12px rgba(0,0,0,.12);}
a.box-item-pro-con:hover .img img{transform: scale(1.08);}
a.box-item-pro-con:hover .text .title{color: #ea6d00;}
.show-con-desc{width: 100%;max-width: 750px;margin: auto;}

@media(max-width: 1440px){
    .service-list .title,.item-message-bg .title{font-size: 16px;}
    .form-input .title{width: 70px;font-size: 14px;padding-left: 10px;}
    .form-text .title{width: 70px;font-size: 14px;height: 45px;line-height: 45px;padding-left: 10px;}
    .message input{height: 45px;padding: 0 10px 0 70px;}
    .message textarea{height: 200px;padding: 10px 10px 10px 70px;}
    .message .submit{width: 150px;height: 45px;}
    
    .item-prev-next-con{padding: 0 0.2rem;}
    .item-pro-con{padding: 30px 0.8rem 30px 280px;}
    .item-pro-con .box-pro-text{left: 0.6rem;}
    .item-pro-con .box-pro-text{width: 200px;left: 30px;}
    .item-pro-prev-next .swiper-button-prev,.item-pro-prev-next .swiper-button-next{width: 32px;height: 32px;}
    .item-pro-prev-next .swiper-button-prev{left: -32px;}
    .item-pro-prev-next .swiper-button-next{right: -32px;}
}
@media(max-width: 991px){
    .service-list{padding: 0.6rem;}
    .service-list .img{width: 42px;}
    .service-list .title,.item-message-bg .title{font-size: 14px;}
    
    .item-prev-next-con{padding: 0 15px;}
    .item-pro-con .box-pro-text{width: 100%;position: static;transform: none;margin-bottom: 24px;}
    .item-pro-con{padding: 15px;background: #f9f9f9;}
    a.view-more{width: 90px;line-height: 26px;}
    .item-pro-prev-next .swiper-button-prev{left: -24px;}
    .item-pro-prev-next .swiper-button-next{right: -24px;}
    .itemswiper .swiper-button-disabled{opacity: 0;}
    
    a.slide-pro-con{width: 100%;display: block;background: #fff;}
    a.slide-pro-con .slide-pro-img{height: 200px;display: flex;align-items: center;justify-content: center;}
    a.slide-pro-con .slide-pro-img img{max-width: 100%;max-height: 100%;}
    a.slide-pro-con .slide-text{padding: 10px;}
    a.slide-pro-con .slide-text .title{color: #333;}
    a.slide-pro-con .slide-text .desc{color: #888;}
    a.slide-pro-con:hover .slide-pro-img img{transform: scale(1.08);}
    a.slide-pro-con:hover .slide-text .title{color: #ea6d00;}
    a.box-item-pro-con .text{padding: 10px;}
}


.join-us-flex{display: flex;flex-wrap: wrap;}
.join-us-flex .job-con{height: 160px;color: #004ea2;text-decoration: underline;border: 1px solid #d7d7d7;border-radius: 12px;display: flex;align-items: center;justify-content: center;}
.join-us-flex .job-con .img{max-width: 100%;height: 72px;}
.join-us-flex .job-con:hover{border-color: #fff;box-shadow: 0 4px 16px rgba(0,0,0,0.08);}
.box-have-bg{background: url('../images/quality.jpg') no-repeat center center/cover;}
.have-quality{padding-bottom: 1.54rem;margin: -10px;display: flex;flex-wrap: wrap;}
.have-quality .quality{width: 50%;padding: 10px;}
.have-quality .quality:nth-child(2n){position: relative;top: 1rem;}
.have-quality .quality .picimg{border-radius: 8px;overflow: hidden;position: relative;}
.have-quality .quality .picimg .title{width: 100%;text-align: center;color: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.marke-news .news-list{padding: 40px 0;display: flex;align-items: center;border-bottom: 1px solid #e5e5e5;}
.marke-news .news-list .boxtime{width: 100px;height: 100px;text-align: center;background: rgba(234,109,0,0.8);color: #fff;display: flex;align-items: center;justify-content: center;}
.marke-news .news-list .boxtime .date{font-weight: bold;line-height: 1.12;}
.marke-news .news-list .news-con{width: calc(100% - 100px);padding-left: 30px;}
.marke-news .news-list .news-con .title a{color: #333;}
.marke-news .news-list .news-con .desc{margin-top: 10px;color: #999;line-height: 1.75;-webkit-line-clamp: 2;height: 3.5em;}
.marke-news .news-list .news-con .title a:hover{color: #ea6d00;}
.marke-news .news-list .posttime{display: none;margin-top: 10px;color: #bbb;}
.box-item-show-width{max-width: 800px;margin: auto;}

.item-page-site{width: 100%;padding: 15px 0;border-bottom: 1px solid #e5e5e5;}
.item-page-site ul li{float: left;color: #999;}
.item-page-site ul li span{margin: 0 10px;}
.item-page-site ul li a{color: #999;}
.item-page-site ul li a:hover{color: #ea6d00;text-decoration: underline;}
.time-hits{padding: 20px 0;color: #999;border-bottom: 1px solid #e5e5e5;}
.time-hits span{margin: 0 10px;}
.prev-next a{line-height: 2;color: #999;}
.prev-next a:hover{color: #ea6d00;text-decoration: underline;}

@media(max-width: 1440px){
    .news-list-flex .time{width: 80px;height: 80px;}
    .news-list-flex .time .date{font-size: 42px;}
}
@media(max-width: 1366px){
    .join-us-flex .job-con{height: 120px;}
    .join-us-flex .job-con .img{height: 60px;}
    .marke-news .news-list{padding: 32px 0;}
    .marke-news .news-list .boxtime{width: 92px;height: 92px;}
    .marke-news .news-list .news-con{width: calc(100% - 92px);padding-left: 20px;}
}
@media(max-width: 991px){
    .join-us-flex .job-con{height: auto;padding: 10px;text-align: center;display: block;border-radius: 6px;}
    .join-us-flex .job-con .img{height: 42px;}
    .marke-news .news-list{padding: 24px 0;display: block;}
    .marke-news .news-list .boxtime{display: none;}
    .marke-news .news-list .news-con{width: 100%;padding: 0;}
    .marke-news .news-list .posttime{display: block;}
}


.box-item-nav{display: flex;align-items: flex-end;justify-content: space-between;}
.box-item-form{width: 100%;max-width: 560px;position: relative;}
.box-item-form .input{width: 100%;height: 60px;padding: 0 80px 0 40px;border: 1px solid #ebebeb;border-radius: 50px;}
.box-item-form .boxbtn{width: 22px;height: 22px;background: url('../images/search.png') no-repeat top left/100%;position: absolute;top: 50%;transform: translateY(-50%);right: 40px;}
.box-cn-title{font-size: 36px;}
.contact-us-width{max-width: 900px;margin: auto;}
.contact-us-width .info p{display: flex;align-items: center;}
.contact-us-width .info p img{width: 24px;margin-right: 10px;}

ul.box-item-down li{padding: 20px 0;color: #999;border-top: 1px solid #e5e5e5;display: flex;align-items: center;}
ul.box-item-down li:last-child{border-bottom: 1px solid #e5e5e5;}
ul.box-item-down li .title{width: calc(100% - 420px);padding-right: 40px;}
ul.box-item-down li .title a{color: #333;}
ul.box-item-down li .title span{color: #d0121b;}
ul.box-item-down li .title a:hover{color: #d0121b;text-decoration: underline;}
ul.box-item-down li .ptext{width: 420px;display: flex;align-items: center;justify-content: space-between;}
ul.box-item-down li .ptext .size{width: 160px;white-space: nowrap;}
ul.box-item-down li .ptext .name{width: 160px;}
ul.box-item-down li a.view{display: block;width: 24px;height: 24px;background: url('../images/iview.png') no-repeat center/100%;}
ul.box-item-down li a.down{display: block;width: 24px;height: 24px;background: url('../images/idown.png') no-repeat center/100%;}

@media(max-width: 1440px){
    .box-cn-title{font-size: 32px;}
    .boxsite-form .layui-form-item .layui-input{font-size: 26px;height: 45px;}
    .box-item-form{max-width: 480px;}
    .box-item-form .input{height: 50px;padding: 0 60px 0 20px;}
    .box-item-form .boxbtn{width: 18px;height: 18px;right: 20px;}
}
@media(max-width: 1366px){
    .box-cn-title{font-size: 28px;}
    .boxsite-form .layui-form-item .layui-input{font-size: 22px;}
    .box-item-form{max-width: 360px;}
    .box-item-form .input{height: 40px;}
}
@media(max-width: 991px){
    .box-cn-title{font-size: 24px;}
    .box-item-form{margin-top: 20px;}
    .boxsite-form .layui-form-item{max-width: 240px;}
    .boxsite-form .layui-form-item .layui-input{font-size: 20px;}
    .box-item-nav{display: block;}
    .contact-us-width .info p img{width: 18px;}

    ul.box-item-down li{display: block;}
    ul.box-item-down li .title{width: 100%;font-size: 16px;padding: 0;}
    ul.box-item-down li .ptext{width: 100%;margin-top: 12px;}
    ul.box-item-down li .ptext .size{width: 100px;}
    ul.box-item-down li .ptext .name{width: 120px;}
    ul.box-item-down li a.view,ul.box-item-down li a.down{width: 20px;height: 20px;}
}


.rowFlexWrap{display: flex;align-items: flex-start;}
.boxItemMenuZuo{width: 300px;background: #f3f4f5;}
.boxItemMenuZuo .navShow .mobileNav{padding: 12px;font-weight: 700;background: #ea6d00;color: #fff;}
.boxItemMenuZuo .tab-item ul>li.list-item a{display: block;font-size: 16px;color: #333;padding: 12px 24px;border-top: 1px solid rgba(51,51,51,0.04);}
.boxItemMenuZuo .tab-item ul>li.list-item a:hover{color: #ea6d00;}
.boxItemMenuZuo .tab-item ul>li.list-item .cat{position: relative;}
.boxItemMenuZuo .tab-item ul>li.list-item .cat span{display: block;cursor: pointer;width: 50px;height: 100%;background: url('../images/downcur.png') no-repeat center/14px;position: absolute;top: 50%;transform: translateY(-50%) rotate(-90deg);right: 0;transition: all 0.5s;}
.boxItemMenuZuo .tab-item ul>li.list-item.cur .cat span{transform: translateY(-50%) rotate(-0deg);transition: all 0.5s;}
.boxItemMenuZuo .tab-item ul>li.list-item .navscon{display: none;background: #f7f8f9;}
.boxItemMenuZuo .tab-item ul>li.list-item .navscon a{padding: 12px 36px;}
.boxItemMenuZuo .tab-item ul>li.list-item.cur .navscon{display: block;}
.boxItemMenuZuo .tab-item ul>li.list-item .navscon .navsconbox{background: #fefefe;}
.boxItemMenuZuo .tab-item ul>li.list-item .navscon .navsconbox a{padding: 12px 48px;}
.boxItemTextYou{width: calc(100% - 300px);padding-left: 40px;}

.down-search-form{width: 100%;height: 50px;padding-right: 140px;position: relative;}
.down-search-form .keywords{width: 100%;height: 50px;background: #f7f8f9;padding: 0 20px;}
.down-search-form .boxbtn{width: 120px;height: 50px;background: #ea6d00;color: #fff;position: absolute;top: 0;right: 0;}

@media(max-width: 991px){
    .rowFlexWrap{display: block;}
    .boxItemMenuZuo{width: 100%;}
    .boxItemTextYou{width: 100%;padding: 20px 0 0;}
    .boxItemMenuZuo .tab-item{display: none;}
    .down-search-form{height: 40px;padding-right: 70px;}
    .down-search-form .keywords{height: 40px;padding: 0 10px;}
    .down-search-form .boxbtn{width: 60px;height: 40px;}
}