﻿.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;
 padding-bottom: 60px;
}

.tab_titles {
 margin-top: 28px;
 margin-bottom: 30px;
}

.tab_titles .title-common span {
 color: #333;
 margin-right: 20px;
}

.tab_titles .title-common span.active {
 color: #D3413D;
}

.tab_titles .title-more {
 display: none;
}

.tab_titles .title-more.selected {
 display: flex;
}

.tab_titles .title-common .titleL img {
 margin-right: 16px;
}

.tab_content_items {
 display: none;
}

.tab_content_items.selected {
 display: block;
}

.tab_content_items_left {
 float: left;
 width: 590px;
 height: 400px;
 position: relative;
 overflow: hidden;
}

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

.tab_content_items_left a img {
 width: 100%;
 min-height: 400px;
 height: auto;
 transition: all 0.2s;
}

.tab_content_items_left h2 {
 font-size: 20px;
 display: block;
 background: linear-gradient(360deg, #333, transparent);
 position: absolute;
 bottom: 0;
 width: 100%;
 padding: 20px;
}

.tab_content_items_left h2 a {
 color: #fff;
 font-size: 20px;
}

.tab_content_items_right {
 float: right;
 width: 590px;
}

.tab_content_items_right li a.img_box {
 width: 148px;
 height: 86px;
 overflow: hidden;
 float: left;
 margin-right: 20px;
}

.tab_content_items_right li:hover a.img_box img {
 transform: scale(1.1);
}

.tab_content_items_right li:hover a.title_type {
 color: #D3413D;
 background-size: 100% 1px;
}

.tab_content_items_right li:hover .details {
 left: 175px;
}

.tab_content_items_right li {
 overflow: hidden;
 margin-bottom: 19px;
 position: relative;
}

.tab_content_items_right li:hover .details {
 background: url(/Content/Areas/News/images/KeXueYanJiu/moresHover.png);
}

.tab_content_items_right li a.img_box img {
 width: 100%;
 min-height: 86px;
 height: auto;
 transition: all 0.2s;
}

.tab_content_items_right li:nth-last-child(1) {
 margin-bottom: 0;
}

.tab_content_items_right li a.title_type {
 font-size: 18px;
 line-height: 28px;
 background-image: linear-gradient(#D3413D, #D3413D);
 background-position: 0 100%;
 background-size: 0 1px;
 background-repeat: no-repeat;
 transition: background-size .3s;
}

.tab_content_items_right li .details {
 width: 27px;
 height: 9px;
 display: block;
 background: url(/Content/Areas/News/images/KeXueYanJiu/mores.png);
 position: absolute;
 left: 169px;
 bottom: 3px;
 transition: all 0.2s;
}

.min_center {
 background: url(/Content/Areas/News/images/KeXueYanJiu/centerBg.png) no-repeat top center;
 padding-bottom: 60px;
}

.tabs_title {
 text-align: center;
 padding: 60px 0;
}

.tabs_title span {
 font-size: 26px;
 display: inline-block;
 margin: 0 30px;
}

.tabs_title span.active {
 color: #D3413D;
}

.tab_articles {
 display: none;
}

.tab_articles.selected {
 display: block;
}

.tab_articles ul li {
 float: left;
 width: 560px;
 border-bottom: 1px solid #dedede;
 margin: 37px 0 0;
 padding-bottom: 37px;
}

.tab_articles ul {
 overflow: hidden;
}

.tab_articles ul li .span-date {
 float: left;
 font-size: 14px;
 color: #828282;
 width: 60px;
 text-align: center;
 margin-right: 36px;
 box-sizing: border-box;
 margin-top: -12px;
}

.tab_articles ul li .span-date b {
 font-size: 48px;
 display: block;
 font-weight: 500;
}

.tab_articles ul li .title_type {
 font-size: 16px;
 margin-bottom: 10px;
 display: block;
}

.tab_articles ul li .fl {
 width: 464px;
 padding-left: 35px;
 box-sizing: border-box;
 border-left: 1px solid #dedede;
 min-height: 72px;
}

.tab_articles ul li p {
 font-size: 12px;
 color: #999;
 line-height: 20px;
}

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

.tab_articles ul li:nth-child(1),
.tab_articles ul li:nth-child(2) {
 padding-top: 0;
}

.tab_articles ul li:nth-last-child(1),
.tab_articles ul li:nth-last-child(2) {
 border-bottom: none;
}

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

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

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

.tab_articles a.title-more:hover {
 font-size: 16px;
}

.tab_articles ul li:hover .title_type,
.tab_articles ul li:hover p,
.tab_articles ul li:hover .span-date {
 color: #D3413D;
}

.tab_articles ul li:hover .fl,
.tab_articles ul li:hover {
 border-color: #D3413D;
}

.min_bot {
 padding: 60px 0 70px;
 overflow: hidden;
}

.cards {
 float: left;
 background: url(/Content/Areas/News/images/KeXueYanJiu/jigouBg.png) no-repeat top center;
 width: 719px;
 height: 633px;
 box-sizing: border-box;
 padding: 60px 0 0 50px;
}

.cards_links {
 float: left;
 width: 720px;
 margin-left: -240px;
 margin-top: 74px;
}

.cards .title-common {
 color: #fff;
 display: flex;
 flex-direction: column;
 align-items: start;
}

.cards .title-common .title-more {
 color: #fff;
}

.cards .title-common .title-more::after {
 background: url(/Content/Areas/Common/images/common/moreWhiteBg.png);
}

.cards .title-common .titleL {
 writing-mode: tb;
 float: none;
 display: flex;
 align-items: center;
 margin-bottom: 40px;
}

.cards .title-common .titleL img {
 margin: 0 0 15px;
}

.cards_links ul li {
 width: 240px;
 height: 240px;
 float: left;
}

.cards_links ul li a:hover {
 background: url(/Content/Areas/News/images/KeXueYanJiu/iconBg.png) no-repeat center;
 background-size: 70%;
}

.cards_links ul li a {
 display: block;
 width: 100%;
 height: 100%;
 color: #fff;
 font-size: 18px;
 text-align: center;
 overflow: hidden;
 background-position: center center;
 background-size: 80%;
 transition: all 0.5s;
}

.cards_links ul li:nth-child(2) {
 background: url(/Content/Areas/News/images/KeXueYanJiu/jianjieBg.png);
}

.cards_links ul li:nth-child(3) {
 background: #C58786;
}

.cards_links ul li:nth-child(4) {
 background: #D1B477;
}

.cards_links ul li:nth-child(5) {
 background: #DB7774;
}

.cards_links ul li:nth-child(6) {
 background: #C56162;
}

.cards_links ul li a img {
 height: 45px;
 display: block;
 margin: 70px auto 20px;
}

.min_bot .w1200 {
 position: relative;
}

.min_bot .w1200::after {
 width: 167px;
 height: 167px;
 background: url(/Content/Areas/News/images/KeXueYanJiu/jigouAfter.png);
 content: '';
 position: absolute;
 left: -40px;
 bottom: -40px;
 z-index: -1;
}

.min_bot .w1200::before {
 width: 570px;
 height: 318px;
 background: url(/Content/Areas/News/images/KeXueYanJiu/jigouBefore.png);
 content: '';
 position: absolute;
 right: -329px;
 bottom: 0;
 z-index: -1;
}

.min_last {
 background: url(/Content/Areas/News/images/KeXueYanJiu/bottomBg.png) no-repeat top center;
 margin-bottom: 140px;
}

.min_lastL {
 float: left;
 width: 250px;
}

.min_lastR {
 float: right;
 width: 950px;
}

.min_lastL .title-common {
 display: flex;
 align-items: center;
 height: 364px;
}

.min_lastL .title-common .titleL {
 color: #fff;
 writing-mode: tb;
 float: left;
 letter-spacing: 5px;
}

.min_lastL .title-common .title-more {
 color: #fff;
 float: left;
 margin-left: 60px;
}

.min_lastL .title-common .title-more::after {
 background: url(/Content/Areas/Common/images/common/moreWhiteBg.png);
}

.links_title {
 color: #D3413D;
 display: block;
 text-align: center;
 font-size: 26px;
 padding: 58px 0;
}

.swiper-container_2 {
 width: 780px;
 margin: 0 auto;
 overflow: hidden;
}

.swiper_links {
 width: 100%;
 overflow: hidden;
 position: relative;
}

.swiper-container_2 .swiper-slide {
 overflow: hidden;
}

.swiper-container_2 .swiper-slide li {
 float: left;
 width: 246px;
 height: 60px;
 margin-right: 20px;
 margin-bottom: 20px;
}
.swiper-container_2 .swiper-slide li .li_con{
 height: 100%;
}

.swiper-container_2 .swiper-slide li:nth-child(3n) {
 margin-right: 0;
}

.swiper-container_2 .swiper-slide li .title_type {
 width: 100%;
 height: 100%;
 font-size: 16px;
 text-align: center;
 background: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 0 20px;
 box-sizing: border-box;
}

.swiper-button-next_2,
.swiper-button-prev_2 {
 width: 35px;
 height: 35px;
 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: 25px;
}

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

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

.tab_content_items_get h2 a {
 font-size: 20px;
 text-align: center;
 display: block;
 margin-bottom: 25px;
}
.tab_content_items_get .details{
 display: none;
}

.tab_content_items_get p {
 font-size: 16px;
 line-height: 35px;
 text-indent: 2em;
}

@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_titles {
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 0 10px;
 }
 .tab_titles .title-common span {
 margin-right: 5px;
 }
 .tab_content {
 padding: 0 10px;
 }
 .tab_content_items_left {
 float: none;
 width: 100%;
 height: 200px;
 }
 .tab_titles .title-common .titleL img {
 margin-right: 5px;
 }
 .tab_content_items_left a img {
 min-height: 200px;
 }
 .tab_content_items_left h2 {
 padding: 10px;
 }
 .tab_content_items_left h2 a {
 font-size: 16px;
 }
 .tab_content_items_right {
 float: none;
 width: 100%;
 padding: 10px 0;
 }
 .tab_content_items_right li {
 margin-bottom: 10px;
 }
 .tab_content_items_right li a.img_box {
 margin-right: 10px;
 }
 .tab_content_items_right li a.title_type {
 font-size: 15px;
 line-height: 25px;
 }
 .tab_content_items_right li .details {
 left: inherit;
 bottom: 18px;
 right: 10px;
 }
 .min_center {
 padding-bottom: 10px;
 }
 .tabs_title {
 text-align: center;
 padding: 10px;
 overflow: hidden;
 }
 .tabs_title span {
 font-size: 14px;
 margin: 0;
 width: 33%;
 float: left;
 }
 .tabs_content {
 padding: 0 10px;
 }
 .tab_articles ul li {
 float: none;
 width: 100%;
 padding: 10px 0;
 margin-bottom: 10px;
 box-sizing: border-box;
 margin-top: 0;
 }
 .tab_articles ul li .span-date {
 font-size: 12px;
 width: 20%;
 margin-right: 5%;
 }
 .tab_articles ul li .fl {
 width: 75%;
 padding-left: 10px;
 min-height: 56px;
 }
 .tab_articles ul li .title_type {
 font-size: 14px;
 margin-bottom: 10px;
 display: block;
 }
 .tab_articles ul li .span-date b {
 font-size: 30px;
 }
 .tab_articles ul li:nth-child(1),
 .tab_articles ul li:nth-child(2) {
 padding-top: 10px;
 }
 .tab_articles ul li:nth-child(even) {
 float: none;
 }
 .tab_articles ul li:nth-last-child(1),
 .tab_articles ul li:nth-last-child(2) {
 border-bottom: 1px solid #D8D8D8;
 }
 .tab_articles ul li p {
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 display: -webkit-box;
 overflow: hidden;
 line-height: 16px;
 }
 .tab_articles a.title-more {
 font-size: 12px;
 width: 50px;
 height: 50px;
 }
 .tab_articles a.title-more::after {
 background-image: url(/Content/Areas/Common/images/common/moreBg.png);
 background-size: contain;
 }
 .min_bot {
 padding: 10px 0 0;
 }
 .cards {
 float: none;
 width: 100%;
 height: auto;
 box-sizing: border-box;
 padding: 10px;
 }
 .cards .title-common .titleL {
 writing-mode: lr;
 float: left;
 margin-bottom: 0;
 }
 .cards .title-common .titleL img {
 margin: 0 5px 0 0;
 }
 .cards .title-common {
 display: block;
 }
 .cards .title-common .title-more::after {
 background-image: url(/Content/Areas/Common/images/common/moreWhiteBg.png);
 background-size: contain;
 }
 .cards_links {
 float: none;
 width: 100%;
 margin-left: 0;
 margin-top: 0;
 overflow: hidden;
 padding: 10px;
 box-sizing: border-box;
 }
 .cards_links ul li:nth-child(1) {
 display: none;
 }
 .cards_links ul li {
 width: 20%;
 height: auto;
 float: left;
 }
 .cards_links ul li a {
 font-size: 14px;
 padding-bottom: 10px;
 }
 .cards_links ul li a img {
 height: 24px;
 margin: 10px auto 10px;
 }
 .min_bot .w1200::before,
 .min_bot .w1200::after {
 display: none;
 }
 .min_last {
 background: #D3413D;
 margin-bottom: 0;
 }
 .min_lastL .title-common {
 display: block;
 height: auto;
 }
 .min_lastL {
 float: none;
 width: 100%;
 padding: 10px;
 box-sizing: border-box;
 }
 .min_lastL .title-common .title-more::after {
 background-image: url(/Content/Areas/Common/images/common/moreWhiteBg.png);
 background-size: contain;
 }
 .min_lastL .title-common .title-more {
 color: #fff;
 float: right;
 margin-left: 0;
 }
 .min_lastL .title-common .titleL {
 color: #fff;
 writing-mode: lr;
 float: left;
 letter-spacing: 5px;
 }
 .min_lastR {
 float: none;
 width: 100%;
 }
 .links_title {
 color: #fff;
 text-align: left;
 font-size: 20px;
 padding: 10px;
 margin-bottom: 50px;
 }
 .swiper_links {
 width: 100%;
 padding: 0 10px;
 box-sizing: border-box;
 overflow: inherit;
 }
 .swiper-container_2 {
 width: 100%;
 }
 .swiper-container_2 .swiper-slide li {
 width: 49%;
 height: 60px;
 margin-right: 2%;
 margin-bottom: 10px;
 }
 .swiper-container_2 .swiper-slide li:nth-child(3n) {
 margin-right: 2%;
 }
 .swiper-container_2 .swiper-slide li:nth-child(2n),
 .swiper-container_2 .swiper-slide li:nth-last-child(1) {
 margin-right: 0;
 }
 .swiper-container_2 .swiper-slide li .title_type {
 font-size: 14px;
 padding: 0 10px;
 }
 .swiper-button-next_2,
 .swiper-button-prev_2 {
 top: -47px;
 }
 .swiper-button-next_2 {
 right: 30%;
 }
 .swiper-button-prev_2 {
 left: 30%;
 }
 .tab_content_items_get h2 a {
 font-size: 16px;
 margin-bottom: 10px;
 }
 .tab_content_items_get p {
 font-size: 14px;
 line-height: 28px;
 }
}  