/*

.fz-42{font-size: 42px;}
.fz-30{font-size: 30px;}
.fz-24{font-size: 24px;}
*/

.p-tb100{padding: 100px 0;}
.p-tb80{padding: 80px 0;}
.p-lr5{padding: 0 5px;}
.p-lr10{padding: 0 10px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t30{margin-top: 30px;}
.m-t20{margin-top: 20px;}
.m-t10{margin-top: 10px;}

.fz-36{font-size: 36px;}
.fz-28{font-size: 28px;}
.fz-24{font-size: 24px;}
.fz-20{font-size: 20px;}
.fz-16{font-size: 16px;}
.content-text{font-size: 16px;line-height: 1.75;color: #555;}
.text-p p{margin-bottom: 0;}
.bg01{background: #f7f8f9;}



@media (max-width: 991px) {
    .p-tb100{padding: 50px 0;}
    .p-tb80{padding: 40px 0;}
    .p-lr5{padding: 0 10px;}
    .p-lr10{padding: 0 5px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t30{margin-top: 15px;}
    .m-t20{margin-top: 10px;}
    .m-t10{margin-top: 5px;}

    .fz-36{font-size: 28px;}
    .fz-28{font-size: 22px;}
    .fz-24{font-size: 19px;}
    .fz-20{font-size: 17px;}
    .fz-16{font-size: 14px;}
    .content-text{font-size: 14px;}

    /*.p-tb80{padding: 40px 0;}
    .p-lr0{padding: 0 10px;}
    .p-lr15{padding: 0 5px;}
    
    
    .fz-42{font-size: 28px;}
    .fz-30{font-size: 20px;}
    .fz-24{font-size: 18px;}*/
}


.about-us-home-top{margin-top: -160px;position: relative;z-index: 9;}
.about-us-info-home{width: 100%;height: 100%;background: url(../images/pic.png) #f7f8f9 no-repeat left bottom/100%;}
.about-us-info-home.cur{background-color: #2785ce;color: #fff;}
.about-us-info-home .con-txt-end{padding: 30px 15px 35px;}
.aboutswiper .swiper-slide{height: auto;}
.aboutswiper .swiper-button-prev{width: 36px;height: 36px;margin: 0;top: calc(100% - 36px);transform: none;background: rgba(0,0,0,0.5);left: calc(100% - 72px);}
.aboutswiper .swiper-button-next{width: 36px;height: 36px;margin: 0;top: calc(100% - 36px);transform: none;background: rgba(0,0,0,0.5);right: 0;}
.aboutswiper .swiper-button-prev:after,.aboutswiper .swiper-button-next:after{font-size: 16px;color: #fff;}
.aboutswiper .swiper-button-prev:hover,.aboutswiper .swiper-button-next:hover{background: #2785ce;}
.about-us-home{padding: 45px;}

.productsBg{background: url('../images/products.jpg') no-repeat top center/cover;background-attachment: fixed;}
.products-next-prev .swiper-slide{height: auto;}
.products-next-prev .product-next{right: -40px;width: 32px;height: 45px;margin: 0;top: 50%;transform: translateY(-50%);background: #2785ce;}
.products-next-prev .product-prev{left: -40px;width: 32px;height: 45px;margin: 0;top: 50%;transform: translateY(-50%);background: #2785ce;}
.products-next-prev .product-next:after,.products-next-prev .product-prev:after{font-size: 16px;color: #fff;}
.products-next-prev .product-next:hover,.products-next-prev .product-prev:hover{background: #d70c18;}

.news-home-width-zuo{width: 42%;}
a.news-list-home-zuo{display: block;height: 382px;overflow: hidden;}
a.news-list-home-zuo:hover img{transform: scale(1.08);}
.news-wrap-width-you{width: 52%;}
.news-wrap-width-you ul.news-ul li.top{width: 100%;padding-bottom: 15px;border-bottom: 1px solid #dedede;}
.news-wrap-width-you ul.news-ul li.top .title{line-height: 1.5;-webkit-line-clamp: 1;height: 1.5em;}
.news-wrap-width-you ul.news-ul li.top .title a{font-weight: 700;color: #333;}
.news-wrap-width-you ul.news-ul li.top .title a:hover{color: #1470b8;text-decoration: underline;}
.news-wrap-width-you ul.news-ul li.top .time{margin: 6px 0;color: #666;}
.news-wrap-width-you ul.news-ul li.top .desc{color: #888;line-height: 1.6;-webkit-line-clamp: 2;height: 3.2em;}
.news-wrap-width-you ul.news-ul li.end{padding: 10px 0 10px 90px;border-bottom: 1px solid #dedede;position: relative;}
.news-wrap-width-you ul.news-ul li.end .time{color: #666;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.news-wrap-width-you ul.news-ul li.end .title a{color: #333;}
.news-wrap-width-you ul.news-ul li.end .title a:hover{color: #1470b8;text-decoration: underline;}

@media (max-width: 1300px) {
    .products-next-prev .product-next{right: 0;width: 32px;height: 45px;}
    .products-next-prev .product-prev{left: 0;width: 32px;height: 45px;}
}
@media (max-width: 991px) {
    .about-us-home-top{margin-top: 0;padding: 20px 0 40px;}
    .about-us-info-home .con-txt-end{padding: 20px 10px 24px;}
    .aboutswiper .swiper-button-prev{width: 28px;height: 28px;top: calc(100% - 28px);left: calc(100% - 56px);}
    .aboutswiper .swiper-button-next{width: 28px;height: 28px;top: calc(100% - 28px);}
    .aboutswiper .swiper-button-prev:after,.aboutswiper .swiper-button-next:after{font-size: 12px;}
    .about-us-home{padding: 20px;}
    .products-next-prev .product-next,.products-next-prev .product-prev{width: 24px;height: 32px;}
    .products-next-prev .product-next:after,.products-next-prev .product-prev:after{font-size: 12px;}
    .news-home-width-zuo,.news-wrap-width-you{width: 100%;}
    a.news-list-home-zuo{height: 8rem;}
}


.box-item-name{line-height: 1.2;padding-bottom: 18px;position: relative;}
.box-item-name.cur{color: #fff;}
.box-item-name:after{content: "";width: 50px;height: 4px;background: #2a2a2a;position: absolute;left: 0;bottom: 0;}
.box-item-name:before{content: "";width: 50px;height: 4px;background: #d70c18;position: absolute;left: 52px;bottom: 0;}
.box-item-name.cur:after{background: #fff;left: 50%;transform: translateX(-50px);}
.box-item-name.cur:before{left: 50%;transform: translateX(2px);}
.box-item-text{color: #999;}
.about-us-list .infobox{width: 50%;}
.about-us-list .picsbox{width: 46%;}

.newsletterBg{color: #fff;background-repeat: no-repeat;background-position: center;bottom;background-size: cover;background-attachment: fixed;}
.newsletterBg ul.letter li{width: 24%;max-width: 230px;}
.newsletterBg ul.letter li .picimg{width: 60px;}
.newsletterBg ul.letter li .linewp{width: 100%;height: 3px;background: #d70c18;position: relative;}
.newsletterBg ul.letter li .linewp:after{content: "";width: 50px;height: 3px;background: #fff;position: absolute;left: 0;bottom: 0;}

.developmentHistory{padding-left: 8px;position: relative;z-index: 2;}
.developmentHistory:after{content: "";width: 1px;height: calc(100% - 10px);background: #ddd;position: absolute;left: 8px;top: 10px;z-index: -1;}
.developmentHistory .infodesc{padding: 0 0 40px 20px;}
.developmentHistory .infodesc:last-child{padding-bottom: 0;}
.developmentHistory .infodesc .title:after{content: "";width: 16px;height: 16px;border-radius: 50%;background: #fff;border: 1px solid #ff0000;position: absolute;left: -28px;top: 50%;transform: translateY(-50%);z-index: 3;}
.developmentHistory .infodesc .title:before{content: "";width: 6px;height: 6px;border-radius: 50%;background: #ff0000;position: absolute;left: -23px;top: 50%;transform: translateY(-50%);z-index: 4;}

.showItemMenuZuo{width: 245px;}
.nav-show .mobile-nav{padding-bottom: 12px;position: relative;}
.nav-show .mobile-nav:after{content: "";width: 30px;height: 4px;background: #2a2a2a;position: absolute;left: 0;bottom: 0;}
.nav-show .mobile-nav:before{content: "";width: 30px;height: 4px;background: #d70c18;position: absolute;left: 32px;bottom: 0;}
.nav-show .tab-item ul>li .cat>a,.nav-show .tab-item ul>li>a{margin: 2px 0;display: block;font-size: 16px;padding: 10px 12px 8px;border: 1px solid #eee;background: #f7f8f9;color: #333;}
.nav-show .tab-item ul>li .cat:hover>a,.nav-show .tab-item ul>li>a:hover{border-color: #2785ce;}
.nav-show .tab-item ul>li.active a{border-color: #2785ce;background: #2785ce;color: #fff;}
.nav-show .tab-item ul>li .cat span{display: block;width: 40px;height: 100%;cursor: pointer;position: absolute;top: 0;right: 0;}
.nav-show .tab-item ul>li .cat span:after{content: "";width: 14px;height: 2px;background: #888;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.5s;}
.nav-show .tab-item ul>li .cat span:before{content: "";width: 2px;height: 14px;background: #888;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.5s;}
.nav-show .tab-item ul>li.active .cat span:before{background: #fff;transform: translate(-50%,-50%) rotate(-90deg);}
.nav-show .tab-item ul>li.active .cat span:after,.nav-show .tab-item ul>li.active .cat:hover span:after,.nav-show .tab-item ul>li.active .cat:hover span:before{background: #fff;}
.nav-show .tab-item ul>li .navscon{display: none;}
.nav-show .tab-item ul>li .navscon>a{display: block;font-size: 14px;padding: 10px 10px 10px 20px;background: #fdfdfd;color: #555;}
.nav-show .tab-item ul>li .navscon>a.active,.nav-show .tab-item ul>li .navscon>a:hover{background: #f7f8f9;color: #1470b8;}
.nav-show .tab-item ul>li.active .navscon{display: block;}

.showItemTextYou{width: calc(100% - 275px);}
.pro-search-form{padding-right: 100px;position: relative;}
.pro-search-form .input{width: 100%;height: 46px;padding: 0 20px;border: 1px solid #eee;}
.pro-search-form .search{width: 100px;height: 46px;background: #1470b8;color: #fff;position: absolute;top: 0;right: 0;}
.pro-search-form .search:hover{background: #d70c18;}
a.products-list-item{display: block;height: 100%;background: #fff;padding: 10px;border: 1px solid #eee;}
a.products-list-item .con-txt-end{padding: 20px 0 10px;color: #333;}
a.products-list-item.cur{padding: 5px;}
a.products-list-item.cur .con-txt-end{padding: 10px 0 5px;}
a.products-list-item:hover{border-color: #1470b8;box-shadow: 0 2px 12px rgba(0,0,0,0.08);}
a.products-list-item:hover .pic-img-top img{transform: scale(1.08);}

.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{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: 16px;}
.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;}

.show_work_img_zuo{width: 400px;}
.workswipertop .swiper-slide{padding: 5px;overflow: hidden;background: #f7f8f9;}
.workswipertop .swiper-button-prev{width: 24px;height: 36px;margin: 0;top: 50%;transform: translateY(-50%);background: rgba(0,0,0,0.5);left: 0;}
.workswipertop .swiper-button-next{width: 24px;height: 36px;margin: 0;top: 50%;transform: translateY(-50%);background: rgba(0,0,0,0.5);right: 0;}
.workswipertop .swiper-button-prev:after,.workswipertop .swiper-button-next:after{font-size: 16px;color: #fff;}
.workswiperend .swiper-slide{opacity: 0.42;cursor: pointer;}
.workswiperend .swiper-slide-thumb-active{opacity: 1;}
.show_work_con_you{width: calc(100% - 436px);}
a.viewmore{display: inline-block;width: 145px;height: 45px;line-height: 45px;background: #1470b8;color: #fff;}
a.viewmore:hover{background: #d70c18;}
.slide-prev-next a{line-height: 1.8;color: #333;}
.slide-prev-next span{line-height: 1.8;font-weight: 700;color: #333;margin-right: 10px;}
.slide-prev-next a:hover{color: #1470b8;text-decoration: underline;}

ul.item-news-list li{width: 100%;padding: 20px 0;border-bottom: 1px solid #eee;}
ul.item-news-list li:first-child{border-top: 1px solid #eee;}
ul.item-news-list li .pic-img-box{display: block;width: 270px;height: 180px;overflow: hidden;}
ul.item-news-list li .con-txt-you{width: calc(100% - 270px);padding: 0 0 0 30px;}
ul.item-news-list li:nth-child(even) .con-txt-you{position: absolute;left: 0;padding: 0 30px 0 0;}
ul.item-news-list li:nth-child(even) .pic-img-box{margin-left: calc(100% - 270px);}
ul.item-news-list li .con-txt-you .title{line-height: 1.5;-webkit-line-clamp: 1;height: 1.5em;}
ul.item-news-list li .con-txt-you .title a{font-weight: 700;color: #333;}
ul.item-news-list li .con-txt-you .time{margin: 10px 0;color: #666;}
ul.item-news-list li .con-txt-you .desc{color: #999;line-height: 1.6;-webkit-line-clamp: 2;height: 3.2em;}
ul.item-news-list li .con-txt-you a.details{display: inline-block;padding: 6px 15px;border: 1px solid #eee;color: #888;}
ul.item-news-list li .con-txt-you .title a:hover{color: #1470b8;text-decoration: underline;}
ul.item-news-list li .pic-img-box:hover img{transform: scale(1.08);}
ul.item-news-list li .con-txt-you a.details:hover{background: #1470b8;border-color: #1470b8;color: #fff;}

.time-view-hits-box{color: #888;padding-bottom: 12px;border-bottom: 1px dashed #dadada;}
.time-view-hits-box span{margin-right: 30px;}
.time-view-hits-box span:last-child{margin-right: 0;}
.messageForm .title{color: #888;}
.messageForm .title span{color: #d70c18;}
.messageForm .input{width: 100%;height: 40px;padding: 0 10px;border: 1px solid #eee;}
.messageForm .input:focus,.messageForm .content:focus{border-color: #d70c18;}
.messageForm .content{width: 100%;height: 160px;padding: 10px;border: 1px solid #eee;}
.messageForm .submit{width: 120px;height: 40px;background: #1470b8;color: #fff;}
.messageForm .submit:hover{background: #d70c18;}

.contact-us-info{padding: 40px;height: 100%;background: #fff;box-shadow: 0 2px 12px rgba(0,0,0,0.08);}
.contact-us-info .picimg{width: 60px;height: 60px;padding: 15px;background: #1470b8;border-radius: 50px;overflow: hidden;margin: auto;}
.contact-us-info .whatsapp{max-width: 180px;margin: auto;}

@media (max-width: 991px) {
    .about-us-list .infobox{width: 100%;padding: 15px;background: #f7f8f9;}
    .about-us-list .picsbox,.showItemMenuZuo,.show_work_img_zuo{width: 100%;}
    .box-item-name{padding-bottom: 14px;}
    .box-item-name:after{width: 32px;}
    .box-item-name:before{width: 32px;left: 34px;}
    .box-item-name.cur:after{transform: translateX(-32px);}
    .newsletterBg ul.letter li{width: 47.5%;padding: 12px 0;}
    .newsletterBg ul.letter li .picimg{width: 40px;}

    .nav-show .tab-item,.nav-show.none{display: none;}
    .showItemTextYou,.show_work_con_you{width: 100%;margin-top: 30px;}
    .pro-search-form{padding-right: 64px;}
    .pro-search-form .input{height: 36px;padding: 0 10px;}
    .pro-search-form .search{width: 64px;height: 36px;}
    a.products-list-item{padding: 5px;}
    a.products-list-item .con-txt-end{padding: 10px 0 5px;}
    a.viewmore{width: 115px;height: 35px;line-height: 35px;}

    ul.item-news-list li{width: 100%;padding: 20px 0;border-bottom: 1px solid #eee;}
    ul.item-news-list li:first-child{border-top: 1px solid #eee;}
    ul.item-news-list li .pic-img-box{width: 100%;height: 10rem;}
    ul.item-news-list li .con-txt-you{width: 100%;padding: 15px 0 0;}
    ul.item-news-list li:nth-child(even) .con-txt-you{position: static;padding: 15px 0 0;}
    ul.item-news-list li:nth-child(even) .pic-img-box{margin-left: 0;}
    ul.item-news-list li .con-txt-you .title{-webkit-line-clamp: 3;max-height: 3em;}
    ul.item-news-list li .con-txt-you .time{margin: 5px 0;}
    .contact-us-info{padding: 20px;}
    .contact-us-info .picimg{width: 50px;height: 50px;padding: 12px;}
    .contact-us-info .whatsapp{max-width: 130px;}
}