.wrap_main {
 position: relative;
background: #F5F5F5 url(/Sites/Uploaded/Image/2021/03/096375089472468852186273007.jpg)no-repeat;
}

.wrap_main .linkmap {
 background: transparent;
 position: absolute;
 top: 10px;
 left: 50%;
 margin: 0;
 transform: translateX(-50%);
 font-size: 14px;
 color: #FFFFFF;
}
.wrap_main .linkmap a {
 color: #FFFFFF;
}
.wrap_main .linkmap span{
 color: #FFFFFF;
}
.banner {
 display: block;
}

.dynam_wrapper {
 margin-bottom: 50px;
}
.dynam_left {
 width: 960px;
}

.lb .swiper-box {
 width: 470px;
 height: 320px;
 overflow: hidden;
 position: relative;
}

.link_li .link_a {
 width: 100px;
 height: 30px;
 border: 1px solid #CACACA;
 border-radius: 15px;
 display: block;
 font-size: 14px;
 font-family: Microsoft YaHei;
 font-weight: 400;
 color: #666666;
 line-height: 30px;
 text-align: center;
}

.link_li .link_a:hover {
 color: #165837;
 border: 1px solid #165837;
}

.swiper-slide .Img_Box {
 width: 100%;
 height: 100%;
}

.swiper-slide .Img_Box img {
 width: 100%;
 height: 100%;
}

.swiper-wrapper .content_box {
 position: absolute;
 bottom: 0;
 left: 0;
 height: 64px;
 background: rgba(0, 0, 0, 0.4);
 width: 100%;
 padding-left: 32px;
 box-sizing: border-box;
}

.swiper-slide .Img_Box img {
 width: 100%;
}

.content_box h2 a {
 font-size: 16px;
 font-weight: 400;
 color: #FFFFFF;
 line-height: 64px;
}

.lb .swiper-box .pagination {
 position: absolute;
 bottom: 22px;
 z-index: 11;
 right: 10px;
 left: auto;
 text-align: right;
}

.pagination span {
 width: 24px;
 height: 4px;
 background: rgba(255, 255, 255, 0.8);
 ;
 border-radius: 2px;
}

.pagination span.swiper-pagination-bullet-active {
 background: #FFFFFF;
}

.news_list {
 width: 450px;
}

.list_ul li .times {
 font-size: 18px;
 font-weight: 400;
 color: #666666;
 line-height: 30px;
}

.times .day {
 font-size: 36px;
}

.times .a_more {
 font-size: 16px;
 font-weight: 400;
 color: #9D9D9D;
 line-height: 36px;
 float: right;
 display: block;
 background: url(/Content/Areas/Common/images/common/moreBk.png)no-repeat left center;
 padding-left: 74px;
}

.list_ul li .title_type {
 margin-top: 5px;
 font-size: 16px;
 color: #666666;
 line-height: 24px;
 display: block;
}

.list_ul li {
 margin-bottom: 60px;
}

.list_ul li:last-child {
 margin-bottom: 0;
}

.list_ul li:hover .times,
.list_ul li:hover .title_type {
 color: #165837;
}

.list_ul li:hover .times .a_more {
 background: url(/Content/Areas/Common/images/common/moreBk1.png)no-repeat left center;
 color: #165837;
}

.dynam_h2.h2_tit {
 background: url(/Content/Areas/News/images/KeYanJiaoXue/icon.png)no-repeat left center;
}

.dynam_right {
 width: 180px;
 height: 180px;
 position: relative;
}

.dynam_right a {
 width: 180px;
 height: 177px;
 margin-bottom: 10px;
 color: #fff;
 font-size: 22px;
 text-align: center;
 display: block;
 overflow: hidden
}

.dynam_right a img {
 margin: 44px auto 20px;
 display: block;
}

.dynam_right a:hover img,
.items a:hover img {
 -webkit-animation: icon-bounce 0.5s alternate;
 -moz-animation: icon-bounce 0.5s alternate;
 -o-animation: icon-bounce 0.5s alternate;
 animation: icon-bounce 0.5s alternate;
}

.dynam_right a:nth-child(1) {
 background: #B2955C;
}

.dynam_right a:nth-child(2) {
 background: #337353;
}


/* 动效 */

.animate.items,
.animate .cult_h2 {
 -webkit-transform: translatex(0);
 transform: translatex(0);
 opacity: 1;
 visibility: visible;
}

.animate .expert_doc,
.animate .h2_tit{
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 visibility: visible;
}

.intro_con .img_box,
.hist_matt,
.cult_h2,
.cult_li,
.items {
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateX(-100px);
 transform: translateX(-100px);
 opacity: 0;
 visibility: hidden;
}

.cult_con {
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateX(100px);
 transform: translateX(100px);
 opacity: 0;
 visibility: hidden;
}



.rapid_ul .rapid_li {
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateY(-100px);
 transform: translateY(-100px);
 opacity: 0;
 visibility: hidden;
}

.expert_doc {
 -webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);
 transition: all 4s cubic-bezier(.08, .82, .17, 1);
 -webkit-transform: translateY(100px);
 transform: translateY(100px);
 opacity: 0;
 visibility: hidden;
}

.items {
 overflow: hidden;
}

.items a {
 display: block;
 float: left;
 width: 380px;
 height: 240px;
 text-align: center;
 font-size: 30px;
 margin-right: 30px;
 color: #fff;
 overflow: hidden;
}

