html{--base-color:#00a0e9;user-select:none;--nav-height:100px}
body{overflow-x:unset;padding: 0;margin: 0;}
*{box-sizing: border-box;}
.row::after{display:none}
.img-fluid{max-width:100%;height:auto;margin:auto}
.img-cover{width:100%;height:100%;display:block;object-fit:cover}
.img-contain{width:100%;height:100%;display:block;object-fit:contain}
.box{width: 100%;max-width: 1600px;margin: auto;}
a.btn-more{display: flex;align-items: center;justify-content: center;font-size: 16px;width: 200px;height: 47px;border: 1px solid var(--base-color);color: var(--base-color);line-height: 1;position: relative;}
a.btn-more::before{content: "";border-bottom: 0px solid var(--base-color);border-right: 0px solid var(--base-color);border-left: 0px solid transparent;border-top: 0px solid transparent;  position: absolute; right: 0;bottom: 0;transition: all .3s;}
a.btn-more::after{content: "";border-top: 0px solid var(--base-color);border-left: 0px solid var(--base-color);border-right: 0px solid transparent;border-bottom: 0px solid transparent;  position: absolute; left: 0;top: 0;transition: all .3s;}
a.btn-more:hover::before{border-bottom: 19px solid var(--base-color);border-right: 9px solid var(--base-color);border-left: 9px solid transparent;border-top: 19px solid transparent;}
a.btn-more:hover::after{border-top: 19px solid var(--base-color);border-left: 9px solid var(--base-color);border-right: 9px solid transparent;border-bottom: 19px solid transparent;}

/* #region 分页 */
.pager{margin-top: 60px;margin-bottom: 60px;font-size: 14px;}
.PageText,#metPageT,#metPageB{display: none;}
.met_pager.hidden-md-up{margin: 19px 0;}
.met_pager{display: flex;align-items: center;justify-content: center;}
.met_pager>*{cursor: pointer;line-height: 1;}
.met_pager>*+*{margin-left: 10px;}
.met_pager>a{padding: 10px 13px;border-radius: 6px;border: 1px solid #dcdcdc;color:#333;}
.met_pager>a.Ahover{background-color: var(--base-color);border: 1px solid var(--base-color);color: #fff;}
.PreSpan,.NextA,.PreA,.NextSpan{border-radius: 6px;padding: 10px 13px!important;border: 1px solid #dcdcdc;}
.PreSpan,.NextSpan{opacity: .65;cursor: unset;}
.NextA:hover,
.PreA:hover,
.met_pager>a:hover{color: #fff;background-color: var(--base-color);border-color: var(--base-color);}
.met_pager.hidden-md-up button{background-color: var(--base-color);}
.met_pager{padding-top: 60px;padding-bottom: 70px;}
.met-pager-ajax-link{padding-top: 10px;padding-bottom: 10px;}
/* #endregion */

.head{border-top: 7px solid var(--base-color);}
.head .box{display: flex;justify-content: space-between;align-items: center;height: var(--nav-height);}
.head .box .logo img{margin-left: 0;}
.head .box .head-nav{display: flex;align-items: center; justify-content: flex-end;}
.head .box .head-nav a + a{margin-left: 80px;}
.head .box .head-nav a{font-size: 16px;position: relative;height: var(--nav-height);display: flex;align-items: center;justify-content: center;}
.head .box .head-nav a::after{content: "";width: 0%;height: 3px;background: var(--base-color);position: absolute;left: 0;right: 0;margin: auto;bottom: 0;opacity: 0;transition: all .3s;}
.head .box .head-nav a.active,
.head .box .head-nav a:hover{color: var(--base-color);}
.head .box .head-nav a.active::after,
.head .box .head-nav a:hover::after{opacity: 1;width: 100%;}

.full-menu-btn{display: none!important;}
.full-menu-btn>div{width: 62px;height: 26px;align-items: center;justify-content: center;background-color: var(--base-color);display: flex;border-radius: 50px;}
.full-menu{width: 100%;height: calc(100% - var(--nav-height));position: fixed;background-color: rgba(0,0,0,.5);top: var(--nav-height);display: flex;justify-content: flex-end;z-index: 8;display: none;}
.full-menu-box{width: 22%;background-color: var(--base-color);height: 100%;overflow-y: auto;padding: 40px;position: absolute;left: -100%;min-width: 360px;}
.full-menu-btn span{background-color: #fff;width: 20px;height: 1px;position: relative;}
.full-menu-btn span::after,
.full-menu-btn span::before{content: "";width: 100%;height: 100%;background-color: #fff;position: absolute;left: 0;right: 0;margin:auto;transform-origin: center;transition: all .3s;}
.full-menu-btn span::after{top: -5px;}
.full-menu-btn span::before{bottom: -5px;}
.full-menu-btn.active span{background-color: transparent;}
.full-menu-btn.active span::after{transform: rotate(-45deg);top: 0;}
.full-menu-btn.active span::before{transform: rotate(45deg);bottom: 0;}
.full-menu-box dl + dl{border-top: 1px solid rgba(255,255,255,.2);}
.full-menu-box dl dt a{font-size: 18px;color: #fff;font-weight: normal;}
.full-menu-box dl dt{font-size: 18px;color: #fff;font-weight: normal;padding-top: 9px;padding-bottom: 9px;}
.full-menu-box dl dd{padding-bottom: 9px;}
.full-menu-box dl dd a{font-size: 14px;display: block;padding: 5px 11px;color: #fff;}


.index-banner{height: calc(100vh - var(--nav-height));}
.index-banner .swiper{height: 100%;}
.index-banner .swiper .swiper-slide{position: relative;}
.index-banner .swiper .swiper-slide .box{position: absolute;top: 0;bottom: 0;left: 0;right: 0; margin: auto;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.index-banner .swiper .swiper-slide .box p{padding-left: 115px;padding-right: 115px;color: #fff;}
.index-banner .swiper .swiper-slide .box .banner-title{font-size: 64px;letter-spacing: 5px;max-width: 1010px;}
.index-banner .swiper .swiper-slide .box .banner-desc{font-size: 20px;}

.index-banner.inner{height: 45vh;}
.index-banner.inner .swiper .swiper-slide .box .banner-title{text-align: center;font-size: 32px;margin:0 auto;}
.index-banner.inner .swiper .swiper-slide .box .banner-desc{text-align: center;font-size: 18px;margin: 9px auto;}


.index-company{display: flex;align-items: flex-end;position: relative;}
.index-company .company-img{width: 50%;position: absolute;right: 0;top: 0;z-index: -1;}
.index-company .company-info{width:100%;padding-top: 110px;padding-bottom: 120px;}
.index-company .company-info .company-main .title{display: flex;align-items: center;gap: 10px;line-height: 1;max-width:770px;}
.index-company .company-info .company-main .title h2{color: #333;font-size: 42px;font-weight: bold;line-height: 1;max-width:770px;}
.index-company .company-info .company-main .company-content{font-size: 18px;color: #808080;line-height: 1.8;margin-top: 50px;max-width:770px;}
.index-company .company-info .company-main .more-link{margin-top: 60px;margin-bottom: 60px;}
.index-company .company-info .company-main .more-link a{width: 180px;height: 47px; border: 1px solid #c6c6c6;border-radius: 50px;display: flex;position: relative;align-items: center;justify-content: center;}
.index-company .company-info .company-main .more-link a>span{margin-left: -23px;font-size: 16px;transition: all .3s;}
.index-company .company-info .company-main .more-link a>div{width: 33px;height: 33px;border-radius: 50%;background-color: var(--base-color);position: absolute;right: 7px;top: 0;bottom: 0;margin: auto;transition: all .3s;display: flex;align-items: center;justify-content: center;}
.index-company .company-info .company-main .more-link a>div span{width: 13px;height: 1px;background-color: #fff;position: relative;}
.index-company .company-info .company-main .more-link a>div span::after,
.index-company .company-info .company-main .more-link a>div span::before{content: "";width: 5px;height: 1px;background-color: #fff;transform-origin: right center;position: absolute;right: 0;top: 0;}
.index-company .company-info .company-main .more-link a>div span::after{transform: rotate(45deg);}
.index-company .company-info .company-main .more-link a>div span::before{transform: rotate(-45deg);}
.index-company .company-info .company-main .more-link a:hover>span{margin-left: 23px;}
.index-company .company-info .company-main .more-link a:hover>div{right: calc(100% - 7px - 33px);}
.index-company .company-info .company-ext-info{display: flex;justify-content: space-between;max-width: 1090px;background-color: var(--base-color);padding-top: 45px;padding-bottom: 45px;align-items: center;}
.index-company .company-info .company-ext-info .line{width: 1px;height: 77px;background-color: #fff;opacity: .3;}
.index-company .company-info .company-ext-info>div{text-align: center;color: #fff;}
.index-company .company-info .company-ext-info>div:not(.line){width: 33%;}
.index-company .company-info .company-ext-info .year{font-size: 48px;color: #fff;}
.index-company .company-info .company-ext-info .year span{position: absolute;font-size: 18px;}
.index-company .company-info .company-ext-info .label{font-size: 16px;margin-top: 5px;}

.index-banner.en .swiper .swiper-slide .box p{padding-left: 0;padding-right: 0;color: #fff;}
.index-banner.en .swiper .swiper-slide .box .banner-title{font-size: 53px;letter-spacing: 0px; max-width: 1120px;}
.index-company.en .company-info .company-main .title h2{line-height: 1.5;}

.index-product{padding-top: 70px;padding-bottom: 60px;background: url(../images/index-product.png) bottom center no-repeat;background-size: cover;}
.index-product-title{text-align: center;}
.index-product-title h3{font-size: 46px;font-weight: bold;line-height: 1;}
.index-product-title p{font-size: 18px;color: #808080;line-height: 1;margin-top: 25px;}
.index-product-ul{margin-top: 70px;}
.index-product-ul .product-img{width: 100%;height: 342px;}
.index-product-ul h5{height: 100px;display: flex;align-items: center;justify-content: flex-start;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 35px;padding-right: 35px;font-size: 24px;color: #333;background-color: #fff;font-weight: normal;}
.index-product-swiper-tools{display: flex;align-items: center;justify-content: space-between;margin-top: 55px;}
.index-product-swiper-tools .num{font-size: 18px;width: 62px;font-weight: bold;}
.index-product-swiper-tools .line{width: calc(100% - 117px - 62px);height: 1px;background-color: #c4d1de;}
.index-product-swiper-tools .arrows{display: flex;align-items: center;justify-content: flex-end;gap: 10px;width: 107px;}
.index-product-swiper-tools .arrows>div{width: 48px;height: 48px;background-color: #c4d1de;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;}
.index-product-swiper-tools .arrows>div:hover{background-color: var(--base-color);}
.index-product-swiper-tools .arrows>div span{width: 11px;height: 1px;background-color: #fff;position: relative;}
.index-product-swiper-tools .arrows>div span::after,
.index-product-swiper-tools .arrows>div span::before{content: "";width: 5px;height: 1px;background-color: #fff;position: absolute;}
.index-product-swiper-tools .arrows>div.left span::before,
.index-product-swiper-tools .arrows>div.left span::after{transform-origin: left;left: 0;top: 0;}
.index-product-swiper-tools .arrows>div.left span::before{transform: rotate(45deg);}
.index-product-swiper-tools .arrows>div.left span::after{transform: rotate(-45deg);}
.index-product-swiper-tools .arrows>div.right span::before,
.index-product-swiper-tools .arrows>div.right span::after{transform-origin: right;right: 0;top: 0;}
.index-product-swiper-tools .arrows>div.right span::before{transform: rotate(45deg);}
.index-product-swiper-tools .arrows>div.right span::after{transform: rotate(-45deg);}

/* .index-news{background: url(../images/news.png) top center;background-size: cover;padding-top: 80px;padding-bottom: 80px;} */
.index-news{padding-top: 70px;padding-bottom: 70px;}
.index-news-title{text-align: center;}
.index-news-title h3{font-size: 46px;font-weight: bold;line-height: 1;}
.index-news-title p{font-size: 18px;color: #808080;line-height: 1;margin-top: 25px;}
.index-news-ul{margin-top: 70px;display: flex;justify-content: space-between;}
.pic-news{width: 55%;display: flex;gap: 30px;}
.pic-news>div{width: 100%;}

.list-news{width: 40.5%;height: 421px;}
.news-li-img{width: 100%;height: 278px;border-radius: 11px;overflow: hidden;margin-bottom: 25px;}
.news-li h5{line-height: 1;margin-bottom: 15px;}
.news-li h5 a{font-size: 24px;color: #333;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 418px;}
.news-li h5 a:hover{color: var(--base-color);}
.news-li-date{font-size: 18px;color: #afafaf;margin-bottom: 10px;}
.news-li-desc{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
font-size: 18px;color: #54667f;line-height: 1.5;}
.index-news-ul .swiper{height: 395px;}
.list-news .swiper-slide + .swiper-slide{border-top: 1px solid #e7e7e7;}
.list-news .swiper-slide + .swiper-slide h5{margin-top: 20px;}
.list-news .swiper-slide .news-li-desc{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;-webkit-box:unset;-webkit-line-clamp: unset;-webkit-box-orient:unset;}
.list-news .arrows{display: flex;align-items: center;gap: 10px;}
.list-news .arrows>div{height: 37px;background-color: #e7e7e7;color: #fff;display: flex;align-items: center;justify-content: center;width: 100%;cursor: pointer;}
.list-news .arrows>div:hover{background-color: var(--base-color);}

.foot{background: #1b2229;padding-top: 75px;}
.foot .foot-main .box{display: flex;justify-content: space-between;}
.foot .foot-main .box>div{width: 50%;}
.foot .foot-ext-info{font-size: 18px;}
.foot .foot-ext-info *{color: #65696d;}
.foot .foot-ext-info a:hover{color: var(--base-color);}
.foot .foot-search{margin-top: 30px;margin-bottom: 35px;}
.foot .form-row{max-width: 386px;position: relative;}
.foot .form-row input{border: 0;background-color: #31383e;width: 100%;color: #66737b; font-size: 18px;line-height: 1;padding: 20px 0px 20px 9px;transition: all .3s;}
.foot .form-row input:focus-visible{outline: none;background-color: rgba(0, 0, 0, 0.5);color: #fff;}
.foot .form-row button{position: absolute;width: 47px;height: 47px;right: 0;top: 0;bottom:0;margin: auto; background: none;color: #fff;display: flex;align-items: center;justify-content: center;border: 0;cursor: pointer;transition: all .3s;}
.foot .form-row button:hover{background-color: var(--base-color);}
.foot .foot-contacts{color: #65696d;font-size: 18px;}
.foot .foot-contacts p{line-height: 1;}
.foot .foot-contacts p + p{margin-top: 20px;}
.foot .foot-navs{display: flex;justify-content: flex-end;}
.foot .foot-navs dl + dl{margin-left: 8.75%;}
.foot .foot-navs dt{font-size: 16px;line-height: 1;font-weight: normal;color: #fff;}
.foot .foot-navs dd{margin-top: 40px;}
.foot .foot-navs dd p + p{margin-top: 15px;}
.foot .foot-navs dd a{color: #fff;opacity: .3;line-height: 1;}
.foot .foot-navs dd a:hover{color: var(--base-color);opacity: 1;}
.foot-otherinfo{height: 80px;border-top: 1px solid #31383e;margin-top: 70px;}
.foot-otherinfo .box{display: flex;align-items: center;height: 100%;justify-content: space-between;}
.foot-otherinfo,
.foot-otherinfo a{color: #65696d;font-size: 18px;}
.foot-otherinfo a:hover{color: #fff;}


.inner-page{background-color: #d7dadd;padding-top: 29px;padding-bottom: 29px;}
.inner-page .box{display: flex;justify-content: space-between;align-items: flex-start;}
.inner-left{width: 320px;}
.inner-page .left-contact-title,
.inner-page .left-title{background: var(--base-color);color: #fff;font-size: 32px;text-align: center;height: 72px;line-height: 72px;}
.inner-page .left-contact-title{margin-top: 29px;}
.left-navs,
.left-contact-main{background-color: #fff;}
.left-navs a,
.left-contact-main p{font-size: 18px;display: block;padding: 13px 29px;}
.left-navs a:hover{background-color: var(--base-color);color: #fff;}
.left-navs a + a,
.left-contact-main p + p{border-top: 1px solid #d7dadd;}
.left-navs>div+div{border-top: 1px solid #d7dadd;}
.left-sub{display: none;}
.left-sub a{font-size: 13px!important;}



.inner-product-types{background: #fff;display: flex;flex-wrap: wrap;align-items: center;gap:9px 11px;padding: 9px 29px;}
.inner-product-types a{background-color: #d7dadd;font-size: 16px;padding:8px 11px;display: block;border-radius: 6px;}
.inner-product-types a.curr{background: var(--base-color);color: #fff;}

.inner-right{width: 1240px;margin-left: 39px;}
.inner-right .position{font-size: 15px;display: flex;align-items: center;gap: 5px;padding: 29px;border-bottom: 1px solid #d7dadd;height: 72px;}
.inner-right .position,
.inner-right .position a{color: #333;}
.inner-right .inner-main{padding: 29px; font-size: 18px;line-height: 1.8;}
.inner-right>div{background-color: #fff;}
.inner-right>div + div{margin-top: 29px;}

.inner-right .inner-honor{padding: 29px;display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: 9px;}
.inner-right .inner-honor .honor-item{width: 23%;text-align: center;}
.inner-right .honor-title{font-size: 16px;padding: 9px;}

.inner-right .product-ul{display: flex;justify-content: space-between;flex-wrap: wrap;row-gap: 19px;}
.inner-right .product-ul::after{content: '';width: 32%;}
.inner-right .product-li{width: 32%;border: 1px solid #d7dadd;border-radius: 5px;}
.inner-right .product-li .product-img{height: 280px;}
.inner-right .product-li .product-title{font-size: 16px;text-align: center;background-color: #d7dadd;padding: 9px;color: #333;font-weight: normal;}
.inner-right .product-li:hover .product-title{background-color: var(--base-color);color: #fff;}
.product-content img{max-width: 100%;}
.inner-right .inner-main h5{font-size: 24px; text-align: center;padding-bottom: 19px;border-bottom: 1px solid #d7dadd;}
.inner-right .inner-main .product-content{padding-top: 19px;}
.inner-right .pagebox{display: flex;justify-content: space-between;padding: 29px;}
.inner-right .pagebox>.btn{max-width: 50%;}

ul.inner-news{background-color: #fff;padding: 29px;}
ul.inner-news li + li{margin-top: 40px;}
ul.inner-news li a{color: #333;display: flex;justify-content: space-between;}
ul.inner-news li a .news-li-img{width: 378px;height: 213px;overflow: hidden;border-radius: 19px;}
ul.inner-news li a .news-li-img img{transition: all .3s ease;}
ul.inner-news li a .news-li-main{display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;width: calc(100% - 378px - 60px);padding-top: 27px;padding-bottom: 27px;}
ul.inner-news li a .news-li-main>div{width: 100%;}
ul.inner-news li a .news-li-time{font-size: 18px;}
ul.inner-news li a .news-li-time i{color: var(--base-color);margin-right: 10px;}
ul.inner-news li a .news-li-title{font-size: 24px;font-family: "hm-md";line-height: 1;margin-top: 10px;margin-bottom: 10px;}
ul.inner-news li a .news-li-desc{font-size: 16px;color: #999;}
ul.inner-news li a:hover .news-li-title{color: var(--base-color);}
ul.inner-news li a:hover .news-li-img img{transform: scale(1.05);}
ul.inner-news li a .news-li-other-info{display: flex;align-items: center;gap: 12px;}
ul.inner-news li a .news-li-other-info>div{min-width: 80px;height: 30px;border-radius: 50px;display: flex;align-items: center;border: 1px solid #dbe1e6;justify-content: center;gap: 5px;padding-left: 14px;padding-right: 14px;}
ul.inner-news li a .news-li-other-info>div span{color: #535353;}

@media screen and (max-width: 1600.1px) {
    .box {padding:0px 80px;}
    .index-banner .swiper .swiper-slide .box .banner-title{font-size: 54px;max-width: 820px;}
    .index-banner .swiper .swiper-slide .box p{padding-left: 0;}
    .index-company .company-info .company-main .company-content{max-width: 660px;}
    .index-company .company-info{padding-bottom: 70px;}
    .index-product-ul h5{height: 80px;}
}
@media screen and (max-width: 1440.1px) {
    html{--nav-height: 80px;}
    .head .box .logo img{height: 40px;}
    .index-banner .swiper .swiper-slide .box .banner-title{font-size: 42px;}
    .index-banner .swiper .swiper-slide .box .banner-desc{font-size: 18px;}
    .index-company .company-info{padding-top: 70px;}
    .index-company .company-info .company-main .title h2{font-size: 36px;}
    .index-company .company-info .company-main .company-content{font-size: 16px;max-width: 50%;}
    .index-company .company-info .company-main .more-link{margin-top: 20px;}
    .index-company .company-info .company-ext-info .year{font-size: 34px;}
    .index-company .company-info .company-ext-info{padding-top: 25px;padding-bottom: 25px;max-width: 900px;}
    .index-product{padding-top: 40px;padding-bottom: 30px;}
    .index-product-title h3{font-size: 36px;}
    .index-product-title p{font-size: 17px;margin-top: 15px;}
    .index-product-ul{margin-top: 40px;}
    .index-product-ul .product-img{height: 262px;}
    .index-product-ul h5{height: 55px;font-size: 18px;}
    .index-product-swiper-tools{margin-top: 25px;}
    .index-news-title h3{font-size: 36px;}
    .index-news-title p{font-size: 17px;margin-top: 15px;}
    .index-news{padding-top: 40px;padding-bottom: 30px;}
    .news-li h5 a{font-size: 18px;max-width: 298px;}
    ul.inner-news li a .news-li-time{font-size: 16px;}
    ul.inner-news li a .news-li-desc{font-size: 15px;}
    .news-li-img{height: 268px;}
    .index-news-ul{margin-top: 40px;}
    .index-news-ul .swiper{height: 365px;}
    .foot .form-row input{font-size: 16px;padding: 12px;}
    .foot .foot-contacts{font-size: 16px;}
    .foot .foot-contacts p + p{margin-top: 14px;}
    .foot{padding-top: 60px;}
    .foot-otherinfo{margin-top: 35px;height: 50px;}
    .foot-otherinfo, .foot-otherinfo a{font-size: 14px;}
    .met_pager>a{font-size: 12px;}
}
@media screen and (max-width: 1366.1px) {
    .box {padding:0px 40px;}
    .index-company .company-info .company-main .company-content{max-width: 70%;color: #000;}

    .inner-page .left-contact-title, .inner-page .left-title{font-size: 24px;}
    .left-navs a, .left-contact-main p{font-size: 15px;padding: 11px 13px;}
    .inner-right .position{height: 52px;}
    .inner-right>div + div{margin-top: 18px;}
    .inner-right .product-li .product-img{height: 210px;}
    .inner-right .product-li .product-title{font-size: 15px;}
    .inner-right .position, .inner-right .position a{font-size: 15px;}
    ul.inner-news li a .news-li-title{font-size: 18px;}
    ul.inner-news li a .news-li-time{font-size: 16px;}
    ul.inner-news li a .news-li-desc{font-size: 13px;}
    ul.inner-news li a .news-li-main{width: calc(100% - 328px - 40px);}
    ul.inner-news li a .news-li-img{width: 328px;height: 183px;}
}
@media screen and (max-width: 1200.1px) {
    .full-menu-btn{display: flex!important;}
    .head .box .head-nav{display: none;}
    .index-banner .swiper .swiper-slide .box p{padding-right: 0;}
    .index-banner .swiper .swiper-slide .box .banner-title{max-width: unset;}
    .index-news-ul{flex-wrap: wrap;}
    .pic-news{width: 100%;}
    .list-news{width: 100%;margin-top: 29px;}
}
@media screen and (max-width: 1024.1px) {
    html{--nav-height: 60px;}
    .index-banner .swiper .swiper-slide .box .banner-title{font-size: 36px;}
    .index-company .company-info .company-main .title{max-width: unset;}
    .index-company .company-info .company-main .title h2{text-shadow: 2px 1px 2px black;color: #fff;}
    .index-company .company-info .company-main .company-content{color: #fff;text-shadow: 2px 1px 2px black;max-width: unset;}
    .index-company .company-info .company-main .more-link a{width: 150px;height: 40px;}
    .index-company .company-info .company-ext-info .year{font-size: 29px;}
    .index-company .company-info .company-ext-info .label{font-size: 14px;}
    .index-company .company-info .company-ext-info{max-width: unset;padding-top: 15px;padding-bottom: 15px;}
    .index-product-title h3,
    .index-news-title h3{font-size: 28px;font-weight: normal;}
    .index-product-title p,
    .index-news-title p{font-size: 16px;line-height: 1.5;}
    .index-product-ul .product-img{height: 170px;}
    .index-product-ul h5{font-size: 16px;padding-left: 15px;padding-right: 15px;height: 45px;}
    .news-li-img{height: 198px;}
    .foot .foot-main .box{flex-wrap: wrap;}
    .foot .foot-main .box>div{width: 100%;}
    .foot .foot-navs{justify-content: space-between;margin-top: 29px;}
    .foot .foot-main .box>div.foot-left{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}

    .inner-left{display: none;}
    .inner-right{width: 100%;margin-left: 0;}
    .inner-right .product-li{width: 49%;}
}
@media screen and (max-width: 768.1px) {
    .box{padding: 0 20px;}
    .index-banner .swiper .swiper-slide .box .banner-title{font-size: 26px;}
    .index-company{background: #fff!important;}
    .index-company .company-info .company-main .title h2{text-shadow: unset;color: #333;font-size: 32px;}
    .index-company .company-info .company-main .company-content{color: #333;text-shadow: unset;}
    .index-product-swiper-tools .num{display: none;}
    .pic-news{flex-direction: column;}
    .inner-right .inner-honor .honor-item{width: 32%;}

    ul.inner-news li a{flex-wrap: wrap;}
    ul.inner-news li a .news-li-img{width: 100%;height: 263px;}
    ul.inner-news li a .news-li-main{width: 100%;}
}
@media screen and (max-width: 560.1px) {
    .box{padding: 0 20px;}
    .index-banner .swiper .swiper-slide .box .banner-title{font-size: 26px;}
    .index-company .company-info .company-main .title h2{font-size: 26px;}
    .index-company .company-info{padding-top: 50px;padding-bottom: 30px;}
    .index-company .company-info .company-ext-info{flex-wrap: wrap;}
    .index-company .company-info .company-ext-info .line{display: none;}
    .index-company .company-info .company-ext-info>div:not(.line){width: 100%;}
    .index-company .company-info .company-ext-info>div + div{margin-top: 29px;}
    .index-company .company-info .company-main .company-content{margin-top: 28px;}
    .index-product-title h3, .index-news-title h3{font-size: 24px;}
    .index-product-title p, .index-news-title p{font-size: 14px;}
    .index-product-swiper-tools .arrows>div{width: 38px;height: 38px;}
    .index-product-swiper-tools .line{width: calc(100% - 47px - 62px);}

    .inner-right .product-li{width: 100%;}
    .inner-right .product-li .product-img{height: 340px;}
    .inner-right .inner-honor .honor-item{width: 48%;}
    ul.inner-news li a .news-li-img{height: 203px;}
}
@media screen and (max-width: 375.1px) {}