@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: 4;border: 0;margin: 0 auto;} body{font: 12px/22px '';color: #000; width:100%;background: #fff;} .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(/tpl/index/wap/default/static/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;margin-bottom: .1rem;} .footer .qrcode span img{display: block;width: 100%;height: 100%;} /* 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 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 about */ .n-about{width: 100%;background: url(/tpl/index/wap/default/static/images/bj09.jpg) bottom center no-repeat #f8f8f8;background-size: 100% auto;padding: .6rem .35rem .85rem;} .n-about article{text-align: center;font-size: .18rem;color: #737373;line-height: 2;margin-bottom: .3rem;} .n-about .box{margin-bottom: .5rem;} .n-about .box span{display: block;width: 1.2rem;margin: auto auto;transition: .5s;} .n-about .box span img{display: block;width: 100%;} .n-about .box span:hover{transform: translateY(-5px);} .n-about .gd{display: block;width: 2.1rem;height: .32rem;border: .01rem solid #c9c9c9;border-radius: .05rem;text-align: center;line-height: .3rem;font-size: .18rem;color: #737373;margin: 0 auto;letter-spacing: 1px;transition: .5s;} .n-about .gd:hover{background: #c9c9c9;color: #fff;} /* home party */ .n-party{width: 100%;background: url(/tpl/index/wap/default/static/images/bj13.jpg) bottom center no-repeat;background-size: 100% auto;padding: .6rem .35rem .75rem;} .n-party .party-swiper{width: 100%;overflow: hidden;position: relative;z-index: 0;} .n-party .party-swiper .swiper-wrapper{} .n-party .swiper-slide{width: 4rem;overflow: hidden;position: relative;} .n-party .swiper-slide .img{display: block;width: 100%;} .n-party .swiper-slide .cont{position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 1.1rem .4rem 0;text-align: center;} .n-party .swiper-slide .cont1{background: rgba(0,0,0,.75);color: #fff;} .n-party .swiper-slide .cont1{background: rgba(0,0,0,.75);color: #fff;position: absolute;top: 100%;bottom: 0;left: 0;right: 0;padding: 1.1rem .4rem 0;text-align: center;transition: 1.5s;} .n-party .swiper-slide .ico{display: block;width: .65rem;height: .65rem;margin: 0 auto .4rem;transition: 1s;} .n-party .swiper-slide h5{font-size: .36rem;line-height: 1.5;} .n-party .swiper-slide .ftit{font-size: .18rem;text-transform: uppercase;line-height: 1.2;} .n-party .swiper-slide .gd{display: block;width: .53rem;height: .53rem;margin: .38rem auto 0;transition: .5s;} .n-party .swiper-slide .gd img{display: block;width: 100%;} .n-party .swiper-slide h4{font-size: .2rem;line-height: 1.5;font-weight: initial;} .n-party .swiper-slide .cont1 em{display: block;width: .6rem;height: .01rem;background: #ffffff;margin: .1rem auto;} .n-party .swiper-slide .cont1 article{text-align: justify;font-size: .18rem;line-height: 2;} .n-party .swiper-slide .gd1{display: block;width: 2.1rem;height: .32rem;border: .01rem solid #fff;border-radius: .05rem;text-align: center;line-height: .3rem;font-size: .18rem;color: #fff;margin: .38rem auto 0;letter-spacing: 1px;transition: .5s;} .n-party .swiper-slide .gd1:hover{background: #fff;color: #5b4d58;} .n-party .swiper-slide:hover .ico{transform:rotateY(360deg);} .n-party .party-swiper .swiper-slide-active .cont1{top: 0;} .n-party .party-swiper .swiper-button-next,.n-party .party-swiper .swiper-button-prev{width: .6rem;height: .55rem;background: #fff;margin: 0;position: absolute;top: auto;left: auto;right: 0;bottom: 0;font-size: .24rem;color: #565656;} .n-party .party-swiper .swiper-button-next:after,.n-party .party-swiper .swiper-button-prev:after{font-size: .24rem;} .n-party .party-swiper .swiper-button-prev{right: .5rem;color: #c5c5c5;} .n-party .party-swiper .shu{display: block;width: 1px;height: .24rem;background: #c5c5c5;position: absolute;right: .51rem;bottom: .155rem;z-index: 10;} /* home talents */ .n-talents{background: url(/tpl/index/wap/default/static/images/bj10.jpg) center center no-repeat;background-size: 100% auto;padding: .6rem .35rem .75rem;} .n-talents .n-titBox .ftitle,.n-talents .n-titBox .title{color: #ffffff;} .n-talents .item{width: 48%;overflow: hidden;position: relative;float: left;margin: 0 4% .28rem 0;border-radius: .1rem;} .n-talents .item:nth-child(2n){margin-right: 0;} .n-talents .item .pic{display: block;width: 100%;} .n-talents .item .pic figure{padding-top: 126.838%;} .n-talents .item .cont{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(0,0,0,.8));color: #fff;text-align: center;line-height: 1.5;padding: .6rem .35rem 0;} .n-talents .item .ico{display: block;width: .51rem;height: .51rem;margin: 0 auto;transition: 1s;} .n-talents .item .tit{font-size: .3rem;color: #fff;margin: .1rem 0 0;} .n-talents .item .slogan{font-size: .18rem;} .n-talents .item .gd{display: block;width: 1.15rem;height: .35rem;background: #ffffff;text-align: center;line-height: .35rem;border-radius: .35rem;font-size: .18rem;color: #737373;margin: .3rem auto 0;transition: .5s;} .n-talents .item:hover .ico{transform:rotateY(360deg);} .n-talents .item:hover .gd{background: #ffb400;color: #fff;} /* home news */ .n-news{padding: .6rem .35rem .85rem;border-top: .1rem solid #007be5;} .n-news .nn-head{margin-bottom: .3rem;text-align: center;} .n-news .nn-head a{display: inline-block;font-size: .18rem;color: #8a8a8a;line-height: .36rem;padding: 0 .2rem;margin: 0 .1rem;transition: .5s;} .n-news .nn-head a:hover,.n-news .nn-head a.active{background: #007be5;color: #fff;} .n-news .box{display: none;} .n-news .list1{width: 100%;} .n-news .list1 a{display: block;width: 100%;} .n-news .list1 .pic{width: 100%;} .n-news .list1 .pic figure{padding-top: 50.515%;} .n-news .list1 .cont{width: 100%;padding: .32rem 0;background: #007be5;color: #fff;transition: .5s;} .n-news .list1 .time{float: left;text-align: center;width: 1.25rem;} .n-news .list1 .time b{display: block;font-size: .58rem;line-height: 1;} .n-news .list1 .time p{font-size: .18rem;line-height: 1.5;} .n-news .list1 .text{width: calc(100% - 1.55rem);float: left;} .n-news .list1 .tit{font-size: .24rem;} .n-news .list1 .desc{font-size: .18rem;line-height: 1.8;} .n-news .list1 em{display: block;width: 100%;height: .01rem;background: #fff;margin: .15rem 0;} .n-news .list1:hover .cont{background: #ffb400;} .n-news .nn-right{width: 100%;margin: .35rem 0;} .n-news .list{border-bottom: .01rem solid #d2d2d2;padding: .25rem 0;} .n-news .list:nth-child(1){border-top: .01rem solid #d2d2d2;} .n-news .list a{display: block;width: 100%;} .n-news .list .text{float: left;width: calc(100% - 1.12rem);} .n-news .list .time{float: right;text-align: center;line-height: 1;padding-top: .12rem;} .n-news .list .time b{display: block;font-size: .24rem;color: #a0a0a0;font-weight: lighter;margin-bottom: .3rem;} .n-news .list .time img{width: .39rem;} .n-news .list .tit{font-size: .24rem;color: #4a4a4a;line-height: 1.8;transition: .5s;} .n-news .list .desc{font-size: .18rem;color: #8a8a8a;text-align: justify;line-height: 1.8;} .n-news .list:hover .tit{color: #007be5;} .n-news .more{display: block;width: 2.1rem;height: .32rem;border: .01rem solid #c9c9c9;border-radius: .05rem;text-align: center;line-height: .3rem;font-size: .18rem;color: #737373;margin: 0 auto;letter-spacing: 1px;transition: .5s;} /* home message */ .n-message{width: 100%;height: 3.3rem;padding: .45rem .35rem 0;} .n-message form{width: 100%;} .n-message form input{display: block;width: 47%;float: left;border: 0;border-bottom: .01rem solid #676767;background: transparent;font-size: .18rem;color: #676767;height: .56rem;margin-bottom: .1rem;} .n-message form input:nth-child(2n){float: right;} .n-message form .text{width: 100%;} .n-message form input::-webkit-input-placeholder{color: #676767;} .n-message form input::-moz-placeholder{color: #676767;} .n-message form .btn{display: block;width: 100%;height: .56rem;background: #676767;text-align: center;line-height: .56rem;border: 0;font-weight: initial;color: #fff;font-size: .18rem;margin-top: .2rem;cursor: pointer;transition: .5s;} .n-message form .btn:hover{opacity: .9;} /* 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%;} /* 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;} .crumbs .c-link{display: block;font-size: .18rem;color: #333333;line-height: .75rem;margin: 0 .1rem;transition: .5s;} .crumbs .c-link:last-child{margin-right: 0;} .crumbs .c-link:hover,.crumbs .c-link.active{color: #007be5;} /* about */ .about .box{margin-bottom: .4rem;} .about .box span{display: block;width: 1.2rem;margin: auto 0;transition: .5s;} .about .box span img{display: block;width: 100%;} .about .box span:hover{transform: translateY(-5px);} .about .img{width: 100%;margin-top: .4rem;} .about .img img{display: block;width: 100%;} /* honor */ .honor .list{width: 48.5%;float: left;margin-right: 3%;} .honor .list:nth-child(2n){margin-right: 0;} .honor .list a{width: 100%;} .honor .list .img{width: 100%;position: relative;} .honor .list .img .bj{display: block;width: 100%;position: relative;z-index: 1;} .honor .list .pic{width: 84.198%;height: 79.355%;margin: auto auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 0;} .honor .list .pic figure{padding-top: 72.141%;} .honor .list .tit{text-align: center;font-size: .18rem;color: #363636;height: .7rem;line-height: .7rem;transition: .5s;} .honor .list:hover .tit{color: #007be5;} /* party */ .party .list{width: 100%;margin-bottom: .25rem;background: #f5f5f5;position: relative;transition: .5s;} .party .list a{display: block;width: 100%;} .party .list .pic{width: 100%;background: #000;opacity: 1;transition: .5s;} .party .list .pic figure{padding-top: 56.92%;} .party .list .pic figure img{opacity: .5;} .party .list em{display: block;width: calc(100% - .4rem);height: 1px;background: #d7d7d7;margin: 0 auto;} .party .list .cont{position: absolute;top: 0;bottom: .85rem;left: 0;right: 0;padding: .65rem .3rem 0;} .party .list .time{color: #fff;transition: .5s;} .party .list .time span{font-size: .26rem;} .party .list .time small{font-size: .18rem;} .party .list .tit{font-size: .24rem;color: #fff;line-height: 1.5;margin: .1rem 0;transition: .5s;} .party .list .desc{font-size: .18rem;color: #fff;line-height: 1.5;transition: .5s;} .party .list .gd{padding: .2rem .3rem;font-size: .18rem;color: #ababab;line-height: .45rem;} .party .list .gd img{display: block;width: .45rem;height: .45rem;border-radius: 100%;float: right;opacity: 1;transition: .5s;} .party .list:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);} /* activity */ .activity .list{border-bottom: 1px solid #dddddd;transition: .5s;} .activity .list:nth-child(1){border-top: 1px solid #dddddd;} .activity .list a{display: block;width: 100%;padding: .25rem 0;} .activity .list .text{float: left;width: calc(100% - 1.12rem);} .activity .list .time{float: right;text-align: center;line-height: 1;padding-top: .12rem;} .activity .list .time b{display: block;font-size: .24rem;color: #a0a0a0;font-weight: lighter;margin-bottom: .3rem;} .activity .list .time img{width: .39rem;} .activity .list .tit{font-size: .24rem;color: #4a4a4a;line-height: 1.8;transition: .5s;} .activity .list .desc{font-size: .18rem;color: #8a8a8a;text-align: justify;line-height: 1.8;} .activity .list:hover .tit{color: #007be5;} /* culture */ .culture .list{width: 48.5%;margin: 0 3% .25rem 0;background: #f5f5f5;border-radius: .1rem;padding: .5rem .3rem;text-align: center;line-height: 1.8;cursor: default;transition: .5s;} .culture .list:nth-child(2n){margin-right: 0;} .culture .list .ico{display: block;width: 1.18rem;height: 1.18rem;border-radius: 100%;border-radius: 100%;margin: 0 auto .25rem;transition: 1s;} .culture .list .tit{font-size: .28rem;color: #333333;} .culture .list em{display: block;width: .28rem;height: .02rem;background: #626262;margin: .05rem auto .15rem;} .culture .list article{font-size: .18rem;color: #808080;text-align: justify;} /*.culture .list:nth-child(7){width: 100%;margin-right: 0;}*/ .culture .list .cl-left{} .culture .list .cl-right{width: 100%%;} .culture .list .text{width: 100%;text-align: left;margin: .18rem 0;} .culture .list .txt{color: #333333;font-weight: bold;font-size: .18rem;} .culture .list .txt font{display: block;width: .15rem;height: .15rem;background: #333333;border-radius: 100%;float: left;margin: .085rem .05rem 0 0;} .culture .list:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);} .culture .list:hover .ico{transform:rotateY(360deg);} /* staff */ .staff .list{width: 100%;} .staff .list a{display: block;width: 100%;} .staff .list .pic{width: 100%;background: #ddd;transition: .5s;} .staff .list .pic figure{padding-top: 75%;} .staff .list .tit{font-size: .22rem;color: #363636;text-align: center;line-height: .7rem;height: .7rem;transition: .5s;} .staff .list:hover .pic{box-shadow: 5px 5px 5px rgba(0,0,0,.15);transform: translateY(-5px);} .staff .list:hover .tit{color: #007be5;} /* society */ .society .list{border-bottom: 1px solid #dddddd;} .society .list:nth-child(1){border-top: 1px solid #dddddd;} .society .list a{display: block;padding: .35rem 0;} .society .list .pic{width: 100%;} .society .list .pic figure{padding-top: 50%;} .society .list .cont{width: 100%;line-height: 1.8;padding-top: .15rem;} .society .list .time{font-size: .18rem;color: #808080;} .society .list .tit{font-size: .22rem;color: #343434;margin: .15rem 0 .05rem;transition: .5s;} .society .list .desc{font-size: .18rem;color: #808080;text-align: justify;} .society .list .gd{width: .35rem;height: .17rem;background: url(/tpl/index/wap/default/static/images/ico30.png) right center no-repeat;background-size: auto 100%;margin-top: .2rem;transition: .5s;} .society .list:hover .tit{color: #007be5;} .society .list:hover .gd{background: url(/tpl/index/wap/default/static/images/ico30.png) left center no-repeat;background-size: auto 100%;} /* news */ .news .list{background: #f5f5f5;margin-bottom: .3rem;transition: .5s;} .news .list a{display: block;width: 100%;padding: .35rem;} .news .list .time{width: 1.1rem;height: 1.1rem;float: left;background: #007be5;text-align: center;color: #fff;padding-top: .19rem;box-shadow: 5px 5px 10px rgba(0,0,0,.15);border-radius: 100%;} .news .list .time b{display: block;font-size: .46rem;line-height: .46rem;} .news .list .time p{font-size: .18rem;line-height: .25rem;} .news .list .cont{width: calc(100% - 1.4rem);float: right;line-height: 1.5;padding-top: .1rem;} .news .list .tit{font-size: .22rem;color: #343434;transition: .5s;} .news .list .desc{font-size: .18rem;color: #808080;} .news .list em{display: block;width: 100%;height: 1px;background: #d7d7d7;margin: .15rem 0;} .news .list:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);} .news .list:hover .tit{color: #007be5;} /* idealism */ .idealism{background: url(/tpl/index/wap/default/static/images/bj12.jpg) bottom center no-repeat #f5f5f5;background-size: 100% auto;} .idealism .title{font-size: .26rem;color: #007be5;line-height: 1.5;margin-bottom: .3rem;} .idealism .img{width: 100%;} .idealism .img img{display: block;width: 100%;} .idealism .cont{width: 100%;margin-bottom: .3rem;} /* cultivate */ .cultivate .list{width: 100%;border-bottom: 1px solid #e0e0e0;padding-bottom: .3rem;margin-bottom: .3rem;} .cultivate .list a{display: block;width: 100%;} .cultivate .list .pic{width: 1.8rem;float: left;background: #ddd;} .cultivate .list .pic figure{padding-top: 63.303%;} .cultivate .list .cont{width: calc(100% - 2.05rem);float: right;padding-top: .08rem;} .cultivate .list .tit{font-size: .22rem;color: #343434;line-height: .32rem;transition: .5s;} .cultivate .list .desc{font-size: .18rem;color: #808080;text-align: justify;line-height: .3rem;margin: .1rem 0 0;} .cultivate .list:hover .tit{color: #007be5;} /* recruitment */ .recruitment .jList{width: 100%;margin-bottom: .25rem; } .recruitment .jHead{width: 100%;height: .6rem;background: #f5f5f5;box-sizing: border-box;padding: 0 .3rem;line-height: .6rem;cursor: pointer;color: #505050;overflow: hidden;} .recruitment .jHead .jTit{float: left;font-size: .18rem;margin-right: .15rem;} .recruitment .jHead .jBrief{max-width: 2rem;float: left;font-size: .18rem;} .recruitment .jHead .jMore{width: 1.2rem;float: right;font-size: .18rem;color: #505050;} .recruitment .jHead .jMore span{display: block;width: .25rem;height: .25rem;background: url(/tpl/index/wap/default/static/images/0jh.png) center center no-repeat;border-radius: 100% 100%;overflow: hidden;float: right;margin-top: .175rem;} .recruitment .jBody{width: 100%;display: none;} .recruitment .jBody .rs{width: 100%;box-sizing: border-box;border: 1px solid #dcdcdc;padding: .2rem .3rem;line-height: 2;font-size: .18rem;color: #757575;} .recruitment .jBody .b1{width: 100%;height: .74rem;background-color: #007be5;border-radius: .37rem;border: none;outline: none;font-size: .24rem;line-height: .74rem;color: #fff;text-align: center;margin-top: .36rem;} .recruitment .jBody .b2{background-color: #dcdcdc;} .recruitment .jBody article{width: 100%;box-sizing: border-box;padding: .2rem .3rem .3rem;font-size: .18rem;color: #757575;line-height: 2;} .recruitment .jList .jHead.active{background: #007be5;color: #fff;} .recruitment .jList .jHead.active .jMore{color: #fff;} .recruitment .jList .jHead.active .jMore span{background: url(/tpl/index/wap/default/static/images/1jh.png) center center no-repeat;background-size: 100% 100%;} /* occupation */ .occupation .list{width: 100%;margin-bottom: .5rem;border-bottom: 1px solid #dddddd;padding-bottom: .3rem;} .occupation .list a{display: block;width: 100%;} .occupation .list .pic{width: 100%;background: #ddd;} .occupation .list .pic figure{padding-top: 50%;} .occupation .list .tit{font-size: .22rem;color: #343434;line-height: 1.8;margin: .25rem 0 .1rem;transition: .5s;} .occupation .list .desc{font-size: .18rem;color: #808080;text-align: justify;line-height: 1.8;} .occupation .list:hover .tit{color: #007be5;} /* contact */ .contact .box{margin-bottom: .2rem;} .contact .item{border: 1px solid #c8c8c8;border-radius: .08rem;width: 48.5%;padding: .3rem .15rem .2rem;text-align: center;line-height: 1.5;cursor: default;background: #fff;margin-bottom: .2rem;transition: .5s;} .contact .item .ico{display: block;width: .61rem;height: .61rem;border-radius: 100%;margin: 0 auto .1rem;transition: 1s;} .contact .item .tit{font-size: .22rem;color: #343434;font-weight: initial;} .contact .item em{display: block;width: .24rem;height: 1px;background: #218ce8;margin: .1rem auto;} .contact .item .txt{font-size: .18rem;color: #808080;} .contact .item:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);} .contact .item:hover .ico{transform:rotateY(360deg);} .contact .map{width: 100%;height: 4.5rem;background: #ddd;margin-bottom: .45rem;} .contact .map iframe{display: block;width: 100%;height: 100%;border: 0;} .contact form{display: block;} .contact form input{display: block;width: 100%;height: .53rem;background: #f5f5f5;border-radius: .05rem;padding: 0 .2rem;font-size: .18rem;color: #808080;border: 0;margin-bottom: .15rem;} .contact form textarea{display: block;width: 100%;height: 1.75rem;background: #f5f5f5;border-radius: .05rem;border: 0;padding: .15rem .2rem;font-size: .18rem;color: #808080;line-height: 1.5;} .contact form .btn{display: block;width: 100%;height: .53rem;border: 0;background: #007be5;color: #fff;border-radius: .05rem;font-size: .18rem;font-weight: initial;margin: .35rem auto 0;cursor: pointer;} .contact form .btn:hover{background: #0074d8;} /* 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(/tpl/index/wap/default/static/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;} /*video*/ .video .list a{position: relative;} .video .list .pic figure{padding-top: 60%;} .video .ico{display: block;width: .95rem;height: .95rem;border-radius: 100%;margin: auto auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;} /*表单*/ .z-contit{ width: 100%; margin: 0 auto; } .z-contit .wrapper .iform{ width: 100%; display: flex; margin-bottom: .14rem; } .z-contit .tframe{ width: 1.1rem; font-size: .2rem; color: #343434; line-height: .44rem; text-align: justify; text-align-last: justify; /*margin-right: .22rem;*/ } .z-contit .wrapper .iform .i1{ flex: 1; height: .44rem; font-size: .16rem; color: #000; border: .01rem solid #dddddd; border-radius: .06rem; outline: none; padding: 0 .12rem; } .z-contit .wrapper .iform .radio{ display: flex; flex: 1; height: .44rem; padding: 0 .12rem; } .z-contit .wrapper .iform .radio label{ display: flex; align-items: center; margin-right: .14rem; } .z-contit .wrapper .iform .radio input{ margin-right: .06rem; } .z-contit .tform{ width: 100%; display: flex; margin-bottom: .2rem; } .z-contit .btnframe{ width: 100%; display: flex; margin-top: .48rem; } .z-contit .btnframe .btn{ flex: 1; height: .74rem; font-size: .24rem; line-height: .74rem; color: #fff; text-align: center; border-radius: .37rem; border: none; outline-style: none; background-color: #007be5; } .z-contit .tform .tframe{ width: 1.6rem; font-size: .2rem; line-height: .4rem; color: #343434; /* text-align: justify; text-align-last: justify; */ } .z-contit .tform .t1{ flex: 1; height: 1.2rem; outline: none; font-size: .24rem; color: #000; box-sizing: border-box; resize: none; border: .01rem solid #d5d5d5; padding: .12rem .14rem 0; } .z-contit .personal-image{ width: 1.68rem; height: 1.68rem; overflow: hidden; border-radius: .12rem; } .z-contit .personal-image .m-pic{ max-width: 100%; height: 100%; } .z-contit .u-upload-pic{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }