@charset "utf-8"; .dynamic_title>h2 { background: url(/uploads/image/images/dynamic_title_bg.png) no-repeat 0px; } .scien_title>h2 { background: url(/uploads/image/images/scien_title_bg.png) no-repeat 0px; } .message_title>h2 { background: url(/uploads/image/images/message_title_bg.png) no-repeat 0px; } .notice2_title>h2 { background: url(/uploads/image/images/notice_title_bg.png) no-repeat 0px; } .party_title>h2 { background: no-repeat 0px; } .group_title>h2 { background: url(/uploads/image/images/group-title-bg.png) no-repeat 0px; } .media_title>h2 { background: url(/uploads/image/images/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: #01538b; font-weight: bold; } .dynamic_title>span>a, .scien_title>span>a { color: #fff; } .common-title>h2 { display: block; float: left; padding-left: 30px; } .news { height: 494px; margin-top: 38px;} .news-title span.icon { width: 24px; height: 26px; background: url(/uploads/image/images/news_icon01.jpg) no-repeat left center; display: inline-block; vertical-align: top;} .ca_oth_i:hover .ca_oth_img img { transform: scale(1.1); } .news-title a { display: block;} .news-title h4 { color: #252525; font-size: 24px; margin-left: 10px; margin-top: -3px; display: inline-block; font-weight: bold;} .news-title span.more { width: 42px; height: 12px; float: right; color: #01538b; font-weight: 600; background-repeat: no-repeat; margin-top: 3px;} .news-header-wrapper { padding-top: 20px; margin: 0 auto;} .news-header-wrapper-left { width: 416px; height: 410px; padding-left: 28px; box-sizing: border-box; float: left;} .news-header-wrapper-left ul li { height: 60px; margin-bottom: 25px; position: relative; padding-left: 78px; box-sizing: border-box;} .news-header-wrapper-left ul li:hover p { color: #01538b;} .news-header-wrapper-left ul li span { width: 60px; height: 50px; line-height: 20px; position: absolute; top: 0; left: 0px; padding-top:10px; background: #efeaea; display: inline-block; text-align: center; color: #01538b; font-size: 16px; font-family: "arial"; font-weight: bold;} .news-header-wrapper-left ul li p { font-size: 16px; color: #333; line-height: 24px; padding-top: 5px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; height: 50px;} .news-header-wrapper-center { width: 380px; height: 410px; background: #fff; border: 1px solid #ebebeb; float: left; /*margin-right: 20px;*/ box-shadow: 0 5px 6px #efefef; zoom: 1;} .news-header-wrapper div { margin-right: 36px;} .news-header-wrapper >div div div { margin-right: 0;} .news-header-wrapper-center:hover .m-abstract h6 { color: #01538b;} .news-header-wrapper-center .mask, .news-header-wrapper-right .mask{ width: 380px; height: 228px; position: relative; overflow: hidden;} .news-header-wrapper-center .mask .pic, .news-header-wrapper-right .mask .pic{ width: 100%; height: 100%; transition: transform .6s ease-in-out;} .news-header-wrapper-center:hover .mask .pic { transform: scale(1.05) translatez(0);} .news-header-wrapper-right:hover .mask .pic { transform: scale(1.05) translatez(0);} .news-header-wrapper-center .mask .date, .news-header-wrapper-right .mask .date{ width: 120px; height: 30px; background: #01538bad; position: absolute; left: 0; bottom: 0; font-size: 14px; color: #fff; font-family: "arial"; line-height: 30px; padding-left: 36px; box-sizing: border-box;} .news-header-wrapper-center .mask .date:before, .news-header-wrapper-right .mask .date:before{ content: ""; width: 12px; height: 12px; background: url(/uploads/image/images/date-icon.jpg) no-repeat; position: absolute; left: 15px; top: 9px;} .news-header-wrapper-center .m-abstract, .news-header-wrapper-right .m-abstract { padding: 20px 0 0 20px; box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .news-header-wrapper-center .m-abstract h6, .news-header-wrapper-right .m-abstract h6 { font-size: 16px; color: #333333; margin-bottom: 6px; line-height: 24px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-family: '微软雅黑'; font-weight: normal; height: 45px;} .news-header-wrapper-center .m-abstract p, .news-header-wrapper-right .m-abstract p { font-size: 14px; color: #999999; line-height: 28px; height: 79px; overflow: hidden;} .news-header-wrapper-right { width: 380px; height: 410px; background: #fff; border: 1px solid #ebebeb; float: left; box-shadow:0 5px 6px #efefef;} .news-header-wrapper-right:hover .m-abstract h6 { color: #01538b;} /* 通知公告 */ .notice { height: 430px; background: url(/uploads/image/images/party-bg.jpg) no-repeat; } .notice-wrapper { height: 380px; padding-top: 47px; box-sizing: border-box;} .notice-wrapper-title a { display: block;} .notice-wrapper-title .icon { width: 26px; height: 26px; background: url(/uploads/image/images/notice_icon01.jpg) no-repeat left center; display: inline-block; vertical-align: top;} .notice-wrapper-title h4{ color: #252525; font-size: 24px; margin-left: 10px; margin-top: -3px; display: inline-block; font-weight: bold;} .notice-wrapper-title .more{ width: 42px; height: 12px; float: right; color: #01538b; font-weight: 600; /* background-images: ; */ background-repeat: no-repeat; margin-top: 3px;} .notice-wrapper-list { margin-top: 34px;} .notice-wrapper-list ul li { width: 382px; height: 75px; background: #fff; float: left; margin-right: 26px; position: relative; margin-bottom: 24px;} .notice-wrapper-list ul li:hover .notice-wrapper-list-right p { color: #01538b; -webkit-box-sizing: border-box; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .notice-wrapper-list ul li:nth-of-type(3n) { margin-right: 0;} .notice-wrapper-list-left { width: 90px; height: 75px; background: #fff; position: absolute; left: 0; top: 0;} .notice-wrapper-list-left:before{ content: ""; width: 1px; height: 40px; position: absolute; top: 16px; left: 91px; background: #e7b5be; z-index: 2;} .notice-wrapper-list-left .bef p { color: #01538b; font-size: 22px; text-align: center; font-family: "arial"; line-height: 75px;} .notice-wrapper-list-right { width: 100%; height: 75px; background: #fff; padding-left: 111px; padding-right: 30px; padding-top: 12px; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .notice-wrapper-list-right p { font-family: "微软雅黑"; font-size: 16px; color: #666; line-height: 24px; height: 50px; overflow: hidden;} .viewpoint { padding-top: 50px; } .viewpoint-wrapper { padding-top: 60px; box-sizing: border-box;} .viewpoint-wrapper-title { height: 26px;} .viewpoint-wrapper-title a { display: block;} .viewpoint-wrapper-title .icon { width: 26px; height: 26px; background: url(/uploads/image/images/viewpoint_icon01.jpg) no-repeat left center; display: inline-block; vertical-align: top;} .viewpoint-wrapper-title h4 { color: #252525; font-size: 24px; margin-left: 10px; margin-top: -3px; display: inline-block; font-weight: bold;} .viewpoint-wrapper-title .more{ width: 42px; height: 12px; float: right; color: #01538b; font-weight: 600; background-repeat: no-repeat; margin-top: 3px;} .viewpoint-wrapper-sowingmap { margin-top: 30px;} .viewpoint-wrapper-sowingmap ul li { width: 562px; height: 140px; float: left; position: relative; margin-right: 76px;} .viewpoint-wrapper-sowingmap ul li:hover .pic img { transform: scale(1.05) translatez(0);} /*.viewpoint-wrapper-sowingmap ul li:nth-of-type(2n){ margin-right: 0; }*/ .viewpoint-wrapper-sowingmap ul li .pic { width: 130px; height: 140px; overflow: hidden; display:none;} .viewpoint-wrapper-sowingmap ul li .pic img { width: 130px; height: 140px; transition: transform .6s ease-in-out;} .viewpoint-wrapper-sowingmap ul li .text { width: 595px; height: 140px; position: absolute; left: 0px; top: 0; padding-right: 38px; box-sizing: border-box;} .viewpoint-wrapper-sowingmap ul li .t-text { max-height: 48px; width: 100%; margin-bottom: 16px; padding-top: 8px; box-sizing: border-box;} .viewpoint-wrapper-sowingmap ul li .t-text p { font-size: 16px; color: #333; line-height: 24px; overflow: hidden; max-height: 48px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .viewpoint-wrapper-sowingmap ul li .b-text { height: 76px; width: 100%; margin-bottom: 16px; overflow: hidden;} .viewpoint-wrapper-sowingmap ul li .b-text p { font-size: 14px; color: #999; line-height: 24px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .viewpoint-wrapper-sowingmap ul li:hover .t-text p{ color: #01538b;} .mask_bg{ width: 100%; height: 100%; background: repeat center; position: fixed; top: 0; left: 0; z-index: 98; display: none;} .point_out{ width: 600px; height: 300px; background-color: #fff; border-radius: 4px; position: fixed; top: 50%; left: 50%; margin-top: -150px; margin-left: -300px; text-align: center; color: #888; z-index: 99; display: none;} .point_out a span{ background-color: #0086f9; display: inline-block; color: #fff; font-size: 14px; line-height: 28px; padding: 0 15px; border-radius: 3px; margin: 20px auto 0; text-decoration: none;} .point_out a{ display: inline-block; width: 185px; display: inline-block;} .point_out p{ padding: 0 60px; line-height: 30px; margin-bottom: 10px; margin-top: 16px; font-size: 16px;} .point_out .close_btn { width: 26px; height: 26px; display: block; position: absolute; top: 15px; right: 15px; background: no-repeat center; cursor: pointer;} .message { width: 1360px; margin: 40px auto 0px; } .message-left, .notice-right { width: 575px; } .message-content { width: 100%; height: 105px; overflow: hidden; } .message-content .message-content { margin-top: 35px; } .message-time { border-top: 1px solid #01538b; width: 106px; } .message-time>h3, .message-time>h4, .message-time>h5 { font-size: 46px; color: #01538b; 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; } .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: #01538b; font-weight: bold; } .common-title { width: 100%; } .notice-detail>ul>li { width: 100%; margin-bottom: 13px; } .notice-detail>ul>li li { margin-top: 19px; } .notice-detail>ul>li>a { display: inline-block; font-size: 16px; color: #333333; line-height: 35px; padding-left: 15px; } .notice-detail>ul>li>a:hover { color: #01538b; } .notice-detail>ul>li>span { display: block; font-size: 16px; color: #01538b; float: left; line-height: 35px; } .notice_title>h2 { background: url(/uploads/image/images/notice_title_bg.png) no-repeat 0px; } .message_title>h2 { background: url(/uploads/image/images/message_title_bg.png) no-repeat 0px; } .notice-detail>ul>li>a { display: inline-block; font-size: 16px; color: #333333; line-height: 35px; padding-left: 15px; } .ma_indexs4 { padding: 66px 0px; background-color: rgba(153, 153, 153, .3); } .ca_oth { margin-left: -14px; margin-right: -14px; } .ca_oth_i { width: 15%; padding-left: 11px; padding-right: 11px; } .ca_oth_i a { display: block; } .ca_oth_iw { position: relative; background-color: #204f7f; overflow: hidden; } .ca_oth_im { position: relative; padding: 20px 0px; z-index: 3; } .ca_oth_ico { width: 48px; margin: 0 auto 14px; } .ca_oth_ico img { width: 100%; } .ca_oth_p1 p, .ca_oth_p2 p { text-align: center; } .ca_oth_p1 p { font-size: 16px; line-height: 28px; color: #fff; } .ca_oth_p2 p { font-size: 14px; line-height: 24px; color: rgba(255,255,255,0.5); } .ca_oth_imc { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #194a7c; z-index: 1; } .ca_oth_img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; } .ca_oth_img img { width: 100%; opacity: 0.04; transition: 0.36s all; } .ca_oth_i:nth-of-type(2) .ca_oth_imc { background-color: #34ab96; } .ca_oth_i:nth-of-type(3) .ca_oth_imc { background-color: #465099; } .ca_oth_i:nth-of-type(4) .ca_oth_imc { background-color: #3a5a70; } .ca_oth_i:nth-of-type(5) .ca_oth_imc { background-color: #89402f; } .ca_oth_i:nth-of-type(6) .ca_oth_imc { background-color: #625c2c; } .ma_bg3{ background: #004e82; } .ma_indexs5{ padding: 0px 0px; }.ca_link_i { margin-right: 18px; } .ca_link_i.act a { color: #fff; } .ca_link_i a { display: block; padding: 0px 20px; font-size: 14px; line-height: 44px; color: #fff; transition: 0.36s all; } .ca_link_i { margin-right: 18px; } .ca_link_i:last-of-type { margin-right: 0px; } .ca_link_i a { display: block; padding: 0px 20px; font-size: 14px; line-height: 44px; color: #fff; transition: 0.36s all; } .ca_link_i.act a { color: #fff; } .dynamic-bg { width: 100%; height: 610px; background: url(/uploads/image/images/dynamic_bg.jpg) no-repeat; margin-top: 25px; background-size: cover; } .dynamic_main { width: 1260px; 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: #01538b; 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: 305px; height: 100%; background: #fff; box-sizing: border-box; padding: 28px 35px 0px; } .scien-content>a>h3 { display: block; font-size: 18px; color: #01538b; font-family: arial; } .scien-content>a>font { display: block; width: 50px; height: 1px; background: #01538b; 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:13px; } .message { width: 1260px; margin: 40px auto 0px; } .message-left, .notice-right { width: 575px; } .message-detail, .notice2-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 #01538b; width: 106px; } .message-time>h3, .message-time>h4, .message-time>h5 { font-size: 46px; color: #01538b; 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; } .notice2-detail>ul { border-top: 1px solid #01538b; } .notice2-detail>ul>li { width: 100%; margin-top: 10px; } .notice2-detail>ul>li li { margin-top: 2px; border-top: 1px solid #ebebeb; } .notice2-detail>ul>li>a { display: inline-block; font-size: 16px; color: #333333; line-height: 60px; padding-left: 15px; background: url(/uploads/image/images/notice_list_bg.png) no-repeat 0px; } .notice2-detail>ul>li>a:hover { color: #01538b; } .notice2-detail>ul>li>span { display: block; font-size: 16px; color: #01538b; float: right; line-height: 60px; } .party-bg { width: 100%; height: 350px; background: url(/uploads/image/images/party-bg.jpg) no-repeat; background-size: cover; margin-top: 47px; } .party { width: 1260px; 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: #01538b; } .party-content .party-content { margin-left: 30px; } .group { width: 1260px; 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: 1260px; 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: #01538b; } .media-detail>ul>li>span , .notice2-detail>ul>li>span { display: block; font-size: 14px; color: #666666; float: right; line-height: 60px; } .dynamic_title>span>a, .scien_title>span>a { color: #fff; } .common-title>span { display: block; float: right; } .scien-content .scien-content { margin-left: 13px; }