.frame1 {width: 100%;padding-top: .5rem;padding-bottom: .5rem;background-image: url('../images/b38.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.b-p {background-image: none;background-color: #fff;}
.b-main {width: 17.2rem;margin: 0 auto;}
.b-top {width: 100%;font-size: 0;margin-bottom: 0.8rem;}
.b-left {display: inline-block;vertical-align: middle;width: 50%;overflow: hidden;border-radius: .1rem;}
.b-left img {width: 100%;}
.b-right {display: inline-block;vertical-align: middle;width: 50%;padding-right: .95rem;}
.b-tip {width: 100%;font-size: 0;padding-bottom: .25rem;}
.b-titles {display: inline-block;vertical-align: bottom;margin-bottom: 0;margin-right: .18rem;color: #d92618;font-weight: bold;font-size: 0.32rem;}
.b-titles span {color: #d92618;}
.b-en {display: inline-block;vertical-align: bottom;margin-bottom: 0;color: #d6d6d6;font-size: 0.25rem;}
.b-intro {display: inline-block;margin-bottom: .3rem;padding: .12rem 0 .12rem 0;line-height: 1.4;font-size: 20px;font-weight: bold;color: #000000;}
.b-textbox {color: #555555;line-height: 2.25em;height: 11.25em;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;margin-bottom: .75rem;}
.b-textbox * {line-height: inherit;}
.b-textbox p {}
.b-more {display: inline-block;position: relative;cursor: pointer;padding: 0 1rem 0 .28rem;color: #ffffff;line-height: .58rem;border-radius: .29rem;background-color: #d92618;background-image: linear-gradient(270deg, #d92618 0%, #d92618 100%), linear-gradient(#ffffff, #ffffff);}
.b-more:after {content: '';position: absolute;top: 0;right: .21rem;width: .16rem;height: 100%;background-image: url('../images/a13.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.b-bottom {width: 100%;position: relative;background-color: #ffffff;border-radius: .1rem;}
.b-b {width: 100%;}
.b-item {display: block;width: 12.5%;}
.b-link {position: relative;display: flex;align-items: center;align-content: center;justify-content: center;flex-wrap: wrap;min-height: 1.6rem;text-align: center;padding: 0 .1rem;width: 100%;cursor: pointer;}
.b-link:before {content: '';position: absolute;top: 50%;right: -1px;margin-top: -.4rem;width: 1px;height: .8rem;background-color: #eeeeee;}
.b-icon {display: block;width: 100%;}
.b-icon1 {display: block;width: 100%;height: .7rem;line-height: .7rem;}
.b-icon1 img {max-width: 70%;max-height: 100%;}
.b-icon2 {display: none;width: 100%;height: .5rem;line-height: .5rem;}
.b-icon2 img {max-width: 70%;max-height: 100%;filter: brightness(1000%);}
.b-name {width: 100%;display: none;margin-top: .15rem;color: #ffffff;line-height: 1.41;}
/* .b-link:hover { background-color: #d92618; background-image: linear-gradient(270deg, #d92618 0%, #d92618 100%), linear-gradient(#d92618, #d92618); } */
.b-link:hover:before {display: none;}
.b-link:hover .b-icon1 {display: block;}  .b-link:hover .b-icon2 {display: none;}
.b-link:hover .b-name {display: none;}
.b-pagination {display: none;position: absolute;bottom: -.3rem;left: 0;width: 100%;font-size: 0;text-align: center;}
.b-pagination .swiper-pagination-bullet {display: inline-block;vertical-align: middle;opacity: .5;margin: 0 .1rem;width: 8px;height: 8px;background-color: #d92618;background-image: linear-gradient(270deg, #d92618 0%, #d92618 100%), linear-gradient(#d92618, #d92618);}
.b-pagination .swiper-pagination-bullet-active {opacity: 1;}
.frame1.show .b-pagination {display: block;}
#frame1 .b-right img{display: block;margin-bottom: 30px;}
#frame1 .b-right .morelink{background: transparent;border-radius: 10px;padding: 5px 30px;display: inline-flex;transition: all .3s;text-transform: uppercase;line-height: 35px;}
#frame1 .b-right .morelink i{margin-left: 15px;transition: all .3s;font-size: 16px;}

#frame1 .b-right .morelink:first-child{border: 2.5px solid #e2e2e2;color: #000;}
#frame1 .b-right .morelink:first-child i{color: #dd2216;}
#frame1 .b-right .morelink:last-child{padding: 7.5px 32.5px;background: linear-gradient(to right,#f28116,#da251d);margin-left: 20px;}
#frame1 .b-right .morelink:hover{background: #d22626;border-color: #d22626;color: #FFF;}
#frame1 .b-right .morelink:hover i{color: #fff;transform: rotate(45deg);}
#frame1 .numlist{margin-top: 75px;}
.btn-left {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
#left_nav {display: none;}
.page-wrap-left .xypg-left-box .xypg-left-con {display: block;}
@media(max-width:900px) {
    .b-main {width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .b-left {width: 100%;margin-bottom: .5rem;}
    .b-right {width: 100%;padding-left: 0;margin-bottom: 40px;padding-right: 0;}
    .b-item {width: 33.34%;}
    #frame1 .numlist {
        margin-top: 12px;
    }
    .b-top {
        margin-bottom: 0;
    }
    
    
    #left_nav {display: block;}
    .page-wrap-left .xypg-left-box .xypg-left-con {display: none;}
    
    
}

.numlist .item{width: 25%;}
.numlist .item i{font-size: 65px;color: #dd2216;line-height: 1;margin-right: 25px;position:relative;top: -7px;}
.numlist .item h3{font-size: 30px;color: #222;line-height: 1;    font-weight: bold;}
.numlist .item p{color: #555;font-size: 18px;line-height: 24px;}
.numlist .info p{margin:0;font-size:16px;line-height:30px;}
.numlist .item .bar{width:100%;height:5px;background-color:#e9e9e9;position:relative;border-radius: 50px;}
.numlist .item .bar>p{position:absolute;height:5px;width:0;left:0;top:0;background-color:#d22626;border-radius: 50px;}
@media (min-width:1230px){
}
@media (min-width:992px) and (max-width:1229px){
}
@media (min-width:768px) and (max-width:991px){
    .numlist .item{width: 50%;margin-bottom: 30px !important;}

}
@media (min-width:1px) and (max-width:767px){
    .numlist .item{width: 50%;align-items: center;margin-bottom: 10px !important;}
    .numlist .item i{font-size: 24px;}
    .numlist .item h3{font-size: 16px;}
    .numlist .item p{font-size: 12px;}
}






#frame2 {background:#f6f6f6;position: relative;}
#frame2 .title{text-align: center;}
#frame2 .title p{max-width: 1250px;margin: 0 auto;}
#frame2 .title h3{position: relative;}
#frame2 .title h3 img{position: absolute;left: 50%;transform: translateX(-50%);bottom: 6px;}
#frame2 .item{width: calc((100% - 60px)/4);transition: all .3s;margin: 0 20px 20px 0;position: relative;background: #fff;border-radius: 5px;overflow: hidden;}
#frame2 .item .info{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0 , 0, 0, 0.68);padding: 40px 40px;transition: all 0.3s;transform: scale(0);}
#frame2 .item .info h4{color: #fff;font-size: 20px;line-height: 28px;text-transform: uppercase;font-family:微软雅黑,Arial,Verdana,Tahoma, Geneva,sans-serif;}
#frame2 .item .info .line{width: 47px;height: 3px;background: linear-gradient(to right,#f28116,#d22527);margin: 8px 0;}
#frame2 .item .info p{font-size: 15px;line-height: 24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;color: #fff;margin-top: 10%;}
#frame2 .item:nth-child(4n){margin-right: 0;}
#frame2 .item .img{position: relative;text-align: center;padding: 20px}
#frame2 .item>a{position: relative;display: block;}
#frame2 .item .txt{padding-top: 40px;padding-bottom: 40px;text-align: center;}
#frame2 .item .txt h3{font-size: 20px;line-height: 28px;width: 100%;text-transform: uppercase;margin-bottom: 5px;font-family:微软雅黑,Arial,Verdana,Tahoma, Geneva,sans-serif;}
#frame2 .item:hover h3{opacity: 1;}
#frame2 .item:hover .info{transform: scale(1);}
#frame2 .btnlist{text-align: center;margin-top: 20px;}
#frame2 .btnlist a{color: #222;transition: all .3s;}
#frame2 .btnlist a i{margin-left: 15px;color: #dd2216;display: inline-block;transition: all .3s;}
#frame2 .btnlist a:hover{color: #dd2216;}
#frame2 .btnlist a:hover i{transform: rotate(45deg);}
@media (min-width:992px) and (max-width:1229px){
    #frame2 .title h3 img{bottom: -8px;}
    #frame2 .item .txt h3{height: 56px;}
}
@media (min-width:768px) and (max-width:991px){
    #frame2 .item{width: calc((100% - 40px)/3);}
    #frame2 .title h3 img{bottom: -8px;}
    #frame2 .item .txt h3{height: 56px;}
    #frame2 .item:nth-child(4n){margin-right:20px;}
    #frame2 .item:nth-child(3n){margin-right: 0;}
}
@media (min-width:1px) and (max-width:767px){
    #frame2 .title h3{margin-bottom: 15px;}
    #frame2 .title h3 img{bottom: -8px;}
    #frame2 .title .morelink{padding: 5px 15px;}
    #frame2 .title .morelink i{margin-left: 15px;}
    #frame2 .item{width: 49%;margin-right: 2%;margin-bottom: 15px;padding: 0;}
    #frame2 .item:nth-child(2n){margin-right: 0;}
    #frame2 .item .txt{padding: 5px 15px;}
    #frame2 .item .txt h3{font-size: 14px;line-height: 1.5;height: 42px;}
    #frame2 .item .info {display: none;}
    #frame2 .item .morelink{display: none;}
    #frame2 .item .img{margin: 6px;padding: 0px;}

    #frame2 .list .down{height: 30px;margin-top: 15px;}
    #frame2 .swbtn{top: calc(50% - 15px);}
    #frame2 .swbtn>i{width: 30px;height:30px;line-height: 30px;font-size: 20px;}
    #frame2 .swiper-scrollbar{width: calc(100% - 90px);left: 45px;}
    #frame1 .b-right .morelink{padding: 5px 10px;line-height: 1.5;display: inline-flex;align-items: center;}
    #frame1 .b-right .morelink i{font-size: 12px;margin-left: 5px;}
    #frame1 .b-right .morelink:last-child{padding: 7.5px 12.5px;}


}


#frame3{background: #222;padding-bottom: 70px;position: relative;}
#frame3 .title{align-items: center;}
#frame3 .title h3{color: #fff;position: relative;}
#frame3 .title h3 img{position: absolute;right: 50px;bottom: 0;}
#frame3 .title .right{display: flex;}
#frame3 .title .right .morelink{background: linear-gradient(to right,#f28116,#d22527);border-radius: 5px;border: 0;color: #fff;text-transform: capitalize;font-size: 18px;line-height: 30px;padding: 10px 30px;margin-left: 30px;transition: all .3s;}
#frame3 .title .right .morelink i{margin-left: 20px;display: inline-block;transition: all .3s;}
#frame3 .title .right .morelink:hover i{transform: rotate(45deg);}
#frame3 .title .right .btnlist{display: flex;}
#frame3 .title .right .btnlist .swbtn{width: 48px;height: 48px;border: 1px solid #fff;display: block;text-align: center;line-height: 48px;}
#frame3 .title .right .btnlist .swbtn i{color: #fff;font-size: 25px;display: block;}
#frame3 .title .right .btnlist .swbtn.btn-prev{margin-right: 20px;}
#frame3 .title .right .btnlist .swbtn.btn-prev i{transform: rotate(180deg);}
#frame3 .swiper{padding-bottom: 60px;}
#frame3 .item{width: 35.3%;position: relative;}
#frame3 .item::after{content: "";top: 0;right: -1px;bottom: 0;left: -1px;background: rgb(28, 28, 28,75%);position: absolute;}
#frame3 .item .txt{position: absolute;bottom: 0;left: 0;padding: 0 0 30px 0;right: 0;z-index: 1;}
#frame3 .item h3{position: relative;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 20px;line-height: 26px;font-family:OpenSans-Bold,Arial,Verdana,Tahoma, Geneva,sans-serif;}
#frame3 .item h3 .icon{width: 50px;height: 50px;overflow: hidden;margin-right: 20px;}
#frame3 .item h3 img{filter: drop-shadow(50px 0 #fff);position: relative;left: -50px;}
#frame3 .item.swiper-slide-active::after{top: 72%;background: linear-gradient(to top,rgb(28, 28, 28,100%) 20%,transparent);}
#frame3 .swiper-pagination-bullet{width: 10px;height: 10px;background: #bababa;opacity: 1;}
#frame3 .swiper-pagination-bullet-active{background: #dd2626;}
@media (min-width:992px) and (max-width:1229px){
    #frame3 .title h3 img{bottom: -10px;}
}
@media (min-width:768px) and (max-width:991px){
    #frame3{padding-bottom: 20px;}
    #frame3 .title{margin-bottom: 10px;}
    #frame3 .title h3 img{bottom: -10px;}

}
@media (min-width:1px) and (max-width:767px){
    #frame3 .item{width:50%;}
    #frame3 .title h3{width: 100%;margin-bottom: 20px;}
    #frame3 .title h3 img{left: 10px;bottom: -10px;}
    #frame3 .title .right .morelink{padding: 0 5px;font-size: 14px;}
    #frame3 .title .right .morelink i{margin-left: 5px;}
    #frame3 .title .right .btnlist .swbtn{width: 30px;height: 30px;line-height: 30px;}
    #frame3 .title .right .btnlist .swbtn.btn-prev{margin-right: 10px;}
    #frame3 .title .right .btnlist .swbtn i{font-size: 12px;}
    #frame3 .item h3 .icon {width: 20px;height: 20px;margin-right: 5px;}
    #frame3 .item .txt{width: 100%;padding:0 0 15px;}
    #frame3 .item h3{font-size: 16px;line-height: 1.5;margin-bottom: 5px;}
    #frame3 .item h3 span{font-size: 16px;line-height: 1.5;}
    #frame3 .item p{font-size: 12px;line-height: 1.5;}
    #frame3 .title .right {justify-content: space-between;}
}




#frame4{position: relative;background: #f6f6f6;padding-bottom: 90px;}
#frame4 .title{}
#frame4 .title h3{position: relative;}
#frame4 .title h3 img{position: absolute;left: -6px;bottom: 5px;}
#frame4 .e-link {display: block;width: 100%;cursor: pointer;}
#frame4 .item{width: calc((100% - 120px)/4);margin-right:40px;}
#frame4 .item:nth-child(4n){margin-right: 0;}
.e-item {width: 25%;padding: 0 .33rem;}
.e-img {width: 100%;position: relative;padding-top: calc(288 / 380* 100%);overflow: hidden;border-radius: .1rem;}
.e-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.e-text {width: 100%;position: relative;padding-top: .3rem;padding-bottom: .6rem;}
.e-time {color: #888888;margin-bottom: 5px;font-size: 16px;}
.e-name {color: #333333;line-height: 1.6;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 20px;}
.e-intro {color: #888888;line-height: 1.8;height: 55px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 16px;}
.e-more {position: absolute;bottom: 0;left: 0;overflow: hidden;font-size: 0;width: .42rem;height: .42rem;border-radius: 50%;background-color: #d92618;}
.e-more:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../image/a16.png);background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}


@media (min-width:992px) and (max-width:1229px){
    #frame4 .title h3 img{margin-bottom: -12px;}
    #frame4 .item{width: calc((100% - 40px)/3);margin-bottom: 20px;margin-right: 20px;}
    #frame4 .item:nth-child(3n){margin-right: 0;}
    #frame4 .item:nth-child(4){display: none;}
}
@media (min-width:768px) and (max-width:991px){
    #frame4 .title h3{margin-bottom: 10px;}
    #frame4 .title h3 img{margin-bottom: -12px;}
    #frame4 .item{width: calc((100% - 20px)/2);margin-bottom: 20px;margin-right: 20px;}
    #frame4 .item:nth-child(2n){margin-right: 0;}

}
@media (min-width:1px) and (max-width:767px){
    #frame4 .title h3{margin-bottom: 10px;}
    #frame4 .title h3 img{margin-bottom: -12px;}
    #frame4 .item{width: calc((100% - 15px)/2);margin-bottom: 10px;margin-right: 15px;}
    #frame4 .item:nth-child(2n){margin-right: 0;}

}
@media (min-width:1px) and (max-width:500px){
    #frame4 .item{width: 100%;margin-bottom: 10px;margin-right: 0;}
}
@keyframes imgshow {
    0% {
        opacity: .5;
    }

    100% {
        opacity: 1
    }
}



#banner {width: 100%;height: 400px;background: #fafafa no-repeat center / cover;MARGIN: 95px 0 0;position: relative;}
#banner .box {position: absolute;transform: translate(-50%, -20%);width: 100%;left: 50%;top: 50%;z-index: 1;max-width: 1460px;}
#banner .txt {position: relative;}
#banner .txt h2 {font-size: 40px;color: #fff;text-transform: capitalize;margin-bottom: 15px;text-shadow: 1px 1px 5px #333333;}
#banner .txt .location {text-shadow: 1px 1px 5px #333333;}
#banner .txt .location:before {content: "\e69c";font-family: iconfont;font-size: 26px;vertical-align: top;line-height: 24px;margin-right: 6px;margin-left: 3px;color: #ffffff;position: relative;top: -1px;}
#banner .txt .location a {display: inline-block;font-size: 18px;line-height: 24px;color: #fff;text-transform: capitalize;}
#banner .txt .location a:not(:last-child)::after {content: ">";margin: 0 5px;vertical-align: top;font-family: iconfont;font-size: 16px;line-height: 24px;color: #fff;}
#banner .txt .location span {display: inline-block;font-size: 18px;line-height: 24px;color: #fff;text-transform: capitalize;}


@media (min-width:992px) and (max-width:1229px){

}
@media (min-width:768px) and (max-width:991px){

}
@media (max-width:767px){
    #banner {
        height: 160px;
        MARGIN: 60px 0 0;
        position: relative;
    }
    #banner .box {
        top: 35%;
    }
    #banner .txt {
        text-align: center;
        position: relative;
    }
    #banner .txt h2 {
        font-size: 30px;
    }
}
#banner::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, #000, transparent);
    opacity: 70%;
}




#ab_info{background: #f9f9f9;}
#ab_info .left{width: 46.6%;padding-top: 25px;}
#ab_info .left h3{font-size: 40px;line-height: 52px;font-family: OpenSans-Bold,Arial,Verdana, Tahoma, Geneva,  sans-serif;color: #333;margin-bottom: 26px;text-transform: capitalize;max-width: 600px;position: relative;}
#ab_info .left h3 img{position: absolute;bottom: -5px;left: 0px;}
#ab_info .left .content{}
#ab_info .left .content p{color: #333;line-height: 30px;margin-bottom: 10px;}
#ab_info .left .content ul li{line-height: 24px;color: #666;padding-left: 40px;position: relative;margin-bottom: 20px;}
#ab_info .left .content ul li::after{position: absolute;content: "";width: 19px;height: 19px;border: 1px solid #dd2216;display: block;left: 0;top: 5px;}
#ab_info .left .content ul li::before{position: absolute;content: "\e608";display: block;left: 3px;top: 0px;font-family: iconfont;color: #dd2216;font-size: 28px;}
#ab_info .left .morelink{background: linear-gradient(to right, #f28116, #d22527);line-height: 36px;display: inline-flex;margin-top: 60px;}
#ab_info .left .morelink i{margin-left: 15px;font-size: 14px;display: inline-block;transition: all .3s;}
#ab_info .left .morelink:hover i{transform: rotate(45deg);}
#ab_info .right{width: 45.9%;}
#ab_info .right img{width: 100%;height: auto;object-fit: cover;}
#ab_info .right .item{width: 50%;display: flex;flex-direction: column;}
#ab_info .right .item:first-child{flex-direction: column-reverse;}
#ab_info .right .item .txt{position: relative;}
#ab_info .right .item .txt::after{content: "";width: 100%;padding-top: 90%;display: block;}
#ab_info .right .item .txt h3{position: absolute;left: 25px;bottom: 65px;font-size: 22px;line-height: 36px;text-transform: uppercase;right: 25px;font-family: OpenSans-Bold,Arial,Verdana, Tahoma, Geneva,  sans-serif;}
#ab_info .right .item .txt h3::after{width: 30px;height: 3px;background: #dd2216;content: "";display: block;margin-top: 10px;}
#ab_info .right .item .txt{}
#ab_info .right .item .txt::before{content: "\e777";position: absolute;right: -15px;top: -10px;line-height: 1;font-family: iconfont;color: rgba(197, 29, 20, 33%);font-size: 148px;}
#ab_info .right .item:nth-child(1){margin-bottom: auto;}
#ab_info .right .item:nth-child(1) .txt::after{background: #dddddd;}
#ab_info .right .item:nth-child(2) .txt::after{background: #dd2216;}
#ab_info .right .item:nth-child(2){margin-top:40px;}
#ab_info .right .item:nth-child(2) .txt h3{color: #fff;}
#ab_info .right .item:nth-child(2) .txt h3::after{background: #fff;}
#ab_info .right .item:nth-child(2) .txt::before{color: rgba(255,255,255,30%);content: "\e613";top: 0;right: 0;}
@media (max-width:1400px) {
    #ab_info .numlist{overflow: hidden;}
}
@media (min-width:992px) and (max-width:1229px) {
    #ab_info .right .item:nth-child(1){margin-bottom: auto;margin-top: 0;}
    #ab_info .numlist .item i{font-size: 48px;}

    #ab_info .numlist .item h3{font-size: 60px;}
    #ab_info .numlist .item h4{font-size: 36px;}
    #ab_info .numlist .item p{font-size: 20px;}
    #ab_info .numlist .item>span{font-size: 175px;}
}
@media (min-width:768px) and (max-width:991px){
    #ab_info .right,#ab_info .left{margin: 0;}
    #ab_info .right{display: none;}
    #ab_info .left{width: 100%;}
    #ab_info .content{font-size:14px;line-height:1.8;}
    #ab_info .title h3{font-size: 30px;}
    #ab_info .numlist{margin-top: 15px;}
    #ab_info .numlist .item{padding: 15px 0;margin-bottom: 15px;}
    #ab_info .numlist .item h3{font-size: 40px;}
    #ab_info .numlist .item h4{font-size: 24px;}
    #ab_info .numlist .item p{font-size: 16px;}
    #ab_info .numlist .item>span{font-size: 80px;}
}
@media (min-width:1px) and (max-width:767px) {
    #ab_info .left ul{overflow-y: visible;height: auto;max-height: 100%;}
    #ab_info .right{display: none;}
    #ab_info .left,#ab_info .right{margin: 0;}
    #ab_info .left{width: 100%;}
    #ab_info .title h3{font-size: 25px;line-height: 1.2;}
    #ab_info .content{font-size:14px;line-height:1.8;width: 100% !important;}
    #ab_info .left .title {margin-bottom: 10px;width: 100%;}
    #ab_info .left .title h2{font-size: 16px;}
    #ab_info .left .title h3{font-size: 24px;margin-bottom: 10px;line-height: 1.5;}
    #ab_info .left .title .line{margin-bottom: 10px;}
    #ab_info .numlist{margin-top: 20px;margin-bottom: 0;}

    #ab_info .numlist .item{padding: 0px 0;margin-bottom: 15px;justify-content: start !important;padding-left: 0 !important;}
    #ab_info .numlist .item h3{font-size: 60px;margin-right: 5px;}
    #ab_info .numlist .item h4{font-size: 18px;line-height: 1.2;}
    #ab_info .numlist .item p{font-size: 14px;line-height: 1.2;}
    #ab_info .numlist .item>span{font-size: 80px;display: none;}
}
@media (min-width:1px) and (max-width:500px) {
    #ab_info .numlist .item{width: 100%;justify-content: left;margin-bottom: 20px;}
}



#workshop{background: url("../image/workshop.jpg.webp") no-repeat center;background-size: cover;}
#workshop .title h3{position: relative;}
#workshop .title h3 img{position: absolute;bottom: 5px;left: 0;}
#workshop .item{text-align: center;position: relative;width: calc((100% - 90px)/4);margin: 0 30px 0px 0;overflow: hidden;position: relative;}
#workshop .item:nth-child(4n){margin-right: 0;}
#workshop .list{position: relative;}
#workshop .swiper-container{padding-bottom: 60px;}
#workshop .swiper-pagination-bullet{width: 10px;height: 10px;}
#workshop .swiper-pagination-bullet-active{background: #dd2216;}


@media (min-width:992px) and (max-width:1229px) {
    #workshop .title{margin-bottom: 50px;}
    #workshop .title h3{font-size:36px;}
    #workshop .title h3 img{bottom: -10px;}
    #workshop .list{margin:0 -10px;}
    #workshop .item{padding:0 10px 20px;}
    #workshop .item .imghvr-zoom-in figcaption{opacity:1;-webkit-transform:scale(1);transform: scale(1);}
}


@media (min-width:768px) and (max-width:991px) {

    #workshop .title{margin-bottom: 30px;}
    #workshop .title h3{font-size:36px;}
    #workshop .title h3 img{bottom: -10px;}
    #workshop .list{margin:0;padding: 0;}
    #workshop .item{padding:0 8px 16px;}
    #workshop .item .img h3{margin-top:20px;}
    #workshop .item .imghvr-zoom-in figcaption{opacity:1;-webkit-transform:scale(1);transform: scale(1);}
    #workshop .swbtn{top: 50%;}
    #workshop .swbtn>i{display:block;width:40px;height:40px;line-height:40px;}
    #workshop .linklist{margin-top: 30px;}

}


@media (min-width:1px) and (max-width:767px) {

    #workshop{margin-bottom: 0;}
    #workshop .title{margin-bottom: 25px;}
    #workshop .title h3{font-size:18px;}
    #workshop .title h3 img{bottom: -10px;}
    #workshop .title p{font-size:13px;line-height:18px;}
    #workshop .list .item .txt{padding: 5px 0;}
    #workshop .list{margin:0;padding: 0;}
    #workshop .list .item{width:49%;margin-right: 2%;margin-bottom: 10px;}
    #workshop .list .item:nth-child(3n){margin-right: 2%;}
    #workshop .list .item:nth-child(2n){margin-right: 0;}
    #workshop .list .item .txt h5{line-height: 1.5;font-size: 14px;}
    #workshop .item .img h3{margin-top:10px;font-size:16px;}
    #workshop .item .imghvr-zoom-in figcaption{opacity:1;-webkit-transform:scale(1);transform: scale(1);}
    #workshop .linklist{margin-top: 15px;}
    #workshop .btnlist{text-align: center;}
    #workshop .swbtn{position: inherit;}
    #workshop .swbtn i{font-size: 16px;width: 30px;height:30px;line-height: 30px;border-radius: 0;}

}



/*新闻资讯*/

#NewsList .item{position: relative;width:100%;margin-bottom: 40px;background: #fff; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.13);border-radius: 6px;}
#NewsList .item a{transition: all 0.3s;padding: 25px 30px;display: flex;position: relative;}
#NewsList .item .img{width: 33.7%;}
#NewsList .item .txt{width: 60.9%;position: relative;z-index: 2;}
#NewsList .item .txt h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size: 24px;line-height:32px;margin-bottom: 10px;font-family: OpenSans-Regular,Arial,Verdana,Tahoma, Geneva,sans-serif;}
#NewsList .item .txt p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height: 30px;color: #888;font-size: 16px;margin-bottom: 20px;}
#NewsList .item .txt span.date{color: #999999;margin: 15px 0 10px;display: block;}
#NewsList .item .txt span.morelink{color: #666;border: 2.5px solid #e2e2e2;background: transparent;padding:6.5px 17.5px ;line-height: 30px;}
#NewsList .item .txt span i{margin-left: 20px;color: #dd2216;display: inline-block;transition: all .3s;}
#NewsList .item:hover{border-color:#d22626 ;}
#NewsList .item:hover h3{color: #d22626;text-decoration: underline;}
#NewsList .item .txt .morelink:hover{color: #fff;}
#NewsList .item .txt .morelink:hover i{transform: rotate(45deg);}
#NewsList .item:hover .txt span.morelink{border: none;padding:9px 20px ;background: linear-gradient(to right, #f28116, #d22527);color: #fff;}
#NewsList .item:hover .txt span.morelink i{color: #fff;}
@media (min-width:992px) and (max-width:1229px) {
    #NewsList .item{}
    #NewsList .item a{padding: 15px;padding-right: 60px;}
    #NewsList .item .txt h3{font-size:18px;line-height: 1.5;}
    #NewsList .item{align-items: center;}
    #NewsList .item .img{object-fit: cover;}
    #NewsList .item .txt{padding: 0;}
}
@media (min-width:768px) and (max-width:991px){
    #NewsList .item a{padding: 15px;padding-right: 40px;}
    #NewsList .item .txt h3{font-size:16px;line-height: 1.5;}
    #NewsList .item a::after,#NewsList .item a::before{width: 40px;}
    #NewsList .item .txt p{font-size:14px;}
}
@media (min-width:1px) and (max-width:767px) {
    #NewsList .item{width:100%;margin-right:0;margin-bottom:15px;}
    #NewsList .item a{padding: 15px;padding-right: 30px;}
    #NewsList .item a::after,#NewsList .item a::before{width: 30px;}
    /*#NewsList .item .info span.date{font-size: 20px;}*/
    #NewsList .item .info span.click{font-size: 14px;padding: 5px 0;}
    #NewsList .item .txt {width: 100%;}
    #NewsList .item .txt h3{font-size:16px;margin-bottom: 5px;line-height: 1.5;}
    #NewsList .item .txt p{font-size:14px;margin-bottom: 10px;}
    #NewsList .item .img{display: none;}
}
#NewsPage .list{position: relative;display: flex;margin-bottom: 35px;max-height: 480px;}
#NewsPage .list .item .info{margin-bottom: 30px;}
#NewsPage .list .item .info span{font-size: 15px;color: #d22626;line-height: 30px;background: #fff;padding:  0 25px;display: inline-flex;}
#NewsPage .list .item .info span i{margin-right: 10px;}
#NewsPage .list .item .info span.date{margin-right: 15px;}
#NewsPage .list .item .txt h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size: 26px;line-height:34px;margin-bottom: 30px;color: #ffff;}
#NewsPage .list .item .txt p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height: 35px;color: #fff;margin-bottom: 40px;}
#NewsPage .list .item .morelink{color: #d22626;background: #fff;border-radius: 50px;font-size: 20px;line-height: 30px;padding: 10px 25px;}
#NewsPage .list .item .morelink:hover{color: #fff;}
#NewsPage .list .item .morelink i{margin-left: 25px;}
#NewsPage .list .left{background: #d22626;z-index: 2;width: 50%;}
#NewsPage .list .left .item{padding: 60px 110px 60px 45px;}
#NewsPage .list .left .btnlist{display: inline-flex;position: absolute;right: 110px;bottom: 70px;z-index: 1;}
#NewsPage .list .left .btnlist .swbtn{text-align: center;width: 52px;text-align: center;border: 1px solid #fff;border-radius: 50%;height: 52px;color: #fff;}
#NewsPage .list .left .btnlist .swbtn i{font-size: 18px;line-height: 52px;display: block;text-align: center;}
#NewsPage .list .left .btnlist .swbtn.btn-prev{margin-right: 5px;}
#NewsPage .list .left .btnlist .swbtn.btn-prev i{transform: rotate(180deg);}
#NewsPage .list .left .btnlist .swbtn.btn-next i{}
#NewsPage .list .left .btnlist .swbtn:hover{background: #fff;color: #d22626;}
#NewsPage .list .right{width: 50%;margin-right: 0;}
#NewsPage .list .right img{width: 100%;height: 100%;object-fit: cover;}
@media (min-width:1px) and (max-width:991px){
    #NewsPage .list .left{width: 100%;}
    #NewsPage .list .right{display:none;}
    #NewsPage .list .left .item{padding: 15px;}
    #NewsPage .list .left .btnlist{bottom: 15px;}
    #NewsPage .list .item .info{margin-bottom: 15px;}
    #NewsPage .list .item .txt h3{font-size: 18px;line-height: 1.5;margin-bottom: 15px;}
    #NewsPage .list .item .txt p{line-height: 1.5;margin-bottom: 20px;}
    #NewsPage .list .item .morelink{padding: 5px 15px;font-size: 14px;}
    #NewsPage .list .item .morelink i{margin-left: 15px;}
}

#NewsPage{position:relative;background: #fff;padding-top: 50px;}
#NewsPage .Column{margin-top: 0;}
#NewsPage .pagesize h5{line-height: 56px;}
#NewsPage .container>.flex_between{margin: 25px 0 40px;}
#NewsPage:before{content:"";background-color:#f8f8f8;width:100%;height:200px;}
#NewsPage #sharelist{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding:8px 0;text-align:right;margin-bottom:30px;width:100%;overflow:hidden;}
#NewsPage #sharelist>p{float:left;line-height:24px;font-size:14px;color:#868686;margin:0;}
#NewsPage #sharelist span{display:inline-block;font-size:14px;color:#868686;margin-right:10px;line-height:30px;}
#NewsPage #sharelist>a{display:inline-block;color:#868686;font-size:20px;margin:0 0 0 5px;border:1px solid #999;width:30px;height:30px;line-height:28px;text-align:center;border-radius:50%;}
#NewsPage #sharelist>a:hover{color:#d22626;border:1px solid #d22626;}
#NewsPage #sharelist>a>i{width:28px;height:28px;line-height:28px;font-size:18px;}
#NewsPage #sharelist .bdsharebuttonbox{float:right;}
#NewsPage #sharelist .bdsharebuttonbox>span{line-height:30px;}
#NewsPage #sharelist .bdsharebuttonbox>a{display:inline-block;vertical-align:middle;float:none;width:30px;height:30px;color:#666;border:1px solid #666;}
#NewsPage #sharelist .bdsharebuttonbox>a:before{line-height:30px;}
#NewsPage #sharelist .bdsharebuttonbox>a:hover{color:#d22626;border:1px solid #d22626;}
#NewsPage .btnList{margin-top:30px;background-color:#f0f0f0;padding:20px 25px;}
#NewsPage .btnList>.link{font-size:16px;line-height:30px;display:block;}
#NewsPage .btnList>.link:nth-child(1){margin-bottom:5px;}
#NewsPage .btnList>.link span{color:#999;display:inline-block;vertical-align:top;margin-right:5px;}
#NewsPage .btnList>.link>i.iconfont{display:inline-block;width:40px;height:40px;line-height:38px;text-align:center;font-size:20px;border-radius:50%;border:2px solid #dedede;color:#dedede;vertical-align:top;margin:0 6px;}
#NewsPage .btnList>.link:hover>i.iconfont{border:2px solid #d22626;color:#d22626;}
@media screen and (min-width:992px ) and (max-width:1329px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px){
    #NewsPage .title h1{font-size:20px;}
    #NewsPage #sharelist{ text-align:center;}
    #NewsPage #sharelist>p{width:100%;margin-bottom:5px;font-size:12px;}
    #NewsPage #sharelist span{font-size:12px;line-height:20px; }
    #NewsPage .btnList{padding:10px 15px;}
    #NewsPage .btnList>.link{font-size:12px;line-height:18px;display:block;margin-bottom:5px;}
}







/*侧边信息*/
.xypg-left .leftContact {margin: 0 20px 50px 20px;overflow: hidden;padding: 30px 30px 55px;background: url(../image/content_ct.jpg) center no-repeat;text-align: center;background-size: cover;}
.xypg-left .leftContact .contacts{padding: 30px 10px 0;}
.xypg-left .leftContact .contacts .item{margin-bottom: 5px;display: flex;align-items: center;}
.xypg-left .leftContact .contacts .item i{font-size:17px;color:#d22626;text-align: center;display: inline-block;line-height: 30px;margin-right: 10px;}
.xypg-left .leftContact .contacts .item p{font-size: 16px;text-transform: uppercase;}
.xypg-left .leftContact .contacts .item a{display: inline-flex;line-height:30px;font-size: 16px;}
.xypg-left .leftContact .contacts .item a:hover{color: #d22626;}
.xypg-left .leftContact>i{font-size: 90px;color: #fff;margin-bottom: 10px;}
.xypg-left .leftContact .morelink{font-size: 15px;line-height: 30px;text-transform: capitalize;border-radius: 5px;background: linear-gradient(to right, #f28116, #d22527);padding:10px 20px;display: inline-flex;transition:all 0.3s;margin-top: 35px;}
.xypg-left .leftContact .morelink .btnline{width: 50px;color: #fff;stroke: currentColor;fill: none;stroke-miterlimit: 10;margin-left: 15px;}

.xypg-left .leftContact h3{color: #fff;font-size: 24px;font-family: OpenSans-Regular,Arial,Verdana, Tahoma, Geneva,  sans-serif ;line-height: 30px;}
.xypg-left .leftContact p{font-size: 24px;line-height: 30px;color: #fff;margin-bottom: 10px;}
.xypg-left .leftContact .line{width: 100%;height: 1px;background-color: #747474;margin: 20px 0;}
.xypg-left .leftContact a.email{font-size: 16px;color: #fff;display: block;}
.xypg-left .leftContact a:hover{color: #dd2216;}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
    .xypg-left .leftContact{display:none;}
}
@media (min-width:1px) and (max-width:767px) {
    .xypg-left .leftContact{display:none;}
    .morelink{padding:5px 15px;font-size:13px;}

}
@media (min-width: 990px) {
    .page-wrap-left {float: left;width: 28%;margin-right: 4%;}
}
.xypg-left-box {margin-bottom: 49px;background-color: #ffffff;border: 1px solid #eee;border-radius: 6px;}
.sou2{padding: 20px 20px 0 20px;}
.sou2 #formsearch{margin: 0 auto;width: 100%;height: 46px;background: #eeeeee;position: relative;}
.sou2 #formsearch:before {content: "\e67d";position: absolute;right: 22px;top: 8px;font-size: 22px;color: #da251d;}
.sou2 #formsearch input{line-height: 46px;height: 46px;border: none;outline: none;background: none;}
.sou2 #formsearch #keyword{width: 80%;color: #333333;font-size: 15px;padding-left: 10px;}
.sou2 #formsearch #s_btn{width: 18%;background: transparent;color: #fff;text-align: center;padding: 0;}
.sou2 #formsearch #s_btn:before{}
.sou2 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:    #999999;}
.sou2 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #999999;}
.sou2 ::-moz-placeholder { /* Mozilla Firefox 19+ */color:    #999999;}
.sou2 :-ms-input-placeholder { /* Internet Explorer 10-11 */color:    #999999;}
.xypg-left-nav {}
.xypg-left-con {border-top: none;padding: 20px;}  .xypg-left-nav > li {position: relative;border-bottom: 1px solid #e6e6e6;}
.xypg-left-nav > li:last-child {border-bottom: none;}
.xypg-left-nav > li > a {display: block;font-size: 16px;line-height: 22px;font-weight: lighter;color: #333333;padding: 12px 24px;background: url(../image/c81a59c68b5c37e4fd1cedd15182915bebc8ea8d.png) no-repeat 4px center;}
.xypg-left-nav > li .first-nav-btn {position: absolute;z-index: 99;width: 30px;height: 30px;text-align: center;top: 10px;right: 20px;cursor: pointer;background: url(../image/251613ffb913e7f10072cf9fdfc53fbf34b58864.png) no-repeat center;}
.xypg-left-nav > li .first-nav-btn.clicked,.xypg-left-nav > li:hover .first-nav-btn  {background:url(../image/c61beed74e4bcdec90f21f7c58e5d38c3297f494.png) no-repeat center;}

.xypg-left-nav > li:hover > a,.xypg-left-nav > li.clicked > a{
    background:url(../image/d7f122eaf4ec5f8afe7976985a57297e6374c974.png) no-repeat 4px center,linear-gradient(to right, #da251d, #ff5952);
}
.xypg-left-nav .clicked .xypg-left-subnav {display:block}
.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {color: #ffffff;}
.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {color: #ffffff;background:url(../image/c61beed74e4bcdec90f21f7c58e5d38c3297f494.png) no-repeat center;}
.xypg-left-nav .xypg-left-subnav {display: none;}
.xypg-left-nav .xypg-left-subnav > li {border-top: 1px solid #e6e6e6;}
.xypg-left-nav .xypg-left-subnav > li > a {padding: 11px 24px 11px 40px;display: block;line-height: 20px;color: #333333;font-size: 14px;font-weight: lighter;background: url(../image/jianhao.png) no-repeat 24px center;}
.xypg-left-nav .xypg-left-subnav > li > a:hover {color: #da251d;}
.xypg-left-nav .xypg-left-subnav > li.clickeds > a {color: #da251d;}
.xypg-left-nav .xypg-left-threenav > li > a {padding: 5px 10px;display: block;font-size: 14px;line-height: 24px;color: #999999;}
.xypg-left-nav .xypg-left-threenav > li > a:before {content: '-';}
.xypg-left-nav .xypg-left-threenav > li > a:hover {color: #da251d;}
.xypg-left-nav .xypg-left-threenav > li.clicked > a {color: #da251d;}









/*产品中心*/
.page-wrap {background: #ffffff;margin-top: 50px;padding-bottom: 3.38541667%;}
.xypg-product-list {font-size: 0;margin: 0 -0.5%;}
.page-wrap-right {float: right;width: 68%;}
.xypg-product-list li {display: inline-block;vertical-align: bottom;width: 32.333%;margin: 0 0.5% 20px 0.5%;-webkit-transition: all .5s ease;transition: all .5s ease;border: 1px solid #eee;}
.xypg-product-list li .img {display: block;}
.xypg-product-list li h3 a {display: block;text-align: center;font-size: 14px;color: #333333;font-weight: lighter;line-height: 1.6;background-color: #f7f7fa;padding: .8em 0;white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;}
.xypg-product-list li:hover{box-shadow: 0px 0px 5px 1px rgba(19, 98, 50, 0.25);}
.xypg-product-list li:hover h3 a{background: #da251d;color: #fff;}
.xypg-product-list .no-result {margin: 0 1.5%;font-size: 14px;}

@media (max-width: 990px) {
    .page-wrap {margin-top: 25px;}
    .xypg-left-nav .xypg-left-threenav {display: block;}
    .xypg-product-list li {width: 49%;}
    .page-wrap-right {width: 100%;}

}



/*应用领域*/
#application{}
#application  .title{text-align: center;}
#application  .title h3{position: relative;}
#application  .title h3 img{position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);}
#application  .title p{max-width: 1100px;margin: 0 auto;line-height: 33px;}
#application .item{width: calc((100% - 50px)/3);margin:0 25px 25px 0;border-radius: 5px;padding: 34px 40px;position: relative;overflow: hidden;}
#application .item::after{position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: #212426;content: "";display: block;transition: all .3s;}
#application .item:nth-child(3n){margin-right: 0;}
#application .item h3{font-size:22px;line-height: 50px;font-family: OpenSans-Bold,Arial,Verdana, Tahoma, Geneva,  sans-serif;color: #fff;display: flex;align-items: center;position: relative;z-index: 1;}
#application .item img{margin-right: 20px;}
#application .item:hover::after{opacity: 0.5;}
@media (min-width:992px){
    #application .item .txt{padding: 20px 100px 20px 45px;}
}
@media (min-width:768px) and (max-width:991px) {
    #application .item{width: calc((100% - 25px)/2);margin:0 25px 25px 0;border-radius: 5px;background: #212426;padding: 34px 40px;}
    #application .item:nth-child(3n){margin-right: 25px;}
    #application .item:nth-child(2n){margin-right: 0;}
}
@media (min-width:1px) and (max-width:767px) {
    #application .item{width: 100%;margin-right: 0;}
    #application .item h3{font-size: 20px;line-height: 1.5;}
    #application .item .txt{width: 100%;padding: 15px;}
    #application .item p{font-size: 14px;margin-bottom: 15px;}
    #application .item .img{width: 100%;display: none;}
}







/*新闻资讯*/
#NewsPage{position:relative;background: #fff;padding-top: 50px;}
#NewsPage .Column{margin-top: 0;}
#NewsPage .pagesize h5{line-height: 56px;}
#NewsPage .container>.flex_between{margin: 25px 0 40px;}
#NewsPage:before{content:"";background-color:#f8f8f8;width:100%;height:200px;}
#NewsPage #sharelist{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding:8px 0;text-align:right;margin-bottom:30px;width:100%;overflow:hidden;}
#NewsPage #sharelist>p{float:left;line-height:24px;font-size:14px;color:#868686;margin:0;}
#NewsPage #sharelist span{display:inline-block;font-size:14px;color:#868686;margin-right:10px;line-height:30px;}
#NewsPage #sharelist>a{display:inline-block;color:#868686;font-size:20px;margin:0 0 0 5px;border:1px solid #999;width:30px;height:30px;line-height:28px;text-align:center;border-radius:50%;}
#NewsPage #sharelist>a:hover{color:#d22626;border:1px solid #d22626;}
#NewsPage #sharelist>a>i{width:28px;height:28px;line-height:28px;font-size:18px;}
#NewsPage #sharelist .bdsharebuttonbox{float:right;}
#NewsPage #sharelist .bdsharebuttonbox>span{line-height:30px;}
#NewsPage #sharelist .bdsharebuttonbox>a{display:inline-block;vertical-align:middle;float:none;width:30px;height:30px;color:#666;border:1px solid #666;}
#NewsPage #sharelist .bdsharebuttonbox>a:before{line-height:30px;}
#NewsPage #sharelist .bdsharebuttonbox>a:hover{color:#d22626;border:1px solid #d22626;}
#NewsPage .btnList{margin-top:30px;background-color:#f0f0f0;padding:20px 25px;}
#NewsPage .btnList>.link{font-size:16px;line-height:30px;display:block;}
#NewsPage .btnList>.link:nth-child(1){margin-bottom:5px;}
#NewsPage .btnList>.link span{color:#999;display:inline-block;vertical-align:top;margin-right:5px;}
#NewsPage .btnList>.link>i.iconfont{display:inline-block;width:40px;height:40px;line-height:38px;text-align:center;font-size:20px;border-radius:50%;border:2px solid #dedede;color:#dedede;vertical-align:top;margin:0 6px;}
#NewsPage .btnList>.link:hover>i.iconfont{border:2px solid #d22626;color:#d22626;}
@media screen and (min-width:992px ) and (max-width:1329px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px){
    #NewsPage .title h1{font-size:20px;}
    #NewsPage #sharelist{ text-align:center;}
    #NewsPage #sharelist>p{width:100%;margin-bottom:5px;font-size:12px;}
    #NewsPage #sharelist span{font-size:12px;line-height:20px; }
    #NewsPage .btnList{padding:10px 15px;}
    #NewsPage .btnList>.link{font-size:12px;line-height:18px;display:block;margin-bottom:5px;}
}







/*联系方式*/
#myMap {width: 100%;height: 500px;}


.headquarters .content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 38px;
}
.headquarters .rows {
    width: 48%;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 20px;
    border-bottom: 5px solid #eee;
}
.headquarters .rows.active {
    border-bottom: 5px solid #da251d;
}
.headquarters .rows .tit {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    transition: all .35s;
    margin-bottom: 10px;
}
.headquarters .rows .box>p {
    display: block;
    margin-bottom: 6px;
}