:root{
    --title--:#606266;
    --h1--:#303133;
    --font--:#909399;
    --green--:#00A59F;
    --yellow--:#FFE71C;
}
body{
    overflow-x:hidden;
}
@font-face {
    font-family:AlibabaPuHuiTi;
    src:url('../font/AlibabaPuHuiTi-2-55-Regular.ttf')
}
@font-face {
    font-family:Poppins-Medium;
    src:url('../font/Poppins-Medium.ttf')
}
@font-face {
    font-family:D-DINExp;
    src:url('../font/D-DINExp.ttf')
}
*{
    box-sizing: border-box;
    padding:0;
    margin:0;
    font-family:'AlibabaPuHuiTi','微软雅黑','Arial','PingFang SC';
    outline: none;
}
ul,li{
    list-style: none;
}
a:hover,
a{
    text-decoration: none;
    color:var(--h1--);
}
img{
    border:none;
    max-width:100%;
}
.cl{
    clear: both;
}
.containers{
    max-width:1282px;
    margin:0 auto;
}
.header{
    height:100px;
    background: #ffffff;
}
.header .containers{
    height:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo a{
    display:block;
    width:255px;
    height:56px;
}
.tel{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.tel span{
    color:rgba(0, 165, 159, 1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.tel p{
    margin-top:6px;
    font-family: 'D-DINExp';
    font-weight: 400;
    font-size:25px;
    font-weight: 700;
    color:var(--green--);
}
.tel::before{
    content: '';
    width:43px;
    height:43px;
    position: absolute;
    top:50%;
    left:0;
    transform: translate(-120%,-50%);
    -webkit-transform: translate(-120%,-50%);
    -moz-transform: translate(-120%,-50%);
    -ms-transform: translate(-120%,-50%);
    -o-transform: translate(-120%,-50%);
    background: url(../images/tel.svg) no-repeat center;
    background-size: cover;
}
.navigation{
    background: #00a59f;
}
.navigation ul{
    height:54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navigation ul>li{
    min-width:126px;
    height:100%;
    position: relative;
}
.navigation ul>li>a{
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:17px;
    font-weight: 400;
    color:#ffffff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.navigation ul>li:hover>a,
.navigation ul>li.on>a{
    background: #009993;
}
.navigation ul>li>dl{
    position: absolute;
    width:100%;
    left:50%;
    top:54px;
    background: #ffffff;
    z-index: 555;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    display: none;
}
.navigation ul>li>dl.navigation-max{
    width: 170%;
}
.navigation ul>li>dl>dd{
    width:100%;
    height:40px;
    border-bottom: 1px solid #c7c7c7;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.navigation ul>li>dl>dd>a{
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:15px;
    font-weight: 400;
    color:#00a59f;
}
.navigation ul>li>dl>dd>a:hover{
    font-weight: 600;
}
.carousel .swiper-slide a{
    display: block;
    line-height: 0;
}
.carousel .swiper-slide a img{
    width:100%;
}
.carousel .swiper-pagination-bullet{
    opacity: 1;
    margin:0 10px !important;
    background: rgba(255, 255, 255, .7);
}
.carousel .swiper-pagination{
    bottom:20px;
}
.carousel .swiper-pagination-bullet-active{
    height:12px;
    width:12px;
    background: none;
    border:2px solid #ffffff;
    transform: translateY(2px);
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
}
.top-sell{
    width:580px;
    height:380px;
    position: relative;
}
.sell-box{
    position: relative;
    width:580px;
    height:380px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sell-box span{
    position: absolute;
    height:46px;
    line-height:46px;
    width:100%;
    left:0;
    z-index: 333;
    bottom:-50px;
    background: rgba(0, 0, 0, .5);
    font-size:16px;
    color:#ffffff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding:0 60px 0 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.sell-box p img{
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.sell-box:hover p img{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
}
.swiper-slide-active .sell-box span{
    bottom: 0;
}
.top-sell .swiper-pagination{
    width: auto;
    left:auto;
    right:10px;
    bottom: 14px;
}
.top-sell .swiper-pagination-bullet{
    background: #ffffff;
    opacity: .6;
}
.top-sell .swiper-pagination-bullet-active{
    opacity: 1;
}
.top-box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.layout{
    padding:60px 0 40px 0;
}
.top-news{
    width:660px;
}
.nbox-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:52px;
    border-bottom: 1px solid #ebeef5;
}
.nbox-top span{
    display: flex;
    align-items: center;
    font-size:24px;
    font-weight:500;
    color:var(--green--);
}
.nbox-top span img{
    margin-right:14px;
}
.nbox-top a{
    font-size:14px;
    font-style: normal;
    font-weight: 400;
    color:#616266;
    position: relative;
    padding-right:14px;
}
.nbox-top a:hover{
    color:var(--green--);
}
.nbox-top a::after{
    content: '';
    width:6px;
    height:10px;
    background: url(../images/nbox-top.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    opacity: .8;
}
.nbox-ul{
    padding-top:12px;
}
.nbox-ul li{
    min-height:38px;
    line-height: 1.6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-left:20px;
}
.nbox-ul li::before{
    content: '';
    width:5px;
    height:5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    left:0;
    top:50%;
    background: var(--green--);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.nbox-ul li a{
    font-size:16px;
    font-weight:500;
    font-style: normal;
    color:#313133;
    letter-spacing: 0.32px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.nbox-ul li a:hover{
    color:var(--green--);
}
.nbox-ul li span{
    font-size:15px;
    font-style: normal;
    color:#909399;
    letter-spacing: 0.3px;
}
.nbox-sell{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top:26px;
}
.nbox-sell a{
    color:#303133;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
}
.nbox-sell a:hover{
    color:var(--green--);
}
.nbox-sell p{
    margin-top:6px;
    color:#909399;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.notice{
    width:402px;
}
.top-two{
    padding:45px 0;
}
.nbox-max li{
    min-height: 70px;
}
.nbox-max li a{
    width:288px;
    height:70px;
    line-height: 1.8;
    -webkit-line-clamp: 2;
}
.nbox-max li::before{
    top:14px;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}
.nbox-time{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left:26px;
    position: relative;
    height:50px;
}
.nbox-time::before{
    content: '';
    width:1px;
    height:20px;
    background: #e4e7ee;
    left:0;
    top:50%;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.nbox-time p{
    font-size:16px;
    font-weight:600;
    color:var(--green--);
}
.nbox-time span{
    font-size:14px;
    color:#313133;
}
.project-tag{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.project-tag p{
    width:292px;
    height:219px;
    overflow: hidden;
}
.project-tag p img{
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.project-tag:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.project-tag span{
    height:26px;
    margin:20px 0;
    font-size:16px;
    line-height: 1.6;
    color:#303133;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.project-tag:hover span{
    color:var(--green--);
}
.project-main{
    padding:26px 0 10px 0;
}
.party .top-news{
    width:615px;
}
.party{
    padding:20px 0 40px 0;
}
.footer{
    background:#343434;
}
.foot-main{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top:55px;
}
.foot-menu{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width:920px;
}
.foot-menu ul{
    max-width: 240px;
}
.foot-menu ul li,
.foot-menu ul li a{
    font-size:14px;
    line-height: 2;
    color:#d6d6d6;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.foot-menu ul li:hover a{
    color:var(--green--);
}
.foot-menu ul li:first-child{
    margin-bottom: 10px;
}
.foot-menu ul li:first-child a{
    font-size:17px;
    font-weight: 500;
    color:#ffffff;
}
.foot-menu ul li:first-child:hover a{
    color:var(--green--);
}
.foot-code{
    width:260px;
}
.code-name{
    font-size:18px;
    color:#ffffff;
}
.code-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top:28px;
}
.code-box p{
   width:107px; 
   height:107px;
   overflow: hidden;
}
.copyright{
    margin-top:20px;
    height:84px;
    padding:0 10px;
    border-top:1px solid #434343;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.copyright p,
.copyright p a{
    font-size:13px;
    line-height:1.5;
    color:#c2c2c2;
    opacity: .8;
    font-weight: 100;
}
.copyright p:last-child,
.copyright p:last-child a{
    line-height: 0;
}
.page_bar{
    position: relative;
    line-height: 0;
}
.page_bar img{
    line-height: 0;
    width:100%;
}
.page_bar .containers{
    position:absolute;
    width:1280px;
    left:50%;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
}
.page-box{
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.page-box span{
    font-size: 45px;
    line-height: 63px;
    letter-spacing: 0.018em;
    color: #FFFFFF;
    text-shadow: 0px 4px 11px rgba(14, 53, 86, 0.46);
}
.page-box p{
    padding-top:16px;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    text-shadow: 0px 4px 11px rgba(14, 53, 86, 0.46);
}
.nav{
    height:56px;
    border-bottom: 1px solid #eeeeee;
}
.nav .containers{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:100%;
}
.nav-l{
    position: relative;
    padding-left:30px;
}
.nav-l::before{
    content:'';
    width:20px;
    height:20px;
    background:url(../images/home.svg) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 22;
    left:0;
    top:50%;
    transform: translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
}
.nav-l a{
    overflow: hidden;
    padding:0 4px;
}
.nav-l a,
.nav-l{
    color: #3b3a44;
    font-size:16px;
}
.nav-l a:hover{
    color:var(--green--);
}
.news-li{
    position: relative;
    width:100%;
    height:120px;
    border-radius: 10px;
    border: 1px solid #EBEEF5;
    background: #FFF;
    padding:16px 20px 20px 20px;
    margin-bottom: 26px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}
.news-li.on{
    border: 1px solid var(--green--);
}
.news-li a{
    height:100%;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.news-time{
    display: flex;
    flex-direction: column;
    align-items: center;
    width:72px;
}
.news-time span{
    color: #606266;
    font-size: 29px;
    font-weight: 600;
    letter-spacing: 0.4px;
}
.news-time p{
    color: #606266;
    font-size: 12px;
    font-weight: 300;
    line-height: 2;
}
.news-txt{
    position: relative;
    flex:1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left:16px;
}
.news-txt span{
    color: #303133;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.469px;
}
.news-li:hover .news-txt span{
    color:var(--green--);
}
.news-txt p{
    margin-top:8px;
    color: #909399;
    font-size: 14px;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: 0.4px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-txt::before{
    content: '';
    height:74px;
    width:1px;
    background: #EBEEF5;
    position: absolute;
    left:0px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.news-li::after{
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    right:0;
    bottom:0;
    background: url(../images/come-on.svg) no-repeat;
    background-size: cover;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.news-li.on::after{
    background: url(../images/come-before.svg) no-repeat;
    background-size: cover;
}
.pager {
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	width:100%;
}
.pagination{
    margin:2rem 0 4rem 0;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display:flex;
}
.pager li{
    display: flex;
}
.pager li span,  .pager li a {
    padding:10px 16px;
    background: #ffffff;
    color: #909399;
    border: 1px solid #E4E7ED;
    border-radius: 4px;
    margin:0 4px;
    transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.pager li:last-child a,
.pager li:last-child span{
    border-right: 1px solid #E4E7ED;
}
.pager li a:hover,
.pagination > .active > span {
	background:#00a59e;
	color:#fff;
    border: 1px solid #00a59e;
}
.pagination > .disabled > span {
	background: white !important;
	color:#909399;
}
.view h1{
    font-weight: normal;
    font-size: 24px;
    text-align: center;
    color:#303133;
    margin:6px 0;
}
.view-time{
    border-bottom: 1px solid #ddd;
    text-align: center;

}
.view-time span{
    display: inline-block;
    font-size: 14px;
    margin: 0 10px;
    color: #999;
    line-height: 46px;    
}
.content{
    line-height:1.5;
    color: #303133;
    font-size: 16px;
    padding:0 16px;
}
.view .content{
    padding:20px 0;
}
.prepage{
    margin:25px 0;
    color: #303133;
    font-size: 14px;
}
.prepage p{
    margin:6px 0;
}
.prepage a{
    color: #303133;
    line-height:2;
    font-size: 14px;
}
.prepage a:hover{
    color:var(--green--);
}
.pictrue{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding:60px 0;
}
.pictrue li{
    margin: 6px 1.5%;
    width: 22%;
}
.pictrue li a p{
    border:1px solid #eeeeee;
}
.main{
    display: flex;
    justify-content: space-between;
}
.left{
    width:300px;
    border-right:1px solid #eeeeee;
}
.right{
    flex:1;
    padding:40px 0 40px 46px;
}
.left-logo{
    margin-top:60px;
    max-width:255px;
}
.side{
    margin-top:40px;
    min-height: 400px;
}
.side li{
    height:60px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #eeeeee;
}
.side li::before{
    content: '';
    width:3px;
    height:16px;
    background: var(--green--);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    position: absolute;
    left:40px;
    top:-50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.side li:first-child{
    border-top: 1px solid #eeeeee;
}
.side li a{
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    padding-left:50px;
    font-size:16px;
    color:#343434;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.side li.on::before,
.side li:hover::before{
    top:50%;
}
.side li.on a,
.side li:hover a{
    padding-left:60px;
    color:var(--green--);
}
.progress-txt{
    font-size:24px;
    font-weight: bold;
    text-align: center;
    line-height: 2;
    padding-bottom:40px;
}
.about2{padding:20px 0 80px 0;}
.wrapper{box-sizing:border-box;width:90%;margin:auto;max-width:1200px;}
.about2  ul{background: url(../images/sy51.png) repeat-y center;}
.clearfix-time{display:block;zoom:1;}
.f12{font-size:12px;}
.about2 li:before{background: url(../images/sy50.png) no-repeat center center; left: -51px;top: 12px; content: "";display: block;position: absolute;width: 17px;height: 17px;}
.about2 li h4:hover{
	color: #F8F8F8;
	transition: all 1s;
	transform: translateY(-15px);
}
.about2 li h4 {
  position: relative;
  display: block;
  text-decoration: none;
  font-family: "Lato";
  color: #ecf0f1;
  text-transform: uppercase;
  padding: 4px 0;
  transition: 0.5s;
}
.about2 li h4::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 100%;
  left: 0;
  background: #3498db;
  transition: transform 0.5s;
  transform: scaleX(0);
  transform-origin: right;
}
.about2 li h4:hover {
  color: #95a5a6;
}
.about2 li h4:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}
.f30{font-size:20px;}
.f14{font-size:14px;}
.about2 li:nth-child(2n):before{background: url(sy50.png) no-repeat center center; right: -69px;top: 12px;left: auto; content: "";display: block;position: absolute;width: 17px;height: 17px;}
.about2 li h4{color: #333;transition: all 1s;}
.about2 li p{color: #666;margin-top: 10px; height: 50px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.future{text-align: center;color: #999;font-size: 12px;margin-top: 17px;}
.clearfix-time:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.about2 li:nth-child(1){margin-top: 0;}
.about2 li{float: right;width: 45%;text-align: left;position: relative;margin-top: 100px;}
.about2 li:nth-child(2n) {float: left;text-align: right;margin-top: 90px;}
.mapbox{
    margin:30px 0 60px 0;
}
.story-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin:38px 0;
    width:100%;
}
.story-desc {
    width:400px;
}
.story-desc span{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.story-box:hover .story-desc span{
    color:var(--green--);
}
.story-desc p{
    margin:12px 0;
    color:#EBEEF5;
    opacity: .5;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.15px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.story-desc em{
    color: #E4E7ED;
    opacity: .5;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.12px;
}
.story-txt p{
    margin-top:4px;
    color:#FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.14px;
}
.story-pic{
    overflow: hidden;
}
.story-pic img{
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.story-box:hover .story-pic img{
    transform: scale(1.1);
}
.news-ul{
    width:100%;
}
.news-ul li{
    position: relative;
    padding:0px 20px;
    margin-bottom:60px;
    width: 100%;
}
.news-ul li::after{
    content:'';
    width:100%;
    background:#C0C4CC;
    height:1px;
    position: absolute;
    left:0;
    bottom: -30px;
    opacity: .5;
    z-index: 222;
}
.news-ul li::before{
    content:'';
    width:0%;
    background:var(--green--);
    height:1px;
    position: absolute;
    left:0;
    bottom: -30px;
    transition: all .9s;
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    -ms-transition: all .9s;
    -o-transition: all .9s;
    z-index: 333;
}
.news-ul li:hover::before{
    width:100%;
}
.news-ul .story-pic{
    width:260px;
    height:178px;
}
.news-ul .story-desc{
    flex:1;
    padding:20px 30px;
    height:178px;
}
.news-ul .story-desc span{
    color:#333333;
}
.news-ul .story-desc em,
.news-ul .story-desc p{
    color:#606266;
}
.news-more{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top:10px;
}
.news-more i{
    color:#303133;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.12px;
}
ul.project{
    padding:0;
}
ul.project li:nth-child(4n-4),
ul.project li{
    margin: 6px 30px 6px 0;
}
ul.project li:nth-child(3n-3){
    margin-right:0;
}
ul.project li{
    width:auto;
}