@charset "utf-8";
*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none;color: inherit;box-sizing: border-box;font-style: normal;outline: none;-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
body{ width: 100%;}
b, h1, h2, h3, h4, h5{font-weight: normal;}
img{vertical-align: middle;max-width: 100%;}
a {	text-decoration: none;	color: #000;}
a, label, button, input, select {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img {/*width: 100%;height: auto;display: block;	*/border: 0;}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {	margin: 0;	padding: 0;}
a {	text-decoration: none;	color: #08acee;}
button {outline: 0;}
img {border: 0;}
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; outline: none;}
li {list-style: none;}
a {	color: #000;}
ul,li{list-style:none;}
em{font-style:normal;display:inline-block;}
p{display:block;}
table,tr,th,td{border:#eeeeee solid 1px;border-collapse:collapse;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}

/*设置输入框默认文字样式*/
::-webkit-input-placeholder{color:#a1a1a1;} 
:-moz-placeholder{color:#333333;} 
::-moz-placeholder{color:#333333;} 
:-ms-input-placeholder{color:#333333;} 
::-webkit-scrollbar { width: 3px; height: 10px;}
::-webkit-scrollbar-button:vertical { display: none;}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner { background-color: rgba(14, 148, 234, 0.2);}
::-webkit-scrollbar-thumb { border-radius: 0; background-color: rgba(0, 0, 0, .3);}
::-webkit-scrollbar-thumb:vertical:hover { background-color: rgba(0, 0, 0, .35);}
::-webkit-scrollbar-thumb:vertical:active { background-color: rgba(0, 0, 0, .38);}


/*.serch-head{ display: flex; padding-top: 5px;}
.serch-logo{ width: 360px;}
.ser-box1{ margin-bottom: 20px; width: 75%; margin-left: 10%;}

.serch-menu{ background-color: #004ca2; }
.menu-box{width: 65%; margin: 0 auto;}
.serch-menu a{ color: #ffffff; font-size: 18px; padding:10px 15px; display: inline-block;}
.serch-menu a:hover{ background-color: #ff9700;color: #ff9700; color: #ffffff;}
.serch-menu span{color: #ffffff;}
.serch-menu a.active{ background-color: #ff9700;color: #ff9700; color: #ffffff;}


.serch-box{ display: flex;justify-content: space-between;}
.serch-fl{width: 65%;}
.serch-fr{width: 28%; margin-left: 10%;}
.serch-top{ display: flex; align-items: center;}
.serch-top-con{ width: 90%; display: flex;}
.cerch-border{ border: 1px solid #eeeeee;border-radius: 8px 0 0 8px; padding: 10px; width: 75%; height: 60px; line-height: 60px;}
.serch-text{ background-color: #004ca2; color: #ffffff;display: flex;justify-content: center;align-items: center;width: 120px;height: 60px;line-height: 60px;cursor: pointer;border-radius: 0px 8px 8px 0px;}
.serch-text img{width: 23px;height: 23px; font-size: 26px; margin-right: 7px;}
.serch-text span{font-size: 16px;font-weight: 400;color: #ffffff;line-height: 30px;}
.gjss-but{ width: 80px; line-height: 60px; margin-left: 10px;}

.search-toolbar{padding: 12px 0 30px 0;}
.search-toolbar-left{ display: flex; align-items: center;}
.search-toolbar-order{ display: flex;}
.order-con,
.position-con,
.time-frame-top{ margin: 0 5px; color: #666666;padding: 5px 10px;}
.order-con.active,
.position-con.active{background-color: #d9edfd; color: #004ca2;border-radius: 20px;}
.search-toolbar-title{ font-weight: bold;padding: 5px 10px 5px 0;}
.search-toolbar-position{ margin-left: 10px;display: flex;}
.time-frame-div{margin-left: 10px;display: flex;}

.footer1 {background: #004ca2; display: block; padding: 5px 0;}
.footer1 .footer-box{background: #004ca2; display: flex; width: 60%; margin: 0 auto;}
.footer1 .footer_fl {float: left;width: 51px;height: 63px;margin-top: 10px;margin-left: 180px;}
.footer1 .footer_fl img {width: 51px;height: 63px;}
.footer1 img {vertical-align: middle;margin: 0;padding: 0;border: 0;}
.footer1 .footer_con{ float:left;font-size:12px; line-height:20px; width:636px; text-align:center;}
.footer1 .footer_con b{ display:block; font-weight:normal; color:#ffffff; margin-bottom:5px;}
.footer1 .footer_con b a{ color:#ffffff; margin:0 20px;}
.footer1 .footer_con span p a{color:#a9d1e9;}
.footer1 .footer_fr{ float:left; width:300px; height:55px; margin-top:10px; display: flex;}
.footer1 .footer_fr img{width:110px; height:55px;margin-left:10px;}
.color p{color: #a9d1e9;}

*/

.Publicity{ width:1200px; margin:50px auto 10px auto;}
.Publicity-serch{width: 72%; float: left; border-right: 1px solid #eeeeee; padding-right: 20px;}
.Publicity-serch-con{ padding: 20px; width: 99%; background: url(../images/serch-bg.png) no-repeat; background-size: 100% 100%; font-size:16px;}
.Publicity-serch-title{ width: 200px; font-size: 20px; font-weight: bold; text-align: center;margin:20px auto; color: #005395; display: flex; align-items: center;}
.Publicity-serch-title img{width: 18px; height: 16px; float: left; margin: 0 15px; }
.Publicity-serch-title img:last-of-type{ float: right;}
.serch-top{width:520px; margin:20px auto 0 auto}
.serch-top span{padding: 0 10px;color: #003e7f;}
.serch-top .btjg {height: 30px;width: 80%;border: 1px solid #e3ecf9;text-indent: 1rem;border-radius: 5px;}
.serch-top .btjg1 {height: 30px;width: 25%;border: 1px solid #e3ecf9;text-indent: 1rem;border-radius: 5px;}

.serch-bot{width:520px; margin:20px auto 0 auto}
.serch-bot span{padding: 0 10px;color: #003e7f;}
.serch-bot .btjg {height: 30px;width: 31%; font-size: 16px; border: 1px solid #e3ecf9;text-indent: 1rem;border-radius: 5px;}
.serch-bot .fwzh{ height: 30px;width: 54.25%; font-size: 16px; border: 1px solid #e3ecf9;text-indent: 1rem;border-radius: 5px;}

.btn {display: block;font-weight: normal;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;font-size: 16px;line-height: 1.42857143;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; color: #ffffff;  width: 200px; margin:30px auto 20px auto;}
.btn-primary {border-color: #0064b5;background-color: #0064b5;box-shadow: none;border: none;height: 30px;width: 80px;margin-top: -3px; border-radius: 5px; color:#ffffff;}


.Publicity-right{ background-color: #f1f7ff; float: right; width: 26%;}
.Publicity-right-title{ background-color: #0064b5; padding: 18px 0; text-align: center; color: #ffffff; font-size: 22px;}
.Publicity-right-con{ padding: 15px;}
.Publicity-right-con a{width: 50%; text-align: center; display: block; float: left; font-size: 18px; padding: 12px 0;}

.Publicity-right-a{ padding:0 15px 15px 15px;}
.Publicity-right-a a{ font-size: 18px; background-color: #ddeafb; padding: 10px 15px; display: block; margin-bottom: 1px;}
.Publicity-right-a a i{width: 5px; height: 10px; float: left; margin-top: 8px;margin-right: 10px; background: url(../images/k1.png) no-repeat left center; display: block;}


.tab-container{width: 99%; overflow: hidden;height: 100%; margin-top: 20px; position: relative;}
/* 导航栏样式 */
.tab-nav{display: flex;height: 49px;}
/* Tab项样式 */
.tab-item {flex: 0 0 auto; height: 50px; line-height: 50px; margin-right:30px; font-size: 20px;color: #a6a4a4;white-space: nowrap;position: relative; z-index: 9; transition: color 0.3s;cursor: pointer;}
.tab-item.active { text-align: center; color: #005395; font-weight: bold;  font-size: 20px; opacity: 1;pointer-events: auto;}
.tab-item.active::after {content: '';position: absolute;bottom: 0;z-index: 555;left: 50%;transform: translateX(-50%);width: 100%;height: 2px; background: #165eba;}
.tab-content { display: grid;grid-template-rows: auto 1fr; /* 标题行 | 内容区 */height: 285px; /* 关键属性 *//* 可选：添加弹性收缩 */flex-shrink: 1; /* 允许压缩 */flex-direction: column; /* 垂直排列 */}
.content-item {position: absolute;height: auto;opacity: 0;transition: opacity 0.3s;pointer-events: none; width: 100%;}
.content-item.active { opacity: 1;pointer-events: auto;}

.Publicity-list{ padding: 20px 0 0 0;}
.Publicity-list li{ padding: 8px 0; font-size:16px;}
.Publicity-list li a{ display: flex; align-items: center;}
.Publicity-list li a i{ width: 6px; height: 6px; background: url(../images/k.jpg) no-repeat left center; display: inline-block; margin-right: 10px;}
.Publicity-list li a span{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.more{ position: absolute; top:-40px; right: 0;}

.Publicity-bottom{ background: url(../images/wgk-bg.png) no-repeat left top; padding: 10px 0; margin-top: 0px; background-size: 100% 100%;}
.tab-nav-icon{display: flex; width: 580px; margin: 0 auto;}
.tab-nav-icon .tab-item {flex: 0 0 auto; height: 50px; line-height: 50px; width: 250px; margin: 0 20px; text-align: center; font-size: 24px;color: #333333;white-space: nowrap;position: relative; z-index: 9; transition: color 0.3s;cursor: pointer;}
.tab-nav-icon .tab-item.active { text-align: center; color: #005395; font-weight: bold; font-size: 22px; opacity: 1;pointer-events: auto; background: url(../images/wgk-title.png) no-repeat; text-align: center; color: #ffffff;}
.tab-nav-icon .tab-item.active::after {content: ''; display: none;}

.Publicity-content{ margin-top: 50px;}
.Publicity-li{background: url(../images/i-bg.png) repeat-x #ffffff; position: relative; width: 16%; min-height: 500px; float: left; margin-right: 20px; border: 3px solid #ffffff; border-radius: 10px; box-shadow: 0 0 10px #c6e7ff;}
.Publicity-li i{ position:absolute; bottom: 10px; right: 10px;}
.p-title{ background: url(../images/wgk-i.png) no-repeat center center; text-align: center; padding: 0 0 25% 0; font-size: 20px; font-weight: bold; color: #005395; margin-top: 20px;}
.Publicity-li:nth-child(3){ width:25%;}
.Publicity-li:nth-child(3) .p-title{ padding-bottom: 15%;}
.Publicity-li:last-of-type{ margin-right: 0;}
.p-list{ padding: 15px;}
.p-list b{ font-weight: bold; margin-bottom: 10px; display: block; font-size:18px}
.p-list-i li{ float: left; width: 50%; background: url(../images/k2.png) no-repeat left center; padding: 10px 0 10px 10px; font-size: 15px;}
.p-list-i1 li{  background: url(../images/k2.png) no-repeat left center; padding:10px 0 10px 10px; font-size: 15px;}

.Publicity-li:nth-child(4){ width:19%}
.Publicity-li:nth-child(4) .p-title{ padding-bottom: 19%;}


.Key-points{ margin-top: 50px;}
.Key-points li{ width: 18.6%; height: 60px; float: left; background:#ffffff; margin: 0 8px; border: 1px solid #dbe9fc; margin-bottom: 15px; border-radius: 5px;}
.Key-points li a{ font-size: 18px;height: 60px; display:flex; align-items: center;}
.Key-points li a i{ display: block; float: left; width: 40px; height: 28px; margin:15px 10px;}
.Key-points li a img{ display: block; width: 100%;}
.Key-points li:hover{ background: #dbe9fc; border: 1px solid #003e7f;}


.ny-content{ min-height: 700px;}
.Finance-left{float: left; width: 28%;background-color: #f1f7ff;}
.Finance-right{ width: 70%; float: right; background-color: #ffffff; box-shadow: 0 0 10px #eeeeee; padding: 20px;}
.Finance-nav{ padding: 20px;}
.Finance-nav a{display: block;padding: 15px; background-color: #ffffff; margin-bottom: 15px; text-align: center; font-size: 18px;}

.Finance-nav1{ width: 48%; float: left;}
.Finance-nav1 a{display: block; padding: 15px; background-color: #ffffff;width: 90%; margin: 15px 0; text-align: center; font-size: 18px;}
.Finance-nav1 .at{color:#003e7f;}

.Finance-title{height: 45px; border-bottom: 1px solid #dddddd;}
.Finance-title b{ line-height: 45px; font-size: 20px; position: relative; display: inline-block; color: #003e7f;}
.Finance-title b:before{content: " "; position: absolute; width: 100%; bottom: 0; z-index: 99; height: 2px; background-color: #003e7f;}
.Finance-list{ margin-top: 15px;}
.Finance-list li{ padding: 15px 0; border-bottom: 1px dashed #dbe9fc; font-size:16px;}
.Finance-list li a{ display: block;}
.Finance-list li a span{ width:80%; float: left; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.Finance-list li a i{ color: #666666; float:right; display: block;}
/*一行两个*/
.Finance-list-first{ margin-top: 15px;}
.Finance-list-first li{line-height: 36px; float: left; width: 49%; border: solid 1px #e1e1e1;background: #f6f6f6;border-radius: 6px;display: block;margin: 8px 0 8px 2%;padding: 0 8px;}
.Finance-list-first li a{display: block; width:100%; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.Finance-list-first li:nth-child(2n-1){ margin-left: 0;}


.seven-list {margin-top: 55px;overflow: hidden;margin-bottom: 26px;}
.seven-list li {float: left;padding: 0 9px;width: 14.28%;}
.seven-list li a {display: block;text-align: center;padding: 18px 0;/*border: 1px solid #e5e5e5;*/}
.seven-list li a i{ width:50px; height: 50px; margin: 0 auto; display: block;}
.seven-list li a i img {width: 100%;}
.seven-list li a p {font-size: 16px;color: #000000;margin-bottom: 0;margin-top: 14px; height:25px; padding: 0 8px; font-size: 16px;}

.Finance-li{}
.Finance-li li {float: left;width: 49%;margin-top: 20px;margin-right:2%;}
.Finance-li li:nth-child(2n){ margin-right:0;}
.Finance-li li a {display: block; text-align: center;height: 50px; border-width: 1px;border-style: solid;border-color:#e3ecf9;border-image: initial;padding:0 10px;overflow: hidden;transition: 0.15s ease-in-out;}
.Finance-li li a:hover{border-color: #004ca2; box-shadow: 0 0 10px #b3ccef;}
.Finance-li li i {width: 120px; float:right;}
.Finance-li li i img{ width: 20px; margin: 0 auto;}
.Finance-li li span {float: left;color: rgb(0, 0, 0);font-size: 16px;width: 75%;line-height: 50px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }



.Finance-top{ margin-top:50px;}
.compute-title{ background: url(../images/line.png) no-repeat center center;}
.compute-title b{background: url(../images/Finance.png) no-repeat center center; font-size: 22px; color: #ffffff; text-align: center; width: 310px; margin: 0 auto; display: block; padding:10px 0}
.Finance-bot{ margin-bottom: 70px;}
.Finance-bot li a{ line-height: 50px; background: rgb(200, 219, 245, .1);}


.compute-title1{ background: url(../images/line.png) no-repeat center center;}
.compute-title1 b{background: url(../images/wgk-title.png) no-repeat center center; font-size: 22px; color: #ffffff; text-align: center; width: 310px; margin: 0 auto; display: block; padding:10px 0}
.Finance-more{position: absolute; top: -50px; right: 0; width: 80px; border:1px solid #e3ecf9; padding:6px 10px; text-align: center; margin: 20px auto; border-radius: 10px;}
.Finance-more a{ color: #818181;}
.quality-list{ float: left; width: 50%; padding: 0 2%; margin:0 0 50px 0;}
.quality-bot .Finance-list{ height: 360px;}
.quality-bot .Finance-list li{ padding: 25px 0;}
.quality-bot .Finance-list li span{ background: url(../images/k.jpg) no-repeat left center; padding-left: 20px;}


.Finance-more1{ width: 100px; float:right; text-align: right; margin: 0 auto; }
.Finance-more1 a{ color: #818181;}



.Budget-left{ float: left; width: 50%;}
.Budget-right{float: right; width: 50%;}

.pc-slide {width: 100%;height: 100%;margin: 0 auto;}
.swiper-container{ overflow:visible !important;}
.preview, .preview02{margin-left: -105px;}
.preview,.preview01,.preview02, .preview03{width: 70px;height: 100%;overflow: hidden;z-index: 9;float: left;}
.preview .arrow-left img, .preview01 .arrow-left01 img, .preview02 .arrow-left img, .preview03 .arrow-left img{display: block;width: 45px;text-align: center;color: #bebebe; margin: 0 auto;}
.preview .swiper-container, .preview01 .swiper-container01, .preview02 .swiper-container, .preview03 .swiper-container{width: 100%;height: 230px;}
.preview .swiper-slide, .preview01 .swiper-slide01, .preview02 .swiper-slide, .preview03 .swiper-slide{color: #777777;font-size: 18px;text-align: center;position: relative;width: 61px;height: 61px;line-height: 61px;border:1px solid #ececec;cursor: pointer;margin-bottom: 21px;}
.preview .swiper-container-horizontal>.swiper-wrapper, .preview01 .swiper-container-horizontal>.swiper-wrapper01 , .preview02 .swiper-container-horizontal>.swiper-wrapper, .preview03 .swiper-container-horizontal>.swiper-wrapper{
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.preview .arrow-right img, .preview01 .arrow-right01 img, .preview02 .arrow-right img, .preview03 .arrow-right img{display: block;width: 45px;text-align: center;color: #bebebe;margin: 0 auto;}
.view, .view01, .view02, .view03{/* 	float: right; */position: relative;width:580px;/*height: 510px;*/height: auto;/*无障碍*/     overflow: hidden;}
.view, .view02{float: left;}
.view01, .view03{float: right;}
.view .swiper-container , .view01 .swiper-container01, .view02 .swiper-container, .view03 .swiper-container{width: 100%;height: 100%;}
.preview01 .arrow-left01 img{padding-right: 0;}
.preview .swiper-slide.active-nav, .preview01 .swiper-slide01.active-nav, .preview02 .swiper-slide.active-nav, .preview03 .swiper-slide.active-nav{background: url(../images/activer.png) no-repeat;border: none;width: 66px;color: #fff;padding-right: 4px;}
.preview01, .preview03{margin-right: -105px;}


.department h3{font-size: 20px;color: #222222;font-weight: bold; margin-top: 30px;}

.preview01 .swiper-slide01, .preview03 .swiper-slide{margin: 0 auto;}
.preview01 .arrow-right01 img, .preview03 .arrow-right img{padding-right: 0;}
.view01, .view03{width: 580px;}
.final-lt, .final-lt01{float: left;}
.final-rt, .final-rt01{float: right;}
.final-rt .swiper-slide.active-nav, .final-rt01 .swiper-slide.active-nav{background: url(../images/leftactiver.png) no-repeat;padding-right: 0;padding-left: 4px;}
.final-rt .arrow-left .iconfont, .final-rt01 .arrow-left .iconfont{padding-right: 0;}


@media (max-width: 1400px){
.preview, .preview02 {margin-left: 0px;}
.view, .view01, .view02, .view03{width: 470px;}
.view01, .view03 {width: 470px;}
.preview01, .preview03 {margin-right: 0px;}
}
@media (max-width: 1199px){
.view, .view01, .view02, .view03{width: 370px;}
}
@media (max-width: 991px){

}
@media (max-width: 767px){

.view, .view01, .view02, .view03{width: 570px;}
.view, .view01, .view02, .view03 {width: calc(100% - 80px);}

}