﻿.wrap_main {
 background: url(/Content/Areas/Common/images/common/linkmapBg.png) no-repeat top center;
}

div.linkmap {
 padding-left: 0;
 background: none;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 z-index: 1;
}

.min_top {
 padding-top: 46px;
}

.tab_content {
 background: url(/Content/Areas/News/images/KePuJiaoYu/logo.png) no-repeat top center;
 margin-top: 50px;
 padding-bottom: 124px;
}

.tab_content_items {
 overflow: hidden;
}

.tab_content_items li {
 float: left;
 width: 580px;
 border-bottom: 1px solid #DFDEDE;
 line-height: 80px;
 box-sizing: border-box;
}

.tab_content_items li:hover .span_date {
 color: #D3413D;
}

.tab_content_items li:hover {
 border-color: #D3413D;
}

.tab_content_items li .span_date {
 float: right;
 color: #999999;
}

.tab_content_items li:nth-child(even) {
 float: right;
}

.tab_content_items li {
 font-size: 16px;
}

.min_center {
 background: url(/Content/Areas/News/images/KePuJiaoYu/centerBg.png) no-repeat top center, url(/Content/Areas/News/images/KePuJiaoYu/botBg.png) no-repeat bottom center;
 padding: 62px 0 0;
}

.min_center .title-common {
 color: #fff;
 text-align: center;
 margin-bottom: 30px;
}

.swiper_center {
 position: relative;
}

.swiper-container_2 {
 width: 100%;
 overflow: hidden;
}

.swiper-container_2 li .li_con {
 background: #fff;
 padding: 10px;
 box-sizing: border-box;
 overflow: hidden;
}

.swiper-container_2 li .span_date {
 color: #D3413D;
 position: absolute;
 top: 20px;
 left: 207px;
}

.swiper-container_2 li .title_type {
 display: block;
 margin-top: 43px;
}

.swiper-container_2 li .img_box {
 float: left;
 margin-right: 20px;
 overflow: hidden;
}

.swiper-container_2 li .img_box:hover img {
 transform: scale(1.1);
}

.swiper-container_2 li .img_box img {
 transition: all 0.2s;
}

.swiper-button-next_2,
.swiper-button-prev_2 {
 width: 45px;
 height: 45px;
 position: absolute;
 border-radius: 50%;
 top: 53px;
 z-index: 1;
 cursor: pointer;
}

.swiper-button-next_2 {
 background: rgba(255, 255, 255, 0.8) url(/Content/Areas/News/images/KeXueYanJiu/jiantouR.png) no-repeat center center;
 right: -70px;
}

.swiper-button-prev_2 {
 background: rgba(255, 255, 255, 0.8) url(/Content/Areas/News/images/KeXueYanJiu/jiantouL.png) no-repeat center center;
 left: -70px;
}

.swiper-button-next_2:hover {
 background: rgba(255, 255, 255, 1) url(/Content/Areas/News/images/KeXueYanJiu/jiantouR.png) no-repeat center center;
}

.swiper-button-prev_2:hover {
 background: rgba(255, 255, 255, 1) url(/Content/Areas/News/images/KeXueYanJiu/jiantouL.png) no-repeat center center;
}

.swiper_more {
 display: block;
 width: 114px;
 height: 36px;
 border: 1px solid rgba(255, 255, 255, 0.8);
 color: #fff;
 border-radius: 20px;
 text-align: center;
 line-height: 36px;
 box-sizing: border-box;
 margin: 40px auto;
}

.swiper_more:hover {
 background: #fff;
 border-color: #fff;
 color: #D3413D;
}

.test .details {
 color: #D3413D;
 font-size: 14px;
 width: 74px;
 height: 74px;
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 transition: all 0.2s;
 margin: 40px auto 0;
}

.test .details::after {
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 background: url(/Content/Areas/Common/images/common/moreBg.png);
 /* animation: rotates 30s linear 0s infinite both; */
}

.test .details:hover {
 font-size: 16px;
}

ul.test li {
 float: left;
 width: 326px;
 height: 269px;
 padding-top: 76px;
 overflow: hidden;
 box-sizing: border-box;
}

ul.test li a.title_type {
 color: #fff;
 display: block;
 font-size: 22px;
 text-align: center;
}

ul.test li:nth-child(1) {
 background: #D57C7C;
}

ul.test li:nth-child(1) .details,
ul.test li:nth-child(3) .details,
ul.test li:nth-child(4) .details {
 color: #fff;
}

ul.test li:nth-child(1) .details::after,
ul.test li:nth-child(3) .details::after,
ul.test li:nth-child(4) .details::after {
 background: url(/Content/Areas/Common/images/common/moreWhiteBg.png);
}

ul.test li:nth-child(2) {
 background: #fff;
 margin-top: 43px;
 margin-left: -35px;
}

ul.test li:nth-child(2) a.title_type {
 color: #333;
}

ul.test li:nth-child(3) {
 background: #F15B51;
 margin-left: -35px;
}

ul.test li:nth-child(4) {
 background: #E8C27E;
 margin-left: -35px;
 margin-top: 43px;
}

