.fix-ul{ position: fixed; right: 30px; top: 50%; z-index: 10000; margin-top: -227px; } .fix-ul li{ margin:5px 0; position: relative;} .fix-ul li a{ display: block; text-align: center; width: 78px; height: 78px; background: #363636; line-height: 78px; } .fix-box{ position: absolute; transition: 0.5s all; right: 100%; top: 0; left: 0; overflow:hidden; bottom:0; background: #363636; } .fix-box span{ white-space: nowrap; display: block; font-size: 18px; color: #fff; height: 78px; line-height: 78px; padding:0 25px; } .fix-ul li:hover .fix-box{ left: auto; transition: 0.5s all; } .nav-list li a:hover,.news-box-tt a:hover,.news-list-tt a:hover,.raw-down li a:hover{ color: #a1202e;} .fix-ul li:hover a{ background: #a1202e; } #vsb_content p {font-size:16px!important;line-height:36px!important; font-family:"微软雅黑"!important;color:#666666; text-indent:2em;} #vsb_content font {font-size:16px!important;line-height:36px!important; font-family:"微软雅黑"!important;color:#666666} #vsb_content span {font-size:16px!important;line-height:36px!important; font-family:"微软雅黑"!important;color:#666666} #vsb_content_2 p {font-size:16px!important;line-height:36px!important; font-family:"微软雅黑"!important;color:#666666; } #vsb_content_2 font {font-size:16px!important;line-height:36px!important; font-family:"微软雅黑"!important;color:#666666} #vsb_content_2 span {font-size:16px!important;line-height:36px!important; font-family:"微软雅黑"!important;color:#666666} #vsb_content table p{text-indent:0em !important; margin:0 !important;} #vsb_content table td{padding:3px !important;} #vsb_content img{margin:3px auto;height:auto !important;} #vsb_content_2 a{text-decoration: none!important;} .item-staff { width: 880px; clear: both; } .item-staff .staff-title { background-color: #F5F5F5; border-left: 2px solid #1F467C; height: 45px; font-size: 16px; line-height: 45px; color: #333333; text-indent: 20px; margin-bottom: 10px; border-bottom: 1px solid #e8e8e8; margin-top: 15px; } .item-staff .staff-name-container .staff-name { display: inline-block; width: 110px; color: rgba(0, 73, 138, 0.8); float: left; font-size: 15px; line-height: 50px; text-align: center;} @charset "utf-8"; /* sass变量 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } body, button, input, select, textarea { font-size: 16px; font-family: '微软雅黑'; } body{ min-width: 1200px; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } address, caption, cite, code, dfn, em, strong, th, var, i { font-style: normal; } code, kbd, pre, samp { font-family: courier new, courier, monospace; } ul, ol { list-style: none; } a { color: #000; text-decoration: none; } a:hover { color: #006fb8; } input::-webkit-input-placeholder { font-size: 12px; color: #fff; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 12px; color: #fff; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 12px; color: #fff; } :-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 12px; color: #fff; } fieldset, img { border: 0; vertical-align: middle; } q:before, q:after { content: ''; } button, input, select, textarea { font-size: 100%; outline: 0; } table { border-collapse: collapse; border-spacing: 0; } .wrap { width: 1200px; margin: 0 auto; font-size: 14px; } .clearfix:after { content: '\20'; display: block; height: 0; clear: both; } .clearfix { zoom: 1; } .fl { float: left; } .fr { float: right; } .mb20 { margin-bottom: 20px; } .main-tit { margin: 16px 0; } .main-tit h6 { line-height: 62px; font-size: 24px; font-weight: normal; position: relative; color: #000; width:85%; } .main-tit .more { float: right; color: #ff8a00; line-height: 70px; font-weight: bold; } .main-list ul{ margin: 7px 10px; } .main-list li { line-height: 28px; font-size: 16px; } .main-list li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 88%; display: inline-block; color: #393939; line-height: 40px; } .main-list li span { font-size: 14px; color: #006fb8; } .header { color: #fff; padding: 22px 0; background-color: #1f467c; /* 不支持线性的时候显示 */ /*background-image: linear-gradient(to right, #5e0289 , #185ea6);*/ } .header a { color: #fff; } .header .logo { float: left; } .header .con { float: right; text-align: left; } .header .con .links { margin: 15px 0; font-size: 14px; } .header .con .links span { margin: 0 5px; } .search-box { display: inline-block; background: #6983a7; } .search-box .text { border: none; height: 23px; line-height: 23px; vertical-align: middle; font-size: 14px; color: #fff; padding: 4px 6px; background: none; margin-left: 10px; } .search-box .btn { width: 21px; height: 21px; vertical-align: middle; margin-right: 4px; } .yy{ float: right; background: #6983a7; padding: 1px 10px; margin-left: 5px; } .yy a{ padding: 5px; font-size: 14px; background: #6983a7; color: #fff; display: inline-block; } .main-nav { z-index: 3; line-height: 50px; background: #14386c; } .main-nav li { position: relative; float: left; text-align: center; width: 100px; z-index: 10; font-size: 18px; } .main-nav li.on{ color: #fff; background: #ff8a00; } .main-nav li.on a{ color: #fff; } .main-nav li a { display: block; text-align: center; color: #fff; } .main-nav li .dropdown { position: relative; display: none; position: absolute; overflow: hidden; width: 100%; left: 0; top: 99%; overflow: hidden; } .main-nav li .dropdown ul { position: relative; float: none; } .main-nav li .dropdown ul::before { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #005389; opacity: 0.8; } .main-nav li .dropdown li { float: none; width: 100%; margin: 0; padding: 0; line-height: 44px; height: 44px; overflow: hidden; font-size: 14px; background: #000; opacity: 0.8; position: relative; } .main-nav li:hover{ background: #ff8a00; } .main-nav li:hover a{ color: #fff; } .main-nav li .dropdown li:hover{ background: #000; opacity: 0.6; } .main-nav li:hover .dropdown { display: block; } .main-nav li:hover .dropdown li a { color: #fff; display: block; transition: all ease 0.3s; } /*导航*/ .pic-list{ float: left; width: 780px; } .pic-list ul li{ float: left; background: #f3f3f3; width: 360px; margin-right: 30px; } .pic-list ul li a .pic{ width: 360px; height: 250px; } .pic-list ul li a .pic img{ width: 360px; height: 250px; transition: all ease .2s; } .pic-list ul li a .pic:hover img{ transform: scale(1.1); } .pic-list ul li a .text{ background: #f3f3f3; font-size: 16px; line-height: 30px; padding: 20px; height: 60px; } .pic-list ul li a .text .date{ float: right; } .index-row1 .main-list{ float: right; width: 420px; background: #f3f3f3; } .index-row1 .main-list .date{ float: right; font-size: 12px; text-align: center; line-height: 20px; width: 47px; height: 20px; } .index-row1 .main-list .date .m{ background: #1c55a3; color: #fff; } .index-row1 .main-list .date .y{ border: 1px solid #cfcfcf; } .index-row2 .r1{ float: left; width: 750px; } .index-row2 .learn{ float: left; } .index-row2 .learn a img{ width: 360px; height: 340px; } .index-row2 .learn-list{ float: right; width: 390px; } .index-row2 .learn-list ul li{ color: #000; font-size: 16px; line-height: 34px; padding: 5px 26px; padding-right:0px; } .index-row2 .learn-list ul li .tit span{ font-size: 16px; } .index-row2 .learn-list ul li span{ color: #5d5d5d; font-size: 16px; } .index-row2 .learn-list ul li .name{ color: #1f467c; font-size: 16px; margin-right: 5px; } .index-row2 .learn-list ul li .black{ color: #000; } .index-row2 .learn-list ul li .sp{ float: right; display: inline-block; width: 138px; white-space: nowrap; overflow: hidden; } .index-row2 .r2{ float: right; width: 420px } .index-row2 .r2 .date{ float: right; background: #1c55a3; color: #fff; font-size: 12px; width: 47px; text-align: center; margin-top: 7p } .index-row3 .r1{ float: left; width: 750px; } .index-row3 .r2{ float: right; width: 420px; } .index-row3 .pic-list ul li a .text{ padding: 15px 20px; } .index-row3 .pic-list ul li a .pic{ width: 360px; height: 225px; } .index-row3 .pic-list ul li a .pic img{ width: 360px; height: 225px; } .index-row3 .r2 .link{ background: url(../images/bjbj.jpg); width: 420px; height: 315px; } .index-row3 .r2 .link ul{ padding: 22px 10px; } .index-row3 .r2 .link ul li{ float: left; } .index-row3 .r2 .link ul li a{ display: block; width: 191px; color: #fff; font-size: 16px; background: url(../images/op1.png); padding: 10px 0 10px 5px; margin: 2px; } .index-row3 .r2 .link ul li a img{ vertical-align: middle; margin-right: 5px; } .index-row4{ margin-bottom: 40px; } .index-row4 .column ul{ margin: 0 -10px; } .index-row4 .column ul li{ float: left; width: 224px; text-align: center; margin: 0 10px; } .index-row4 .column ul li a{ color: #fff; font-size: 20px; height: 100px; line-height: 100px; width: 159px; display: inline-block; } .index-row4 .column ul li.col1{ background: #12948c url(../images/link-bj.png) center center no-repeat; } .index-row4 .column ul li.col2{ background: #3d66b8 url(../images/link-bj.png) center center no-repeat; } .index-row4 .column ul li.col3{ background: #349aca url(../images/link-bj.png) center center no-repeat; } .index-row4 .column ul li.col4{ background: #7322f8 url(../images/link-bj.png) center center no-repeat; } .index-row4 .column ul li.col5{ background: #c2b43f url(../images/link-bj.png) center center no-repeat; } /*bottom*/ .footer-link{ background:url(../images/bott.jpg) repeat-x; margin-top: 20px; } .footer-link .r1{ padding: 34px 0 32px; } .footer-link .c1{ float: left; } .footer-link .c2{ float: left; } .footer-link .tit{ font-size: 18px; color: #fff; line-height: 53px; } .footer-link .link ul{ float: left; padding-right: 100px; } .footer-link .link ul li{ color: #fff; font-size: 14px; padding-right: 15px; line-height: 33px; opacity: 0.8; } .footer-link .c2 .contact { float: left; color: #fff; line-height: 30px; font-size: 14px; opacity: 0.8; padding-right: 50px; } .footer-link .copy{ color: #fff; opacity: 0.8; text-align: center; padding: 18px 0; } .footer-link .c3{ float: right; } .footer-link .c3 p{ color: #fff; font-size: 14px; text-align: center; opacity: 0.8; padding: 10px 0px; } /*内页*/ .inner-banner { position: relative; width: 100%; height: 240px; overflow: hidden; } .inner-banner img { position: absolute; width: 1920px; height: 100%; top: 0; left: 50%; margin-left: -960px; } .inner-wrap{ margin-top: 20px; } .leftbar { float: left; width: 275px ; } .inner-wrap .leftbar .main-tit { padding: 25px 50px; margin-bottom: 0; background: #1f467c; margin: 0; } .inner-wrap .leftbar .main-tit h6 { font-size: 20px; font-weight: 100; color: #fff; line-height: 1; position: relative; border: none; } .inner-wrap .leftbar .main-tit h6:after { content: ''; display: block; width: 36px; height: 2px; background: #fff; margin-top: 15px; } .leftbar .list { margin-bottom: 20px; background: #ededed; } .leftbar .list ul{ padding: 15px 0; } .leftbar .list li { line-height: 47px; position: relative; margin: 12px 0 12px 30px; border: 1px solid #fff; border-right: none; transition: all 0.1s ease 0.2s; } .leftbar .list li a { font-size: 16px; display: block; color: #666; } .leftbar .list li a span{ position: relative; left: 0; } .leftbar .list li em{ width: 0; height: 0; border-right: 0; border-left: 6px solid #1f467c; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; top: 25px; right: 32px; margin-top: -5px; display: block; opacity: 1; transition: all 0.1s ease 0.2s; } .leftbar .list .on, .leftbar .list li a:hover { color: #1f467c ; background: #fff; } .leftbar .list .on a, .leftbar .list li a:hover span { color: #1f467c; } .inner-wrap .right-con { float: right; width: 895px; } .inner-wrap .right-con .inner-tit { line-height: 60px; border-bottom: 1px solid #1f467c; } .inner-wrap .right-con .inner-tit h6 { float: left; position: relative; padding: 0 5px; font-size: 20px; color: #1f467c; } .inner-wrap .right-con .inner-tit .bread { float: right; font-size: 12px; height: 45px; line-height: 64px; color: #727272; } .inner-wrap .right-con .inner-tit .bread a { color: #727272; } .inner-wrap .right-con .inner-tit .bread span { margin: 0 5px; } .inner-wrap .right-con.block { width: 100%; float: none; } .inner-wrap .right-con .main-text-list ul { padding-bottom: 15px; margin: 10px 0; } .inner-wrap .right-con .main-text-list li { position: relative; padding: 0 18px; line-height: 52px; border-bottom: 1px dashed #e0e0e0; } .inner-wrap .right-con .main-text-list li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; font-size: 16px; } .inner-wrap .right-con .main-text-list li .date { float: right; font-size: 14px; color: #353535; text-align: center; } .detail .tit { line-height: 1.5; color: #333; font-size: 22px; padding-top: 10px; text-align: center; } .detail .infor { font-size: 14px; line-height: 1; color: #999; padding-bottom: 20px; padding-top: 15px; border-bottom: 1px solid #f2f2f2; text-align: center; } .detail .infor span { margin: 0 10px; } .detail .content { line-height: 34px; font-size: 15px; padding-bottom: 20px; margin: 0 auto; color: #666; text-align: justify; } .detail .content img { margin: 10px 0; max-width: 100%; } .detail .content p { text-indent: 2em; margin: 10px 0; } .inner-wrap .right-con .team-list { overflow: hidden; margin: 20px 10px; } .inner-wrap .right-con .team-list ul{ margin: 0 -24px; } .inner-wrap .right-con .team-list li { float: left; width: 285px; margin: 10px 10px; } .inner-wrap .right-con .team-list li a { margin: 0 6px; position: relative; display: block; } .inner-wrap .right-con .team-list li a .pic img { width: 100%; height: 180px; } .inner-wrap .right-con .team-list li a .text { line-height: 35px; font-size: 15px; color: #fff; background: #000; opacity: 0.3; text-align: center; } .inner-wrap .right-con .team-list li a .text p { margin: 0 15px; } /*内页*/ /*******************友情链接***************/ .cont_yxbm_rigB ul{ margin-bottom:20px; } .cont_yxbm_rigB{ margin-top: 15px; } .cont_yxbm_rigB ul li{ width: 274px; height: 40px; float: left; line-height: 40px; border: 1px solid #08377B; margin: 10px 11px; display: inline; font-size: 15px; text-align: center; } .cont_yxbm_rigB ul li.curr{ background:#08377B; color:#FFF; } .cont_yxbm_rigB ul li.curr a{ color:#FFF; } .cont_yxbm_rigB ul li:hover{ background:#08377B; color:#FFF; } .cont_yxbm_rigB ul li:hover a{ color:#FFF; }