.items a img {
 display: block;
 margin: 65px auto 30px;
}

.items a:nth-child(1) {
 background: url(/Content/Areas/News/images/KeYanJiaoXue/bg1.png)no-repeat;
 background-size: cover;
}

.items a:nth-child(2) {
 background: url(/Content/Areas/News/images/KeYanJiaoXue/bg2.png)no-repeat;
 background-size: cover;
}

.items a:nth-child(3) {
 background: url(/Content/Areas/News/images/KeYanJiaoXue/bg3.png)no-repeat;
 background-size: cover;
 margin-right: 0;
}

@-webkit-keyframes c2 {
 0% {
 -webkit-transform: scale(.222);
 -ms-transform: scale(.222);
 -moz-transform: scale(.222);
 -o-transform: scale(.222);
 transform: scale(.222);
 opacity: 1
 }
 50% {
 -webkit-transform: scale(.622);
 -ms-transform: scale(.622);
 -moz-transform: scale(.622);
 -o-transform: scale(.622);
 transform: scale(.622);
 opacity: .4
 }
 98% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: .2
 }
 100% {
 opacity: 0
 }
}

@-ms-keyframes c2 {
 0% {
 -webkit-transform: scale(.222);
 -ms-transform: scale(.222);
 -moz-transform: scale(.222);
 -o-transform: scale(.222);
 transform: scale(.222);
 opacity: 1
 }
 50% {
 -webkit-transform: scale(.622);
 -ms-transform: scale(.622);
 -moz-transform: scale(.622);
 -o-transform: scale(.622);
 transform: scale(.622);
 opacity: .4
 }
 98% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: .2
 }
 100% {
 opacity: 0
 }
}

@-moz-keyframes c2 {
 0% {
 -webkit-transform: scale(.222);
 -ms-transform: scale(.222);
 -moz-transform: scale(.222);
 -o-transform: scale(.222);
 transform: scale(.222);
 opacity: 1
 }
 50% {
 -webkit-transform: scale(.622);
 -ms-transform: scale(.622);
 -moz-transform: scale(.622);
 -o-transform: scale(.622);
 transform: scale(.622);
 opacity: .4
 }
 98% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: .2
 }
 100% {
 opacity: 0
 }
}

@-o-keyframes c2 {
 0% {
 -webkit-transform: scale(.222);
 -ms-transform: scale(.222);
 -moz-transform: scale(.222);
 -o-transform: scale(.222);
 transform: scale(.222);
 opacity: 1
 }
 50% {
 -webkit-transform: scale(.622);
 -ms-transform: scale(.622);
 -moz-transform: scale(.622);
 -o-transform: scale(.622);
 transform: scale(.622);
 opacity: .4
 }
 98% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: .2
 }
 100% {
 opacity: 0
 }
}

@keyframes c2 {
 0% {
 -webkit-transform: scale(.222);
 -ms-transform: scale(.222);
 -moz-transform: scale(.222);
 -o-transform: scale(.222);
 transform: scale(.222);
 opacity: 1
 }
 50% {
 -webkit-transform: scale(.622);
 -ms-transform: scale(.622);
 -moz-transform: scale(.622);
 -o-transform: scale(.622);
 transform: scale(.622);
 opacity: .4
 }
 98% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: .2
 }
 100% {
 opacity: 0
 }
}

@media only screen and (max-width: 768px) {
 .dynam_left,.cont_com{
 width: 100%;

 }
 .lb .swiper-box{
 width: 100%;
 height: 460px;
 }
 .cont_com .lb{
 float: none;
 margin-top: 0.4rem;
 }
 .swiper-wrapper .content_box{
 height: 0.8rem;
 padding-left: 0.4rem;
 }
 .content_box h2 a{
 line-height: 0.8rem;
 font-size: 0.28rem;
 }
 .pagination span{
 width: 15px;
 }
 .lb .swiper-box .pagination{
 bottom: 12px;
 }
 .news_list{
 width: 100%;
 }
 .list_ul li{
 margin: 0.4rem 0;
 }
 .times .day{
 font-size: 0.36rem;
 }
 .list_ul li .times{
 font-size: 0.24rem;
 }
 .times .a_more{
 background-size: 55%;
 font-size: 0.28rem;
 padding-left: 1rem;
 line-height: 30px;
 }
 .list_ul li{
 min-height: auto;
 }
 .dynam_right {
 width: 100%;
 margin-top: 0.4rem;
 background-size: cover;
 }
 .dynam_right a{
 width: 50%;
 float: left;
 }

 .items a{
 width: 50%;
 height: 177px;
 font-size: 22px;
 margin-right: 0;
 margin-bottom: 22px;
 }
 .items a img {
 display: block;
 margin: 44px auto 20px;
 height: 50px;
 }
 
 .dynam_wrapper{
 margin-bottom: 20px;
 }

.intro_con .img_box,
.intro_con .text,
.items,
.cult_h2,
.cont_com .news_list {
 -webkit-transform: translatex(0);
 transform: translatex(0);
 opacity: 1;
 visibility: visible;
 transition: all 0s;

}

.expert_doc,
.h2_tit,
.dynam_right {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
 visibility: visible;
 transition: all 0s;

}

}
@media only screen and (max-width: 420px){
 .lb .swiper-box{
 height: 234px;
 }
}