.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%;} .banner{ width:1200px; margin-right: auto; margin-left: auto; height: 400px; } .newsmain{ width: 1200px; margin-top: 20px; margin-right: auto; margin-bottom: 40px; margin-left: auto; height: 520px; }} .newsmain_left{} .newsmain_right{} .news { width: 780px; margin: 10px auto 0px; } .tzgg { width: 400px; margin: 10px auto 0px; } .common-title { width: 100%;} .common-title>h2 { display: block; float: left; padding-left: 30px;} .news_title>h2 { background: url(/uploads/image/d8images/news_title_bg.png) no-repeat 0px;} .dynamic_title>h2 { background: no-repeat 0px;} .scien_title>h2 { background: no-repeat 0px;} .message_title>h2 { background: url(/uploads/image/d8images/message_title_bg.png) no-repeat 0px;} .notice_title>h2 { background: url(/uploads/image/d8images/notice_title_bg.png) no-repeat 0px;} .party_title>h2 { background: url(/uploads/image/d8images/party-title-bg.png) no-repeat 0px;} .group_title>h2 { background: url(/uploads/image/d8images/group-title-bg.png) no-repeat 0px;} .media_title>h2 { background: url(/uploads/image/d8images/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: #599af3; 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: #599af3; font-family: arial; text-align: center; margin-top: 15px;} .news_time>span { font-size: 16px; color: #599af3; 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: #599af3;} .news_list .news_list { margin-top: 15px;} .news_right { width: 400px; 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: #599af3; padding-left: 20px; background: url(/uploads/image/d8images/time_bg.png) no-repeat 0px; margin-top: 4px;} .news_text>font { display: block; float: right; width: 60px; height: 26px; background: #599af3; 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: 300px; background: url(/uploads/image/d8images/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: #599af3; 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: #599af3;} .dynamic-content .dynamic-content { margin-left: 30px;} .scientific-box { margin-top: 15px; } .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: #599af3; font-family: arial;} .scien-content>a>font { display: block; width: 50px; height: 1px; background: #599af3; 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/d8images/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 #599af3; width: 106px;} .message-time>h3, .message-time>h4, .message-time>h5 { font-size: 46px; color: #599af3; 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 #599af3;} .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(/uploads/image/d8images/notice_list_bg.png) no-repeat 0px;} .notice-detail>ul>li>a:hover { color: #599af3;} .notice-detail>ul>li>span { display: block; font-size: 16px; color: #599af3; float: right; line-height: 35px;} .party-bg { width: 100%; height: 459px; background: url(/uploads/image/d8images/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: #599af3;} .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: #599af3;} .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(/uploads/image/d8images/return-top.jpg) 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;} .zhuanti { position: fixed; right: 0px; width: 280px; height: 156px; top: 88%; transform: translatey(-50%); background: no-repeat; background-size: cover; z-index: 1;} .zhuanti a{ display: block; height: 100%;} /*信箱*/ .fp_xingxiang { z-index: 999; position: fixed; bottom: 580px; width: 1200px; left: 50%; margin-left: -600px; } .fp_xingxiang a { display: block; width: 85px; height: 95px; position: absolute; right: -100px; } .fp_xingxiang a.sj { background: no-repeat; } .fp_xingxiang a.xz { background: url(/uploads/image/d8css/xf.png) no-repeat; top: 100px; }