.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%; } .news_title>h2 { background: no-repeat 0px; } .dynamic_title>h2 { background: no-repeat 0px; } .scien_title>h2 { background: no-repeat 0px; } .message_title>h2 { background: no-repeat 0px; } .notice_title>h2 { background: no-repeat 0px; } .party_title>h2 { background: no-repeat 0px; } .group_title>h2 { background: no-repeat 0px; } .media_title>h2 { background: 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: #63065f; 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: 65px; overflow: hidden; border-top: 1px solid #e6e6e6; padding-top: 10px; } .news_time { width: 58px; height: 75px; background: #f5f0f0; } .news_time>p { font-size: 30px; color: #63065f; font-family: arial; text-align: center; margin-top: 12px; } .news_time>span { font-size: 16px; color: #63065f; 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; } .ma_is1mlmrt_l { width: 58px; height: 54px; padding: 5px; border-radius:5px; } .ma_is1mlmrtl_year { text-align: center; font-size: 14px; color: #fff; margin-bottom: 5px; font-family: arial, helvetica, sans-serif; } .ma_is1mlmrtl_day { text-align: center; font-size: 30px; font-weight: bold; color: #fff; font-family: arial, helvetica, sans-serif; } .ma_bg1{ background: #63065f; } .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: #63065f; padding-left: 20px; background: no-repeat 0px; margin-top: 4px; } .news_text>font { display: block; float: right; width: 60px; height: 26px; background: #63065f; 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: 760px; background: url(/uploads/image/images/dynamic_bg.jpg) no-repeat; margin-top: 0px; background-size: cover; } .dynamic_main { width: 1400px; margin: 0 auto; padding-top: 170px; } .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: #63065f; 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: #01538b; } .dynamic-content .dynamic-content { margin-left: 30px; } .scientific-box { margin-top: 37px; } .scien-detail { width: 100%; height: 180px; margin-top: 23px; } .scien-content { width: 340px; height: 100%; background: #fff; box-sizing: border-box; padding: 28px 35px 0px; } .scien-content>a>h3 { display: block; font-size: 18px; color: #63065f; font-family: arial; } .scien-content>a>font { display: block; width: 50px; height: 1px; background: #63065f; 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(/uploads/image/images/scien_more.png) no-repeat 0px; margin-top: 22px; } .scien-content .scien-content { margin-left: 13px; margin-bottom:26px; } .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 #63065f; width: 106px; } .message-time>h3, .message-time>h4, .message-time>h5 { font-size: 46px; color: #63065f; 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 #63065f; } .notice-detail>ul>li { width: 100%; margin-top: 10px; } .notice-detail>ul>li li { margin-top: 2px; border-top: 1px solid #ebebeb; } .notice-detail>ul>li>a { display: inline-block; font-size: 16px; color: #333333; line-height: 60px; padding-left: 15px; background: no-repeat 0px; } .notice-detail>ul>li>a:hover { color: #63065f; } .notice-detail>ul>li>span { display: block; font-size: 16px; color: #63065f; float: right; line-height: 60px; } .party-bg { width: 100%; height: 459px; background: 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: 276px; height:265px; overflow: hidden; background: #fff; } .party-pic { width: 100%; height: 175px; 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; text-align:center } .party-content>a:hover h2, .group-content>a:hover h2 { color: #63065f; } .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: 60px; } .media-detail>ul>li>a:hover { color: #63065f; } .media-detail>ul>li>span { display: block; font-size: 14px; color: #666666; float: right; line-height: 60px; } .return-top { width: 64px; height: 64px; background: 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; }