@import url("js/slick.css"); @import url("js/slick-theme.css"); img{ max-width: 100%; border: 0; } body,ul,li,p,h1,h2,h3,h4,h5{ margin: 0; padding: 0; } ul,li{list-style: none;} body{ font-size: 16px; font-family: "寰蒋闆呴粦","Microsoft Yahei"; color: #3e4551; overflow-x: hidden; background-color: #fff; } a{ color:#3e4551; text-decoration: none; } a:hover{ color: #143270; text-decoration: none; } .clear:after, .clear:after { content: '\20'; display: block; height: 0; clear: both; } .fl{ float: left; } .fr{ float: right; } .fixedBox{ position: fixed; top: 40%; left: 50%; margin-left: 615px; z-index: 99; width: 220px; min-height: 100px; } .fixedBox img{width: 100%;} .closeIcon{ position: absolute; top: -21px;left: 0; color: #fff; width: 20px; height: 20px; border-radius: 50%; line-height: 18px; text-align: center; font-size: 18px; background-color: #000; cursor: pointer; } .container{width:1200px; padding:0;} #header{ display: block; height: 120px; padding: 0; position: relative; z-index:99; } #header img{ margin-top:20px; } #header .fr{margin-top:20px ;} .searchbox{display: block; vertical-align: top;} /*banner*/ #banner{ width: 100%; display: block; margin:0 0 30px; } #banner .slick-slide img{height:460px; width:100%;} #banner .slick-dots{ bottom: 0; z-index: 8; } #banner .slick-dots li{ } #banner .slick-dots li button{width: 20px; height: 7px; padding: 0; background-color: #000; opacity: 0.5; } #banner .slick-dots li.slick-active button{ background-color: #fff; opacity: 1; } #banner .slick-dots li button:before{display: none;} #banner .slick-prev,#banner .slick-next{ background-color: rgba(0,0,0,0.5); z-index: 99; width: 34px; height: 34px; border-radius: 50%; border: 1px solid #fff; color: #fff; opacity: .6; } #banner .slick-prev{left: 10%;} #banner .slick-next{right: 10%;} #banner .slick-prev:hover,.banner .slick-next:hover{ opacity: 1; } /*瀛﹂櫌鏂伴椈*/ .title{ display:block; color: #9a0b0e; padding: 0; border-bottom:1px solid #e6ece9; } .title::after{display: block; content:''; width:100px; height:3px; background-color:#1a3879; margin-bottom: -1px; } .title h4{ display: inline-block; vertical-align: middle; color: #1a3879;margin: 0 0 -2px; line-height: 50px; font-size: 22px; padding: 0 5px; font-weight: bold; } .title span{ font-size:14px; margin-left: 7px; font-weight: normal; } .moreB{ float: right; color: #999; font-size: 14px; line-height: 28px; margin-top: 12px; padding: 0 15px; border-radius:20px; transition: all 0.4s ease 0s; } .moreB i{color:#143270;} .moreB:hover{ transform: translateX(5px); } .w33per{ width:31%; margin-top: 40px; } #newspic{ display: inline-block; width:720px;vertical-align: top; } #newspic .slick-slide{position: relative;} #newspic .slick-slide p{ position: absolute; left: 0;bottom: 0; width: 100%; background-color: rgba(0,0,0,0.5); color: #fff; padding: 10px; text-align: center; } #newspic .slick-slide p a{color:#FFF;} #newspic .slick-slide img{height:420px; width:100%;} .dt-box{ width:460px;vertical-align: top; } .dt-news{min-height: 240px; margin-top:8px;} .dt-news li span{ position: absolute; right:0; color:#a9aeb1;font-size:14px; } .dt-news li a{ display: inline-block; width: 82%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dt-news li{ padding:10px 0 6px; display: block; position: relative; } .tabNav{ display:block; color: #9a0b0e; border-bottom:1px solid #e6ece9; white-space: nowrap; cursor: pointer; } .tabNav li{ display: inline-block; vertical-align: middle; line-height: 50px; font-size: 20px; padding: 0 5px; margin:0 6px -1px; border-bottom: 3px solid transparent; color:#7c8495; } .tabNav li.cur{ font-size: 22px;color: #1a3879; border-bottom: 3px solid #1a3879; } .tabcon{ display: block; } .more{ background-color: #e2ebff; display: block; width:70%; padding:5px 0; text-align: center; border-radius: 20px; margin:5px auto 0; font-size:14px; } .w33per.m-x{margin-left: 3%;} .tabcon ul li{ padding:11px 0 11px 4%; position: relative; display: block; } .tabcon ul li span{ position: absolute; top:0;padding:9px 0; right:0; color:#a9aeb1;font-size:14px; } .tabcon ul li a{width:80%;display:block; line-height:1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .tabcon ul li::before{ content:'\2022'; font-size:20px; line-height:1;padding:8px 0; position: absolute;top:0; left:0; color:#b6c8ec; } .imgbox{ display: block; margin:36px 0 26px; } .zt{ background-color: #eef3ff; padding:24px 0; display: block; margin-top: 40px; } .zt .title h4{color:#174eaa;} .zt .title::after{display: none;} .zt ul{ display: block; margin:0 -1%; } .zt li{ display: inline-block; width:23%; margin:0 0.7%; } .zt li a{color:#fff;} .foot,.m-foot{ padding:30px 0 ; background-color: #112a5c; color:#fff; display: block; text-align: center; line-height:1.6; } .clear{ clear:both; float:none; content:'.'; } .banner{height:270px; background: url(images/neiye.jpg) center no-repeat; display: block; position: relative; } .posBox{ background-color: #f6f9ff; border-bottom:1px solid #e2ebff; display: block; } .posBox h4{ background-color: #143270; color:#fff; display: inline-block; padding:18px 30px; font-size:24px; } .posBox .fr{ margin-top:20px; font-size:14px; color:#7e889c; } .posBox .fr a{color:#7e889c;} .possplit{ background: url('images/aa.gif') 0 center no-repeat; margin: 0 5px; } .banner .container{ position: absolute; bottom:0; left:50%; margin-left:-600px; z-index:99; background-color: rgba(0,0,0,0.3); color:#fff; } .page-title{ display: inline-block; color:#fff; padding:15px 20px; font-size:24px;font-weight: bold; text-align: center; background:radial-gradient(farthest-side at 0% 0%,#1241a1,#143270); background-color:#143270; margin: 0; } .page-t{ font-size: 30px; font-weight: bold; color: #4d0f11; letter-spacing: 3px; display: block; padding: 0 0 25px; text-align: center; background: url(images/line.png) bottom center no-repeat; } .detail{ float: left; width:100%; min-height:400px; margin: 20px 0 20px; } .sharebox{ text-align: center; } .sharebox .bshare-custom{display: inline-block;} .list-tit{ display: block; margin:40px 0 32px; text-align: center; font-weight: bold; color:#143271; font-size:24px; letter-spacing:3px; } .list-tit::after{ content:''; display: block; width:50px; height:2px; background-color: #143271; margin:12px auto 0; } .list-box{ margin:10px 0; min-height: 400px; border-top:1px dashed #dae2eb; } .list-li{ padding:16px 14px; border-bottom:1px dashed #dae2eb; } .list-t{ display: inline-block; width: 88%; } .list-t::before{ content:'\25C6';display: inline-block; color:#1d3f85; font-size:18px; margin: 0 5px; } .list-li span{color: #aaa} .img-t{ display: block; width:100%; } .img-t img{width:100%;} /*榛樿涓诲鑸牱寮?/ #nav{ background-color: #143270; position:relative; box-shadow:0 3px 15px rgba(20,50,112,0.2); } .closeIt{position:absolute; bottom:20px; right:20px; color:#fff; display:none; text-align:center; font-size:14px;} .closeIt i{font-size:25px; display:block;} /*瀵艰埅鏍峰紡锛氬悗鍙扮粦瀹氭椂涔熷彲浠ュ畾涔夐厤缃?/ .wp-menu{ width:1200px; margin:0 auto; } .wp-menu li.menu-item { display: inline-block; margin: 0 2px; position: relative; z-index:99; } .wp-menu .menu-item.i1 { background:none;} .wp-menu .menu-item a > .menu-switch-arrow{ display:none; width:20px; height:20px; background:#e00;vertical-align:middle; } .wp-menu .menu-item a.menu-link { display: block;line-height: 70px; text-align: center; font-size:20px; color: #fff; padding: 0 10px; } .wp-menu .menu-item.hover a.menu-link, .wp-menu .menu-item a.hover{background-color:#e2ebff; text-decoration: none; color: #143270;} .sub-menu { display: none; position: absolute; top:70px;left: 0; z-index:99; width: 200px; padding:10px; background-color: rgba(226,235,255,0.85); } .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1; } .sub-menu .sub-item a { display: block;color: #000;height: 40px;line-height: 40px;padding: 0 17px; font-size: 16px;background:none; border-radius: 8px; } .sub-menu .sub-item.hover> a, .sub-menu .sub-item a:hover{ color: #fff; background-color:#143270; display: block; } .sub-menu .sub-menu { left: 100%; top:0px; z-index: 200; background:#fff;} /*鎼滅储妗?/ .wp_search .keyword{ border: 1px solid #eee; border-radius: 3px; height: 34px; width: 180px!important; line-height: 34px; vertical-align: top; outline:none; padding: 0 10px; } .wp_search .search { background: url('images/btnbg.png') center no-repeat; color: #fff; width: 70px; height: 34px; border-radius: 5px; border: 0; cursor: pointer; margin-left: 8px; } /*宸︿晶鏍忕洰*/ .leftside{ width:25%; background-color: #f3f7ff; border-bottom:4px solid #00379c; padding-bottom:20px; margin:30px 0; } .leftside h3{ display: block; padding:20px 0 20px 30px; color:#fff; background:radial-gradient(farthest-side at 0% 0%,#1241a1,#143270); background-color:#143270; } .rightside{ width:72%;margin-top: 30px; } /*鏍忕洰鍒楄〃*/ .col_list{display: block; margin:25px;} .col_list .wp_listcolumn { margin:0; border:0; width:100%; } .col_list .wp_listcolumn .wp_column a { background:none; display: block; color:#143270; font-size: 18px; font-weight:normal; margin-bottom: 8px; border-radius:10px; position: relative; background-color:#fff; transition: all 0.4s ease 0s; border:0; } .col_list .wp_listcolumn .wp_column a i{ width:30px;height:30px; position: absolute; right:10px;top:12px; background:url('images/arr.png') center no-repeat; } .col_list .wp_listcolumn .wp_column a .column-name{ display: block; padding:9px 0px 9px 28px; line-height:36px; box-sizing: border-box; } .col_list .wp_listcolumn .wp_column a:hover, .col_list .wp_listcolumn .wp_column a.selected { background:linear-gradient(to right,#c2d6ff,#fff); font-weight: bold; } .col_list .wp_listcolumn .wp_column a.selected span.column-name{ } .col_list .wp_listcolumn .wp_subcolumn .wp_column a { color:#454545;background:none; } .col_list .wp_listcolumn .wp_column.parent > a .column-name{ font-weight:bold; color:#0f429b; } /*浜岀骇瀛愭爮鐩?*/ .col_list .wp_listcolumn .wp_column .sub_list{ padding:10px; background-color: #e1e8f8; border-radius:10px; } .col_list .wp_listcolumn .wp_column .sub_list a { color:#303f5f; } .col_list .wp_listcolumn .sub_list a .column-name { display:inline-block;line-height: 32px;padding: 5px 10px 5px 22px;cursor:pointer; } .col_list .wp_listcolumn .sub_list a:hover, .col_list .wp_listcolumn .wp_column a.selected { color:#303f5f; } /*涓夌骇瀛愭爮鐩?*/ .col_list .wp_listcolumn .wp_column .sub_list .sub_list a {background:none; } .col_list .wp_listcolumn .sub_list .sub_list a .column-name { padding: 5px 10px 5px 51px; cursor:pointer;} .col_list .wp_listcolumn .sub_list .sub_list a :hover, .col_list .wp_listcolumn .sub_list .sub_list a.selected { color:#0f429b;} /*鍒楄〃椤?/ .r-title{ border-bottom: 1px solid #e1e6f0; padding:13px 0; font-size:14px; display: block; color:#7e889c; } .r-title a{color:#7e889c; } .news-li{ margin-bottom: 5px; display:block; width:100%; font-size:18px; padding:32px 0 0; position: relative; display: flex; flex-direction: row; align-items: center; } .news-li .date{ display: inline-block; width:9%; text-align: center; margin-right: 20px; padding-right: 20px; color:#143270; } .date h4{ font-weight: bold; font-size:28px; white-space: nowrap; } .date span{display: block; font-size:15px; color: #143270;} .news-li a{color:#222;} .news-box{ display: inline-block; width:90%; border:1px solid #f1f4f9;padding:20px; } .news-t{ display:inline-block; width:76%; vertical-align: top; transition: all 0.4s;} .news-img{display: inline-block; width:20%; vertical-align: top; transition: all 0.4s;} .news-img img{width:100%; height: auto;} .news-t p{ display:block; font-size:14px; color:#aaa;margin-top:10px; margin-right: 4px; } .news-t p a{color:#999; word-break:break-all;} .news-li:hover .news-t{ color:#143270; font-weight:bold; } .news-li:hover .news-img{ box-shadow: 0 2px 10px rgba(0,0,100,0.1); } .wp_paging{margin-top:15px;margin-bottom:20px;font-size:16px;} /*涓ゅ垪*/ .twoCol .colBox {float:left;width:49%;background-color: #fff; border-radius: 5px; padding:16px; margin-bottom:24px; } .twoCol .colBox:nth-of-type(2n){float:right;} .twoCol .colBox p a{color:#999; font-size:14px; display:block; margin:8px 0;} .twoCol .colBox:hover{box-shadow:0 2px 10px rgba(0,0,150,0.2);} /*绠€鍗曞浘鐗囧垪琛?/ .piclist-box,.picnewsbox{ margin:10px 0; min-height: 400px; } .pic-li{ display: inline-block; width:31%;margin:0 0.8% 20px; } .pic-li p{ display: block; text-align: center; padding:10px 0; } .pic-li img{width:100%; height:210px;} .page-more{ display: block; margin:18px auto; background-color: #f2e8e8; padding:15px 0; width:200px; border-radius: 30px; color:#785c5e; text-align: center;font-size:16px; } /*璇︽儏椤?/ .pagingJump:hover{ color:#fff; } .biaoti3{ font-size:30px; padding: 30px 0 18px; font-weight: bold; display: block; text-align: center; } .article{ line-height: 2; display:block; width:98%; margin:24px 1% 22px; background-color: #fff; padding:25px; } .wp_articlecontent{ margin-top: 20px; } .article p{ line-height: 2; } .border2{ color: #6c7270; text-align: center; display: block; } .border2 span{ color: #6c7270; margin-right: 10px; } .dtjt9_div_text .dtjt9_div_text_title a{ font-size: 16px; } /*璇︽儏椤佃〃鏍?/ .wp_articlecontent table{width: 100%!important;} .wp_articlecontent table{ border: 1px solid #e7e7e7!important; margin-bottom: 40px; border-collapse: collapse; font-family: "Microsoft Yahei"; font-size: 17px; } .wp_articlecontent table th{ font-size: 16px; line-height: 40px; padding: 5px; color: #11733a; text-align: center; border: 1px solid #e7e7e7!important; background-color: #dbe9da!important; } .wp_articlecontent table td{ line-height: 1.5; padding:10px 6px; border: 1px solid #e7e7e7!important; } .wp_articlecontent table tr:nth-of-type(2n+1){ background-color: #f9f9f9; } .mapimg{ width:1190px!important; max-width:1190px!important; } /*璇︽儏椤 杞挱鍥?/ .wp-display-wrapper .picSlideWrap{ background: none; border: 0px solid #A9BFD6; } .wp-display-wrapper .imgnav{width:95%;} .wp-display-wrapper .img{width:100%;} .wp-display-wrapper .img img{height:auto;border:0px;} .wp-display-wrapper .front a,.wp-display-wrapper .next a{display:block!important;} .toTop{display: none; cursor: pointer; position: fixed; right: 10px; bottom: 10px;z-index: 99; width: 65px; height: 65px;text-align: center; font-size: 16px;line-height: 30px; border-radius: 50%; background-color:rgba(29,63,133,0.9); color: #fff; transition: all 0.4s ease 0s; } .toTop:before{ display: block; margin:10px auto 0; width: 0;height: 0; content: ''; border-width: 9px; transform: scale(0.7,1); border-color: transparent transparent #fff transparent; border-style: solid dashed dashed dashed; } .toTop:active{ transform: scale(1.1); } /*鎵嬫満鑿滃崟鎸夐挳*/ .closetb{ font-size: 30px; padding: 1rem 2rem; border-bottom: 0; line-height: 2rem; color: #fff; text-align: center; display: none; } .mob{display: none;} #mNav{ display: none; background-color: #143270; padding-bottom: 10px; text-align: right; } .m-foot{padding:30px 5%; display: none;text-align: center;} @media (max-width: 768px) { img{ max-width: 100%!important; } body{background-size:auto 15rem; overflow-x: hidden;font-size:16px;} .container{ width: 100%; padding: 0 3%; } #header .fr, .page_jump,.pages_count, .foot{ display: none!important; } #header{ height: auto; } #header img{margin:20px 0; } #banner { display: none;} .imgBox img{width: 100%;} .w33per{width:100%; margin-top: 30px;} .closetb,.m-foot,.imgBox,.mob,#mNav{ display: block; } #nav{ display: none; height: auto; width:100%; box-shadow: 0 0 0; } .wp-menu .menu-item a.menu-link{line-height: 50px;} .sub-menu{display:block; position: relative; top:0; border-radius: 10px; background-color:rgba(255,255,255,0.1); padding:0; } .sub-menu .sub-item{width:auto; padding:0 14px;} .sub-menu .sub-item a{color:#fff;} #newspic,.dt-box{width:100%;} #newspic{margin-top: 30px;} #newspic .slick-slide img{height:auto; width:100%;} .newslist li a{width:100%;} .tabcon ul li span{ position: relative; display: block; } .w33per.m-x{margin:0;} .zt li{width:48%; margin-bottom: 20px;} .banner{ height:200px; background-size: auto 200px; } .banner .container{ width:100%; left:0;margin-left: 0; background-color: none; } .banner .page-title{ width:auto; padding:0 6%; } .detail{ margin-top: 10px;min-height: 300px; } .news-li{display: block;} .news-li .date{display:none;} .news-li .news-box{width:100%; padding:10px;} .righttitle{margin-bottom:0;} .list-t{width:100%; margin-bottom: 9px;} .div_piccontenttitle_li{ width: 49%; display:inline-block;vertical-align:top;float:none; } .menu{margin:0;} .rightside,.leftside{width:100%;} } @media (max-width: 414px) { body{background-size:auto 11rem; overflow-x: hidden;} .picPage .picbox img{height: auto; } .picPage .picbox{margin-bottom:10px;} }