/*banner*/
.g-adv {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: auto;
    z-index: 15;
    font-size: 0;
}

.g-adv img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 1.17rem;
}


/*公共标题*/
.title-container {
    padding-top:.7rem;
    padding-bottom: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #000000;
}

.title-container b {
    font-family: "Microsoft YaHei";
    margin-bottom:.2rem;
    font-size:.38rem;
    line-height: .38rem;
    letter-spacing: 1px;
}

.title-container .title-bottom {
    display: flex;
    align-items: center;
    margin-bottom: .18rem;
}

.title-container .title-bottom .title-bar {
    width: 1rem;
    height: 1px;
    background: #000000;
}

.title-container .title-bottom span {
    display: block;
    font-size: .24rem;
    opacity: 0.8;
    padding: 0 .15rem;
    text-transform: uppercase;
}

.title-container .title-desc {
    font-size: .32rem;
    line-height: .32rem;
    font-weight: 400;
}

.title-container.title-container-white {
    color: #ffffff;
}

.title-container.title-container-white .title-bottom .title-bar {
    background-color: #fff;
    opacity: .8;
}

/*banner下方*/
.page-top {
    background: url('../img/page-topbg.jpg') no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 10;
}

.page-top .container {
    display: flex;
    align-items: center;
    height: 1.66rem;
}

.page-top .container .page-top-info {
    display: flex;
    align-items: center;
}

.page-top .container .page-top-info .page-top-num {
    width: 1.56rem;
    height: .9rem;
    position: relative;
    z-index: 10;
    margin-right: .1rem;
}

.page-top .container .page-top-info .page-top-num .page-top-img {
    width: 1.5rem;
    height: .9rem;
}

.page-top .container .page-top-info .page-top-num span {
    display: block;
    position: absolute;
    right: -.06rem;
    bottom: 0;
    font-size: .28rem;
    font-weight: normal;
    color: #000000;
}

.page-top .container .page-top-info img {
    width: 100%;
    height: 100%;
}

.page-top .container .page-top-info .page-top-desc p {
    font-size: .28rem;
    font-weight: bold;
    color: #333333;
    line-height: .48rem;
}

/*走进美恩*/
.about .title-container {
    padding-bottom: .15rem;
}

.about .about-list {
    width: 100%;
    background-size: 100% 100%;
    padding-top: .47rem;
    padding-bottom: .77rem;
}

.about .about-list .about-desc {
    width: 100%;
    margin: 0 auto;
    font-size: .3rem;
    line-height: .45rem;
    text-align: justify;
    color: #666666;
}

.about .about-list .about-video {
    width: 100%;
    height: 3.96rem;
    position: relative;
    z-index: 10;
    margin-bottom:.3rem;
    border-radius: .14rem;
}

.about .about-list .about-video img {
    width: 100%;
    height: 100%;
}

.about .about-list .about-video .about-video-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
    background-color: #000000;
    opacity: .5;
}

.about .about-list .about-video .about-video-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #000000;
    opacity: .5;
}

.about .about-list .about-video .about-video-button img {
    width: .56rem;
    height: .41rem;
    cursor: pointer;
}

.about .about-list .about-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .19rem;
}

.about .about-list .about-bottom .about-item {
    width:3.45rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: .3rem 0;
}
.about .about-list .about-bottom .about-item:nth-child(1),
.about .about-list .about-bottom .about-item:nth-child(2){
    border-bottom: 1px solid #DDDDDD;
}
.about .about-list .about-bottom .about-item:nth-child(1),
.about .about-list .about-bottom .about-item:nth-child(3){
    border-right: 1px solid #ddd;
}
.about .about-list .about-bottom .about-item .about-item-top {
    display: flex;
    align-items: flex-end;
    margin-bottom: .16rem;
}

.about .about-list .about-bottom .about-item .about-item-top p {
    font-size: .6rem;
    font-weight: bold;
    color: #171717;
    line-height: .6rem;
}

