.header.index{

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    z-index: 9;

    border-bottom: 1px solid rgba(255,255,255,.1);

}



.header-box{

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    align-items: center;

    margin:0 auto;

    max-width: 1500px;

}



.logo img{

    display: block;

}



.nav{

    flex:1;

    margin:0 10px 0 63px;

}



.nav li{

    position: relative;

    float: left;

}



.nav a{

    display: block;

    padding: 0 35px;

    height: 80px;

    line-height: 80px;

    font-size: 16px;

    overflow: hidden;

    color:#333;

}



.index .nav a{

    color:#fff;

}



.nav li:hover .a1,

.nav li.on .a1{

    background: #50a9b5;

    color:#fff;

}



.header-tel em{

    display: inline-block;

    padding:0 13px 0 20px;

    color:#666;

    font-family: "din";

    background: url(../images/icon-tel.png) no-repeat left center;

}



.nav dl{

    position: absolute;

    z-index: 3;

    left: 0;

    top: 100%;

    width: 100%;

    background:#6abac5;

    display: none;

}



.nav dd a{

    height: 50px;

    line-height: 50px;

    color:#fff;

    font-size: 14px;

}



.nav dd a:hover{

    background: #fff;

    color:#333;

}



.header-tel strong{

    font-size: 18px;

    color:#50a9b5;

}



.index .header-tel em{

    background-image: url(../images/icon-tel2.png);

    color:#fff;

}



.index .header-tel strong{

    color:#fff;

}



.m_menu {

    display: none;

    position: absolute;

    right: 5px;

    top: 50%;

    margin-top: -16px;

    width: 32px;

    height: 32px;

    background: url(../images/m_menu.png) no-repeat center;

}



.m_menu.on{

    background-image: url(../images/m_close_on.png);

}



.index .m_menu {

    background-image: url(../images/m_menu1.png);

}



.index .m_menu.on{

    background-image: url(../images/m_close_on1.png);

}



.footer{

    padding-top: 40px;

    background: #1d656f;

    color:#7d9da3;

}



.footer a{

    color:#7d9da3;

}



.footer a:hover{

    color:#d3dddf;

    text-decoration: underline;

}



.footer h3{

    margin-bottom: 12px;

    font-size: 16px;

    color:#fff;

}



.footer-wx{

    float: right;

    margin-right: 100px;

}



.footer-wx img{

    display: block;

    margin:0 0 5px;

    width: 93px;

}



.footer-wx em{

    font-size: 14px;

}



.footer-list p a{

    font-size: 14px;

    line-height: 30px;

}



.footer-list{

    overflow: hidden;

}



.footer-list li{

    float: left;

    margin-left: 55px;

    width: 130px;

}





.footer-list li:last-of-type{

    width: 300px;

}



.footer-list li p{

    overflow: hidden;

    font-size: 14px;

    line-height: 30px;

}



.footer-list li em{

    float: left;

}



.footer-list li span{

    display: block;

    padding-left: 50px;

}



.copy{

    padding: 15px 10px;

    text-align: center;

}



.m-ban{

    height: 300px;

    background-position: center;

    background-repeat: no-repeat;

}



.m-cur-box{

    border-bottom: 1px solid #dadada;

    font-size: 14px;

}



.m-cur-box .wp{

    padding: 26px 0;

    overflow: hidden;

}



.m-cur{

    float: right;

    color:#999;

}



.m-cur em{

    display: inline-block;

    padding:0 5px 0 22px;

    background: url(../images/icon-home.jpg) no-repeat left center;

}



.m-cur span{

    color:#666;

}



.m-cur a{

    color:#999;

}



.m-subnav li{

    display: inline-block;

    vertical-align: middle;

    margin-right: 16px;

}



.m-subnav li a{

    position: relative;

    color:#666;

    padding-left: 18px;

}



.m-subnav li a:before{

    content:"";

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -9px;

    width: 4px;

    height: 18px;

    background: #50a9b5;

    opacity: 0;

}



.m-subnav li a:hover,

.m-cur a:hover{

    color:#50a9b5;

}



.m-subnav li.on a{

    color:#333333;

}



.m-subnav li.on a:before{

    opacity: 1;

}



.m-pad{

    padding: 60px 0;

}



.g-tit{

    padding-bottom: 50px;

    text-align: center;

    font-size: 30px;

    color:#333;

}



.g-tit2{

    padding-bottom: 0;

}



.bg-m{

    background: #f5f6fb;

}





.list-pic{

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    overflow: hidden;

    margin:-10px 0 0 -10px;

}



