body{ max-width: 750px;margin: 0 auto;background-color: #f5f5f5;}
a{color:inherit;}
img{width: auto;max-width: 100%;}
.webkit-box{display: flex;}
.box-flex {flex: 1;}
.br-f{border-radius: 5px;overflow: hidden;}
.bb-f5{border-bottom:1px solid #f5f5f5;}
.bt-f5{border-top:1px solid #f5f5f5;}
.bg-white{background-color: #fff;}
.co-99{color: #999;}

/*模块*/
.section-head{padding: 5px 0; color: #333;font-size: 1.5rem;letter-spacing:1px;}
.section-head span{display: inline-block;margin-left:8px; color: #999;font-size:1.2rem;letter-spacing:0;}
.section-footer{height: 40px;line-height: 40px; color: #333;font-size: 1.2rem;}

/*一行三个*/
.row-three{display: block;overflow: hidden;}
.row-three ul{margin:0 -7px;padding:10px 0 0;}
.row-three ul li{list-style: none;float: left;width: 33.33%;padding:0 7px;text-align: center}
.row-three-img{width: 100%; padding-top: 75%;background-color: #000;border-radius: 5px;overflow: hidden;background:#f5f5f5 no-repeat center;background-size: cover;}
.row-three-info{line-height: 1;}
.row-three-info h3{margin:8px 0 5px 0;color: #333;font-size: 1.2rem;}
.row-three-info p{margin:0 0 8px;color: #999;font-size: 1.2rem;height: 12px;}
.row-three-info span{padding-bottom: 10px; display: inline-block; color: #ff6000;font-size: 1.2rem;}
.row-three-info h3,.row-three-info p,.row-three-info span{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*竖向*/
.vertical-list-model ul{padding-left: 0;margin:0;}
.vertical-list-model ul li{list-style: none;border-bottom: 1px solid #f5f5f5;}
.vertical-list-model ul li:last-child{border-bottom: none;}
.vertical-list-model-img{ width: 106px;height: 80px; border-radius: 5px;overflow: hidden;}
.vertical-list-model-text{height: 80px;position: relative;}
.vertical-list-model-text p{margin:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #333;font-size: 1.3rem;}
.vertical-list-model-text span{display: inline-block;position: absolute;bottom: 2px;color: #999;font-size: 1.2rem;}
/*一行两个列表*/
.row-half ul{padding: 5px 0 ;margin: 0 -4px;display: block;overflow: hidden;}
.row-half ul li{padding: 5px 4px; list-style: none;float: left;width: 50%;}
.row-half-item{border:1px solid #f5f5f5;border-radius: 5px; overflow: hidden;}
.row-half-item-img{width: 100%;padding-top: 80%;position: relative;}
.row-half-item-img img{width: 100%;position: absolute;top: 0;left: 0;right: 0;}
.row-half-item-text{padding:10px 6px 0;}
.row-half-item-text p{margin:0;height: 40px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #333;font-size: 1.3rem;}
.row-half-item-text span{padding-bottom: 2px;margin-right: 2px; font-size: 1.2rem;color: #999; display: block;overflow: hidden;text-align: left;}
/*竖向资讯列表*/
.vertical-list-news ul{padding-left: 0;margin-bottom: 0;}
.vertical-list-news ul li{list-style: none;border-bottom:1px solid #f5f5f5;}
.vertical-list-news ul li:last-child{border-bottom: none;}
.vertical-list-news-img {width:144px;height: 90px;border-radius: 5px;overflow: hidden;}
.vertical-list-text h3{margin-bottom: 5px;height: 40px; color: #333333;font-size: 1.3rem;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.vertical-list-text p{margin:0;color: #999;font-size: 1.2rem;}
.vertical-list-text p span{display: inline-block;margin-right:10px;}
/*竖向党建列表*/
.vertical-list-party ul{margin-bottom: 0;padding-left: 0;}
.vertical-list-party ul li{list-style: none;padding:5px 0;font-size: 0;}
.vertical-list-party-text{padding-left: 20px; color: #333;font-size: 1.3rem;position: relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #333;font-size: 1.3rem;}
.vertical-list-party-text i{position: absolute;left: 0;top: 0; color: #cccccc;}
.vertical-list-party-time{width: 100px; color: #999;font-size: 1.2rem;text-align: right;}

.yx-write {position: fixed;bottom: 20%;left: 0;right: 0;width: 50px;height: 50px;margin: 0 auto;margin-right: 10%;}

/*园区介绍*/
.yqjs{min-height: 100vh; background: #0c1129;}
.yqjs-text{color: #fff;font-size: 14px;}
.yqjs-text h2{font-size: 16px;margin-bottom: 1rem;text-align: center;}
.yqjs-text p{margin:0;}
.yqjs-addr-text{background: #22263e;height: 69px;line-height: 69px; font-size: 14px;color: #fff;text-align: center;}
.yqjs-addr-text i{display: inline-block;vertical-align: middle;margin-right: 5px; width: 16px;height: 19px;background: url("../images/h5/asite/10001001/icon-m.png") no-repeat center;background-size: 100%;}
.yqjs-us{
    background-image: -moz-linear-gradient( 90deg, rgb(0,30,85) 0%, rgb(12,17,41) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,30,85) 0%, rgb(12,17,41) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,30,85) 0%, rgb(12,17,41) 100%);
    color: #fff;}
.yqjs-us dd{font-size: 14px;}
.yqjs-us-form{height: 50px;padding:6px 0;background: #fff;}
.yqjs-us-form button{width: 85px;border: none;font-size: 14px;color: #333333;height: 100%;outline: none;background: #fff;}
.yqjs-us-form input{height: 100%;font-size: 14px;border: none;border-right: 1px solid #eeeeee; padding-left: 15px;outline: none;color: #000;}