textarea{-webkit-font-smoothing: antialiased;font-family: arial, sans-serif;} body{background: #fff;width: 7.5rem;margin: 0 auto;} .bj{background: #f9f9f9;} .wrap:after{content: "";display: block;height:0;clear:both;visibility: hidden;} .m-navbar:after{display: none;} .navbar-item .back-ico:before{width: 0.2rem;height: 0.38rem;background: url(../img/back.png) no-repeat;position: absolute;content: "";top: 0.25rem;left: 0.2rem;background-size: 100%;} .navbar-center{width: 92%;} .navbar-center .navbar-title{text-align: center;font-size: 0.36rem;color: #333333;} .tab{width: 100%;height: 1rem;border-bottom: 1px solid #eeeeee;padding: 0 0.25rem;background: #fff;} .tab ul{width: 100%;overflow-x: scroll;} .tab li{display: inline-block;margin-right: 0.65rem;} .tab li a{font-size:0.28rem;color: #aaadb6;font-weight: bold;line-height: 1rem;display: block;} .tab li:last-child{margin-right: 0;} .tab .active{position: relative;} .tab .active:after{position: absolute;content: "";width: 0.35rem;height: 0.13rem;background: url(../img/active.png) no-repeat center;background-size: 100% 100%;top: 0.77rem;left: 50%; margin-left: -0.175rem;} .tab .active a{font-size: 0.34rem;color: #e72b2b;} .g-flexview{padding-top: 0.96rem;} .newlist{padding: 0 0.3rem 1.48rem;} .newlist .ul{padding: 0.43rem 0 0;} .newlist .ul li{width: 100%;margin: 0 auto 0.6rem;} .newlist .ul li .text{width: 3.9rem;height: 1.43rem;float: left;} .newlist .ul li img{width: 2.54rem;height: 1.43rem;float: right;} .newlist .ul li .tit{font-size: 0.3rem;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .newlist .ul li .txt{font-size: 0.24rem;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.1rem;} .newlist .ul li .time{font-size: 0.2rem;color: #e72b2b;margin-top: 0.15rem;} .newlist .ul li .time .data{font-size: 0.44rem;margin-right: 0.2rem;} .about{width: 100%;padding: 0.4rem 0.4rem 0.98rem;font-size: 0.3rem;color: #333333;line-height: 180%;min-height: 80vh;} .about img{width: 100% !important;height: auto !important;} .about p{text-indent: 2em;padding: 0.4rem 0;} .research{width: 100%;padding: 0.4rem 0.2rem 0.98rem;font-size: 0.3rem;color: #333333;line-height: 180%;} .research p{padding: 0 0 0.4rem;} .research .img{width: 100%;margin-bottom: 0.5rem;} .research .img img{width: 3.37rem;height: auto;float: left;} .research .img img:nth-child(2n){float: right;} .research .imgtwo{width: 100%;height: auto;} .research .imgtwo img{width: 100%;} .research .txt{font-size: 0.4rem;color: #333333;font-weight: bold;margin-bottom: 0.4rem;} .research .p{margin-bottom: 0.75rem;} .article{width: 100%;padding:0.45rem 0.3rem 0.98rem;font-size: 0.3rem;color: #333333;min-height: 80vh;} .article .time-tit{width: 100%;margin-bottom: 0.3rem;} .article .time{width: 1rem;height: 0.72rem;float: left;text-align: center;color: #de1f1f;font-size: 0.26rem;font-weight: bold;position: relative;} .article .time:after{position: absolute;content: "";width: 0.06rem;height: 0.72rem;background: url(../img/time.png) no-repeat center;top: 0;right: -0.3rem;background-size: 100% 100%;} .article .time .data{font-size: 0.6rem;color: #de1f1f;font-family: "Berlin Sans FB Demi";font-weight: bold;margin-top: -0.2rem;} .article .time .mth{position: relative;top: -0.05rem;} .article .tit{width: 5.55rem;float: right;height: 0.72rem;font-size: 0.36rem;color: #010101;font-weight: bold;display: flex;align-items: center;flex-wrap: wrap;} .article .p{line-height: 180%;} .article .p img{width: 100% !important;height: auto !important;} .article .p p{padding: 0.35rem 0;} .contact {padding: 0 0.3rem 0.97rem;} .contact .title{font-size: 0.36rem;color: #333333;margin: 0.6rem 0 0.4rem;} .contact .desc li{width: 100%;height: 2.27rem;background:#fff;border-radius: 0.1rem;margin-bottom: 0.1rem;padding: 0.27rem 0.23rem 0;} .contact .desc li .tx{width: 1.43rem;height: 1.81rem;float: left;} .contact .desc li .text{width:4.87rem;float: right; } .contact .desc li .tit{font-size: 0.3rem;color: #000003;font-weight: bold;margin:0.1rem 0 0.4rem;} .contact .desc li p{display: flex;align-items: center;margin-bottom: 0.2rem;font-size: 0.24rem;color: #666666;} .contact .desc li p img{width: 0.26rem;height: auto;margin-right: 0.35rem;} .contact .desc li p span{margin: 0 0.1rem;} .contact .gooks{width: 100%;height: 7.9rem;background:#fff;border-radius: 0.1rem;padding:0.6rem 0.25rem 0;font-size: 0.3rem;} .contact .gooks input{width: 100%;height: 46px;border-radius: 5px;border:1px solid #d4d4d4;margin-bottom: 0.35rem;padding: 0 0.2rem;} .contact .gooks textarea{width: 100%;height: 170px;border-radius: 5px;border:1px solid #d4d4d4;padding:0.2rem;} .contact .gooks .bjt{background:url(../img/xing.png) no-repeat right 0.1rem center;} .contact .gooks .btn{width: 5.06rem;color:#fff;height: 0.88rem;border-radius: 0.1rem;background:#fe3636;margin: 0.35rem auto 0;display: block;position: relative;padding: 0;} .contact .gooks .btn input{background:#fe3636;font-size: 16px;color: #ffffff;border:none;} .contact .gooks .btn:after{width: 4.8rem;height: 0.88rem;box-shadow: 0px 10px 20px rgba(254,54,54,0.5);position: absolute;content: "";top: 0;left: 0.14rem;} .contact .map{width: 100%;height: 6.5rem;overflow: hidden;} #allmap{width:100%;height: 6.5rem;} /*.contact .map li iframe #dituContent{ width: 100% !important; height: 3.25rem !important;}*/ .contact .addres{width: 100%;margin-top: 0.3rem;} .contact .addres li{width: 100%;height: 0.7rem;background:#f1f1f1;margin-bottom: 0.2rem;display: flex;align-items: center;padding: 0 0.35rem;font-size: 0.26rem;} .contact .addres li .icon{width: 0.26rem;height: 0.37rem;background:url(../img/icon01.png) no-repeat center;background-size: 100% 100%;margin-right: 0.35rem;} .contact .addres li.active .icon{background:url(../img/icon02.png) no-repeat center;} .contact .addres li.active{color: #e82424;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #333333; font-size: 0.3rem; } input:-moz-placeholder, textarea:-moz-placeholder { color: #333333; font-size: 0.3rem; } input::-moz-placeholder, textarea::-moz-placeholder { color: #333333; font-size: 0.3rem; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #333333; font-size: 0.3rem; } .search{width: 6.9rem;margin: 0.25rem auto;background: #f7f7f7;height: 0.65rem;border-radius: 0.2rem;} .search input{width: 100%;height: 100%;border: none;font-size: 0.26rem;color: #999999;padding: 0 0.7rem;background: url(../img/sericon.png) no-repeat;background-position: left 0.3rem top 0.15rem;background-size: 5%;} .prolist{width: 100%;height: calc(100vh - 3.99rem);} .prolist .left{background:#f7f7f7;width: 1.8rem;height: 100%;float: left;} .prolist .left ul{width: 100%;height: 100%;overflow-y: scroll;} .prolist .left li{padding: 0.35rem 0.35rem;} .prolist .left li a{font-size: 0.26rem;color: #333333;} .prolist .left .active{background: #fff;position: relative;} .prolist .left .active:after{position: absolute;content: "";width: 0.06rem;height:0.62rem;background:#e72b2b;top: 50%;margin-top: -0.31rem;left: 0; } .prolist .left .active a{color: #ff0000;} .prolist .right{width: 5.7rem;float: left;height: 100%;overflow-y: scroll;} .prolist .right .procontent .tit{font-size: 0.4rem;color: #333333;padding: 0.4rem 0 0.2rem;} .prolist .right .procontent{width: 100%;font-size: 0.3rem;color: #333333;line-height: 180%;padding: 0 0.28rem 0 0.34rem;} .prolist .right .procontent img{width: 100% !important;height: auto !important;} .prolist .right .procontent p{padding: 0.3rem 0;} .prolist .right .recruit{width: 100%;padding: 0 0.35rem;} .prolist .right .price{font-size: 0.24rem;color: #333333;padding: 0.25rem 0 0.35rem;} .prolist .right .price span{color: #d41313;margin-left: 0.35rem;} .prolist .right .recruit .tit{font-size: 0.4rem;color: #333333;} .prolist .right .recruit .txt{font-size: 0.3rem;color: #333333;font-weight: bold;} .prolist .right .recruit .p{font-size: 0.3rem;color: #333333;line-height: 180%;padding-bottom: 0.65rem;border-bottom: 1px dashed #cbcbcb;margin-bottom: 0.55rem; } .prolist .right .recruit .pp{font-size: 0.3rem;color: #333333;line-height: 180%;padding-bottom: 0.65rem;} .prolist .right .item{padding:0 0.25rem;} .prolist .right .item li{width: 3.4rem !important;height: 3.2rem !important;float: left;} .prolist .right .item li img {width: 100%; height: 2.4rem !important;} .prolist .right .item li .tit{font-size: 0.24rem;color: #333333;padding: 0.15rem 0.17rem 0;text-align: center;} .prolist .right .item li:nth-child(2n){float: right;} .prolist .right .page{text-align: center;} .prolist .right .page li{float: none;display: inline-block;} .recruitlist{height: calc(100vh - 2.18rem);margin-top: 0.3rem;} .page{width: 100%;} .page li{width: 1rem;height: 0.5rem;font-size: 0.26rem;color: #fff;text-align: center;line-height: 0.5rem;float: left;} .page li:nth-child(2){float: right;} .page li a{display: block;} .page li img{margin: auto;} .banner{width: 100%;padding: 0 0.3rem;margin:0.2rem 0 0.4rem;} .swiper-container{width: 100%;} .swiper-container img{width: 100%;height: auto;border-radius: 5px;} .public{width: 100%;font-size: 0.48rem;color: #333333;text-transform:Uppercase;font-family: "SourceHanSansCN Regular";} .public .tit{font-size: 0.4rem;position: relative;} .public .tit span{position: relative;z-index: 1;padding-left: 0.1rem;} .public .tit:before{position: absolute;content: "";width: 0.27rem;height: 0.52rem;background: linear-gradient(to right,#f5a4a4,#fad5d5,#fef3f3);top: 0;left: 0;} .public a{display: flex;align-items: center;justify-content: space-between;} .public .right{display: flex;align-items: center;justify-content: flex-end;font-size: 0.24rem;color: #999999;} .public .right img{width: 0.11rem;height: 0.2rem;margin-left: 0.1rem;} .pro{width: 100%;padding: 0.95rem 0.25rem 0.7rem;background:#f8f8f8;} .pro ul{padding-top: 0.55rem;} .pro li{width: 3.4rem;height: 3.2rem;float: left;} .pro li:nth-child(2n){float: right;} .pro li img{width: 100%;height: 2.4rem;} .pro li .txt{font-size: 0.24rem;color: #333333;padding: 0.15rem 0.17rem 0;text-align: center;} .indexabout{width: 100%;padding: 0.65rem 0.3rem 0.95rem;} .indexabout .p{font-size: 0.28rem;color: #333333;line-height: 180%;padding: 0.4rem 0 0.6rem;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .indexabout .bottom{width: 100%;} .indexabout .bottom ul{display: flex;align-items: center;justify-content: space-between;} .indexabout .bottom ul .txt{font-size: 0.18rem;color: #999999;} .indexabout .bottom ul .txt .num{font-size: 0.44rem;color: #eab458;} .indexabout .bottom ul .tpt{font-size: 0.18rem;color: #666666;margin-top: 0.05rem;} .news{width: 100%;padding: 0 0 1.88rem;position: relative;} .news .title{width: 100%;padding: 0.95rem 0.3rem 0.55rem;color: #333333;display: flex;align-items: center;justify-content: space-between;text-transform:Uppercase;} .news .title .tit{font-size: 0.4rem;position: relative;} .news .title .tit span{position: relative;z-index: 1;padding-left: 0.1rem;} .news .title .tit:before{position: absolute;content: "";width: 0.27rem;height: 0.52rem;background: linear-gradient(to right,#f5a4a4,#fad5d5,#fef3f3);top: 0;left: 0;} .news .title .add{font-size: 0.24rem;display: flex;align-items: center;justify-content: flex-end;color: #999999;} .news .title .add img{width: 0.11rem;height: 0.2rem;margin-left: 0.1rem;} .news .n-list{width: 100%;padding: 0 0.3rem;} .news .n-list li{width: 100%;margin: 0 auto 0.6rem;} .news .n-list li .text{width: 3.9rem;height: 1.43rem;float: left;} .news .n-list li img{width: 2.54rem;height: 1.43rem;float: right;} .news .n-list li .tit{font-size: 0.3rem;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .news .n-list li .txt{font-size: 0.24rem;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.1rem;} .news .n-list li .time{font-size: 0.2rem;color: #e72b2b;margin-top: 0.15rem;} .news .n-list li .time .data{font-size: 0.44rem;margin-right: 0.2rem;} .news .n-list li:last-child{margin-bottom: 0;} .footer{width: 100%;height: 0.98rem;background: #f0f0f0;position: fixed;bottom: 0;left: 0;z-index: 2;padding: 0 0.6rem;} .footer ul{width: 100%;height: 100%;display: flex;align-items: center;justify-content: space-between;font-size: 0.22rem;} .footer ul a{color: #999999;font-size: 0.22rem;} .footer ul .icon{width: 0.46rem;height: 0.46rem;margin: 0 auto;} .footer ul span{display: block;text-align: center;} .footer ul .active span{color: #e72b2b;} .footer li:nth-child(1) .icon{background: url(../img/foots01.png) no-repeat center;background-size: 100% 100%;} .footer li:nth-child(2) .icon{background: url(../img/foots02.png) no-repeat center;background-size: 100% 100%;} .footer li:nth-child(3) .icon{background: url(../img/foots03.png) no-repeat center;background-size: 100% 100%;} .footer li:nth-child(1).active .icon{background: url(../img/foot01.png) no-repeat center;background-size: 100% 100%;} .footer li:nth-child(2).active .icon{background: url(../img/foot02.png) no-repeat center;background-size: 100% 100%;} .footer li:nth-child(3).active .icon{background: url(../img/foot03.png) no-repeat center;background-size: 100% 100%;} .m-navbar{border-bottom: 1px solid #eeeeee;} .m-navbar .logo{width: 2.9rem;height: 0.7rem;} .m-navbar .logo img{width: 100%;height: 100%;} .topnav{width: 100%;height: 0.96rem;position: fixed;top: 0;left: 0;z-index: 9;display: flex;align-items: center;justify-content: space-between;padding: 0 0.3rem;font-size: 0.36rem;color: #333333;border-bottom: 1px solid #eeeeee;} .topnav .right{height: 100%;display: flex;align-items: center;justify-content: flex-end;} .topnav .right img{width: 0.38rem;height: 0.36rem;margin-left: 0.2rem;} .mSlider-inner{width: 3.42rem !important;} .mSlider-inner li{width: 100%;height: 1.1rem;display: flex;align-items: center;justify-content: center;position: relative;} .mSlider-inner li a{font-size: 0.3rem;color: #666666;} .mSlider-inner li:after{position: absolute;content: "";width: 1.15rem;height: 1px;background: #eeeeee;bottom: 0;left: 50%;margin-left: -0.575rem;} .mSlider-main{display: none;} .subject{width: 100%;padding: 0.3rem;}