html,body {
  position: relative;
}

html { height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important; -webkit-tap-highlight-color: transparent;scroll-behavior: smooth;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0; padding:0;}

body,button, input, select, textarea {font: 14px/1 system-ui,"Microsoft YaHei","微软雅黑","arial","tahoma","MicrosoftJhengHei", "sans-serif";  -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased!important;/* 用 ascii 字符表示，使得在任何编码下都无问题 */}
input.form-control{font: inherit;}
body {
  background-color:#EFF2F3; min-height:100%; height:auto !important; overflow-x: hidden;
  line-height: 26px;
  /* font-family: "Helvetica Neue, Helvetica, Arial, sans-serif"; */
  color: #000;
  margin: 0;
  padding: 0;
}

img { border:0; vertical-align:middle; -ms-interpolation-mode:bicubic;}
a {text-decoration:none; background-color: transparent; color: #006CB7;/* 1 */ -webkit-text-decoration-skip: objects; /* 2 */}
a.focus, a:focus{outline:0;}
a.active.focus, a.active:focus, a.active:hover, a.focus:active, a:focus:active, a:hover:active, .open > a.dropdown-toggle.focus, .open > a.dropdown-toggle:focus, .open > a.dropdown-toggle:hover{outline:0;text-decoration:none;font-weight:400;}
a:hover {text-decoration:none; transition:box-shadow .3s, border .3s, background-color .3s, color .3s;}
a:active,a:visited{text-decoration:none;}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{}

h1 { font-size:16px; line-height:36px;}
h2 { font-size:14px; line-height:30px;}
h3 { line-height:24px;}
h3,h4,h5,h6 { font-size:14px;}
ul,li,ol { margin:0; padding:0; list-style:none outside none;}
ul.has-style li,ol li { margin-left:25px;}
ul.has-style li { list-style:disc;}
ol li { list-style:decimal;}
ul.inline-style li { float:left; display:inline;}
dl { margin-bottom:18px;}
dt { font-weight:bold;}
dd { margin:0px; padding:0;}
.clear {
  clear: both;
  line-height: 0;
  height: 0;
}
.w1200 {width: 1200px;margin: auto;box-sizing: border-box;}
.w1200 img {
  max-width: 100%;
}
.header {
  height: 145px;
  border-bottom: 1px solid #EFF2F3;
  background-color: #fff;
}
.header .zh {
  text-align: right;
  padding:20px 0;
  
  height: 26px;
}
.header .zh span {
  display: inline-block;
}
.header .zh span a {
  display: block;
  color: #91a0ac;
  border: 1px solid #fff;
  padding:0px 20px;
  border-radius: 100px;
}

.header .zh span a:hover,.header .zh span a.hover {
  color: #91a0ac;
  border: 1px solid #91a0ac;
  background-color: #fff;
}
/* .header .zh span a.hover:hover {
  color: #fff;
  border: 1px solid #fff;
  background-color: #91a0ac;
} */
.logoMent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3px;
}
.logoMent .logo img {
  display: block;
  height: 60px;
}
.logoMent .ment {
  display: flex;
}
.logoMent .ment li {
  border-right: 2px solid #EFF2F3;
}
.logoMent .ment li:last-child {
  border-right: 0;
}
.logoMent .ment li a {
  display: block;
  padding:0 20px;
  color: #333;
}
.logoMent .ment li a:hover {
  color: #006CB7;
}
.subnav {
  display: none;
  position: absolute;
  left:0;
  top:112px;
  width:100%;
  padding-top: 32px;
  z-index: 9999;
}
.subbg {
  background-color: #C8CFD6;
}
.logoMent .ment li:hover .subnav {
  display: block;  
}
.logoMent .ment li .subnav dt {
  border-bottom: 1px solid #91A0AC;
  padding-top:20px;
  padding-bottom: 5px;
  display: block;
  display: flex;
  align-items: center;
  color:#006CB7;;
}

.logoMent .ment li .subnav dt a {
  color: #006CB7;
  font-size: 16px;
  font-weight: normal;
  padding-left: 5px;
}
.subnav dl {
  position: relative;
}
.subnav dl .qiu {
  width: 50px;
  height: 50px;
  background-color:#C8CFD6;
  border-radius: 100%;
  position: absolute;
  top:-25px;
  left:636px;
}
.logoMent .ment li:nth-child(3) .subnav dl .qiu {
  left:736px;
}
.logoMent .ment li:nth-child(6) .subnav dl .qiu {
  left:1032px;
}
.logoMent .ment li:last-child .subnav dl .qiu {
  left:1128px;
}
.listdd {
  padding:10px 0;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}
