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



.banner {

    width: 100%;

    overflow: hidden;

}



.banner img {

    width: 100%;

    object-fit: cover;

}



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



.sun-nav {

    width: 100%;

    height: 60px;

    background-color: rgba(255, 255, 255, 0.9);

    position: absolute;

    margin-top: -60px;

}



.sun-nav ul {

    text-align: center;

    font-size: 0;

}



.sun-nav ul li {

    display: inline-block;

    width: 600px;

    text-align: center;

    font-size: 16px;

    color: #171717;

    line-height: 60px;

    cursor: pointer;

    transition: all .5s ease;

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    -khtml-user-select: none;

    user-select: none;

}



.sun-nav-active {

    background-color: #00a54f;

    color: #fff !important;

}



.sun-nav ul li:hover {

    background-color: #00a54f;

    color: #fff;

}





/* --------------------------------matter-list--------------------------------- */



.matter-box {

    width: 100%;

}



.matter-list {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

    padding: 60px 0 30px 0;

}



.list-left {

    float: left;

    width: 70%;

    overflow: hidden;

}

.list-l-img {

    width: 100%;

    padding: 0px 0 20px 0;

    overflow: hidden;

}



.list-l-img img {

    width: 100%;

    object-fit: cover;

}



.list-l-time{

    width: 100%;

    margin: 20px 0 30px 0;

    overflow: hidden;

}

.time-l-left{

    float: left;

    width: 9%;

    height: 70px;

    background-color: #f7f7ff;

    font-size: 16px;

    color: #00a54f;

    text-align: center;

    font-family: "Trueno Light";

}

.time-l-left h2{

    font-weight: 600;

	padding-top: 8px;

}

.time-l-left h3{

    font-weight: 600;

    margin-top: 4px;

	display: block;

    font-size: 22px;

    font-family: "Trueno Light";

}

.time-l-right{

    width: 91%;

    /*height: 70px;*/

    float: right;

    overflow: hidden;

}

.time-l-right h1{

    width: 90%;

    margin-left: 5%;

    font-size: 24px;

    color: #333;

    font-weight: 700;

    /*white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;*/

	/*height: 34px;*/

}

.time-l-right div{

    width: 90%;

    margin-left: 5%;

    overflow: hidden;

    font-size: 16px;

    color: #999999;

    margin-top: 20px;

}

.time-l-right div h6{

    float: left;

}

.time-l-right div h6:nth-child(2){

    margin-left: 38px;

}

.time-l-right div h6 img{

    padding-right: 6px;

}

.time-l-right div h6 span{

    padding-left: 6px;

}

.list-l-essay{

    width: 100%;

    margin: 30px 0 30px 0;

    overflow: hidden;

}

.list-l-essay p{

    font-size: 16px;

    color: #333;

    line-height: 28px;

}

.list-l-essay-two{

    width: 96%;

    margin: 30px 0 30px 4%;

    overflow: hidden;

    border-left: 5px solid #fdd333;

}

.list-l-essay-two p{

    width: 90%;

    margin-left: 5%;

    font-size: 16px;

    color: #999999;

    line-height: 28px;

}



.list-l-pic{

    width: 100%;

    margin: 30px 0 30px 0;

    overflow: hidden;

}

.list-l-pic ul{

    margin-left: -1.8%;

}

.list-l-pic ul li{

    float: left;

    width: 48.2%;

    height: 305px;

    margin-left: 1.8%;

    overflow: hidden;

}

.list-l-pic ul li img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 1s ease-in-out;

}

.list-l-pic ul li img:hover{

   transform: scale(1.1);

}



.list-l-share{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin: 50px 0 30px 0;

}

.list-l-share div{

    float: right;

}

.list-l-share div img{

    width: 30px;

    height: 30px;

    margin: 0 8px;

}

.list-l-share div img:hover{

    border-radius: 30px;

    border: 1px solid #999999;

}







.list-l-line {

    width: 100%;

    display: block;

    height: 1px;

    background-color: #f5f5f5;

    margin: 10px 0 10px 0;

}



.list-l-ud {

    width: 100%;

    overflow: hidden;

    font-size: 14px;

    padding: 16px 0 10px 0;

}



.ud-left {

    border: 1px solid #ebebeb;

    height: 30px;

    float: left;

    color: #999999;

    line-height: 30px;

    padding: 0 16px;

}



.ud-left:hover {

    color: #00a54f;

}



.ud-right {

    border: 1px solid #ebebeb;

    height: 30px;

    float: right;

    line-height: 30px;

    color: #999999;

    padding: 0 16px;

}



.ud-right:hover {

    color: #00a54f;

}



.list-right {

    float: left;

    width: 30%;

    height: 600px;

    overflow: hidden;

}



.list-r-box {

    width: 80%;

    margin-left: 20%;

    overflow: hidden;

}



.list-r-title {

    width: 100%;

    padding-bottom: 12px;

    border-bottom: 1px solid #e1e1e1;

}



.list-r-title h4 {

    width: 90%;

    font-size: 18px;

    color: #00a54f;

    font-weight: bold;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.list-r-menu {

    width: 100%;

    margin-top: 10px;

    overflow: hidden;

}



.menu-list {

    width: 100%;

    margin-top: 16px;

    overflow: hidden;

}



.menu-left {

    width: 30%;

    height: 100px;

    float: left;

}



.menu-left h4 {

    width: 100%;

    height: 76px;

    overflow: hidden;

}



.menu-left h4 img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 1s ease-in-out;

}

.menu-left h4 img:hover{

    transform: scale(1.1);

}



.menu-right {

    width: 70%;

    height: 100px;

    float: right;

}



.menu-right h2 {

    width: 90%;

    margin-left: 5%;

    font-size: 16px;

    font-weight: inherit;

    color: #000000;

    height: 55px;

    word-wrap:break-word;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.menu-right h2:hover{

    color: #00a54f;

}



.menu-right p {

    width: 90%;

    margin-left: 5%;

    font-size: 12px;

    color: #999999;

    margin-top: 6px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}















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



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



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



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



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



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



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

    .sun-nav ul li {

        width: 400px;

    }

    .matter-list {

        width: 100%;

    }

}















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



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

    .sun-nav {

        width: 100%;

        height: auto;

        position: relative;

        margin-top: 0px;

    }

    .sun-nav ul li {

        display: block;

        float: left;

        width: 50%;

        font-size: 16px;

        line-height: 50px;

        border-bottom: 1px solid #f3f3f3;

    }

    .matter-list {

        width: 96%;

        margin-left: 2%;

        padding: 20px 0 20px 0;

    }

    .list-right {

        display: none;

    }

    .list-left {

       width: 100%;

    }

    .time-l-right h1 {

        font-size: 14px;

        margin-top: 10px;

    }

    .time-l-right div h6:nth-child(2) {

        margin-left: 6px;

    }

    .time-l-left {

        width: 16%;

        font-size: 12px;

    }

    .time-l-right {

        width: 84%;

    }

    .time-l-right div h6 img {

        padding-right: 2px;

    }

    .time-l-right div h6 span {

        padding-left: 3px;

    }

    .list-l-essay {

        margin: 20px 0 20px 0;

    }

    .list-l-essay p {

        font-size: 14px;

        line-height: 22px;

    }

    .list-l-essay-two p {

        font-size: 14px;

        line-height: 22px;

    }

    .list-l-pic ul li {

        height: 180px;

    }

    .list-l-share {

        margin: 36px 0 20px 0;

    }

    .ud-left {

        height: auto;

        line-height: 22px;

    }

    .ud-right {

        height: auto;

        float: left;

        line-height: 22px;

        margin-top: 10px;

    }





}