@charset "utf-8";
/* header&foot */
/* @font-face {font-family: "huakang"; src: url('../font/huakang.ttc');} */
body{ color: #333; font-size: 16px; background-color: #fff;}
.box{width: 1575px; margin: 0 auto;}
a,img,button{ transition: 0.3s; color: #333;}
a:hover{ color: #043491;}
header{ width: 100%; position: relative;}
.head{ display: flex; align-items: center; justify-content: space-between; padding: 25px 0;}
.dh{ font-size: 32px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #043491;}
.logo img{ display: block; height: 80px;}
nav{ height: 100%; display: flex;align-items: center;justify-content: space-between;}
.navbox{ width: 100%; height: 78px; background-color: #043491;} 
.nav-item{position: relative;height: 100%; width: 100%;}
.mc{display: none}
.first-nav{ height: 100%; width: 100%;}
.first-nav a{ color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center; height: 100%; position: relative; transition: 0.3s; width: 100%;}
.nav-item .first-nav.on,.nav-item:hover,.first-nav.focus{ background-color: #032465;}
.nav-item:hover a{ color: #fff;}
.second-nav{position: absolute; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.6); min-width: 100%;  box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,.2); z-index: 9995; max-height: 0; overflow: hidden; opacity: 0; transition: 0.3s; padding:0 20px;}
.second-nav a{color: #fff; display: block; width: 100%;line-height: 2; transition: 0.3s; white-space: nowrap; text-align: center; font-size: 18px;}
.first-nav a i::before{content: "\e600";}
.first-nav.focus i{transform: rotate(180deg);}

.first-nav a i{ display: none;}
.nav-item:hover .second-nav{ max-height: 1000px; opacity: 1;padding:10px 20px;}
.second-nav a:hover{ text-decoration: underline;}
.mBtn{ display: none;  cursor: pointer; box-sizing: border-box; width: 40px; height: 40px;align-items: center; justify-content: flex-end; /* background-color: #043491; */ }
.mBtn span{ display: block;  width: 22px;}
.mBtn span em{width: 100%; height: 2px; background: #043491; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn span em:first-child{margin-top: 0;}
.mBtn.active span em:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(4px);}
.mBtn.active span em:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
.mBtn.active span em:nth-child(3){ width: 0px;}
.mBtn.active span em{ background-color: #fff;}
.mBtn.active{ background: none;}

.con6le .swiper{width: 100%;height: 100%;}
.con6le .swiper-slide img{width: 100%;height: 100%;}

.banner{ width: 100%; height: auto;}
.swiper {width: 100%;height: auto;}
.swiper-slide img {display: block; width: 100%; height: auto; object-fit: cover;transition: 1s all;}
.banner .swiper-pagination-bullet{color: #fff; font-size: 16px; background-color: transparent; position: relative; padding-right: 20px; opacity: 1; height: 20px;line-height: 20px; font-family: Arial;}
.banner .swiper-pagination-bullet-active{ font-weight: bold; padding-right: 24px;}
.banner .swiper-pagination-bullet::after{ content: ""; display: block; width: 10px; height: 1px; background-color: #fff; position: absolute; right: 0; top: 50%; opacity: 0;}
.banner .swiper-pagination-bullet-active::after{opacity: 1;}
.banner .swiper-pagination{ left: 0; width: auto!important;display: flex; top: 50%; transform: translateY(-50%);}
.ban_bg{ width: 100%; height: 100%;}
.bannerfu{ position: absolute; left: 50%; transform: translateX(-50%); bottom:25px; z-index: 9990; height: 60px;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after{ color: #fff; font-weight: normal; font-size: 14px;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width: 48px; height: 48px; border: 1px solid rgba(255,255,255,0.3); border-radius: 100%; transition: 0.3s; top: 50%!important; margin: 0!important; transform: translateY(-50%)!important;}
.banner .swiper-button-prev{ left: auto; right: 68px;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ border: 1px solid #fff;}
.shub{ margin: 0 auto; width: 4em; font-size: 14px; color: #fff; text-align: center;animation: dup 3s linear infinite;}
.shub img{ width: 22px; display: block; margin: 0 auto; margin-bottom: 5px;}
@keyframes dup {
0%{transform:translateY(0px);}
50%{transform:translateY(-20px);}
100%{transform:translateY(0px); }
}
.banner .swiper-slide.swiper-slide-active img{animation: scroll1 6s linear infinite;}
@keyframes scroll1 {
0%{ transform: scale(1);}
100%{transform: scale(1.05);}
}
.con6 .bannerfu{ height:auto!important;}
section{ padding: 40px 0;}
main{width: 1575px; margin: 0 auto;}
.title{ text-align: center;}
.title h1{ font-size: 28px; font-weight: bold; line-height: 1;}
.title h1 b{ color: #043491;}
.more{ content: ""; width: 28px; height: 28px; border: 2px solid #666; display: flex; justify-content: center; align-items: center; border-radius: 100%; transition: 0.3s;}
.more::after{content: 'next'; font-size: 14px; color: #666;font-family: swiper-icons; font-weight: bold;}
.more:hover{ border: 2px solid #043491;}
.more:hover::after{ color: #043491;}
.tu h1{ overflow: hidden; position: relative; width: 100%;}
.tu h1 img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.tu h1::after{ width: 100%; padding-top: 65%; content: ""; display: block;}
.tu h1 img:hover{ transform: scale(1.05);}

.con1{ flex-wrap: wrap;}
.con1le{ width: calc(50% - 20px); background-color: #e3e3e3; box-sizing: border-box; padding: 12px;}
.con1ri{ width: calc(50% - 20px);}
.con1list{ width: 100%; margin-top: 18px;}
.con1list .list{ display: flex; justify-content: space-between; line-height: 3.2; width: 100%; border-bottom: 1px dashed #e3e3e3; box-sizing: border-box; padding-left: 30px; background: url(../img/b1.png) left center no-repeat;}
.con1list .list p{ font-size: 14px; color: #999;}
.con1list .list span{ max-width: calc(100% - 140px);position: relative; display: block;}
.con1list .list .newfu{ position: absolute; right: -34px; top: 50%; transform: translateY(-50%);}
.con1list .list .newfu.hot{right: -22px; }
.con1list .list h2{font-size: 18px; width: 100%;}
.con1list .list:hover{ background: url(../img/b1h.png) left center no-repeat;}
.con1tu{ width: 100%; height: 297px; overflow: hidden;}
.con1tu img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.con1tu:hover img{ transform: scale(1.05);}
.conlebox{ width: 100%; flex-wrap: wrap; margin-top: 10px;}
.con1lelist{ width: calc(50% - 12px); box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1); margin-top: 14px; background-color: #fff; box-sizing: border-box; padding: 0.3rem 0.2rem; border-bottom: 5px solid #043491;}
.con1lelist h2{ font-size: 20px; line-height: 1.9;}
.con1lelist:hover{ transform: translateY(-4px);}
.con1ritop{width: 100%; flex-wrap: wrap;}
.con1ritop h1{ width: 230px;}
.con1ri_tex{ width: calc(100% - 250px);}
.con1ri_tex h2{ font-size: 20px; font-weight: bold;}
.con1ri_tex p{ line-height: 2;  margin-top: 20px;}
.con2bj{ background: url(../img/bj1.jpg) center center no-repeat; background-size: cover;}
.con2{ width: 100%; flex-wrap: wrap; align-items: center;}
.con2le{ width:44%; color: #fff; box-sizing: border-box; padding: 30px 0;}
.con2le h2{ font-size: 46px; font-weight: bold;}
.con2le p{ line-height: 2; font-size: 22px; margin-top: 20px;}
.con2lelist{ text-align: center;color: #fff; font-size: 18px; line-height: 1.8;}
.con2lelist img{ display: block; margin:0 auto;}
.con2lelist:hover{ color: #fff;}
.con2lelist:hover img{ transform: rotate(30deg);}
.con2lelist h3{ margin-top: 5px;}
.con2lebox{ width: 100%; margin-top: 80px;}
.spneirong{ width: 46%; position: relative; display: flex; align-items: center; z-index: 3; height: auto;overflow: hidden;}
.spneirong img{ width: 100%; display: block;}
.spneirong video{ display: block; width: 100%; height: 100%;}
.spneirong span{ display: flex; text-align: center; justify-content: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; position: absolute; background: rgba(0,0,0,0.3);}
.spneirong span h1{ display: flex; text-align: center; color: #fff; cursor: pointer; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; align-items: center; justify-content: center;}
.spneirong span h1 img{ width:64px; height: 64px; transition: 0.3s;}
.spneirong span h1 img:hover{transform: scale(1.05);}
.con3{ margin-top: 10px;}
.con3ti h1{ font-size: 18px; font-weight: 200;}
.con3ti span{ font-size: 24px; font-weight: bold; padding-right: 20px;}
.con3ti span b{ color: #043491;}
.con3list{ background-color: #f3f3f3; display: block; width: 23.95%; margin-top: 20px;}
.con3list span{ display: block; box-sizing: border-box; width: 100%; padding:20px;}
.con3list span h2{ font-weight: bold; font-size: 20px;}
.con3list span p{ line-height: 2; color: #666; margin-top: 20px;}
.con3tow a{ width: 49.3%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 22px; font-weight: bold; text-align: center; padding: 50px 0; margin-top: 20px;}
.con3tow a:hover img{ transform:rotateY(-180deg);}
.con4le{ width: 334px;}
.con4ti{ font-size: 18px; font-weight: bold; padding-bottom: 15px;}
.con4con{ width: calc(94% - 668px); border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; box-sizing: border-box;}
.con4lebox a{ display: block; width: 100%; position: relative; box-sizing: border-box; padding: 20px 0; border-bottom: 1px solid #ccc; color: #666;}
.con4lebox a>span{ width:80px; background:#7a9de0; color:#fff;box-sizing: border-box;text-align: center;    display: block; padding:10px 0;}
.con4lebox a>span h3{  font-size:14px;}
.con4lebox a>span h4{ font-size:18px;}
.con4lebox a>div{ width:calc(100% - 100px);}
.con4lebox a>div h2{ width:100%; font-size:16px;}
/*.con4lebox a i{ width: 2px; height: 0; background: #043491; position: absolute; left: 0; top: 20px; transition: 0.3s;}*/
.con4lebox h2{ font-size: 18px; font-weight: bold; line-height:1.67;}
/*
.con4lebox a:hover i{ height:48px;}

*/
.con4lebox a:hover{color: #043491;}
.con4_tex{ box-sizing: border-box; width: 100%; padding: 30px 40px; padding-bottom: 110px;}
.con4_tex h2{ color: #043491; font-size: 18px; font-weight: bold; text-align: center;}
.con4_tex h3{ color: #043491; font-weight: bold; font-size: 26px; text-align: center; margin-top: 20px; margin-bottom: 15px;}
.con4_tex h4{text-align: center; color: #666; margin-bottom: 15px;}

.con4_tex p{ color: #666; height: 90px; line-height: 30px;}
.con4le.tu h1::after{ padding-top: 60%;}
.con4fu{ position: absolute; left: 50%; transform: translateX(-50%); bottom:30px; z-index: 9990; height: 60px; width: 550px; max-width:calc(100% - 0.8rem);}
.con4fu .swiper-button-prev{ left: 0; transform: translateX(50%);}
.con4fu .swiper-button-next{ right: 0;transform: translateX(-50%);}
.con4fu .swiper-button-next:after,.con4fu .swiper-button-prev:after{ font-size: 0;}
.con4fu .swiper-pagination{ bottom:50%; transform: translateY(50%);}
.con4fu .swiper-pagination-bullet-active{background-color: #043491!important; opacity: 1;}
.con4fu .swiper-pagination-bullet{  background-color: #9d9d9d; width: 8px; height: 8px; border-radius: 100%; opacity: 1;}
.ban_bg.tu h1::after{ padding-top: 60%;}
.con5bj{ background: url(../img/bj2.jpg) center center no-repeat; background-size: cover; color: #fff; padding: 60px 0;}
.con5bj .title h1 b{color: #fff;}
.con5bj .title p{ line-height: 2; width: 100%; margin-top: 25px;}
.con5k{ width: 16%; box-sizing: border-box; text-align: center;}
.con5k h1{ width: 60%; margin: 0 auto; display: flex; justify-self: center; align-items: center; background-color: #fff; border-radius: 100%; transition: 0.3s;}
.con5k.tu h1::after{ padding-top: 100%;}
.con5k.tu h1 img{ object-fit: fill; transform: translate(-50%,-50%); left: 50%; top: 50%;max-width: 50%; max-height: 50%;}
.con5k p{ font-weight: bold; font-size: 20px; margin-top: 30px; color: #fff;}
.con5k:hover h1{ transform: scale(0.9);}
.con6le{ width: 44%;}
.con6le img{ display: block; width: 100%;}
.con6ri{ width: 52%;}
.con6ri .title{ text-align: left;}
.con6ri .title h1{ font-size: 26px;}
.con6ri .danye{ line-height: 2.2; margin-top: 20px;}


footer{ width: 100%; color: #fff; background: url(../img/ftbj.jpg) center top no-repeat; background-size: cover;}
footer a{ color: #fff;}
footer a:hover{ color: #fff; text-decoration: underline;}
.foot{ flex-wrap: wrap; padding-top: 50px; padding-bottom: 30px;}
.xian{ width: 100%; height: 1px; background: rgba(255,255,255,0.2);}
.ftdi{ padding: 0.25rem 0; line-height: 2;flex-wrap: wrap; text-align: center; color: #fff; text-transform: uppercase; color: #fffefe;}
.ftdi p{ display: flex; flex-wrap: wrap; justify-content: center;}
.ftdi p i{ padding: 0 2px;}
.ft3{ width: 260px;}
.ft3>div{ width: 100%; box-sizing: border-box; border: 1px solid #d2d9e9; display: flex;}
.ft3 h1{ width: 50%; padding: 12px;}
.ft3 h1 img{ width: 100%; display: block;}
.ft3 p{ display: flex; align-items:center; justify-content: center; line-height: 2; text-align: center; width: 50%; box-sizing: border-box; border-left: 1px solid #d2d9e9;}
.ft2{  display: flex; justify-content: space-between; flex: 1; margin-right: 40px; max-width: 1200px;}
.ft2 span{ display: flex; flex-direction: column; width: 100%; line-height: 2.2; margin-top: 20px;}
.ft2 h1{ font-size: 18px; font-weight: bold;}
.fubox{ position: fixed; right: 10px; top: 50%; transform: translateY(-50%); width: 120px; border-radius:120px; background-color: #043491; color: #fff; text-align: center; padding-bottom: 26px; z-index: 9990;animation: dup1 3s linear infinite; box-shadow: 1px 5px 10px rgba(0,0,0,0.1);}
.fubox a{ color: #fff;}
.fubox .futoptu{ position: relative; display: block; margin: 0 auto; margin-top: -13px;}
.fubox .fuzi{ display: inline-block; margin-bottom: 15px; line-height: 2.2; margin-top: 5px;}
.futop:hover img{ transform: translateY(-4px);}
.guanbi{ display: flex; opacity: 1;  transition: 0.3s;position: absolute; right: 5px; top: 5px; z-index: 9991; color: #fff; justify-content: center; width: 20px; height: 20px; border-radius: 100%; border: 1px solid #fff; line-height:1; align-items: center; cursor: pointer;}
.fukong{ position: relative;}
@keyframes dup1 {
0%{transform:translateY(-50%);}
50%{transform:translateY(0);}
100%{transform:translateY(-50%); }
}
.fubox:hover{ animation-play-state: paused;}
#toTop{ background-color:rgba(0,0,0,0.4); right: 20px; bottom: 92px; width: 40px; height:40px; border-radius: 5px; display: flex; justify-content: center; align-items: center; transition: 0.3s; z-index: 9990; }
#toTop:hover{background-color:rgba(7,134,118,0.8); }
#toTop img{ width: 60%;}
/*分页样式*/ 
.pages{ margin-top: 30px;}
ul.yiiPager{ display: flex;  justify-content: center;}  
ul.yiiPager li{display:block; margin: 2px;}  
ul.yiiPager li a{ width: 40px; height: 40px; border-radius: 8px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; line-height: 1; border:#ddd solid 1px;color: #666; transition: 0.3s;}  
ul.yiiPager li a:hover{background:#043491;border:#043491 solid 1px;color:#FFF;}
ul.yiiPager li.first a::before{content: "\e741";}
ul.yiiPager li.last a::before{content: "\e741"; transform: rotate(180deg);}
ul.yiiPager li.previous a::before{content: "\e694";transform: rotate(180deg); font-size: 14px;}
ul.yiiPager li.next a::before{content: "\e694"; font-size: 14px;}
ul.yiiPager li.selected a{background:#043491;border:#043491 solid 1px;color:#FFF;}
.bar{ display: flex; justify-content: space-between; width: 100%; margin-top: 40px;}
.bar a{color: #666; line-height: 1; transition: 0.3s;background: #F2F2F2;}
.bar a:hover{background: #043491; color: #fff;}
.bar a.show_prev{display: flex; align-items: center; justify-content: space-between;  padding: 15px 20px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_prev::before{content: "\e694"; transform: rotate(-180deg);}
.bar a.show_prev i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.bar a.show_next{display: flex; align-items: center; justify-content: space-between;  padding: 15px 20px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_next::after{content: "\e694"; }
.bar a.show_next i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; text-align: right;}
.bar a.back_list{display: flex;align-items: center; justify-content: center; width: 140px;}
.bar a.back_list::before{content: "\e675"; display: block; margin-right: 8px;font-size: 14px;}
.show_title{text-align: center; padding-top: 20px;}
.show_title h1{font-size: 27px; font-weight: bold; border-bottom: 1px #dadada solid; padding-bottom: 30px;}
.show_title h2{font-size: 18px;color: #666; display: flex;align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 30px;}
.show_title i{ padding:0 10px;}
.danye{line-height: 2; width: 100%; font-size: 20px; width: 100%; margin-top: 30px;}
.danye img{max-width: 100%!important;}
.erbanner img{ display: block; width: 100%;}
.ertitle{ display: flex; justify-content: center; font-size: 34px; font-weight: bold; color: #043491;}
.ertitle img{ margin-right: 20px;}
.erbox{ padding: 40px 0;}


/*.ernav{ box-shadow: 5px 5px 10px rgba(0,0,0,0.1); background-color: #fff; border-radius: 0.3rem 0 0 5px; overflow: hidden; display: flex; margin-top: -54px!important; z-index:6; position: relative; margin-bottom: 10px;}*/
/*.ernav h1{ width: 290px; display: flex; justify-content: center; align-items: center; background: url(../img/tit.jpg) center center no-repeat; background-size: cover; font-weight: bold; height: 108px; font-size: 30px; color: #fff;}*/
/*.ernavbox{  padding: 10px 0; width: calc(100% - 290px);}*/
/*.ernavbox span{ display: block; position: relative; padding:0 0.4rem; font-size: 20px; display: block;}*/
/*.ernavbox span a.on{ font-weight: bold; color: #043491;}*/
/*.ernavbox span i{ display: block; width: 3px; height: 3px; background-color: #333;position: absolute; top: 50%; right: 0; transform: translateY(-50%);}*/
/*.ernavbox .swiper-slide:last-child span i{ display: none;}*/
/*.ernavbox .swiper-slide{ width: auto!important;display: flex; align-items: center;}*/
.ernav{ box-shadow: 5px 5px 10px rgba(0,0,0,0.1); background-color: #fff; border-radius: 0.3rem 0 0 5px; overflow: hidden; display: flex; margin-top: -54px!important; z-index:6; position: relative; margin-bottom: 10px;}
.ernav h1{ width: 290px; display: flex; justify-content: center; align-items: center; background: url(../img/tit.jpg) center center no-repeat; background-size: cover; font-weight: bold; height: 108px; font-size: 30px; color: #fff;}
.ernavbox{  padding: 10px 0; width: calc(100% - 290px);}
.ernavbox span{ display: block; position: relative; padding:0 0.4rem; font-size: 20px; display: block;}
.ernavbox span a.on{ font-weight: bold; color: #043491;}
.ernavbox span i{ display: block; width: 3px; height: 3px; background-color: #333;position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.ernavbox .swiper-slide:last-child span i{ display: none;}
.ernavbox .swiper-slide{ width: auto!important;display: flex; align-items: center;}
.sijinav{ width: 100%;}
.sijinav .ernavbox{ width: 100%;}
.sijinav .swiper-wrapper{ justify-content: center;}
.sijinav .ernavbox span i{ width: 0; height: 6px; background-color: #043491; left: 50%; bottom:0; transform: translateX(-50%); transition: 0.3s;}
.sijinav .ernavbox span{ padding-bottom: 0.5rem; transition: 0.3s;}
.sijinav .ernavbox span.on i{width: 60px;}
.sijinav .ernavbox span.on a,.sijinav .ernavbox span:hover a{color: #043491; font-weight: bold;}
.sijinav .ernavbox .swiper-slide:last-child span i{ display: block;}

.ernavbox .swiper{height:100%;}



.listbox{ margin-top: 40px;}
.erlist{ width: 100%; box-sizing: border-box; border: 1px solid #f1f1f1; padding: 30px; display: flex; flex-wrap: wrap; justify-content: space-between;margin-bottom: 20px; border-radius: 10px;}
.erlist:last-child{ margin-bottom: 0;}
.erlist:hover{ border: 1px solid #043491;}
.erlist h1{ width: 220px;}
.erlist.tu h1::after{ padding-top: 80%;}
.list_tex{ width: calc(100% - 250px);font-size: 18px;}
.list_tex h2{ font-weight: bold; }
.list_tex p{ line-height: 2;color: #666; margin: 25px 0;}
.list_tex h4{ color: #999; font-size: 16px; display: flex; flex-wrap: wrap;}
.list_tex h4 i{ padding-right: 10px;}
.erlistle{ width: calc(100% - 100px); justify-content:space-between;}
.erlistle .list_tex{ width: calc(100% - 60px);}
.erlistle .list_tex h2{ margin-bottom: 10px;}
.xiazai{ font-size: 18px; font-weight: bold;}
.xiazai img{ margin-right: 10px;}
.xiazai:hover{ transform: translateY(-4px);}
.erlistnavbox{ flex-wrap: wrap; width: 100%; margin-top: 30px;}
.erlistnav{ border-radius: 20px; width: calc(25% - 2%); overflow: hidden; height: 330px; margin-top: 20px;}
.bjcor{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; color: #fff; background-color: rgba(4,52,145,0.9); transition: 0.3s;}
.erlistnav .more{ border: 2px solid #fff; background-color: #fff; margin: 0 auto;}
.erlistnav h2{ font-size: 20px; font-weight: bold; margin: 20px 0; box-sizing: border-box; padding: 0 15px;}
.erlistnav:hover{ transform: translateY(-6px);box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.40);}
.erlistnav:hover img{ transform: rotateY(-180deg);}
.erlistnav img{ display: block; margin: 0 auto; width:90px;line-height: 1.1; max-width: 30%;}
.erlistnav span{ display: block; width: 100%;}
.erlistnav:hover .bjcor{ background-color: rgba(15,98,234,0.9);}
.zyjs{ width: 100%; margin-top: 40px;}
.zylist{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.zylist h1{ width: 50%;}
.zylist h1::after{ padding-top: 61%;}
.zy_tiex{ width: calc(50% - 50px);align-items: center; display: flex; box-sizing: border-box; padding: 20px 0; padding-bottom: 30px;}
.zy_tiex .zy_tit{ position: relative; font-weight: bold; font-size: 20px; padding-bottom: 20px;}
.zy_tiex .zy_tit i{ position: absolute; left: 0; bottom: 0; width: 55px; height: 6px; background-color: #043491; display: block;}
.zylist:nth-child(2n){flex-direction: row-reverse;}
.ermore{ width: 146px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #043491; border: 1px solid #043491; border-radius: 50px; height: 50px; margin-top: 40px;}
.ermore:hover{ transform: translateY(-5px);}
.ldlist .tu h1::after{ padding-top: 140%;}
.ld_tu{ position: relative; width: 100%; box-sizing: border-box; padding-right: 0.14rem; padding-bottom: 0.14rem;}
.ld_tu::before{ content: ""; display: block; width: calc(100% - 0.14rem); height: calc(100% - 0.14rem); position: absolute; right: 0; bottom: 0; background-color: #043491; z-index: -1;}
.ldlist{ text-align: center; margin-bottom: 40px;}
.ldbox,.lxbox1{ display: flex; flex-wrap: wrap; width: 100%;}
.ldlist h2{ position: relative; font-weight: bold; font-size: 20px; line-height: 1.5; margin-top: 20px; padding-bottom: 15px;}
.ldlist h2::after{ width: 37px; height: 3px; background-color: #043491; content: ""; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.ldlist span{ display: block; margin-top: 20px;}
.ldlist span p{ line-height: 1.2; font-size: 16px; margin: 10px 0; }
.lxmap{ height: 550px; width: 100%; margin-bottom: 18px;}
.lx_k4{ width: calc(25% - 13.5px); margin-right: 18px;transition: 0.3s; background-color: #f9f9f9; box-sizing: border-box; padding: 20px 30px; font-weight: bold; margin-top: 18px;}
.lx_k4 span{ display: block; width: 100%; margin-top: 20px;}
.lx_k4 span p{ font-size: 18px; margin: 5px 0; line-height: 1.2;word-break: break-all;}
.lx_list{ border-top: 4px solid #043491;}
.lxbox{ width: 100%; flex-wrap: wrap; display: flex;}
.jgbox{ width: 100%;}
.jgbox img{ width: 100%; max-width: 1920px; margin: 0 auto;}
.lxbox1 .lx_list{ display: flex; align-items: center; border-top: none;}
.lxbox1 .lx_list span{ margin-top: 0; margin-left: 20px;}
.lx_k4:hover{transform: translateY(-4px);box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.40);}
.jjtu img{ width: 100%; display: block;}
.jjdi{ width: 100%; background: url(../img/jjbj.png) center bottom no-repeat;background-size: 100%; padding-bottom: 1rem;}
.jjbox{ background: url(../img/jjbj.jpg) center center no-repeat; background-size: cover; width: 100%; overflow: hidden;}
.shubox{ margin: 0.5rem 0.7rem; display: flex; flex-wrap: wrap;}
.shulist{ color: #fff;  width: 20%; position: relative; background-color: rgba(255,255,255,0.3);}
.shulist::after{ padding-top: 100%; content: ""; display: block; width: 100%;}
.shulist h2{ font-size: 48px; font-weight: bold; margin-bottom: 10px;}
.shulist p{ font-size: 28px; line-height: 1.65;}
.shufu{ position: absolute; left: 0;top: 0; height: 100%; width: 100%;display: flex; justify-content: center; align-items: center; text-align: center; z-index: 5;}
.shulist:nth-child(1),.shulist:nth-child(7),.shulist:nth-child(11),.shulist:nth-child(13){background-color: rgba(255,255,255,0);}
.shulist:nth-child(3){background-color: rgba(255,255,255,0.2);}
.shulist:nth-child(4){background-color: rgba(255,255,255,0.08);}
.shulist:nth-child(5),.shulist:nth-child(6){background-color: rgba(255,255,255,0.4);}
.shulist:nth-child(8){background-color: rgba(0,0,0,0.3);}
.shulist:nth-child(10){background-color: rgba(4,52,145,0.6);}
.shulist:nth-child(14){background-color: rgba(255,255,255,0.1);}
.shulist:nth-child(15){background-color: rgba(0,0,0,0.5);}
.jjtu div{ width: 30%;}
.jjtu .tu h1::after{ padding-top: 100%;}
.suoxiao{width:800px;margin:0 auto;max-width:100%}
textarea{resize:none;} 
.kuai4{ width: calc(25% - 4.5%); margin-right: 6%;}
.kuai4:nth-child(4n),.lx_k4:nth-child(4n){ margin-right: 0;}
.kuai5{ width:15%; margin-left:3%; margin-right:3%;}

.dianji{ cursor: pointer; transition: 0.3s;}
.dianji:hover{ opacity: 0.9;}
.conf{ display: flex; justify-content: space-between;}
.conc{ display: flex; align-items: center;}
.confw{ width: 100%; display: flex; flex-wrap: wrap; }
.mtop100{ margin-top: 1rem;}
.mtop40{ margin-top: 0.4rem;}
.mtop50{ margin-top: 0.5rem;}
.mtop30{ margin-top: 0.3rem;}
.mtop20{ margin-top: 0.2rem;}
.ptop20{ padding-top: 20px;}
.ptop0{ padding-top: 0;}
.cor1{ color: #707070;}
.topm40{ margin-top: 40px;}
.pc{ display: block;}
.sj{ display: none;}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ziov{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.ziov2{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 2; /* 限制最大行数为2行 */
        -webkit-line-clamp: 2; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov4{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 4; /* 限制最大行数为4行 */
        -webkit-line-clamp: 4; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov3{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 3; /* 限制最大行数为3行 */
        -webkit-line-clamp: 3; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov5{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 5; /* 限制最大行数为5行 */
        -webkit-line-clamp: 5; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}