.listdd dd {
  width: 280px;
  border: 3px solid #fff;
  background-color: #fff;
  border-radius: 50px;
  margin:9px 5px;
  padding:5px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.listdd dd:hover {
  border: 3px solid #006CB7;
}
.listdd dd a {
  display: block;
  flex:1;
}
.listdd dd span {
  margin-right: 20px;
}
.listdd dd:hover span {
  color: #006CB7;
  font-weight: bold;
}

.bannerbox {
  height: 660px;
}
.bannerbox::before {
  content:"";
  display: block;
  width: 100%;
  height: 100px;
  background-color: #fff;
}
.banner {
  height: 660px;
  margin-top: -100px;
}


.swiper {
  width: 100%;
  height: 660px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
/*   display: flex;
  justify-content: center;
  align-items: center; */
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}

.swiper {
  margin-left: auto;
  margin-right: auto;
}
.swiper-pagination span {
  width: 10px;
  height: 10px;
  border: 5px solid #fff;
}
/* .swiper-pagination-bullet-active {
  background-color: #f00;
} */
.swiper-button-prev::after,.swiper-button-next::after {
  font-size: 18px;
  font-weight: bold;
}
.swiper-button-prev,.swiper-button-next {
 color: #91A0AC;
 border: 4px solid #91A0AC;
 width: 36px;
 height: 36px;
 border-radius: 100%;
 background-color: #fff;
 outline: none;
 opacity: 1;
}
.indexbox {
  background-color: #fff;
  padding:50px;
  padding-bottom: 47px;
  margin-top: 5px;
  min-height:500px;
}
.boxx {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}
.boxx li {
  width: 33.3%;
  border: 5px solid #fff;
  box-sizing: border-box;
  margin-bottom: 2px;
  position: relative;
  overflow: hidden;
}
.boxx li:hover {
  border: 5px solid #91A0AC;
}
.boxx li img {
  display: block;
  width: 100%;
  height: 280px;
}
.boxx li div.name {
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 140px;
  box-sizing: border-box;
  z-index: 9999;
  overflow: hidden;
}
.boxx li a {
  color: #333;
}
.boxx li div.name::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  z-index: -1;
  opacity: .8;
}
.boxx li div.name h4,.boxx li div.name p {
  padding-left: 20px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 27px;
  text-shadow: 2px 2px 0px #fff;
  padding-top: 10px;
}
.boxx li div.name h4 {
  padding-top: 20px;
  font-size: 22px;
  font-weight: normal;
}
.footer {
  background-color: #23415A;
  color: #91A0AC;
  font-size: 18px;
  margin-top: 50px;
}
.footer a {
  color: #91A0AC;
}
.footer a:hover {
  color: #fff;
}
.footernav {
  display: flex;
  line-height: 36px;
  padding:36px 0;
  justify-content: space-between;
}
.footernav img {
  width: 150px;
}
.footernav span {
  display: block;
}
.footernav div:first-child {
  min-width: 160px;
}
.footernav div:last-child {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footernav div:last-child div:last-child {
  padding-top: 36px;
}
.footernav div:last-child div:last-child a {
  display: block;
  border: 2px solid #006CB7;
  width: 36px;
  height: 36px;
  font-weight: bold;
  color: #006CB7;
  background-color: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footernav div:last-child div:last-child a:hover {
  opacity: .8;
}
.footernav div:last-child div:last-child a span {
  display: block;
  transform: rotate(-90deg);
}
.footernav div:last-child div:last-child a span::before {
  font-size: 22px;
  display: block;
  margin:auto;
}
.footernav div:nth-child(2) {
  max-width: 40%;
}
.footerbot {
  border-top: 1px solid #91A0AC;
  padding:20px 0;
  font-size: 14px;
}
.footerbot .w1200 {
  display: flex;
  justify-content: space-between;
}
.footerbot span {
  display: inline-block;
}
.footerbot span:first-child {
  padding-right: 20px;
}
.abouttit {
  height: 100px;
  background-color: #fff;
}
.am-breadcrumb {
  color:#23415A;
  padding:10px 0;
}
.am-breadcrumb li {
  list-style: none;
  margin:0;
}
.am-breadcrumb a {
  color: #23415A;
  display: inline-block;
  padding:0 10px;
}
.am-breadcrumb a:first-child {
  padding-left: 0;
}
.infonavtit {
  background-color: #F1F3F4;
  padding:20px;
  border:50px solid #B8C1C9;
  border-bottom: 0;
  padding-bottom: 36px;
}
.abouttitbox h2,.infonavtit h3 {
  color: #23415A;
  font-size:38px;
  line-height:1;
  font-weight: normal;
}
.infonavtit h3 span {
  display: inline-block;
  padding-right: 20px;
}
.infonavtit h3 span:last-child {
  font-size: 26px;
  display: none;
}
.cenconttit {
  background-color: #DEE3E6;
}
.infobox {
  background-color: #fff;
  padding:36px 50px;
  min-height: 300px;
  font-size: 16px;
  line-height: 2;
  text-indent: 30px;
}
.infobox img {
  max-width: 100%;
}
.infonav {
  padding:20px 0;
  display: flex;
  flex-wrap: wrap;
}
.infonav li {
  width: 280px;
  border: 3px solid #fff;
  background-color: #fff;
  border-radius: 50px;
  margin:9px 5px;
  padding:5px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.infonav li:hover {
  border: 3px solid #006CB7;
}
.infonav li a {
  display: block;
  flex:1;
  color: #333;
}
.infonav li span {
  margin-right: 0px;
}
.infonav li:hover span {
  color: #006CB7;
  font-weight: bold;
}
.infonav li a:hover {
  color: #006CB7;
}
.newslist {
  overflow: hidden;
}
.newslist dl {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding:30px 50px;
  background-color: #fff;
  margin-bottom: 5px;
}
.newslist dl:hover {
  background-color: #f8f8f8;
}
.newslist dl dd {
  flex: 1;
  height: 160px;
  overflow: hidden;
}
.newslist dl dt {
  width: 360px;
  display: flex;
  justify-content:flex-end;
}
.newslist dl dt img {
  display: block;
  width: 260px;
  height: 160px;
}
.newslist dl dd div:first-child {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.newslist dl dd div:nth-child(2) {
  font-size: 22px;
}
.newslist dl dd div:nth-child(2) a {
  color:#006CB7 ;
  line-height: 2;
}
.newslist dl dd div:nth-child(2) a:hover {
  color: #000;
}
.newslist dl dd div:last-child {
  color: #333;
  line-height: 2;
  padding-top: 10px;
  text-indent: 30px;
}
.newsinfo {
  background-color: #fff;
  padding:20px 50px;
}
.infotitle {
  text-align: center;
}
.infodata {
  text-align: center;
  color: #ccc;
  padding-bottom: 20px;
}
.infoimg {
  padding:20px 0;
  padding-top: 10px;
}
.infoimg img {
  display: block;
  width: 100%;
  margin: auto;
}
.infotxt {
  padding-bottom: 20px;
  /* text-indent: 30px; */
}
.infotxt img {
  max-width: 100%;
}
.prlist {
  margin-top: 0;
}
.cplist dd div:first-child {
  display: none;
}
/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;border-radius: 3px;}
.pagelist li a:hover{border-color:#23415A;background:#23415A;color:#fff;}
.pagelist li.active a{border-color:#23415A;background:#23415A;color:#fff;}
.pic_art_list dl dd i.n_tags a,.tag_list dl dd i.n_tags a {
    display: inline-block;background:#ccc;color:#333;line-height:26px;padding:0 10px;margin:auto 3px;border-radius:5px;border:1px solid #ccc;}
.pic_art_list dl dd i.n_tags a:hover,.tag_list dl dd i.n_tags a:hover {background:#23415A;color:#fff;border:1px solid #23415A;}

.toptel {
  padding-right: 20px;
  color: #91a0ac;
  font-size: 14px;
}
.indexboxtitle {
  text-align: center;
  color: #333;
  font-size: 30px;
  padding-bottom: 30px;
  font-weight: 400;
}
.botimg {
  text-align: center;
  display: flex;
}
.botimg span {
  display: block;
  padding:0 10px;
}
.botimg img {
  display: block;
  width: 100px;
  margin: auto;
}
.botimg strong {
  font-weight: normal;
  font-size: 14px;
}