.achie-box {

    width: 100%;

    overflow: hidden;

    margin: 42px 0 28px 0;

}



.achie {

    width: 1200px;

    margin: 0 auto;

}



.achie-matter {

    width: 100%;

    padding: 0 6px 8px 6px;

    overflow: hidden;

}



.achie-matter ul {

    margin-left: -1.7%;

}



.achie-matter ul li {

    float: left;

    width: 23.3%;

    margin-left: 1.7%;

    text-align: center;

    height: 372px;

    overflow: hidden;

    border: 1px solid #f5f5f5;

    margin-top: 26px;

}

.achie-matter ul li:hover{

    -moz-box-shadow: 0 4px 10px 0px rgb(240, 240, 240);

    -webkit-box-shadow: 0 4px 10px 0px rgb(240, 240, 240);

    box-shadow: 0 4px 10px 0px rgb(240, 240, 240);

}





.achie-matter ul li h1 {

    width: 100%;

    height: 205px;

    overflow: hidden;

}



.achie-matter ul li h1 img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 1s ease-in-out;

}



.achie-matter ul li h1 img:hover {

    transform: scale(1.08);

}



.achie-matter ul li h3 {

    font-size: 18px;

    color: #333333;

    font-weight: bold;

    margin-top: 30px;

    width: 100%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.achie-matter ul li h3:hover{

    color: #b7d200;

}



.achie-matter ul li p {

    font-size: 13px;

    color: #777777;

    margin-top: 18px;

    width: 90%;

    margin-left: 5%;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.achie-matter ul li h4 {

    font-size: 13px;

    color: #cfcfcf;

    margin-top: 18px;

}

.achie-matter ul li h4:hover{

    color: #333333;

}





/* --------------------------------------------------------------------详情----------------------------------------------------------- */



.achie-details-box{

    width: 100%;

    padding: 100px 0 52px 0;

    background-color: #f6f6f6;

    overflow: hidden;

}



.achie-details{

    width: 1200px;

    margin: 0 auto;

    padding: 0 6px 6px 6px;

}

.achie-details ul{

    width: 100%;

    height: 462px;

    border-radius: 10px;

    -moz-box-shadow: 0 4px 10px 1px #dddddd;

    -webkit-box-shadow: 0 4px 10px 1px #dddddd;

    box-shadow:  0 4px 10px 1px #dddddd;

}

.achie-details ul li{

    float: left;

    height: 462px;

    background-color: #fff;

    overflow: hidden;

}



.achie-details ul li:nth-child(1){

    width: 66.6%;

    text-align: center;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

    padding: 26px;

}

.achie-details ul li:nth-child(1) h4{

    width: 100%;

    height: 100%;

    border-radius: 10px;

    overflow: hidden;

    border: 1px solid #f7f7f7;

    position: relative;

}

.achie-details ul li:nth-child(1) h4 img{

    object-fit: cover;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

}



.achie-details ul li:nth-child(2){

    width: 33.4%;

    padding: 26px 0 0 20px;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

}



.achie-details ul li:nth-child(2) h3{

    width: 312px;

    height: 312px;

    border-radius: 20px;

    overflow: hidden;

}

.achie-details ul li:nth-child(2) h3 img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 1s ease-in-out;

}

.achie-details ul li:nth-child(2) h3 img:hover{

    transform: scale(1.1);

}





.achie-details ul li:nth-child(2) h6{

    margin-top: 20px;

}

.achie-details ul li:nth-child(2) h6 span{

    font-size: 13px;

    color: #888888;

}



.achie-details ul li:nth-child(2) h6 i{

    width: 3px;

    height: 3px;

    border-radius: 100%;

    background-color: #888888;

    display: inline-block;

    margin: 0 8px;

    vertical-align: middle;

}





.achie-details-create{

    width: 1200px;

    margin: 0 auto;

}

.achie-details-create-words{

    width: 100%;

    height: auto;

    border-radius: 10px;

    overflow: hidden;

    background-color: #fff;

    padding: 26px 26px 66px 26px;

    margin-top: 30px;

}

.achie-details-create-words h1{

    font-size: 26px;

    color: #333333;

}



.achie-details-create-words hr{

    width: 100%;

    height: 2px;

    background-color: #e2e2e2;

    margin: 16px 0;

}

.achie-details-create-words h2{

    width: 100%;

    height: auto;

    overflow: hidden;

    text-align: center;

    margin: 20px 0;



}

.achie-details-create-words h2 img{

    object-fit: cover;

}



.achie-details-create-words p{

    font-size: 16px;

    color: #777777;

    line-height: 22px;

    width: 100%;

    height: auto;

    overflow: hidden;

    margin: 16px 0;

}



.achie-details-create-words h4{

    width: 150px;

    height: 44px;

    margin: 40px auto;

    border-radius: 30px;

    line-height: 44px;

    text-align: center;

    color: #0acdd6;

    border: 1px solid #0acdd6;

    margin-top: 80px;

}





.achie-details-create-words 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;

}



.updown-right {

    float: right;

}



.updown-left:hover {

    color: #0acdd6;

}



.updown-right:hover {

    color: #0acdd6;

}



/* ---------------------------paging-box-------------------------------- */

.paging-box{

    width: 100%;

    height: 44px;

    overflow: hidden;

    margin:20px 0 80px 0;

    text-align: center;

}



.paging-box a{

    width: 40px;

    height: 40px;

    border-radius: 100%;

    border: 1px solid #e2e2e2;

    display: inline-block;

    text-align: center;

    line-height: 40px;

    font-size: 14px;

    color: #777777;

}

.paging-box a:hover{

    background-color: #01b3bb;

    color: #fff;

}

.paging-nactive{

    background-color: #01b3bb;

    color: #fff !important;

}



.page-L i{

    display: inline-block;

    width: 6px;

    height: 11px;

    margin-top: 14px;

    background-image: url('../images/public/Qclick_left.png');

}

.page-L:hover i{

    background-image: url('../images/public/Qclick_leftH.png');

}

.page-R i{  

    display: inline-block;

    width: 6px;

    height: 11px;

    margin-top: 14px;

    background-image: url('../images/public/Qclick_right.png');

}

.page-R:hover i{

    background-image: url('../images/public/Qclick_rightH.png');

}









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

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



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



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



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

    .achie {

        width: 94%;

        margin-left: 3%;

    }

    .achie-details {

        width: 94%;

        margin-left: 3%;

    }

    .achie-details-create {

        width: 94%;

        margin-left: 3%;

    }

}





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



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

    .achie-matter ul li {

        width: 48.3%;

        margin-left: 1.7%;

        height: auto;

        margin-top: 18px;

        padding-bottom: 24px;

    }

    .achie-matter ul li h1 {

        height: auto;

    }

    .achie-matter ul li h3 {

        font-size: 15px;

        margin-top: 16px;

    }

    .achie-details ul li:nth-child(1) {

        width: 100%;

        border-top-right-radius: 10px;

        border-bottom-right-radius: 10px;

    }

    .achie-details ul li:nth-child(2) {

        width: 100%;

        border-top-left-radius: 10px;

        border-bottom-left-radius: 10px;

        margin-top: 20px;

        padding: 26px 20px 0 20px;

    }

    .achie-details ul li:nth-child(2) h3 {

        width: 100%;

        height: auto;

    }

    .achie-details ul li {

        height: 352px;

    }

    .achie-details ul {

        height: auto;

       overflow: hidden;

    }

    .achie-details-create-words {

        width: 100%;

        height: auto;

        margin-top: 24px;

    }

    .achie-details-create-words h1 {

        font-size: 20px;

    }

	.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;

    }

}