.about .about-list .about-bottom .about-item .about-item-top .about-tb {
    width: .32rem;
    height: .32rem;
    background: #1456A0;
    border-radius: 50%;
    line-height: .32rem;
    text-align: center;
    font-size: .22rem;
    font-weight: 400;
    color: #FFFFFF;
}

.about .about-list .about-bottom .about-item .about-item-desc {
    font-size: .3rem;
    font-weight: 400;
    color: #666666;
    line-height: .3rem;
}

/*我们的承诺*/
.promise {
    padding-bottom: .7rem;
    width: 100%;
    position: relative;
    z-index: 10;
    background-color: #f7f7f7;

}
.promise .promise-list {
   display: flex;
    justify-content: space-between;
}
.promise .promise-list .promise-num {
    width: .31rem;
    height: 34.5rem;
}
.promise .promise-list .promise-num img {
    width: 100%;
    height: 100%;
}
.promise .promise-info-container{
    width: 6.34rem;
}
.promise .promise-item {
    width: 6.34rem;
    background-color: #ffffff;
    margin-bottom: .8rem;
}
.promise .promise-item img {
    width: 100%;
    height: 100%;
}
.promise .promise-item .promise-img{
    width: 100%;
    height: 3.66rem;
}
.promise .promise-item .promise-info {
    width:100%;
    box-sizing: border-box;
    padding: .51rem .42rem .41rem;

}
.promise .promise-item .promise-info .promise-title p {
    margin-bottom: .11rem;
    font-size:.36rem;
    font-weight: bold;
    color: #333333;
    line-height: .36rem;
    letter-spacing: 1px;
}
.promise .promise-item .promise-info .promise-title p span {
    color: #fc9a18;
}
.promise .promise-item .promise-info .promise-title .promise-title-fy {
    display: block;
    font-size:.2rem;
    font-weight: 400;
    color: #A8A8A8;
    line-height: .2rem;
}
.promise .promise-item .promise-info .promise-desc {
    margin-top: .3rem;
    width: 100%;
    font-size: .3rem;
    font-weight: 400;
    color: #4D4D4D;
    line-height: .46rem;
    text-align: justify;
}


/*项目案例*/

.case .case-nav {
    display: flex;
    justify-content: space-between;
    height: .8rem;
    margin-bottom:.45rem;
}

.case .case-nav p {
    width: 2.25rem;
    background-color: #e0e0e0;
    font-size: .3rem;
    font-weight: 400;
    color: #333333;
    line-height: .8rem;
    text-align: center;
    cursor: pointer;
    margin: 0 .02rem;
}

.case .case-nav p.on {
    background-color: #005bac;
    color: #ffffff;
    position: relative;
    z-index: 10;
}

.case .case-info {
    display: flex;
    justify-content: space-between;
}

.case .case-info .case-item {
    width: 3.36rem;
    height:5.78rem;
    background: #F0F0F0;
    position: relative;
    z-index: 10;
}

.case .case-info .case-item .case-item-top {
    width: 100%;
    height: 2.58rem;
}

.case .case-info .case-item .case-item-top img {
    width: 100%;
    height: 100%;
}

.case .case-info .case-item .case-logo {
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 1.18rem;
    top: 2.08rem;
    z-index: 100;
}

.case .case-info .case-item .case-logo img {
    width: 100%;
    height: 100%;
}
.case .case-info .case-item .case-bottom{
    width: 100%;
    height: 3.2rem;
    box-sizing:border-box;
    padding: 0 .3rem .36rem;
}
.case .case-info .case-item .case-title {
    margin-top: .7rem;
    margin-bottom: .18rem;
    text-align: center;
    font-size: .32rem;
    font-weight: bold;
    color: #333333;
    line-height: .32rem;
}

.case .case-info .case-item .case-item-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: .8rem;
    font-size: .26rem;
    font-weight: 400;
    color: #666666;
    line-height: .45rem;
}

.case .case-info .case-item .case-item-detail {
    display: flex;
    justify-content: center;
    margin-top:.25rem;
    width: 100%;
}

