@charset "UTF-8";
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; font-weight:normal;border:0;outline: none; }
a{cursor:pointer;text-decoration:none;color:#333;outline:none;}
a:hover{color:#0088CC; }
.cfx{*zoom:1;}
.cfx:after{display:block;visibility:hidden;clear:both;height:0;content:' '}
body{ font-size: 14px; font-family: "Helvetica Neue",Helvetica,"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",Arial,sans-serif; background: #fff; }



:root {
    --webColor: #333;
}
:root {
    --webColor2:#0088CC;
}
:root {
  --fff:#fff;
}
h2,h3,h4,h5,h6,h7{font-size: 22px; font-weight: bold; padding: 10px 0;}
h1{font-size: 28px; font-weight: bold; padding: 10px 0;}
strong{font-weight: bold;}




.header{width:100%;  padding: 0;  position: relative; margin: 0 auto; background:#fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);z-index:5000; }
.nav-container {padding:0 10px;}
.nav {max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;position: relative;}
.logo{color:var(--webColor);font-weight:bold;line-height: 80px; display: inline-block; text-align: center;}
.logo i{width:60px;display: inline-block; }
.logo i img{width:100%;vertical-align: middle;}
.logo h1,.logo h2,.logo strong{display:inline-block;vertical-align: middle;line-height: 80px;font-size:1.5rem;color:var(--webColor); margin-left: 10px; }
.nav-menu{display:flex;list-style:none}
.nav-item{margin-left:2rem;position: relative;}
.nav-link{color:#333;text-decoration:none;font-size:1.2rem; transition:color 0.3s; }
.nav-link:hover{color:var(--webColor2)}
.nav-item span{ display: none;position: absolute; z-index:5000;  top:98%;left: 50%;transform: translate(-50%, 0); width: auto;  background: var(--webColor); padding: 20px 10px 10px 10px;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); border-radius: 0 0 4px 4px;}
.nav-item:hover span{display: block;}
.nav-item span a{display: inline-block; width: 100%; height: 100%;white-space: nowrap; font-size: 14px; line-height:2;color:var(--fff);}
.nav-toggle{color:var(--webColor);font-size:28px;line-height:1}
.nav-toggle[type="checkbox"]{display:none}
.nav-toggle:not([type="checkbox"]){display:none;cursor:pointer}


.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:"";}

.blogBox{width:100%; max-width: 1200px; display:block;margin: 0 auto; overflow: hidden; padding: 30px 0;}
.blogTitle{width:100%;font-size: 30px; font-weight: bold; padding: 10px 0; text-align: center;display: block;}
.blogTitlex{width:100%;font-size: 16px;text-align: center;display: block;color: #888;}
.blogTip{width:100%;font-size: 14px; color: #aaa; text-align: center;display: block; padding: 20px 0; border-bottom: 1px solid #eee;}
.blogImg{width:100%;text-align: center;display: block; padding: 20px 0;}
.blogImg img{max-width:100%;}
.blogContent{font-size: 16px; line-height: 1.6; color: #333; padding: 20px 0;}
.blogContent p{text-indent: 2em;padding: 7px 0;}
.blogKey{width:100%;text-align: center;display: block; padding: 20px 0;}
.blogKey a{ padding: 10px; border: 1px solid #eee; margin: 10px 10px; border-radius: 3px; background: #f5f5f5; display: inline-block;}

.blogList{width:100%; max-width: 1200px; display:block;margin: 0 auto; padding-bottom: 40px;}
.blogListTitle{width:100%;font-size: 22px; font-weight: bold; padding: 10px 0; text-align: center;display: block;}
.blogListContent{width:calc(100% - 80px); max-width: 1200px; padding: 0 40px; margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:40px;}
.blogListContent li{ padding: 20px;}
.blogListContent li a{display: block;}
.blogListContent li img{width: 100%;display: block;}


#pagination {width: 100%;text-align: center;display: block; padding: 10px 0 40px 0;}
#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;}


.inspic{width:100%; max-width: 1200px; display:block;margin: 0 auto; padding:100px 0; text-align: center;}
.inspic img{width:80%;max-width: 800px; }

.insdow{width:calc(100% - 80px); max-width: 1200px; padding: 0 40px; margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px; padding-bottom:100px;}
.insdow a{ display: block; background-color: #f5f5f5; text-align: center;border-radius: 4px; padding:20px 10px;}
.insdow a i{font-size: 62px; padding-bottom: 10px; }
.insdow b{display: block; font-size: 20px;font-weight: bold; line-height: 2;}

.inscon{width:100%;  display:block;margin: 0 auto; padding:100px 0 120px 0; text-align: center; background: #0088CC; color: #fff; text-align: center;}
.inscon h2{ font-size: 46px;}


.insdow2{width:calc(100% - 80px); max-width: 1200px; padding: 0 40px; margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:40px; padding-bottom:60px; padding-top: 40px;}
.insdow2 a{ display: block; background-color: #f5f5f5; text-align: center;border-radius: 4px; padding:40px 10px;}
.insdow2 a i{font-size: 62px; padding-bottom: 10px; }
.insdow2 b{display: block; font-size: 20px;font-weight: bold; line-height: 2;}



@media screen and (max-width: 860px) {
  .nav-toggle{  left: inherit; background: var(--webColor); color: #fff; padding: 9px; border-radius: 4px;}
  .nav-toggle:not([type="checkbox"]){display:block}
  .nav-menu{display:none;width:calc(100% - 40px);position:absolute;z-index: 99999; top:100%;right: 0;background:#fff;flex-direction:column;padding:10px 20px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); border-radius: 0 0 8px 8px;}
  .nav-menu a{display:block;color: var(--webColor); font-weight: bold;}
  .nav-item{margin:1rem 0}
  .nav-item span{ display: block;position: relative; z-index:5000;  top:0;left:0;transform: translate(0, 0); width: auto;  background: #fff; padding: 10px 0 0 10px;box-shadow: 0 0 0 rgba(0, 0, 0, 0); border-radius: 0;}
  .nav-item span a{ color: var(--webColor);}
  .nav-toggle:checked ~ .nav-menu{display:flex}
  .navr{width:auto; padding: 0 0 0 0; position: absolute; top: 50%;right: 60px;transform: translate(0, -50%); }
  .navr .language{display:none;}

.insdow{grid-template-columns:repeat(2,1fr);gap:40px;}

}