body { color: #333; font-size: 14px; font-family:"微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma; margin:0 auto; position:relative; overflow-x: hidden; } .slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; } .img-hide{ overflow:hidden; display: block; } .img-hide img{ transition: 0.3s all; transform: scale(1,1); } .img-hide:hover img{ transform: scale(1.1,1.1); } .txt-elise{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} li{ list-style:none;} a{ color: #333; } ul{ padding:0; margin:0;} a:hover,a{ text-decoration:none !important;} a:focus{ text-decoration:none !important; outline: none !important;} button:focus,button:hover,input:focus{ outline: none!important; } p{ margin:0; } img{ max-width:100%; display: inline-block; vertical-align: middle;} .tab-content{ position: relative; } .tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; } .tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); } .container{ width: 1330px; } .header{ background: url(../images/header.png) center no-repeat; background-size: cover; } .logo{ line-height: 120px; } .header-right{ padding-top: 60px; } .header-a a{ display: inline-block; margin-left: 20px; line-height: 34px; font-size: 16px; color: #666; } .header-a a.yy{ margin-left: 35px; } .search-box{ position: relative; width: 290px; margin-left: 35px; } .search-box .form-control{ box-shadow: none; width: 100%; border-radius: 30px; } .btn-search{ position: absolute; right: 15px; top: 0; bottom: 0; padding:0; border:none; box-shadow: none; background: none; } .nav-box{ background: #00438e; position: relative; z-index: 1000; max-width:1300px;margin:0 auto;} .nav-list { display: table; width: 100%; } .nav-list li{ display: table-cell; position: relative; } .nav-list li a{ display: block; position: relative; font-size: 18px; color: #fff; background: url(../images/lind.png) right center no-repeat; line-height: 50px; padding:0 10px; font-family:"微软雅黑";} .nav-list li:first-child a:before{ position: absolute; left: 0; top: 0; bottom: 0; width: 1px; display: block; content: ""; background: url(../images/lind.png) right center no-repeat; } .banner{ margin:10px 0 0 0; } .banner img{ width: 100%; } .banner a{ display: block; position: relative; } .banner a span{ position: absolute; text-align: center; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); color: #fff; font-size: 16px; line-height: 45px; padding:0 20px; } .banner .slick-dots{ bottom: 20px; width:auto;left:40px; } .banner .slick-dots li,.banner .slick-dots li button{ width: 12px; height: 12px; border-radius: 50%; } .banner .slick-dots li button{ background: #fff; opacity: 0.5; } .banner .slick-dots li.slick-active button{ opacity: 1; } .title{ font-size: 22px; margin:30px 0; line-height: 22px; color: #034ea1; position: relative; padding-left: 30px; } .title i{ position: absolute; left: 0; top: 50%; transform: translate(0,-50%); } .title:before{ display: block; content: ""; position: absolute; right: 0; left: 125px; bottom: 0; border-bottom: solid 1px #034ea1; } .title span{ position: absolute; left: 125px; top: 0; font-size: 14px; } .title a{ position: absolute; right: 0; top: 0; font-size: 14px; color: #999; } .news-ul li{ float: left; width: 25%; padding:0 10px; margin-bottom: 20px; } .news-ul{ margin:0 -10px; } .news-ul-img{ position: relative; padding-top: 57%; } .news-ul-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .news-ul-date{ position: absolute; left: 0; bottom: 0; width: 145px; background: rgba(3,78,161,0.9); height: 60px; padding:5px 15px; } .news-ul-date-l{ color: #fff; } .news-ul-date-l span{ font-weight: bold; font-size: 24px; } .news-ul-Nov{ position: absolute; right: 15px; top: 0; line-height: 60px; color: #fff; opacity: 0.5; } .news-ul-bottom{ background: #fff; height: auto; padding:10px 20px; } .news-ul-tt{ font-size: 16px; color: #363636; line-height: 25px; height: 50px; overflow:hidden; text-align: justify; } .news-ul-lind{ border-top: solid 1px #ddd; margin:10px 0; } .news-ul-p{ color: #999; line-height: 25px; height: 75px; overflow:hidden; text-align: justify; display:none;} .index-back{ background: #f7f7f7; } .date-back{ width: 71px; height: 71px; color: #666; background: url(../images/date01.png) center no-repeat; position: relative; } .date-back-left{ position: absolute; left: 5px; top: 2px; font-size: 26px; } .date-back-right{ position: absolute; text-align: right; right: 5px; bottom: 5px; } .date-back-right span{ opacity: 0.3; } .date-right{ margin-left: 90px; } .date-right-tt{ font-size: 16px; color: #363636; } .date-right-p{ color: #999; line-height: 25px; height: 50px; overflow:hidden; margin-top: 5px; } .tz-ul li{ margin-bottom: 10px; } .tz-ul li a:hover .date-back{background: url(../images/date02.png) center no-repeat; color: #fff;} .tz-ul li a:hover .date-right-tt{ color: #034ea1; } .gz-top a{ display: block; } .gz-img img{ width: 150px; height: 100px; } .gz-right{ margin-left: 170px; } .gz-right-tt{ font-size: 16px; color: #034ea1; } .gz-right-date{ color: #999; margin-top: 5px; } .gz-right-p{ line-height: 25px; color: #999; margin-top: 5px; height: 50px; overflow:hidden; } .gz-ul li a{ display: block; position: relative; border-top: solid 1px #eee; padding-left: 10px; background: url(../images/raw.png) left center no-repeat; line-height: 49px; font-size: 16px; color: #000; } .gz-ul li a span{ position: absolute; right: 0; font-size: 14px; color: #999; } .gz-ul{ margin-top: 20px; } .pt-list li{ float: left; width: 20%; padding:0 8px; margin-bottom: 60px; height:auto;over-flow:hidden; } .pt-list{ margin:0 -8px; } .pt-img{ position: relative; padding-top: 95%; } .pt-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 90%; } .pt-tt{ font-size: 16px; color: #666; margin-top: 5px; } .footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; padding:80px 0; } .footer-p p{ color: #fff; opacity: 0.5; line-height: 25px; } .footer-p{ margin-top: 20px; } .ewm{ color: #fff; color: rgba(255,255,255,0.5); } .ewm img{ margin-bottom: 5px; height: 116px; } .nav-down{position: absolute;display: none; padding:10px 0; background: rgba(3,78,161,0.9); left: 50%; min-width: 100%; transform: translate(-50%,0); white-space: nowrap;} .nav-down li{ float: none; display: block; width: 100%; margin:0!important; padding:0!important; } .nav-down li a{ display: block; font-size: 15px; color: #fff; line-height: 40px; text-align: center; } .nav-down li a:hover{ color: #fff; } .nav-list li:hover .nav-down{ display: block; } .nav-click{ display: none; } .nav-list li:hover{ background: #003c7e; } .logo-phone{ display: none; } .menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;} .menu-button .bar:nth-of-type(1) { margin-top: 0px;} .menu-button .bar:nth-of-type(3) { margin-bottom: 0px;} .bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; } .cross{ margin-top: -8px; } .cross .bar{ margin:13px auto; } .cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);} .cross .bar:nth-of-type(2) { opacity: 0;} .cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);} .search-a-b{ display: none; } /**********列表**********/ .lb-left{ width: 275px; position: relative; background: #f7f7f7; z-index: 100; } .lb-left-top{ color: #fff; font-size: 30px; background: #2143a9; margin-top: -110px; } .lb-left-top span{ font-size: 16px; } .lb-left-top-back{ height: 110px; padding-top: 35px; line-height: 25px; padding-left: 30px; background: url(../images/icon-lb.png) 90% center no-repeat; } .lb-left-nav li a{ display: block; position: relative; line-height: 58px; font-size: 16px; color: #363636; border-bottom: solid 1px #fff; padding-left: 30px; } .lb-left-nav li.active a,.lb-left-nav li a:hover{ background: #e8ecf6; color: #2143a9; } .lb-left-nav li.active a:before,.lb-left-nav li a:hover:before{ display: block; content: ""; position: absolute; right: 20px; top: 0; bottom: 0; width: 23px; background: url(../images/nav-raw.png) right center no-repeat; } .lb-right{ width: 990px; padding-top: 25px; padding-bottom: 40px; } .lb-right-tt{ font-size: 24px; color: #2143a9; } .lb-right-top{ border-bottom: solid 1px #2143a9; padding-bottom: 10px; } .nav-b{ font-size: 16px; color: #999; margin-top: 5px; } .nav-b a{ color: #999; } .lb-news li a{ display: block; padding-right: 110px; position: relative; line-height: 50px; border-bottom: solid 1px #ddd; font-size: 16px; color: #000; } .lb-news li a font{ display: inline-block; color: #2143a9; font-weight: bold; padding-right: 10px; } .lb-news li a span{ position: absolute; right: 0; top: 0; color: #999; font-size: 14px; } .page-box{ margin:40px 0 0 0; } .list-box{ position: relative; } .list-box:before{ display: block; content: ""; background: #f7f7f7; position: absolute; left: 0; top: 0; width: 275px; bottom: 0; } .list-left-top-phone{ display: none; } .lb-news li a:hover,.nav-b a:hover{ color: #2143a9; } /************列表带图**************/ .img-lb-left img{ width: 170px; height: 110px; } .img-lb-right{ margin-left: 200px; } .img-lb-tt{ font-size: 16px; color: #363636; } .img-lb-p{ color: #999; margin-top: 10px; line-height: 25px; height: 50px; overflow:hidden; text-align: justify; } .img-lb-date{ color: #999; margin-top: 10px; } .img-lb li{ padding:30px 0; border-bottom: solid 1px #ddd; } .img-lb li a:hover .img-lb-tt,.header-a a:hover,.article-link a:hover{ color: #2143a9; } .article-tt{ font-size: 28px; color: #0d0d0d; margin:30px 0 20px 0; } .article-sm{ color: #999; } .article-p{ border-top: solid 1px #ddd; margin-top: 20px; padding-top: 20px; } .article-p p{ font-size: 16px; color: #666; line-height: 35px; text-align: justify; margin-bottom: 30px; } .article-link a{ font-size: 16px; color: #666; } .article-link p{ margin-bottom: 15px; } .article-link{ border-top: solid 1px #ddd; padding-top: 30px; padding-bottom: 20px; } @media( max-width: 1430px){ .container{ width: 1230px; } .nav-list li a{ padding:0 10px; } .lb-right{ width: 890px; } } @media( max-width: 1279px){ .container{ width: 970px; } .lb-right{ width: 640px; } } @media( max-width: 991px){ .container{ width: 750px; } .logo{ width: 200px; line-height: 100px; } .search-box{ width: 200px; margin-left: 15px; } .header-right{ padding-top: 30px; } .nav-list li a{ font-size: 16px; padding:0; } .lb-right{ width: 420px; } } @media( max-width: 768px){ .col-xs-6{ width: 100%; } .container{ width: 100%; } .header-a{ display: none; } .logo{ line-height: 50px; } .logo img{ width: auto; height: 40px; } .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;} .nav-click.active{ transform: rotate(180deg); } .nav-down{ position: static; transform: translate(0,0); margin:0; padding:0; width: 100%; background: none; } .nav-down li{ text-align: left; padding:0; } .nav-down li a{ text-align: left; padding:0 15px; font-size: 16px; color: #333!important; line-height: 20px; text-align: left; } .nav-list li:hover .nav-down{ display: none; } .nav-down:before{ display: none; } .menu-button{ display: block; } .nav-list li{ float: none; display: block; background: none!important; width: 100%; margin:0; padding:0; } .nav-list li a{ display: block; line-height: 40px; padding:0 15px; color: #333!important; text-align: left; font-size: 16px; } .nav-list{ margin:0; padding:0; display: none; position: absolute; top: 50px; background: #fff; left: 0; right: 0; border-top: solid 1px #ddd; } .nav-box{ height: 50px; } .logo{ display: none; } .header-right{ padding:0; } .logo-phone{ position: absolute; line-height: 50px; display: block; left: 15px; top: 0; bottom: 0; } .logo-phone img{ height: 40px; } .banner{ margin:0 -15px; } .news-ul li{ width: 100%; } .title{ margin:20px 0; } .news-ul li:last-child{ margin-bottom: 0; } .pt-list li{ width: 50%; } .pt-tt{ line-height: 25px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 14px; } .pt-list li{ margin-bottom: 15px; } .footer{ padding:20px 0; } .footer-left{ width: 100%; } .logo-b{ text-align: center; } .footer-p span{ display: none; } .footer-p font{ display: block; } .footer-p p{ font-size: 14px; line-height: 20px; text-align: center; } .ewm{ width: 100%; margin-top: 20px; } .modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 10000; } .madal-box-sm{position: fixed; left: 0; top: 0; right: 0; bottom: 0;} .search-box{ width: auto; position: fixed; left: 15px; right: 15px; top: 50%; transform: translate(0,-50%); } .search-a-b{ position: absolute; display: block; right: 60px; top: 0; line-height: 50px; } .lb-left{ width: 100%; } .lb-left-top{ display: none; } .list-left-top-phone{ background: rgba(3,78,161,0.9); color: #fff; display: block; height: 50px; background-size: cover; text-align: left; padding-left: 20px; position: relative; line-height: 50px; margin-top: -50px; font-size: 24px; } .list-left-top-phone span{ color: #fff; } .lb-left-nav{ display: none; } .list-box:before{ display: none; } .lb-right{ width: 100%; } .nav-b{ display: none; } .lb-left-nav li a{ line-height: 48px; } .img-lb li{ padding:15px 0; } .img-lb-right{ margin-left: 180px; } .article-tt{ font-size: 24px; margin:10px 0; } .article-p{ font-size: 14px; line-height: 25px; padding-top: 15px; margin-top: 15px; } .article-p p{ margin-bottom: 10px; font-size: 14px; line-height: 25px; } .article-link a{ font-size: 14px; } .article-link p{ margin-bottom: 10px; } .article-link{ margin-top: 20px; padding-top: 20px; padding-bottom: 0; } }