*{margin:0; padding:0; list-style: none;}
body {font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica Neue', Helvetica, Roboto, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;min-height:100%;font-size:16px;color:#222;}
/* 娓呯悊娴姩 */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}
.pagewidth{ width: 1200px; margin:0 auto;}
a{ text-decoration: none; transition-duration: 0.1s;}
a:hover{  text-decoration: none;}
.hide{display:none;}
.hidden{display:none;}

img{ border:none; display: block;}
body,html{ height: 100%; }
button,textarea{-webkit-appearance: none;border-radius: 0;outline: none;}

@font-face {
    font-family: 'Qualitative';
    src: url('../font/QualitativeRegular.eot');
    src: url('../font/QualitativeRegular.eot?#iefix') format('embedded-opentype'),
        url('../font/QualitativeRegular.woff2') format('woff2'),
        url('../font/QualitativeRegular.woff') format('woff'),
        url('../font/QualitativeRegular.ttf') format('truetype'),
        url('../font/QualitativeRegular.svg#QualitativeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans Bold';
    src: url('../font/HarmonyOS_Sans_Bold.eot');
    src: url('../font/HarmonyOS_Sans_Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/HarmonyOS_Sans_Bold.woff2') format('woff2'),
        url('../font/HarmonyOS_Sans_Bold.woff') format('woff'),
        url('../font/HarmonyOS_Sans_Bold.ttf') format('truetype'),
        url('../font/HarmonyOS_Sans_Bold.svg#HarmonyOS_Sans_Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




.header_top {  background: #f9f9f9; border-bottom: #ececec solid 1px;}
.header_top .top_menu{ padding-left: 212px; float: left; }
.header_top .top_menu li{ margin-right: 30px; }
.header_top .top_menu a { text-decoration: none;color: #333;font-size: 14px;display: block;height: 40px;line-height: 40px; transition-duration: 0.3s; }
.header_top .top_menu a:hover{ color: #111; font-weight: bold;}
.header_top .top_menu ul {margin: 0;padding: 0;list-style: none;}
.header_top .top_menu > ul > li { display: block;float: left;position: relative; z-index: 3 }
.header_top .top_menu > ul > li a.active {color: #3ea4d1; position: relative;}
.header_top .top_menu > ul > li a.active:after{ position: absolute; content: ""; bottom: 12px; left: 0px; width: 24px; margin-left: -12px; left: 50%; height: 2px; background: #fff; border-radius: 3px;  }
.header_top .top_menu ul li:hover a{color: #3ea4d1; font-weight:normal; }
.header_top .top_menu ul li a i{ transition-duration: 0.3s }
.header_top .top_menu ul li:hover a i{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);}
.header_top .top_menu > ul > li > ul { background-color: #fff;position: absolute;display: none; left: -30px; top: 90%; width: 120px; padding-top: 6px; padding-bottom: 6px; border-radius: 3px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2)}
.header_top .top_menu > ul > li > ul:after{ position: absolute; content: ""; left:52px;  top: -6px; border: 6px solid transparent; border-top-width: 0; border-bottom-color: #fff; }
.header_top .top_menu > ul > li:hover > ul { display: block; }
.header_top .top_menu > ul > li > ul > li { position: relative; margin-right: 0; text-align: center; }
.header_top .top_menu > ul > li > ul > li > ul { display:none;position: absolute;left: 100%;top: 0;}
.header_top .top_menu > ul > li > ul > li:hover > ul { display:block;background-color: #333; }
.header_top .top_menu > ul > li > ul{ }
.header_top .top_menu > ul > li > ul > li  { height: 36px; line-height: 36px;  }
.header_top .top_menu > ul > li > ul > li a { height: 36px; line-height: 36px; font-size: 14px;  color: #333!important; font-weight: normal!important;}
.header_top .top_menu > ul > li > ul > li  a:hover {  background: #f5f5f5; color: #3ea4d1!important; }
.header_top .right{float: right; line-height: 40px;}
.header_top .right i{ float: left; margin-right: 3px; }
.header_top .right span{ float: left; }
.header_top .right a{ font-size: 14px; margin-left: 30px; float: left; color: #333; }
.header_top .right a:hover{ color: #3ea4d1; }

.header_top .right .wechat{  position: relative;}
.header_top .right .wechat .wechatcontent{ position: absolute; display: none; border-radius: 6px; background: #fff;border:#ececec solid 1px; top: 40px; left: -30px; width: 120px; padding: 10px;  z-index: 999; }
.header_top .right .wechat .wechatcontent:after{ content: '';position: absolute;border: 6px solid transparent;border-top-width: 0;border-bottom-color: #ececec;top: -6px;right: 28px}
.header_top .right .wechat .wechatcontent:before{ content: '';position: absolute;border: 6px solid transparent;border-top-width: 0;border-bottom-color: #fff;top: -5px;right: 28px; z-index: 999;}
.header_top .right .wechat:hover .wechatcontent{ position: absolute; display: block; }
.header_top .right .wechat .wechatcontent img{ width: 100%; display: block; }

.page { text-align:center; padding:0px 30px; }
.page a{ border:#ececec solid 1px; height: 40px;line-height: 40px; display: inline-block; padding-left: 18px; border-radius: 3px; padding-right: 18px; background: #fff; margin-left: 3px; margin-right: 3px; color: #666; font-size: 14px; display: inline-block; transition-duration: 0.3s; /*box-shadow: 0px 5px 5px rgba(0,0,0,0.0)*/ }
.page a:hover{height: 40px; line-height: 40px; padding-left: 18px; padding-right: 18px; background: #fff; color: #555; font-size: 14px; display: inline-block; /*box-shadow: 0px 5px 5px rgba(0,0,0,0.05);*/transform: translateY(-2px)  }
.page a.active{ background: #01acea; color: #fff; cursor:not-allowed; }

.header{ height: 50px;  padding-top: 15px;   padding-bottom: 15px;  transition-duration: 0.3s; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.0) }
.header .pagewidth{ position: relative; }
.header .logo{ float: left; width: 180px;transition-duration: 0.3s;}
.header .logo img{ display: block; height: 50px; transition-duration: 0.3s}
.header .stockcode{ float: left; padding-left: 30px; margin-top: 10px; margin-right: 100px; margin-bottom: 10px;border-left: #cccccc solid 1px;  }
.header .stockcode{ font-size: 14px; line-height: 1.3em; color: #666; }
.header .stockcode strong{ font-size: 16px; font-family: 'HarmonyOS Sans Bold';}
.header .right{ float: right;transition-duration: 0.3s; padding-top: 5px;  padding-bottom: 0px; position: relative;   }
.header .pc_menu{ float: left; }
.header .pc_menu ul li{ float: left; line-height: 50px; margin-right:45px; font-size: 18px; }
.header .pc_menu ul li a{ color: #111; }
.header .pc_menu ul li a:hover{ color: #3ea4d1; }
.header .pc_menu ul li a.active{ color: #3ea4d1; }
.header .right .search{ height: 40px;   width: 236px; border:#ececec solid 1px;  display: block; overflow: hidden; float: right; transition-duration: 0.3s; position: absolute;right: 0px; border-radius: 50px; padding-left: 0px; z-index: 33;}
.header .right .search .input_text{padding-left: 15px; height:30px; font-size: 14px; color: #333; width: 80%; line-height:30px; padding-top: 5px; padding-bottom: 5px; border:none; opacity: 1; background: none; transition-duration: 0.3s }
.header .right .search .ss_btn{ position: absolute; right: 0; height: 40px; width: 40px;  background:url(../images/search-2-line.svg) no-repeat  5px center; text-indent: -999em;  background-size: 20px 20px;border:none; transition-duration: 0.3s; opacity: 1;}

.header .trigger{ display: none; }


.blackbg{ background: #201e24; padding-top: 10px; padding-bottom: 10px; } 

.position{  height: 50px; line-height: 50px; font-size: 14px; color: #666; border-bottom: #ececec solid 1px;  }
.position a{ margin-left: 5px; margin-right: 5px; }


.footer_logo{ background: #222; border-bottom: #444444 solid 1px;  padding-top: 40px; padding-bottom: 20px;}
.footer_logo img{ display: block; height: 50px; }
.footer{ background: #222222; padding-top: 40px; padding-bottom: 40px; border-bottom: #444444 solid 1px; }
.footer .nav{ float: left; margin-right: 110px;}
.footer .nav_mr0{ margin-right: 0; }
.footer .nav h2{ font-size: 16px; color: #fff; margin-bottom: 15px;  }
.footer .nav ul li{ line-height: 2.6em;font-size: 14px;}
.footer .nav ul li a{ color: #999999;  }
.footer .nav ul li a:hover{ color: #fff; }
.footer .contact{ float: right; }
.footer .contact h2{ color: #000;font-family: 'HarmonyOS Sans Bold'; font-size: 28px; text-align: right; margin-bottom: 4px; }
.footer .contact p{ color: #999999; font-size: 14px; text-align: right; }
.footer .contact ul { padding-top: 20px; }
.footer .contact ul li{ color: #666; font-size: 14px; text-align: right; margin-bottom: 6px; }
.footer .contact dl{ width: 280px; padding-top: 20px; }
.footer .contact dl dd{float: left; width: 120px; margin-left: 20px;}
.footer .contact dl dd img{ width: 120px; }
.footer .contact dl dd p{ text-align: center; font-size: 14px; padding-top: 10px; color: #666; }
.copy{background: #222222; padding-top: 30px; padding-bottom: 30px;font-size: 14px; color: #999;}
.copy span.beian{ padding-left: 30px; }
.copy span.top{ float: right; }
.copy span.top a{ cursor: pointer;}
.copy a{ color: #999; }
.copy a:hover{ color: #999; }




.inner {width: 24px;height: 16px;position: absolute;top: 16px;right: 6px; }
.inner .icon-bar {width: 100%;height: 2px; border-radius: 2px; position: absolute;left: 0;background: #333;-webkit-transition: all 0.3s;transition: all 0.3s;}
.inner .icon-bar.top {top: 0;}
.inner .icon-bar.middle {top: 50%;margin-top: -1px;}
.inner .icon-bar.bottom {bottom: 0;}
.bgwhite .inner .icon-bar {background: #333;}
.main_nav {display: table;width: 50%;height: 100%;position: fixed;top: 0;right: -50%;bottom: 0;background: #ffffff;z-index: 100;-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 .close_nav {width: 20px;height: 20px;position: absolute;  top: 20px;  right: 20px;cursor: pointer;}
.main_nav .close_nav:before,
.main_nav .close_nav:after {content: '';width: 100%;height: 2px;background: #111111;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 {right: 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 {display: table-cell;vertical-align: middle;text-align: center;}
.main_nav .menu li {display: block;position: relative;}
.main_nav .menu li:not(:last-child) {margin-bottom: 10px;}
.main_nav .menu li.animated {left: 25px;opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s; margin-bottom: 15px;}
.main_nav .menu li.animated.show {left: 0;opacity: 1;}
.main_nav .menu li a {display: block;font-size: 20px;font-weight: 700;color: #111111;}
.main_nav .menu li a.active {color: #3ea4d1;}
.main_nav .menu li ul {display: none;max-width: 80%;margin: 10px auto;}
.main_nav .menu li ul li {display:block;position: relative;}
.main_nav .menu li ul li a {font-size: 16px;font-weight: normal;color: rgba(17, 17, 17, 0.6);padding: 0 8px;-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: #111111;}
.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.9);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;}



/*澶у睆骞?/
@media screen and (max-width: 1920px) {}
/*涓睆骞?/
@media screen and (max-width: 1440px) {}
/*骞虫澘*/
@media screen and (max-width: 768px) {
.pagewidth{ width: auto; margin:0 15px;}
.header_top { display: none;}
.header .right{ display: none;}
.header .pc_menu{ display: none;}

.header .trigger{ display: block; }


.header{ height: 50px;  padding-top: 5px;   padding-bottom: 5px;  transition-duration: 0.3s; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.0) }
.header .pagewidth{ position: relative; }
.header .logo{ float: left; width: 140px;transition-duration: 0.3s; padding-top: 5px;}
.header .logo img{ display: block; height: 40px; transition-duration: 0.3s}
.header .stockcode{ float: left; padding-left: 20px; margin-top: 7px; margin-right: 0px; margin-bottom: 10px;border-left: #cccccc solid 1px;  }
.header .stockcode{ font-size: 14px; line-height: 1.3em; color: #666; }
.header .stockcode strong{ font-size: 16px; font-family: 'HarmonyOS Sans Bold';}
.header .right{ float: right;transition-duration: 0.3s; padding-top: 5px;  padding-bottom: 0px; position: relative;   }
.header .pc_menu{ float: left; }
.header .pc_menu ul li{ float: left; line-height: 50px; margin-right:45px; font-size: 18px; }
.header .pc_menu ul li a{ color: #111; }
.header .pc_menu ul li a:hover{ color: #3ea4d1; }
.header .pc_menu ul li a.active{ color: #3ea4d1; }
.header .right .search{ height: 40px;   width: 236px; border:#ececec solid 1px;  display: block; overflow: hidden; float: right; transition-duration: 0.3s; position: absolute;right: 0px; border-radius: 50px; padding-left: 0px; z-index: 33;}
.header .right .search .input_text{padding-left: 15px; height:30px; font-size: 14px; color: #333; width: 80%; line-height:30px; padding-top: 5px; padding-bottom: 5px; border:none; opacity: 1; background: none; transition-duration: 0.3s }
.header .right .search .ss_btn{ position: absolute; right: 0; height: 40px; width: 40px;  background:url(../images/search-2-line.svg) no-repeat  5px center; text-indent: -999em;  background-size: 20px 20px;border:none; transition-duration: 0.3s; opacity: 1;}


.footer_logo{ display: none;}
.footer{ background: #222222; padding-top: 20px; padding-bottom: 0px; border-bottom:none; }
.footer .nav{ float: none; margin-right: 0; margin-bottom: 0px; padding-top: 20px; border-bottom:  #444444 solid 1px; padding-bottom: 10px; }
.footer .nav_mr0{ margin-right: 0; }
.footer .nav h2{ font-size: 16px; color: #fff; margin-bottom: 5px;  }
.footer .nav ul li{ line-height: 2.6em;font-size: 14px; float: left; width: 33.33%;}
.footer .nav ul li a{ color: #999999;  }
.footer .nav ul li a:hover{ color: #fff; }
.footer .contact{ float: right; }
.footer .contact h2{ color: #000;font-family: 'HarmonyOS Sans Bold'; font-size: 28px; text-align: right; margin-bottom: 4px; }
.footer .contact p{ color: #999999; font-size: 14px; text-align: right; }
.footer .contact ul { padding-top: 20px; }
.footer .contact ul li{ color: #666; font-size: 14px; text-align: right; margin-bottom: 6px; }
.footer .contact dl{ width: 280px; padding-top: 20px; }
.footer .contact dl dd{float: left; width: 120px; margin-left: 20px;}
.footer .contact dl dd img{ width: 120px; }
.footer .contact dl dd p{ text-align: center; font-size: 14px; padding-top: 10px; color: #666; }
.copy{background: #222222; padding-top: 20px; padding-bottom:20px; line-height: 1.6em; font-size: 14px; color: #999; text-align: center;}
.copy span.beian{ padding-left: 0px; display:block; }
.copy span.top{ display: none; }
.copy a{ color: #999; }
.copy a:hover{ color: #999; }
.page { text-align:center; padding:0px 0px; }
.page a:first-child{ display: none; }
.page a:last-child{ display: none; }


}
/*鎵嬫満*/
@media screen and (max-width: 480px) {}
/*灏忓昂瀵告墜鏈?/
@media screen and (max-width: 320px) {}
/*妯睆*/
@media all and (orientation : landscape) {} 
/*绔栧睆*/
@media all and (orientation : portrait){}