@charset "utf-8"; html { font-size: 16px; } body { font-family: "microsoft yahei"; font-size: 1rem; color: #333333; padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, hr, input, p { padding: 0; margin: 0; list-style: none; outline: none; } a { color: inherit; font: inherit; text-decoration: none; outline: none; } a:hover { text-decoration: none; } a:focus { border: none; outline: none; text-decoration: none; } .clearfix { zoom: 1; } .clearfix:after { clear: both; content: ""; display: block; width: 0; height: 0; visibility: hidden; } * { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ border: none; outline: none; } .fl { float: left; } .fr { float: right; } .container { width: 95%; margin: 0 auto; } @media (min-width: 1240px) { .container { width: 1200px; padding: 0; } } @media (min-width: 1440px) { .container { width: 1400px; padding: 0; } } img { max-width: 100%; border: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .wrapper { position: relative; overflow: hidden; } /* 动画延迟结束 */ /* ie8提示样式 */ #browser-modal { width: 100%; height: 100%; top: 0; left: 0; text-align: center; color: #303233; position: fixed; z-index: 9990009; } #browser-modal .browser-modal-cover { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #111; opacity: 0.9; z-index: -1; } #browser-modal .browser-content { width: 700px; margin-top: 120px; margin-left: auto; margin-right: auto; padding-bottom: 80px; padding-top: 50px; background-color: #fff; border-radius: 5px; } #browser-modal .browser-content .browser-dpc-logo img { height: 42px; margin: 45px auto 40px; } #browser-modal .browser-content .browser-text-title { text-transform: uppercase; font-size: 24px; } #browser-modal .browser-content .browser-text-desc { margin-top: 30px; margin-bottom: 20px; font-size: 14px; } #browser-modal .browser-content .browser-list { width: 600px; margin: 20px auto; height: 130px; } #browser-modal .browser-content .browser-item { float: left; width: 150px; padding-top: 20px; padding-bottom: 20px; margin-left: auto; margin-right: auto; } #browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto; font-size: 80px; line-height: 80px; margin-bottom: 10px; } #browser-modal .browser-content .browser-item .iconchrome { background: url(../images/bro.png) no-repeat 0 0; } #browser-modal .browser-content .browser-item .iconfirefox { background: url(../images/bro.png) no-repeat 0 -100px; } #browser-modal .browser-content .browser-item .iconopera { background: url(../images/bro.png) no-repeat 0 -200px; } #browser-modal .browser-content .browser-item .iconEdge { background: url(../images/bro.png) no-repeat 0 -300px; } #browser-modal .browser-content .browser-item a { cursor: pointer; display: block; } #browser-modal .browser-content .browser-item a img { display: block; margin: 0 auto; max-width: 100px; width: 100px; height: 100px; } #browser-modal .browser-content .browser-item a h4 { text-align: center; margin-top: 20px; font-size: 18px; font-weight: 700; } /* ie8提示样式 */ /* header */ .wdtop { width: 1600px; position: relative; margin: 0 auto; max-width: 95%; } .top { line-height: 45px; height: 45px; background: #103675; } .top-links { float: right; margin-right: 20px; position: relative; text-align: right; } .top-links li { float: left; padding-left: 20px; margin-right: 20px; } .top-links a { font-size: 0.875rem; color: #9fafc8; } .top-links span { float: right; color: #9fafc8; } .top-links .link1 { background: url(../images/top-link-ico1.png) left center no-repeat; } .top-links .link2 { background: url(../images/top-link-ico2.png) left center no-repeat; } .top-links .link3 { background: url(../images/top-link-ico3.png) left center no-repeat; } .top-links .link4 { background: url(../images/top-link-ico4.png) left center no-repeat; } .top-links .link5 { background: url(../images/top-link-ico5.png) left center no-repeat; } .top-links a:hover { color: #fff; } /* 搜索 */ .search-btn { float: right; cursor: pointer; } .search-btn img { vertical-align: middle; } .search-box { background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; opacity: 0; visibility: hidden; } .search-box .search { height: 45px; line-height: 45px; width: 550px; position: absolute; left: 50%; top: 50%; max-width: 90%; transform: translate(-50%, -50%); } .search-box .text { width: calc(100% - 40px); padding: 0 10px; line-height: 42px; height: 42px; background: #fff; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5) inset; color: #333; font-size: 14px; float: left; } .search-box .sub { width: 30px; height: 30px; margin-top: 5px; float: right; } .search-box .close { font-size: 40px; font-family: icon; position: absolute; right: 50px; top: 50px; width: 80px; height: 80px; text-align: center; line-height: 80px; cursor: pointer; color: #fff; } .search-box.showdiv { opacity: 1; visibility: visible; } .header { width: 100%; padding-top: 22px; background: url(../images/header-bg.png) no-repeat; background-size: cover; transition: all 0.7s ease-out 0s; } .header .logo { float: left; } /* 导航 */ .nav-button { display: none; } .navbar { float: right; margin-right: -23px; } .navbar .close { display: none; } .navbar .navbar-nav > li { position: relative; text-align: center; float: left; padding: 20px 0 45px 0; } .navbar .navbar-nav > li > a { color: #222222; font-size: 1.125rem; display: block; position: relative; padding: 0 23px; } .navbar .navbar-nav > li.current > a, .navbar .navbar-nav > li:hover > a { font-weight: bold; color: #103675; } .navbar .navbar-nav > li:hover > ul { opacity: 1; visibility: visible; } .navbar .nav-child { width: 100%; position: absolute; top: 100%; left: 0; z-index: 999999; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.7); transition: opacity 0.15s; } .navbar .nav-child:before { content: ""; width: 16px; height: 5px; background: url(../images/subnav-top.png) no-repeat; background-size: 100% 100%; position: absolute; top: -6px; left: 50%; margin-left: -8px; } .navbar .nav-child > li { width: 100%; text-align: center; position: relative; line-height: 22px; } .navbar .nav-child > li a { display: block; padding: 12px 5px; width: 100%; font-size: 1rem; font-weight: normal; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .navbar .nav-child > li a:hover { background: #103675; color: #fff; } .navbar .nav-child li:last-child a { border-bottom: none; } /* 浮动导航 */ .header2 { position: fixed; padding: 0; top: 0; left: 0; z-index: 999; width: 100%; background: #103675; box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.6); } .header2 .logo { display: none; } .header2 .navbar { margin: 0; width: 100%; } .header2 .navbar .navbar-nav > li { width: 12.5%; padding: 20px 0; } .header2 .navbar .navbar-nav > li:first-child > a { border-left: 1px solid rgba(255, 255, 255, 0.6); } .header2 .navbar .navbar-nav > li > a { padding: 0; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.6); } /* 浮动导航结束 */ .banner { position: relative; width: 100%; overflow: hidden; } .banner .slider-banner .slick-list { overflow: visible; } .banner .slider-banner .slick-slide { position: relative; overflow: hidden; } .banner .slider-banner .slick-slide:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.5); } .banner .slider-banner .slick-slide.slick-active:after { display: none; } .banner .slider-banner img { width: 100%; height: auto; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } .banner .slider-banner .slick-prev { text-indent: 999px; overflow: hidden; width: 80px; height: 80px; position: absolute; z-index: 9; left: -40px; top: 50%; margin-top: -40px; background: url(../images/banner-left.png) no-repeat; background-size: 100% 100%; cursor: pointer; } .banner .slider-banner .slick-next { text-indent: 999px; overflow: hidden; width: 80px; height: 80px; position: absolute; z-index: 9; right: -40px; top: 50%; margin-top: -40px; background: url(../images/banner-right.png) no-repeat; background-size: 100% 100%; cursor: pointer; } .banner .slider-banner .slick-prev:hover, .banner .slider-banner .slick-next:hover { opacity: 0.8; } .banner .slider-banner .tit { position: absolute; width: 100%; left: 0; bottom: 0; padding: 20px 50px; overflow: hidden; background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); } .banner .slider-banner .tit p { font-size: 1rem; color: #ffffff; } /* 中部版块 */ .index-title { position: relative; overflow: hidden; margin-bottom: 20px; } .index-title h2 { padding-top: 20px; position: relative; color: #222222; font-size: 2.125rem; text-align: center; font-weight: normal; background: url(../images/indextit-ico1.png) center top no-repeat; } .index-title h2 span { margin: 0 10px; } .index-title .index-more { display: block; margin-top: 15px; text-align: center; font-size: 0.875rem; color: #004088; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .index-title .index-more:hover { } .row1 { padding: 65px 0; } .index-news .news-pic { margin: 0 -22px; padding-bottom: 50px; overflow: hidden; } .index-news .news-pic li { float: left; width: 33.3%; } .index-news .news-pic .box { margin: 0 22px; background: #f4f4f4; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .index-news .news-pic .pic { width: 100%; padding-bottom: 56%; position: relative; overflow: hidden; } .index-news .news-pic .pic img { position: absolute; top: 0; left: 0; width: 100%; } .index-news .news-pic .text { overflow: hidden; padding: 25px 30px; position: relative; } .index-news .news-pic .tit { display: block; font-size: 1rem; color: #333333; line-height: 30px; height: 60px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index-news .news-pic .abst { margin-top: 15px; font-size: 0.75rem; color: #777777; line-height: 22px; height: 44px; text-indent: 2em; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index-news .news-pic .date { margin-top: 25px; padding-left: 25px; font-size: 0.875rem; color: #004088; font-family: Arial, Helvetica, sans-serif; background: url(../images/news-date1.png) left center no-repeat; } .index-news .news-pic .more { margin-top: -17px; font-size: 0.75rem; color: #004088; padding-right: 22px; background: url(../images/news-more1.png) right center no-repeat; float: right; } .index-news .news-pic .box:hover { background: url(../images/news-bg.png) right bottom no-repeat; background-size: cover; box-shadow: 0px 7px 10px 0px rgba(16, 54, 117, 0.6); } .index-news .news-pic .box:hover img { transform: scale(1.05); } .index-news .news-pic .box:hover .tit { color: #fff; font-weight: bold; } .index-news .news-pic .box:hover .abst { color: rgba(255, 255, 255, 0.7); } .index-news .news-pic .box:hover .date { color: #fff; background: url(../images/news-date2.png) left center no-repeat; } .index-news .news-pic .box:hover .more { color: #fff; background: url(../images/news-more2.png) right center no-repeat; } .index-news .news-txt { margin: 0 -24px; } .index-news .news-txt li { float: left; width: 50%; } .index-news .news-txt .box { margin: 0 24px; background: #f4f4f4; border-bottom: 2px solid #194987; padding: 28px 30px 18px; overflow: hidden; } .index-news .news-txt .tit { display: block; margin-top: 10px; font-size: 1rem; color: #333333; line-height: 30px; height: 60px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index-news .news-txt .date { padding-left: 25px; font-size: 0.875rem; color: #004088; font-family: Arial, Helvetica, sans-serif; background: url(../images/news-date1.png) left center no-repeat; } .index-news .news-txt .more { font-size: 0.75rem; color: #004088; padding-right: 22px; background: url(../images/news-more1.png) right center no-repeat; float: right; } .index-news .news-txt .box:hover { background: url(../images/news-bg.png) right bottom no-repeat; background-size: cover; box-shadow: 0px 7px 10px 0px rgba(16, 54, 117, 0.6); } .index-news .news-txt .box:hover .tit { color: #fff; font-weight: bold; } .index-news .news-txt .box:hover .date { color: #fff; background: url(../images/news-date2.png) left center no-repeat; } .index-news .news-txt .box:hover .more { color: #fff; background: url(../images/news-more2.png) right center no-repeat; } /* row2 */ .row2 { position: relative; } .row2 .container { position: relative; z-index: 9; } .row2:after { content: ""; position: absolute; bottom: 40px; left: 0; width: 100%; height: 100%; background: url(../images/row2-bg.png) right bottom no-repeat; } .index-tzgg { background: url(../images/row-tzgg-bg.png) center top no-repeat; background-size: cover; padding: 70px 0 115px; overflow: hidden; } .index-tzgg .index-title h2 { color: #fff; background: url(../images/indextit-ico2.png) center top no-repeat; } .index-tzgg .index-title .index-more { color: rgba(255, 255, 255, 0.6); } .index-tab .hd { position: relative; text-align: center; margin-top: 30px; } .index-tab .hd span { color: #ffffff; font-size: 1rem; padding: 8px 13px; margin: 0 10px; border-radius: 20px; cursor: pointer; } .index-tab .hd span.on { background: #cca36a; } .index-tab .bd { margin-top: 10px; } .index-tab .bd ul { margin: 0 -22px; } .index-tab .bd li { float: left; width: 33.3%; padding-top: 20px; margin-top: 30px; } .index-tab .bd li a { position: relative; display: block; margin: 0 22px; background: #fff; padding: 18px 40px 18px 20px; } .index-tab .bd li .date { width: 70px; text-align: center; border: 1px solid #dfe8f2; background: #dfe8f2; } .index-tab .bd li .date:before { content: ""; width: 9px; height: 84px; background: url(../images/tzgg-date-ico.png) no-repeat; position: absolute; top: -20px; left: 23px; } .index-tab .bd li .xy { line-height: 25px; color: #fff; background: #103675; } .index-tab .bd li .tz1 { background: #103675; } .index-tab .bd li .tz2 { background: #34819d; } .index-tab .bd li .tz3 { background: #3666b6; } .index-tab .bd li .day { line-height: 36px; font-size: 1.625rem; color: #0b4790; background: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .index-tab .bd li .mon { line-height: 20px; font-size: 0.875rem; color: #0b4790; } .index-tab .bd li .tit { float: left; margin-left: 95px; margin-top: -72px; color: #333333; font-size: 1rem; line-height: 30px; height: 60px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index-tab .bd li a:hover { background: url(../images/tzgg-bg.png) no-repeat; background-size: 100% 100%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); padding-right: 50px; } .index-tab .bd li a:hover .date { border: 1px solid #cca36a; } .index-tab .bd li a:hover .tit { font-size: 1.125rem; font-weight: bold; color: #fff; } .index-xgdt { padding: 0px 0 70px; background: url(../images/row-xgdt-bg.png) center top no-repeat; background-size: cover; overflow: hidden; } .index-xgdt .index-title { position: relative; z-index: 9; float: left; text-align: left; margin-left: -10px; } .index-xgdt .index-title h2 { color: #fff; background: url(../images/indextit-ico2.png) center top no-repeat; } .index-xgdt .index-title .index-more { color: rgba(255, 255, 255, 0.6); } .xgdt-box { position: relative; } .xgdt-box ul { margin: 0 -15px; padding-top: 220px; } .xgdt-box li { float: left; width: 50%; margin-top: 30px; } .xgdt-box li.box12{ width: 100%; } .xgdt-box .d1, .xgdt-box .d2 { float: left; width: 50%; } .xgdt-box .d3 { float: right; width: 50%; } .xgdt-box .d3 li { width: 50%; } .xgdt-box a { position: relative; margin: 0 15px; display: block; overflow: hidden; padding-bottom: 56%; } .xgdt-box a img { position: absolute; width: 100%; top: 0; left: 0; } .xgdt-box a .tit { position: absolute; padding: 10px 15px; width: 100%; bottom: 0; left: 0; background: linear-gradient(rgba(0, 0, 0, 0.1), black); } .xgdt-box a .tit p { font-size: 1rem; color: #fff; line-height: 22px; max-height: 44px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .xgdt-box .box3 a, .xgdt-box .box6 a { padding-bottom: 100%; } .xgdt-box .box3 a img, .xgdt-box .box6 a img { max-width: 300%; width: auto; height: 100%; left: 50%; margin-left: -220px; } .xgdt-box .box5 { width: 100% !important; margin-top: -220px; /* padding-bottom: 56%; */ overflow: hidden; padding: 0 15px; } .xgdt-box .box5 .vedio-box{ position:relative; width:100%; padding-bottom:56%; overflow:hidden; } .xgdt-box .box5 .vedio-box table{ position:absolute; width:100%; height: 100% !important; top:0; left:0; } .xgdt-box .box5 img, .xgdt-box .box5 video{ width:100% !important; height:100% !important; } .xgdt-box li:hover img { transform: scale(1.05); } .xgdt-box li:hover .tit { background: rgba(16, 54, 117, 0.8); } .index-jzxx { padding: 70px 0 80px; } .jzxx-txt { margin-top: 30px; } .jzxx-txt .slick-list { padding: 10px 0; margin: 0 -20px; } .jzxx-txt .box { margin: 0 20px; background: #fff; border-top: 2px solid #103675; padding: 38px 28px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .jzxx-txt .date { font-family: Arial, Helvetica, sans-serif; color: #adacac; font-size: 1.5rem; display: none; } .jzxx-txt .weak { font-size: 1.5rem; color: #adacac; margin-top: 10px; display: none; } .jzxx-txt .tit { display: block; margin-top: 20px; font-size: 1rem; color: #20579a; line-height: 30px; height: 60px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .jzxx-txt .info { margin-top: 15px; padding-top: 10px; border-top: 1px solid #d6d6d6; font-size: 0.875rem; color: #666666; } .jzxx-txt .info p { padding: 7px 0 7px 35px; font-size: 0.975rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jzxx-txt .p1 { background: url(../images/jzxx-ico11.png) left center no-repeat; } .jzxx-txt .p2 { background: url(../images/jzxx-ico21.png) left center no-repeat; } .jzxx-txt .p3 { background: url(../images/jzxx-ico31.png) left center no-repeat; } .jzxx-txt .box:hover { border-top: 2px solid #cdb99b; background: url(../images/jzxx-bg.png) right bottom no-repeat; background-size: cover; } .jzxx-txt .box:hover .date, .jzxx-txt .box:hover .weak, .jzxx-txt .box:hover .tit, .jzxx-txt .box:hover .info { color: #fff; } .jzxx-txt .box:hover .p1 { background: url(../images/jzxx-ico12.png) left center no-repeat; } .jzxx-txt .box:hover .p2 { background: url(../images/jzxx-ico22.png) left center no-repeat; } .jzxx-txt .box:hover .p3 { background: url(../images/jzxx-ico32.png) left center no-repeat; } .jzxx-txt .slick-prev { text-indent: 999px; overflow: hidden; width: 66px; height: 66px; position: absolute; z-index: 9; left: -100px; top: 50%; margin-top: -33px; background: url(../images/jzxx-left.png) no-repeat; background-size: 100% 100%; cursor: pointer; } .jzxx-txt .slick-next { text-indent: 999px; overflow: hidden; width: 66px; height: 66px; position: absolute; z-index: 9; right: -100px; top: 50%; margin-top: -33px; background: url(../images/jzxx-right.png) no-repeat; background-size: 100% 100%; cursor: pointer; } .jzxx-txt .slick-prev:hover, .jzxx-txt .slick-next:hover { opacity: 0.8; } .row3 { padding: 70px 0 90px; background: #f2f3f7; } .index-ztzl li { float: left; width: calc(100% / 6); } .index-ztzl li a { display: block; width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; } .index-ztzl li img { position: absolute; width: 100%; height: 100%; } .index-ztzl li img:hover { transform: scale(1.05); } .index-ztzl li.zdy { width: calc(100% / 3); } .index-ztzl li.zdy a { padding-bottom: 50%; } .index-ztzl li.zdy p { position: absolute; bottom: 0; left: 0; padding: 15px 30px; font-size: 1.125rem; color: #fff; } /* 中部版块 */ /* 底部 */ .footer { background: url(../images/footer-bg.png) center no-repeat; background-size: cover; } .footer .row { border-bottom: 1px solid rgba(255, 255, 255, 0.13); overflow: hidden; } .footer .left { float: left; padding-top: 62px; padding-bottom: 60px; padding-right: 90px; width: 33.3%; border-right: 1px solid rgba(255, 255, 255, 0.13); } .footer .left h2 { font-size: 1rem; color: #fff; font-weight: normal; position: relative; padding-bottom: 13px; margin-bottom: 20px; } .footer .left h2:after { content: ""; position: absolute; width: 20px; height: 2px; background: rgba(255, 255, 255, 0.2); left: 0; bottom: 0; } .footer .left li { float: left; width: 50%; } .footer .left li a { display: block; font-size: 0.875rem; color: rgba(255, 255, 255, 0.75); padding: 7px 0; } .footer .middle { float: left; width: 33.3%; padding: 0 20px; padding-top: 62px; padding-bottom: 999px; margin-bottom: -999px; overflow: hidden; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.13); } .footer .right { float: right; width: 33.3%; padding-top: 62px; } .footer .right .kjrk { float: left; margin-left: 22%; width: 90px; } .footer .right h2 { font-size: 1rem; color: #fff; font-weight: normal; position: relative; padding-bottom: 13px; margin-bottom: 20px; } .footer .right h2:after { content: ""; position: absolute; width: 20px; height: 2px; background: rgba(255, 255, 255, 0.2); left: 0; bottom: 0; } .footer .right li a { display: block; font-size: 0.875rem; color: rgba(255, 255, 255, 0.75); padding: 7px 0; } .footer .right .ewm { float: right; margin-top: 10px; } .footer .right .ewm img { width: 108px; height: 108px; } .footer .right .ewm p { text-align: center; font-size: 0.875rem; color: rgba(255, 255, 255, 0.75); margin-top: 10px; } .footer a:hover { color: #fff !important; } .cory { padding: 20px 0; text-align: center; } .cory p { font-size: 0.875rem; color: rgba(255, 255, 255, 0.75); } .gototop { position: fixed; bottom: 40px; right: 20px; z-index: 9999999; cursor: pointer; } /* 列表页 */ /* 列表banner */ .list-banner { width: 100%; overflow: hidden; position: relative; } .list-banner img { width: 100%; } .list-page { position: relative; min-height: 600px; padding: 60px 0 80px; background: url(../images/list-bg.png) right 60px no-repeat; } /* 二级导航 */ /* 左侧导航 */ .left-nav { width: 250px; float: left; position: relative; z-index: 9; } .left-nav .phone-nav { display: none; } .left-nav .column { padding: 20px; background: #103675; border-bottom: 3px solid #cdb99b; width: 100%; } .left-nav .column h2 { text-align: center; font-size: 2.125rem; font-weight: normal; color: #fff; } .left-nav .sideMenu { position: relative; padding: 25px 20px 170px; background: url(../images/leftnav-bg.png) bottom no-repeat #f2f3f7; } .left-nav .sideMenu li { position: relative; margin-bottom: 10px; } .left-nav .sideMenu li h1 { position: relative; display: block; font-weight: normal; padding: 20px 25px; background: url(../images/leftnav-bg1.png) no-repeat; background-size: 100% 100%; cursor: pointer; } .left-nav .sideMenu li h1 a { position: relative; display: block; font-weight: normal; font-size: 1.25rem; color: #fff; padding-right: 30px; background: url(../images/leftnav-ico1.png) right center no-repeat; } .left-nav .sideMenu dl { padding: 8px 0 8px 58px; background: #fff; display: none; } .left-nav .sideMenu dl dd a { display: block; position: relative; font-size: 1rem; color: #333333; padding: 7px 0 7px 15px; background: url(../images/leftnav-ico3.png) left center no-repeat; } .left-nav .sideMenu dl dd:hover a, .left-nav .sideMenu dl dd.current a { color: #103675; font-weight: bold; background: url(../images/leftnav-ico4.png) left center no-repeat; } .left-nav .sideMenu li.current h1, .left-nav .sideMenu li:hover h1 { background: url(../images/leftnav-bg2.png) no-repeat; background-size: 100% 100%; } .left-nav .sideMenu li.current h1 a, .left-nav .sideMenu li:hover h1 a { font-weight: bold; background: url(../images/leftnav-ico2.png) rihgt center no-repeat; } .left-nav .sideMenu li.current dl { display: block; } /* 右边内容区域 */ .right-con { float: right; width: calc(100% - 304px); } .location { position: relative; padding-bottom: 15px; overflow: hidden; border-bottom: 1px solid #103675; } .location .tit { font-size: 1.875rem; font-weight: normal; color: #333333; float: left; } .location .weizhi { padding-top: 10px; padding-left: 25px; float: right; font-size: 0.875rem; color: #888888; background: url(../images/Home.png) left 12px no-repeat; } .location .weizhi a { font-size: 0.875rem; color: #888888; } .list-text { margin-top: 10px; } .list-text li { border-bottom: 1px solid #e1e1e1; padding: 16px 50px 16px 0; position: relative; background: url(../images/jiantou1.png) 98% center no-repeat; } .list-text a { display: block; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .list-text .date { float: left; width: 70px; font-family: Arial, Helvetica, sans-serif; color: #103675; text-align: center; } .list-text .date .day { font-size: 1.5rem; } .list-text .date .mon { font-size: 0.875rem; } .list-text .tit { float: right; position: relative; line-height: 44px; width: calc(100% - 110px); padding-right: 35px; color: #333333; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .list-text li:hover { background: url(../images/jiantou2.png) 98% center no-repeat #103675; box-shadow: 0 0 10px 0 rgba(16, 54, 117, 0.8); border-bottom: 1px solid #103675; } .list-text li:hover a { transform: translateX(10px); } .list-text li:hover .date { font-weight: bold; color: #fff; } .list-text li:hover .tit { color: #fff; font-weight: bold; } .list-news { margin-top: 15px; } .list-news li { border-bottom: 1px solid #e1e1e1; position: relative; padding: 30px 0; } .list-news .box { padding-right: 10px; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .list-news .pic { float: left; position: relative; width: 238px; height: 135px; overflow: hidden; } .list-news .pic img { position: absolute; top: 0; left: 0; width: 100%; } .list-news .text { float: right; width: calc(100% - 272px); padding-right: 10px; } .list-news .text .tit:before { content: ""; position: absolute; top: 0; left: 0; width: 36px; height: 2px; background: #cca36a; } .list-news .text .tit { position: relative; display: block; color: #333333; font-size: 1.125rem; font-weight: normal; line-height: 52px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .list-news .text .abst { font-size: 0.875rem; color: #777777; text-indent: 2em; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .list-news .text .date { margin-top: 10px; font-size: 0.875rem; color: #103675; padding-left: 25px; background: url(../images/news-date1.png) left center no-repeat; } .list-news li:hover { background: url(../images/list-news-bg.png) right center no-repeat; background-size: cover; } .list-news li:hover .box { transform: translateX(20px); } .list-news li:hover .tit:before { background: #fff; } .list-news li:hover .tit { color: #fff; font-weight: bold; } .list-news li:hover .abst { color: rgba(255, 255, 255, 0.43); } .list-news li:hover .date { color: #fff; background: url(../images/news-date2.png) left center no-repeat; } .list-pics { overflow: hidden; margin: 50px -25px 0; } .list-pics li { float: left; width: 33.3%; margin-bottom: 40px; } .list-pics li .box { display: block; overflow: hidden; margin: 0 25px; } .list-pics .pic { width: 100%; padding-bottom: 31%; overflow: hidden; position: relative; } .list-pics .pic img { position: absolute; width: 100%; top: 0; left: 0; } .list-pics .text { height: 82px; position: relative; padding: 15px 20px; border: 1px solid #c9c9c9; background: #fff; } .list-pics .tit { z-index: 2; font-size: 1rem; color: #333333; line-height: 26px; height: 52px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .list-pics .more { display: none; } .list-pics li:hover img { transform: scale(1.05); } .list-pics li:hover .text { height: 107px; border: none; background: url(../images/list-picsbg.png) no-repeat; background-size: 100% 100%; margin-top: -25px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8); } .list-pics li:hover .tit { color: #fff; } .list-pics li:hover .more { display: block; float: left; padding-right: 23px; margin-top: 10px; font-size: .75rem; color: #fff; background: url(../images/news-more2.png) right center no-repeat; } .list-leader { padding-top: 35px; overflow: hidden; } .list-leader li { float: left; width: 50%; margin-bottom: 35px; } .list-leader li a { display: block; margin: 0 20px; background: #fff; overflow: hidden; border: 1px solid #e6e6e6; box-shadow: 0 10px 10px 0 #e6e6e6; padding: 20px 15px 18px 20px; } .list-leader li .pic { position: relative; float: left; width: 151px; height: 192px; overflow: hidden; } .list-leader li .pic img { position: absolute; width: 100%; top: 0; left: 0; } .list-leader li .text { float: right; width: calc(100% - 178px); } .list-leader li .text .tit { margin-top: 25px; font-size: 1.25rem; font-weight: bold; color: #333333; } .list-leader li .text .tit span { margin-right: 10px; } .list-leader li .text .abst { margin-top: 15px; font-size: 1rem; line-height: 36px; color: #333333; height: 108px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .list-leader li:hover a { background: url(../images/leader-bg.png) no-repeat; background-size: 100% 100%; box-shadow: 0 0 20px 0 #005da3; } .list-leader li:hover img { transform: scacl(1.05); } .list-teacher { overflow: hidden; margin-top: 35px; } .list-teacher li { float: left; width: 16.6%; margin-bottom: 30px; } .list-teacher li a { display: block; margin: 0 20px; overflow: hidden; } .list-teacher li .pic { width: 100%; height: 120%; overflow: hidden; border: 1px solid #e0e6e9; padding: 5px; position: relative; } .list-teacher li .pic img { width: 100%; } .list-teacher li p { font-size: 1rem; color: #333333; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .list-teacher li:hover img { transform: scale(1.05); } .list-teacher li:hover p { color: #005da3; } /* 列表线条动画 */ .bottom-inOutSpread:before, .bottom-inOutSpread:after, .bottom-inOutSpread > .ui-border-element:before, .bottom-inOutSpread > .ui-border-element:after { content: ""; position: absolute; } .bottom-inOutSpread:after { border-bottom: 1px solid #0080ca; left: 51%; right: 51%; bottom: 0; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .bottom-inOutSpread:hover:after { left: 0%; right: 0%; } .bottom-inOutSpread:not(:hover):after { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } /* 列表线条动画结束 */ /* 正文页 */ .cont-pages { width: 100% !important; margin-bottom: -30px; } .article-con { margin-top: 35px; overflow: hidden; } .article-con .tit { font-size: 1.5rem; line-height: 1.5; text-align: center; margin-bottom: 15px; font-weight: normal; color: #103675; } .article-con .subtit { font-size: 1.125rem; line-height: 1.5; text-align: center; font-weight: normal; margin-bottom: 15px; color: #333333; } .article-con .info { position: relative; overflow: hidden; line-height: 30px; text-align: center; font-size: 0.875rem; color: #777777; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; } .article-con .info span { margin: 0 9px; } .article-con .article-text { margin-top: 25px; color: black; padding-bottom: 20px; } .article-con .article-text p, .article-con .article-text p span { text-indent: 2em; padding-bottom: 20px; font-size: 1rem !important; line-height: 2 !important; font-family: '微软雅黑',sans-serif !important; } .article-con .article-text p img, .article-con .article-text p video { max-width: 100%; height: auto !important; } .article-con .article-text p img:first-child, .article-con .article-text p video:first-child { margin-left: -2em; } .article-con .article-text p.vsbcontent_img { padding-bottom: 0; } .article-con .article-text p.vsbcontent_img img { margin-left: 0 !important; } .article-con .updown { overflow: hidden; padding-top: 20px; border-top: 1px solid #e1e1e1; } .article-con .updown a { display: block; font-size: 1rem; color: #444444; padding: 10px 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .article-con .updown a:hover { color: #103675; } .article-jj { margin-top: 20px; } .article-jj .article-text { line-height: 37px; border-bottom: none; font-size: 1rem; } .article-text .con-pic{ float:left;width:300px; } .article-text .con-text{ float:right;width:calc(100% - 340px); } /* 正文表格P不缩进 */ .article-con .article-text table p { text-indent: 0; padding: 0; } .pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a { margin-top: 5px !important; } /* 机构设置 */ .jgsz-box { margin-bottom: 30px; overflow: hidden; } .jgsz-box .leader1{ float:left; border-right: 1px solid #e5e5e5; width:49%; padding-right:20px; } .jgsz-box .leader2{ float:right; width:49%; } .jgsz-box h2 { width: 120px; padding: 10px 0; font-size: 1.25rem; color: #333; border-bottom: 3px solid #113776; margin-bottom: 20px; } .jgsz-leader ul { overflow: hidden; margin: 0 -20px; } .jgsz-leader ul li { float: left; width: 100%; padding: 0 20px; } .jgsz-leader ul li .box { overflow:hidden; border-bottom: 1px solid #e5e5e5; padding:10px 0; font-size:1rem; line-height:1.5; } .jgsz-leader ul .r1,.jgsz-leader ul .r2{ overflow:hidden; padding: 5px 0; } .jgsz-leader ul .td{ float:left;width:100%;padding-left:30px; } .jgsz-leader ul .td1{ float:left;width:40%;padding-left:30px; } .jgsz-leader ul .td2{ float:left;width:50%;padding-left:30px; } .jgsz-leader ul .r2 .td1{ background:url(../images/phone.png) left center no-repeat; background-size: auto 100%; } .jgsz-leader ul .r2 .td2{ background:url(../images/email.png) left center no-repeat; background-size: auto 100%; } .jgsz-bgs { overflow: hidden; margin-bottom: 40px } .jgsz-bgs h4 { width: 180px; height: 75px; font-size: 16px; text-align: center; line-height: 75px; float: left; background: url(../images/leftnav-bg.png) bottom right no-repeat #f2f3f7; } .jgsz-bgs ul { float: right; width: calc(100% - 220px); } .jgsz-bgs ul li { border-bottom: 1px solid #e5e5e5; padding: 10px 0; overflow: hidden; } .jgsz-bgs ul li .td01 { font-size: 1rem; color: #333; font-weight: bold; width: 20%; float: left; } .jgsz-bgs ul li .td02 { width: 35%; font-size: .875rem; float: left; background: url(../images/phone.png) left center no-repeat; background-size: auto 100%; padding-left: 30px; } .jgsz-bgs ul li .td03 { width: 45%; font-size: .875rem; float: left; background: url(../images/email.png) left center no-repeat; background-size: auto 100%; padding-left: 30px; }