.p-tb80{padding: 80px 0;}
.p-t80{padding-top: 80px;}
.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;}
.fz-48{font-size: 48px;}
.fz-36{font-size: 36px;}
.fz-30{font-size: 30px;}
.fz-24{font-size: 24px;}
.fz-20{font-size: 20px;}
.fz-16{font-size: 16px;}
.content-text{font-size: 16px;line-height: 2;color: #333;}
.text-p p{margin-bottom: 0;}
.bg01{background: #f7f8f9;}
:root{--fz-30: 30px;--fz-24: 24px;}

@media (max-width: 1440px) {
    .p-tb80{padding: 60px 0;}
    .p-t80{padding-top: 60px;}
    .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;}
    .fz-48{font-size: 40px;}
    .fz-36{font-size: 32px;}
    .fz-30{font-size: 26px;}
    .fz-24{font-size: 21px;}
    .fz-20{font-size: 18px;}
    .fz-16{font-size: 15px;}
    .content-text{font-size: 15px;}
    :root{--fz-30: 26px;--fz-24: 21px;}
}
@media (max-width: 991px) {
    .p-tb80{padding: 40px 0;}
    .p-t80{padding-top: 40px;}
    .p-tb60{padding: 30px 0;}
    .p-lr10{padding: 0 5px;}
    .p-lr20{padding: 0 10px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t20{margin-top: 10px;}
    .fz-48{font-size: 32px;}
    .fz-36{font-size: 26px;}
    .fz-30{font-size: 22px;}
    .fz-24{font-size: 18px;}
    .fz-20{font-size: 16px;}
    .fz-16{font-size: 14px;}
    .content-text{font-size: 14px;}
    :root{--fz-30: 22px;--fz-24: 18px;}
}



.productswrap{background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.12);}
.productswrap ul.maincpclass{width: 350px;background: #4a4b4c;}
.productswrap ul.maincpclass>li{border-bottom: 1px solid rgba(255,255,255,0.5);}
.productswrap ul.maincpclass>li:last-child{border-bottom: none;}
.productswrap ul.maincpclass>li>a{height: 68px;padding: 0 15px;display: flex;align-items: center;color: #fff;}
.productswrap ul.maincpclass>li.active>a{background: #e4000d;}
.productswrap .mainprocont{width: calc(100% - 350px);padding: 30px;}
.mainprocont a.pcimgzuo{display: block;width: 420px;overflow: hidden;}
.mainprocont a.pcimgzuo:hover img{transform: scale(1.08);}
.mainprocont .contxtyou{width: calc(100%  - 420px);padding-left: 40px;}
.mainprocont .contxtyou .title a{color: #333;}
.mainprocont .contxtyou .title a:hover{color: #e4000d;}
.mainprocont .contxtyou .contentdesc{line-height: 1.8;-webkit-line-clamp: 7;height: 12.6em;color: #888;}
.mainprocont .contxtyou .purchase{padding-left: 50px;background: url('../images/purchase.png') no-repeat left center/36px;}

.four-core-advantages ul.corecpclass{width: 100%;padding: 10px 0;display: flex;flex-wrap: wrap;max-width: 580px;background: #fff;position: absolute;right: 240px;bottom: 1rem;}
.four-core-advantages ul.corecpclass li{width: 25%;padding: 0 10px;text-align: center;cursor: pointer;border-right: 1px solid #dedede;}
.four-core-advantages ul.corecpclass li:last-child{border-right: none;}
.four-core-advantages ul.corecpclass li .name{margin-top: 6px;line-height: 1.2;}
.four-core-advantages ul.corecpclass li.active img{opacity: 0.5;}
.four-core-advantages ul.corecpclass li.active .name{color: #e4000d;}
.four-core-advantages .core-con-txt-zuo{width: 42%;padding: 0 0.8rem 0.6rem 0;}
.four-core-advantages .core-con-txt-zuo .top{display: flex;align-items: center;padding: 15px 0 15px 70px;height: 125px;background: url('../images/arrowyou.jpg') no-repeat left center/50px; border-bottom: 2px solid #ddd;}
.four-core-advantages .core-con-txt-zuo .content-text{font-size: 14px;color: #666;}
.four-core-advantages .advantage-item{border-radius: 0.16rem;height: 100%;padding: 10px;border: 2px solid #dedede;}
.four-core-advantages .advantage-item:hover{border-color: #e4000d;}
.four-core-advantages .advantage-item .subtitle,.advantage-item .title{line-height: 1.3;}
.four-core-advantages .advantage-item .linkurl{margin: 0 0 12px;color: #888;}
.four-core-advantages .core-pic-img-you{width: 58%;}

.aboutusInfo{background: #4a4b4c;color: #fff;}
.aboutusInfo .content-text{color: #fff;}
a.view-more{display: inline-block;padding: 8px 32px;border: 1px solid rgba(255,255,255,0.35);color: #fff;}
a.view-more:hover{background: #e4000d;border-color: #e4000d;}

ul.maindisplayclass{display: flex;flex-wrap: wrap;justify-content: center;}
ul.maindisplayclass>li{display: block;width: 150px;height: 50px;line-height: 1.3;display: flex;align-items: center;justify-content: center;margin: 5px;cursor: pointer;background: #f7f8f9;color: #333;}
ul.maindisplayclass>li.active{background: #e4000d;color: #fff;}
.swiperprevnext .swiper-button-prev,.swiperprevnext .swiper-button-next{width: 30px;height: 48px;background: rgba(0,0,0,0.36);margin: 0;top: 50%;transform: translateY(-50%);}
.swiperprevnext .swiper-button-prev:after,.swiperprevnext .swiper-button-next:after{font-size: 18px;color: #fff;}
.swiperprevnext .swiper-button-prev:hover,.swiperprevnext .swiper-button-next:hover{background: #e4000d;}
.swiperprevnext .swiper-button-prev{left: -45px;}
.swiperprevnext .swiper-button-next{right: -45px;}
a.displaywrap{display: block;background: #f7f7f8;color: #333;}
a.displaywrap .title{height: 60px;padding: 0 15px;display: flex;align-items: center;justify-content: center;}
a.displaywrap:hover{background: #e4000d;color: #fff;}
a.displaywrap:hover img{transform: scale(1.08);}

.news-home-wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.news-home-wrap .news-list-you,.news-home-wrap .news-list-zuo{width: 48%;}
.news-home-wrap .news-list-you .news-item-top{padding: 40px;background: #f4f4f4;}
.news-home-wrap .news-list-you .news-item-top .title a{color: #333;}
.news-home-wrap .news-list-you .news-item-top .title a:hover{color: #e4000d;}
.news-home-wrap .news-list-you .news-item-top .desc{color: #999;line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
.news-home-wrap .news-list-you .news-item-top .time{color: #e4000d;}
.news-home-wrap .news-list-you .news-item-top a.picimg{display: block;height: 260px;overflow: hidden;}
.news-home-wrap .news-list-you .news-item-top a.picimg:hover img{transform: scale(1.08);}
.news-home-wrap .news-list-zuo .news-item-end{display: flex;flex-wrap: wrap;}
.news-home-wrap .news-list-zuo .news-item-end .datatime{width: 152px;height: 152px;background: #f4f4f4;display: flex;align-items: center;justify-content: center;}
.news-home-wrap .news-list-zuo .news-item-end .context{width: calc(100% - 152px);padding-left: 30px;}
.news-home-wrap .news-list-zuo .news-item-end .context .title{line-height: 1.5;-webkit-line-clamp: 1;height: 1.5em;}
.news-home-wrap .news-list-zuo .news-item-end .context .title a{color: #333;}
.news-home-wrap .news-list-zuo .news-item-end .context .title a:hover{color: #e4000d;}
.news-home-wrap .news-list-zuo .news-item-end .context .desc{color: #999;line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
.news-home-wrap .news-list-zuo .news-item-end .context .details a{color: #999;}
.news-home-wrap .news-list-zuo .news-item-end:hover .datatime{background: #e4000d;color: #fff;}
.news-home-wrap .news-list-zuo .news-item-end:hover .context .details a{color: #e4000d;}

.tags-link{background: url('../images/tags.jpg') no-repeat center/cover;background-attachment: fixed;position: relative;z-index: 2;}
.tags-link:after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.6); position: absolute;top: 0;left: 0;z-index: -1;}
.tags-link .tags{color: #fff;}
.tags-link ul.weblink li{display: inline;line-height: 2;margin-right: 20px;}
.tags-link ul.weblink li>a{color: #fff;}
.tags-link ul.weblink li>a:hover{color: #e4000d;}

@media (max-width: 1680px) {
    .four-core-advantages ul.corecpclass{right: 180px;}
}
@media (max-width: 1440px) {
    .productswrap ul.maincpclass{width: 315px;}
    .productswrap ul.maincpclass>li>a{height: 60px;}
    .productswrap .mainprocont{width: calc(100% - 315px);padding: 20px;}
    .mainprocont a.pcimgzuo{width: 325px;}
    .mainprocont .contxtyou{width: calc(100%  - 325px);padding-left: 30px;}
    .four-core-advantages ul.corecpclass{right: 120px;}

    .news-home-wrap .news-list-you .news-item-top{padding: 30px;}
    .news-home-wrap .news-list-you .news-item-top a.picimg{height: 260px;}
    .news-home-wrap .news-list-zuo .news-item-end .datatime{width: 142px;height: 142px;}
    .news-home-wrap .news-list-zuo .news-item-end .context{width: calc(100% - 142px);}
}
@media (max-width: 1230px) {
    .four-core-advantages ul.corecpclass{right: 60px;}
    .swiperprevnext .swiper-button-prev{width: 24px;height: 36px;left: 0;}
    .swiperprevnext .swiper-button-next{width: 24px;height: 36px;right: 0;}
    .swiperprevnext .swiper-button-prev:after,.swiperprevnext .swiper-button-next:after{font-size: 14px;}
}
@media (max-width: 991px) {
    .productswrap ul.maincpclass{width: 100%;}
    .productswrap ul.maincpclass>li>a{height: 50px;}
    .productswrap .mainprocont,.mainprocont a.pcimgzuo{width: 100%;}
    .mainprocont .contxtyou{width: 100%;padding: 20px 0;}
    .mainprocont .contxtyou .purchase{padding-left: 40px;background-size: 30px;}
    .four-core-advantages ul.corecpclass{padding: 5px 0;max-width: 100%;position: static;}
    .four-core-advantages ul.corecpclass li{width: 25%;padding: 0 5px;}
    .four-core-advantages .core-con-txt-zuo{width: 100%;padding: 30px 0 0;}
    .four-core-advantages .core-con-txt-zuo .top{padding: 10px 0;background: none;}
    .four-core-advantages .core-con-txt-zuo .content-text{font-size: 12px;}
    .four-core-advantages .core-pic-img-you{width: 100%;padding: 20px 0;}

    ul.maindisplayclass>li{width: 135px;height: 40px;}
    .news-home-wrap .news-list-you,.news-home-wrap .news-list-zuo{width: 100%;}
    .news-home-wrap .news-list-you .news-item-top{padding: 20px;}
    .news-home-wrap .news-list-you .news-item-top a.picimg{height: 10rem;}
    .news-home-wrap .news-list-zuo .news-item-end .datatime{width: 80px;height: 80px;}
    .news-home-wrap .news-list-zuo .news-item-end .context{width: calc(100% - 80px);padding-left: 20px;}
    .news-home-wrap .news-list-zuo .news-item-end .context .title{-webkit-line-clamp: 2;height: 3em;}
    .news-home-wrap .news-list-zuo .news-item-end .context .desc{display: none;}
}



.box-item-title{padding-bottom: 12px;position: relative;}
.box-item-title:after{content: "";width: 42%;max-width: 200px;height: 2px;background: #FC6D6D;position: absolute;left: 0;bottom: 0;}
.rowFlexWrap{display: flex;flex-wrap: wrap;}
.showItemMenuZuo{width: 320px;}
.nav-show .mobile-nav{height: 60px;line-height: 60px;padding: 0 20px;background: #222;color: #fff;}
.nav-show .tab-item ul>li a{display: block;line-height: 45px;font-size: 16px;padding-left: 15px;background: #f7f8f9;border-top: 1px solid rgba(211,211,211,0.5);color: #666;transition: all ease 0.3s;}
.nav-show .tab-item ul>li .cat{position: relative;}
.nav-show .tab-item ul>li .cat span{display: block;width: 45px;height: 45px;cursor: pointer;display: flex;align-items: center;justify-content: center;background: #f7f8f9;border-left: 1px solid rgba(211,211,211,0.5);position: absolute;top: 1px;right: 0;transition: all ease 0.3s;}
.nav-show .tab-item ul>li .cat span svg{width: 16px;height: 16px;transform: rotate(-90deg);}
.nav-show .tab-item ul>li.cur a{background: #eee;color: #e4000d;}
.nav-show .tab-item ul>li.cur .cat span{background: #eee;}
.nav-show .tab-item ul>li.cur .cat span svg{fill: #e4000d;}
.nav-show .tab-item ul>li .cat:hover a,.nav-show .tab-item ul>li a:hover{background: #eee;color: #e4000d;}
.nav-show .tab-item ul>li .cat:hover span{background: #eee;}
.nav-show .tab-item ul>li .cat:hover span svg{fill: #e4000d;}
.nav-show .tab-item ul>li .navscon{display: none;}
.nav-show .tab-item ul>li.cur .navscon{display: block;}
.nav-show .tab-item ul>li .navscon a{line-height: 40px;display: block;padding-left: 30px;background: #fff;border-top: 1px solid rgba(211,211,211,0.5);color: #666;}
.nav-show .tab-item ul>li .navscon a:hover,.nav-show .tab-item ul>li .navscon a.active{color: #e4000d;}

.showItemTextYou{width: calc(100% - 320px);padding-left: 40px;}
.site-name-item{padding: 10px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;display: flex;align-items: center;justify-content: space-between;}
.site-name-item .title{color: #666;}
.site-name-item ul.siteul>li{display: inline;color: #666;}
.site-name-item ul.siteul>li>span{margin: 0 2px;}
.site-name-item ul.siteul>li>a{display: inline;color: #666;}
.site-name-item ul.siteul>li>a:hover{color: #e4000d;}
.productlistitem{height: 100%;}
.productlistitem a.picimg{display: block;overflow: hidden;box-shadow: 0 3px 12px rgba(0,0,0,0.16);}
.productlistitem a.picimg:hover img{transform: scale(1.08);}
.productlistitem .title{margin-top: 10px;text-align: center;}
.productlistitem .title a{color: #333;}
.productlistitem .title a:hover{color: #e4000d;}

.galleryOverlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 100000;background-color: rgba(0,0,0,0.75);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{display: inline-block;width: 100%;height: 100%;text-align: center;}
.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%;background: #fff;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;}

.work_show_img_zuo{width: 500px;background: #fff;}
.work_show_img_zuo .workswipertop .swiper-slide{padding: 4px;border: 1px solid #ebebeb;}
.work_show_img_zuo .workswipertop .swiper-button-prev,.work_show_img_zuo .workswipertop .swiper-button-next{width: 32px;height: 32px;border-radius: 50%;background: rgba(0,0,0,0.3);}
.work_show_img_zuo .workswipertop .swiper-button-prev:after,.work_show_img_zuo .workswipertop .swiper-button-next:after{font-size: 14px;font-weight: 600;color: #fff;}
.work_show_img_zuo .workswipertop .swiper-button-prev:hover,.work_show_img_zuo .workswipertop .swiper-button-next:hover{background: #e4000d;}
.work_show_img_zuo .workswiperend{margin-top: 5px;}
.work_show_img_zuo .workswiperend .swiper-slide{padding: 1px;cursor: pointer;border: 1px solid #ebebeb;}
.work_show_img_zuo .workswiperend .swiper-slide-thumb-active{border-color: #e4000d;}
.work_show_con_you{width: calc(100% - 500px);padding-left: 40px;}
.work_show_con_you .contentdesc{line-height: 2;color: #666;}
.work_show_con_you a.ordernow{display: block;width: 175px;line-height: 50px;background: #fd5646;color: #fff;border-radius: 5px;}
.work_show_con_you a.ordernow:hover{background: #e4000d;}

ul.mainproclass>li{display: inline-block;min-width: 90px;text-align: center;padding: 8px;background: #666;color: #fff;cursor: pointer;}
ul.mainproclass>li.cur{background: #e4000d;}
.productdetail h2,.productdetail h3,.productdetail h4{font-size: var(--fz-24);font-weight: 700;margin-bottom: 10px;}
.rownews .newslist a.picimg{display: block;width: 240px;height: 160px;overflow: hidden;}
.rownews .newslist .contxt{width: calc(100% - 240px);padding-left: 60px;}
.rownews .newslist .contxt .title{line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
.rownews .newslist .contxt .title a{color: #333;}
.rownews .newslist .contxt .more a{color: #999;}
.rownews .newslist a.picimg:hover img{transform: scale(1.08);}
.rownews .newslist .contxt .title a:hover{color: #e4000d;}
.rownews .newslist .contxt .more a:hover{color: #e4000d;}
.hits-time-show{padding: 10px 0;color: #999;border-bottom: 1px dotted #ccc;}
.hits-time-show span{margin-left: 16px;}
.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;color: #888;}
.box_item_prev a:hover,.box_item_next a:hover{text-decoration: underline;}

.contactusWidth{padding: 20px;height: 100%;background: #fff;border: 1px solid #ccc;box-shadow: 0 0 10px #ccc;}
.contactusWidth .title{padding-bottom: 8px;color: #900;border-bottom: 1px dashed #ccc;}
.contactusWidth .content-text a{color: #333;}
.contactusWidth .content-text a:hover{color: #e4000d;}
.messageForm .formbox{margin-top: 10px;padding-right: 20px;position: relative;}
.messageForm .formbox .input{width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;color: #555;background: #fff;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);}
.messageForm .formbox .content{width: 100%;height: 120px;padding: 6px 12px;font-size: 14px;color: #555;background: #fff;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);}
.messageForm .formbox span{color: #f00;position: absolute;right: 5px;bottom: 0;}
.messageForm .formbox .input:focus{border-color: #66afe9;}
.messageForm .formbox .content:focus{border-color: #66afe9;}
.messageForm .submit{display: block;width: 120px;line-height: 40px;background: #fd5646;color: #fff;border-radius: 5px;}
.messageForm .submit:hover{background: #e4000d;}

@media (max-width: 991px) {
    .showItemMenuZuo,.work_show_img_zuo{width: 100%;}
    .nav-show .mobile-nav{height: 50px;line-height: 50px;}
    .nav-show .tab-item,.site-name-item ul.siteul{display: none;}
    .showItemTextYou,.work_show_con_you{width: 100%;padding: 30px 0 0;}
    .productlistitem .title{margin-top: 6px;}
    .work_show_img_zuo .workswipertop .swiper-button-prev,.work_show_img_zuo .workswipertop .swiper-button-next{width: 28px;height: 28px;}
    .work_show_img_zuo .workswipertop .swiper-button-prev:after,.work_show_img_zuo .workswipertop .swiper-button-next:after{font-size: 12px}
    .work_show_con_you a.ordernow{width: 135px;line-height: 40px;}
    ul.mainproclass>li{min-width: 72px;}
    .rownews .newslist a.picimg{width: 100%;height: 10rem;}
    .rownews .newslist .contxt{width: 100%;padding: 20px 0 0;}
    .box_item_next{text-align: left;}
}