.pic {
    position: relative;
    overflow: hidden;
}

.pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    transition: all 1s;
}

.pic .a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in;
}

a:hover .pic img {
    transform: scale(1.1);
}

.pic::before {
    position: absolute;
    top: 0;
    left: -90%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    opacity: 0.25;
    pointer-events: none;
    background: -webkit-linear-gradient(left,
            rgba(255, 255, 255, 0) 0,
            rgba(255, 255, 255, 53) 50%,
            rgba(255, 255, 255, 0) 70%);
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 53) 50%,
            rgba(255, 255, 255, 0) 70%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 3;
}

a:hover .pic:before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}

.pic div.a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    transition: all 0.8s;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

a:hover .pic div.a {
    width: 110%;
    height: 110%;
}


/*title*/
.title { position: absolute; left:0; }
.title h2 { font-size: 36px; font-weight: bold; color: #2470ee;}
.title p { font-size: 48px; font-weight: bold; color: #e8eaed; text-transform: uppercase;}
.title a {color: #a5a6a8;background: url("../images/icon1.png") no-repeat left bottom;padding-bottom: 5px;display: block;margin-top: 10px;width: 68px;font-weight: bold;}
.title a:hover { color: #2470ee; }
@media screen and (max-width: 1919px) and (min-width:1024px){
    .title h2 { font-size: 30px;}
    .title p { font-size: 36px;}
}
@media screen and (max-width: 768px){
    .title { overflow: hidden; position: static; }
    .title h2 { float: left;font-size: 26px;}
    .title p { display: none;}
    .title a { float: right;}
}


/*part1*/
.news { position: relative; padding-top: 50px; }
.news .title { top:50px; }
.news .list .news_pic { overflow: hidden; position: relative; width: 33.4%; margin-top: 190px;}
.news .list .news_pic .hd { position: absolute; right: 5px; bottom: 13px; z-index: 1; }
.news .list .news_pic .hd ul li { float: left; margin-right: 5px; width: 8px; height: 8px; background: #fff; cursor: pointer; border-radius: 50%;}
.news .list .news_pic .hd ul li.on { background: #ce0a18; }
.news .list .news_pic .bd li { width: 100%; height: 290px; z-index: 0; }
.news .list .news_pic .bd li img { width: 100%; height: 100%; display: block; }
.news .list .news_pic .bd li .txt { position: absolute; bottom: 0; width: 100%; line-height: 36px;  height: 36px; background: url(../images/hei.png); }
.news .list .news_pic .bd li .txt a { display: block; color: #fff; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 10px;  }
.news .list .word { width: 61%; margin-top: 20px; }
.news .list .word ul { width: 106%; }
.news .list .word ul li { float: left; width: 44.8%; margin: 0 5% 5% 0;}
.news .list .word ul li span { background-color: #fe9602; color: #fff; line-height: 36px; height: 36px; display: inline-block; padding: 0 20px;}
.news .list .word ul li h3 { font-size: 1.125em; line-height: 30px; height: 60px; overflow: hidden; margin: 20px 0 10px;}
.news .list .word ul li p { color: #8f8f8f; line-height: 28px; height: 84px; overflow: hidden;}
@media screen and (max-width: 1919px) and (min-width:1024px) {
    .news .list .news_pic { margin-top: 150px;}
    .news .list .news_pic .bd li {  height: 210px; }
    .news .list .news_pic .bd  .pic{
        
padding-top: 76%;
    }
    .news .list .word { margin-top: 0; }
    .news .list .word ul li p {  height: 48px; line-height: 24px; }
}
@media screen and (max-width: 768px) {
    .news .list .news_pic { float: none; width: 100%; margin-top: 20px;}
    .news .list .news_pic .bd li {  height: 210px; }
    .news .list .word { float: none; width: 100%;}
    .news .list .word ul { width: 100%; }
    .news .list .word ul li { float: none; width: 100%; margin: 0 0 5% 0;}
    .news .list .word ul li p { height: 48px; line-height: 24px;}
}


/*notice*/
.notice {width: 100%;/* background-color: #edeff2; *//* border-top: 1px solid #e8ebf1; *//* margin-top: 20px; */padding: 50px 0;}
.notice .title { position: static; margin-bottom: 40px;}
.notice .title p { color: #dcdee0; margin: -8px 0 0 20px; }
.notice .bd .main ul { width: 105%;}
.notice .bd .main ul li {float: left;background-color: #fff;width: 29.76%;padding: 1.5%;box-sizing: border-box;margin-right: 3%;}
.notice .bd .main ul li:hover { background: url("../images/notice.jpg") no-repeat center #2470ee;}
.notice .bd .main ul li span {color: #fff;font-size: 16px;}
.notice .bd .main ul li:hover span { color: #fff; }
.notice .bd .main ul li i { background-color: #2470ee; display: block; width: 16px; height: 2px; margin: 20px 0 30px; }
.notice .bd .main ul li:hover i { background-color: #fff; }
.notice .bd .main ul li .pic {padding-top: 65%;}
.notice .bd .main ul li .pic .con_work_nero_date{
    top: 10px;
    left: 20px;
    display: block;
    position: absolute;
    text-align: center;
    padding: 5px 10px;
    background-color: rgb(36 112 238);
}
.notice .bd .main ul li h3 { font-weight: bold; line-height: 30px; height: 60px; overflow: hidden; }
.notice .bd .main ul li:hover h3 { color: #fff; }
.notice .hd {text-align: center;margin-top: 10px;}
.notice .hd span { display: inline-block; _display:inline; *display:inline; zoom:1; background-color: #fe9602; opacity: 0.4; width:12px; height: 12px; border-radius: 50%; margin: 0 5px;  }
.notice .hd span.on { opacity: 1;}
@media screen and (max-width: 768px){
    .notice { margin-top: 30px; padding: 30px 0;}
    .notice .title { margin-bottom: 30px;}
    .notice .bd .main ul { width: 100%;}
    .notice .bd .main ul li { float: none; width: 100%; margin-right: 0; margin-bottom: 10px;}
    .notice .bd .main ul li i { display: none;}
    .notice .hd {  margin-top: 20px; }
}


/*school*/
.school {background: url("../images/bg1.jpg") no-repeat center top;width: 100%;height: 540px;padding-bottom: 15px;}
.school .box { position: relative;}
.school .box .title { top:50px; }
.school .box .title h2 { color: #fff;}
.school .box .title p { color: #66a1ff;}
.school .box .title a { color: #fff; background: url("../images/icon2.png") no-repeat left bottom;}
.school .box .main .bd .list .word { position:absolute; top: 226px; left: 0; width: 52.6%; line-height: 28px; height: 140px; overflow: hidden; }
.school .box .main .bd .list .word a { color: #fff;}
.school .box .main .bd .list .pic { position:absolute; right:0; top: 60px; width: 43.5%;}
.school .box .main .bd .list .pic .pho { height:400px; }
.school .box .main .bd .list .pic .pho img {display: block;width: 100%;height: 100%;}
.school .box .main .bd .list .pic .tit { height: 80px; line-height: 80px; background-color: #fe9602; }
.school .box .main .bd .list .pic .tit a { font-size: 20px; color: #fff; padding-left: 30px; }
.school .box .main span { display: block; position: absolute; width:45px; height:45px; cursor: pointer;}
.school .box .main .prev { left:0; top:495px; background:url(../images/arrow1.png) no-repeat; }
.school .box .main .next{ left:65px; top:495px;  background:url(../images/arrow2.png) no-repeat; }
@media screen and (max-width: 1919px) and (min-width:1024px){
    .school { height: 406px; }
    .school .box .main .bd .list .word { top: 192px;}
    .school .box .main .bd .list .pic .pho { height:300px; }
    .school .box .main .bd .list .pic .tit { height: 46px; line-height: 46px; background-color: #fe9602; }
    .school .box .main .bd .list .pic .tit a { font-size: 16px; }
    .school .box .main .prev { top:361px; background:url(../images/arrow3.png) no-repeat;}
    .school .box .main .next { top:361px; background:url(../images/arrow4.png) no-repeat;}
}
@media screen and (max-width: 768px){
    .school { height: 424px; }
    .school .box .title { padding-top:30px; position: static; }
    .school .box .main .bd .list .word { display: none; }
    .school .box .main .bd .list .pic { width: 100%; position: static; }
    .school .box .main .bd .list .pic .pho { height:200px; margin-top: 30px;}
    .school .box .main .bd .list .pic .tit { height: 46px; line-height: 46px; background-color: #fe9602; }
    .school .box .main .bd .list .pic .tit a { font-size: 16px; }
    .school .box .main .prev { top:365px; background:url(../images/arrow3.png) no-repeat;}
    .school .box .main .next { top:365px; background:url(../images/arrow4.png) no-repeat;}
}


/*meeting*/
.meeting { padding: 50px 0;}
.meeting .title { position: static; margin-bottom: 40px;}
.meeting .title p { color: #dcdee0; margin: -8px 0 0 20px; }
.meeting .list ul { width: 105%;}
.meeting .list ul li { float: left; border: 5px solid #edeff2; width: 29.76%; padding: 2%; box-sizing: border-box; margin-right: 3%;}
.meeting .list ul li:hover { border: 5px solid #fe9602;}
.meeting .list ul li h3 { line-height: 24px; height: 48px; color:#000; font-size: 16px; overflow: hidden; margin-bottom: 10px; }
.meeting .list ul li p { color: #838383; line-height: 24px; }
@media screen and (max-width: 768px){
    .meeting { margin-top: 30px; padding: 30px 0;}
    .meeting .title { margin-bottom: 30px;}
    .meeting .list ul { width: 100%;}
    .meeting .list ul li { float: none; width: 100%; margin-right: 0; margin-bottom: 10px;}
}


/*icon*/
.f_icon { background: url("../images/bg2.jpg") no-repeat center bottom #2470ee; height: 220px;}
.f_icon ul { width: 105%;}
.f_icon ul li { float: left; width: 21.26%; margin-right: 3.4%; height: 100px; margin-top: 60px;}
.f_icon ul li.li1 { background: url("../images/icon3.png") no-repeat 20px center #fff; }
.f_icon ul li.li2 { background: url("../images/icon4.png") no-repeat 20px center #fff; }
.f_icon ul li.li3 { background: url("../images/icon5.png") no-repeat 20px center #fff; }
.f_icon ul li.li4 { background: url("../images/icon6.png") no-repeat 20px center #fff; }
.f_icon ul li a { display: block; margin: 26px 0 0 74px;}
.f_icon ul li h3 { font-size: 18px; margin-bottom: 10px;}
.f_icon ul li span { font-size: 16px; color: #c8c9cc; text-transform: uppercase;}
@media screen and (max-width: 768px){
    .f_icon { height: auto; padding: 10px 0 30px;overflow: hidden;}
    .f_icon ul li { width: 45%; margin-right: 3.4%; height: auto; margin-top: 20px; padding-bottom: 20px;}
    .f_icon ul li.li1 { background: url("../images/icon3.png") no-repeat center 20px #fff; }
    .f_icon ul li.li2 { background: url("../images/icon4.png") no-repeat center 20px #fff; }
    .f_icon ul li.li3 { background: url("../images/icon5.png") no-repeat center 20px #fff; }
    .f_icon ul li.li4 { background: url("../images/icon6.png") no-repeat center 20px #fff; }
    .f_icon ul li a { text-align: center; margin: 80px 0 0 0;}

}

.section2 {
    padding: 40px 0 45px;
}

.s2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.s2 .left {
    width: 48.6%;
}

.s2 .right {
    width: 48.6%;
}

.titles1 {
    position: relative;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d4d4d4;
}



.tit_c {
    display: flex;
    align-items: flex-end;
}

.tit_c .h3 {
    position: relative;
    display: flex;
    align-items: center;
}

.tit_c .h3 .p {
    position: relative;
    font-size: 30px;
    color: #222;
    font-weight: bold;
    line-height: 1;
    z-index: 6;
}

.tit_c .h3 .p1 {
    display: flex;
    position: relative;
    margin-right: .05rem;
    z-index: 6;
}

.tit_c .h3 .p1 img {
    max-height: .4rem;
}

.tit_c .h3 .p1 span {
    font-size: .56rem;
    color: #a81b00;
    font-family: "hj";
}

.tit_c .h3 .p1 span:nth-child(2) {
    margin-top: .3rem;
}


.tit_c p {
    position: relative;
    font-size: 26px;
    color: #dcdee0;
    text-transform: uppercase;
    padding-left: 5px;
    line-height: 1;
}



.titles1 .more {
    position: absolute;
    right: 0;
    top: 10px;
    transition: all .6s;
}

.titles1 .more a {font-size: 20px;color: #666;display: block;transition: all .6s;}

.titles1 .more a:hover {
    font-weight: bold;
    color: #0f4fb4;
}


.date-list li {
    position: relative;
    transition: all .6s;
}



.date-list li a {
    display: flex;
    align-items: center;
    padding: 15px 0;
    background-position: center center;
    transition: all 0.5s;
    border-bottom: 1px dashed #d4d4d4;
}

.date-list li:first-child a {
    margin-top: 0;
}

.date-list li a:hover::after {
    width: 100%;
    opacity: 1;

}

.date-list li a .date {
    position: relative;
    z-index: 2;
    width: 75px;
    height: 60px;
    text-align: center;
    color: #999999;
}


.date-list li a .date p {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 10px;
}

.date-list li:hover a .date {
    color: #3f72c3;
}

.date-list li a .date span {
    display: block;
    font-size: 14px;
}



.date-list li a .txt {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    min-width: 0;
    /* line-height: 0.7rem; */
    padding-left: .24rem;
    padding-right: .5rem;
    border-left: 1px solid #c5c5c5;
    min-height: .5rem;
}

.date-list li a .txt h2 {
    font-size: 16px;
    color: #222222;
    line-height: 20px;
}

.date-list li a .txt p {
    font-size: 14px;
    margin-top: 5px;
    color: #999;
    line-height: 20px;
}



.date-list li:hover a .txt h2 {
    font-weight: bold;
    color: #3f72c3;
}
@media screen and (max-width: 1024px) {

    .left {
        width: 100% !important;
    }

    .right {
        width: 100% !important;
        margin-top: 25px;
    }

    .section1 {
        padding: .2rem 0;
    }

    .title .more {
        top: 5px;
    }

    .tit_c .h3 .p {
        position: relative;
        font-size: 24px;
        color: #222;
        font-weight: bold;
        line-height: 1;
        z-index: 6;
    }

    .tit_c p {
        position: relative;
        font-size: 26px;
        color: #dcdee0;
        text-transform: uppercase;
        padding-left: 5px;
        line-height: 1;
        display: none;
    }

}




/*foot*/
.foot { background-color:#333; padding: 30px 0; }
.foot .link { border-bottom: 1px solid #424242; padding-bottom: 20px; margin-bottom: 30px; }
.foot .link span { font-size: 16px; color: #fff; padding-right: 20px; }
.foot .link a { color: #b8b8b8; padding-right: 20px; line-height: 28px; }
.foot .message { margin-top: 10px; }
.foot .message p { color:#fff; line-height: 28px;  }
.foot .message a { color:#fff; line-height: 28px;  }
.foot .qr_code { overflow: hidden;  }
.foot .qr_code .code { float: left; margin-left: 20px; }
.foot .qr_code .code img { width: 90px; height: 90px; }
.foot .qr_code .code p { color: #fff; text-align: center; }

@media screen and (max-width: 767px){
    .foot .logo { display: none }
    .foot .message{float: none;margin: 0 0 10px 0;text-align: center;}
    .foot .qr_code{float: none;/* position: relative; */display: flex;/* flex-wrap: wrap; */justify-content: space-evenly;}
    .foot .qr_code .code { margin:0 20px 0 0; }
}







/**********************  ??????  **********************/
/*ny_content*/
.m_box .m_right .ny_content { margin-top: 20px; }
.m_box .m_right .ny_content h3 { text-align: center; font-size: 24px;}
.m_box .m_right .ny_content .lab { text-align: center; margin: 10px 0;}
.m_box .m_right .ny_content .lab span { display: inline-block; _display:inline; *display:inline; zoom:1; vertical-align: middle; color: #adadad; margin: 0 10px;}
.m_box .m_right .ny_content p { line-height: 28px; text-indent: 2em;}
.m_box .m_right .ny_content img { max-width: 100%; display: block; margin: 10px 0;}
@media screen and (max-width:768px){
    .m_box .m_right .ny_content .lab span { margin-bottom: 10px;}
}
/*list*/
.m_box .m_right .ny_list ul li { border-bottom: 1px dotted #e4e4e4; padding: 30px 0; }
.m_box .m_right .ny_list ul li .photo { width: 25.6%; height: 150px; overflow: hidden;}
.m_box .m_right .ny_list ul li .photo img { width: 100%; height: 100%; transition: all .3s}
.m_box .m_right .ny_list ul li .content { width: 70%; }
.m_box .m_right .ny_list ul li .content h3 { width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; font-weight: bold;}
.m_box .m_right .ny_list ul li .content .txt { margin: 15px 0; line-height: 28px; height: 56px; overflow: hidden; color: #999; }
.m_box .m_right .ny_list ul li .content .infor span { margin-right: 20px; }
.m_box .m_right .ny_list ul li:hover { border-bottom-color: #2470ee;  }
.m_box .m_right .ny_list ul li:hover .photo img { transform: scale(1.1); }
.m_box .m_right .ny_list ul li:hover .content h3 a { color: #2470ee; }
@media screen and (max-width: 1919px) and (min-width:1024px){
    .m_box .m_right .ny_list ul li .photo{ height: 110px;}
}
@media screen and (max-width: 767px){
    .m_box .m_right .ny_list ul li .photo { display: none;}
    .m_box .m_right .ny_list ul li .content { width: 100%; }
}
/*pic*/
.m_box .m_right .ny_pic { margin-top: 30px; }
.m_box .m_right .ny_pic ul { width:110%; }
.m_box .m_right .ny_pic ul li { float: left; margin: 0 2% 2% 0; width:29%; text-align: center; position: relative; }
.m_box .m_right .ny_pic ul li .box { width:100%; height: 210px; overflow: hidden; }
.m_box .m_right .ny_pic ul li .box img { width:100%; height: 100%; display: block; transition: all .3s; }
.m_box .m_right .ny_pic ul li .tit { text-align: center; line-height: 40px; height: 40px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute;
    left: 0; bottom:0; background: url("../images/hei.png"); }
.m_box .m_right .ny_pic ul li .tit a { color: #fff;}
.m_box .m_right .ny_pic ul li:hover .box img {transform: scale(1.1);}
@media screen and (max-width: 1919px) and (min-width:1024px){
    .m_box .m_right .ny_pic ul li .box { height: 150px; }
    .m_box .m_right .ny_pic ul li .tit { line-height: 30px; height: 30px;}
}
@media screen and (max-width: 767px){
    .m_box .m_right .ny_pic { margin-top: 0; }
    .m_box .m_right .ny_pic ul li { width:44.6%; }
    .m_box .m_right .ny_pic ul li .box { height: 110px; }
    .m_box .m_right .ny_pic ul li .tit { position: static; background:none; height: 30px; line-height: 30px;}
    .m_box .m_right .ny_pic ul li .tit a { color: #333;}
}
/*list2*/
.m_box .m_right .ny_list2 ul li { border-bottom: 1px dotted #e4e4e4; height: 46px; line-height: 46px; background: url("../images/icon7.png") no-repeat left center; }
.m_box .m_right .ny_list2 ul li a { padding-left: 20px; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.m_box .m_right .ny_list2 ul li span { color: #adadad; }
.m_box .m_right .ny_list2 ul li:hover a { text-decoration: underline; }
@media screen and (max-width: 767px){
    .m_box .m_right .ny_list2 ul li a { width: 60%; }

}




.wp{    width: 68.35%;margin: 0 auto;}
.index-s2{
    margin-top: 30px;
    margin-bottom: 30px;
}

.title001{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index-s2 .tab-tit{
    display: flex;
}
.index-s2 .tab-tit .tit{
    opacity: .3;
    margin-right: 25px;
    cursor: pointer;
    transition: .5s;
}
.index-s2 .tab-tit .tit.actives{
    opacity: 1;
}

.title001 .tit{
    display: flex;
    align-items: flex-end;
}
.title001 .tit img{
    display: block;
    width: .59rem;
    margin-right: .2rem;
}
.title001 .tit h2{
    font-size: 30px;
    line-height: 40px;
    color: #171717;
    font-weight: 700;
    position: relative;
    display: flex;
    padding-bottom: 18px;
}
.title001 .tit h2 span{
    display: block;
    font-weight: normal;
    color: #cd5227;
}
.title001 .tit h2:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 11px;
    background: url("../images/tit-line.png") no-repeat left center/auto 100%;
}

.title001 .more{
    padding-left: 20px;
    transition: .5s;
}
.title001 .more a{
    display: none;
    font-size: 14px;
    line-height: 30px;
    color: #a5a6a8;
    transition: .5s;
    background: url("../images/icon1.png") no-repeat left bottom;
    margin-top: 10px;
    width: 68px;
    font-weight: bold;
}
.title001 .more a.actives{
    display: block;
}
.title001 .more:hover a{
    color: #2470ee;
}
.title001 .more:hover{
    border-color: #2470ee;
}

.index-s2 .tab-cont .child{
    opacity: 0;
    height: 0;
    transform: scale(0);
}
.index-s2 .tab-cont .child.actives{
    opacity: 1;
    height: auto;
    transform: scale(1);
}

.index-s2 .tab-cont .child.actives .top,
.index-s2 .tab-cont .child.actives .bot,
.index-s2 .tab-cont .child.actives .gd{
    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.index-s2 .tab-cont .child.actives .bot{
    animation-delay: .1s;
}
.index-s2 .tab-cont .child.actives .gd{
    animation-delay: .2s;
}
.index-s2 .tab-cont{
    margin-top: 40px;
}

.list_box3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list_box3 li{
    width: 23.22%;
    background: url("../images/s2-img-4.png") no-repeat 50%/100% 100%;
}
.list_box3 li a{
    display: block;
    position: relative;
    z-index: 2;
}
.list_box3 li .img_hezi{
    padding-top: 145px;
}
.list_box3 li .img_zd{
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.list_box3 li .txt{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 20px 25px 30px;
    z-index: 3;
}
.list_box3 li time{
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 25px;
    color: rgba(22, 22, 22, 0.5);
}
.list_box3 li time span{
    display: block;
    color: #fff;
    min-width: 80px;
    margin-right: 10px;
    text-align: center;
    background: url("../images/s2-img-2.png") no-repeat 50%/100% 100%;
}
.list_box3 li h3{
    margin-top: 12px;
    font-size: 18px;
    line-height: 30px;
    color: #161616;
    height: 60px;
    transition: .5s;
}

.list_box3 li:hover .img_zd{
    opacity: 1;
    visibility: visible;
}
.list_box3 li:hover h3{
    color: #fff;
}
.list_box3 li:hover time{
    color: rgba(255, 255, 255, 0.5);
}

.index-s2 .gd{
    display: none;
    justify-content: center;
}
.index-s2 .gd a {
    display: block;
    width: 1.9rem;
    line-height: .5rem;
    color: #fff;
    font-size: .12rem;
    text-align: center;
    border-radius: .5rem;
    background: #cd5227;
}



.tzgg {width: 100%;/* background-color: #edeff2; *//* border-top: 1px solid #e8ebf1; *//* margin-top: 20px; */padding: 50px 0;}
.tzgg .title{
    position: static;
    margin-bottom: 40px;
}
.tzgg  .title p { color: #dcdee0; margin: -8px 0 0 20px; }



.s3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.s3 li{
    
width: 30%;
}
.s3 li a{
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 0 0 0 100px;
    perspective: 240;
    -webkit-perspective: 240;
    }

.con_hdm_nero_cen_lb_date{
    display: block;
    position: absolute;
    top: 17px;
    left: 4px;
    width: 78px;
    height: 125px;
    text-align: center;
    box-sizing: border-box;
    padding: 12px 0 0 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    background-image: url(../images/con_hdm_date_bg.jpg);
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transition: All 0.7s ease-in-out;
    -webkit-transition: All 0.7s ease-in-out;
    }
.s3 li a:hover .con_hdm_nero_cen_lb_date{
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);}
.con_hdm_nero_cen_lb_date em{
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    color: #0f68bc;
    }

.con_hdm_nero_cen_lb_date span{
    display: block;
    font-size: 14px;
    color: #0f68bc;
    }
.con_hdm_nero_cen_lb_date strong{
    display: block;
    width: 100%;
    height: auto;
    bottom: 10px;
    left: 0;
    position: absolute;
    font-size: 16px;
    font-weight: 100;
    color: #fff;
    }

.con_hdm_nero_cen_lb_text{
    display: block;
    padding: 15px 0 0 0;
    }
.con_hdm_nero_cen_lb_text > h2{
    display: block;
    font-size: 15px;
    line-height: 24px;
    color: #000;
    margin: 0 auto 10px auto;
    min-height: 48px;
    }
.con_hdm_nero_cen_lb_text_date{
    display: block;
    margin: 0 auto 15px auto;
    box-sizing: border-box;
    padding: 0 0 0 19px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15pxm auto;
    background-image: url(../images/con_tzgg_time_icon.jpg);
    }
.con_hdm_nero_cen_lb_text_date > span{
    display: block;
    font-size: 13px;
    color: #444;
    }
.con_hdm_nero_cen_lb_text > p{
    font-size: 14px;
    line-height: 21px;
    margin: 0 auto;
    color: #5E5E5E;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 63px;
    }