*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
*:focus {outline:inherit}
html {-webkit-tap-highlight-color:transparent}
body {overflow-x:hidden;color:#333;font-size:14px;font-family:Arial,'Microsoft Yahei';-webkit-overflow-scrolling:touch}
body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,p,td,th {margin:0;padding:0;border:0}
li,ol,ul {margin:0;padding:0;list-style-type:none}
img {max-width:100%;border:0;vertical-align:middle}
img[src=""] {opacity:0}
table {border-collapse:collapse;border-spacing:0}
a {color:inherit;outline:none;text-decoration:none;background:transparent;cursor: pointer;}
a,em,i,span {display:inline-block}
b,em,i {font-style:normal}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:14px}
button {padding:0}
button,input,optgroup,select,textarea {outline:0;border:0;vertical-align:middle;font-family:'Microsoft Yahei'}
input[type=radio],input[type=checkbox] {vertical-align:-2px}
button,html input[type=button],input[type=reset],input[type=submit],input[type=text] {outline:0;border:0;border-radius:0;cursor:pointer;-webkit-appearance:button}
textarea {resize:none;font-size:14px}
textarea,.select {appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none}
.select::-ms-expand {display:none}
.clearfix::after,.mauto::after,.row::after,.hsms::after {display:table;content:""}
.clearfix:after,.mauto:after,.row:after,.hsms:after,.clear {clear:both}
.mauto {max-width:1200px;margin:0 auto}

