*{margin:0; padding:0; list-style: none;  }
body {font-family:-apple-system,  "Source Han Sans CN", BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; font-size:15px;-webkit-text-size-adjust: none;}
/* 清理浮动 */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}
a{ text-decoration: none; cursor: pointer;  }
a:hover{ }
.hide{display:none;}
.none {display: none}
.pagewidth{ width: var(--width);  margin:0 auto; transition-duration: 0.2s;}
img{ border:none; display: block;}
span:focus {outline: none !important;}
button,textarea{-webkit-appearance: none;border-radius: 0;outline: none;}
body{--mc:#206453; --yellow:#f7b317;--width:1200px; --bg:#f3f5f6; color: #111; background: #fff;}
html{ scroll-behavior: smooth;}
p{line-height:1.7}
h1,h2,h3,h4,h5{ line-height:1.4 }
.block{ height:110px; }
/* 针对 WebKit 内核的浏览器（如 Chrome 和 Safari） */
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; /* 隐藏清除按钮 */
  display: none; /* 确保彻底隐藏 */
}

/* 针对 Edge 浏览器 */
input[type="search"]::-ms-clear {
  display: none;
}






.header{position:absolute;left: 0px; right: 0px; top: 0px; width: 100%; z-index: 999; transition-duration:0.3s; background: rgba(255,255,255,1);}
.header.fixed{ background: rgba(255,255,255,0.7);}
.header .pagewidth{display: flex; justify-content:space-between; align-items:center;  align-items:center; }
.header .logo a{}
.header .logo img{ display: block; height:50px;transition-duration:0.3s;  }

