.p-tb80{padding: 80px 0;}
.p-tb40{padding: 40px 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;}
.row20{margin-top: -20px;}
.fz-42{font-size: 42px;}
.fz-32{font-size: 32px;}
.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-24: 24px;}

@media (max-width: 1440px) {
    .p-tb80{padding: 56px 0;}
    .p-tb40{padding: 28px 0;}
    .p-lr5{padding: 0 8px;}
    .p-lr10{padding: 0 7px;}
    .m-t40{margin-top: 28px;}
    .m-t30{margin-top: 21px;}
    .m-t20{margin-top: 14px;}
    .row20{margin-top: -14px;}
    .fz-42{font-size: 35px;}
    .fz-32{font-size: 27px;}
    .fz-24{font-size: 21px;}
    .fz-20{font-size: 18px;}
    .fz-16{font-size: 15px;}
    .content-text{font-size: 15px;}
    :root{--fz-24: 21px;}
}
@media (max-width: 991px) {
    .p-tb80{padding: 40px 0;}
    .p-tb40{padding: 20px 0;}
    .p-lr5{padding: 0 10px;}
    .p-lr10{padding: 0 5px;}
    .m-t40{margin-top: 20px;}
    .m-t30{margin-top: 25px;}
    .m-t20{margin-top: 10px;}
    .row20{margin-top: -10px;}
    .fz-42{font-size: 28px;}
    .fz-32{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-24: 18px;}
}


