/* -----------banner----------- */



.banner {

    width: 100%;

    overflow: hidden;

    margin-top: 74px;

}



@media all and (max-width:900px) {

    .banner {

        margin-top: 50px;

    }

}



.banner img {

    width: 100%;

    object-fit: cover;

}



/* -----------sun-nav----------- */



.sun-nav-box {

    width: 100%;

    overflow: hidden;

    border-bottom: 1px solid #ededed;

}



.sun-nav {

    width: 1200px;

    margin: 0 auto;

}



.sun-nav ul {

    margin-left: -2%;

}



.sun-nav ul li {

    float: left;

    width: 90px;

    height: 66px;

    text-align: center;

    line-height: 66px;

    color: #7d7c7d;

    font-size: 16px;

    margin-left: 2%;

}



.sun-nav ul li:hover {

    color: #01b3bb;

    border-bottom: 2px solid #01b3bb;

}



.sun-nav-active {

    color: #01b3bb !important;

    border-bottom: 2px solid #01b3bb;

}



.Container-wrapper {

    background-color: #f3f3f3;

}



/* -------------------------------details-box----------------------------------------- */



.details-box {

    width: 100%;

    overflow: hidden;

    padding: 28px 0 80px 0;

}



.details {

    width: 1200px;

    margin: 0 auto;

}



.details-left {

    width: 66.66%;

    height: auto;

    overflow: hidden;

    border-radius: 12px;

    background-color: #fff;

    padding: 10px 16px 58px 16px;

    float: left;

}



.details-left-message {

    text-align: center;

}



.details-left-message h1 {

    font-size: 24px;

    color: #333333;

    margin-top: 20px;

    margin-bottom: 16px;

	font-weight:600;

}



.details-left-message h2 {

    width: 100%;

    overflow: hidden;

    margin: 10px 0 20px 0;

}



.details-left-message h2 span {

    font-size: 13px;

    color: #777777;

}



.details-see {

    width: 14px;

    height: 9px;

    background-image: url('../images/news/see.png');

    background-repeat: no-repeat;

    display: inline-block;

    margin-left: 12px;

}



.details-share .bds_more{

    width: 15px !important;

    height: 14px !important;

    background-image: url(../images/news/share.png) !important;

    background-repeat: no-repeat !important;

    display: inline-block !important;

    margin-left: 12px !important;

	position: absolute !important;

}



.details-left-message p {

    font-size: 13px;

    color: #777777;

    line-height: 24px;

    margin-top: 10px;

    text-align: left;

}



.details-left-message h3 {

    width: 100%;

    overflow: hidden;

    margin: 16px 0;

}



.details-left-message h3 img {

    width: 100%;

    object-fit: cover;

}



.details-left-message h4 {

    width: 150px;

    height: 44px;

    color: #0acdd6;

    border: 1px solid #0acdd6;

    text-align: center;

    display: inline-block;

    border-radius: 40px;

    line-height: 44px;

    overflow: hidden;

    margin: 70px 0 44px 0;

}



.details-left-message h4:hover {

    background-color: #0acdd6;

    color: #fff;

}



.details-updown {

    width: 100%;

    height: auto;

    padding: 16px 16px;

    overflow: hidden;

    background-color: #f1f1f1;

    border-radius: 20px;

    font-size: 13px;

    color: #999999;

}



.updown-left {

    float: left;

	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

	width:45%;

	text-align: left;

}



.updown-right {

    float: right;

	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

	width:45%;

	text-align: right;

}



.updown-left:hover {

    color: #0acdd6;

}



.updown-right:hover {

    color: #0acdd6;

}



.details-left-list {

    width: 100%;

    overflow: hidden;

}



.details-list-title {

    width: 100%;

    overflow: hidden;

}



.details-list-title h4 {

    font-size: 18px;

    color: #333333;

    font-weight: bold;

    margin: 54px 0 16px 0;

}



.details-list-matter {

    width: 100%;

    overflow: hidden;

}



.details-list-matter ul {

    margin-left: -4%;

}



.details-list-matter ul li {

    width: 46%;

    margin-left: 4%;

    float: left;

    overflow: hidden;

    margin-top: 12px;

}



.list-words {

    width: 100%;

    height: 71px;

    overflow: hidden;

    margin-bottom: 16px;

}



.list-words h1 {

    width: 27.5%;

    height: 71px;

    overflow: hidden;

    border-radius: 6px;

    float: left;

}



.list-words h1 img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 1s ease-in-out;

}



.list-words h1 img:hover {

    transform: scale(1.06);

}



.list-words h2 {

    width: 72.5%;

    height: 71px;

    overflow: hidden;

}



.list-words h2 p {

    font-size: 14px;

    font-weight: bold;

    color: #333333;

    width: 90%;

    margin-left: 5%;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    line-height: 22px;

}

.list-words h2 p:hover{

    color: #0acdd6;

}



.list-words h2 span {

    margin-top: 6px;

    font-size: 13px;

    margin-left: 5%;

    color: #777777;

    display: block;

}





.details-line{

    width: 100%;

    height: 1px;

    background-image: url('../images/news/line.png');

    display: inline-block;

    margin: 8px 0;

}





















/* ------------------ */



.details-right {

    width: 30.8%;

    height: auto;

    overflow: hidden;

    border-radius: 12px;

    margin-left: 2.54%;

    background-color: #fff;

    padding: 10px 30px;

    float: right;

}

.details-right-title{

    width: 100%;

    overflow: hidden;

    position: relative;

}

.details-right-title h4{

    font-size: 16px;

    color: #333333;

    margin-top: 20px;

}



.details-right-title hr{

    width: 100%;

    height: 1px;

    background-color: #ececec;

    margin: 12px 0;

}

.details-right-title i{

    width: 22%;

    height: 2px;

    display: block;

    background-color: #01b3bb;

    position: absolute;

    bottom: 12px;

    left: 0;

}







.details-right-matter {

    width: 100%;

    overflow: hidden;

}



.details-right-matter ul li {

    width: 100%;

    overflow: hidden;

    margin-top: 12px;

}





/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */

/* -------------------------PC端--------------------------- */



@media all and (max-width:1380px) {}



@media all and (max-width:1280px) {

    .sun-nav {

        width: 94%;

        margin-left: 3%;

    }

    .details {

        width: 94%;

        margin-left: 3%;

    }

}





/* ------------------------手机端-------------------------- */



@media all and (max-width:900px) {

    .sun-nav ul li {

        width: 60px;

        height: 50px;

        line-height: 50px;

        font-size: 14px;

    }

    .details-right{

        width: 100%;

        padding: 10px 16px;

        margin-top: 20px;

    }

    .details-left {

        width: 100%;

    }

    .details-left-message h1 {

        font-size: 20px;

        margin-top: 16px;

        margin-bottom: 12px;

    }

    .details-updown {

        padding: 0px 0px;

        border-radius: 0px;

    }

    .updown-left {

        width: 100%;

        height: auto;

        padding: 12px;

    }

    .updown-right {

        width: 100%;

        height: auto;

        padding: 12px;

        float: left;

    }

    .details-list-matter ul li {

        width: 100%;

    }

    .details-line {

        display: none;

    }

}