@charset "utf-8"; /* CSS Document */ *{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Source Han Sans CN';} header,footer,nav,div,p,span,b,a,input,textarea,ul,li{margin: 0;padding: 0;} ul li{list-style: none;} a{text-decoration: none;color: #000;-webkit-tap-highlight-color: transparent;} table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;line-height: 30px;padding: 10px;} input,select,textarea{outline: none;} textarea{resize: none;outline: none;} iframe{display: block;width: 100%;/*height: ;*/border: 0;margin: 0 auto;} body{font: 12px/22px '';color: #000; width:100%;background: #fff;} /*html,body{min-height: 100%;}*/ .f_le{float: left;} .f_ri{float: right;} .clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;} .p_re{position: relative;} .p_ab{position: absolute;} .flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} .flexbox1{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;} .flexbox2{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;} .flexbox3{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;} .flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;} .flexc{margin: auto auto;} .flexwarp{flex-wrap: wrap;} .column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */column-count:; /* 鍒楁暟 */column-gap:; /* 鍒楅棿璺 */column-rule:; /* 鍒嗛殧绾 */} .txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden;} .txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden;} .pic{width: 300px;overflow: hidden;position: relative;} .pic figure{padding-top: 75%;} .pic figure img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);} /* wrapper */ .wrapper{} /* header */ .header{width: 100%;position: relative;} .header .menu_btn{display: block;width: 100%;} .header .menu_btn img{display: block;width: 100%;} .header .n-link{width: 2.7rem;height: .75rem;position: absolute;top: 0;bottom: 0;right: 1.05rem;text-align: center;line-height: .75rem;color: #fff;} .header .n-link a{display: inline-block;vertical-align: middle;font-size: .18rem;color: #fff;opacity: .5;} .header .n-link span{display: inline-block;vertical-align: middle;margin: 0 .08rem;} .header .n-link a.active{opacity: 1;} /* footer */ .footer{width: 100%;background: url(../images/bj04.jpg) top right repeat-y;background-size: 100% auto;padding: .35rem .35rem .4rem;} .footer .text{width: calc(100% - 2.38rem);margin: auto 0;font-size: .18rem;color: #676767;line-height: 1.5;} .footer .text a{color: #676767;} .footer .qrcode{max-width: 2.38rem;margin: auto 0;} .footer .qrcode span{display: block;width: 1.03rem;height: 1.03rem;/*float: left;*/margin-right: .1rem;} .footer .qrcode span:nth-child(1){margin-bottom: .1rem;} .footer .qrcode span img{display: block;width: 100%;height: 100%;} /* backdrop */ .backdrop{width: 100%;height: 100%;background: rgba(0,0,0,.32);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 999;display: none;} .white-box{width: 100%;height: 100%;margin: auto auto;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 10000000;background: #fff;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.15);display: none;} .white-box .w-item-box{position: relative;} .white-box .btn-close{display: block;width: .2rem;height: .45rem;border-radius: 100%;background: url(../images/ico19.png) center center no-repeat;background-size: 100% auto;cursor: pointer;float: left;} .white-box .w-head a{display: block;float: right;font-size: .24rem;color: #007be5;line-height: .45rem;} .white-box .w-head{width: 100%;border-bottom: 1px solid #e7e7e7;padding: .15rem .35rem;} .white-box .w-body{height: calc(100% - .8rem);background: #fff;overflow-y: auto;padding: .5rem .35rem;} .white-box .w-name{font-size: .38rem;color: #000000;line-height: 1.5;} .white-box .w-form{width: 100%;display: block;margin: 0 auto;} .white-box .w-item{width: 100%;border-bottom: 1px solid #d9d9d9;overflow: hidden;margin-top: .3rem;} .white-box .w-item .ico{display: block;width: .4rem;height: .7rem;float: left;} .white-box .w-item .inp{display: block;width: calc(100% - .4rem);height: .7rem;border: 0;font-size: .24rem;color: #808080;float: left;} .white-box .w-item .inp::-webkit-input-placeholder{color: #808080;opacity: .45;} .white-box .w-item .inp::-moz-placeholder{color: #808080;opacity: .45;} .white-box .yzm{display: block;width: 1.2rem;height: .42rem;border: 1px solid #d9d9d9;border-radius: 3px;overflow: hidden;float: right;cursor: pointer;margin: auto 0;position: absolute;right: 0;top: .3rem;bottom: 0;} .white-box .yzm img{display: block;width: 100%;height: 100%;} .white-box .sel{display: block;display: block;width: calc(100% - 30px)!important;float: left;height: 40px;border: 0;font-size: 14px;color: #808080;-webkit-appearance:none;-moz-appearance:none;appearance:none;background: url(../images/ico10.png) right center no-repeat #fff;padding-right: 30px;} .white-box .sel .pick-show{height: 40px;overflow: hidden;line-height: 40px;} .white-box .inp1{display: block;height: .55rem;border: .01rem solid #d9d9d9;border-radius: 3px;padding: 0 .15rem;font-size: .18rem;color: #808080;float: left;margin-left: .2rem;width: 1rem;margin-top: .3rem;} .white-box .inp1::-webkit-input-placeholder{color: #808080;opacity: .45;} .white-box .inp1::-moz-placeholder{color: #808080;opacity: .45;} .white-box .inp2{width: 100%;margin-top: .15rem;border: .01rem solid #d9d9d9;height: .55rem;padding: 0 .15rem;color: #808080;font-size: .24rem;} .white-box .inp2::-webkit-input-placeholder{color: #808080;opacity: .45;} .white-box .inp2::-moz-placeholder{color: #808080;opacity: .45;} .white-box .btn-yzm{display: block;width: 1.3rem;height: .42rem;border: .01rem solid #007be5;color: #007be5;text-align: center;line-height: .4rem;border-radius: 3px;overflow: hidden;font-size: .18rem;margin: auto 0;position: absolute;right: 0;top: .3rem;bottom: 0;} .white-box .yx-txt{font-size: .24rem;color: #343434;line-height: 1;margin-top: .35rem;border-bottom: 1px solid #d9d9d9;padding-bottom: .25rem;} .white-box .yx-txt span{color: #ed0000;} .white-box .txt{text-align: right;font-size: .2rem;color: #adadad;line-height: .4rem;cursor: default;margin-top: .1rem;} .white-box .txt a{color: #007be5;} .white-box .w-item1 .inp{width: calc(100% - 2rem);float: left;} .white-box .w-item2{width: 180px;float: left;} .white-box .btn_1{display: block;width: 100%;height: .75rem;border: 0;background: #007be5;text-align: center;line-height: .75rem;color: #fff;font-size: .24rem;font-weight: initial;border-radius: .75rem;cursor: pointer;margin-top: .25rem;} /* register */ .register .btn_1{margin-top: .5rem;} /* forget */ .forget .btn_1{margin-top: .5rem;} /* banner */ .banner{width: 100%;position: relative;overflow: hidden;z-index: 0;} .banner .swiper-slide img{width: 100%;display: block;} .banner .swiper-pagination{position: absolute;bottom: 25px;} .banner .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #fff;} .banner .swiper-pagination-bullet-active{width: 40px;height: 12px;opacity: 1;border-radius: 12px;background: #15499a;} /* home picShow */ .picShow{width: 100%;} .picShow a{display: block;width: 100%;} .picShow img{display: block;width: 100%;} /* home titBox */ .n-titBox{text-align: center;line-height: 1.2;margin-bottom: .4rem;} .n-titBox .ftitle{display: block;font-size: .4rem;color: #007be5;text-transform: uppercase;} .n-titBox .title{font-size: .28rem;color: #1b1b1b;} /* home environment */ .n-environment{width: 100%;border-top: .09rem solid #007be5;padding: .55rem .35rem;} .n-environment .list{position: relative;text-align: center;color: #ffffff;cursor: default;} .n-environment .list a{display: block;} .n-environment .list .ico{width: 1rem;height: 1rem;border-radius: 100%;overflow: hidden;background: #007be5;margin: 0 auto .1rem;padding-top: .05rem;transition: .5s;} .n-environment .list:nth-child(2) .ico{background: #f95358;} .n-environment .list:nth-child(3) .ico{background: #ffb400;} .n-environment .list:nth-child(4) .ico{background: #00c380;} .n-environment .list .ico img{display: block;height: .5rem;width: auto;margin: auto auto;} .n-environment .list .tit{font-size: .22rem;line-height: 1.5;font-weight: bold;} .n-environment .list .gd{display: block;line-height: 1.2;font-size: .18rem;color: #737373;} /* home shopping */ .n-shopping{width: 100%;background: url(../images/bj02.jpg) top center no-repeat;background-size: 100% 100%;padding: .55rem .35rem .6rem;overflow: hidden;} .n-shopping .n-titBox .title,.n-shopping .n-titBox .ftitle{color: #fff;} .n-shopping .ns-nav{margin-bottom: .3rem;} .n-shopping .ns-nav .ns-nav-box{display: none;overflow-x: auto;white-space: nowrap; } .n-shopping .ns-nav-box a{display: inline-block;margin: 0 .35rem .15rem 0;text-align: center;font-size: .2rem;color: #fff;line-height: 1.5;overflow: hidden;transition: .5s;} .n-shopping .ns-nav-box a:last-child{margin-right: 0;} .n-shopping .ns-nav-box a .ico{display: block;width: .5rem;height: .5rem;overflow: hidden;position: relative;margin: 0 auto;} .n-shopping .ns-nav-box a .ico img{display: block;width: 100%;position: absolute;top: -.5rem;left: 0;right: 0;transition: .5s;} .n-shopping .ns-nav-box a.active{color: #ffb400;} .n-shopping .ns-nav-box a.active .ico img{top: -1rem;} .n-shopping .ns-right{position: relative;width: 100%;height: .8rem;} .n-shopping .ns-nav-swiper{width: calc(100% - 1.5rem);height: 100%;margin: 0 auto;overflow: hidden;position: relative;border-left: 1px solid rgba(255,255,255,.5);border-right: 1px solid rgba(255,255,255,.5);} .n-shopping .ns-nav-swiper .swiper-slide{background: #0069d3;text-align: center;color: #fff;border-bottom: 1px solid rgba(255,255,255,.5);cursor: pointer;} .n-shopping .ns-nav-swiper .name{font-size: .24rem;margin: auto auto;} .n-shopping .ns-nav-swiper .swiper-slide.active{background: #ffb400;} .n-shopping .ns-right .swiper-button-prev,.n-shopping .ns-right .swiper-button-next{width: .75rem;height: .8rem;position: absolute;top: 0;bottom: 0;margin: 0;display: block;opacity: 1;cursor: pointer;} .n-shopping .ns-right .swiper-button-prev:after,.n-shopping .ns-right .swiper-button-next:after{display: none;} .n-shopping .ns-right .swiper-button-prev{left: 0;background: url(../images/ico31.png) center center no-repeat;background-size: 100% 100%;border: 1px solid rgba(255,255,255,.5);border-right: 0;} .n-shopping .ns-right .swiper-button-next{right: 0;top: unset;background: url(../images/ico32.png) center center no-repeat #ffffff;background-size: 100% 100%;} .n-shopping .ns-left{width: 100%;} .n-shopping .product-swiper{width: 100%;overflow: hidden;position: relative;display: none;} .n-shopping .product-swiper .swiper-slide{width: 50%;border: 1px solid #c1c1c1;background: #fff;position: relative;} .n-shopping .product-swiper a{width: 100%;color: #fff;overflow: hidden;} .n-shopping .product-swiper .pic{width: 100%;z-index: 0;} .n-shopping .product-swiper .pic figure{padding-top: 114.039%;} .n-shopping .product-swiper .tit{background: #969696;font-size: .18rem;line-height: .6rem;text-align: center;padding: 0 .15rem;position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;transition: .5s;} .n-shopping .product-swiper .shade{position: absolute;top: 0;left: 0;right: 0;bottom: 120%;background: url(../images/ico26.png) center center no-repeat rgba(0,0,0,.5);background-size: .55rem .55rem;z-index: 1;transition: 1.2s;} .n-shopping .product-swiper .swiper-slide-active .tit{bottom: -.6rem;} .n-shopping .product-swiper .swiper-slide-active .shade{bottom: 0;} /* home business */ .n-business{width: 100%;background: url(../images/bj03.jpg) bottom center no-repeat #f4f4f4;background-size: 100% auto;padding: .55rem .35rem .8rem;} .n-business .n-titBox{margin-bottom: .25rem;} .n-business .slogan{text-align: center;margin-bottom: .5rem;} .n-business .slogan span{display: inline-block;border: 1px solid #b9b9b9;border-radius: .3rem;font-size: .18rem;color: #4a4a4a;line-height: .3rem;padding: 0 .35rem;} .n-business .list{width: 1.7rem;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.15);border-radius: .18rem;transition: .5s;} .n-business .list a{display: block;width: 100%;padding: .5rem 0 .4rem;text-align: center;} .n-business .list .ico{display: block;width: 1rem;height: 1rem;border-radius: 100%;margin: 0 auto .15rem;background: #ddd;box-shadow: 3px 3px 5px rgba(0,0,0,.15);} .n-business .list .tit{font-size: .24rem;color: #1b1b1b;line-height: .35rem;} .n-business .list .gd{font-size: .18rem;color: #5b5b5b;line-height: .25rem;} /* home comments */ .n-comments{width: 100%;position: relative;padding: .8rem .35rem;} .n-comments em{display: block;width: 50%;height: .28rem;background: #007be5;position: absolute;top: 0;right: 0;} .n-comments .list{width: 100%;position: relative;border-radius: .15rem;margin-bottom: .2rem;overflow: hidden;cursor: default;overflow: hidden;background: #f95358;transition: .5s;} .n-comments .list:nth-child(2){background: #ffb400;} .n-comments .list:nth-child(3){background: #00c380;} .n-comments .list .img{display: block;height: 1.6rem;float: right;} .n-comments .list .cont{position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: .25rem .55rem 0;color: #fff;} .n-comments .list .tit{font-size: .35rem;line-height: 1.5;} .n-comments .list .tit b{float: left;margin-right: .1rem;font-weight: initial;} .n-comments .list .ftit{font-size: .18rem;text-transform: uppercase;line-height: 1.1;opacity: .3;float: left;margin-top: .05rem;} .n-comments .list .gd{display: block;width: 1.2rem;height: .35rem;background: #fff;border-radius: .35rem;line-height: .35rem;color: #737373;font-size: .18rem;text-align: center;margin-top: .1rem;} .n-comments .n-opinion{display: block;width: 100%;} .n-comments .n-opinion textarea{display: block;width: 100%;height: 1.6rem;border: 0;border-radius: .15rem;background: #f5f5f5;padding: .18rem .25rem;font-size: .18rem;color: #707070;text-align: justify;line-height: 1.5;font-family: 'Source Han Sans CN';} .n-comments .n-opinion .btn{display: block;width: 100%;height: .55rem;background: #007be5;border-radius: .15rem;color: #fff;border: 0;font-size: .2rem;font-weight: initial;cursor: pointer;} /* crumbs */ .crumbs{width: 100%;background: #fafafa;height: .76rem;overflow: hidden;line-height: .75rem;border-bottom: .01rem solid #eff0f1;margin-top: -.76rem;position: relative;z-index: 5;padding: 0 .35rem;} .crumbs .c-link{display: block;font-size: .18rem;color: #333333;line-height: .75rem;margin: 0 auto;transition: .5s;} /*.crumbs .c-link:last-child{margin-right: 0;}*/ .crumbs .c-link:hover,.crumbs .c-link.active{color: #007be5;} /* out */ .out{padding: .6rem .35rem .85rem;} .article{font-size: .18rem;color: #737373;text-align: justify;line-height: 2;} .article img{max-width: 100%;} .article iframe,.article video{width: 100%;} .n-friendship{width: 100%;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;padding: .2rem .35rem;font-size: .18rem;color: #808080;line-height: .3rem;} .n-friendship .name{float: left;} .n-friendship .box{width: calc(100% - 1.5rem);float: right;} .n-friendship .box a{display: block;float: left;color: #808080;cursor: pointer;margin-left: .1rem;transition: .5s;} .n-friendship .box a:hover{color: #007be5;} /* policy */ .policy .list{width: 100%;border-bottom: 1px solid #e0e0e0;padding-bottom: .25rem;margin-bottom: .25rem;} .policy .list a{display: block;width: 100%;} .policy .list .pic{width: 1.76rem;float: left;background: #ddd;box-shadow: 0 0 5px rgba(0,0,0,.15);} .policy .list .pic figure{padding-top: 75.225%;} .policy .list .cont{width: calc(100% - 1.95rem);float: right;} .policy .list .tit{font-size: .2rem;color: #343434;line-height: .3rem;transition: .5s;} .policy .list .desc{font-size: .18rem;color: #808080;text-align: justify;line-height: .28rem;margin: .1rem 0;} .policy .list .time{font-size: .18rem;color: #b7b7b7;line-height: .28rem;text-align: right;} .policy .list:hover .tit{color: #007be5;} /* dynamic */ .dynamic .list{background: #f5f5f5;margin-bottom: .2rem;transition: .5s;} .dynamic .list a{display: block;width: 100%;padding: .25rem;} .dynamic .list .time{width: 1.05rem;height: 1.05rem;float: left;background: #007be5;text-align: center;color: #fff;padding-top: .19rem;box-shadow: 3px 3px 5px rgba(0,0,0,.15);} .dynamic .list .time b{display: block;font-size: .46rem;line-height: .46rem;} .dynamic .list .time p{font-size: .18rem;line-height: .18rem;} .dynamic .list .cont{width: calc(100% - 1.4rem);float: right;line-height: 1.5;padding-top: .1rem;} .dynamic .list .tit{font-size: .22rem;color: #343434;transition: .5s;} .dynamic .list .desc{font-size: .18rem;color: #808080;} .dynamic .list em{display: block;width: 100%;height: 1px;background: #d7d7d7;margin: .1rem 0;} .dynamic .list:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);} .dynamic .list:hover .tit{color: #007be5;} /* report */ .report{} .report .box1{font-size: .18rem;color: #343434;line-height: .42rem;margin-bottom: .25rem;} .report .must{display: block;width: .35rem;text-align: center;height: .42rem;line-height: .5rem;font-size: .22rem;color: #ed0000;/*float: left;*/position: absolute;top: 0;right: 0;} .report .box1 label{display: block;float: left;min-width: 1.1rem;} .report .box1 .inp{display: block;width: calc(100% - 1.1rem);height: .42rem;border: 1px solid #e5e5e5;padding: 0 .1rem;float: left;border-radius: .03rem;font-size: .18rem;color: #808080;} .report .box1 .r-text{display: block;width: calc(100% - 1.1rem);height: 1.7rem;border: 1px solid #e5e5e5;padding: .06rem .1rem;float: left;border-radius: .03rem;font-size: .18rem;color: #808080;line-height: .25rem;} .report .box1 .r-down{display: block;width: 1.5rem;height: .42rem;line-height: .42rem;text-align: center;background: #007be5;color: #fff;font-size: .18rem;float: left;} .report .box1 .r-file{display: block;height: .42rem;float: left;line-height: .42rem;font-size: .18rem;} .report .box1 .hint{font-size: .16rem;color: #ed0000;line-height: .42rem;margin-left: 1.1rem;float: left;} .report .box1 .yzm-inp{width: 2rem;} .report .box1 .yzm-img{display: block;width: .72rem;height: .3rem;border: .02rem solid #e5e5e5;float: left;margin: 0 0 0 .18rem;} .report .box1 .yzm-img img{display: block;width: 100%;height: 100%;} .report .box1 .img{margin-left: 1.1rem;width: 2rem;} .report .box1 .btn{display: block;width: calc( (100% - .2rem) / 2 );height: .75rem;background: #007be5;border-radius: .75rem;border: 0;text-align: center;line-height: .75rem;font-size: .22rem;color: #fff;float: left;margin-right: .2rem;cursor: pointer;transition: .5s;margin-top: .2rem;} .report .box1 .btn:last-child{margin-right: 0;} .report .box1 .btn:hover{opacity: .8;} .report .box1 .radio_yhfl{display: block;float: left;position: relative;margin-left: .4rem;} .report .box1 .radio_yhfl .dx{display: block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;} .report .box1 .radio_yhfl .dx-1{display: block;width: .21rem;height: .21rem;background: url(../images/ico24.png) center center no-repeat;background-size: 100% 100%;float: left;margin: .105rem .1rem 0 0;} .report .box1 .radio_yhfl input[type="radio"]:checked + .dx-1{background: url(../images/ico25.png) center center no-repeat;background-size: 100% 100%;} .report .r-wrap1{border-bottom: 1px solid #d7d7d7;padding-bottom: .1rem;margin-bottom: .1rem;position: relative;} .report .r-wrap1 .must{position: unset;float: left;} .report .r-wrap1 .radio_yhfl{margin-left: .25rem;} .report .r-wrap1 .radio_yhfl:nth-child(2){margin-left: 0;} /*.report .r-wrap1,.report .r-wrap2,.report .r-wrap3,.report .r-wrap4,.report .r-wrap5{position: relative;}*/ .report .box1 .radio_fwfl{display: block;min-width: 25%;float: left;position: relative;font-size: .18rem;color: #808080;} .report .box1 .radio_fwfl .dx{display: block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;} .report .box1 .radio_fwfl .dx-1{display: block;width: .15rem;height: .15rem;background: url(../images/ico23.jpg) center center no-repeat;background-size: 100% 100%;float: left;margin: .135rem .1rem 0 0;} .report .box1 .radio_fwfl input[type="checkbox"]:checked + .dx-1{background: url(../images/ico22.jpg) center center no-repeat;background-size: 100% 100%;} .report .r-wrap3 .r-item{width: 100%;margin-top: .25rem;height: .42rem;position: relative;} .report .r-wrap3 .r-item:nth-child(3) select{width: calc(100% - 1.1rem);} .report .r-wrap3 .r-item:nth-child(6) select{margin-right: .04rem;} .report .r-wrap3 .r-item:nth-child(6) .inp{width: 100%;margin-top: .15rem;} .report .r-wrap3 .r-item:nth-child(6) .must{top: .57rem;} .report .r-wrap3 .r-item input{height: .42rem;} .report .layui-form{float: left;width: calc(100% - 1.1rem)!important;} .report .layui-form .layui-unselect{width: calc( (100% - .08rem) / 3)!important;float: left!important;margin-right: .04rem!important;} .report .layui-form .layui-unselect:nth-child(6){margin-right: 0!important;} .report .layui-form .layui-unselect input{width: 100%!important;font-size: .18rem!important;color: #797979!important;} .report .file-img{display: block;width: 2rem;margin: .15rem 0 0 1.2rem;} .report .r-wrap4 .r-item{margin-bottom: .25rem;} .report .r-wrap4 .r-item:last-child{margin-bottom: 0;} .report .r-wrap4 .r-item:nth-child(3) .radio_yhfl{margin-left: .1rem;} .report .r-wrap4 .r-item .must{position: unset;float: left;} .report .r-look{font-size: .18rem;color: #343434;line-height: 2;text-align: justify;margin-top: .35rem;} .report .ma-sel{display: block;width: calc(100% - 1.1rem);height: .42rem;border-radius: .03rem;border: 1px solid #dddddd;float: left;font-size: .18rem;color: #797979;padding: 0 .1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background: url(../images/ico10.png) right center no-repeat #fff;background-size: auto .06rem;} /* fuelgas */ .fuelgas .list{width: 100%;margin-bottom: .35rem;} .fuelgas .list a{display: block;width: 100%;} .fuelgas .list .pic{width: 100%;background: #ddd;transition: .5s;} .fuelgas .list .pic figure{padding-top: 47.619%;} .fuelgas .list .tit{font-size: .22rem;color: #343434;line-height: .3rem;margin: .35rem 0 .2rem;transition: .5s;} .fuelgas .list .desc{font-size: .18rem;color: #808080;text-align: justify;line-height: .28rem;} .fuelgas .list .time{border-bottom: 1px solid #e0e0e0;line-height: .75rem;color: #808080;font-size: .18rem;} .fuelgas .list .time .ico{float: right;display: block;width: .07rem;height: .12rem;margin-top: .315rem;} .fuelgas .list:hover .pic{box-shadow: 0 0 10px rgba(0,0,0,.15);} .fuelgas .list:hover .tit{color: #007be5;} /* web-nav */ .web-nav{margin-bottom: .35rem;} .web-nav a{display: block;background: #f5f5f5;border-radius: .05rem;text-align: center;padding: 0 .4rem;font-size: .22rem;color: #808080;line-height: .5rem;margin: 0 .1rem .15rem;transition: .5s;} .web-nav a:hover,.web-nav a.active{background: #007be5;color: #ffffff;} /* website */ .website .list{width: 100%;background: #f5f5f5;border-radius: .06rem;margin-bottom: .25rem;padding: .4rem .25rem;line-height: 1.5;overflow: hidden;position: relative;} .website .list .tit{font-size: .2rem;color: #007be5;margin-bottom: .2rem;} .website .list .text{border-bottom: 1px solid #d7d7d7;margin-bottom: .28rem;padding-bottom: .2rem;} .website .list .txt{font-size: .18rem;color: #808080;text-align: justify;margin-top: .05rem;} .website .list .txt label{display: block;float: left;width: 1.1rem;} .website .list .txt p{width: calc(100% - 1.1rem);float: left;} .website .list .num{display: block;font-size: 1.2rem;color: #e6e6e6;font-family: 'Source Han Serif SC';line-height: 1;position: absolute;bottom: -.4rem;right: .35rem;} .website .list .btn{display: block;width: 1.2rem;height: .4rem;background: #007be5;border-radius: .4rem;text-align: center;line-height: .4rem;color: #fff;font-size: .18rem;} /*website-content*/ .website-content .tit{font-size: .2rem;color: #007be5;margin-bottom: .2rem;line-height: 1.5;} .website-content .txt{font-size: .18rem;color: #808080;text-align: justify;margin-top: .05rem;line-height: 1.5;} .website-content .txt label{display: block;float: left;width: 1.1rem;} .website-content .map{width: 100%;height: 5rem;background: #ddd;margin-top: .4rem;} /* handbook */ .handbook .list{width: 100%;margin-top: .9rem;position: relative;background: #f5f5f5;border-radius: .06rem;padding: 1.6rem .4rem .4rem;} .handbook .list .l-head{width: 1.65rem;height: 1.65rem;border-radius: 100%;text-align: center;color: #fff;padding: .35rem 0 0;background: #007be5;position: absolute;left: 0;right: 0;top: -.58rem;margin: 0 auto;} .handbook .list:nth-child(even) .l-head{background: #ffb400;} .handbook .list .num{display: block;font-family: 'Source Han Serif SC';font-size: .48rem;line-height: .5rem;} .handbook .list .tit{font-size: .28rem;line-height: .4rem;} .handbook .list article{font-size: .18rem;color: #808080;text-align: justify;line-height: 1.8;} .handbook .lct{background: #f5f5f5;border-radius: .05rem;padding: .55rem .15rem;margin-top: .35rem;} .handbook .lct .bt{font-size: .28rem;color: #333333;margin: auto auto;text-align: center;margin-bottom: .3rem;/* font-weight: initial; */} .handbook .lct .img{display: block;width: 100%;margin: auto auto;} .handbook .lct .img img{display: block;width: 100%;} /* appointment */ .appointment{} .appointment .r-item1{margin-bottom: .25rem;} .appointment .r-item1 select{width: calc(100% - 1.1rem);} /*-----*/ .appointment .at-form{display: block;position: relative;font-size: .2rem;color: #343434;line-height: .52rem;} .appointment .at-form .at-body{display: block;width: 100%;} .appointment .at-form .at-fw1{width: 100%;margin-bottom: .3rem;} .appointment .at-form .at-line{display: block;width: 100%;height: .01rem;background: #d7d7d7;margin: 0 auto .15rem;} .appointment .at-form input,.appointment .at-form select,.appointment .at-form textarea,.appointment .at-form button{border-radius: 0;} .appointment .at-form .at-label{display: block;} .appointment .at-form .at-label1{float: left;width: 1.2rem;} /*.appointment .at-form .at-label2{float: left;width: 170px;padding-right: 5px;text-align-last: justify;} .appointment .at-form .at-label3{float: left;margin-right: 10px}*/ .appointment .at-form .at-label-bt{font-size: .24rem;font-weight: bold;margin-top: .3rem;} /*.appointment .at-form .at-label4{float: left;width: 185px;padding-right: 5px;text-align-last: justify;}*/ .appointment .at-form .at-sel{display: block;height: .52rem;border: .01rem solid #dddddd;font-size: .18rem;color: #797979;padding: 0 .4rem 0 .15rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/ico10.png) right center no-repeat #fff;background-size: .3rem auto;} .appointment .at-form .at-sel1{float: left;width: calc(100% - 1.2rem);} .appointment .at-form .at-sel2{width: 100%;} .appointment .at-form .at-inp{display: block;height: .52rem;border: .01rem solid #dddddd;font-size: .18rem;color: #797979;padding: 0 .15rem;background: #fff;} .appointment .at-form .at-inp1{width: 100%;} /*.appointment .at-form .at-inp2{float: left;width: 200px;}*/ .appointment .at-form .at-inp-yzm{float: left;width: 2rem;} .appointment .at-form .at-textarea{display: block;border: .01rem solid #dddddd;font-size: .18rem;color: #797979;padding: .09rem .15rem;background: #fff;line-height: 1.5;} .appointment .at-form .at-textarea1{width: 100%;height: 1.7rem;} .appointment .at-form .at-radio{display: block;float: left;position: relative;margin-right: .2rem;cursor: pointer;} .appointment .at-form .at-radio .dx{display: block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;cursor: pointer;} .appointment .at-form .at-radio .dx-1{display: block;width: .21rem;height: .21rem;background: url(../images/ico24.png) center center no-repeat;background-size: 100% 100%;float: left;margin: .155rem .1rem 0 0;} .appointment .at-form .at-radio input[type="radio"]:checked + .dx-1{background: url(../images/ico25.png) center center no-repeat;background-size: 100% 100%;} .appointment .at-form .at-checkbox{display: block;float: left;position: relative;margin-right: .2rem;cursor: pointer;} .appointment .at-form .at-checkbox .dx{display: block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;cursor: pointer;} .appointment .at-form .at-checkbox .dx-1{display: block;width: .15rem;height: .15rem;background: url(../images/ico_fx01.jpg) center center no-repeat;background-size: 100% 100%;float: left;margin: .185rem .1rem 0 0;} .appointment .at-form .at-checkbox input[type="checkbox"]:checked + .dx-1{background: url(../images/ico_fx02.jpg) center center no-repeat;background-size: 100% 100%;} .appointment .at-form .at-sc{display: block;width: 1.65rem;height: 1.65rem;background: url(../images/ico_sc.png) center center no-repeat #f5f5f5;background-size: 100% 100%;float: left;margin: 0 .375rem .15rem 0;border-radius: .15rem;transition: .5s;} .appointment .at-form .at-sc:nth-child(3n){margin-right: 0;} .appointment .at-form .yzm-img{display: block;width: .1.536rem;height: .52rem;float: left;border: .01rem solid #ddd;margin: 0 0 0 .15rem;overflow: hidden;} .appointment .at-form .yzm-img img{display: block;width: 100%;height: 100%;} .appointment .at-form .at-btn{display: block;width: calc( (100% - .2rem) / 2 );height: .75rem;background: #007be5;border-radius: .75rem;border: 0;text-align: center;line-height: .75rem;font-size: .22rem;color: #fff;float: left;margin-right: .2rem;cursor: pointer;transition: .5s;margin-top: .2rem;} .appointment .at-form .at-btn:nth-child(2){margin-right: 0;} .appointment .at-form .at-btn:hover{background: #0270cf;} .appointment .at-form .at-item{margin-bottom: .15rem;} /*.appointment .at-form .at-item1{width: 25%;margin-right: 5%;} .appointment .at-form .at-item1:nth-child(3n){margin-right: 0;} .appointment .at-form .at-item2{float: left;width: 40%;margin-right: 5%;} .appointment .at-form .at-item2:nth-child(3n){margin-right: 0;} .appointment .at-form .at-item3{float: left;margin-right: 3%;} .appointment .at-form .at-item3:nth-child(3n){margin-right: 0;} .appointment .at-form .at-item4{float: left;width: 45%;margin-right: 5%;}*/ .appointment .at-form .at-radio-box{display: none;} .appointment .at-form .at-right1{width: 100%;} /*.appointment .at-form .at-right2{float: left;width: calc(100% - 185px);} .appointment .at-form .at-right3{float: left;width: calc(100% - 285px);} .appointment .at-form .at-right4{float: left;width: calc(100% - 450px);}*/ /* .appointment .at-form .at-radio-box2{display: none;} */ .appointment .at-form .at-radio-box2 .at-tj1,.appointment .at-form .at-radio-box2 .at-tj{margin: .15rem auto;} .appointment .at-form .at-radio-box2 table{border: 0;/*border-color: #d7d7d7;*/font-size: .18rem;background: #fafafa;border-radius: .15rem;overflow: hidden;} .appointment .at-form .at-radio-box2 table tr{border: 0;border-bottom: 1px solid #f5f5f5;} .appointment .at-form .at-radio-box2 table th{border: 0;color: #007be5;padding: .1rem .15rem;text-align: left;width: 50%;} .appointment .at-form .at-radio-box2 table td{border: 0;padding: .1rem .15rem;text-align: right;width: 50%;} .appointment .at-form .at-radio-box2 .at-sr{display: block;width: 100%;font-size: .18rem;color: #797979;border: 0;text-align: right;height: .5rem;background: rgba(255,255,255,.5);} .appointment .at-form .at-radio-box2 .at-tj-btn{float: right;display: block;color: #ffb400;transition: .5s;} .appointment .at-form .at-radio-box2 .at-tj-btn:hover{color: #e8a606;} .appointment .at-form .at-radio-box2 .at-tj-del{float: right;display: block;color: #999999;transition: .5s;} .appointment .at-form .at-radio-box2 .at-tj-del:hover{color: #797979;} .appointment .at-form .m-pic{float: left;} .appointment .at-form .m-pic > ul > li{float: left;width: 1.65rem;height: 1.65rem;margin: 0 .375rem .15rem 0;background: #f5f5f5;overflow: hidden;position: relative;} .appointment .at-form .m-pic > ul > li:nth-child(3n){margin-right: 0;} .appointment .at-form .m-pic > ul > li img{display: block;width: 100%;} .appointment .at-form .m-pic > ul > li .u-item{width: 15px;height: 15px;position: absolute;top: 5px;right: 5px;z-index: 3;text-align: center;line-height: 5px;/*border: 1px solid #ddd;*/cursor: pointer;} .appointment .at-form .m-pic > ul > li .u-item i:after{content: 'x';font-size: 12px;color: #000;font-style: normal;} .appointment .at-form .m-pics{float: left;} .appointment .at-form .m-pics > ul > li{float: left;width: 1.65rem;height: 1.65rem;margin: 0 .375rem .15rem 0;background: #f5f5f5;overflow: hidden;position: relative;} .appointment .at-form .m-pics > ul > li:nth-child(3n){margin-right: 0;} .appointment .at-form .m-pics > ul > li img{display: block;width: 100%;/*height: 100%;*/} .appointment .at-form .m-pics > ul > li .u-item{width: 15px;height: 15px;position: absolute;top: 5px;right: 5px;z-index: 3;text-align: center;line-height: 5px;/*border: 1px solid #ddd;*/cursor: pointer;} .appointment .at-form .m-pics > ul > li .u-item i:after{content: 'x';font-size: 12px;color: #000;font-style: normal;} .appointment .at-form .at-ts{font-size: .18rem;color: #ed0000;} .appointment .at-form .at-look{font-size: .18rem;color: #343434;line-height: 2;text-align: justify;margin: .15rem 0 .45rem;} .appointment .at-form .layui-form{margin-top: 0!important;} .appointment .at-form .form-select > input.at-inp1{margin-top: .1rem;float: left;} .appointment .at-form .form-select .layui-form-select .layui-unselect{font-size: .18rem;height: .52rem;} /* pay */ .pay .list{border: 1px solid #dadada;width: 100%;margin-bottom: .25rem;padding: .3rem;background: #fff;transition: .5s;} .pay .list .cont{width: 50.567%;margin: auto 0;font-size: .2rem;color: #343434;line-height: .25rem;text-align: justify;} .pay .list h5{font-size: .2rem;} .pay .list a{color: #007be5;font-weight: bold;} .pay .list .img{display: block;width: 44.807%;margin: auto 0;} .pay .list:nth-child(1) .img{width: 35.254%;} .pay .list:hover{box-shadow: 3px 3px 5px rgba(0,0,0,.15);transform: translateY(-5px);} .wxts{font-size: .2rem;color: #999;text-align: justify;line-height: 2;} .wxts span{color: #f30;font-weight: bold;} /* download */ .download .list{background: #f5f5f5;padding: 0 .25rem;height: .7rem;overflow: hidden;margin-bottom: .25rem;line-height: .7rem;font-size: .2rem;color: #343434;cursor: default;transition: .5s;} .download .list em{display: block;width: .18rem;height: .18rem;border: 1px solid #343434;border-radius: 100%;float: left;margin: .26rem .2rem 0 0;transition: .5s;} .download .list .tit{width: 65%;float: left;} .download .list .down{color: #808080;float: right;padding-left: .2rem;background: url(../images/ico08.png) left center no-repeat;background-size: auto .17rem;transition: .5s;} .download .list:hover{background: #007be5;color: #fff;} .download .list:hover em{border-color: #fff;} .download .list:hover .down{color: #fff;background: url(../images/ico09.png) left center no-repeat;} /* complaint */ .complaint form{display: block;margin-bottom: .4rem;} .complaint form label{display: block;font-size: .2rem;color: #343434;float: left;line-height: .42rem;width: 1.1rem;} .complaint form input{display: block;border: 1px solid #dddddd;background: #fff;height: .42rem;float: left;font-size: .18rem;padding: 0 .15rem;color: #808080;} .complaint form textarea{display: block;border: 1px solid #dddddd;background: #fff;float: left;padding: 5px 15px;font-size: 16px;line-height: 30px;color: #808080;} .complaint form .must{display: block;float: left;height: .42rem;line-height: .6rem;overflow: hidden;color: #ed0000;font-size: .26rem;width: .35rem;text-align: center;position: absolute;top: 0;right: 0;} .complaint form .item1{width: 100%;margin-bottom: .3rem;position: relative;} .complaint form .item1 input{width: calc(100% - 1.1rem);} .complaint form .item2{width: 100%;margin-bottom: .3rem;position: relative;} .complaint form .item2 .must{top: .57rem;} .complaint form .layui-form{width: calc(100% - 1.1rem);float: left;margin-top: 0;} .complaint form .layui-form .layui-unselect{width: calc( (100% - .2rem) / 3 );float: left;margin-right: .1rem;height: .42rem;} .complaint form .layui-form .layui-unselect:nth-child(6){margin-right: 0;} .complaint form .layui-form .layui-unselect input{width: 100%;font-size: .18rem;height: .42rem;} .complaint form .layui-form .u-inp{width: 100%;margin-top: .15rem;} .complaint form .item3{margin-bottom: .3rem;position: relative;} .complaint form .item3 textarea{width: calc(100% - 1.1rem);height: 1.6rem;} .complaint form .item4{margin-bottom: .3rem;position: relative;} .complaint form .item4 input{width: 2rem;} .complaint form .item4 .must{position: unset;float: left;} .complaint form .item4 .yzm-img{display: block;width: .98rem;height: .42rem;border: 1px solid #aeaeae;float: left;margin: 0 0 0 .2rem;cursor: pointer;} .complaint form .item4 .yzm-img img{width: 100%;height: 100%;display: block;} .complaint form .btn{display: block;width: calc( (100% - .2rem) / 2 );height: .75rem;background: #007be5;border-radius: .75rem;border: 0;text-align: center;line-height: .75rem;font-size: .22rem;color: #fff;float: left;margin-right: .2rem;cursor: pointer;transition: .5s;margin-top: .2rem;} .complaint form .btn:last-child{margin-right: 0;} .complaint form .btn:hover{opacity: .8;} .complaint .hint{font-size: .18rem;color: #ed0000;text-align: justify;line-height: 2;} .complaint form .ma-sel{display: block;width: calc(100% - 1.1rem);height: .42rem;border-radius: .03rem;border: 1px solid #dddddd;float: left;font-size: .18rem;color: #797979;padding: 0 .15rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background: url(../images/ico10.png) right center no-repeat #fff;background-size: auto .06rem;} /* contact */ .contact .box{background: #007be5;background-size: 100% auto;} .contact .map{width: 100%;background: #ddd;overflow: hidden;height: 3.5rem;} .contact .map iframe{display: block;width: 100%;height: 100%;border: 0;} .contact .cont{width: 100%;padding: 1.1rem .45rem .5rem;text-align: center;color: #fff;line-height: 1.5;background: url(../images/bj06.jpg) bottom center no-repeat #007be5;background-size: 100% auto;position: relative;} .contact .logo_1{display: block;width: 100%;position: absolute;top: 0;left: 0;right: 0;} .contact .txt{font-size: .18rem;} .contact .phone1{display: block;font-size: .83rem;font-family: 'Source Han Serif SC';line-height: 1.2;} .contact .phone2{display: block;margin: .15rem auto .4rem;width: 1.7rem;height: .35rem;background: #ffb400;color: #fff;font-size: .22rem;text-align: center;line-height: .35rem;border-radius: .35rem;} .contact .txt1{font-size: .18rem;} .contact .ccbox{width: calc(100% - 2rem);margin: auto 0;text-align: left;} .contact .code{display: block;width: 1.68rem;height: 1.68rem;background: #fff;margin: auto 0;} .contact .txt2{font-size: 14px;} /* product */ .product .pro-search{display: block;border: 1px solid #66b0ef;margin-bottom: .45rem;} .product .pro-search .ico{display: block;width: .45rem;height: .48rem;background: url(../images/ico11.png) right center no-repeat;background-size: .18rem auto;float: left;} .product .pro-search input{display: block;width: calc(100% - 1.6rem);float: left;border: 0;font-size: .18rem;color: #929292;height: .48rem;padding: 0 .15rem;} .product .pro-search .btn{display: block;width: 1.15rem;height: .48rem;border: 0;background: #007be5;color: #ffffff;text-align: center;line-height: .48rem;font-size: .18rem;font-weight: initial;float: right;} .product .pro-search input::-webkit-input-placeholder{color: #929292;} .product .pro-search input::-moz-placeholder{color: #929292;} .product .pro-nav{margin-bottom: .45rem;overflow-x: auto;white-space: nowrap;} .product .pro-nav a{display: inline-block;margin: 0 .35rem .15rem 0;text-align: center;font-size: .2rem;color: #808080;line-height: 1.5;overflow: hidden;transition: .5s;} .product .pro-nav a:last-child{margin-right: 0;} .product .pro-nav a .ico{display: block;width: .5rem;height: .5rem;overflow: hidden;position: relative;margin: 0 auto;} .product .pro-nav a .ico img{display: block;width: 100%;position: absolute;top: 0;left: 0;right: 0;transition: .5s;} .product .pro-nav a.active{color: #ffb400;} .product .pro-nav a.active .ico img{top: -1rem;} .product .product-swiper{width: 100%;overflow: hidden;position: relative;height: 8.1rem;padding-bottom: .95rem;} .product .product-swiper .swiper-slide{width: calc( (100% - 10px) / 2 );background: #fff;border: 1px solid #dbdbdb;height: calc( (100% - 10px) / 2 );} .product .product-swiper .swiper-slide a{display: block;width: 100%;} .product .product-swiper .pic{width: 100%;} .product .product-swiper .pic figure{padding-top: 119.956%;} .product .product-swiper .txt{background: #969696;text-align: center;position: absolute;bottom: 0;left: 0;right: 0;padding: .1rem;} .product .product-swiper .tit{display: block;color: #fff;font-size: .18rem;line-height: 1.5;transition: .5s;} .product .product-swiper .swiper-slide:hover .tit{background: #007be5;} .product .product-swiper .btnbox{position: absolute;bottom: 0;left: 0;right: 0;} .product .product-swiper .swiper-button-prev,.product .product-swiper .swiper-button-next{width: .52rem;height: .52rem;position: unset;margin: 0;float: right;} .product .product-swiper .swiper-button-prev:after,.product .product-swiper .swiper-button-next:after{display: none;} .product .product-swiper .swiper-button-prev{background: url(../images/ico12.png) center center no-repeat;background-size: 100%;margin-right: .15rem;} .product .product-swiper .swiper-button-next{background: url(../images/ico13.png) center center no-repeat;background-size: 100%;} .product .product-swiper .swiper-pagination{position: unset;margin: 0;float: right;width: 1.2rem;text-align: left;height: .52rem;line-height: .52rem;font-size: .18rem;color: #9b9b9b;} .product .product-swiper .swiper-pagination span:before{content: '0';} .product .product-swiper .swiper-pagination .swiper-pagination-current{font-size: .26rem;color: #007be5;} .product .product-swiper .swiper-scrollbar{position: unset;float: left;width: 3.12rem;height: .1rem;border: 1px solid #c0c0c0;border-radius: .1rem;background: #fff;margin-top: .21rem;} .product .product-swiper .swiper-scrollbar .swiper-scrollbar-drag{background: #007be5;} .product .hot-title{background: #f5f5f5;line-height: .64rem;margin: .5rem 0;font-size: .24rem;color: #333333;} .product .hot-title em{display: block;width: .05rem;height: .4rem;background: #ffb400;float: left;margin: .12rem .2rem 0 0;} .hot-product{} .hot-product .list{width: calc( (100% - .2rem) / 2 );float: left;background: #fff;margin: 0 .2rem .3rem 0;position: relative;} .hot-product .list:nth-child(2n){margin-right: 0;} .hot-product .list a{display: block;width: 100%;} .hot-product .list .pic{width: 100%;border: 1px solid #dbdbdb;} .hot-product .list .pic figure{padding-top: 119.956%;} .hot-product .list .cont{color: #595959;padding: .14rem 0 0;transition: .5s;} .hot-product .list .tit{font-size: .24rem;line-height: 1.5;margin-bottom: .06rem;} .hot-product .list .gd{display: block;width: 1.2rem;height: .35rem;font-size: .18rem;color: #969696;border-radius: .35rem;text-align: center;line-height: .33rem;border: .01rem solid #c0c0c0;} .hot-product .list:hover .cont{background: #007be5;} /* product-content */ .product-content{padding: 0;} .product-content h3{font-size: .3rem;color: #333333;} .product-content h3 b{color: #c01e27;} .product-content .txt{font-size: .18rem;color: #343434;} .product-content .img{display: block;margin: auto auto;width: 100%;} .product-content .pc-right{width: 100%;margin: auto auto;} .product-content .box1{background: #d4d4d4;padding: .34rem;} .product-content .box2{background: #fff;padding: .2rem .7rem .6rem;margin-bottom: .34rem;border-radius: .1rem;} .product-content .item{font-size: .18rem;margin-bottom: .1rem;} .product-content .item label{color: #333333;display: block;float: left;width: 1.1rem;} .product-content .item p{float: left;color: #808080;width: calc(100% - 1.1rem);} .product-content .item .cp-num{width: 1.5rem;height: .35rem;border: .01rem solid #c0c0c0;float: left;font-size: .18rem;margin-top: 0;overflow: hidden;} .product-content .item .cp-num span{display: block;float: left;width: .33rem;height: .33rem;background: #ededed;text-align: center;line-height: .33rem;color: #676767;cursor: pointer;} .product-content .item .cp-num .num{display: block;width: calc(100% - .66rem);float: left;height: .33rem;border: .01rem solid #c0c0c0;border-top: 0;border-bottom: 0;text-align: center;} .product-content .price{color: #c01e27;line-height: 1.2;margin: .1rem 0;} .product-content .price label{display: inline-block;font-size: .18rem;vertical-align: middle;} .product-content .price small{display: inline-block;font-size: .52rem;vertical-align: middle;} .product-content .price b{display: inline-block;font-size: .69rem;vertical-align: middle;} .product-content .order-btn{display: block;width: 2.1rem;height: .4rem;background: #ffb400;border-radius: .05rem;color: #fff;font-size: .18rem;line-height: .4rem;text-align: center;margin-top: .3rem;transition: .5s;} .product-content .order-btn:hover{background: #c01e27;} .product-content .box3{background: #fff;padding: .88rem .25rem .25rem;border-radius: .1rem;position: relative;} .product-content .box3 .b3-title{width: 2.73rem;height: .53rem;text-align: center;line-height: .53rem;background: url(../images/bj08.png) center center no-repeat;background-size: 100% 100%;color: #fff;font-size: .24rem;font-weight: bold;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;} .product-content table,.product-content table th,.product-content table td{font-size: .18rem;color: #333333;line-height: 1.4;padding: .1rem;border-color: #d8d8d8;} .product-content .text{border: 1px solid #d8d8d8;width: 100%;margin: .25rem auto 0;padding: .25rem;line-height: 1.8;} .product-content .text .tit{font-size: .24rem;color: #333333;} .product-content .text article{font-size: .18rem;color: #808080;text-align: justify;} /* product-order */ .product-order{padding-bottom: .8rem;} .product-order .xjdz{display: block;width: 100%;background: url(../images/bj_z02.jpg) bottom center no-repeat #fff;background-size: 100% auto;padding: 0 .25rem;position: relative;font-size: .24rem;color: #aaaaaa;text-align: center;height: 1.15rem;line-height: 1.1rem;margin-bottom: .15rem;} .product-order .xjdz .gd,.product-order .orderform-dz .gd{display: block;width: .15rem;height: 1.1rem;background: url(../images/ico_z15.png) center center no-repeat;background-size: 100% auto;position: absolute;top: 0;right: .25rem;} .product-order .orderform-dz{position: relative;padding-right: .65rem;} .product-order .dingdan{width: 100%;background: #ffffff;border-top: 2px solid #e4e4e4;border-bottom: 2px solid #e4e4e4;padding: 0.45rem 0.25rem;} .product-order .dingdan .img1{width: 1.3rem;height: 1.5rem;float: left;background: #fff;box-shadow: 0 0 3px rgb(0 0 0 / 15%);} .product-order .dingdan .cont{float: right;width: calc(100% - 1.7rem);} .product-order .dingdan .cont .tit {font-size: .24rem;color: #343434;line-height: .4rem;} .product-order .dingdan .cont .price{font-size: .22rem;color: #007be5;line-height: 1.5;} .product-order .dingdan .cont .price1{font-size: .22rem;color: #f30;line-height: 1.5;} .product-order .dingdan .cp-num{width: 1.5rem;height: .35rem;border: .01rem solid #c0c0c0;float: left;font-size: .18rem;margin-top: 0;overflow: hidden;margin-top: .08rem;} .product-order .dingdan .cp-num span{display: block;float: left;width: .33rem;height: .33rem;background: #ededed;text-align: center;line-height: .33rem;color: #676767;cursor: pointer;} .product-order .dingdan .cp-num .num{display: block;width: calc(100% - .66rem);float: left;height: .33rem;border: .01rem solid #c0c0c0;border-top: 0;border-bottom: 0;text-align: center;} .product-order .po-item{margin: .15rem 0 0;font-size: .22rem;color: #333333;line-height: 1.5;padding: 0.25rem;background: #fff;} .product-order .po-item label{display: block;font-size: .22rem;color: 333333;float: left;width: 1.1rem;} .product-order .po-item textarea{display: block;width: calc(100% - 1.1rem);float: right;border: 0;padding: 0;font-size: .22rem;color: #333;line-height: 1.5;text-align: justify;height: 1.3rem;} .product-order .p-btnbox{position: fixed;right: 0;bottom: 5px;left: 0;} .product-order .po-btn{display: block;width: 1.5rem;height: .6rem;border-radius: .6rem;text-align: center;line-height: .6rem;background: #007be5;color: #fff;font-size: .24rem;font-weight: initial;border: 0;cursor: pointer;float: right;margin: 0 2% 0 0;} /*personal center wap*/ .grzx-head{width: 100%;background: url(../images/bj_z01.jpg) bottom center no-repeat #1673e8;background-size: 100% auto;min-height: 3.55rem;padding: 0 .3rem;} .grzx-head .box1{height: .7rem;color: #fff;line-height: .7rem;position: relative;text-align: center;font-size: .29rem;margin-bottom: .32rem;} .grzx-head .fanhui{display: block;width: .3rem;height: .7rem;background: url(../images/ico_z01.png) center center no-repeat;background-size: .14rem auto;position: absolute;top: 0;bottom: 0;left: -.08rem;} .grzx-head .tx{width: 1.15rem;height: 1.15rem;border: .05rem solid rgba(255,255,255,.5);border-radius: 100%;overflow: hidden;margin: 0 auto .3rem;} .grzx-head .tx img{display: block;width: 100%;min-height: 100%;} .grzx-head .btn-exit{display: block;width: 1.38rem;height: .36rem;border: .01rem solid #fff;border-radius: .36rem;text-align: center;line-height: .34rem;font-size: .18rem;color: #fff;margin: 0 auto;} .grzx1{background: #fff;border-bottom: .2rem solid #f8f8f8;padding: .34rem .3rem;} .grzx1 .item{display: block;width: 50%;height: 1.2rem;float: left;padding: .25rem;} .grzx1 .item:nth-child(1),.grzx1 .item:nth-child(2){border-bottom: 1px solid #eeeeee;} .grzx1 .item:nth-child(1),.grzx1 .item:nth-child(3){border-right: 1px solid #eeeeee;} .grzx1 .item .ico{display: block;width: .41rem;float: left;} .grzx1 .item .text{width: calc(100% - .61rem);float: right;} .grzx1 .item .text .txt1{font-size: .24rem;color: #333333;line-height: .38rem;} .grzx1 .item .text .txt2{font-size: .18rem;color: #a6a6a6;line-height: .32rem;} .grzx2{background: #fff;} .grzx2 .item{display: block;width: 100%;padding: 0 .3rem;border-bottom: 1px solid #eeeeee;line-height: .9rem;} .grzx2 .item .ico{display: block;width: .26rem;height: .26rem;float: left;margin-top: .3rem;} .grzx2 .item .txt{font-size: .24rem;color: #333333;height: .9rem;line-height: .9rem;float: left;margin-left: .18rem;} .grzx2 .item .gd{display: block;width: .12rem;height: .9rem;background: url(../images/ico_z15.png) center center no-repeat;background-size: 100% auto;float: right;} .grzx-footer{background: #fff;border-top: 1px solid #eaeaea;position: fixed;bottom: 0;left: 0;right: 0;height: .85rem;z-index: 999999;} .grzx-footer a{display: block;width: 25%;float: left;font-size: .18rem;text-align: center;line-height: .4rem;color: #5d5d5d;height: 100%;padding-top: .08rem;} .grzx-footer a img{display: block;height: .32rem;margin: 0 auto;} /*user-header*/ .user-header{width: 100%;background: #fff;padding: 0 .25rem;height: .7rem;line-height: .7rem;overflow: hidden;position: relative;text-align: center;font-size: .29rem;color: #000000;margin-bottom: .15rem;} .user-header .fanhui{display: block;width: .3rem;height: .7rem;background: url(../images/ico_z01_1.png) center center no-repeat;background-size: .14rem auto;position: absolute;top: 0;bottom: 0;left: .25rem;} /*userinfo*/ .userinfo{width: 100%;} .userinfo .u-item{padding: 0 .25rem;background: #fff;} .userinfo .u-item label{display: block;width: 1.25rem;font-size: .24rem;color: #333333;float: left;line-height: .9rem;} .userinfo .u-item .u-txt{font-size: .24rem;color: #343434;float: left;width: calc(100% - 1.25rem);line-height: .4rem;padding: .25rem 0;} .userinfo .btn-user{display: block;width: 90%;height: .75rem;border-radius: .75rem;text-align: center;line-height: .75rem;background: #007be5;color: #fff;font-size: .24rem;margin: .7rem auto 0;font-weight: initial;border: 0;cursor: pointer;transition: .5s;} .userinfo.user-info-box2 .u-item{position: relative;} .userinfo.user-info-box2 .u-hint{font-size: .18rem;color: #ed0000;height: .4rem;line-height: .4rem;margin: auto 0;position: absolute;right: .25rem;top: 0;bottom: 0;} .userinfo .u-item .u-inp{display: block;width: calc(100% - 3rem);height: .5rem;border-radius: 3px;border: 0;float: left;font-size: .24rem;color: #797979;padding: 0;margin-top: .2rem;} .userinfo .u-item .u-inp::-webkit-input-placeholder{color: #797979;opacity: .55;} .userinfo .u-item .u-inp::-moz-placeholder{color: #797979;opacity: .55;} .userinfo .u-item .layui-form{width: calc(100% - 1.25rem);float: left;margin-top: .2rem;} .userinfo .u-item .layui-unselect{display: block;width: calc( (100% - 1.85rem) / 3 );height: .5rem;float: left;font-size: .24rem;color: #797979;padding: 0;margin-right: .05rem;border: 0;} .userinfo .u-item .layui-unselect input{width: 100%;height: .5rem;border: 0;font-size: .24rem;} .userinfo .u-item .layui-form-select .layui-edge{display: none;} .userinfo .u-item .layui-form .u-inp{width: 100%;height: .5rem;margin-top: .1rem;margin-bottom: .2rem;} .userinfo.user-info-box2 .btn-user{width: 42.5%;margin-left: 5%;float: left;} /* orderform */ .orderform{} .orderform .list{background: #fff;padding: .45rem .25rem;margin-bottom: .15rem;} .orderform .list .img1{width: 1.3rem;height: 1.5rem;float: left;background: #fff;box-shadow: 0 0 3px rgba(0,0,0,.15);} .orderform .list .cont{float: left;width: calc(100% - 2.5rem);float: left;margin-left: .2rem;} .orderform .list .cont .tit{font-size: .24rem;color: #343434;line-height: .4rem;} .orderform .list .cont .time{font-size: .18rem;color: #e8b06e;line-height: .35rem;} .orderform .list .cont .price{font-size: .24rem;color: #343434;line-height: .35rem;margin-top: .3rem;} .orderform .list .cont1{float: right;text-align: right;} .orderform .list .cont1 .zt{font-size: .2rem;color: #007be5;line-height: .4rem;} .orderform .list .cont1 .sl{font-size: .2rem;color: #9e9e9e;line-height: .35rem;} .orderform .list .cont1 .btn-del{font-size: .24rem;color: #242424;height: .35rem;line-height: .35rem;/*padding-left: .42rem;background: url(../images/ico17.png) left center no-repeat;background-size: auto .35rem;*/margin-top: .3rem;} .orderform .list .u-link{display: block;width: 1.2rem;height: .42rem;border: .01rem solid #66b0ef;border-radius: .42rem;float: right;text-align: center;line-height: .4rem;font-size: .2rem;color: #007be5;margin-top: .2rem;} /* orderform-content */ .orderform-dz{background: url(../images/bj_z02.jpg) bottom center no-repeat #fff;background-size: 100% auto;margin-bottom: .15rem;padding: .2rem .25rem .25rem;} .orderform-dz .ico{display: block;width: .22rem;float: left;} .orderform-dz .cont{width: calc(100% - .42rem);float: right;line-height: 1.5;} .orderform-dz .cont #xm{font-size: .24rem;color: #343434;} .orderform-dz .cont #address{font-size: .22rem;color: #808080;} .orderform-kf{background: #fff;padding: 0 .25rem;} .orderform-kf a{display: block;float: right;font-size: .24rem;color: #000000;height: .65rem;line-height: .65rem;padding-right: .4rem;background: url(../images/ico_z17.png) center right no-repeat;background-size: .29rem auto;} .orderform-content{} .orderform-content .list{border-top: 2px solid #e4e4e4;border-bottom: 2px solid #e4e4e4;} .orderform-content .o-txt{font-size: .22rem;color: #333333;line-height: 1.5;padding: .25rem;background: #fff;margin-bottom: .15rem;} .orderform-content .o-txt .txt1{display: block;width: 1.1rem;float: left;} .orderform-content .o-txt p{display: block;width: calc(100% - 1.1rem);float: left;} .orderform-content .o-txt .txt2{min-height: 1.2rem;} .orderform-content .btn-return{display: block;width: 1.5rem;height: .6rem;border-radius: .6rem;text-align: center;line-height: .6rem;background: #007be5;color: #fff;font-size: .24rem;font-weight: initial;border: 0;cursor: pointer;float: right;margin: 1rem 5% 0 0;} /* maAppointment */ .maAppointment{} .maAppointment .list{background: #fff;padding: 0 .25rem;margin-bottom: .15rem;} .maAppointment .list .item{line-height: .9rem;font-size: .24rem;} .maAppointment .list label{color: #343434;display: block;float: left;width: 1.2rem;/*padding-right: .1rem;*//*font-weight: bold;*/} .maAppointment .list .text{width: calc(100% - 1.2rem);float: right;padding: .25rem 0;color: #717171;line-height: .4rem;} .maAppointment .list .u-link{display: block;width: .23rem;height: .4rem;background: url(../images/ico21.png) center center no-repeat;background-size: .23rem auto;} .sb-name{display: block;font-size: .3rem;line-height: 2;text-align: center;color: #333;margin: .2rem 0;font-weight: initial;} .maAppointment-content .list label{width: 1.6rem;padding-right: .1rem;} .maAppointment-content .list .text{width: calc(100% - 1.6rem);} .maAppointment-content .list label{padding: .25rem .15rem .25rem 0;line-height: .4rem;text-align: justify;} .maAppointment-content .g-img{width: 32%;height: 1.45rem;margin: 0 2% 10px 0;float: left;border: 1px solid #dcdcdc;background: #fff;overflow: hidden;} .maAppointment-content .g-img:nth-child(3n){margin-right: 0;} .maAppointment-content .g-img img{display: block;max-width: 100%;max-height: 100%;margin: auto auto;} /* myComplaint */ .myComplaint{} .myComplaint form{display: block;width: 100%;} .myComplaint form label{display: block;font-size: .24rem;color: #343434;float: left;line-height: .9rem;width: 1.4rem;} .myComplaint form input{display: block;border: 0;background: #fff;height: .5rem;float: left;font-size: .24rem;padding: 0;color: #808080;margin-top: .2rem;} .myComplaint form textarea{display: block;border: 0;background: #fff;float: left;padding: 0;font-size: .24rem;line-height: .4rem;color: #808080;} .myComplaint form .must{display: block;line-height: .7rem;color: #ed0000;font-size: .26rem;width: .3rem;text-align: right;position: absolute;top: .2rem;right: .2rem;} .myComplaint form .item1{width: 100%;background: #fff;padding: 0 .25rem;position: relative;} .myComplaint form .item1 input{width: calc(100% - 1.4rem);} .myComplaint form .ma-sel{display: block;width: calc(100% - 1.4rem);height: .5rem;border: 0;float: left;font-size: .24rem;color: #797979;padding: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background: url(../images/ico10.png) right center no-repeat #fff;background-size: auto .06rem;margin-top: .2rem;} .myComplaint form .item2{width: 100%;background: #fff;padding: 0 .25rem;position: relative;} .myComplaint form .layui-form{width: calc(100% - 1.4rem);float: left;margin-top: .2rem;} .myComplaint form .layui-form .layui-unselect{width: calc( (100% - 1rem) / 3 );float: left;margin-right: .05rem;} .myComplaint form .layui-form .layui-unselect input{width: 100%;margin-top: 0;height: .5rem;line-height: .5rem;} .myComplaint form .layui-form .layui-unselect .layui-input{padding-right: 0;} .myComplaint form .layui-form .layui-form-select .layui-edge{display: none;} .myComplaint form .layui-form .u-inp{width: 100%;margin-top: 0;} .myComplaint form .item2 select{margin-right: 10px;} .myComplaint form .item3{width: 100%;background: #fff;padding: 0 .25rem;position: relative;} .myComplaint form .item3 textarea{width: calc(100% - 1.4rem);height: 1.7rem;margin-top: .2rem;padding: .05rem .2rem 0 0;text-align: justify;} .myComplaint form .item4{width: 100%;background: #fff;padding: 0 .25rem;position: relative;} .myComplaint form .item4 input{width: 2rem;} .myComplaint form .item4 .yzm-img{display: block;width: 1.2rem;height: .5rem;border: .01rem solid #aeaeae;float: left;margin: .2rem 0 0 .2rem;cursor: pointer;} .myComplaint form .item4 .yzm-img img{width: 100%;height: 100%;} .myComplaint form .btn{display: block;width: 42.5%;margin-left: 5%;margin-top: .5rem;background: #007be5;border-radius: .75rem;border: 0;text-align: center;line-height: .75rem;font-size: .24rem;color: #fff;float: left;cursor: pointer;transition: .5s;} /* myAddress */ .myAddress .list{width: 100%;background: url(../images/bj_z02.jpg) bottom center no-repeat #fff;background-size: 100% auto;margin-bottom: .15rem;padding: .25rem 0 .15rem;} .myAddress .list .xm{font-size: .26rem;color: #343434;line-height: 1.5;margin-bottom: .05rem;padding: 0 .25rem;} .myAddress .list .dz{font-size: .22rem;color: #696969;line-height: 1.5;text-align: justify;padding: 0 .25rem;} .myAddress .list .cont{margin-top: .25rem;border-top: 1px solid #e2e2e2;padding: 0 .25rem;} .myAddress .list .ma-btn{display: block;float: right;height: .7rem;line-height: .75rem;font-size: .24rem;color: #343434;margin-left: .2rem;padding-left: .42rem;} .myAddress .list .ma-btn.ma-btn-del{background: url(../images/ico17.png) left center no-repeat;background-size: auto .3rem;} .myAddress .list .ma-btn.ma-btn-amend{background: url(../images/ico_z18.jpg) left center no-repeat;background-size: auto .3rem;} .myAddress .list .btn-set-def{display: block;float: left;font-size: .24rem;height: .7rem;line-height: .75rem;font-size: .24rem;color: #343434;padding-left: .35rem;background: url(../images/ico_z19.jpg) center left no-repeat;background-size: .27rem auto;} .myAddress .list .btn-def-act{display: block;float: left;font-size: .24rem;height: .7rem;line-height: .75rem;font-size: .24rem;color: #343434;padding-left: .35rem;background: url(../images/ico_z20.jpg) center left no-repeat;background-size: .27rem auto;} .myAddress .xj-btn{display: block;width: 90%;height: 0.75rem;border-radius: 0.75rem;text-align: center;line-height: .75rem;background: #007be5;color: #fff;font-size: .24rem;margin: 0.7rem auto 0;font-weight: initial;border: 0;cursor: pointer;transition: .5s;} .myAddress form{display: block;width: 100%;} .myAddress form label{display: block;font-size: .24rem;color: #343434;float: left;line-height: .9rem;width: 1.2rem;} .myAddress form input{display: block;border: 0;background: #fff;height: .5rem;float: left;font-size: .24rem;padding: 0;color: #808080;margin-top: .2rem;} .myAddress form textarea{display: block;border: 0;background: #fff;float: left;padding: 0;font-size: .24rem;line-height: .4rem;color: #808080;} .myAddress form .must{display: block;line-height: .7rem;color: #ed0000;font-size: .26rem;width: .3rem;text-align: right;position: absolute;top: .2rem;right: .2rem;} .myAddress form .item1{width: 100%;background: #fff;padding: 0 .25rem;position: relative;} .myAddress form .item1 input{width: calc(100% - 1.2rem);} .myAddress form .item2{width: 100%;background: #fff;padding: 0 .25rem;position: relative;} .myAddress form .layui-form{width: calc(100% - 1.2rem);float: left;margin-top: .2rem;} .myAddress form .layui-form .layui-unselect{width: calc( (100% - 1.5rem) / 3 );float: left;margin-right: .05rem;} .myAddress form .layui-form .layui-unselect input{width: 100%;margin-top: 0;height: .5rem;line-height: .5rem;} .myAddress form .layui-form .layui-unselect .layui-input{padding-right: 0;} .myAddress form .layui-form .layui-form-select .layui-edge{display: none;} .myAddress form .layui-form .u-inp{width: 100%;margin-top: 0;margin-bottom: .2rem;} .myAddress form .layui-form #r_address{} .myAddress form .btn-default{background: url(../images/bj_z02.jpg) bottom center no-repeat #fff;background-size: 100% auto;padding: 0 .25rem;font-size: .24rem;color: #343434;height: .75rem;line-height: .7rem;width: 100%;float: unset;} .myAddress form .btn-default .layui-form-switch{width: .6rem;height: .35rem;border: .01rem solid #e5e5e5;float: right;margin: .17rem 0 0 0;} .myAddress form .btn-default .layui-form-switch em{display: none;} .myAddress form .btn-default .layui-form-switch i{width: .33rem;height: .33rem;top: 0;left: 0;background: #fff;border: .01rem solid #e5e5e5;} .myAddress form .btn-default .layui-form-onswitch{background: #007be5;} .myAddress form .btn-default .layui-form-onswitch i{margin-left: .27rem;} .myAddress form .btn{display: block;width: 90%;height: 0.75rem;border-radius: 0.75rem;text-align: center;line-height: .75rem;background: #007be5;color: #fff;font-size: .24rem;margin: 0.7rem auto 0;font-weight: initial;border: 0;cursor: pointer;transition: .5s;} /* content */ .content .c-title{font-size: .22rem;font-weight: initial;color: #343434;line-height: 1.5;text-align: center;} .content .c-time{font-size: .18rem;color: #999;text-align: center;line-height: 1.5;margin: .1rem auto .3rem;} /* 涓婁笅椤 */ .m-clips{margin: .45rem 0 0;font-size: .18rem;color: #343434;line-height: 2;border-top: 1px solid #dcdcdc;padding-top: .25rem;} .m-clips a{color: #343434;line-height: 2;} /*home n-safety*/ .n-safety{width: 100%;padding: .75rem .35rem .85rem;background: url(../images/bj15.jpg) bottom center no-repeat;background-size: cover;} .n-safety .ns-video{width: 100%;background: #ddd;} .n-safety .ns-bk{width: 100%;} .n-safety .ns-item{height: 1.5rem;padding: .2rem .4rem;} .n-safety .ns-item:nth-child(2){background: #f5f5f5;} .n-safety .ns-item:nth-child(3){background: #007be5;} .n-safety .bk-bt{color: #1c2d59;padding-top: .4rem;} .n-safety .bk-bt .bt{display: block;font-size: .3rem;line-height: 1;font-weight: bold;} .n-safety .bk-bt .ns-more{display: block;width: 1.15rem;border: .01rem solid #8388a0;border-radius: .36rem;line-height: .36rem;text-align: center;font-size: .2rem;color: #1c2d59;margin-top: .15rem;transition: .5s;} .n-safety .bk-bt:hover .ns-more{background: #1c2d59;color: #fff;} .n-safety .list{} .n-safety .list a{display: block;width: 100%;line-height: 1.5;} .n-safety .ns-item:nth-child(2) a{color: #4a4a4a;} .n-safety .ns-item:nth-child(2) a .desc{color: #8a8a8a;} .n-safety .ns-item:nth-child(3) a{color: #fff;} .n-safety .list .tit{font-size: .222rem;margin-bottom: .06rem;} .n-safety .list .desc{font-size: .2rem;} .n-safety .video-swiper{width: 100%;overflow: hidden;position: relative;z-index: 0;margin-bottom: .2rem;} .n-safety .video-swiper .swiper-slide{width: 100%;z-index: 0;} .n-safety .video-swiper .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;} .n-safety .video-swiper .swiper-slide .pic{width: 100%;z-index: 0;} .n-safety .video-swiper .swiper-slide .pic figure{padding-top: 75%;} .n-safety .video-swiper .swiper-slide .ico{display: block;width: .95rem;height: .95rem;border-radius: 100%;margin: auto auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;} .n-safety .video-swiper .swiper-button-prev,.n-safety .video-swiper .swiper-button-next{margin: 0;top: unset;left: unset;width: .7rem;height: .7rem;background: #fff;bottom: 0;z-index: 3;} .n-safety .video-swiper .swiper-button-prev:after,.n-safety .video-swiper .swiper-button-next:after{font-size: .24rem;} .n-safety .video-swiper .swiper-button-prev{color: #b4b4b4;right: .7rem;} .n-safety .video-swiper .swiper-button-next{color: #535353;right: 0;} .n-safety .video-swiper .shu{display: block;width: 1px;height: .24rem;background: #b4b4b4;position: absolute;right: .705rem;bottom: .24rem;z-index: 4;} /*baike*/ .baike .list{width: 100%;background: #f5f5f5;margin-bottom: .25rem;transition: .5s;} .baike .list a{display: block;width: 100%;padding: .25rem;color: #343434;transition: .5s;} .baike .list .yuan{display: block;width: .19rem;height: .19rem;border: 1px solid #343434;border-radius: 100%;float: left;margin-top: .1rem;transition: .5s;} .baike .list .cont{width: calc(100% - .35rem);float: right;line-height: 1.5;} .baike .list .tit{font-size: .24rem;} .baike .list .desc{font-size: .2rem;} .baike .list:hover{background: #007be5;} .baike .list:hover a{color: #fff;} .baike .list:hover .yuan{border-color: #fff;} /*linkList*/ .linkList .list{display: block;width: 100%;background: #f5f5f5;color: #343434;padding: .2rem;text-align: center;line-height: 1.75;margin-bottom: .25rem;font-size: .18rem;transition: .5s;} .linkList .list:hover{background: #007be5;color: #fff;}