@charset "utf-8"; /* CSS Document */ body{ font-family:"微软雅黑"; font-size:14px; color:#212121; position: relative; min-width:1230px;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th{margin:0;padding:0; border:0px;} body,button,input,select,textarea{font-family:'微软雅黑', Arial, sans-serif; font-size:14px;font-color:#ffffff;} li{ list-style:none;} ul{ padding:0; margin:0;} a{ color:#444;text-decoration:none} a:hover{ text-decoration:none !important; color: #272d5a;} a:focus{ text-decoration:none !important; outline: none !important;} button:focus,button:hover{outline: none !important;} ul,ol{ margin:0; padding:0; } .fl{float:left;} .fr{float:right;} .clear{clear:both;} .con-nr p{text-indent:2em !important;margin-bottom: 0px !important;line-height: 28pt !important} .con-nr span{text-indent:2em !important;margin-bottom: 0px !important;line-height: 28pt !important} img{ max-width:100%;} input,button {outline:none;} .img-hide{ overflow:hidden; } .img-hide img{ transition: 0.5s all; } .img-hide:hover img{ transform: scale(1.1,1.1); } .txt-elise{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .container{ width: 1230px; } .header{ height: 170px; background: url() center no-repeat; padding-top: 25px; background-size: 100% 100%;} .header-link a{ display: inline-block; color: #fff; margin-left: 20px; margin-bottom: 25px; } .search-link{ line-height: 30px; font-size: 16px; color: #fff; } .search-link a{ color: #fff; } .search-link span{ padding:0 15px; } .search-box{ width: 195px; margin-left: 20px; padding-right: 54px; background: #fff; position: relative; } .search-box .form-control{ height: 30px; box-shadow: none; border:none; } .btn-search,.btn-search:hover,.btn-search:focus{ outline: none!important; box-shadow: none; position:absolute; right: 0; top: 0; width: 54px; height: 30px; border-radius: 0; border:none; background:#e9ab03 url() center no-repeat; } .nav-box{ border-top: solid 1px #218ad7; margin-top:10px; } .nav-list li{ float: left; width: 12.5%; position: relative; } .nav-list li a{ display: block; line-height: 50px; font-size: 16px; color: #fff; } .nav-list li:hover{ background: #e9ab03; } .nav-down{ position: absolute; padding:10px 0; z-index: 10000; display: none; left: 0; top: 100%; right: 0; background: rgba(0,0,0,0.75); } .nav-list li:hover .nav-down{ display: block; } .nav-down li{ float: none; width: 100%; } .nav-down li a{ line-height: 36px; font-size: 14px;} .nav-down li a:hover{color: #e9ab03; } .nav-down li:hover{ background: none; } .banner-tt{ font-size: 16px; color: #fff; } .banner-p{ line-height: 25px; color: #fff; height: 50px; overflow:hidden; } .banner{ position: relative; overflow:hidden; height: 400px; } .slick{ position: absolute; left: 50%; width: 3700px; margin-left: -1850px; top: 0; } .slick a{ display: block; position: relative; } .banner-mask{ position: absolute; display: none; right: 50%; bottom: 40px; margin-right: -600px; width: 375px; height: 90px; background: rgba(0,0,0,0.47); padding:10px; } .slick-center .banner-mask{ display: block; } .slick .slick-dots{ bottom: 20px; } .slick .slick-dots li,.slick .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; } .slick .slick-dots li button{ background: #fff; } .slick .slick-dots li.slick-active button{ background: #2897e9; } .banner:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 50%; margin-right: 600px; bottom: 0; background: #000; opacity: 0.5; z-index: 1000; } .banner img{ width: 1200px; height: 518px; max-width: 1200px; } .banner:after{ display: block; content: ""; position: absolute; right: 0; top: 0; left: 50%; margin-left: 600px; bottom: 0; background: #000; opacity: 0.5; z-index: 1000; } .left-width{ width: 780px; } .title{ border-bottom: solid 1px #e3dfdf; margin-bottom: 25px; margin-top: 25px; font-size: 16px; padding-bottom: 10px; color: #9b9b9b; font-weight: bold; } .title span{ font-size: 18px; color: #2897e9; } .title a{ float: right; font-size: 14px; color: #9b9b9b; font-weight: normal; margin-top: 6px; } .lb-width{ width: 390px; } .lb-slick-txt{ font-size: 16px; color: #505050; padding:10px 100px 10px 5px; } .lb-width img{ width: 100%; height:220px; } .lb-slick{ margin:0; } .lb-slick .slick-dots{ left: auto; right: 10px; bottom: 10px; width: auto; } .lb-slick .slick-dots li,.lb-slick .slick-dots li button{ width: 15px; height: 15px; color: #505050; padding:0; text-align: center; line-height: 15px; font-size: 12px; background: #fff; } .lb-slick .slick-dots li.slick-active button{ background: #2897e9; color: #fff; text-indent: 0; } .lb-slick .slick-dots li button:before{ display: none; } .lb-back{ background: #f9f8f8; padding:5px;} .news-list li{ line-height: 36px; } .news-list li a{ font-size: 16px; color: #505050; padding-left: 20px; background: url() left center no-repeat; } .news-list{ margin-top: -10px; } .lb-right{ width: 365px; } .news-top a{ font-size: 18px; color: #505050; } .news-top{ line-height: 35px; margin-top: -5px; height: 70px; overflow:hidden; } .news-top-p{ font-size: 16px; color: #9b9b9b; line-height: 35px; height: 105px; overflow:hidden; margin-bottom: 35px; } .news-list li.lind{ border-bottom: dashed 1px #e4e4e4; margin:17px 0; } .news-list-r li{ position: relative; padding-right: 90px; } .news-list-r li span{ position: absolute; right: 0; top: 0; color: #9b9b9b; } .right-width{ width: 385px; } .xs-list li{ position: relative; margin-bottom: 34px; padding-left: 100px; height: 85px; } .xs-list-date{ position: absolute; left: 0; top: 0; height: 85px; width: 85px; font-size: 18px; color: #2895e6; background: #f9f8f8; } .xs-list-date span{ display: block; background: #2895e6; color: #fff; line-height: 42px; margin-bottom: 10px; } .xs-list-tt a{ font-size: 16px; color: #505050; } .xs-list-tt{ line-height: 25px; height: 50px; overflow:hidden; margin-bottom: 15px; } .xs-date{ color: #9b9b9b; padding-left: 20px; background: url() left center no-repeat; } .xs-ts{ color: #9b9b9b; padding-left: 20px; background: left center no-repeat; margin-left: 20px; } .tabs-ul li{ float: left; width: 16.5%;} .tabs-ul li a{ display: block; line-height: 50px; font-size: 15px; color: #2895e6; } .tabs-ul li.active a{} .tabs-box{ border:solid 1px #e7e7e7; height: 182px; border-top: solid 5px #2895e6; } .tabs-box-tt{ line-height: 40px; font-size: 18px; color: #2895e6; font-weight: bold; border-bottom: solid 1px #e7e7e7; } .tabs-list li{ float: left; width: 50%; text-align: center; margin-top: 15px;height: 32px; } .tabs-list li a{ font-size: 14px; color: #505050; } .tabs-more a{ color: #e9ab03; } .tabs-more{ padding:20px 20px 0 0; } .tabs-list li a:hover{ color: #2895e6; } .title-box{ background: #f9f8f8; margin-bottom: 30px; position: relative; padding-left: 76px;} .title-box-left{ position: absolute; left: 0; top: 0; width: 76px; text-align: center; line-height: 50px; background: #e9ab03; color: #fff; font-size: 16px;} .select-box{ padding:10px 20px; } .select-box select{ width: 100%; height: 30px; border:none; box-shadow: none; border:none; border-radius: 0; } .img-list li{ margin-bottom: 16px; } .img-list li img{ width: 100%; height: 73px; } .footer{ background: #0dadfe; height: 60px; line-height: 60px; color: #fff; margin-top: 20px; } .footer p{ height: 28px; line-height:28px; } .footer a{ color: #fff; margin-left: 35px; } .footer a img{ margin-right: 5px; } .xs-list-tt a:hover,.news-top a:hover,.title a:hover,.news-list li a:hover,.tabs-ul li a:hover,.tabs-list li a:hover,.header-link a:hover{ color: #e9ab03; } .footer a{ position: relative; } .footer a span{ position: absolute; left: 50%; display: none; margin-left: -40px; width: 80px; bottom: 100%; padding-bottom: 5px; } .footer a span img{ width: 80px; height: 80px; } .footer a:hover span{ display: block; } .main{width:1200px; margin:0 auto 50px;} .local{width:1200px; height:80px;padding-left:15px; color:#666; font-size:13px; line-height:80px;} .local a{color:#666; padding:0 5px;} .left{width:260px;} .left-title{width:230px; height:60px; position:relative; z-index:10000; background:#00498f; color:#fff; font-size:18px; line-height:60px; padding-left:30px;} .left-list{border:solid 1px #C9D7E4; border-top:0;} .left-list li a{width:198px; padding:0 30px; height:46px; line-height:46px; display:block; float:left; border-bottom:solid 1px #C9D7E4; background:#eff3fc; font-size:14px; color:#000;} .left-zst{width:260px; height:360px; overflow:hidden; margin-top:15px;} .left-zst img{width:100%; height:100%;} /*****************banner************************/ #main {overflow: hidden; zoom: 1; position: relative; float:left; width:100%; margin-bottom:20px;} #index_b_hero { width: 1200px; height: 450px; margin: auto; position: relative; } #index_b_hero img { width: 1200px; height: 450px; } #index_b_hero .heros { width: 1200px; height: 450px; } #index_b_hero .hero-wrap { overflow: visible; position: absolute; } #index_b_hero .next, #index_b_hero .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; margin-left: 5px; background-color: #303030; z-index: 3; } #index_b_hero .next:hover, #index_b_hero .prev:hover { background-color: orangered; } #index_b_hero .next { margin: -25px 5px 0 0; right: 0; } #index_b_hero .disabled { background-color: #eee; } #index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #fff; padding: 0px; z-index: 1; position: absolute; top: 0; left: 0; width: 1200px; height: 450px; overflow: hidden; left: 2400px; } #index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -1200px; filter: alpha(Opacity=50); opacity: .5; background: #fff; overflow: hidden; } #index_b_hero .mask-right { left: 1200px; } #index_b_hero .active { z-index: 2; left: 0; } .icon-arrow-a-left { background: url() no-repeat; } .icon-arrow-a-right { background: url() no-repeat; } .icon-arrow-a-left { background-position: 0 0; height: 50px; width: 50px; } .icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover { background-position: -60px 0; } .icon-arrow-a-right { height: 50px; width: 50px; } .icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0; } .yx-rotaion{margin-top:10px; width:373px; height:219px;} .yx-rotaion-btn{display:none;} .yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute} .yx-rotation-title{position:absolute;width:100%;height:36px;line-height:36px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1;margin-left:0px!important;} .yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px} .yx-rotation-focus{height:36px;line-height:36px;right:20px;bottom:0;z-index:2} .yx-rotation-focus span{width:8px;height:8px;line-height:8px;float:left;margin-left:8px;position:relative;top:14px;cursor:pointer;background:url() no-repeat;text-indent:-9999px} .yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;} .yx-rotaion-btn span{width:30px;height:50px;cursor:pointer;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;position:relative} .yx-rotaion-btn .left_btn{background:url() no-repeat;float:left;} .yx-rotaion-btn .right_btn{background:url() no-repeat;float:right;} .yx-rotaion-btn span.hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1} .yx-rotation-focus span.hover{background:url() no-repeat;} .rotaion_list{width:0;height:0;overflow:hidden;} .main-news{width:1200px;margin:0 auto;} .main_news_top div{margin-left:40px;} .sbcj_news{width:373px;height:240px;margin-top:10px;} .sbcj_title{ width:373px; height:38px; border-bottom:2px solid #ececec; border-top:2px solid #ececec; } .sbcj_title span{ background:url() no-repeat left 10px; color:#333333;font-size:18px;height:38px;line-height:38px;padding-left:14px; } .sbcj_title i{ width:59px;height:21px;margin-top:9px; background:url() no-repeat;} .sbcj_news_1{ width:373px;margin-top:10px;} .sbcj_news_1 ul li{ height:32px;line-height:32px; background:url() no-repeat left 13px; padding-left:15px; } .sbcj_news_1 ul li:hover{background:url() no-repeat left 13px;} .sbcj_news_1 ul li a{font-size:14px;color:#333333;} .sbcj_news_1 ul li a:hover{color:#e9ab03;} .sbcj_news_1 ul li i{ font-style:normal; font-size:12px; color:#999999; margin-left:20px;} .tscx { width:373px;margin-top:10px;margin-left:-40px!important;} .tscx ul li{ height:28px;line-height:28px;width:373px; margin-top:35px; padding-left:15px; } .tscx ul li a{font-size:14px;color:#333333;} .tscx ul li a:hover{color:#e9ab03;} .tscx ul li i{ font-style:normal; font-size:12px; color:#999999; margin-left:20px;width:273px;} .tscx ul li h3{width:273px;float:right;margin-right:-18px; font-weight:normal;} .kstd{height:50px; background-color:#f9f8f8;margin-top:30px;} .kstd_1{width:75px;height:50px; background-color:#e9ab03;} .kstd_1 span{height:50px; line-height:50px; color:#fff;font-size:16px;padding-left:5px;} .link ul{width:1125px;} .link ul li{width:155px;margin-left:10px;} .link ul li a{color:#8700A0;font-size:16px;height:50px;line-height:50px;text-align:center;} .footer{width:100%;height:62px; background-color:#8700A0;margin:0 auto;margin-top:30px;} .foot{width:1200px;margin:0 auto;} .foot span{color:#fff;font-size:14px;height:60px;line-height:60px;text-align:center;margin-left:6%;} .list-banner{width:100%; height:320px; overflow:hidden; background-size:cover;} .main{width:1200px; margin:0 auto; min-height:500px;} .left{width:280px; position:relative; float:left;margin-top:-82px;} .right{float:right; width:900px;margin-top:30px;} .local{width:100%; height:50px; padding-bottom:6px; } .local h3{display:inline-block; background:#fff; padding-right:10px; height:50px; line-height:50px; float:left; color:#333; font-size:30px;} .dqwz{background:#fff; color:#666; float:right; font-size:13px; line-height:50px; height:50px; padding-left:6px; } .dqwz a{padding:0 0 0 1px; margin-left:1px; color:#666; } .lmcc{width:250px; height:80px; background:#8700A0; color:#fff; font-size:25px; padding:0 0 0 40px; line-height:80px; border-bottom:3px solid #8700A0} .left-list{width:250px; background:#f2f2f2; } .left-list li a{width:248px; padding-left:40px; display:block; float:left; border-bottom:1px solid #d4d4d4; height:50px; line-height:50px; font-size:16px;} .left-list li a:hover,.left-current{border-left:3px solid #8700A0 !important; color:#333!important; padding-left:37px!important; background:#fff!important;} .jj,.list,.content,.xrld{width:870px; margin:15px 0; float:left;margin-left:15px;min-height:500px;} .jj p{font-size:15px; line-height:32px; color:#111; display:block; margin-bottom:15px; text-indent:2em;} .jj table p{ margin-bottom:0px; text-indent:0em;} .jj img{ display:block; margin:0 auto;} .content img{ display:block; margin:0 auto;border: none !important;} .list li,.xrld li{width:100%; margin-bottom:20px; padding-bottom:0px; border-bottom:1px dashed #ccc; margin-bottom:0px;} .list li .date{width:130px; height:60px; line-height:60px; margin-right:-130px; float:left; position:relative; font-size:20px; color:#666; text-align:left;} .list li .txt{width:100%; float:right;} .list li .txt-1{margin-left:160px;} .list li .txt-1 h3{display:block; height:60px; font-weight:normal; line-height:60px; color:#111; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; width:100%;} .list li .txt-1 p{display:block; line-height:24px; height:24px; color:#666; font-size:13px; float:left; overflow:hidden; width:100%;} .content-title{width:100%; margin-bottom:20px; float:left;} .content-title h3{display:block; float:left; width:100%; text-align:center; font-weight:normal; color:#333 ; font-size:22px; line-height:30px;} .content-title p{display:block; width:100%; text-align:center; color:#666; font-size:14px; font-family:'宋体'; line-height:24px; float:left; margin-top:6px;} .content-title p span{margin:0 10px;} .content-con{width:100%; float:left;} .content-con p{display:block; float:left; width:100%; line-height:36px; font-size:15px; text-indent:2em; margin-bottom:20px;font-family:"微软雅黑", Arial, sans-serif;} .content-con div span p,.content-con div p,.content-con div span{display:block; float:left; width:100%; line-height:36px; font-size:15px; text-indent:2em; margin-bottom:20px;font-family:"微软雅黑", Arial, sans-serif;} .content-con table {font-size:14px; width:90%; margin:0 auto; border-collapse: collapse;} .content-con table td{text-align: center; padding:5px 10px; line-height:30px; border:1px #ddd solid;} .content-con table td p{ text-indent:0em !important; margin-bottom:0px;} .sxt{width:100%; float:left; padding-top:15px; border-top:1px solid #e0e0e0; font-size:14px; line-height:30px;} .sxt a{color:#333; display:block; float:left; width:100%; height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .xrld-pic{width:150px; height:180px; float:left; position:relative; margin-right:-150px; padding-top:6px;} .xrld-txt{width:100%; float:right;} .xrld-txt-1{margin-left:180px;} .xrld-txt-1 h3{font-size:20px; height:30px; line-height:30px; margin-bottom:6px; float:left; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#111;} .xrld-con p{width:100%; line-height:30px; color:#666; font-size:14px; text-indent:2em; float:left;} .xrld-con{width:100%; float:left;} .xrld-pic img,.ssjg-list{width:100%;} .ssjg{width:1200px; margin:20px auto; min-height:500px;} .ssjg-list li{width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ccc;} .ssjg-list h3{display:block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:30px; line-height:30px; width:100%; font-weight:normal; font-size:15px;} .ssjg-list p{color:#666; font-size:14px; line-height:26px; height:52px; overflow:hidden; width:100%; float:left;} .ssjg-list i{display:block; width:100%; font-size:12px; color:#999; margin-top:6px; float:left;} .sidenav{ overflow:hidden; display:block; width:250px; } .accordion { width:100%; } .accordion .nav-link {display: block; padding-left:25px; height:53px; line-height:53px; font-size:16px; outline:none; border-left:3px solid #f7f8fa; } .accordion .nav-link a{ display: block; } .accordion .nav-link:hover{ color: #8700A0 !important; font-weight:bold; border-left:3px solid #8700A0; background:#f3f3f3; font-size:16px; } .accordion .nav-link:hover a{ color: #8700A0 !important; font-weight:bold; font-size:16px; } .accordion .nav-link.hover{ color: #8700A0 !important; font-weight:bold; border-left:3px solid #8700A0; background:#f3f3f3; font-size:16px; } .accordion .nav-link.hover a{ color: #8700A0 !important; font-weight:bold; font-size:16px; } .currentnav{ background:#f7f8fa !important; color: #fff !important; } .nav-link1{ width:50px; height:53px; line-height:53px; cursor: pointer; position:absolute; top:0; right:3px;} .accordion li{ position: relative; font-size:16px; border-bottom:2px solid #fff; background:#f7f8fa;overflow:hidden; } .accordion li:last-child .nav-link { font-size:16px; } .accordion li i { display:block; width:30px; height:30px; background:url() center no-repeat; position: absolute;top:12px;right: 12px;font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion li.open .nav-link { color: #8700A0 !important; border-left:3px solid #8700A0; background:#f3f3f3; font-size:16px; } .accordion li.open .nav-link a{color: #8700A0 !important; font-size:16px; } .accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} .sidemenu {display: none; font-size:14px !important; background:#f6f6f6; border-top:none; padding:10px 0;} .sidemenu li { background:#f6f6f6; font-size:14px !important;border-bottom:none;} .sidemenu a { display: block;font-size:14px !important;text-decoration: none; padding:8px 8px; padding-left:40px; -webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease; transition: all 0.25s ease; } .sidemenu a.on{color:#8700A0; background:#fff; padding-left:40px !important; } .sidemenu a:hover {color:#8700A0; background:#fff; padding-left:40px !important; } .jslist{ line-height: 34px !important; padding: 15px 5px 10px 10px;} .zhy h2{ height: 45px; line-height: 25px; font-size: 18px; padding-left: 10px; color: #ffffff; margin: 15px 0; background:#8700A0; padding: 10px 0 10px 20px;} .zhy h3{ height: 45px; line-height: 25px; font-size: 16px; padding-left: 10px; color: #000000; margin: 5px 0; padding: 10px 0 10px 20px;} .zhy ul li{ height: 35px; width: 80px; margin: 5px; float: left; display: block; text-align: center; font-size: 15px; line-height: 36px;} .zhy ul li a{ display: block;}