:root{
  --color1:#e60012;
  --color2:#231815;
}
.ui-breadcrumb{margin-top:15px;margin-bottom:15px}
.ui-pagination{margin:30px 0;justify-content:center}
.container{max-width:1270px}
  /*header start*/
.header-wrap{position:absolute;top:40px;right:0;left:0;z-index:101}
.header-wrap.page{position:static;top:0}
.header{padding:15px 20px;margin:0;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:5px}
.header-wrap.page .header{margin:0;padding:18px 12px}
.logo{display:flex;align-items:center}
.logo img{max-height:52px;backface-visibility:hidden}
.logo span{font-size:17px;margin-left:12px;color:#777;text-transform:uppercase;font-weight:600}
.nav{font-size:16px;display:flex;justify-content:flex-end;align-items:center}
.nav__item{padding:12px 25px;position:relative}
.nav__item > a{transition:color .3s}
.nav__item > a:hover{color:#000}
.nav__item > a:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;transform:translateX(-50%);background:#555;transition:width .3s}
.nav__item > a:hover:after,
.nav__item.cur > a:after{width:28px}
.nav__lang{margin-left:6px;display:flex}
.nav__lang a{padding:0 9px;position:relative;transition:color .3s}
.nav__lang a.active,
.nav__lang a:hover{color:#eb4646}
.nav__lang a:after{content:'';position:absolute;top:2px;right:0;width:1px;height:16px;background:#333}
.nav__lang a:last-child:after{display:none}
.header__lang{display:none}
.header__lang a{padding:0 9px;position:relative}
.header__lang a.active,
.header__lang a:hover{color:#eb4646}
.header__lang a:first-child:after{content:'';position:absolute;top:2px;right:0;width:1px;height:14px;background:#333}
.nav-switch{display:none}
@media (max-width:1200px){
  .nav__item{padding:12px 15px}
}
@media (max-width:1024px){
  .header{padding:15px;margin:0 30px}
  .logo span{font-size:14px}
  .nav{font-size:14px}
  .nav__item{padding:12px 10px}
}
@media (max-width:768px){
  :root{--header-height:67px}
  body:before{content:'';display:block;height:var(--header-height)}
  .header-wrap{top:0}
  .header-wrap.page{position:absolute}
  .header{;margin:0;border-bottom:solid 1px #eee;border-radius:0}
  .header-wrap.page .header{padding:13px 12px}
  .logo img{max-height:36px}
  .logo span{font-size:14px;margin-left:7px}
  .nav{padding:0 8%;position:fixed;top:var(--header-height);left:0;right:0;height:0;background:#fcfcfc;flex-direction:column;justify-content:flex-start;overflow:hidden;transition:height .3s}
  .nav[is-open]{overflow:auto;height:calc(100vh - var(--header-height));z-index:11}
  .nav__item{font-size:15px;width:100%;border-bottom:solid 1px #eee;padding:0 10px}
  .nav__item.icon:after{display:none}
  .nav__item > a{font-weight:600;display:inline-block;padding:13px 0}
  .nav__item > a:after{display:none}
	.nav__lang{margin-top:20px}
  .header__lang{display:none}
  /*.header__lang{display:flex;position:absolute;top:25px;right:40px}*/
  .header__lang a{padding:0 9px;position:relative}
  .header__lang a.active,
  .header__lang a:hover{color:#eb4646}
  .header__lang a:first-child:after{content:'';position:absolute;top:2px;right:0;width:1px;height:14px;background:#333}
  .nav-switch{display:flex;width:22px;height:16px;;position:relative;border-top:solid 2px #555;border-bottom:solid 2px #555;transition:.4s}
  .nav-switch:before,
  .nav-switch:after{content:'';height:2px;width:100%;position:absolute;right:0;top:5px;background:#555;transition:.3s}
  .nav-switch.open{border-color:#fff}
  .nav-switch.open:before{transform:rotate(45deg)}
  .nav-switch.open:after{transform:rotate(-45deg)}
}
/*header end*/
/*banner*/
.home-banner{position:relative}
.home-banner .swiper-slide{height:650px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
@media (max-width:1280px){
  .home-banner .swiper-slide{height:53vw}
}
/*banner end*/
.home-box{padding-top:70px;padding-bottom:60px}
@media (max-width:1200px){
  .home-box{padding-top:60px;padding-bottom:50px}
}
@media (max-width:1024px){
  .home-box{padding-top:50px;padding-bottom:40px}
}
@media (max-width:768px){
  .home-box{padding-top:40px;padding-bottom:30px}
}
@media (max-width:512px){
  .home-box{padding-top:25px;padding-bottom:25px}
}
.home-title{text-align:center;margin-bottom:66px}
.home-title span{font-size:42px;color:var(--color1)}
.home-about{}
.home-about__img{flex:0 0 51%}
.home-about__img img{width:100%;height:100%;object-fit:cover}
.home-about__txt{flex:0 0 44%;display:flex;align-items:center}
.home-name{font-size:40px;color:var(--color1)}
.home-about__txt p{line-height:1.8;margin:50px 0 }
.home-about__more{padding:10px 35px;background:var(--color1);color:rgba(255,255,255,.8);letter-spacing:3px;border-radius:30px;transition:background-color .3s}
.home-about__more:hover{background:#b2000e}
.about-data{margin:80px 0 10px}
.about-data__item{text-align:center}
.about-data__item dt{font-size:45px;color:var(--color1);font-weight:600}
.about-data__item dd{margin-top:12px;font-size:20px;color:#555}
.about-data-line{margin-top:10px;width:1px;height:80px;background:#ddd}
@media (max-width:1024px){
  .home-title{margin-bottom:50px}
  .home-title span{font-size:37px}
  .home-about__txt{flex:0 0 45%}
  .home-name{font-size:35px;color:var(--color1)}
  .home-about__txt p{margin:30px 0}
  .home-about__more{padding:8px 25px}
  .about-data{margin:60px 0 10px}
  .about-data__item dt{font-size:33px}
  .about-data__item dd{font-size:16px}
}
@media (max-width:768px){
  .home-title{margin-bottom:40px}
  .home-title span{font-size:30px}
  .home-about__img{flex:0 0 100%;height:35vw}
  .home-about__txt{flex:0 0 100%;margin-top:20px}
  .home-name{font-size:30px}
  .about-data{margin:40px 0 10px}
  .about-data__item dt{font-size:30px}
  .about-data__item dd{font-size:14px}
}
@media (max-width:512px){
  .home-title{margin-bottom:20px}
  .home-title span{font-size:20px}
  .home-name{font-size:22px}
  .home-about__txt p{margin:20px 0 30px}
  .home-about__more{padding:6px 20px;font-size:12px}
  .about-data{margin:40px 0 0}
  .about-data__item{flex:0 0 48%;margin-bottom:16px;background:#f9f9f9;padding:12px;border-radius:3px}
  .about-data__item:last-child{flex:0 0 100%}
  .about-data__item dt{font-size:20px}
  .about-data__item dd{font-size:12px}
}
.home-select-wrap{padding:60px 0;background-color:#f5f5f5;position:relative}
.home-select-wrap:after{content:'';position:absolute;top:0;right:0;bottom:0;width:36%;z-index:1;background-color:var(--color1)}
.home-select{}
.home-select__txt{flex:0 0 51%;display:flex;align-items:center}
.home-select__img{flex:0 0 44%;position:relative;z-index:2}
.home-select__img img{width:100%;height:100%;object-fit:cover}
.home-select__img span{color:#fff;font-size:46px;display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer}
.home-select__desc{margin:60px 0 }
.home-select__desc p{margin-bottom:15px}
@media (max-width:1280px){
  .home-select-wrap{padding:50px 0}
}
@media (max-width:1024px){
  .home-select-wrap{padding:40px 0}
  .home-select__desc{margin:35px 0}
  .home-select__img span{font-size:40px}
}
@media (max-width:768px){
  .home-select-wrap{padding:30px 0}
  .home-select-wrap:after{display:none}
  .home-select__txt{flex:0 0 100%}
  .home-select__img{flex:0 0 100%;margin-top:35px;height:40vw}
  .home-select__desc{margin:25px 0}
  .home-select__img span{font-size:30px}
}
@media (max-width:512px){
  .home-select__desc{margin:20px 0}
  .home-select__img span{font-size:20px}
}
.video-popup{display:none;position:fixed;top:20vh;left:50%;margin-left:-380px;width:760px;background:#fff;padding:12px;z-index:990;border-radius:6px}
.video-popup__close{position:absolute;top:8px;right:12px;z-index:2;font-size:24px;cursor:pointer}
.video-popup.show{display:block}
.video-popup__title{font-size:16px;text-align:center}
.video-popup__play{margin:15px 0}
.video-popup__play video{width:100%}
.video-popup__desc{background:#f9f9f9;padding:9px;line-height:1.8}
@media (max-width:768px){
  .video-popup{top:15vh;left:5%;margin-left:0;width:90%}
}
@media (max-width:512px){
  .video-popup__title{font-size:14px}
  .video-popup__play{margin:10px 0}
}
.product-sort{}
.product-sort__item{flex:0 0 19%;text-align:center;position:relative}
.product-sort__item a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.product-sort__item span{font-size:20px}
.product-sort__item div{margin-bottom:12px;height:106px;background-position:center center;background-repeat:no-repeat;background-size:46%}
.product-sort__item .sort2{background-image:url("../images/product-sort2.png")}
.product-sort__item .sort3{background-image:url("../images/product-sort3.png")}
.product-sort__item .sort4{background-image:url("../images/product-sort4.png")}
.product-sort__item .sort5{background-image:url("../images/product-sort5.png")}
.product-sort__item .sort6{background-image:url("../images/product-sort6.png")}
.product-sort__item:hover .sort2,
.product-sort__item.cur .sort2{background-image:url("../images/product-sort2-hover.png")}
.product-sort__item:hover .sort3,
.product-sort__item.cur .sort3{background-image:url("../images/product-sort3-hover.png")}
.product-sort__item:hover .sort4,
.product-sort__item.cur .sort4{background-image:url("../images/product-sort4-hover.png")}
.product-sort__item:hover .sort5,
.product-sort__item.cur .sort5{background-image:url("../images/product-sort5-hover.png")}
.product-sort__item:hover .sort6,
.product-sort__item.cur .sort6{background-image:url("../images/product-sort6-hover.png")}
@media (max-width:1024px){
  .product-sort__item div{height:90px}
  .product-sort__item span{font-size:16px}
}
@media (max-width:768px){
  .product-sort__item div{height:70px}
  .product-sort__item span{font-size:14px}
}
@media (max-width:512px){
  .product-sort__item div{height:44px;margin-bottom:5px}
  .product-sort__item span{font-size:12px}
}
.home-product{margin-top:30px}
.home-product__item{flex:0 0 19%}
.home-product__item figure{height:356px;overflow:hidden}
.home-product__item figure img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.home-product__item:hover figure img{transform:scale(1.05)}
@media (max-width:1280px){
  .home-product__item figure{height:28vw}
}
@media (max-width:768px){
  .home-product__item{flex:0 0 24%}
  .home-product__item:nth-child(5){display:none}
  .home-product__item figure{height:36vw}
}
@media (max-width:512px){
  .home-product__item{flex:0 0 48%;margin-bottom:20px}
  .home-product__item figure{height:72vw}
}
.home-quality{height:233px;display:flex;justify-content:center;align-items:center;background:url("../images/home-quality.jpg") no-repeat center 0;background-size:auto 100%}
.home-quality span{color:#fff;font-size:40px}
.home-quality-txt{color:#555;max-width:800px;line-height:1.8;margin:50px auto;text-align:center}
@media (max-width:1024px){
  .home-quality{height:26vw}
  .home-quality span{font-size:35px}
  .home-quality-txt{margin:30px auto;padding:0 12px}
}
@media (max-width:768px){
  .home-quality span{font-size:25px}
  .home-quality-txt{margin:20px auto}
}
.home-photo{margin-bottom:80px}
.home-photo-left{flex:0 0 37%}
.home-photo-right{flex:0 0 62%}
.home-photo-left img{width:100%;height:100%;object-fit:cover}
.home-photo-right figure{flex:0 0 32%;margin-bottom:12px}
.home-photo-right figure img{width:100%;height:100%;object-fit:cover}
.home-photo-right figure:nth-child(4),
.home-photo-right figure:nth-child(5),
.home-photo-right figure:nth-child(6){margin-bottom:0}
@media (max-width:512px){
  .home-photo{margin-bottom:40px}
  .home-photo-left{flex:0 0 100%;margin-bottom:12px}
  .home-photo-right{flex:0 0 100%}
}
.footer{padding:20px 12px;background:#e60012 url("../images/footer.jpg") right center no-repeat;background-size:auto 100%}
.footer-name{color:#fff}
.footer-name span{font-size:22px}
.footer-name p{margin-top:6px}
.footer-contact{margin-top:50px}
.footer-contact__box{}
.footer-contact__box:first-child{margin-top:26px;margin-right:60px}
.footer-contact__box p{font-size:14px;color:#eee}
@media (max-width:1024px){
  .footer-contact__box{flex:0 0 100%}
  .footer-contact{margin-top:40px}
  .footer-contact__box:first-child{margin-top:0;margin-right:0}
}
@media (max-width:768px){
  .footer{background-image:none}
  .footer-contact{margin-top:30px}
}
@media (max-width:512px){
  .footer-name span{font-size:18px}
}
.page-banner-product{height:420px;background-repeat:no-repeat;background-position:center 0;background-size:cover;display:flex;justify-content:center;align-items:center}
.page-banner-product article{text-align:center;color:#fff}
.page-banner-product h4{font-size:20px;font-weight:500}
.page-banner-product p{font-size:16px;margin-top:9px}
.page-banner-contact,
.page-banner-manufacture,
.page-banner-about{height:420px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
.page-banner-contact article{padding-top:120px}
.page-banner-contact h4{font-size:43px;font-weight:500}
.page-banner-contact p{font-size:14px;margin-top:9px;color:#fff}
.page-banner-manufacture article{padding-top:50px;text-align:right}
.page-banner-manufacture h3{font-size:35px;color:#3d5977;font-weight:500}
.page-banner-manufacture p{margin-top:20px;color:#fff;font-size:12px;line-height:1.7}
.page-banner-about article{padding-top:80px;color:#fff}
.page-banner-about h3{font-size:22px;font-weight:500}
.page-banner-about p{font-size:16px;margin-top:10px}
@media (max-width:1280px){
  .page-banner-product,
  .page-banner-contact,
  .page-banner-manufacture,
  .page-banner-about{height:34vw}
}
@media (max-width:1024px){
  .page-banner-manufacture h3{font-size:30px}
  .page-banner-about article{padding-top:50px}
}
@media (max-width:768px){
  .page-banner-product article{padding:12px}
  .page-banner-product h4{font-size:18px}
  .page-banner-product p{font-size:14px}
  .page-banner-contact article{padding-top:60px}
  .page-banner-contact h4{font-size:33px}
  .page-banner-manufacture article{padding-top:30px}
  .page-banner-manufacture h3{font-size:22px}
  .page-banner-about h3{font-size:18px}
  .page-banner-about p{font-size:14px}
}
@media (max-width:512px){
  .page-banner-product{height:50vw}
  .page-banner-product h4{font-size:14px}
  .page-banner-product p{font-size:12px}
  .page-banner-contact article{padding-top:40px}
  .page-banner-contact h4{font-size:22px}
  .page-banner-contact p{font-size:12px}
  .page-banner-manufacture article{padding-top:20px}
  .page-banner-manufacture h3{font-size:16px}
  .page-banner-manufacture p{display:none}
  .page-banner-about article{padding-top:30px}
  .page-banner-about h3{font-size:16px}
  .page-banner-about p{font-size:12px}
}
.page-top-box,
.product-list-wrap{margin-top:40px}
.product-list{margin-top:30px}
.product-list__grid{flex:0 0 19%;margin-bottom:25px}
.product-list__grid:empty{margin-bottom:0}
.product-list__grid figure{height:200px;overflow:hidden}
.product-list__grid figure img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.product-list__grid figure:hover img{transform:scale(1.05)}
.product-list__grid article{padding:15px 0}
@media (max-width:1280px){
  .product-list__grid figure{height:17vw}
}
@media (max-width:1024px){
  .product-list__grid{flex:0 0 24%;margin-bottom:20px}
  .product-list__grid figure{height:20vw}
}
@media (max-width:768px){
  .page-top-box,
  .product-list-wrap{margin-top:30px}
  .product-list__grid{flex:0 0 32%;margin-bottom:10px}
  .product-list__grid figure{height:28vw}
}
@media (max-width:512px){
  .page-top-box,
  .product-list-wrap{margin-top:20px}
  .product-list__grid{flex:0 0 48.5%}
  .product-list__grid figure{height:40vw}
}
.contact-wrap{margin-bottom:90px}
.contact-map{flex:0 0 45%;height:400px}
.contact-info{flex:0 0 45%;display:flex;flex-direction:column;justify-content:space-between}
.contact-name{}
.contact-name h2{font-size:37px;color:var(--color1)}
.contact-name p{font-size:23px;margin-top:9px}
.contact-address{margin-top:50px}
.contact-other{}
@media (max-width:1280px){
  .contact-map{height:30vw}
}
@media (max-width:1024px){
  .contact-map,
  .contact-info{flex:0 0 48%}
  .contact-name h2{font-size:30px}
  .contact-name p{font-size:20px}
  .contact-address{margin-top:30px}
}
@media (max-width:768px){
  .contact-wrap{margin-bottom:50px}
  .contact-map,
  .contact-info{flex:0 0 100%}
  .contact-map{height:50vw;margin-bottom:20px}
  .contact-name h2{font-size:20px}
  .contact-name p{font-size:16px}
  .contact-address{margin-top:0}
}
@media (max-width:512px){
  .contact-name h2{font-size:18px}
  .contact-name p{font-size:14px}
  .contact-address{margin-top:0}
  .contact-address{margin:20px 0}
}
.manufacture-t1{margin-top:-10px;align-items:center}
.manufacture-t1 h2{font-size:25px;color:var(--color1)}
.manufacture-t1 p{flex:1;margin-left:80px;font-size:16px;color:#555;line-height:1.7}
.manufacture-work{margin-bottom:80px}
.manufacture-work-long{margin:50px 0 10px}
.manufacture-work-long img{width:100%}
.manufacture-work-small figure{flex:0 0 24%;height:200px}
.manufacture-work-small figure img{width:100%;height:100%;object-fit:cover}
.manufacture-tw{}
.manufacture-tw figure{flex:0 0 45%}
.manufacture-tw figure img{width:100%;height:100%;object-fit:cover}
.manufacture-tw article{flex:0 0 53%;padding:30px;display:flex;align-items:center}
.manufacture-tw article h3{font-size:30px;color:var(--color1)}
.manufacture-tw article p{font-size:15px;line-height:1.6;margin-top:50px}
.manufacture-banner{position:relative;margin:60px auto}
.manufacture-banner img{width:100%;height:100%;object-fit:cover}
.manufacture-txt{}
.manufacture-txt p{font-size:16px;flex:0 0 47%}
.manufacture-storage{}
.manufacture-storage__name{font-size:35px;color:var(--color1);margin:60px 0}
.manufacture-storage__txt{font-size:16px;line-height:1.7}
.manufacture-storage__photo{margin:50px 0}
.manufacture-storage__photo figure{flex:0 0 33%;height:290px}
.manufacture-storage__photo figure img{width:100%;height:100%;object-fit:cover}
@media (max-width:1280px){
  .manufacture-t1 p{margin-left:60px}
  .manufacture-work-small figure{height:15vw}
  .manufacture-storage__photo figure{height:23vw}
}
@media (max-width:1024px){
  .manufacture-t1 p{margin-left:50px}
  .manufacture-work{margin-bottom:60px}
  .manufacture-tw article{padding:20px}
  .manufacture-tw article h3{font-size:23px}
  .manufacture-tw article p{margin-top:30px}
  .manufacture-banner{margin:40px auto}
  .manufacture-storage__name{font-size:25px;margin:40px 0 30px}
}
@media (max-width:768px){
  .manufacture-t1 h2{font-size:18px;flex:0 0 100%;margin-bottom:15px}
  .manufacture-t1 p{font-size:14px;flex:0 0 100%;margin-left:0}
  .manufacture-work{margin-bottom:40px}
  .manufacture-work-long{margin:25px 0 10px}
  .manufacture-work-small figure{flex:0 0 48.8%;height:30vw;margin-bottom:10px}
  .manufacture-tw figure{flex:0 0 100%;height:36vw}
  .manufacture-tw article{flex:0 0 100%}
  .manufacture-tw article h3{font-size:20px}
  .manufacture-tw article p{margin-top:14px}
  .manufacture-tw.tw2 figure{order:0}
  .manufacture-tw.tw2 article{order:1}
  .manufacture-banner{margin:30px auto}
  .manufacture-txt p{font-size:14px;flex:0 0 100%;margin-bottom:12px}
  .manufacture-storage__name{font-size:20px;margin:30px 0}
  .manufacture-storage__photo{margin:30px 0}
}
@media (max-width:512px){
  .manufacture-t1{margin-top:20px}
  .manufacture-t1 h2{font-size:17px}
  .manufacture-work{margin-bottom:25px}
  .manufacture-tw article{padding:12px 0}
  .manufacture-tw article h3{font-size:17px}
  .manufacture-tw article p{font-size:14px}
  .manufacture-banner{margin:25px auto}
  .manufacture-storage__name{font-size:17px;margin:25px 0 20px}
  .manufacture-storage__txt{font-size:14px}
  .manufacture-storage__photo{margin:25px 0}
}
.product-photo-prev,
.product-photo-next{position:absolute;top:48%;z-index:101;width:45px;height:45px;background:var(--color1);display:flex;justify-content:center;align-items:center;cursor:pointer}
.product-photo-prev:hover,
.product-photo-next:hover{background:#999}
.product-photo-prev{right:20px}
.product-photo-next{left:20px}
.product-photo-prev:before,
.product-photo-next:before{font-family:iconfont;font-size:25px;color:#fff}
.product-photo-prev:before{content:'\e842'}
.product-photo-next:before{content:'\e841'}
@media (max-width:768px){
  .product-photo-prev,
  .product-photo-next{top:48%;width:25px;height:25px}
}
.about-big-img img{width:100%}
.about-intro{align-items:center}
.about-intro h2{font-size:32px;color:var(--color1)}
.about-intro article{;flex:1;margin-left:80px}
.about-intro article p{margin-top:30px;font-size:16px;line-height:1.7;color:#555}
.about-idea{margin:90px 0 50px}
.about-idea-img{}
.about-idea-img img{width:100%}
.about-idea-txt{font-size:16px;color:#555;margin:50px auto;max-width:900px;text-align:center;line-height:1.8}
.about-tw{}
.about-tw__img{flex:0 0 43%}
.about-tw__img img{width:100%;height:100%;object-fit:cover}
.about-tw__txt{flex:0 0 52%;display:flex;align-items:center}
.about-tw__txt h5{font-size:22px;color:var(--color1)}
.about-tw__txt p{font-size:16px;margin-bottom:26px}
.about-photo{margin:80px 0;position:relative}
.about-photo img{width:100%}
.about-prev,
.about-next{position:absolute;top:48%;z-index:101;width:60px;height:60px;background:var(--color1);display:flex;justify-content:center;align-items:center;cursor:pointer}
.about-prev:hover,
.about-next:hover{background:#999}
.about-prev{right:120px}
.about-next{left:120px}
.about-prev:before,
.about-next:before{font-family:iconfont;font-size:25px;color:#fff}
.about-prev:before{content:'\e842'}
.about-next:before{content:'\e841'}
.about-honor{margin-bottom:80px}
.about-honor > img{width:100%}
.about-honor__grid{flex:0 0 24%}
.about-honor__grid img{width:100%;;height:360px}
@media (max-width:1024px){
  .about-intro h2{font-size:26px;margin-top:30px;flex:0 0 100%}
  .about-intro article{flex:0 0 100%;margin-left:0}
  .about-intro article p{margin-top:20px;font-size:15px}
  .about-idea{margin:70px 0 40px}
  .about-idea-txt{color:#555;margin:30px auto}
  .about-tw__txt h5{font-size:18px}
  .about-tw__txt p{font-size:14px}
  .about-photo{margin:60px 0}
  .about-honor__grid img{height:30vw}
}
@media (max-width:768px){
  .about-prev,
  .about-next{top:47%;width:20px;height:20px}
  .about-prev{right:12px}
  .about-next{left:12px}
  .about-intro h2{font-size:20px}
  .about-idea{margin:50px 0 30px}
  .about-idea-txt{font-size:14px;margin:20px auto;padding:0 12px}
  .about-tw__img{flex:0 0 100%;height:35vw}
  .about-tw__txt{flex:0 0 100%;height:auto;margin-top:20px}
  .about-tw__txt h5{font-size:18px}
  .about-tw__txt p{margin:9px 0 20px}
  .about-photo{margin:50px 0}
  .about-honor__grid{flex:0 0 48%}
  .about-honor__grid img{height:66vw}
  .about-idea-img{height:30vw}
  .about-idea-img img{width:100%;height:100%;object-fit:cover}
}
@media (max-width:512px){
  .about-intro h2{font-size:18px}
  .about-intro article p{margin-top:16px;font-size:14px}
  .about-data-line{display:none}
  .about-idea{margin:30px 0 20px}
  .about-photo{margin:10px 0 20px}
}
.page-main{margin-bottom:40px}
.article-h1{margin:30px 0 22px;text-align: center}
.article-meta{font-size:12px;text-align: right;padding:5px;background: #fbfbfb;margin:22px 0;color:#777}
.article-detail p{line-height:1.8;margin-bottom:12px}
.article-detail img{max-width:100%}
.article-detail ul{padding-left:12px;margin:16px 0}
.article-detail li{list-style-type:disc;margin:11px 0;}