.case .case-info .case-item .case-item-detail button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: .5rem;
    text-align: center;
    background-color: transparent;
    border: 1px solid #666666;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
    font-size: .28rem;
    font-weight: 400;
    color: #666666;
    line-height: .28rem;
    transition: all .4s;
}

/*美恩旗下三大事业部*/

.project .project-nav {
    height: 100%;
    width: 100%;
    margin-bottom: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project .project-nav .nLi {
    display: block;
    font-weight: normal;
    width: 2.25rem;
    height: .8rem;
    background-color: #E0E0E0;
    font-size: .3rem;
    text-align: center;
    color: #333333;
    line-height: .8rem;
    letter-spacing: 2px;
    cursor: pointer;
    margin: 0 .02rem;
}
.project .project-nav .nLi.on{
    background-color: #005BAC;
    color: #ffffff;
}

.project .project-list .project-info {
    width: 100%;
    height:4.32rem;
}

.project .project-list .project-info img {
    width: 100%;
    height: 100%;
}


/*!*新闻*!*/
.news .news-nav {
    width: 100%;
    height: .48rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin-bottom: .25rem;
    border-bottom: 2px solid #E6E6E6;
}
.news .news-nav a{
    display: block;
    width: 2.3rem;
    height: .48rem;
}
.news .news-nav p {
    width: 2.3rem;
    font-size: .32rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666666;
    box-sizing: border-box;
}

.news .news-nav a:nth-child(2) p {
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
}

.news .news-nav a.cur  {
    border-bottom: .04rem solid #005BAC;
    margin-bottom: -2px;
}
.news .news-nav a.cur p{
    color: #333333;
    font-weight: bold;
}
.news .news-subnav{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .5rem;
}
.news .news-subnav p{
    display: flex;
    align-items: center;
    margin-right: .52rem;
    font-size: 0.28rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.28rem;
}
.news .news-subnav p span{
    display: block;
    width: 0.07rem;
    height: 0.07rem;
    background: #999999;
    border-radius: 50%;
    margin-right: .14rem;
}
.news .news-subnav p[class="on"]{
    color: #005bac;
}
.news .news-subnav p[class="on"] span{
    background: #005bac;
}
.news .news-top {
    width: 100%;
    height: 1.82rem;
    display: flex;
    justify-content: space-between;
}
.news .news-top .news-top-img{
    width: 2.99rem;
    height: 1.82rem;
}
.news .news-top img {
    width: 100%;
    height: 100%;
}

.news .news-bottom {
    width: 3.5rem;
}

.news .news-bottom .news-desc {
    margin-top: .25rem;
}
.news .news-bottom .news-title{
    font-weight: bold;
}
.news .news-title {
    font-size: .32rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news .news-bottom .news-date {
    font-size: .26rem;
    color: #acabab;
    line-height: .26rem;
    margin-top: .18rem;
}
.news .news-desc {
    font-size: .3rem;
    line-height: .45rem;
    color: #666666;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: justify;
}

.news .news-list {
    padding-top: .5rem;
}

.news .news-list .news-item {
    width: 100%;
    height: 1.42rem;
    box-sizing: border-box;
    padding-left: .4rem;
    padding-right: .5rem;
    padding-top: .33rem;
    border: .01rem solid #E8E8E8;
    margin-bottom: .3rem;
}

.news .news-list .news-item .news-item-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .2rem;
}

.news .news-item .news-item-top .news-date {
    font-size: .26rem;
    color: #acabab;
    line-height: .26rem;
    margin-top: 0;
}

.news .news-list .news-item .news-desc {
    -webkit-line-clamp: 1;
}
.news .news-detail{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: .5rem;
}
.news .news-detail a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.8rem;
    height: 0.5rem;
    background: #005BAC;
    border-radius: 0.25rem;
}
.news .news-detail button{
    font-size: 0.28rem;
    font-weight: 400;
    color: #FFFFFF;
    background-color: transparent;
    border: none;
    outline: none;
    letter-spacing: 2px;
}