/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0; padding: 0; }
body {font-size: 14px;  font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif; } 
td, th, caption {font-size: 14px; } 
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%; } 
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal; } 
a {color: #555; text-decoration: none; }

img {border: none; }
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.hide {
  display: none !important;
}
.display {
  display: block !important;
}
ol, ul, li {list-style: none; }
input, textarea, select, button {font: 14px Verdana, Helvetica, Arial, sans-serif; }
table {border-collapse: collapse; }


map area {outline: none; }
select,input{ border: none;background: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: none;}

/*::-webkit-scrollbar{width:8px; height:6px; background-color: #00000040;}

::-webkit-scrollbar-thumb{background-color:rgba(0, 0 , 0, 1); border-radius:10px;}

::-webkit-scrollbar-track{background-color: transparent; }
*/

.bg_container { width: 100%; height: 1719px; background: url(//x0.ifengimg.com/ucms/special/images/B9E8A2FA0E0C27F763390EFDB951A77B.jpg) no-repeat top center; }
.main { margin-top: -1719px;}
.content_common { width: 1200px; position:relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.title-head {text-align: center;padding-top: 108px;}
.title-head img.title1 {display: block; margin: 0 auto; margin-bottom: 22px;}
.title-head img.logo { padding-top: 20px; width: 410px;}

.banner { margin-top: 40px !important; margin-bottom: 40px !important; }
.banner img { width: 1000px; height: 90px; }

.vkeyPlay img { width: 100%; }

.swiper-pagination-bullet { background: #ebc544 !important; opacity: 1 !important; border: 1px solid #ebc544; border-radius : 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; }
.swiper-pagination-bullet-active { border: 1px solid #ebc544; background: none !important;}

.mySwiper-1 .swiper-pagination, .mySwiper-2 .swiper-pagination, .mySwiper-3 .swiper-pagination, .mySwiper-4 .swiper-pagination {bottom: 0 !important;}

/* 第一层 */
#floor_top { margin-top: 160px; }
#floor_top .tab_li {width: 100%; height: 50px; display: flex; line-height: 50px; cursor: pointer;}
#floor_top .tab_li a { display: block; width: 100%; height: 100%; color: #fff;}
#floor_top .tab_li a { display: block; font-size: 18px; position: relative; transform:skew(15deg, 0deg); -webkit-transform:skew(15deg, 0deg); -moz-transform:skew(15deg, 0deg); -ms-transform:skew(15deg, 0deg); -o-transform:skew(15deg, 0deg); }
#floor_top .tab_li a::after {opacity: 0; content: ""; display: block; width: 100%; height: 6px; position: absolute; bottom: -3px; left: 0; background: url(//x0.ifengimg.com/ucms/special/images/8C8F9B926DD8D125F2C00CF1BB12B893.png) no-repeat bottom center;}
#floor_top .tab_li li { margin-right: 2px; background: #004ea2; color: #fff; transform:skew(-15deg, 0deg); -webkit-transform:skew(-15deg, 0deg); -moz-transform:skew(-15deg, 0deg); -ms-transform:skew(-15deg, 0deg); -o-transform:skew(-15deg, 0deg); }
#floor_top .tab_li li.active { background: #71aaf1; }
#floor_top .tab_li li.active a::after { opacity: 1; }
#floor_top .tab_li li:hover { background: #71aaf1; }
#floor_top .tab_li li:hover a::after { opacity: 1; }



#floor_top .floor_top_content { margin-top: 30px; display: flex; margin-left: -20px;}
#floor_top .floor_top_content .l_div { position: relative; width: 50%;}
 .mySwiper-0 { height: 450px; }
 .mySwiper-0 .swiper-slide { background: url(//x0.ifengimg.com/ucms/special/images/60A7834A512308C882E8E09E6531660D.png) no-repeat center center; height: 428px;}
 .mySwiper-0 .swiper-slide img { width: 552px; height: 368px; margin-top: 12px;}
 .mySwiper-0 .swiper-slide p { text-align: center; color: #fff; height: 37px; margin-top: 8px; line-height: 37px;}
 .mySwiper-0 .swiper-slide p a {color: #fff;}
 .mySwiper-0 .swiper-pagination { bottom: 4px !important; }

#floor_top .floor_top_content .r_div { width: 50%;}
#floor_top .floor_top_content .r_div .title{ font-weight: bold; display: block; color: #ebc544; font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#floor_top .floor_top_content .r_div .subtitle {  padding: 20px 0; display: flex; align-items: center;}
#floor_top .floor_top_content .r_div .subtitle a { display: block; color: #fff; font-size: 20px; width: 290px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#floor_top .floor_top_content .r_div .subtitle i { font-style: normal; color: #fff; padding: 0 18px; }
#floor_top .floor_top_content .r_div ul { height: 300px; padding-bottom: 8px; height: 284px; overflow: hidden; border-bottom: 1px solid #ebc544;width: 578px;margin:0 auto;}
#floor_top .floor_top_content .r_div ul li{ float: left; width: calc(50% - 5px); text-align: left; height: 36px; line-height: 36px;}
#floor_top .floor_top_content .r_div ul li:nth-child(odd) { padding-right: 10px; }
#floor_top .floor_top_content .r_div ul li:nth-child(even) a {text-align: right; padding-left: 8px;}
#floor_top .floor_top_content .r_div ul li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


#floor_top .floor_top_content .r_div ul li a{ opacity: 0.9; color: #fff; font-size: 18px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#floor_top .floor_top_content .r_div .more { float: right; margin-top: 14px; }
#floor_top .floor_top_content .r_div .more span{ color: #ebc544; background: #000; border: 1px solid rgba(66, 83, 142, 1); padding: 2px 15px; 
  box-shadow: 0 0 6px 2px rgba(66, 83, 142, 1);
  border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }

#floor_1 .swiper-slide li, #floor_2 .swiper-slide li, #floor_3 .swiper-slide li, #floor_4 .swiper-slide li { cursor: pointer; }

/* 栏目1 */
.floor { margin-bottom: 60px; }
.floor .lanmu { width: 840px; height: 50px; background: url(//x0.ifengimg.com/ucms/special/images/1CCC6BBB8D095F1C510B3F28AA4E8074.png) no-repeat center center; margin: 0 auto; margin-bottom: 30px !important; position: relative;}
.floor .lanmu span { position: absolute; bottom: 12px; color:#fff; font-weight: bold; font-size: 30px; left: 50%; width: 230px; text-align: center;  transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.floor .video-content { display: flex; }
.floor .video-content .left-col { width: 628px; height: 348px; padding: 16px; background: url(//x0.ifengimg.com/ucms/special/images/234A241CA88B6633399E63DC491C6202.png) no-repeat center center; background-size: 100% 100%;}
.floor .video-content .left-col .videobox {position: relative;}
.floor .video-content .left-col .videobox p.title { color: #fff; margin-top: 24px; background: rgba(242, 197, 8, 0.3); border: 1px solid rgba(242,197,8); padding: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.floor .video-content .left-col .videobox .vkeyPlay { position: absolute; top: 0; left: 0; width: 628px; height: 348px; overflow: hidden;}
.floor .video-content .left-col .videobox .vkeyPlay::after {content: "";width: 100%; height: 100%;display: block;position: absolute;left: 0;top: 0;background: url(//x0.ifengimg.com/ucms/special/images/9982EF01E1C52AAD21843351286FEFE3.png) no-repeat center center, rgba(0, 0, 0, 0.3);cursor: pointer;}

.floor .video-content .right-col {width: 540px;}
.floor .video-content .right-col .swiper-common { width: 100%; background: url(//x0.ifengimg.com/ucms/special/images/04C857289791E7834AA238908E45A122.png) no-repeat center top;}
.floor .video-content .right-col .swiper-slide ul { padding: 34px 38px; }
.floor .video-content .right-col .swiper-slide li { width: 210px; height: 120px; float: left; position: relative; border: 2px solid #ebc544; margin-bottom: 34px;}
.floor .video-content .right-col .swiper-slide li div { width: 100%; height: 100%; overflow: hidden; }
.floor .video-content .right-col .swiper-slide li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(255, 255, 255, 0.8); margin-top: 4px; }


.floor .video-content .right-col .swiper-slide li::after {content: ""; display: block; position: absolute; left:0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3)}
.floor .video-content .right-col .swiper-slide li img { width: 100%; }
.floor .video-content .right-col .swiper-slide li.active::after { display: none;}
.floor .video-content .right-col .swiper-slide li:nth-child(odd) { margin-right: 34px; }

/* 人物访谈 */
.floor .tab_interview {width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 32px;}
.floor .tab_interview li { margin: 0 8px; width: 160px; height: 40px; cursor: pointer; color: #46a5a9; font-weight: bold; font-size: 24px; float: left; background: #82f9fd; line-height: 40px;}
.floor .tab_interview li:first-child { transform:skew(-15deg, 0deg); }
.floor .tab_interview li:first-child span { display: block; transform:skew(15deg, 0deg); -webkit-transform:skew(15deg, 0deg); -moz-transform:skew(15deg, 0deg); -ms-transform:skew(15deg, 0deg); -o-transform:skew(15deg, 0deg); }
.floor .tab_interview li:last-child { transform:skew(15deg, 0deg); -webkit-transform:skew(15deg, 0deg); -moz-transform:skew(15deg, 0deg); -ms-transform:skew(15deg, 0deg); -o-transform:skew(15deg, 0deg); }
.floor .tab_interview li:last-child span { display: block; transform:skew(-15deg, 0deg) !important; -webkit-transform:skew(-15deg, 0deg) !important; -moz-transform:skew(-15deg, 0deg) !important; -ms-transform:skew(-15deg, 0deg) !important; -o-transform:skew(-15deg, 0deg) !important; }
.floor .tab_interview li.active { color: #1e006f; }

.floor .swiper_interview { height: 630px; width: 996px; margin: 0 auto; position: relative;}
.floor .swiper_interview ul li { width: 210px; height: 290px; overflow: hidden; float: left; margin-right: 52px;}
.floor .swiper_interview ul li:nth-child(4n) { margin-right: 0; }
.floor .swiper_interview ul li a { height: 24px; text-align: left; margin-top: 12px; padding: 12px 0; border-top: 1px solid #ebc544; color: #fff; overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  }
.floor .swiper_interview ul li .pic { width: 216px; height: 216px; background: url(//x0.ifengimg.com/ucms/special/images/0C3406C6BA6E26E0A6F19218905ADDCA.png) no-repeat center center; background-size: 95% 95%;}
.floor .swiper_interview ul li .pic div { overflow: hidden; width: 140; height: 140px; margin: 0 auto; position: relative; transform: translateY(-50%);top: 50%; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.floor .swiper_interview ul li .pic div img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 224px;}
.floor .swiper_interview .swiper-button-next { position: absolute; right: -100px;}
.floor .swiper_interview .swiper-button-prev { position: absolute; left: -100px;}
.floor .swiper_interview .swiper-button-next:after { content: ""; background: url(//x0.ifengimg.com/ucms/special/images/4F3C3540D6545EF65DFE105C3637EC5B.png) no-repeat center center; width: 28px; height: 90px;}
.floor .swiper_interview .swiper-button-prev:after { content: ""; background: url(//x0.ifengimg.com/ucms/special/images/0D09C584AE8137B9C671A0124344D8D3.png) no-repeat center center; width: 28px; height: 90px;}

/* 栏目6 */
.floor .swiper_column { height: 516px; width: 996px; margin: 0 auto; position: relative; }
.floor .swiper_column ul li { width: 234px; height: 240px; overflow: hidden; float: left; margin-right: 20px;}
.floor .swiper_column ul li:nth-child(4n) { margin-right: 0; }
.floor .swiper_column ul li a {background: url(//x0.ifengimg.com/ucms/special/images/273435898731A89137A188A9D77FD0B6.png) no-repeat bottom center; margin: 0 auto; width: 126px; height: 24px; text-align: left; display: block; text-align: center; padding: 12px 0; font-size: 16px; color: #fff; overflow : hidden;}
.floor .swiper_column ul li .pic { width: 234px; height: 168px; background: url(//x0.ifengimg.com/ucms/special/images/4B3154769E7E31C9B8263AD44382844D.png) no-repeat center center; background-size: 100% 100%;}
.floor .swiper_column ul li .pic div { overflow: hidden; width: 220; height: 140px; margin: 0 auto; position: relative; transform: translateY(-50%);top: 50%;}
.floor .swiper_column ul li .pic div img { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 220px;height: 140px;}
.floor .swiper_column .swiper-button-next { position: absolute; right: -100px;}
.floor .swiper_column .swiper-button-prev { position: absolute; left: -100px;}
.floor .swiper_column .swiper-button-next:after { content: ""; background: url(//x0.ifengimg.com/ucms/special/images/4F3C3540D6545EF65DFE105C3637EC5B.png) no-repeat center center; width: 28px; height: 90px;}
.floor .swiper_column .swiper-button-prev:after { content: ""; background: url(//x0.ifengimg.com/ucms/special/images/0D09C584AE8137B9C671A0124344D8D3.png) no-repeat center center; width: 28px; height: 90px;}

/* 栏目7 */ 
.floor .swiper_gallery { position: relative;}
.floor .swiper_gallery .gallery-top { height:436px;}
.floor .swiper_gallery .gallery-top img { width: 726px; /*border: 4px solid #73fbfd;*/}
#mySwiper-num2 .swiper-slide{overflow: hidden;}
.floor .swiper_gallery .swiper-button-next { position: absolute; top:0; right: 100px; top: 226px;}
.floor .swiper_gallery .swiper-button-prev { position: absolute; top:0; left: 100px; top: 226px;}
.floor .swiper_gallery .swiper-button-next:after { content: ""; background: url(//x0.ifengimg.com/ucms/special/images/4F3C3540D6545EF65DFE105C3637EC5B.png) no-repeat center center; width: 28px; height: 90px;}
.floor .swiper_gallery .swiper-button-prev:after { content: ""; background: url(//x0.ifengimg.com/ucms/special/images/0D09C584AE8137B9C671A0124344D8D3.png) no-repeat center center; width: 28px; height: 90px;}
.floor .swiper_gallery .gallery-thumbs .swiper-slide { width: 186px; height: 126px;overflow: hidden; position: relative;}
.floor .swiper_gallery .gallery-thumbs .swiper-slide img { width: 100%;}
.floor .swiper_gallery .gallery-thumbs .swiper-slide::after { content: ""; width: 100%; height: 100%; position: absolute; top:0; left: 0; background: rgba(0, 0, 0, 0.3); }
.floor .swiper_gallery .gallery-thumbs .swiper-slide-thumb-active::after { background: rgba(0, 0, 0, 0); }
.floor .swiper_gallery .gallery-thumbs { width: 996px; }
#mySwiper-num1 { height: 146px; margin-top: 40px;}

.mySwiper-6 li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* footer */
.footer { padding: 22px 0 16px 0; margin: 20px 0 30px 0;}
.footer p a { color: #fff; margin: 0 8px;}
.footer p span { color: #fff;}
.footer p { margin-bottom: 12px; color: #fff;}

/* 右侧悬浮 */
.right_link { width: 140px; overflow: hidden; position: fixed; z-index: 99; right: 10px; top: 280px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.right_link li a { display: block; width: 100%; height: 28px; overflow: hidden; margin-bottom: 2px; background: #35b1ff; color: #fff; text-align: center; line-height: 28px;}
.right_link li a:hover { background: #2661cd; }
.right_link li.active a { background: #2661cd; }