.list-pic-item{

    width: 33.33%;

}



.list-pic-box{

    position: relative;

    display: block;

    margin:10px 0 0 10px;

    height: 557px;

    color:#fff;

    cursor: auto;

}



.list-pic-box:hover{

    color:#fff;

}



.list-pic-img{

    overflow: hidden;

    height: 100%;

}



.list-pic-img em{

    display: block;

    /*padding-top: 121%;*/

    height: 100%;

    -webkit-background-size: cover;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



a:hover .list-pic-img em{

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}



.list-pic-box h2{

    font-size: 24px;

    text-overflow:ellipsis;

    white-space:nowrap;

    overflow: hidden;

    -webkit-transition:.3s;

    transition:.3s;

}





.list-pic-img h2{

    position: absolute;

    left: 0;

    bottom: 4%;

    padding: 0 7%;

    width: 100%;

}



.list-pic-con{

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    display: flex;

    padding:7%;

    opacity: 0;

    -webkit-flex-direction: column;

    flex-direction: column;

}



a:hover .list-pic-con{

    opacity: 1;

}



.list-pic-con h2{

    opacity: 0;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



a:hover .list-pic-con h2{

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

    opacity: 1;

}



a:hover .list-pic-img h2{

    opacity: 0;

    bottom: 80%;

}





.list-pic-con .des{

    margin-top: 10px;

    line-height: 32px;

    height: 320px;

    font-size: 16px;

    display: -webkit-box;

    white-space: normal;

    text-overflow: ellipsis;

    -webkit-line-clamp: 10;

    -webkit-box-orient: vertical;

    word-break: break-all;

    overflow: hidden;

    opacity: 0;

    -webkit-animation-delay:.5s;

    animation-delay:.5s;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



a:hover .list-pic-con .des{

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;

}



.list-pic-img em,

.list-pic-con,

.list-pic-img h2{

    -webkit-transition:.3s;

    transition:.3s;

}



.list-pic-item2{

    width: 66.66%;

}



.list-pic-item2 .list-pic-img em{

    /*padding-top: 60%;*/

}



.list-pic-item2 .list-pic-con .des{

    max-width: 590px;

}



.g-con{

    font-size: 16px;

    line-height: 32px;

    color:#999;

}



.g-con2{

    padding: 20px 0 40px;

}



.g-con2,

.g-con3,

.g-con4{

    margin:0 auto;

    padding: 20px 0 40px;

}



.g-con3{

    max-width: 860px;

}



.g-con4{

    max-width: 1110px;

}





.m-imgtxt{

    display: flex;

    justify-content: space-between;

    -ms-align-items: center;

    align-items: center;

    margin-top: 60px;

}



.m-imgtxt-img{

    flex:1;

    overflow: hidden;

}



.m-imgtxt-img img{

    -webkit-transition:.3s;

    transition:.3s;    

}



.m-imgtxt-img img:hover{

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}



.m-imgtxt-txt{

    flex:1;

    padding: 0 46px; 

}



.m-imgtxt-txt .g-tit{

    padding-bottom: 34px;

    text-align: left;

}





/* m_page */

.m_page{
   padding: 50px 0 0;

   text-align: center;
}



.m_page li{

   display: inline-block;
    
    vertical-align: middle;

   margin:0 3px;

}

.m_page li span,
.m_page li a{
    width: 50px;

    height: 38px;

    line-height: 36px;

    border:1px solid #dadada;

    text-align: center;

    font-size: 14px;

    color:#666;

    border-radius: 4px;
}

.m_page .active span{
    color: #fff;
    background: #50a9b5;
    border-color: #50a9b5;
}

.m_page .disabled span{
    background: #ccc;
}

.m_page span{
    display: block;
}

.m_page a{
    display: block;
}

.m_page span,

.m_page a:hover{

   color:#fff;

   background: #50a9b5;

   border-color: #50a9b5;

}



.m_page .more{

    border:0;

}



.m_page .more:hover{

    background: none;

    color:#50a9b5;

}



.ul-pop{

    position: fixed;

    z-index: 3;

    right: 28px;

    bottom: 20px;

    width: 70px;

}



.ul-pop img,

.ul-pop a{

    display: block;

}

.ul-pop a{
    position: relative;
}

.ul-pop .tel{
    position: absolute;
        right: 100%;
        top: 50%;
        height: 50px;
        line-height: 50px;
        margin-top: -25px;
        width: 140px;
        background: rgba(80,169,181,1);
        text-align: center;
        justify-content: center;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        display:none;
}

.ul-pop a:last-of-type{

    margin-top: 15px;

}