.header .menu {}
.header .menu > ul{  }
.header .menu ul{ }
.header .menu ul li{ }
.header .menu a { color:#333333; padding:44px 12px; font-size: 16px; line-height: 1;  display: block; text-align: center;  }
.header .menu ul {margin: 0;padding: 0;list-style: none; }
.header .menu > ul > li { display: block;float: left;position: relative; display: block;}
.header .menu > ul > li a i{display: inline-block; transition-duration: 0.3s}
.header .menu ul li.active a{color:var(--mc); font-weight: 500;   }
.header .menu ul li.active:after{position: absolute; left: 0px; right: 0px; bottom:0px; transition-duration: 0.3s; height: 3px; background:var(--mc); content: ''; }
.header .menu ul li:hover:after{position: absolute; left: 0px; right: 0px; bottom:0px; transition-duration: 0.3s; height: 3px; background:var(--mc); content: ''; }
.header .menu ul li:hover a{color:var(--mc);}
.header .menu > ul > li > ul { background:rgba(255,255,255,0.6) ;position: absolute; visibility: hidden; opacity: 0; top: 110px; width: 180px;margin-left:-90px; z-index: 999; right: 0px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); padding-top: 12px; padding-bottom: 12px; left: 50%; -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); border-radius:3px; transition-duration:0.3s }
.header .menu > ul > li:hover > ul { visibility:visible; opacity: 1; top: 100px;}
.header .menu > ul > li > ul > li { position: relative; width: 100%;}
.header .menu > ul > li > ul > li a{ color:#333!important; font-size:15px; font-weight: normal; padding: 0; padding-top: 22px; padding-bottom: 22px; display:block; }
.header .menu > ul > li > ul > li a:hover{ color:#fff!important; background:var(--mc);!important;  }
.header .menu > ul > li > ul > li > ul { display:none;position: absolute;left: 100%;top: 20px;}
.header .menu > ul > li > ul > li:hover > ul { display:block;background-color: #333; }
.header .menu > ul > li > ul.sub2{ width: 220px;}





.header .lang > ul{  }
.header .lang ul{ }
.header .lang ul li{ }
.header .lang a { color:#333333; padding:44px 0px; padding-right:0px; font-size: 16px; line-height: 1;  display: block; text-align: center;  }
.header .lang ul {margin: 0;padding: 0;list-style: none; }
.header .lang > ul > li { display: block;float: left;position: relative; display: block;}
.header .lang > ul > li a:hover i{transform:rotate(180deg)}
.header .lang ul li.active a{color:var(--mc); font-weight: 500;   }
.header .lang ul li.active:after{position: absolute; left: 0px; right: 0px; bottom:0px; transition-duration: 0.3s; height: 3px; background:var(--mc); content: ''; }
.header .lang ul li:hover a{color:var(--mc);}
.header .lang > ul > li > ul { background:rgba(255,255,255,1) ;position: absolute; visibility: hidden; opacity: 0; top: 90px; width: 150px;z-index: 999; right: 0px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); padding: 6px;  -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); border-radius:3px; transition-duration:0.3s }
.header .lang > ul > li > ul:after{content: ""; position:absolute;top: -8px; left: 50%; margin-left: -8px; border: 8px solid transparent; border-top-width: 0; border-bottom-color: rgba(255,255,255,0.7); }
.header .lang > ul > li:hover > ul { visibility:visible; opacity: 1; top: 80px;}
.header .lang > ul > li > ul > li { position: relative; width: 100%;}
.header .lang > ul > li > ul > li a{ color:#333!important; font-size:15px; border-radius: 3px; font-weight: normal; padding: 0; padding-top: 12px; padding-bottom: 12px; display:block; }
.header .lang > ul > li > ul > li a:hover{ color:#fff!important; background:var(--mc)!important;  }
.header .lang > ul > li > ul > li > ul { display:none;position: absolute;left: 100%;top: 20px;}
.header .lang > ul > li > ul > li:hover > ul { display:block;background-color: #333; }


.header .menu_bt{ display: none}



.footer{ background: #454851;  overflow: hidden;border-bottom:#6a6e7a solid 1px; padding-top:60px; padding-bottom:60px; }
.footer .pagewidth{ display:flex; justify-content:space-between; align-items:center; }

.footer h2{ color:#fff; font-size:28px; margin-bottom:15px; }
.footer ul li{ padding-left: 32px; color:#fff; position:relative; margin-bottom:12px;  }
.footer ul li:last-child{ margin-bottom:0; }
.footer ul li .icon{ background:#fff; display: flex; justify-content: center; align-items: center; line-height: 1; position: absolute; left:0px; border-radius:24px; height:24px; width:25px; }
.footer ul li .icon i{ color:var(--mc);  }
.footer .wechat{ text-align:center;  color:#fff; }
.footer .wechat p{ padding-top:10px; } 

.copy{  background: #454851; color: #fff; padding-top:20px; padding-bottom: 20px; text-align: center; }
.copy p{  }




.innernav {width: 20px;height: 16px;position: absolute;top: 30px;right: 20px; }
.innernav .icon-bar {width: 100%;height: 2px;position: absolute;left: 0;background:var(--mc);;-webkit-transition: all 0.3s;transition: all 0.3s;}
.innernav .icon-bar.top {top: 0;}
.innernav .icon-bar.middle {top: 50%;margin-top: -1px;}
.innernav .icon-bar.bottom {bottom: 0;}
.fixed .innernav .icon-bar {background:var(--mc);}
.main_nav {display: table; width: 70%;height: 100%;position: fixed;top: 0;left: -70%;bottom: 0;background:#fff;z-index: 9999;-webkit-transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);}
.main_nav .menu_logo{ padding-left: 20px; padding-right: 20px;  height: 56px;border-bottom: #ececec solid 1px; display:flex; justify-content:space-between; align-items:center; }
.main_nav .menu_logo img{ height: 36px; aspect-ratio: 111/36; object-fit: cover; object-position: left }
.main_nav .menu_logo i{ font-size: 20px; color: var(--mc); }
.main_nav .close_nav {width: 20px;height: 20px;position: absolute;  top: 25px;  right: 25px;cursor: pointer;}
.main_nav .close_nav:before,
.main_nav .close_nav:after {content: '';width: 100%;height: 2px;background: #fff;position: absolute;top: 50%;left: 0;margin-top: -1px;-webkit-transition: all 0.3s 0.3s;transition: all 0.3s 0.3s;}
.main_nav .close_nav:before {-webkit-transform: rotate(0);transform: rotate(0);}
.main_nav .close_nav:after {-webkit-transform: rotate(0);transform: rotate(0);}
.main_nav.open {left: 0;}
.main_nav.open .close_nav:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);transition-delay: 0;}
.main_nav.open .close_nav:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition-delay: 0;}
.main_nav .menu { padding:30px; }
.main_nav .menu li {display: block;position: relative; line-height: 32px;}
.main_nav .menu li > .active {display: block;position: relative; background: #e8efed;}
.main_nav .menu li:not(:last-child) {margin-bottom: 15px;}
.main_nav .menu li.animated {left: 25px;opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s; margin-bottom: 20px;}
.main_nav .menu li.animated.show {left: 0;opacity: 1;}
.main_nav .menu li a { display:flex; justify-content:space-between; align-items:center;font-size:16px;color: #333; padding:2px 10px;}
.main_nav .menu li.active a {color: var(--mc); background: #e8efed;}
.main_nav .menu li i{ transform:rotate(0deg); transition-duration: 0.3s;}
.main_nav .menu li.active i{ transform:rotate(180deg); }
.main_nav .menu li ul {display: none;margin: 10px auto; padding-left: 20px;}
.main_nav .menu li ul li {display:block;position: relative;}
.main_nav .menu li ul li a {font-size: 14px;font-weight: normal;color: #333!important;background: #fff!important; padding: 0 5px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.main_nav .menu li ul li a.active,
.main_nav .menu li ul li a:hover {color: #fff;}
.main_nav .menu li ul li a.active {font-weight: bold;}
.main_overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99;background: rgba(17, 17, 17, 0.6);opacity: 0;visibility: hidden;cursor: pointer;-webkit-transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);}
.main_overlay.open {opacity: 1;visibility: visible;}


.main_nav .lang{ text-align:center; line-height:2; position:absolute; bottom:20px; width:100% }
.main_nav .lang p { display:flex; justify-content:center; align-items:center;grid-gap:10px; }
.main_nav .lang p a{  color:#333; font-size:14px;  }
.main_nav .lang p a.active{ color:var(--mc); }






/*@media screen and (max-width: 1920px) {*/

/*}*/

/*@media screen and (max-width: 1600px) {*/


/*}*/
/*@media screen and (max-width: 1440px) {*/


/*}*/
/*@media screen and (max-width: 1280px) {*/
/*  .pagewidth{ width: auto;  margin:0 30px; transition-duration: 0.2s; }*/

/*}*/

/*@media screen and (max-width: 480px) {*/
/*  .pagewidth{ width: auto;  margin:0 20px; transition-duration: 0.2s; }*/
/*  .header{ position: fixed}*/
/*   .header .menu{ display: none}*/
/*  .header .pagewidth{ height: 56px;}*/
/*  .header .logo img{height: 36px; aspect-ratio: 111/36; object-fit: cover; object-position: left}*/
/*  .header .lang a{ padding: 20px 10px;}*/
/*  .header .menu_bt{ display: block;}*/
/*  .header .menu_bt{ color:var(--mc); font-size:24px; }*/
/*  .header .lang > ul > li > ul { background:rgba(255,255,255,1) ;position: absolute; visibility: hidden; opacity: 0; top: 80px; width: 150px;z-index: 999; right: auto; left: 50%;transform: translateX(-50%); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); padding: 6px;  -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); border-radius:3px; transition-duration:0.3s }*/
/*  .header .lang > ul > li:hover > ul { visibility:visible; opacity: 1; top: 70px;}*/
/*  .header .lang > ul > li > ul:after{ border-bottom-color: rgba(255,255,255,1); }*/
/*  .header .lang{ display: none}*/


/*  .footer{ background: #454851;  overflow: hidden;border-bottom:#6a6e7a solid 1px; }*/
/*  .footer h2{ color:#fff; font-size:18px; margin-bottom:15px; }*/
/*  .footer ul li{ padding-left: 32px; color:#fff; position:relative; margin-bottom:12px;  }*/
/*  .footer ul li:last-child{ margin-bottom:0; }*/
/*  .footer ul li .icon{ background:#fff; display: flex; justify-content: center; align-items: center; line-height: 1; position: absolute; left:0px; border-radius:24px; height:24px; width:25px; }*/
/*  .footer ul li .icon i{ color:var(--mc);  }*/


/*  .copy{  background: #454851; color: #fff; padding-top:10px; padding-bottom: 10px; text-align: center; }*/
/*  .copy p{ font-size:12px; }*/




/*}*/