* { text-decoration: none } .nav_wrap ul li:nth-child(11) .erji { width: 160px; left: -26px } .nav_wrap ul li:nth-child(11) .erji a { color: #fff !important } footer { background-image: url(../images/footer-meta-bg.png); background-repeat: repeat-x; background-position: center; display: flex } .footer { background: url(../images/footer-meta-bg.png) 100% 50% repeat-x, linear-gradient(to right, #067B75, #0F5F56) } .f_side { flex: 1 } .f_side_left { background: url(../images/footer-meta-bg.png) 100% 50% repeat-x, linear-gradient(to right, #0B8583, #067B75); height: 145px } .f_side_right { background: url(../images/footer-meta-bg.png) 100% 50% repeat-x, linear-gradient(to right, #0F5F56, #0F5F56); height: 145px } /* .nav_wrap ul li:nth-child(11) { background-color: #97bebe } .nav_wrap ul li:nth-child(11) a { color: #013b3b !important } */ .nav ul li a { display: inline-block; color: #fff; text-decoration: none; font-size: 17px; padding-left: 21px; padding-right: 21px; line-height: 45px } .logo img { height: 125px; margin-left: 15px } .footer .footer_right { padding-left: 30px; padding-right: 30px; background-image: linear-gradient(to right, rgba(8, 108, 100, 1), #0F5F56); height: 145px } .footer_right img { margin-top: 29px; height: 89px } .sanji { display: none; position: absolute; background-image: url(../images/nav_bg.png); width: 100%; height: 100%; background-size: cover; height: 175px; width: 164px; top: 140px; left: 160px } .erji>div:hover .sanji { display: block } body>div.content_wrap>div.content_1f>div:nth-child(1)>div.content_1f_left_content_left>div:nth-child(3) { margin: 0px } body { font-family: Helvetica Neue, Helvetica, PingFang SC, 寰蒋闆呴粦, Tahoma, Arial, sans-serif } .layui-banner>[carousel-item] { top: -6px } .layui-carousel-ind ul { background-color: initial } .layui-carousel-ind ul:hover { background-color: initial } .layui-banner { font-size: 0 !important } .layui-banner[lay-arrow=always] .layui-carousel-arrow { left: 10% } .layui-banner[lay-arrow=always] .layui-carousel-arrow[lay-type=add] { right: 10% } .layui-banner .layui-carousel-arrow { height: 100px; width: 40px; border-radius: 0; top: 45% } .picScroll-left { width: 1200px; position: relative } .picScroll-left .hd { overflow: hidden; padding: 0 10px } .picScroll-left .hd .prev, .picScroll-left .hd .next { position: absolute; top: -40px; right: 0; display: block; width: 25px; height: 20px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url(../images/icon-right.png) no-repeat } .picScroll-left .hd .prev, .picScroll-left .hd .next:hover { background: url(../images/icon-right-active.png) no-repeat } .picScroll-left .hd .next { right: 50px; background: url(../images/icon-left.png) no-repeat } .picScroll-left .hd .next:hover { background: url(../images/icon-left-active.png) no-repeat } .picScroll-left .bd { padding: 10px; overflow: hidden } .picScroll-left .bd ul { overflow: hidden; zoom: 1 } .picScroll-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; width: 284px } .picScroll-left .bd ul li .pic { text-align: center } .picScroll-left .bd ul li .pic img { display: block; padding: 2px } .picScroll-left .bd ul li .pic a:hover img { border-color: #999 } .picScroll-left .bd ul li .title { line-height: 24px } .top_box { position: relative; z-index: 999; background-image: url('../images/top_bg.png'); background-repeat: no-repeat; background-size: cover; height: 214px; min-width: 1200px } .nav_wrap { height: 45px; min-width: 1200px } .clearfix { clear: both } .logo_wrap { width: 1200px; margin: 0 auto } .logo { padding-top: 23px; float: left } .search { float: right; position: relative; margin-top: 55px } .search form { display: inline-block } .search input { border: none; border-bottom: 1px solid #eee; height: 34px; width: 160px; outline: none; padding-left: 10px; font-size: 12px; background-color: transparent; color: #fff } input::-webkit-input-placeholder { color: #eee } input::-moz-placeholder { color: #eee } input:-moz-placeholder { color: #eee } input:-ms-input-placeholder { color: #eee } .search button { position: relative; top: 16px; left: -5px; width: 40px; height: 40px; border: 0; background-color: transparent; background-image: url(../images/icon.png); background-repeat: no-repeat; background-position-x: 5px; background-position-y: 15px; background-size: 50%; cursor: pointer } .search a { position: relative; top: 5px; font-size: 14px; color: #eee } .search a:hover { color: #fff } .nav { width: 1200px; margin: 0 auto } .nav ul { list-style: none; line-height: 45px; margin: 20px 0 0 0; padding: 0 } .nav ul li { line-height: 45px; float: left; position: relative } .nav ul li a:hover { background-image: url('../images/nav_bg.png'); background-size: cover } .current { background-image: url('../images/nav_bg.png'); background-size: cover } .nav ul li:hover .erji { display: block } .erji { display: none; position: absolute; background-image: url('../images/nav_bg.png'); background-size: cover; margin: 0 !important; padding: 0 !important; width: 100%; text-align: center; z-index: 999; top: 45px } .erji a { display: block !important; font-size: 15px !important; line-height: 35px !important; padding-right: 0 !important; padding-left: 0 !important; width: 100% } .erji a:hover { width: 100%; background-color: #017575 !important; background-image: none !important } .nav ul li a:hover .erji { display: block } .nav_wrap ul li:nth-child(2) .erji { width: 160px; left: -26px } .nav_wrap ul li:nth-child(8) .erji { width: 160px; left: -27px } .nav_wrap ul li:nth-child(4) .erji { width: 160px; left: -26px } .nav_wrap ul li:nth-child(7) .erji { width: 180px; left: -30px } .content_wrap { width: 1200px; margin: 0 auto } .content_title { border-bottom: 2px solid #017575 } .content_title_title { color: #000; font-size: 20px; line-height: 45px } .content_title_title:hover { color: #017575 } .content_title_title::before { content: ""; display: inline-block; position: relative; width: 3px; height: 20px; top: 3px; margin-right: 30px } .content_title .more { float: right } .content_title .more a { position: relative; font-size: 12px; color: #666; line-height: 45px; top: 5px } .content_title .more a:hover { color: #017575 } .content_1f { margin-top: 20px } .content_1f_left { width: 845px; float: left } .content_1f_right { width: 320px; float: right } .content_1f_left_content_left { width: 791px; float: left } .content_1f_left_content_right { width: 383px; float: right } .content_1f_left_content_left_left { width: 383px; float: left } .content_1f_left_content_left_right { float: right } .content_1f_left_content_left .news_box:nth-child(1) { margin-top: 8px } .content_1f_left_content_left .news_box { width: 383px; height: 58px } .content_1f_left_content_left .news_box a { position: relative; display: block; width: 100%; height: 100%; font-size: 15px } .content_1f_left_content_left .news_box p { width: 100%; position: absolute; height: 59px; opacity: 0.9; bottom: 0; z-index: 123 } .content_1f_left_content_left .news_box p span { position: absolute; width: 75%; left: 85px; top: 8px } .content_1f_left_content_left .news_box p span:hover { color: #067B75 } .content_1f_left_content_left .news_box a .time_box { position: absolute; bottom: 0; width: 60px; height: 44px; background-color: #067B75; z-index: 124; bottom: 7px; left: 12px } .content_1f_left_content_left .news_box a .time_box .time { position: absolute; width: 60px; height: 22px; line-height: 25px; text-align: center; color: #fff; font-size: 16px } .content_1f_left_content_left .news_box a .time_box .date { position: absolute; width: 60px; height: 20px; background-color: #979797; bottom: 0; left: 0; font-size: 12px; text-align: center; line-height: 20px } .content_content ul, .content_1f_left_content_right ul { margin: 0; padding: 0; list-style: none; margin-top: 4px } .content_content ul li, .content_1f_left_content_right ul li { margin: 0; padding: 0; line-height: 24px; border-bottom: 1px dashed #ddd } .content_content ul li a, .content_1f_left_content_right ul li a { color: #000; line-height: 50px; font-size: 15px } .content_content ul li a:hover, .content_1f_left_content_right ul li a:hover { color: #017575 } .content_content ul li span, .content_1f_left_content_right ul li span { float: right; line-height: 42px; font-size: 15px } .content_2f_left_content { margin-top: 30px } .content_2f_left_content_left { width: 791px; float: left } .content_notice { float: left; width: 383px } .content_kexue { float: right; width: 383px } .content_2f_left_content_right { width: 383px; float: right } footer { min-width: 1200px; height: 145px; margin-top: 50px; font-size: 15px } .footer { width: 1200px; margin: 0 auto; color: #fff } .footer .footer_left { padding-top: 15px; float: left; line-height: 32px } .footer .footer_right { float: right } .icon_news::before { content: url('../images/icon-news.png') } .content_title:hover .icon_news::before { content: url('../images/icon-news-active.png') } .icon_party::before { content: url('../images/icon-party-active.png') } .content_title:hover .icon_party::before { content: url('../images/icon-party-active.png') } .content_title:hover .icon_party { color: red } .icon_jiaoyu::before { content: url('../images/icon-jiaoyu.png') } .content_title:hover .icon_jiaoyu::before { content: url('../images/icon-jiaoyu-active.png') } .icon_news::before { content: url('../images/icon-news.png') } .content_title:hover .icon_news::before { content: url('../images/icon-news-active.png') } .icon_notice::before { content: url('../images/icon-notice.png') } .content_title:hover .icon_notice::before { content: url('../images/icon-notice-active.png') } .icon_kexue::before { content: url('../images/icon-kexue.png') } .content_title:hover .icon_kexue::before { content: url('../images/icon-kexue-active.png') } .icon_download::before { content: url('../images/icon-download.png') } .content_title:hover .icon_download::before { content: url('../images/icon-download-active.png') } .icon-link::before { content: url('../images/icon-links.png') } .content_title:hover .icon-link::before { content: url('../images/icon-links-active.png') } .down { position: relative; width: 20px; height: 20px; background-image: url('../images/icon-down.png'); background-repeat: no-repeat; top: 13px } .kexue_box { font-size: 15px } .kexue_box_item { margin-top: 15px; height: 86px } .kexue_box_item_left { float: left; width: 129px } .kexue_box_item_right { float: right; width: 230px; padding: 0 10px } .kexue_box_item_right a { display: inline-block; height: 70px; line-height: 28px } .kexue_box_item_right a:hover { color: #017575 } .kexue_box_item_right span { display: block; font-size: 13px; color: #999 } .down-icon li:hover span { background-image: url('../images/icon-down-active.png') } .slideBox, .slideBox_dangjian { max-width: 380px; height: 214px; top: 17px; overflow: hidden; position: relative; margin: 0 auto } .slideBox .hd, .slideBox_dangjian .hd { overflow: hidden; position: absolute; right: 20px; bottom: 18px; z-index: 1 } .slideBox .hd ul, .slideBox_dangjian .hd ul { overflow: hidden; zoom: 1; float: left } .slideBox .bd ul, .slideBox_dangjian .bd ul { width: 380px; margin: 0 !important; padding: 0 } .slideBox .hd ul li, .slideBox_dangjian .hd ul li { list-style: none; float: left; margin-left: 5px; width: 28px; height: 28px; border-radius: 50%; line-height: 28px; text-align: center; background: #fff; cursor: pointer; opacity: .85 } .slideBox .hd ul li.on, .slideBox_dangjian .hd ul li.on { background: #0F5F56; color: #fff } .slideBox .bd, .slideBox_dangjian .bd { position: relative; height: 100%; z-index: 0 } .slideBox .bd li, .slideBox_dangjian .bd li { zoom: 1; list-style: none; vertical-align: middle; width: 380px; height: 214px; overflow: hidden } .slideBox .bd img, .slideBox_dangjian .bd img { width: 380px; display: block }