/**001***********/
:root {
    --webColor: #187fc4;
}
:root {
    --webColor2:#042da9;
}
html,body{width:100%;height:100%;margin:0;padding: 0;cursor:default;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body *{max-height:99999999px;border-radius:0;margin:0;padding:0;list-style:none;font-style:normal;border:0; }
a{cursor:pointer;text-decoration:none;color:#333;outline:none;}
a:hover{color:var(--webColor); }
.cfx{zoom:1}
.cfx:after{display:block;visibility:hidden;clear:both;height:0;content:' '}
body{font-family:Arial,Helvetica,Verdana,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:12px;line-height:1;color:#333;background:#fff;}


/*****公共********/

.header{width:100%;  padding: 0;  position: relative; margin: 0 auto; background:rgba(255, 255, 255, 0.9); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.headBox{width: 100%;max-width:1200px; margin: 0 auto;}
.logo{ line-height: 80px; display: inline-block; text-align: center;}
.logo i{width: 80px;display: inline-block; }
.logo i img{width:60%;vertical-align: middle;}
.header h1,.header h2{display: inline-block;vertical-align: middle;line-height: 80px;font-size:1.5rem;color:var(--webColor); }
.header h1 a,.header h2 a{color:var(--webColor); }
.nav{display: inline-block;vertical-align: middle;line-height: 80px;float: right;}
.nav li{display: block; float: left; font-size:22px; padding:0px 20px;  position: relative;}
.nav li a{display: block;color:var(--webColor); font-weight: bold; }
.nav li a:hover{color:var(--webColor2)}
.nav li span{width: 150px; text-align: center; display: none; position: absolute; left: 0x; top:80px; z-index: 9999; background:rgba(255, 255, 255, 0.9);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);}
.nav li:hover span{display: block; padding-bottom: 10px;}
.nav li span a{line-height:40px; font-size: 16px;}

.footer{width:100%; display: block;    position: relative; margin: 0 auto; background:#292929; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);}
.footNav{width: 100%;max-width:1200px;display: block;margin: 0 auto; color: #fff;padding: 30px 0;}

.footlogo{width:calc( 40% - 40px); display: block; float: left; padding-right: 40px; line-height: 1.4; }
.footlogo h3{ line-height: 2; font-size: 22px;}
.footLinkBox{width: 60%;  float: left;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.footLink .footLinkTitle{ font-weight: bold;line-height: 2;font-size:18px;}
.footLink a{color: #fff; line-height: 2;}
.footLink a:hover{text-decoration: underline;}
.foot{width: 100%;max-width:1200px;display: block; margin: 0 auto; border-top: 1px solid #444; color: #fff; text-align: center; padding: 30px 0;}
.foot a{color: #fff;}
.foot a:hover{text-decoration: underline;}


.webMap{width:100%; max-width: 1200px; display:block;margin: 0 auto; overflow: hidden; padding: 30px 0;}
.webMap li{ display: inline-block;}
.webMap li::after{content: "  >  "; color: #aaa;}
.webMap li:last-child::after,.webMap li:first-child::after{content:"";}

.wordKey{font-weight: bold; background-color: #dc1662db; color: #fff; padding:2px 5px; margin: 0 3px; border-radius: 4px;}
.wordKey:hover{ background-color: #8b2708;color: #fff;}

/***index****/

.topConBox{width: 100%; display: block; margin: 0 auto;  padding-top:80px; padding-bottom: 100px;}
.topCon{width: 100%;max-width:1200px; margin: 0 auto;}
.topPic{float: left; width:50%;}
.topPic img{width: 100%;}
.toptextwra{float: left;width:calc(50% - 40px); padding-left: 40px; color:var(--webColor); line-height: 1.4; font-size: 16px; margin-top:40px;}
.toptextwra h2{font-size: 46px; }
.toptextwra a{ background: var(--webColor); padding: 20px; display:inline-block; margin-top: 20px; border-radius: 8px; color: #fff; cursor: pointer; position: relative; overflow: hidden; }
.toptextwra a i{ width: 5px; height: 5px; display: block; position: absolute; z-index: 1; background:rgba(255, 255, 255,.9);top: 50%;left: 50%;transform: translate(-50%, -50%); border-radius: 150%;  animation: pulse-and-fade 2s infinite;}
.toptextwra a:hover{ opacity: .8;}
.infoBox {width: 100%;  display: block; margin: 0 auto; padding:60px 0 100px 0;}
.infos{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;color: #fff;}
.infos p{padding:20px;}
.infos p i{width: 100%;}
.infos p i img{width: 100%;}
.infos p b{ font-size: 24px;display: block; line-height: 1.6; text-align: center;}
.infos p span{font-size: 14px; line-height: 1.4;}
.sh2{width: 100%;display: block; margin: 0 auto; font-size: 38px; text-align: center; padding:40px 0 50px 0;}



/**分页**/
#pagination {width: 100%;text-align: center;display: block;}
#pagination .page-button{display: inline-block; padding: 10px 20px;border: 1px solid #ccc; background-color: #fefefe; margin:0 10px 60px 10px; cursor: pointer; border-radius: 4px; }
#pagination .page-button:hover{ background-color:#eee;}

/**新闻列表**/
.inewslist{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.inewslist li{background-color:#f9f9f9;padding:20px 20px 10px 20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.inewslist li i{width: 100%; aspect-ratio: 16 / 9; display: block; border-radius: 8px; overflow: hidden; position: relative;}
.inewslist li i img{width: 100%;min-height: 100%;  position: absolute;z-index: 1; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.inewslist li h3{padding: 10px 0 0 0;display: block; font-size:18px; line-height: 1.4;}
.inewslist li p{font-size: 14px;line-height: 1.4;}
.inewslist li span{ padding: 10px 0;display: block;}
.inewslist li span a{ background: #eee; padding:10px 5px; display: inline-block; margin: 0 5px 5px 0; border-radius: 4px;color: #666;}
.inewslist li span a:hover{ background-color: #ddd;}

.newsPage{width:100%;max-width:1200px;display: block; margin:0 auto;}
.newsPage h1{ display: block; text-align: center;padding: 20px 0; font-size: 42px;color: var(--webColor); line-height: 1.4;}
.tip{width:100%;display: block; text-align: center; border-bottom: 1px solid #eee;padding: 20px 0; color: #999; }
.tip i{ margin: 0 20px;}
.des{display: block; text-align: center; line-height: 1.4;padding:0; color: #999;}
.NewsPageConten{width:calc(100% - 40px); display: block;margin:0 auto; font-size: 16px; line-height: 1.6;padding: 20px 20px;}
.NewsPageConten h1,.NewsPageConten h2{ padding: 20px 0;color:#dc043a;}
.NewsPageConten h3,.NewsPageConten h4,.NewsPageConten h5{ padding: 20px 0;color:var(--webColor);}
.NewsPageConten img{max-width: 100% !important;}
.contentKey{width:calc(100% - 40px);display: block; padding: 20px 20px;}
.contentKey a{background: #eee; padding:10px 10px; display: inline-block; margin: 0 5px 5px 0; border-radius: 4px; color: #666;}
.contentKey a:hover{ background-color: #ddd;}

/**faqlist**/
.qa-list{width:100%;max-width:1200px;display: block; margin:0 auto;  }
.qa-list h2{width:100%; display: block; padding: 10px 0 20px 0; text-align: center;color: var(--webColor);}
.qa-lists{width:calc(100% - 40px);max-width:1200px;display: block; margin:0 auto; padding: 20px 20px; border-top: 1px solid #fff; background-color: #f5f5f5;border-radius: 8px;}
.qa-lists p{font-size: 14px; padding-top: 10px; line-height: 1.4;}




@media (max-width:960px) {
    .inewslist{grid-template-columns:repeat(2,1fr);gap:40px}
}
@media (max-width: 768px) {
    body,.header{min-width:340px;}
    .logo{ width: 100%; padding-top: 20px;}
    .header h1,.header h2{font-size:2rem;}
    .nav{width: 100%;float: none; text-align: center;}
    .nav li{ display: inline-block;float: none;}
    .nav a{ padding: 10px 8px;}
    .inewslist{grid-template-columns:repeat(2,1fr);gap:40px}

    .topPic{width:100%;}
    .topPic img{width: 100%;}
    .toptextwra{width:calc(100% - 40px); padding-left:20px;margin-top:40px; text-align: center;}

    .footNav{display: none;}

}
@media (max-width:640px) {
    .logo{ width: 100%;}
    .nav{width: 100%;float: none; text-align: center;}
    .nav li{ display: inline-block;float: none;padding: 10px 5px; font-size: 18px;}
    .nav a{ padding: 10px 8px;}
    .newsPage h1{ font-size: 22px;}
    .inewslist{grid-template-columns:repeat(1,1fr);gap:40px}
    .infos{grid-template-columns:repeat(1,1fr);gap:40px}
}

@keyframes pulse-and-fade {
    0% {
      transform: scale(1); /* 初始和结束状态都是原始大小 */
      opacity: .2; /* 初始和结束状态都是完全不透明 */
    }
    100% {
      transform: scale(100); /* 中间状态放大 */
      opacity: 0; /* 中间状态半透明 */
    }
  }
  
    .translateSelectLanguage{display: none !important;}
  .language{display:inline-block;  padding: 10px 15px;  border: 1px solid #ccc; border-radius: 4px; position: relative;height:10px; line-height: 1; font-size: 12px;}
  .language:hover span{display: block;}
  .nav .language span{position: absolute;z-index: 999; top:0 !important; left: 0 !important; background: #fff;border: 1px solid #eee; padding:5px;width:calc(100% - 10px); display: none;word-wrap: break-word; }
  .language span a{width: auto !important; display: block; line-height:2 !important; text-align: center;font-size: 12px !important;  font-weight: normal; height: auto !important;}
  .language span a:hover{color: #D20029;}