.min_last {
 background: url(/Content/Areas/News/images/KePuJiaoYu/botBg.png) no-repeat top center;
 padding: 62px 0 0;
}

.min_center .title-common.common {
 color: #D3413D;
 margin-top: 42px;
 margin-bottom: 45px;
}

ul.ul_list li {
 float: left;
 width: 390px;
 height: 103px;
 background: #fff;
 margin-right: 15px;
 margin-bottom: 15px;
}

.ul_list .li_con {
 padding: 25px;
 box-sizing: border-box;
 background-image: url(/Content/Areas/News/images/KePuJiaoYu/itemsBg.png);
 background-repeat: no-repeat;
 background-position: 80px 0;
 transition: all 0.3s;
 height: 100%;
}

ul.ul_list {
 overflow: hidden;
 padding-bottom: 118px;
}

ul.ul_list li:nth-child(3n) {
 margin-right: 0;
}

ul.ul_list li a {
 font-size: 18px;
 color: #222;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 display: block;
}

ul.ul_list li:hover .li_con {
 background-position: 0 0;
 border-bottom: 1px solid #D3413D;
}

ul.ul_list li:hover .span_date,
ul.ul_list li:hover a {
 color: #D3413D;
}

ul.ul_list li .span_date {
 font-size: 14px;
 color: #999;
 margin-top: 10px;
 display: block;
}

.test a.title-more {
 color: #fff;
 font-size: 14px;
 width: 74px;
 height: 74px;
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 /* border: 1px dashed #D3413D; */
 border-radius: 50%;
 box-sizing: border-box;
 margin: 40px auto;
}

.test a.title-more:hover::after {
 animation: rotates 10s linear 0s infinite both;
}

.test .title-more img {
 margin-left: 3px;
}

.test a.title-more::after {
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 background: url(/Content/Areas/Common/images/common/moreWhiteBg.png);
 /* animation: rotates 30s linear 0s infinite both; */
 /* border: 2px dashed #D3413D; */
 box-shadow: 0 0 0 0px #D3413D;
 border-radius: 50%;
 display: block;
 box-sizing: border-box;
 /* transition: box-shadow 0.2s; */
}


/* .test .title-more:hover .left-circle {
 border-top-color: #fff;
 border-left-color: #fff;
}

.test .title-more:hover .right-circle {
 border-bottom-color: #fff;
 border-right-color: #fff;
}

.test li:nth-child(2) .title-more:hover .right-circle {
 border-bottom-color: #D3413D;
 border-right-color: #D3413D;
}

.test li:nth-child(2) .title-more:hover .left-circle {
 border-top-color: #D3413D;
 border-left-color: #D3413D;
} */

.test li:nth-child(2) a.title-more::after {
 background: url(/Content/Areas/Common/images/common/moreBg.png);
}

.test li:nth-child(2) a.title-more {
 color: #D3413D;
}

@media screen and (max-width:768px) {
 .wrap_main {
 background: none;
 }
 .min_top {
 padding-top: 0;
 padding-bottom: 0;
 }
 .CommonTitle {
 width: 100%;
 height: auto;
 font-size: 20px;
 padding: 10px;
 }
 .CommonTitle img {
 width: 20px;
 }
 .tab_content {
 padding: 10px;
 margin: 0;
 }
 .tab_content_items li {
 font-size: 14px;
 }
 .tab_content_items li {
 float: none;
 width: 100%;
 line-height: inherit;
 padding: 10px 0;
 overflow: hidden;
 }
 .tab_content_items li .title_type {
 float: left;
 width: 70%;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 }
 .min_center {
 padding: 10px;
 background: url(/Content/Areas/News/images/KePuJiaoYu/centerBg.png) no-repeat top center;
 }
 .min_center .title-common {
 margin-bottom: 10px;
 }
 .swiper_more {
 margin: 10px auto;
 }
 ul.test li {
 width: 50%;
 height: auto;
 padding-top: 20px;
 }
 ul.test li:nth-child(1),
 ul.test li:nth-child(2),
 ul.test li:nth-child(3),
 ul.test li:nth-child(4) {
 margin-left: 0;
 margin-top: 0;
 }
 ul.test li a {
 font-size: 14px;
 height: 40px;
 }
 .test .details {
 font-size: 12px;
 width: 50px;
 height: 50px;
 margin: 10px auto 10px;
 }
 .test .details::after,
 ul.test li:nth-child(1) .details::after,
 ul.test li:nth-child(3) .details::after,
 ul.test li:nth-child(4) .details::after {
 background-size: contain;
 }
 .min_center .title-common.common {
 margin-top: 29px;
 margin-bottom: 10px;
 }
 ul.ul_list {
 overflow: inherit;
 padding-bottom: 0;
 }
 ul.ul_list li {
 float: none;
 width: 100%;
 height: auto;
 margin-right: 0;
 margin-bottom: 10px;
 padding: 10px;
 box-shadow: 0px 0px 20px #ddd;
 }
 ul.ul_list li a {
 font-size: 16px;
 }
} 