.swiper-container { } .swiper-slide { width: 100%; } .swiper-slide>a, .news_list>a, .news_img_text>a, .news_pic>img, .dynamic-content>a,.dynamic-img>img, .scien-content>a, .message-content>a, .party-content>a, .party-pic>img, .group-content>a, .group-pic>img { display: block; width: 100%; } .news { width: 1200px; margin: 30px auto 0px; } .common-title { width: 100%; } .common-title>h2 { display: block; float: left; padding-left: 30px; } .news_title>h2 { background: url(news_title_bg.png) no-repeat 0px; } .dynamic_title>h2 { background: url(dynamic_title_bg.png) no-repeat 0px; } .scien_title>h2 { background: url(scien_title_bg.png) no-repeat 0px; } .message_title>h2 { background: url(message_title_bg.png) no-repeat 0px; } .notice_title>h2 { background: url(notice_title_bg.png) no-repeat 0px; } .party_title>h2 { background: url(party-title-bg.png) no-repeat 0px; } .group_title>h2 { background: url(group-title-bg.png) no-repeat 0px; } .media_title>h2 { background: url(media-title-bg.png) no-repeat 0px; } .common-title>h2>a { display: block; font-size: 24px; color: #333333; } .dynamic_title>h2>a, .scien_title>h2>a { color: #fff; } .common-title>span { display: block; float: right; margin-top: 8px; } .common-title>span>a { display: block; font-size: 14px; color: #9d1d22; font-weight: bold; } .dynamic_title>span>a, .scien_title>span>a { color: #fff; } .news_left { width: 350px; margin-top: 23px; border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; } .news_list { width: 100%; height: 82px; overflow: hidden; border-top: 1px solid #e6e6e6; padding-top: 15px; } .news_time { width: 68px; height: 82px; background: #f5f0f0; } .news_time>p { font-size: 30px; color: #9d1d22; font-family: Arial; text-align: center; margin-top: 15px; } .news_time>span { font-size: 16px; color: #9d1d22; font-family: Arial; text-align: center; display: block; } .news_list>a>p { font-size: 16px; color: #333333; float: right; width: 73%; line-height: 25px; margin-top: 3px; } .news_list>a:hover p { color: #9d1d22; } .news_list + .news_list { margin-top: 15px; } .news_right { width: 819px; margin-top: 23px; } .news_img_text { width: 400px; height: 453px; box-sizing: border-box; overflow: hidden; border: 1px solid #e6e6e6; } .news_pic { width: 100%; height: 259px; overflow: hidden; transition: transform .3s ease .1s; -webkit-transition: transform .3s ease .1s; -moz-transition: transform .3s ease .1s; -ms-transition: transform .3s ease .1s; -o-transition: transform .3s ease .1s; } .news_img_text>a:hover .news_pic { -webkit-transform: perspective(100px) scale(1.1, 1.1); -moz-transform: perspective(100px) scale(1.1, 1.1); } .news_text { padding: 15px 14px; } .news_text>h2 { display: block; font-size: 16px; color: #333333; } .news_text>p { font-size: 14px; color: #808080; line-height: 25px; margin-top: 7px; margin-bottom: 13px; height: 75px; overflow: hidden; } .news_text>span { display: inline-block; font-size: 16px; color: #9d1d22; padding-left: 20px; background: url(time_bg.png) no-repeat 0px; margin-top: 4px; } .news_text>font { display: block; float: right; width: 60px; height: 26px; background: #9d1d22; text-align: center; line-height: 26px; font-size: 14px; color: #fff; } .news_img_text + .news_img_text { margin-left: 18px; } .dynamic-bg { width: 100%; height: 700px; background: url(dynamic_bg.jpg) no-repeat; margin-top: 40px; background-size: cover; } .dynamic_main { width: 1200px; margin: 0 auto; padding-top: 30px; } .dynamic-detail { width: 100%; height: 300px; margin-top: 27px; } .dynamic-content { width: 380px; height: 100%; background: #fff; overflow: hidden; } .dynamic-img { width: 380px; height: 214px; overflow: hidden; position: relative; transition: transform .3s ease .1s; -webkit-transition: transform .3s ease .1s; -moz-transition: transform .3s ease .1s; -ms-transition: transform .3s ease .1s; -o-transition: transform .3s ease .1s; } .dynamic-content>a:hover .dynamic-img { -webkit-transform: perspective(100px) scale(1.1, 1.1); -moz-transform: perspective(100px) scale(1.1, 1.1); } .dynamic-time { width: 110px; height: 36px; background: #9d1d22; position: absolute; left: 0px; bottom: 0px; z-index: 3; } .dynamic-time>span { display: block; font-size: 16px; color: #ffffff; font-family: Arial; text-align: center; line-height: 36px; } .dynamic-text { box-sizing: border-box; padding: 20px 15px; } .dynamic-text>p { font-size: 16px; color: #333333; line-height: 23px; } .dynamic-content>a:hover p, .scien-content>a:hover p { color: #9d1d22; } .dynamic-content + .dynamic-content { margin-left: 30px; } .scientific-box { margin-top: 37px; } .scien-detail { width: 100%; height: 180px; margin-top: 23px; } .scien-content { width: 290px; height: 100%; background: #fff; box-sizing: border-box; padding: 28px 35px 0px; } .scien-content>a>h3 { display: block; font-size: 18px; color: #9d1d22; font-family: Arial; } .scien-content>a>font { display: block; width: 50px; height: 1px; background: #9d1d22; margin: 12px 0px; } .scien-content>a>p { display: block; font-size: 16px; color: #333333; line-height: 23px; height: 46px; overflow: hidden; } .scien-content>a>span { display: block; padding-left: 20px; font-size: 14px; color: #666666; background: url(scien_more.png) no-repeat 0px; margin-top: 22px; }.scien-content + .scien-content { margin-left: 13px; } .message { width: 1200px; margin: 40px auto 0px; } .message-left, .notice-right { width: 575px; } .message-detail, .notice-detail { margin-top: 22px; width: 100%; } .message-content { width: 100%; height: 105px; overflow: hidden; } .message-content + .message-content { margin-top: 35px; } .message-time { border-top: 1px solid #9d1d22; width: 106px; } .message-time>h3, .message-time>h4, .message-time>h5 { font-size: 46px; color: #9d1d22; text-align: right; font-family: Arial; } .message-time>h4, .message-time>h5 { font-size: 16px; } .message-time>h5, .message-time>h3 { margin-top: 5px; } .message-text { width: 78%; } .message-text>h2 { display: block; font-size: 18px; color: #242424; } .message-text>p { font-size: 14px; color: #808080; line-height: 25px; margin-top: 8px; } .notice-detail>ul { border-top: 1px solid #9d1d22; } .notice-detail>ul>li { width: 100%; margin-top: 10px; } .notice-detail>ul>li+li { margin-top: 2px; } .notice-detail>ul>li>a { display: inline-block; font-size: 16px; color: #333333; line-height: 35px; padding-left: 15px; background: url(notice_list_bg.png) no-repeat 0px; } .notice-detail>ul>li>a:hover { color: #9d1d22; } .notice-detail>ul>li>span { display: block; font-size: 16px; color: #9d1d22; float: right; line-height: 35px; } .party-bg { width: 100%; height: 459px; background: url(party-bg.jpg) no-repeat; background-size: cover; margin-top: 47px; } .party { width: 1200px; margin: 0 auto; padding-top: 33px; } .party-detail { width: 100%; margin-top: 30px; } .party-content { width: 380px; height: 320px; overflow: hidden; background: #fff; } .party-pic { width: 100%; height: 240px; overflow: hidden; transition: transform .3s ease .1s; -webkit-transition: transform .3s ease .1s; -moz-transition: transform .3s ease .1s; -ms-transition: transform .3s ease .1s; -o-transition: transform .3s ease .1s; } .party-content>a:hover .party-pic { -webkit-transform: perspective(100px) scale(1.1, 1.1); -moz-transform: perspective(100px) scale(1.1, 1.1); } .party-content>a>h2 { display: block; height: 57px; padding: 15px 15px 0px; box-sizing: border-box; font-size: 16px; color: #333333; overflow: hidden; } .party-content>a:hover h2, .group-content>a:hover h2 { color: #9d1d22; } .party-content + .party-content { margin-left: 30px; } .group { width: 1200px; margin: 30px auto 0px; } .group-detail { margin-top: 27px; } .group-content { width: 284px; height: 240px; background: #f5f5f5; transition: all .3s ease .1s; -webkit-transition: all .3s ease .1s; -moz-transition: all .3s ease .1s; -ms-transition: all .3s ease .1s; -o-transition: all .3s ease .1s; } .group-content:hover { box-shadow: 4px 8px 10px #e0e0e0; } .group-pic { width: 100%; height: 188px; overflow: hidden; } .group-content>a>h2 { display: block; height: 52px; line-height: 52px; text-align: center; font-size: 16px; color: #333333; overflow: hidden; } .group-content + .group-content { margin-left: 21px; } .media { width: 1200px; margin: 37px auto 0px; } .media-detail { width: 100%; margin-top: 30px; } .media-detail>ul { width: 580px; float: left; border-bottom: 1px solid #ebebeb; } .media-detail>ul+ul { float: right; } .media-detail>ul>li { width: 100%; border-top: 1px solid #ebebeb; } .media-detail>ul>li>a { display: inline-block; font-size: 16px; color: #333333; line-height: 50px; } .media-detail>ul>li>a:hover { color: #9d1d22; } .media-detail>ul>li>span { display: block; font-size: 14px; color: #666666; float: right; line-height: 50px; } .return-top { width: 64px; height: 64px; background: url(return-top.png) no-repeat; cursor: pointer; position: fixed; top: 80%; right: 50px; opacity: 0; transition: all 0.2s ease 0.1s; z-index: 10; } .return-top.active { opacity: 1; } #main {overflow: hidden; zoom: 1; position: relative;} #index_b_hero { width: 1200px; height: 360px; margin: auto; position: relative;} #index_b_hero img { width: 1200px; height: 360px;} #index_b_hero .heros { width: 1200px; height: 360px;} #index_b_hero .hero-wrap { overflow: visible; position: absolute;} #index_b_hero .next, #index_b_hero .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; background-color: #303030; z-index: 3;} #index_b_hero .next:hover, #index_b_hero .prev:hover { background-color: orangered;} #index_b_hero .next { margin: -25px 5px 0 0; right: 0;} #index_b_hero .disabled { background-color: #eee;} #index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #fff; z-index: 1; position: absolute; top: 0; left: 0; width: 1200px; height: 360px; overflow: hidden; left: 2200px;} #index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -1200px; filter: alpha(Opacity=50); opacity: .5; background: #000; overflow: hidden;} #index_b_hero .mask-right { left: 1200px;} #index_b_hero .active { z-index: 2; left: 0;} .clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;} .clearfix:after { clear: both;} .clearfix { zoom: 1;} .icon-arrow-a-left, .icon-arrow-a-right { background: url(icon-sd26986d847.png) no-repeat;} .icon-arrow-a-left { background-position: 0 0; height: 50px; width: 50px;} .icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover { background-position: -60px 0;} .icon-arrow-a-right { background-position: -120px 0; height: 50px; width: 50px;} .icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0;} .focus .prev,.focus .next{position:absolute;width:40px;height:74px;} .focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer;}.focus .next{top: 50%;margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;}.focus .prev:hover{ background-position:0 0;}