.box-item-title{padding-bottom: 20px;position: relative;}
.box-item-title:after{content: "";width: 60px;height: 3px;background: #03277d;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.box-item-title.cur:after{left: 0;transform: translateX(0);}
.aboutus-width{max-width: 1260px;margin: auto;}

.wp_product_bg{background: url('../../images/product.jpg') no-repeat center/cover;background-attachment: fixed;}
.rowFlexWrap{display: flex;flex-wrap: wrap;}
a.productsitem{display: block;height: 100%;background: #fff;cursor: pointer;padding: 10px;border: 1px solid #eee;border-radius: 6px;overflow: hidden;}
a.productsitem:hover{box-shadow: 0 2px 12px rgba(0,0,0,0.12);}
a.productsitem:hover .picimg img{transform: scale(1.08);}
a.productsitem .details{width: 100px;height: 100px;background: rgba(0,0,0,0.75);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);transition: all 0.5s;}
a.productsitem:hover .details{opacity: 1;transform: translate(-50%,-50%) scale(1);}
a.productsitem .title{padding: 20px;color: #333;}

.proboxlist{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.75);position: fixed;top: 0;left: 0;z-index: 9999;}
.proboxlist .itemcon{width: 100%;max-width: 1000px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.proboxlist .itemcon .rowFlexWrap{max-height: 100vh;overflow-x: auto;}
.proboxlist .itemcon .rowFlexWrap .picimgzuo{width: 50%;padding: 40px;display: flex;align-items: center;}
.proboxlist .itemcon .rowFlexWrap .contxtyou{width: 50%;padding: 40px;background: #f7f8f9;}
.proboxlist .itemcon .rowFlexWrap .contxtyou .desc{line-height: 2;color: #888;}
.proboxlist .itemcon .proclose{width: 19px;height: 19px;cursor: pointer;background: url('../../images/close.png') no-repeat center/100%;position: absolute;top: 10px;right: 10px;}

ul.service-list li{background: #fff;box-shadow: 0 2px 12px rgba(0,0,0,0.08);display: flex;justify-content: left;align-items: center;position: relative;}
ul.service-list li:hover{box-shadow: 0 2px 12px rgba(3,39,125,0.24);}
ul.service-list li .infobox{width: calc(100% - 540px);padding: 30px 60px;}
ul.service-list li .picitem{width: 540px;}
ul.service-list li:nth-child(even) .infobox{position: absolute;left: 0;padding: 30px 60px;}
ul.service-list li:nth-child(even) .picitem{margin-left: calc(100% - 540px);}

.wp_news_bg{background: url('../../images/news.jpg') no-repeat center/cover;background-attachment: fixed;}
a.newslistzuo{display: block;height: 500px;overflow: hidden;position: relative;}
a.newslistyou{display: block;height: 240px;overflow: hidden;position: relative;}
a.newslistzuo .contxt,a.newslistyou .contxt{width: 100%;padding: 20px;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));color: #fff;position: absolute;left: 0;bottom: 0;}
a.newslistzuo:hover img,a.newslistyou:hover img{transform: scale(1.08);}

@media (max-width: 1440px) {
    .box-item-title{padding-bottom: 16px;}
    .aboutus-width{max-width: 900px;}
    a.productsitem .title{padding: 14px;}
    ul.service-list li .infobox{width: calc(100% - 480px);padding: 20px 42px;}
    ul.service-list li .picitem{width: 480px;}
    ul.service-list li:nth-child(even) .infobox{padding: 20px 42px;}
    ul.service-list li:nth-child(even) .picitem{margin-left: calc(100% - 480px);}
    a.newslistzuo .contxt,a.newslistyou .contxt{padding: 14px;}
    a.newslistzuo{height: 434px;}
    a.newslistyou{height: 210px;}
}
@media (max-width: 991px) {
    .box-item-title{padding-bottom: 14px;}
    .box-item-title:after{width: 42px;height: 3px;}
    .aboutus-width{text-align: left;}
    a.productsitem{padding: 10px;}
    ul.service-list li{display: block;}
    ul.service-list li .infobox{width: 100%;padding: 20px;}
    ul.service-list li .picitem{width: 100%;}
    ul.service-list li:nth-child(even) .infobox{position: static;padding: 20px;}
    ul.service-list li:nth-child(even) .picitem{margin: 0;}
    a.newslistzuo,a.newslistyou{height: 12rem;}
    .proboxlist .itemcon .rowFlexWrap .picimgzuo{width: 100%;padding: 20px;}
    .proboxlist .itemcon .rowFlexWrap .contxtyou{width: 100%;padding: 20px;}
}


.about_us_wrap{display: flex;align-items: center;justify-content: space-between;}
.about_us_wrap .pic_img_zuo,.about_us_wrap .con_txt_you{width: 48%;}
ul.enterprise{display: flex;flex-wrap: wrap;justify-content: space-between;}
ul.enterprise li .name{color: #03277d;}
.qywh_item_wrap{display: flex;flex-wrap: wrap;}
.qywh_item_wrap .namebox{width: 50%;padding-right: 1rem;}
.qywh_item_wrap .textbox{width: 50%;border: 1px solid #e8e8e8;display: flex;align-items: center;position: relative;}
.qywh_item_wrap .textbox:nth-child(2) .conyou{position: absolute;left: 0;}
.qywh_item_wrap .textbox:nth-child(2) .imgzuo{margin-left: 50%;}
.qywh_item_wrap .textbox .imgzuo{width: 50%;height: 100%;}
.qywh_item_wrap .textbox .conyou{width: 50%;padding: 40px;}
.qywh_item_wrap .textbox .conyou .desc{margin-top: 10px;line-height: 1.6;color: #999;}

.equipment_photos_zuo{width: 25%;position: relative;}
.equipment_photos_zuo .title{width: 100%;color: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.photos_img_you{width: 75%;padding: 52px 0 52px 40px;}
.showItemMenuZuo{width: 300px;}
.showItemMenuZuo .nav-show{padding: 28px 0;background: #f7f8f9;}
.hidden_navs_box{display: none;}
.nav-show .mobile-nav{display: none;padding: 12px 20px;background: #03277d;color: #fff;position: relative;}
.nav-show .mobile-nav:before{content: "";width: 20px;height: 20px;background: url('../../images/iconarrow.png') no-repeat top left/100%;position: absolute;top: 50%;transform: translateY(-50%);right: 15px;transition: all 0.5s;}
.nav-show .mobile-nav.extend:before{transform: translateY(-50%) rotate(90deg);}
.nav-show .tab-item ul>li>a{display: block;margin: 12px 0;padding: 15px 25px;font-size: 16px;text-transform: uppercase;background: #f7f8f9;color: #333;position: relative;}
.nav-show .tab-item ul>li>a:before{content: '';width: 0;height: 100%;background: #03277d;border-radius: 50px;position: absolute;top: 0;left: 0;transition: all 0.5s;}
.nav-show .tab-item ul>li>a:hover:before,.nav-show .tab-item ul>li.active>a:before{width: calc(100% + 15px);}
.nav-show .tab-item ul>li>a span{position: relative;z-index: 2;}
.nav-show .tab-item ul>li>a:hover span,.nav-show .tab-item ul>li.active>a span{color: #fff;}
.showItemTextYou{width: calc(100% - 300px);padding-left: 60px;}

.marke-news .marke-list{padding: 0.6rem 0;display: flex;flex-wrap: wrap;align-items: flex-start;border-bottom: 1px solid #e6e6e6;}
.marke-news .marke-list:first-child{padding-top: 0;}
.marke-news .marke-list:last-child{padding-bottom: 0;border-bottom: none;}
.marke-news .marke-list .news-time{width: 170px;color: #999;display: flex;justify-content: left;align-items: center;}
.marke-news .marke-list .news-time .date{line-height: 0.8;margin-right: 10px;padding-right: 10px;border-right: 1px solid #999;}
.marke-news .marke-list .news-time .time{margin-top: 10px;width: 14px;height: 14px;background: url('../../images/time.png') no-repeat center left/100%;}
.marke-news .marke-list .news-img{display: block;width: 430px;height: 240px;}
.marke-news .marke-list .news-con{width: calc(100% - 600px);padding-left: 0.6rem;}
.marke-news .marke-list .news-con .title{line-height: 1.6;-webkit-line-clamp: 1;height: 1.6em;}
.marke-news .marke-list .news-con .title a{font-weight: 600;color: #333;}
.marke-news .marke-list .news-con .desc{color: #666;line-height: 2;-webkit-line-clamp: 2;height: 4em;}
a.viewmore{display: inline-block;width: 190px;line-height: 50px;background: #03277d;color: #fff;border-radius: 50px;}
a.viewmore:hover{background: #c4261d;color: #fff;}
.marke-news .marke-list:hover .news-img img{transform: scale(1.08);}
.marke-news .marke-list .news-con .title a:hover{color: #03277d;}
.productDetails h2,.productDetails h3,.productDetails h4{font-size: var(--fz-24);font-weight: 700;margin-bottom: 10px;}
.newTimeHits{margin-top: 10px;padding-bottom: 10px;border-bottom: 1px dashed #e7e7e7;color: #888;}
.box_item_prev a,.box_item_next a{line-height: 2;color: #333;}
.box_item_prev span,.box_item_next span{margin-right: 10px;line-height: 2;color: #888;}
.box_item_prev a:hover,.box_item_next a:hover{color: #03277d;}

.wp_pro_item_list{display: flex;align-items: center;padding: 20px;border: 1px solid #ebebeb;}
.wp_pro_item_list .picimg_zuo{width: 420px;}
.wp_pro_item_list .contxt_you{width: calc(100% - 420px);padding: 0 0 0 30px;}
.wp_pro_item_list .contxt_you .desc{margin-top: 8px;line-height: 1.6;color: #888;}
.wp_pro_item_list .contxt_you .desc .item{padding: 2px 0 2px 20px;position: relative;}
.wp_pro_item_list .contxt_you .desc .item:after{content: "";width: 5px;height: 5px;background: #888;border-radius: 50%;position: absolute;top: 12px;left: 0;}

.contact_us_zuo{width: 50%;padding-right: 20px}
.item-Medium-title{line-height: 1;}
.messageform .input,.messageform .textarea{width: 100%;margin-top: 6px;height: 48px;padding: 0 20px;border: 1px solid #d7d7d7;}
.messageform .textarea{height: 195px;padding: 20px;}
.messageform .submit{width: 200px;height: 50px;background: #03277d;color: #fff;}
.messageform .submit:hover{background: #c4261d;}
.contact_us_you{width: 50%;padding-left: 20px;}
.contact_info_end{width: 100%;height: 100%;padding: 60px 30px;border: 1px solid #d7d7d7;}
.contact_info_end .picimg{width: 48px;margin: auto;}
.contact_info_end .desc{margin-top: 30px;line-height: 1.5;}
.contact_info_top{width: 100%;height: 100%;padding: 20px;display: flex;align-items: center;justify-content: center;border: 1px solid #d7d7d7;}
.contact_info_top .picimg{max-width: 160px;margin: 0 auto 10px;}
.contact_info_end:hover,.contact_info_top:hover{border-color: #fff;box-shadow: 0 2px 12px rgba(0,0,0,0.08);}

.iw_poi_title{color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap;}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word;}
#dituContent{width: 100%;height: 400px;}
.contact_info_text{padding: 40px;line-height: 1.8;border-radius: 5px;background: #fff;color: #03277d;box-shadow: 0 2px 24px rgba(0,0,0,0.12);}
.quality_assurance{background: #f9f9f9;}
.quality_assurance .picimg{width: 420px;}
.quality_assurance .contxt{width: calc(100% - 420px);padding: 30px 60px;display: flex;align-items: center;}
.aboutswiper .swiper-button-next,.aboutswiper .swiper-button-prev{width: 24px;height: 36px;background: rgba(0,0,0,0.45);}
.aboutswiper .swiper-button-next{right: 0;}
.aboutswiper .swiper-button-prev{left: 0;}
.aboutswiper .swiper-button-next:after,.aboutswiper .swiper-button-prev:after{font-size: 16px;color: #fff;}
.aboutswiper .swiper-button-next:hover,.aboutswiper .swiper-button-prev:hover{background: rgba(0,0,0,0.75);}

@media (max-width: 1440px) {
    .qywh_item_wrap .textbox .conyou{padding: 28px;}
    .qywh_item_wrap .textbox .conyou .desc{margin-top: 7px;}
    .photos_img_you{padding: 35px 0 35px 28px;}
    .showItemMenuZuo{width: 240px;}
    .showItemMenuZuo .nav-show{padding: 24px 0;}
    .nav-show .tab-item ul>li>a{margin: 8px 0;padding: 12px 20px;font-size: 15px;}
    .showItemTextYou{width: calc(100% - 240px);padding-left: 60px;}

    .marke-news .marke-list .news-time .time{margin-top: 0;}
    .marke-news .marke-list .news-img{width: 350px;height: 200px;}
    .marke-news .marke-list .news-con{width: calc(100% - 520px);}
    a.viewmore{width: 160px;line-height: 46px;}
    .wp_pro_item_list .picimg_zuo{width: 360px;}
    .wp_pro_item_list .contxt_you{width: calc(100% - 360px);padding: 0 0 0 20px;}
    .contact_info_end{padding: 51px 30px;}
}
@media (max-width: 991px) {
    .about_us_wrap,.qywh_item_wrap{display: block;}
    .about_us_wrap .pic_img_zuo,.contact_us_zuo{width: 100%;padding: 0 0 15px 0;}
    .about_us_wrap .con_txt_you,.contact_us_you{width: 100%;padding: 15px 0 0 0;}
    ul.enterprise li{width: 46%;margin: 2%;}
    .qywh_item_wrap .namebox{width: 100%;padding: 0;}
    .qywh_item_wrap .textbox{width: 100%;display: block;margin-top: 20px;}
    .qywh_item_wrap .textbox:nth-child(2) .conyou{position: static;}
    .qywh_item_wrap .textbox:nth-child(2) .imgzuo{margin-left: 0;}
    .qywh_item_wrap .textbox .imgzuo{width: 100%;}
    .qywh_item_wrap .textbox .conyou{width: 100%;padding: 20px;}
    .qywh_item_wrap .textbox .conyou .desc{margin-top: 5px;}

    .showItemMenuZuo,.works_img_zuo{width: 100%;}
    .showItemMenuZuo .nav-show{padding: 0;}
    .wp_show_height{padding-top: 0;}
    .wp_show_height .show-con-width{padding: 0;}

    .nav-show .mobile-nav,.hidden_navs_box{display: block;}
    .nav-show .tab-item{display: none;width: 100%;background: #f7f8f9;position: absolute;top: 100%;left: 0;z-index: 99;}
    .nav-show .tab-item ul>li{border-top: 1px solid rgba(0,0,0,0.05);}
    .nav-show .tab-item ul>li>a{margin: 0;}
    .nav-show .tab-item ul>li>a:before{border-radius: 0;}
    .nav-show .tab-item ul>li>a:hover:before,.nav-show .tab-item ul>li.active>a:before{width: 100%;}
    .showItemTextYou{width: 100%;padding: 40px 15px 0;}
    .works_con_you{width: 100%;padding: 40px 0 0;}

    .works_con_you .details .item{width: 100%;}
    .works_con_you .details .item:nth-child(2){border-top: none;}
    .quality_assurance .picimg{width: 100%;}
    .quality_assurance .contxt{width: 100%;padding: 20px;}

    .wp_pro_item_list{display: block;padding: 10px;}
    .wp_pro_item_list .picimg_zuo{width: 100%;}
    .wp_pro_item_list .contxt_you{width: 100%;padding: 10px 0 0;}

    .marke-news .marke-list .news-time{width: 100%;margin-bottom: 15px;}
    .marke-news .marke-list .news-img{width: 280px;height: 155px;}
    .marke-news .marke-list .news-con{width: calc(100% - 280px);}
    a.viewmore{width: 120px;line-height: 40px;}
    .messageform .input,.messageform .textarea{height: 40px;padding: 0 10px;}
    .messageform .textarea{height: 120px;padding: 10px;}
    .messageform .submit{width: 120px;height: 40px;}
    .contact_info_end{padding: 30px;}
    .contact_info_end .desc{margin-top: 20px;}
    .contact_info_top .picimg{max-width: 120px;}
}
@media (max-width: 768px) {
    .marke-news .marke-list{padding: 20px 0;}
    .marke-news .marke-list .news-img{width: 100%;height: 10rem;}
    .marke-news .marke-list .news-con{width: 100%;padding: 15px 0 0;}
    .marke-news .marke-list .news-con .title{-webkit-line-clamp: 2;height: 3.2em;}
}