@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}

body{ background:#ffffff;min-width:1200px; font:normal 13px/22px "微软雅黑";  }
i{ font-style:normal;}
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.dn { display:none;}
.clearfix:after{content: ''; display: block; height: 0; clear: both;}

html{overflow:scoll;}
.fade-leave-to {
  display: none;
}
 html {
	overflow-x: hidden;
	overflow-y: auto;
}
body {
	width: 100vw;
	overflow: hidden;
	padding-right: calc(100vw - 100%);
}
/* CSS Document */

.top{background: #C7000A; overflow: hidden;}
.tianqi{float: left; display: block; margin-top: -8px;}
.topBox{width: 1200px; margin: 0 auto; padding: 6px 0; overflow: hidden;}
.topBox .topLeft{float: left;}
.topBox .topLeft p{float: left; font-size: 14px; color: #fff;}
.topBox .topLeft .dz{margin: 0 40px;}
.topBox .topRight{float: right;}
.topBox .topRight p{float: left;font-size: 14px; color: #fff; margin-right: 40px;}
.topBox .topRight a{font-size: 14px; color: #fff;}
.topBox .topRight span{font-size: 14px; color: #fff; margin: 0 6px;}
.banner{ position: relative;}
.banner .swiper { overflow: hidden;}
.banner img{display: block; width: 100%;}
.banner .nav{width: 1200px; position: absolute; top: 20px; left: 50%; transform: translate(-50%); background: rgba(255, 255, 255, 0.8); height: 60px; border-radius: 30px; backdrop-filter: blur(5px); z-index: 10;}
.banner .nav .navLogo{margin: 11px 0 11px 15px; overflow: hidden; width: 150px; float: left;}
.banner .nav .navLogo img{display: block; width: 100%;}
.banner .nav .navNav{float: right; margin-right: 20px;}
.banner .nav .navNav ul li{float: left; position: relative;}
.banner .nav .navNav ul li a{display: block; width: 100px; height: 60px; line-height: 60px; text-align: center; color: #334155; font-size: 16px; box-sizing: border-box; transition: 0.5s;}
.banner .nav .navNav ul li>a:hover{border-bottom: 4px solid #C7000A;}
.banner .nav .navNav ul .on>a{border-bottom: 4px solid #C7000A;}
.banner .nav .navNav ul li dl{position: absolute;top: 60px; left: 0;background: rgba(255, 255, 255, 0.8); display: none; }
.banner .nav .navNav ul li dl dd a:hover{color: #C7000A; background: #fff;}
.banner .nav .navNav ul li:hover dl{display: block;}
.sousuoBox{overflow: hidden; width: 200px; background: #fff; border-radius: 12px; position: relative; }
.sousuoBox input{width: 160px; height: 24px; outline: none; text-indent: 10px; backdrop-filter:none; float: left; border: 0;background: none;}
.sousuoBox a{display: block; width: 16px; height: 16px; position: absolute; right: 9px; top: 50%; transform: translateY(-50%); float: right;}

.main{width: 100%; background: #F4F4F5; padding: 20px 0;}
.box{ width: 1200px; overflow: hidden; margin: 0 auto 20px; overflow: hidden;}

.title{padding-bottom: 16px; overflow: hidden;}
.title h2{float: left; font-size: 18px; color: #C7000A; font-weight: 500;}
.title p{float: right; font-size: 14px; color: #94A3B8;}
.title p a{font-size: 14px; color: #94A3B8; transition: 0.5s;}
.title p a:hover{color: #C7000A;}
.title p span{margin-left:8px;display:inline-block; width: 12px;}
.title p span img{vertical-align: -2px;}
.rightBox .title span{margin: 0 7px; }

.main1 .notice{float: left; padding: 20px; width: 560px; background: #fff;}
.main1 .notice .aboutNt{overflow: hidden; margin-bottom: 8px;}
.main1 .notice .aboutNt .block{float: left; width: 65px; height: 65px; background: #C7000A; color: #fff; overflow: hidden;}
.main1 .notice .aboutNt .block h2{font-size: 24px; line-height: 36px; font-weight: 500; float: left; margin: 6px 0 0 14px;}
.main1 .notice .aboutNt .block span{font-size: 12px; line-height: 18px; font-weight: 400; margin-top: 20px; display: block;}
.main1 .notice .aboutNt .block p{font-size: 12px; text-align: center; font-weight: 400; line-height: 18px;}
.main1 .notice .aboutNt .txt{padding: 8px; float: left;width:355px;}
.main1 .notice .aboutNt .txt p{margin-bottom: 3px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.main1 .notice .aboutNt .txt p a{font-size: 16px; font-weight: 400; color: #C7000A; line-height: 24px;}

.main1 .notice .aboutNt .txt span{font-size: 14px; font-weight: 400; color: #94A3B8; line-height: 20px;}
.main1 .notice .aboutNt .up{display: block;width: 14px; height: 14px; float: right; margin: 24px 10px 0 0;}
.main1 .notice .list li{border-top: 1px solid #F4F4F5; overflow: hidden; padding-left: 34px; background: url(/html/default/images/icon1.png) 10px center no-repeat;}
.main1 .notice .list li:last-child{border-bottom: 1px solid #F4F4F5;}
.main1 .notice .list li a{font-weight: 400; color: #334155; line-height: 40px; color: #334155; font-size: 16px; transition: 0.5s;}
.main1 .notice .list li a:hover{color: #C7000A;}
.main1 .notice .list li a:hover span{color: #C7000A;}
.main1 .notice .list li a span{float: left;width:390px;font-weight: 400; color: #334155; line-height: 40px; color: #334155; font-size: 16px; transition: 0.5s;white-space: nowrap;
            overflow: hidden;text-overflow: ellipsis;}
.main1 .notice .list li span{float: right;font-weight: 400; color: #94A3B8; line-height: 40px; font-size: 14px; transition: 0.5s;}
.main1 .companyProfile{float: right; width: 620px; padding: 20px; background: #fff;}
.main1 .companyProfile .icon{float: left; width: 286px; float: left; overflow: hidden; margin-right: 19px;}
.main1 .companyProfile .icon img{display: block; width: 100%;}
.main1 .companyProfile .txt h2{font-size: 18px; color: #C7000A;font-weight: 500; color: #C7000A; line-height: 28px; margin-bottom: 12px;}
.main1 .companyProfile .txt p{font-size: 16px; color: #334155; font-weight: 400;color: #334155; line-height: 30px;}
.newsCenter{padding: 20px; background: #fff;}
.newsCenter .introduce{float: left;}
.newsCenter .introduce .iconSwiper{width: 540px;height: 304px; overflow: hidden; position: relative;}
.newsCenter .introduce .iconSwiper img{display: block; width: 100%;}
.newsCenter .introduce .iconSwiper .rectangle{width: 100%; height: 50px; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 10;}
.newsCenter .introduce .iconSwiper .rectangle p{font-size: 18px; color: #fff; font-weight: 400; line-height: 50px; margin-left: 20px;}
.newsCenter .introduce .iconSwiper .rectangle p span{width: 3px; height: 18px; background: #C7000A; display: inline-block; margin-right: 8px; transform: translateY(2px);}
.newsCenter .introduce .iconNav ul{overflow: hidden;width:540px;}
.newsCenter .introduce .iconNav ul li{float: left; width: 33.3%;}
.newsCenter .introduce .iconNav ul li a{display: block; line-height: 60px; padding-left: 32px; font-size: 16px; font-weight: 400; transition: 0.5s; position: relative;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.newsCenter .introduce .iconNav ul .on a{background: #C7000A; color: #fff;}
.newsCenter .introduce .iconNav ul .on a span{background: #fff;}
.newsCenter .introduce .iconNav ul li a:hover{background: #C7000A; color: #fff;}
.newsCenter .introduce .iconNav ul li a span{display: block; width: 4px; height: 4px; background: #000; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
.newsCenter .introduce .iconNav ul li a:hover span{background: #fff;}
.newsCenter .list{ float: right; width: 600px;}
.newsCenter .list li{border-bottom: 1px solid #F4F4F5; overflow: hidden; padding-left: 34px; background: url(/html/default/images/icon6.png) 10px center no-repeat; transition: 0.5s;}
.newsCenter .list li a{font-weight: 400; color: #334155; line-height: 40px; color: #334155; font-size: 16px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis; float: left; max-width: 465px; transition: 0.5s;}
.newsCenter .list li span{float: right;font-weight: 400; color: #94A3B8; line-height: 40px; font-size: 14px; transition: 0.5s;}
.newsCenter .list li:hover{color: #C7000A; background: url(/html/default/images/icon5.png) 10px center no-repeat;}
.newsCenter .list li:hover span{color: #C7000A;}
.newsCenter .list li:hover a{color: #C7000A;}
.operationalServices{padding: 20px; background: #fff;}
.operationalServices .Exhibition{padding: 0 38px;}
.Exhibition ul{height: 100px;}
.Exhibition ul li{float: left; margin-right: 105px;}
.Exhibition ul li:last-child{margin-right: 0;}
.Exhibition ul li .block{float: left; margin-right: 20px; width: 100px; height: 100px; background: #FFFFFF; box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.1); position: relative;}
.Exhibition ul li .block .icon{width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.Exhibition ul li .block .icon img{display: block; width: 100%; transition: 0.5s;}
.Exhibition ul li .block:hover img{transform: scale(1.1);}
.Exhibition ul li p{float: left; line-height: 100px;}
.Exhibition ul li p a{ font-size: 18px; color: #C7000A; font-weight: 600;}
.banner2{padding: 20px 0; background: #fff; position: relative;}
.banner2 .swiper-pagination span{}
.banner2 .swiper-pagination-bullets{bottom: 40px;}
.banner2 .swiper-pagination-bullet-active{background: #C7000A!important; width: 16px; border-radius: 4px;}
.banner2 .swiper-pagination-bullet{background: #fff; opacity: 1;}
.subwayKnow{padding: 20px; background: #fff; margin: 0 auto;}
.subwayKnow ul{overflow: hidden;}
.subwayKnow ul li{float: left; width: 558px; background: #C7000A; color: #fff; height: 270px;}
.subwayKnow ul li:last-child{float: right; padding: 20px; box-sizing: border-box; width: 582px;}
.subwayKnow ul li .icon{overflow: hidden;}
.subwayKnow ul li .icon img{display: block; width: 100%;}
.subwayKnow ul li span{font-size: 14px; font-weight: 400; line-height: 20px;}
.subwayKnow ul li h2{font-size: 18px; font-weight: 500; line-height: 25px; margin: 16px 0 21px 0;}
.subwayKnow ul li p{font-size: 16px; font-weight: 400; line-height: 24px;}
.subwayKnow ul li a{float: right; font-size: 14px; color: #fff; margin-top: 20px;}
.subwayKnow ul li a span{margin-left: 8px;}
.subwayKnow ul li a span img{vertical-align: -2px;}

.footer .footer1{background: #1E293B; height: 176px; border-bottom: 1px solid #F4F4F5;}
.footer .footer1 .footer1Box{width: 1200px; margin: 0 auto;}
.footer1Box .footerLogo{float: left; margin: 64px 98px 0 0; width: 92px;}
.footer1Box .footerLogo img{display: block; width: 100%;}
.footer1Box .government{ width: 238px; margin-right: 100px;}
.footer1Box .friend{width: 192px; margin-right: 60px;}
.same{float: left; margin-top: 40px; }
.same h2{font-size: 16px; color: #fff; font-weight: 500; line-height: 22px; margin-bottom: 13px;}
.same ul{overflow: hidden;}
.same ul li{float: left; width: 50%;}
.same ul li a{font-size: 14px; font-weight: 400; color: #FFFFFF; line-height: 28px;}
.footer .contact{float: left; margin-top: 30px;}
.footer .contact h2{font-size: 16px; color: #fff; font-weight: 500; line-height: 22px; margin-bottom: 10px;font-size: 14px;margin-left: 24px;}
.footer .contact p{font-size: 14px; font-weight: 400; color: #FFFFFF; line-height: 20px;}
.footer .contact p span{margin-right: 8px; display: inline-block;}
.footer .contact p span img{ width: 16px; height: 14px; vertical-align: -1px;}
.footer .contact .information{margin-bottom: 14px;}
.footer .WeChat{float: right; margin-top: 40px;}

.footer .WeChat p{text-align: center; font-size: 16px; font-weight: 400; color: #fff; margin-top: 10px;}
.footer .footer2{background: #334155; height: 34px;}
.footer2Box{width: 1200px; margin: 0 auto; overflow: hidden;}
.footer2Box .L{float: left;}
.footer2Box .R{margin-left:350px;}

.footer2Box p{font-size: 14px; font-weight: 400; color: #94A3B8; line-height: 34px;}
.footer2Box p a{color: #94A3B8;}

.line{height: 4px; width: 100%;}

.line img{display: block; width: 100%;}
.mainBox{width: 1200px; margin: 0 auto; position: relative;}
.mainBox .jsNav{ width: 260px;float: left; margin-top: 0px;}
.mainBox .jsNav h2{text-align: center; line-height: 60px; color: #fff; background: #C7000A; font-weight: 400; font-size: 22px; margin-bottom: 4px;}
.mainBox .jsNav h2 a{display: block; font-size: 22px; line-height: 60px; text-align: center; background: #C7000A;font-weight: 400; transition: 0.5s; color: #fff; position: relative;}

.mainBox .jsNav h2 a::after{content: ''; opacity: 0; transition: 0.5s;}
.mainBox .jsNav h2 .on a{color: #C7000A;}
.mainBox .jsNav h2 .on a::after{content: ''; width: 4px; height: 20px; background: #C7000A; position: absolute; top: 20px; left: 74px; display: block; opacity: 1;}
.mainBox .jsNav h2 a:hover{color: #334155;}

.mainBox .jsNav li{border-bottom: 1px solid #F4F4F5;}
.mainBox .jsNav li:last-child{border: 0;}
.red{background: #C7000A; line-height: 60px; text-align: center;font-weight: 500; font-size: 18px; color: #fff; width: 260px; float: left;}
.mainBox .jsNav li a{display: block; font-size: 16px; line-height: 60px; text-align: center; background: #FFFFFF;font-weight: 400; transition: 0.5s; color: #334155; position: relative;}
.mainBox .jsNav li a::after{content: ''; opacity: 0; transition: 0.5s;}
.mainBox .jsNav .on a{color: #C7000A;}
.mainBox .jsNav .on a::after{content: ''; width: 4px; height: 20px; background: #C7000A; position: absolute; top: 20px; left: 74px; display: block; opacity: 1;}
.mainBox .jsNav li a:hover{color: #C7000A;}
.mainBox .jsNav li a:hover::after{content: ''; width: 4px; height: 20px; background: #C7000A; position: absolute; top: 20px; left: 74px; display: block; opacity: 1;}
.mainBox .rightBox{float: right; width: 920px; background: #fff; padding: 20px;min-height:285px;}
.mainBox .rightBox .icon{width: 880px; overflow: hidden; margin-bottom: 20px;}
.mainBox .rightBox .icon img{display: block; width: 100%;}
.mainBox .rightBox .txt{font-size: 16px; font-weight: 400; color: #334155; line-height: 30px; text-indent: 2em; margin-bottom: 96px;}
.newList{padding: 0 10px; margin-bottom: 46px;}
.newList li{overflow: hidden; padding: 12px 0; border-bottom: 1px solid #F4F4F5;}
.newList .block{width: 100px; height: 100px; background: #71717A; padding: 20px 0 0; text-align: center; float: left; transition: 0.5s;}
.newList .block h2{font-size: 40px; color: #fff; font-weight: 500; line-height: 40px;}
.newList .block span{font-size: 12px; font-weight: 400; color: #FFFFFF; line-height: 18px;}
.newList .block p{font-size: 12px; font-weight: 400; color: #FFFFFF; line-height: 18px;}
.newList .newtxt{float: left; margin-left: 20px;}
.newList .newtxt p{margin: 16px 0 24px 0;width: 663.33px;
    position: relative;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.newList .newtxt p a{font-size: 16px; font-weight: 400; color: #334155; line-height: 24px; transition: 0.5s;}
.newList .newtxt span{font-size: 14px; font-weight: 400; color: #94A3B8; line-height: 20px;}
.newList .view{float: right; margin-top: 30px;}
.newList .view a{display: block; width: 100px; line-height: 40px; font-size: 14px; background: #71717A; text-align: center; transition: 0.5s; color: #fff;}
.newList .on .block{background: #C7000A;}
.newList .on .newtxt p a{color: #C7000A;}
.newList .on .view a{background: #C7000A; color: #fff;}
.newList li:hover .block{background: #C7000A;}
.newList li:hover .newtxt p a{color: #C7000A;}
.newList li:hover .view a{background: #C7000A; color: #fff;}
.newList li:first-child{padding-top: 0;}
.turning{margin: 0 auto; text-align: center;}
.turning ul{overflow: hidden;}
.turning ul li{display: inline-block; margin-right: 10px;}
.turning ul li a{display: block; width: 60px; line-height: 32px; border: 1px solid #CBD5E1; text-align: center; font-size: 14px; font-weight: 400; color: #334155; transition: 0.5s;}
.turning ul li:first-child a{width: 64px;}
.turning ul li:last-child a{width: 64px;}
.turning ul li:last-child{margin-right: 0;}
.turning .on a{background: #C7000A; color: #fff;}
.turning ul li a:hover{background: #C7000A; color: #fff;}
.newList .newIcon{width: 180px; float: left; height: 100px; overflow: hidden;}
.newList .newIcon img{display: block; width: 100%;}
.newtxt2{padding-bottom: 124px;}
.newtxt2 h2{font-size: 18px; font-weight: 500; color: #334155; line-height: 28px; margin-bottom: 12px;text-align: center;}
.newtxt2 h3{font-size: 14px; font-weight: 400; color: #94A3B8; line-height: 20px; margin-bottom: 17px;text-align: center;}
.newtxt2 p{font-size: 16px; font-weight: 400; color: #334155; line-height: 30px; text-indent: 2em;}

.map{width: 880px; overflow: hidden;}
.map img{display: block; width: 100%;}
.lineQuery{padding-left: 194px;}
.lineQuery li{margin-bottom: 20px;}
.lineQuery p{font-size: 16px; font-weight: 400; color: #334155; line-height: 40px; float: left; margin-right: 12px;}
.lineQuery select{width: 200px; height: 40px; margin-right: 12px; outline: none;}
.lineQuery .query{width: 414px; display: block; line-height: 40px; text-align: center; color: #fff; font-size: 14px; font-weight: 400; background: #C7000A; margin-left: 60px;}
.search{min-height: 958px;}
.results{background: #F4F4F5; overflow: hidden; padding: 0 20px; margin: 20px 0;}
.results h2{font-size: 18px; font-weight: 500; color: #334155; line-height: 68px; float: left;}
.results p{float: left; font-size: 18px; font-weight: 500; color: #334155; line-height: 68px;}
.results .jt{float: left; display: inline-block; transform: translateY(25px); margin: 0 20px;}
.results h3{float: right; font-size: 18px; font-weight: 400; color: #C7000A; line-height: 68px;}
.results .nu{font-size: 24px;}
.resultsTxt{margin-top: 20px;}
.resultsTxt p{font-size: 16px; font-weight: 400; color: #334155; line-height: 28px;}
.resultsTxt p span{display: inline-block; width: 28px; height: 28px; text-align: center; line-height: 28px; background: #C7000A; color: #fff; margin: 0 8px 0 20px;}
.route{margin-top: 40px;}
.route ul li{ padding: 15px 0; position: relative;}
.route ul li p:first-child{float: left; text-align: right;}
.route ul li p:last-child{float: right;}
.route ul li p {width: calc(50% - 22.5px); font-size: 16px; font-weight: 400; color: #334155; line-height: 24px;}
.route ul li i{display: block; position: absolute; left: 50%; transform: translate(-50%,-50%); width: 5px; height: 5px; background: #C7000A; border-radius: 50%; top: 50%; }
.route ul li b{display: block; position: absolute; left: 50%; width: 1px; height: 41px; background: #C7000A; top: 33px; margin-left: -0.5px;}
.route ul li:last-child b{display: none;}
.ssresult{background: #fff; width: 1200px; margin: 0 auto; padding: 20px; overflow: hidden;}


/*大事记*/
.bigThing { background: #ffffff; padding: 17px 24px;}
.bigThing h2 { margin-bottom: 10px; line-height: 1; font-size: 20px; font-weight: bold; color: #C7000A; height: 26px; line-height: 26px; overflow: hidden; }
.bigThing h2 a{float: right; font-size: 14px; color: #666; line-height: 1; cursor: pointer; line-height: 26px; transition: all 0.3s; }
.bigThing h2 a:hover{ color: #C7000A;  }
.thingChose p { display: inline-block; font-weight: bold; cursor: pointer; position: relative; text-align: center; font-size: 20px; line-height: 40px; color: #aeaeae;}
.thingChose p:after { content: ''; width: 24px; height: 2px; position: absolute; top: 50%; margin-top: -1px; right: -50px; background: #b3b3b3;}
.bigThing .swiper-slide:last-child p:after { display: none;}
.bigThing .swiper-slide.cur p { border-bottom: 2px solid #c40006; font-size: 22px; color: #c40006;}
.thingChose { margin-bottom: 20px; padding: 0 50px; position: relative;}
.thingChose .swiper-button-next, .thingChose .swiper-button-prev { color: #60707f!important; z-index: 33; cursor: pointer;}
.thingChose .swiper-button-next:after, .thingChose .swiper-button-prev:after { font-size: 30px;}
.thingChose .swiper-button-next { left: auto; right: 0;}
.thingChose .swiper-button-prev { left: 0;}
.thingBar li { overflow: hidden; padding: 10px; border-radius: 3px; border: 1px solid #e5e6ea;}
.thingBar ul { margin-bottom: 15px; overflow: hidden; }
.thingImg { float: left; width: 524px; height: 270px; overflow: hidden;}
.thingImg img { display: block; width: 100%; height: 270px;}
.thingTxt { float: right; width: calc(100% - 565px);}
.thingTxt h3 { line-height: 30px; font-weight: bold; color: #000000; font-size: 20px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;
margin-bottom: 10px;}
.thingTxt p { font-size: 16px; line-height: 2;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4;-webkit-box-orient: vertical;
color: #2a3747;}
.thingTxt span { display: block; text-align: right; font-size: 14px; color: #2A3747; line-height: 1; margin-top: 38px;}
.thingSlide { text-align: center;}
.thingSlide span { cursor: pointer; display: inline-block; margin: 0 7px; font-size: 14px; color: #2A3747; border-bottom: 2px solid #bcbcbc; line-height: 28px;}
.thingSlide span.act { border-bottom: 2px solid #c40006;}
.bigBar { box-sizing: border-box; overflow: hidden; padding: 8px; border: 1px solid #eee; border-radius: 3px;}
.bigImg { float: left; width: 165px; height: 100px; overflow: hidden;}
.bigImg img { display: block; width: 100%; height: 100px; width: 165px;}
.bigTxt { float: right; width: calc(100% - 200px);}
.bigTxt p { font-size: 14px; line-height: 24px; color: #7b8a96;}
.bigChose h2 { font-size: 16px; line-height:30px; color: #2A3747;}
.bigChose h3 { margin-bottom: 5px; font-size: 10px; line-height: 22px; color: #7b8a96;}
.bigChose li { padding-bottom: 30px; position: relative; padding-left: 25px;}
.bigChose li:after { content: ''; position: absolute; left: 0; width: 17px; height: 17px; top:6px; background: #c90118;
border-radius: 50%;}
.bigChose li::before { content: ''; position: absolute; left: 8px; width: 1px; top: 30px; bottom: 0; background: #bdc4cc;}
.bigChose li:last-child::before { display: none;}
.thingLi { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f2f3f6; overflow: hidden;}
.thingLi span { float: left; display: block; width: 50px; line-height: 30px; border: 1px solid #c90118; color: #c90118;
border-radius: 4px; margin-right: 10px; text-align: center; cursor: pointer; font-size: 16px;}
.thingLi span.cur { background:#c90118; color: #ffffff;}

.swiper-button-lock{ display: flex; }
[v-cloak]{
    display: none;
}


/* 5.12 调整 */
.main2 .notice{float: right; padding: 20px; width: 560px; background: #fff;height:398px;}
.main2 .notice .aboutNt{overflow: hidden; margin-bottom: 8px;}
.main2 .notice .aboutNt .block{float: left; width: 65px; height: 65px; background: #C7000A; color: #fff; overflow: hidden;}
.main2 .notice .aboutNt .block h2{font-size: 24px; line-height: 36px; font-weight: 500; float: left; margin: 6px 0 0 14px;}
.main2 .notice .aboutNt .block span{font-size: 12px; line-height: 18px; font-weight: 400; margin-top: 20px; display: block;}
.main2 .notice .aboutNt .block p{font-size: 12px; text-align: center; font-weight: 400; line-height: 18px;}
.main2 .notice .aboutNt .txt{padding: 8px; float: left;}
.main2 .notice .aboutNt .txt p{margin-bottom: 3px;}
.main2 .notice .aboutNt .txt p a{font-size: 16px; font-weight: 400; color: #C7000A; line-height: 24px;}
.main2 .notice .aboutNt .txt span{font-size: 14px; font-weight: 400; color: #94A3B8; line-height: 20px;}
.main2 .notice .aboutNt .up{display: block;width: 14px; height: 14px; float: right; margin: 24px 10px 0 0;}
.main2 .notice .list li{border-top: 1px solid #F4F4F5; overflow: hidden; padding-left: 34px; background: url(/html/default/images/icon1.png) 10px center no-repeat;}
.main2 .notice .list li:last-child{border-bottom: 1px solid #F4F4F5;}
.main2 .notice .list li a{font-weight: 400; color: #334155; line-height: 40px; color: #334155; font-size: 16px; transition: 0.5s;}
.main2 .notice .list li a:hover{color: #C7000A;}
.main2 .notice .list li a:hover span{color: #C7000A;}
.main2 .notice .list li a span{float: left;width:390px;font-weight: 400; color: #334155; line-height: 40px; color: #334155; font-size: 16px; transition: 0.5s;white-space: nowrap;
            overflow: hidden;text-overflow: ellipsis;}
.main2 .notice .list li span{float: right;font-weight: 400; color: #94A3B8; line-height: 40px; font-size: 14px; transition: 0.5s;}
.main2 .companyProfile{float: left; width: 620px; padding: 20px; background: #fff;height:398px;}
.main2 .companyProfile .icon{float: left; width: 286px; float: left; overflow: hidden; margin-right: 19px;}
.main2 .companyProfile .icon img{display: block; width: 100%;}
.main2 .companyProfile .txt h2{font-size: 18px; color: #C7000A;font-weight: 500; color: #C7000A; line-height: 28px; margin-bottom: 12px;}
.main2 .companyProfile .txt p{font-size: 16px; color: #334155; font-weight: 400;color: #334155; line-height: 30px;}

.main2 .companyProfile .pic {padding: 10px; background: #fff; margin: 0 auto;}
.main2 .companyProfile .pic img {display: block; width: 100%;}


.new-right-nav {
    right: 5px;
    position: fixed;
    top: 52%;
	padding-bottom:100px;
	height: 230px;
	text-align: center;
    z-index: 29;
	transform: translate(-50%);
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    backdrop-filter: blur(5px);
}


.new-right-nav .code-box {
    position: relative;
    width: 80px;
    height: 25px;
    margin-bottom: 20px
}

.new-right-nav .code-box .code-item img {
	width: 30px;
	height: 30px;
	border-radius: 10px; 
	background: #F4F4ED;
	opacity: 1;
}

.new-right-nav .code-box  h2 {
	margin-top:10px;
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
    color: #C7000A;
    height: 26px;
    line-height: 25px;
	
}

.new-right-nav .code-box .code-item p {
 display: none
}

.new-right-nav .code-box:hover .code-item p {
    color: #C7000A;
	font-size: 13px;
}

.new-right-nav .code-box:hover .code-item .g {
    display: none
}

.new-right-nav .code-box:hover .code-item .b {
    display: block
}

.new-right-nav .code-box .code-item p a{font-weight: 400; color: #334155; line-height: 40px; font-size: 13px; transition: 0.5s;}
.new-right-nav .code-box .code-item p a:hover{color: #C7000A;}
.new-right-nav .code-box .code-item p a:hover span{color: #C7000A;}


.pic .list{width: 730px;}
.pic .list li{border-bottom: 1px solid #F4F4F5; overflow: hidden; padding-left: 34px; background: url(/html/default/images/icon6.png) 10px center no-repeat; transition: 0.5s;}
.pic .list li a{font-weight: 400; color: #334155; line-height: 42px; color: #334155; font-size: 16px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis; float: left; max-width: 465px; transition: 0.5s;}
.pic .list li span{float: right;font-weight: 400; color: #94A3B8; line-height: 40px; font-size: 14px; transition: 0.5s;}
.pic .list li:hover{color: #C7000A; background: url(/html/default/images/icon5.png) 10px center no-repeat;}
.pic .list li:hover span{color: #C7000A;}
.pic .list li:hover a{color: #C7000A;}

.pic .code-box {
	
	margin: 10px; 
	box-shadow: 0 0 10px -2px #c5c4c4;
	width: 160px;
	height: 160px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.pic .code-box .code-item img{
	width: 60px; height: 60px;
}	

.pic .code-box:hover{
	margin: 0px; 
	box-shadow: 0 0 5px -2px #c5c4c4;
	width: 180px;
	height: 180px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(5px);
	background: rgba(255, 255, 255, 0.8);
	color: #bb0101;
}
.pic .code-box .code-item:hover p a{
	font-size: 20px;font-weight: 800; color: #bb0101;display:flex;
}	

.pic .code-box .code-item:hover img{
	width: 70px; height: 70px;display:flex;
}	

.pic .code-box .code-item{
	width: 100px; height: 100px; text-align: center;display: flex; flex-direction: column; justify-content: space-between; align-items: center
}

.pic .code-box .code-item a{
	font-size: 18px;font-weight: 600; color: #bb0101;
}


.footer1Box .footerLogo1{float: left; margin: 32px 50px 0 0; width: 100px;}
.footer1Box .footerLogo1 img{display: block; width: 100%;}
.footer1Box .information1{float: left; margin: 64px 40px 0 0; width: 140px;font-size: 14px; font-weight: 400; color: #FFFFFF;}

.footer1Box .place1{float: left; margin: 64px 98px 0 0; width: 240px;font-size: 14px; font-weight: 400; color: #FFFFFF;}

.footer1Box .contact1{float: left; margin: 64px 45px 0 0; width: 60px;font-size: 14px; font-weight: 400; font-color: #C7000A;}

.footer1Box .government1{float: left; margin: 64px 45px 0 0; width: 100px;font-size: 14px; font-weight: 400; color: #C7000A;}
.footer1Box .friend1{float: left; margin: 64px 80px 0 0; width: 100px;font-size: 14px; font-weight: 400; color: #C7000A;}

.footer1Box .wechat{float: left;margin: 26px 0 0 300px;}

.footer1Box .WeChat .ewm{width: 120px;height:120px overflow: hidden;}
.footer1Box .WeChat .ewm img{display: block; width: 100%;}
.footer1Box .wechat p {display:none;}




.footer1Box .government1 select { color: #fff;}

.footer1Box .friend1 select {color: #fff;}

 .govSelect{
	 margin-left:200px;
	 width: 100px;
	 max-height: 300px;
	 font-size: 14px;
	 font-weight: 400;
	 color: #FFFFFF;
	 line-height: 28px;
	background: #1E293B;
	height: 30px; 
	border-radius: 5px;
	outline:none;
}

.govSelect option{
	color: #FFF;
	background-color: #2A3747;
	text-align: left;
}

.companyProfile .pic .list ul li {width:550px}

.box .banner2 .swiper-container .swiper-container #honerPicture{
    width: 600px;
    height: 300px;
}  

.txt_title1 {
    display: block;
    font-family: "Open Sans","PingFang SC", "Microsoft Yahei", 微软雅黑, serif, Arial, serif;
    color: #333333;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.4;
    padding: 10px 0px;
    text-align: center;
}

.txt_subtitle1 {
    display: block;
    color: #333333;
    font-size: 15px;
    font-family: "Open Sans","PingFang SC", "Microsoft Yahei", 微软雅黑, serif, Arial;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
}
#waterfall{ text-align:center; width:100%; margin:0 auto;}
#waterfall img{ width:90%;}
#waterfall .cell{ padding:10px 0px 5px 0px;border:1px solid #E3E3E3; background:#fff; margin-top:20px;box-shadow: 0px 2px 3px 1px #ccc;}
#waterfall .cell:hover{box-shadow: 0px 2px 3px 1px #999;}
#waterfall .cell p{margin:10px;line-height:150%;}

.honnerP p {font-size: 16px;font-weight: 400;margin:10px;line-height:150%;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.honnerP P:hover{
	
		text-overflow:inherit;
	overflow:visible;
}

.honerLi { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f2f3f6; overflow: hidden;
display: flex; justify-content: center;margin-top:30px;
	}
.honerLi span { float: left; display: block; width: 50px; line-height: 30px; border: 1px solid #c90118; color: #c90118;
border-radius: 4px; margin-right: 10px; text-align: center; cursor: pointer; font-size: 16px;}
.honerLi span.cur { background:#c90118; color: #ffffff;}


.aboutNt1{padding: 12px; width: 600px; background: #fff;height:88px;overflow: hidden; margin-bottom: 8px;}
.aboutNt1 .block{float: left; width: 65px; height: 65px; background: #C7000A; color: #fff; overflow: hidden;}
.aboutNt1 .block h2{font-size: 24px; line-height: 36px; font-weight: 500; float: left; margin: 6px 0 0 14px;}
.aboutNt1 .block span{font-size: 12px; line-height: 18px; font-weight: 400; margin-top: 20px; display: block;}
.aboutNt1 .block p{font-size: 12px; text-align: center; font-weight: 400; line-height: 18px;}
.aboutNt1 .txt{padding: 8px; float: left;}
.aboutNt1 .txt p{margin-bottom: 3px;}
.aboutNt1 .txt p a{font-size: 16px; font-weight: 400; color: #C7000A; line-height: 24px;}
.aboutNt1 .txt span{font-size: 14px; font-weight: 400; color: #94A3B8; line-height: 20px;}
.aboutNt1 .up{display: block;width: 14px; height: 14px; float: right; margin: 24px 10px 0 0;}