/* 图片缩放 */
.img-scale{overflow: hidde;}
.img-scale img {transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.img-scale:hover img {transform: scale(1.1);-webkit-transform: scale(1.1)}


/* 工厂展示 */
.rel{position:relative}
.big_img{max-width:421px;margin: 0 auto;}
.big_img img{max-width: 100%;height:595px;object-fit:contain;display:block}
.big_img_tit{text-align: center;font-size: 18px;line-height: 60px;padding: 15px 0}
.thump_bg{background:#ffffff;height:auto;padding:30px 0 59px 0;}
.thump{max-width:1200px;margin: auto}
.big_img_tit01{color:#929292;line-height:36px;height:36px;overflow:hidden; text-overflow: ellipsis; white-space:nowrap;text-align:center;}
.thump_img img{max-width:100%;height: 244px;object-fit: cover}
.thump .prev{position: absolute;left: -60px;top: 25%}
.thump .next{position: absolute;right: -60px;top: 25%}
.bigImg .swiper-pagination{display:none}
.mySwiper .swiper-slide-thumb-active  .thump_img img{border:3px solid #095ECB;}
.mySwiper2 .swiper-button-prev{width: 49px !important;height: 49px !important;background: url(../images/ban-n-l.png)no-repeat;background-size: 100% 100%;}
.mySwiper2 .swiper-button-next{width: 49px !important;height: 49px !important;background: url(../images/ban-n-r.png)no-repeat;background-size: 100% 100%;}
/* .mySwiper2 .swiper-button-next:after, .mySwiper2 .swiper-button-prev:after{font-size: 25px !important;color: #fff;background: #cccccc;width: 40px;height: 40px;text-align: center;line-height: 40px !important;border-radius: 50%} */

.thump .swiper-button-prev{width: 10px !important;height: 16px !important;top:50%;left: -25px;background: url(../images/icon-l.png);background-size: 100% 100%;}
.thump .swiper-button-next{width: 10px !important;height: 16px !important;top:50%;right: -25px;background: url(../images/icon-r.png);background-size: 100% 100%;}
.thump .swiper-button-next:after, .thump .swiper-button-prev:after{font-size: 30px !important;color: #5E5E5E;width: 60px;height: 60px;text-align: center;line-height: 60px !important;border-radius: 50%}



/*  */
.text-line1{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.text-line2{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-line3{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.text-line4{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.text-line5{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.text-line6{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}


.text-hover {

}
.text-line-hover {

}
.text-hover:hover {
    color: #0A55BB !important;
}
.text-line-hover:hover {
    color: #0A55BB !important;
    text-decoration: underline;
}
/* 分享 */
.qrcode_mask{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
    z-index: 1999;
  }
  .qrcode{
      width:180px;
      padding:20px;
      position: fixed;
    z-index: 2000;
      left:50%;
      top:50%;
      margin-left:-120px;
      margin-top:-140px;
      background: #fff;
      z-index: 100000;
    font-size: 14px;
    text-align: center;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  }
  .qrcode img{
      max-width: 100%;
      max-height:100%;
  }
  .qrcode p{margin: 10px 0;}
  .weixin_close{
      background: #0058A7;
      display: inline-block;
      width:100%;
      height:30px;
      line-height: 30px;
      text-align: center;
      color: #fff;
      text-decoration: none
  }


.db {display:block}
.dn {display:none}
.rel {position:relative}
.abs {position:absolute}
.ov {overflow:hidden}
.tar {text-align:right}
.tac {text-align:center}
.fb {font-weight:bold}
.wh1 {width:100%;height:100%}
.dtm {display:table;margin:0 auto}
.dt {display:table;table-layout:fixed}
.dtcell {display:table-cell;vertical-align:middle;text-align:center}
.els {display:inline-block;overflow:hidden;width:100%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word}
.els2 {display:block;display:-webkit-box;width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.img-md img {transform:scale(1);-webkit-transform:scale(1);transition:all .8s;-webkit-transition:all .8s}
.img-md:hover img {transform:scale(1.1);-webkit-transform:scale(1.1)}
.tra,a {transition:all .3s;-webkit-transition:all .3s}
.fl {float:left}
.fr {float:right}
.cf {color:#fff}
.c0 {color:#000}
.c6 {color:#666}
.c9 {color:#999}
.baf {background:#fff}
.li25 {line-height:25px}
.li30 {line-height:30px}
.li36 {line-height:36px}
.f12 {font-size:12px}
.f16 {font-size:16px}
.f18 {font-size:18px}
.df,.dfcc,.dfccs,.dflc,.dflcs,.dflr,.dflrc,.dflrs {display:-webkit-flex;display:flex}
.df {-webkit-flex-wrap:wrap;flex-wrap:wrap}
.df>* {-webkit-flex-grow:1;flex-grow:1}
.dfcc,.dflrc,.dflcs,.dfccs {-webkit-justify-content:center;justify-content:center}
.dflc,.dfcc,.dfccs,.dflrc,.dflrs {-webkit-align-items:center;align-items:center}
.dflr,.dflrc {-webkit-justify-content:space-between;justify-content:space-between}
.dflrs {-webkit-justify-content:space-around;justify-content:space-around}
.dflcs,.dfccs {-webkit-flex-direction:column;flex-direction:column}
.dflr::before,.dflrc::before,.dflr::after,.dflrc::after {display:none}

.flex{display: flex;}
.flex-between{display: flex;justify-content: space-between;}
.flex-center{display: flex;justify-content: center;}
.flex-align-center{display: flex;align-items: center;}
.flex-warp{display: flex;flex-wrap: wrap;}

.img,.imgs {overflow:hidden;background:#eee url(data:image/gif;base64,R0lGODlhEgASAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDFGMDBBNEVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDFGMDBBNUVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMUYwMEEyRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMUYwMEEzRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQgAAQAsAAAAABIAEgAAAiuMj6nLnQADBE7GWTE+2+jIgd4lWlRIdSbynaO7qjIJz2lpr06blT1cCToKACH5BAkJAAEALAAAAAASABIAAAItjI95wOrGwHMRVdpWhu1yqUleMFblRnboKa5uC36WGqe1+c6wzrPPOJEFh8MCACH5BAkJAAEALAAAAAASABIAAAIthIOpa7CvWjxQJvtw0NNdikjaeJBeWIKbKrKuY3brOcvxB79Qje93ptr1hIsCACH5BAkIAAEALAAAAAASABIAAAIvjB+gyK3QzEMzVrlsxvDMm2whBJaL2XEjJX7tS8JsnK7eKd/0zKORrfo5RMJgowAAIfkECQkAAQAsAAAAABIAEgAAAi6Mj6nLC48eYDLCerCpOnQOZeF2jZ4JTqJKTh9asqecWnRs5+8t5ysF6zWGREMBACH5BAUIAAEALAAAAAASABIAAAIsjI8Im63s3AJxPiqhsRlvxn1eYIWkdlLmCqKs6sbw+KbX3eFNHe1oLwImLAUAOw==) no-repeat center}
.img img,.imgs img {width:100%;height:100%;object-fit:cover}
.imgs {position:relative}
.imgs img {position:absolute;top:0;left:0}
.po-auto {position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:95%;max-height:95%}
.mt5 {margin-top:.05rem}
.mt10 {margin-top:.1rem}
.mt15 {margin-top:.15rem}
.mt20 {margin-top:.2rem}
.mt25 {margin-top:.25rem}
.mt30 {margin-top:.3rem}
.mt35 {margin-top:.35rem}
.mt40 {margin-top:.4rem}
.mt45 {margin-top:.45rem}
.mt50 {margin-top:.5rem}
.mr5 {margin-right:.05rem}
.mr10 {margin-right:.1rem}
.mr15 {margin-right:.15rem}
.mr20 {margin-right:.2rem}
.mr25 {margin-right:.25rem}
.mr30 {margin-right:.3rem}
.mr35 {margin-right:.35rem}
.mr40 {margin-right:.4rem}
.mr45 {margin-right:.45rem}
.mr50 {margin-right:.5rem}
.mb5 {margin-bottom:.05rem}
.mb10 {margin-bottom:.1rem}
.mb15 {margin-bottom:.15rem}
.mb20 {margin-bottom:.2rem}
.mb25 {margin-bottom:.25rem}
.mb30 {margin-bottom:.3rem}
.mb35 {margin-bottom:.35rem}
.mb40 {margin-bottom:.4rem}
.mb45 {margin-bottom:.45rem}
.mb50 {margin-bottom:.5rem}
.ml5 {margin-left:.05rem}
.ml10 {margin-left:.1rem}
.ml15 {margin-left:.15rem}
.ml20 {margin-left:.2rem}
.ml25 {margin-left:.25rem}
.ml30 {margin-left:.3rem}
.ml35 {margin-left:.35rem}
.ml40 {margin-left:.4rem}
.ml45 {margin-left:.45rem}
.ml50 {margin-left:.5rem}
.pt5 {padding-top:.05rem}
.pt10 {padding-top:.1rem}
.pt15 {padding-top:.15rem}
.pt20 {padding-top:.2rem}
.pt25 {padding-top:.25rem}
.pt30 {padding-top:.3rem}
.pt35 {padding-top:.35rem}
.pt40 {padding-top:.4rem}
.pt45 {padding-top:.45rem}
.pt50 {padding-top:.5rem}
.pr5 {padding-right:.05rem}
.pr10 {padding-right:.1rem}
.pr15 {padding-right:.15rem}
.pr20 {padding-right:.2rem}
.pr25 {padding-right:.25rem}
.pr30 {padding-right:.3rem}
.pr35 {padding-right:.35rem}
.pr40 {padding-right:.4rem}
.pr45 {padding-right:.45rem}
.pr50 {padding-right:.5rem}
.pb5 {padding-bottom:.05rem}
.pb10 {padding-bottom:.1rem}
.pb15 {padding-bottom:.15rem}
.pb20 {padding-bottom:.2rem}
.pb25 {padding-bottom:.25rem}
.pb30 {padding-bottom:.3rem}
.pb35 {padding-bottom:.35rem}
.pb40 {padding-bottom:.4rem}
.pb45 {padding-bottom:.45rem}
.pb50 {padding-bottom:.5rem}
.pl5 {padding-left:.05rem}
.pl10 {padding-left:.1rem}
.pl15 {padding-left:.15rem}
.pl20 {padding-left:.2rem}
.pl25 {padding-left:.25rem}
.pl30 {padding-left:.3rem}
.pl35 {padding-left:.35rem}
.pl40 {padding-left:.4rem}
.pl45 {padding-left:.45rem}
.pl50 {padding-left:.5rem}
.lg-3,.lg-4,.lg-6 {float:left}
.lg-12 {width:100%}
.lg-6 {width:50%}
.lg-4 {width:33.33333333%}
.lg-3 {width:25%}

@media (max-width:1024px) {
    .md-dn {display:none !important}
    .md-db {display:block !important}
    .md-3,.md-4,.md-6 {float:left}
    .md-12 {float:none;width:100%!important}
    .md-6 {width:50% !important}
    .md-4 {width:33.33333333% !important}
    .md-3 {width:25% !important}
    .md-ha {height:auto !important}
}

@media (max-width:767px) {
    .sm-3,.sm-4,.sm-6 {float:left}
    .sm-12 {float:none !important;width:100% !important}
    .sm-6 {width:50% !important}
    .sm-4 {width:33.33333333% !important}
    .sm-3 {width:25% !important}
    .sm-ha {height:auto !important}
    .sm-mt5 {margin-top:.05rem}
    .sm-mt10 {margin-top:.1rem}
    .sm-mt15 {margin-top:.15rem}
    .sm-mt20 {margin-top:.2rem}
    .sm-mt25 {margin-top:.25rem}
    .sm-mt30 {margin-top:.3rem}
    .sm-mt35 {margin-top:.35rem}
    .sm-mt40 {margin-top:.4rem}
    .sm-mt45 {margin-top:.45rem}
    .sm-mt50 {margin-top:.5rem}
    .sm-mt0 {margin-top:0 !important}
    .sm-mr5 {margin-right:.05rem}
    .sm-mr10 {margin-right:.1rem}
    .sm-mr15 {margin-right:.15rem}
    .sm-mr20 {margin-right:.2rem}
    .sm-mr25 {margin-right:.25rem}
    .sm-mr30 {margin-right:.3rem}
    .sm-mr35 {margin-right:.35rem}
    .sm-mr40 {margin-right:.4rem}
    .sm-mr45 {margin-right:.45rem}
    .sm-mr50 {margin-right:.5rem}
    .sm-mr0 {margin-right:0 !important}
    .sm-mb5 {margin-bottom:.05rem}
    .sm-mb10 {margin-bottom:.1rem}
    .sm-mb15 {margin-bottom:.15rem}
    .sm-mb20 {margin-bottom:.2rem}
    .sm-mb25 {margin-bottom:.25rem}
    .sm-mb30 {margin-bottom:.3rem}
    .sm-mb35 {margin-bottom:.35rem}
    .sm-mb40 {margin-bottom:.4rem}
    .sm-mb45 {margin-bottom:.45rem}
    .sm-mb50 {margin-bottom:.5rem}
    .sm-mb0 {margin-bottom:0 !important}
    .sm-ml5 {margin-left:.05rem}
    .sm-ml10 {margin-left:.1rem}
    .sm-ml15 {margin-left:.15rem}
    .sm-ml20 {margin-left:.2rem}
    .sm-ml25 {margin-left:.25rem}
    .sm-ml30 {margin-left:.3rem}
    .sm-ml35 {margin-left:.35rem}
    .sm-ml40 {margin-left:.4rem}
    .sm-ml45 {margin-left:.45rem}
    .sm-ml50 {margin-left:.5rem}
    .sm-ml0 {margin-left:0 !important}
    .sm-ml0 {margin:0 !important}
    .sm-m0 {margin:0 !important}
    .sm-pt5 {padding-top:.05rem}
    .sm-pt10 {padding-top:.1rem}
    .sm-pt15 {padding-top:.15rem}
    .sm-pt20 {padding-top:.2rem}
    .sm-pt25 {padding-top:.25rem}
    .sm-pt30 {padding-top:.3rem}
    .sm-pt35 {padding-top:.35rem}
    .sm-pt40 {padding-top:.4rem}
    .sm-pt45 {padding-top:.45rem}
    .sm-pt50 {padding-top:.5rem}
    .sm-pt0 {padding-top:0 !important}
    .sm-pr5 {padding-right:.05rem}
    .sm-pr10 {padding-right:.1rem}
    .sm-pr15 {padding-right:.15rem}
    .sm-pr20 {padding-right:.2rem}
    .sm-pr25 {padding-right:.25rem}
    .sm-pr30 {padding-right:.3rem}
    .sm-pr35 {padding-right:.35rem}
    .sm-pr40 {padding-right:.4rem}
    .sm-pr45 {padding-right:.45rem}
    .sm-pr50 {padding-right:.5rem}
    .sm-pr0 {padding-right:0 !important}
    .sm-pb5 {padding-right:.05rem}
    .sm-pb10 {padding-bottom:.1rem}
    .sm-pb15 {padding-bottom:.15rem}
    .sm-pb20 {padding-bottom:.2rem}
    .sm-pb25 {padding-bottom:.25rem}
    .sm-pb30 {padding-bottom:.3rem}
    .sm-pb35 {padding-bottom:.35rem}
    .sm-pb40 {padding-bottom:.4rem}
    .sm-pb45 {padding-bottom:.45rem}
    .sm-pb50 {padding-bottom:.5rem}
    .sm-pb0 {padding-bottom:0 !important}
    .sm-pl10 {padding-left:.1rem}
    .sm-pl15 {padding-left:.15rem}
    .sm-pl20 {padding-left:.2rem}
    .sm-pl25 {padding-left:.25rem}
    .sm-pl30 {padding-left:.3rem}
    .sm-pl35 {padding-left:.35rem}
    .sm-pl40 {padding-left:.4rem}
    .sm-pl45 {padding-left:.45rem}
    .sm-pl50 {padding-left:.5rem}
    .sm-pl0 {padding-left:0 !important}
    .sm-p0 {padding:0 !important}
    .sm-db {display:block !important}
    .sm-dn {display:none !important}
}

/* 图片弹窗 begin */
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list {position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus {outline:none}
.slick-list.dragging {cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track {position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after {content:"";display:table}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {float:left;height:100%;min-height:1px}
[dir="rtl"] .slick-slide {float:right}
.slick-slide img {width:100%;display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block;height:auto}
.slick-arrow.slick-hidden {display:none}
.slick-arrow {z-index:1;position:absolute;top:50%;font-size:0;cursor:pointer;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.slick-prev {left:0}
.slick-next {right:0}
.slick-dots {position:absolute;left:0;bottom:20px;width:100%;font-size:0;text-align:center}
.slick-dots div {display:inline-block;width:12px;height:12px;border-radius:99px;background:#ccc;margin:0 5px;cursor:pointer}
.slick-dots div.slick-active,.slick-dots div:hover,.slick-dots div:focus {background:#333}
.slick-dots div button {display:none}

.fix-wrap {display:none;z-index:999;position:fixed;background:rgba(0,0,0,0.8)}
.fix-wrap,.fix-wrap svg {top:0;left:0;width:100%;height:100%}
.fix-wrap .hide,.fix-wrap circle {transition:all .8s;-webkit-transition:all .8s}
.fix-wrap .hide {position:fixed;top:5%;right:5%;width:49px;height:49px;border-radius:50%;cursor:pointer;overflow:hidden;background:transparent}
.fix-wrap .hide::before,.fix-wrap .hide::after {z-index:1;position:absolute;content:'';top:50%;left:50%;width:1px;height:50%;margin-top:-25%;background:#fff}
.fix-wrap .hide::before {transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.fix-wrap .hide::after {transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.fix-wrap .hide:hover {transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.fix-wrap .hide:hover circle {fill:none;stroke-dasharray:145}
.fix-wrap svg {position:absolute}
.fix-wrap circle {stroke-dasharray:0 145}
.fix-pic {overflow:auto}
.fix-pic img {max-height:100%;animation:zoomIn .5s both;-webkit-animation:zoomIn .5s both}
.fix-pics {background:rgba(0,0,0,0.7)}
.fix-pic-slider {color:#fff}
.fix-pic-slider .item {position:relative;width:100%;height:100vh;cursor:grab;cursor:-webkit-grab;background-color:transparent}
.fix-pic-slider .item:active {cursor:grabbing;cursor:-webkit-grabbing}
.fix-pic-slider .item::after {position:absolute;content:'';z-index:-1;top:0;right:0;bottom:0;left:0;margin:auto;width:50px;height:50px;border-radius:5px;box-shadow:0 0 10px rgba(255,255,255,0.1);background:rgba(255,255,255,0.9)}
.fix-pic-slider img,.fix-pic-slider em {position:absolute;left:0;bottom:0}
.fix-pic-slider img {top:0;right:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:inherit}
.fix-pic-slider em {width:100%;line-height:25px;font-weight:bold;text-align:center;font-size:16px;padding:10px;box-shadow:0 0 10px rgba(255,255,255,0.1);background:rgba(0,0,0,0.7)}
.fix-pic-slider .slick-arrow {width:45px;height:45px;border-radius:5px;box-shadow:0 0 5px rgba(255,255,255,0.1);background:rgba(0,0,0,0.3);transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;-webkit-transition:all .5s}
.fix-pic-slider .slick-arrow::after {position:absolute;content:'';top:50%;border:solid #fff;padding:6px}
.fix-pic-slider .slick-arrow:hover {background:rgba(0,0,0,0.9)}
.fix-pic-slider .slick-prev {left:1%;animation:slideInLeft .5s both;-webkit-animation:slideInLeft .5s both}
.fix-pic-slider .slick-prev::after {left:50%;border-width:0 1px 1px 0;transform:translateX(-25%) translateY(-50%) rotate(135deg);-webkit-transform:translateX(-25%) translateY(-50%) rotate(135deg)}
.fix-pic-slider .slick-next {right:1%;animation:slideInRight .5s both;-webkit-animation:slideInRight .5s both}
.fix-pic-slider .slick-next::after {right:50%;border-width:1px 0 0 1px;transform:translateX(25%) translateY(-50%) rotate(135deg);-webkit-transform:translateX(25%) translateY(-50%) rotate(135deg)}
.fix-pic-slider .slick_page {position:absolute;top:0;left:0;padding:15px;font-size:16px;font-weight:bold}
.fix-pic-slider .slick_page i {font-size:22px}
.fix-pic-slider .slick_page div {display:none}
.fix-pic-slider .slick_page div.slick-active {display:block}
/* 图片弹窗 end */

.animation {visibility:hidden;opacity:0}
.fadel,.fader,.fadeup,.fadez {visibility:visible}

.fadeup {animation:slideInUp ease-out .6s forwards;-webkit-animation:slideInUp ease-out .6s forwards}
@keyframes slideInUp {
    from {transform:translate3d(0,50%,0)}
    to {opacity:1;transform:none}
}
@-webkit-keyframes fadeInUp {
    from {-webkit-transform:translate3d(0,50%,0)}
    to {opacity:1;-webkit-transform:none}
}

.fadel {animation:slideInLeft ease-out .6s forwards;-webkit-animation:slideInLeft ease-out .6s forwards}
@keyframes slideInLeft {
    from {transform:translate3d(-50%,0,0)}
    to {opacity:1;transform:none}
}
@-webkit-keyframes slideInLeft {
    from {-webkit-transform:translate3d(-50%,0,0)}
    to {opacity:1;-webkit-transform:none}
}

.fader {animation:slideInRight ease-out .6s forwards;-webkit-animation:slideInRight ease-out .6s forwards}
@keyframes slideInRight {
    from { transform:translate3d(50%,0,0); -webkit-transform:translate3d(50%,0,0); -moz-transform:translate3d(50%,0,0); -ms-transform:translate3d(50%,0,0); -o-transform:translate3d(50%,0,0); }
    to {opacity:1;transform:none}
}
@-webkit-keyframes slideInRight {
    from {-webkit-transform:translate3d(50%,0,0)}
    to {opacity:1;-webkit-transform:none}
}

.fadez {animation:zoomIn ease-out .6s forwards;-webkit-animation:zoomIn ease-out .6s forwards}
@keyframes zoomIn {
    from {transform:scale3d(.3,.3,.3)}
    to {opacity:1;transform:none}
}
@-webkit-keyframes zoomIn {
    from {-webkit-transform:scale3d(.3,.3,.3)}
    to {opacity:1;-webkit-transform:none}
}

@keyframes resize {
	from,60%,75%,90%,to {animation-timing-function:cubic-bezier(.215,.61,.355,1)}
	0% {opacity:0;transform:scale(5,5)}
	100% {opacity:1;transform:scale(1,1)}
}
@-webkit-keyframes resize {
	from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}
	0% {opacity:0;-webkit-transform:scale(5,5)}
	100% {opacity:1;-webkit-transform:scale(1,1)}
}

@keyframes ReturnToNormal {
	from {opacity:0;transform-origin:right bottom;transform:rotate3d(0,0,1,45deg)}
	to {opacity:1;transform-origin:right bottom;transform:none}
}
@-webkit-keyframes ReturnToNormal {
	from {opacity:0;-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg)}
	to {opacity:1;-webkit-transform-origin:right bottom;-webkit-transform:none}
}