:root{
  --color1:#316db6;
  --color2:#3c7bc7;
  --color3:#8ebb34;
  --footer-padding:120px;
}
.ui-breadcrumb{margin:15px 0}
.ui-pagination{margin:30px 0;justify-content:center}
.container{max-width:1240px}
/*header start*/
.top{background:#222;padding:11px 0;font-size:12px;color:#999}
.top a{color:#999}
.header{padding-top:25px;padding-bottom:25px;justify-content:space-between;align-items:center;background:#fff}
.logo img{max-height:65px;backface-visibility:hidden;display:block}
.header-tel{position:relative;padding-left:45px}
.header-tel:before{content:'\e636';font-family:iconfont;color:var(--color1);font-size:34px;position:absolute;top:4px;left:0}
.header-tel span{color:#666;margin-left:3px}
.header-tel strong{color:#0054a6;font-size:23px;display:block;line-height:1}
.nav{background:var(--color1)}
.nav-wrapper {display:flex;justify-content:space-between}
.nav__item{padding:16px 35px;position:relative}
.nav__item.cur,
.nav__item:hover{background:var(--color2)}
.nav__item > a{font-size:16px;transition:color .3s;color:#fff}
.nav__extend{height:0;overflow:hidden;z-index:-10;opacity:0;position:absolute;top:130%;left:0;width:100%;border:solid 1px #ddd;border-radius:3px;box-shadow:0 2px 5px 1px rgba(0,0,0,.05);background:#fff;transition:all .1s ease 0s}
.nav__extend a{display:block;text-align:center;padding:5px 0}
.nav__extend a:hover{background:#f9f9f9}
.nav__item:hover .nav__extend{height:auto;padding:8px 0;top:100%;z-index:101;opacity:1;transition:all .3s}
.nav-switch,
.nav-language{display:none}
@media (max-width:1200px){
  .nav__item{padding:12px 15px}
}
@media (max-width:1024px){
  .logo img{max-height:36px}
  .nav__item{padding:12px 10px}
  .nav__item > a{font-size:14px}
}
@media (max-width:768px){
  :root{--header-height:58px}
  body:before{content:'';display:block;height:var(--header-height)}
  .top{display:none}
  .header{padding-top:13px;padding-bottom:12px;position:fixed;top:0;right:0;width:100%;border-bottom:solid 1px #eee;z-index:101}
  .header:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:-1}
  .logo img{max-height:32px}
  .header-tel{display:none}
  .nav{padding:0 8%;position:fixed;top:var(--header-height);left:0;right:0;height:0;background:#fcfcfc;overflow:hidden;transition:height .3s}
  .nav[is-open]{overflow:auto;height:calc(100vh - var(--header-height));z-index:11}
  .nav-wrapper{flex-direction:column;justify-content:flex-start}
  .nav__item{width:100%;border-bottom:solid 1px #eee;margin-top:15px;padding:0 10px 12px}
  .nav__item > a{font-weight:600;font-size:15px;color:#333}
  .nav__item.cur,
  .nav__item:hover{background:transparent}
  .nav__item:hover .nav__extend{height:0;padding:0;top:auto;opacity:1;transition:height .3s}
  .nav__extend{position:static;top:auto;z-index:101;opacity:1;width:100%;border:0;box-shadow:none;background:transparent;transition:height .3s}
  .nav__extend:before{content:'\e83a';position:absolute;top:15px;right:0;font-family:iconfont}
  .nav__extend[is-open]:before{content:'\e845'}
  .nav__extend:after{content:'';position:absolute;top:0;right:0;left:40%;height:40px;z-index:2}
  .nav__extend a{color:#666;text-align:left;padding-left:20px}
  .nav__extend a:last-child{padding-bottom:15px}
  .nav__extend a:hover{background:transparent}
  .nav-language{display:block;position:absolute;top:18px;right:50px;font-size:17px}
  .nav-language a{color:#555}
  .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:660px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
.page-banner{height:350px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
@media (max-width:1280px){
  .home-banner .swiper-slide{height:50vw}
}
@media (max-width:768px){
  .page-banner{height:35vw}
}
@media (max-width:512px){
  .page-banner{height:39vw}
}
/*banner end*/
.title1{text-align:center;padding:12px 0 35px}
.title1 strong{display:block;font-size:30px;color:#333;font-weight:500}
.title1 span{font-size:18px;color:#888}
@media (max-width:768px){
  .title1{padding:12px 0 25px}
  .title1 strong{font-size:20px}
  .title1 span{font-size:14px}
}
.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-product__item{flex:0 0 24%;width:24%;box-shadow:0 5px 15px rgba(0,0,0,0.1);padding:4px;margin-bottom:28px;border-radius:4px}
.home-product__item:empty{margin-bottom:0;box-shadow:none}
.home-product__item:hover{box-shadow:0 5px 15px rgba(0,51,153,0.5);transition:.3s}
.home-product__item figure{height:230px}
.home-product__item figure img{width:100%;height:100%;object-fit:cover;border-radius:4px}
.home-product__item article{text-align:center;padding:20px 9px}
.home-product__item article a{font-size:16px;font-weight:500;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-product__item article a:hover{color:var(--color1)}
.home-product__item p{margin-top:9px;color:#777;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media (max-width:1400px){
  .home-product__item figure{height:18vw}
}
@media (max-width:1024px){
  .home-product__item{flex:0 0 48%;width:48%;margin-bottom:20px}
  .home-product__item figure{height:36vw}
}
@media (max-width:512px){
  .home-product__item article{padding:12px 9px}
  .home-product__item article a{font-size:15px}
  .home-product__item p{font-size:12px}
}
.home-advantage{height:auto;background:url("../images/home-advantage.jpg") center center no-repeat;background-size:cover;position:relative}
.home-advantage:after{content:'';background:var(--color1);opacity:.9;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.home-advantage .title1{position:relative;z-index:2}
.home-advantage_list{position:relative;z-index:2}
.home-advantage__item{flex:0 0 48%;background:#fff;display:flex;border-radius:6px;transition:.3s}
.home-advantage__item:hover{transform:translateY(-5px);transition:.3s}
.home-advantage__item:nth-child(1),
.home-advantage__item:nth-child(2){margin-bottom:30px}
.home-advantage__item figure{flex:0 0 30%;height:180px;border-radius:6px 0 0 6px;background:#f5f5f5;display:flex;align-items:center;justify-content:center}
.home-advantage__item article{flex:0 0 70%;padding:16px 30px;display:flex;align-items:center}
.home-advantage__item h5{font-size:23px;margin-bottom:12px;font-weight:500}
.home-advantage__item p{line-height:1.8;color:#777}
.home-advantage .title1 strong{color:#fff}
.home-advantage .title1 span{color:#eee}
@media (max-width:768px){
  .home-advantage{height:auto}
  .home-advantage__item{flex:0 0 100%;margin-bottom:30px}
  .home-advantage__item:nth-child(3){margin-bottom:30px}
  .home-advantage__item figure{height:auto}
  .home-advantage__item figure img{height:50px}
  .home-advantage__item h5{font-size:20px;margin-bottom:9px}
}
@media (max-width:512px){
  .home-advantage__item:nth-child(1),
  .home-advantage__item:nth-child(2),
  .home-advantage__item:nth-child(3){margin-bottom:20px}
  .home-advantage__item figure{flex:0 0 25%}
  .home-advantage__item article{flex:0 0 75%;padding:15px}
  .home-advantage__item h5{font-size:18px;margin-bottom:6px}
}
.image-list{margin-bottom:20px}
.image-list__item{flex:0 0 23.5%;margin-bottom:25px}
.image-list__item:empty{margin-bottom:0}
.image-list__item figure{height:210px;overflow:hidden;box-shadow:0 0 13px rgba(0,0,0,.1);border-radius:2px}
.image-list__item figure img{width:100%;height:100%;object-fit:cover;transition:.3s}
.image-list__item figure img:hover{transform:scale(1.1)}
.image-list__item article{padding-top:12px;text-align:center}
@media (max-width:1600px){
  .image-list__item figure{height:14vw}
}
@media (max-width:1280px){
  .image-list__item{flex:0 0 24%}
  .image-list__item figure{height:18vw}
}
@media (max-width:768px){
  .image-list__item{flex:0 0 32%;margin-bottom:20px}
  .image-list__item figure{height:23vw}
}
@media (max-width:512px){
  .image-list__item{flex:0 0 48%}
  .image-list__item figure{height:35vw}
}
.home-about{padding:70px 0 50px;background:url("../images/home-about.jpg") no-repeat center center;background-size:cover;position:relative}
.home-about:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0c295c;opacity:.9}
.home-about__title{position:relative;z-index:2;text-align:center;padding:30px 0 20px}
.home-about__title strong{font-size:50px;color:#0c295c;text-transform:uppercase;position:absolute;top:0;left:0;z-index:-1;width:100%}
.home-about__title span{font-size:35px;color:#fff}
.home-about__title:after{content:'';width:50px;margin-left:-25px;height:3px;background:#fff;position:absolute;bottom:0;left:50%}
.home-about__desc{margin:45px auto;font-size:15px;color:#fff;line-height:1.8;position:relative;z-index:2;text-align:center}
.home-about__data{position:relative;z-index:2}
.home-about__grid{flex:0 0 23%;padding:30px 12px;background:rgba(255,255,255,.1);border-radius:4px;text-align:center;color:#fff}
.home-about__icon{width:76px;height:76px;margin:0 auto;border-radius:100%;background:#0c295c;display:flex;justify-content:center;align-items:center}
.home-about__icon:before{font-size:36px;font-family:iconfont;color:#fff}
.home-about__icon.i1:before{content:'\e831'}
.home-about__icon.i2:before{content:'\e749'}
.home-about__icon.i3:before{content:'\e62d'}
.home-about__icon.i4:before{content:'\e764'}
.home-about__value{margin:30px 0 9px}
.home-about__value span{font-size:33px;color:#ff7300;font-weight:600}
.home-about__value sub{font-size:17px;vertical-align:0}
.home-about__name{font-size:20px}
.home-about__more{margin-top:50px;text-align:center;z-index:2;position:relative;display:flex;justify-content:center}
.home-about__more a{color:#fff;border:solid 1px;padding:8px 30px;transition:.3s;border-radius:2px}
.home-about__more a:hover{background:rgba(255,255,255,.2)}
@media (max-width:1024px){
  .home-about{padding:50px 0}
  .home-about__title strong{font-size:40px}
  .home-about__title span{font-size:25px}
  .home-about__desc{margin:35px auto;font-size:14px}
  .home-about__value span{font-size:25px}
  .home-about__name{font-size:16px}
  .home-about__more{margin-top:30px}
}
@media (max-width:768px){
  .home-about{padding:30px 0}
  .home-about__title{padding:20px 0 14px}
  .home-about__title strong{font-size:35px}
  .home-about__title span{font-size:22px}
  .home-about__desc{margin:25px auto}
  .home-about__grid{flex:0 0 49%;margin-bottom:20px}
  .home-about__more{margin-top:20px}
  .home-about__more a{font-size:12px}
}
@media (max-width:512px){
  .home-about__grid{padding:25px 12px}
  .home-about__value{margin:20px 0 9px}
  .home-about__value span{font-size:22px}
  .home-about__value sub{font-size:12px}
  .home-about__name{font-size:15px}
}
.home-news{}
.home-news_img{flex:0 0 42%}
.home-news_img img{width:100%;height:100%;object-fit:cover;border-radius:4px}
.home-news_list{flex:0 0 55%;width:55%}
.home-news_list li{margin-bottom:20px;background:#f9f9f9;padding:12px 20px;border-radius:4px}
.home-news_list li:last-child{margin-bottom:0}
.home-news__name {font-size:18px}
.home-news__name a:hover{color:var(--color1)}
.home-news__desc {margin:12px 0;color:#888;line-height:1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-news__date {color:#999;font-size:12px}
@media (max-width:1024px){
  .home-news_list li{padding:12px}
}
@media (max-width:768px){
  .home-news__name {font-size:16px}
  .home-news__desc{margin:9px 0;font-size:12px}
}
@media (max-width:512px){
  .home-news_list li{margin-bottom:15px}
  .home-news_img{flex:0 0 100%;height:50vw;overflow:hidden}
  .home-news_list{flex:0 0 100%;width:100%;margin-top:20px}
}
.footer{padding-top:50px;background:#333;color:#fff}
.foot-title{}
.foot-title strong{font-size:20px}
.foot-title span{color:#aaa;font-weight:600;margin-left:5px}
.foot-basic{padding-right:120px;display:flex;align-items:center}
.foot-logo{width:280px;padding-left:9px;font-size:32px;margin-bottom:25px;text-align:center}
.foot-tel{width:280px;height:52px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.foot-tel strong{font-size:18px}
.foot-tel:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:var(--color1);transform:skewX(-25deg)}
.foot-tel:after{content:'';width:100%;height:100%;position:absolute;top:3px;left:3px;z-index:-2;background:#eee;transform:skewX(-25deg)}
.foot-contact{flex:1;padding-left:120px;position:relative}
.foot-contact:before{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:#555}
.foot-contact:after{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:#555}
.foot-contact__row{margin-top:15px}
.foot-qrcode{padding-left:120px;display:flex;justify-content:flex-end}
.foot-qrcode{}
.foot-qrcode__img{margin-top:15px}
.foot-qrcode__img img{max-width:120px}
.foot-copyright{margin-top:40px;text-align:center;padding:12px;background:#222;color:#999;font-size:12px}
.foot-copyright a{color:#999}
@media (max-width:1280px){
  .foot-basic{padding-right:100px}
  .foot-contact{padding-left:100px}
  .foot-qrcode{padding-left:100px}
  .foot-logo{width:250px;font-size:28px}
  .foot-tel{width:250px;height:50px}
}
@media (max-width:1024px){
  .footer{padding-top:40px}
  .foot-basic{padding-right:50px}
  .foot-contact{padding-left:30px}
  .foot-qrcode{padding-left:40px}
  .foot-logo{font-size:25px}
}
@media (max-width:768px){
  .foot-basic{flex:0 0 100%;padding-right:0;justify-content:center}
  .foot-contact{flex:0 0 100%;padding-left:0;margin:35px 0;text-align:center}
  .foot-contact:before,
  .foot-contact:after{display:none}
  .foot-qrcode{flex:0 0 100%;padding-left:0;justify-content:center}
}
@media (max-width:512px){
  .footer{padding-top:25px}
  .foot-title strong{font-size:17px}
  .foot-logo{font-size:23px;margin-bottom:20px}
  .foot-tel{height:46px}
  .foot-copyright{margin-top:20px}
}
.page-title{text-align:center;position:relative;margin:40px 0;padding-bottom:15px}
.page-title:before{content:'';position:absolute;bottom:0;left:50%;margin-left:-25px;width:50px;height:2px;background: #333}
.page-title span{font-size:30px}
.page-title small{display:block;color:#999;font-size:16px;margin-top:9px;text-transform: uppercase}
@media (max-width:1024px){
  .page-title{text-align:center;position:relative;margin:30px 0 20px;padding-bottom:13px}
  .page-title span{font-size:23px}
  .page-title small{font-size:14px}
}
@media (max-width:512px) {
  .page-title span{font-size:18px}
  .page-title small{font-size:12px;margin-top:5px}
}
.page-text p{font-size:15px;line-height:1.8;margin-bottom:12px}
.page-text img{max-width:100%}
.contact-info{margin:25px 0;border-bottom:solid 1px #eee;border-left:solid 1px #eee}
.contact-info__item{flex:0 0 33.3%;padding:50px 12px;border-top:solid 1px #eee;border-right:solid 1px #eee;text-align:center}
.contact-info__item:before{font-size:35px;font-family:iconfont;width:90px;height:90px;margin:0 auto;border-radius:100%;background:#f1f1f1;display:flex;align-items:center;justify-content:center;color:#666}
.contact-info__item.address:before{content:'\e637'}
.contact-info__item.tel:before{content:'\e636'}
.contact-info__item.email:before{content:'\e620'}
.contact-info__item small{color:#777;display:block;margin:30px 0 15px}
.contact-info__item span{font-size:16px}
.contact-qrcode{height:360px;background:url("../images/contact-qrcode.jpg") no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center}
.contact-qrcode__inner{text-align:center;color:#fff}
.contact-qrcode__inner h5{font-size:30px;font-weight:500}
.contact-qrcode__inner p{font-size:16px;margin:5px 0 20px}
.contact-qrcode__inner img{width:150px}
.content-map{margin:25px 0;height:500px;border:#ccc solid 1px}
@media (max-width:1024px){
}
@media (max-width:768px){
  .contact-qrcode{height:320px}
  .contact-info__item{flex:0 0 100%;padding:30px 12px}
  .contact-info__item:before{font-size:30px;width:70px;height:70px}
}
@media (max-width:512px){
  .contact-info{margin:20px 0}
  .contact-info__item{padding:30px 12px}
  .contact-info__item small{margin:20px 0 15px}
  .contact-qrcode__inner h5{font-size:25px}
  .contact-qrcode__inner p{font-size:14px}
  .content-map{margin:20px 0;height:350px}
}
.feedback{max-width:680px;margin:25px auto 40px}
.feedback__row{margin-bottom:25px}
.feedback input[type=text]{width:100%;height:50px;padding-left:12px;border:solid 1px #ddd;background: #f7f8fa}
.feedback input[type=text].cur{border:solid 1px #eb5e5e;}
.feedback input[type=submit]{width:230px;height:46px;background:var(--color1);color:#fff;border-radius:5px}
@media (max-width:512px) {
  .feedback__row{margin-bottom:15px}
}
.about-text{background: #f9f9f9;padding:20px;border-radius:3px;}
.about-text p{font-size:17px;line-height:1.8;margin-bottom:12px}
.about-text p:last-child{margin-bottom:0}
.about-text img{max-width:100%}
.about-video{margin:40px 0}
.about-video video{width:100%}
.about-environment{background: #f9f9f9;padding:20px 0 50px}
.about-environment__grid{flex:0 0 23%;height:230px;margin-bottom:25px}
.about-environment__grid:empty{margin-bottom:0}
.about-environment__grid img{width:100%;height:100%;object-fit: cover;border-radius:3px}
@media (max-width:1280px){
  .about-environment__grid{height:18vw}
}
@media (max-width:768px){
  .about-environment{margin-top:30px}
  .about-environment__grid{flex:0 0 48%;height:35vw}
}
.about-culture{padding:20px 0 80px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
.about-culture__item{background:#f9f9f9;flex: 0 0 23%;text-align: center;padding:30px 20px;border-radius:10px;position:relative;overflow:hidden;cursor:pointer;transition:.3s}
.about-culture__item:before{content:'';font-size:40px;width:80px;height:80px;border-radius:100%;border:solid 2px #ccc;color:#777;display:flex;justify-content: center;align-items: center;margin:0 auto;font-family:iconfont}
.about-culture__item:nth-child(1):before{content:'\e60d'}
.about-culture__item:nth-child(2):before{content:'\e7ef'}
.about-culture__item:nth-child(3):before{content:'\e763'}
.about-culture__item:nth-child(4):before{content:'\e776'}
.about-culture__name{font-size:26px;margin:20px 0 10px;font-weight: 100}
.about-culture__desc{color:#777;line-height:2}
.about-culture__hide{padding:20px;position:absolute;width:100%;height:100%;background:linear-gradient(45deg,#1a70da, #8ebb34);border-radius:10px;top:100%;left:0;display:flex;align-items:center;transition:top .4s .05s}
.about-culture__hide .about-culture__name{color:#fff;margin-top:0;font-weight: 500}
.about-culture__hide .about-culture__desc{color:#eee}
.about-culture__item:hover{box-shadow:0 0 12px 2px rgba(0,0,0,.1)}
.about-culture__item:hover .about-culture__hide{top:0}
@media (max-width:1200px) {
  .about-culture{padding:20px 0 60px}
  .about-culture__item{flex: 0 0 23%}
}
@media (max-width:1024px){
  .about-culture{padding:20px 0 40px}
  .about-culture__item{padding:30px 12px}
}
@media (max-width:768px){
  .about-culture__item{flex: 0 0 48%;margin-bottom:20px}
  .about-culture__item:before{font-size:30px;width:80px;height:80px}
  .about-culture__name{font-size:24px}
}
@media (max-width:512px){
  .about-culture__item:before{font-size:26px;width:70px;height:70px;position:re}
  .about-culture__name{font-size:18px}
  .about-culture__desc{font-size:12px;line-height:1.8}
}
.about-client{background:#f9f9f9;padding:20px 12px 60px}
/*article*/
.article-list{margin:20px auto}
.article-list__item{display:flex;justify-content: space-between;margin-bottom:30px;padding-bottom:30px;border-bottom:solid 1px #ddd}
.article-list__date{flex:0 0 120px;width:120px;min-height:76px;display:flex;justify-content:center;align-items:center;background: #f2f2f2}
.article-list__date dl{text-align: center;color:#555}
.article-list__date dt{font-size:25px;line-height:1.2}
.article-list__date dd{font-size:14px;color:#999}
.article-list article{flex-grow: 2;margin-left:20px}
.article-list article a{font-size:17px}
.article-list article a:hover{color: #0093d6}
.article-list article p{color:#999;margin-top:9px;line-height:1.7}
@media (max-width:1024px){
  .article-list__date{flex:0 0 100px;width:100px}
}
@media (max-width:512px){
  .article-list__item{margin-bottom:20px;padding-bottom:20px}
  .article-list__date{display:none}
  .article-list article{margin-left:0}
  .article-list article a{font-size:15px}
  .article-list article p{font-size:12px}
}
.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;}
.detail-neighbor{margin:50px 0;border-top:solid 1px #ddd;padding-top:12px;justify-content: space-between}
.detail-neighbor div{color:#777}
.detail-neighbor a:hover{text-decoration: underline}

@media (max-width:768px){
  .article-detail h1{margin-top:20px;font-size:17px}
  .article-detail .neighbor div{flex:0 0 100%;margin-bottom:9px}
}
/*article end*/
.product-sort{max-width:1000px;margin:0 auto 15px;justify-content:space-between}
.product-sort a{flex:0 0 15.8%;margin-bottom:20px;padding:6px 0;border:solid 1px #ddd;border-radius:15px;text-align: center}
.product-sort a.cur,
.product-sort a:hover{background:var(--color1);color:#fff}
.product-sort a:empty{padding:0;border:0;margin-bottom:0}
.product-sort a:empty:hover{background:transparent}
@media (max-width:768px){
  .product-sort{margin:0 auto 5px}
  .product-sort a{flex:0 0 32%}
}
@media (max-width:512px){
  .product-sort a{font-size:12px}
}
.goods-info{justify-content:space-between;margin-top:30px}
.goods-info__photo{flex:0 0 40%;height:400px;border:solid 1px #ddd;display:flex;justify-content: center;align-items: center;padding:2px}
.goods-info__photo img{width:100%;height:100%;object-fit:cover}
.goods-info__info{flex:0 0 56%}
.goods-info__info h1{border-bottom:solid 1px #eee;padding-bottom:22px;margin-bottom:22px;font-weight: 600}
.goods-info__info dd{margin-top:25px;padding-bottom:25px;border-bottom:dashed 1px #eee;color:#777}
.goods-info__info dd img{vertical-align:-8px}
.goods-title{padding:0 0 12px 18px;margin:32px 0 20px;border-bottom:solid 1px #eee;display:flex;justify-content: space-between;position:relative}
.goods-title:before{content:'';position:absolute;top:5px;left:0;width:5px;height:14px;background:#80a933}
.goods-title span{font-size:16px}
.goods-detail{}
.goods-detail p{margin-bottom:12px;line-height:1.8}
.goods-detail img{max-width:100%}
@media (max-width:768px){
  .goods-info{margin-top:10px}
  .goods-info__photo{flex:0 0 100%;height:60vw}
  .goods-info__info{flex:0 0 100%;margin-top:20px}
  .goods-info__info h1{padding-bottom:15px;margin-bottom:15px;font-size:15px}
  .goods-info__info dd{margin-top:15px;padding-bottom:15px}
}
/*fixed-service end*/
.fixed-service{position:fixed;right:20px;bottom:200px;z-index:101}
.fixed-service_item{border-radius:3px;width:52px;height:52px;text-align:center;background:var(--color1);margin-bottom:2px;color:#fff;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;transition:.3s}
.fixed-service_item.invisible{visibility:hidden}
.fixed-service_item:hover{background:#000;color:#fff}
.fixed-service_item:before{font-size:26px;font-family:iconfont}
.fixed-service_item.tel:before {content:'\e633'}
.fixed-service_item.qq:before {content:'\e6a1'}
.fixed-service_item.wechat:before {content:'\e6b2'}
.fixed-service_item.top:before {content:'\e816'}
.fixed-service_item.contact:before {content:'\e637'}
.fixed-service_item span{display:none}
.fixed-service_item a{display:block;width:100%;height:100%;left:0;top:0;position:absolute;z-index:2}
.fixed-service_item.tel{overflow:hidden}
.fixed-service_item.tel .extend{color:var(--color1);font-size:20px;position:absolute;top:0;bottom:0;right:100%;z-index:-1;padding:0 12px;background:#f5f5f5;line-height:1;display:flex;align-items:center;opacity:0;transition:1s}
.fixed-service_item.tel:hover{overflow:visible}
.fixed-service_item.tel:hover .extend{right:100%;opacity:1}
.fixed-service_item.contact{display:none}
.wechat-popup {position:fixed;z-index:-1;opacity:0;text-align:center;padding:30px;width:260px;border-radius:3px;margin-left:-130px;left:50%;top:30%;background:#fff}
.wechat-popup.visible{z-index:930;opacity:1}
.wechat-popup .close{position:absolute;top:10px;right:10px;cursor:pointer}
.wechat-popup .close:before{content:'\e732';font-family:iconfont;font-size:1.2rem}
.wechat-popup img{max-width:92%}
.wechat-popup p{margin:5px 0}
.wechat-popup button{background:var(--color1);color:#fff;border-radius:3px;padding:3px 9px}
.wechat-popup label{opacity:0;position:absolute;top:0}
@media (max-width:512px){
  .fixed-service{position:fixed;right:0;bottom:0;width:100%;display:flex;box-shadow:0 -2px 5px 1px rgba(0,0,0,.1)}
  .fixed-service_item{color:#333;order:0;padding:5px 0;height:58px;width:33.3%;flex:0 0 33.3%;border-radius:0;margin-bottom:0;background:#f5f5f5;border-right:solid 1px #ddd;}
  .fixed-service_item span{display:block;flex:0 0 100%;font-size:12px}
  .fixed-service_item:before{font-size:22px;display:block}
  .fixed-service_item.contact{background:var(--color1);display:flex}
  .fixed-service_item.contact:before{color:#fff;font-size:18px}
  .fixed-service_item.contact span{color:#fff}
  .fixed-service_item.top{display:none}
}
/*fixed-service end*/