.am1 {transition:all 0.5s ease 0s;}
.right-nav {position:fixed;z-index:10;top:50%;right:0;transform:translateY(-50%);}
.right-nav-btn {position:fixed;top:50%;right:0;display:flex;align-items:center;justify-content:center;width:.38rem;height:.76rem;font-size:.2rem;color:#fff;background:linear-gradient(to right,#00bcbc,#008dbc);transform:translateY(-50%);transition:all .4s ease 0s;}
.right-nav .right-nav-btn.right-nav-hide {right:-.38rem;} 
ul.right-nav-list {position:fixed;top:50%;right:.15rem;z-index: 100;transform:translateY(-50%);transition:all .4s ease 0s;}
ul.right-nav-list.hide {
  display: none;
}
/* .right-nav:hover .right-nav-btn {right:-.38rem;}
.right-nav:hover ul.right-nav-list {right:.15rem;z-index:100;} */
ul.right-nav-list.right-nav-list-show { right:.15rem;z-index:100; }

ul.right-nav-list li a {display:block;width:.76rem;background:#f3f3f3;text-align:center;font-size:.14rem;color:#333;padding:.15rem 0;border-bottom:1px #dfdfdf solid;}
ul.right-nav-list li:nth-child(4) a,ul.right-nav-list li:last-child a {border-bottom:none;}
ul.right-nav-list li a i {display:block;margin:0 0 .05rem 0;color:#00c0c1;font-size:.22rem;}
ul.right-nav-list li.last-pop {margin-top:.2rem;}
ul.right-nav-list li a:hover,ul.right-nav-list li.last-pop a {background:linear-gradient(to right,#00bdc0,#0092c0);color:#fff;}
ul.right-nav-list li a:hover i,ul.right-nav-list li.last-pop a i {color:#fff;}

@media screen and (max-width:1366px) {
  ul.right-nav-list li a { width: 1.2rem; }
}
@media screen and (max-width:768px) {
  ul.right-nav-list { top: auto; right: auto; bottom: 0; left: 0;  width: 100%; display: flex; transform: translate(0, 0); }
  ul.right-nav-list .weixin { display: none; }
  ul.right-nav-list li { width: 25%; }
  ul.right-nav-list li.last-pop { margin-top: 0; }
  ul.right-nav-list li a { width: 100%; padding: .16rem 0; border-bottom: 0; font-size: .28rem; }
  ul.right-nav-list li a i { font-size: .4rem; margin: 0 0 .1rem 0; }
}

/* 产品查找弹窗 */
.al-pop {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99;}
.pop-content {position:relative;width:10rem;height: 7rem;left:50%;top:50%;background:#fff; transform: translate(-50%, -50%);}
.pop-content i {position:absolute;right:0;top:0;width:.42rem;height:.42rem;background:linear-gradient(to right,#00bdc0,#0092c0);color:#fff;text-align:center;color:#fff;margin-right:0;font-size:0.2rem;line-height:.42rem;cursor:pointer; z-index: 100;}
.pop-content .pop-left {width:40%;position:relative;height:100%;}
.pop-content .pop-left .desc {padding:0.5rem;}
.pop-content .pop-left .desc .ftitle {color:#666;font-size:0.16rem;background:url(../images/pop/line.png) no-repeat 0 50%;padding-left:.8rem;}
.pop-content .pop-left .desc h3.title {font-size:0.36rem;margin-top:0.25rem;}
.pop-content .pop-left .bg {position:absolute;left:0;bottom:0;width:100%;}
.pop-content .pop-right {width:60%;height:100%;background:#f1f1f1;}
.pop-content .pop-right .step-content {padding:0.5rem;}
.pop-content .pop-right .step-content .step-nav .number {color:#cbcbcb;margin-bottom:0.2rem;}
.pop-content .pop-right .step-content .step-nav .number span {color:#00929a;}
.pop-content .pop-right .step-content .step-nav h3.title {font-size:0.24rem;color:#00929a;margin-bottom:0.2rem;}
.pop-content .pop-right .step-content .step-nav label {display:block;font-size:0.16rem;color:#969696;line-height:1;margin-bottom:0.15rem;position:relative;}
.pop-content .pop-right .step-content .step-nav label.disabled { text-decoration: line-through; }
.enm {font-family:"DINProMedium";}
.pop-content .pop-right .step-content .step-nav .duox,.pop-content .pop-right .step-content .step-nav .danx {display:none;}
.pop-content .pop-right .step-content .step-nav .duox[type=checkbox]+span {position:absolute;left:0;top:0;display:inline-block;margin-right:0.1rem;width:.18rem;height:.18rem;border:1px #adadad solid;position:relative;left:0;top:0.04rem;}
.pop-content .pop-right .step-content .step-nav .duox[type=checkbox]:checked+span {display:inline-block;width:.18rem;height:.18rem;border:1px #00929a solid;background:#00929a;position:relative;}
.pop-content .pop-right .step-content .step-nav .duox[type=checkbox]:checked+span:after {position:absolute;left:0;top:0;display:block;content:"√";font-size:0.16rem;color:#fff;}
.pop-content .pop-right .step-content .step-nav .danx[type=radio]+span {position:absolute;left:0;top:0;display:inline-block;margin-right:0.1rem;width:.18rem;height:.18rem;border:1px #adadad solid;position:relative;left:0;top:0.04rem;}
.pop-content .pop-right .step-content .step-nav .danx[type=radio]:checked+span {display:inline-block;width:.18rem;height:.18rem;border:1px #00929a solid;background:#00929a;position:relative;}
.pop-content .pop-right .step-content .step-nav .danx[type=radio]:checked+span:after {position:absolute;left:0;top:0;display:block;content:"√";font-size:0.16rem;color:#fff;}
.pop-content .pop-right .step-content .step-nav .steps {position:absolute;right:0.5rem;bottom:0.5rem;}
.pop-content .pop-right .step-content .step-nav .steps button {font-size:0.18rem;width:1.22rem;margin-left:0.15rem;padding:0.05rem;}
.pop-content .pop-right .step-content .step-nav .steps .refill {color:#969696;border:1px #969696 solid;cursor:pointer;}
.pop-content .pop-right .step-content .step-nav .steps .xyb {background:linear-gradient(to right,#f5ad19,#f07009);color:#fff;border:1px #f5ad19 solid;cursor:pointer;}
.main-hide {position:absolute;top:-9999px;left:-9999px;}
.pop-content .pop-right .step-content .step-nav .radio-l {margin-right:0.5rem;}
.pop-content .pop-right .step-content .step-nav .titlecc {font-size:0.18rem;color:#888;padding-bottom:0.2rem;}
.mat-text {width:100%;border:1px #D6D6D6 solid;background:none;padding:7px;}
input::-webkit-input-placeholder {color:#969696;font-size:0.16rem;}
input:-moz-placeholder {color:#969696;font-size:0.16rem;}
input::-moz-placeholder {color:#969696;font-size:0.16rem;}
input:-ms-input-placeholder {color:#969696;font-size:0.16rem;}
ul.dj_list li {width:45%;margin-right:5%;background:#fff;overflow:hidden;margin-bottom:0.3rem}
ul.dj_list li a {position:relative;padding:0.2rem 0;display:block;}
ul.dj_list li .desc .pic {height:1.32rem;}
ul.dj_list li .desc .pic img {max-width:100%;max-height:100%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);}
ul.dj_list li .desc h2.title {text-align:center;font-size:0.16rem;font-weight:400;color:#00929a;padding-top:0.1rem}
ul.dj_list li .open-more {position:absolute;left:0;top:100%;width:100%;height:100%;z-index:1;background:rgba(0,0,0,0.5);text-align:center;}
ul.dj_list li .open-more .more {display:inline-block;font-size:0.16rem;padding:0.1rem 0.25rem;background:linear-gradient(to right,#f5ad19,#f07009);color:#fff;margin-top:33%;}
ul.dj_list li:hover .open-more {top:0;}
ul.wz-list li {padding-right:5%;}
ul.wz-list li a {color:#969696;padding:0.1rem 0;border-bottom:1px #e1e1e1 solid;display:block;}
ul.wz-list li a h2.title {font-size:0.16rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:0.05rem}
ul.wz-list li a .time {font-size:0.16rem;}
ul.wz-list li:hover a h2.title,ul.wz-list li:hover a .time {color:#00929a;}
.al-pop {display:none;}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
  .pop-content { transform: translate(-50%, -50%) scale(1.4); }
}
@media screen and (max-width:860px) {}
@media screen and (max-width:768px) {
  .pop-content { width: 90%; height: auto; transform: translate(-50%, -50%) scale(1); }
  .pop-content i { display: flex; align-items: center; justify-content: center; width: 0.8rem; height: 0.8rem; font-size: 0.6rem; }
  .pop-content .pop-left { width: 100%; height: auto; }
  .pop-content .pop-left .desc .ftitle { padding-left: 1.5rem; font-size: .34rem; }
  .pop-content .pop-left .bg { left: auto; right: 0; width: 2rem; height: 2rem; }
  .pop-content .pop-right { width: 100%; height: auto; }
  .pop-content .pop-right .step-content { height: 100%; }
  .pop-content .pop-right .step-content .step-nav .steps { position: relative; right: auto; bottom: auto; margin-top: .4rem; text-align: right; }
  .pop-content .pop-right .step-content .step-nav h3.title { font-size: .4rem; }
  .pop-content .pop-right .step-content .step-nav .duox[type=checkbox]+span,
  .pop-content .pop-right .step-content .step-nav .duox[type=checkbox]:checked+span { width: .26rem; height: .26rem; }
  .pop-content .pop-right .step-content .step-nav .danx[type=radio]+span { width: .4rem; height: .4rem; }
  .pop-content .pop-right .step-content .step-nav .danx[type=radio]:checked+span { width: .4rem; height: .4rem; }
  .pop-content .pop-right .step-content .step-nav .danx[type=radio]:checked+span:after { top: 50%; left: 50%; font-size: .24rem; transform: translate(-50%, -50%); }
  .pop-content .pop-right .step-content .step-nav label { font-size: .36rem; }
  .pop-content .pop-right .step-content .step-nav .number { font-size: .5rem; }
  .pop-content .pop-right .step-content .step-nav .steps button { width: auto; padding: .2rem .3rem; font-size: .36rem; }
  .pop-content .pop-right .step-content .step-nav .titlecc { font-size: .36rem; }
  #habit .radio-one { height: 3.7rem; overflow-y: auto; }
  #material .material-list { display: flex; flex-wrap: wrap; }
  #material .material-list label { width: 50%; }
  #material .mat-text { margin-top: 0.3rem; font-size: .4rem; }
  #material .mat-text::placeholder { font-size: .4rem; }
  ul.wz-list { max-height: 5rem; overflow-y: auto; }
  ul.wz-list li a h2.title { font-size: .36rem; }
  ul.wz-list li a .time { font-size: .3rem; }

  #industry-nav { height: 3rem; overflow-y: auto; }
}

.wechat-modal-container { position: fixed; z-index: 400; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; background: #000000; opacity: 0; -webkit-transform: scale(0); transform: scale(0); font-size: 20px; padding: 2em 0; z-index: 20; }
.wechat-modal-container.transition { -webkit-transition: all 0.2s; transition: all 0.2s; }
.wechat-modal-container.show { width: 100%; height: 100%; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.wechat-modal-container .wechat-img { position: absolute; top: 50%; left: 50%; width: 5rem; height: 5rem; transform: translate(-50%, -50%); }
.wechat-modal-container .icon-guanbi { font-size: inherit; width: 2em; height: 2em; color: #FFFFFF; position: fixed; z-index: 800; right: 0; top: 0; border-radius: 0 0 0 70%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; background: #242738; padding-left: 0.2em; padding-bottom: 0.2em; cursor: pointer; }
.wechat-modal-container .icon-guanbi:hover { opacity: 0.8; }