*{margin:0; padding:0; list-style: none;}
body {font-family:'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;}
img{ border:none; display: block;}
body,html{ height: 100%; }
button,textarea{-webkit-appearance: none;border-radius: 0;outline: none;}


@font-face {
    font-family: 'DIN-Alternate-Bold';
    src: url('../font/DIN-Alternate-Bold.eot');
    src: url('../font/DIN-Alternate-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/DIN-Alternate-Bold.woff2') format('woff2'),
        url('../font/DIN-Alternate-Bold.woff') format('woff'),
        url('../font/DIN-Alternate-Bold.ttf') format('truetype'),
        url('../font/DIN-Alternate-Bold.svg#DIN-Alternate-Bold') format('svg');
    font-weight: bold;
    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;
}


 

.page { text-align:left;  }
.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: #1ba6e7; color: #fff; cursor:not-allowed; }

.header{ height: 80px;  padding-top: 0px;padding-bottom: 0px;  transition-duration: 0.3s; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.0) }
.header .pagewidth{ position: relative; width: auto; padding-left: 30px; }

.header .logo{ float: left; padding-top: 22px; margin-right: 35px; transition-duration: 0.3s }
.header .logo img{ display: block; height: 36px; transition-duration: 0.3s}
.header .security{ float: left; margin-right: 60px; border-left: #ececec solid 1px; padding-left: 35px; margin-top: 20px;}
.header .security span{ font-size: 14px; color: #666666; display: block; text-align: center;padding-top: 2px; }
.header .security strong{ font-size: 15px; display: block; color: #666666; font-family: 'HarmonyOS Sans Bold'; text-align: center;}

.header .right{ float: left;width: 200px; transition-duration: 0.3s; padding-top: 0px;  padding-bottom: 0px; position: relative;    }
.header .right .wechat{ float: right; margin-left: 10px; }
.header .right .wechat a{ background:rgba(255,255,255,1); height: 40px;  width: 40px;  display: block; line-height: 40px; border-radius: 40px; color: #999; text-align: center; float: right; transition-duration: 0.3s}
.header .right .wechat a:hover{ background: #1ba6e7; color: #fff; }
.header .right .wechat{ }
.header .right .wechat .wechatcontent{ position: absolute; display: none; border-radius: 3px; background: #fff;border:#ececec solid 1px; top: 74px; right: 0px; width: 300px;  z-index: 999; }
.header .right .wechat .wechatcontent dl{ padding: 10px; }
.header .right .wechat .wechatcontent dl dd{ float: left; width: 50%;display: block;}
.header .right .wechat .wechatcontent dl dd img{ width: 100%; display: block; }
.header .right .wechat .wechatcontent dl dd p{ text-align: center; color: #666; font-size: 14px;  padding-bottom: 10px;}
.header .right .wechat .wechatcontent:after{ content: '';position: absolute;border: 6px solid transparent;border-top-width: 0;border-bottom-color: #ececec;top: -6px;right: 8px}
.header .right .wechat .wechatcontent:before{ content: '';position: absolute;border: 6px solid transparent;border-top-width: 0;border-bottom-color: #fff;top: -5px;right: 8px; z-index: 999;}
.header .right .wechat:hover .wechatcontent{ position: absolute; display: block; }
.header .right .search{ height: 80px;  width: 40px; background:url(../images/search-2-line.svg) no-repeat #fff center center;  background-size: 20px 20px; display: block; overflow: hidden;  transition-duration: 0.3s; padding-left: 0px; z-index: 33;}
.header .right .search:hover{ height: 80px;  width: 180px;background: #fff;  display: block; overflow: hidden; float: right; transition-duration: 0.3s; padding-left: 10px;}
.header .right .search .input_text{ height:80px; font-size: 14px; color: #333; width: 80%; line-height:80px; padding-top: 5px; padding-bottom: 5px; border:none; opacity: 0; background: none; transition-duration: 0.3s }
.header .right .search:hover .input_text{ opacity: 1; }
.header .right .search .ss_btn{ position: absolute; right: 0; height: 80px; width: 40px;  background:url(../images/search-3-line.svg) no-repeat #1ba6e7 8px center; text-indent: -999em;  background-size: 20px 20px;border:none; transition-duration: 0.3s; opacity: 0;}
.header .right .search:hover  .ss_btn{ opacity: 1 }
.header .lang{ background: #1ba6e7; float: right; color: #fff; padding-top: 20px; padding-left: 20px; padding-right: 20px;  padding-bottom: 20px; line-height: 40px; font-size: 14px; }
.header .lang i{ margin-right: 5px; }
.header .lang span{ margin-left: 8px; margin-right: 8px; }
.header .lang a{ color: #fff; }

.header .trigger{ display: none; }

.header .pcmenu { float: left;  padding-top: 10px; padding-bottom: 10px;}
.header .pcmenu ul{  float: right; }
.header .pcmenu a { text-decoration: none;color: #333;font-size: 16px;display: block;height: 60px;line-height: 60px;padding: 0 25px; transition-duration: 0.3s; }
.header .pcmenu a:hover{ color: #1ba6e7; font-weight: bold;}
.header .pcmenu ul {margin: 0;padding: 0;list-style: none;}
.header .pcmenu > ul > li { display: block;float: left;position: relative; z-index: 3 }
.header .pcmenu > ul > li a.active {color: #1ba6e7; font-weight: bold; position: relative;}
.header .pcmenu > ul > li a.active:after{ position: absolute; content: ""; bottom: 0px; left: 0px; width: 24px; margin-left: -12px; left: 50%; height: 2px; background: #1ba6e7; border-radius: 3px;  }
.header .pcmenu ul li:hover a{color: #1ba6e7; font-weight:normal; }
.header .pcmenu ul li a i{ transition-duration: 0.3s }
.header .pcmenu ul li:hover a i{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);}
.header .pcmenu > ul > li > ul { background-color: #fff;position: absolute; z-index: 54; display: none;top: 100%; width: 180px; padding-top: 6px; padding-bottom: 6px; border-radius: 3px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2)}
.header .pcmenu > ul > li > ul:after{ position: absolute; content: ""; left:44px;  top: -6px; border: 6px solid transparent; border-top-width: 0; border-bottom-color: #fff; }
.header .pcmenu > ul > li:hover > ul { display: block; }
.header .pcmenu > ul > li > ul > li { position: relative; }
.header .pcmenu > ul > li > ul > li > ul { display:none;position: absolute;left: 100%;top: 0;}
.header .pcmenu > ul > li > ul > li:hover > ul { display:block;background-color: #333; }
.header .pcmenu > ul > li > ul{ }
.header .pcmenu > ul > li > ul > li  { height: 44px; line-height: 44px;  }
.header .pcmenu > ul > li > ul > li a { height: 44px; line-height: 44px; font-size: 14px;  color: #333!important; font-weight: normal!important;}
.header .pcmenu > ul > li > ul > li  a:hover {  background: #f5f5f5; color: #1ba6e7!important; }


.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_contact{ line-height: 100px; height: 100px; font-weight: bold; text-align: center; background: #024282 }
.footer_contact h2{font-size: 24px; color: #fff;}
.footer_contact h2 a{ color: #fff; position: relative; }
.footer_contact h2 a:before{ position: absolute; left: 0px; right: 0px; bottom: -5px; width: 100%; height: 2px; background: #fff; content: ""; transition-duration: 0.3s; }
.footer_contact h2 a:hover{ color: #fff; position: relative; }
.footer_contact h2 a:hover:before{ position: absolute; left: 0px; right: 0px; bottom: -2px; width: 100%; height: 2px; background: #fff; content: "" }





.footer{ background: #f5f5f5; padding-top: 70px; padding-bottom: 70px; }
.footer .nav{ float: left; width: ; margin-right:100px;}
.footer .nav h2{ font-size: 16px; color: #222; margin-bottom: 10px;  }
.footer .nav ul li{ line-height: 2.6em;font-size: 14px;}
.footer .nav ul li a{ color: #444444;  }
.footer .nav ul li a:hover{ color: #1ba6e7; }
.footer .wechat{ float: right; }
.footer .wechat img{ width: 120px; }
.footer .wechat p{ padding-top: 10px; font-size: 14px; color: #999; text-align: center; }
.copy{background: #f5f5f5; padding-top: 30px; padding-bottom: 30px;line-height: 2em; font-size: 14px; color: #666; border-top: #dcdcdc solid 1px;}
.copy span.beian{ padding-right: 30px; }
.copy span.top{ float: right; }
.copy span.cx{ float: right; width: 80px; position: relative; top: -2px; }
.copy span.cx img{width: 80px; }
.copy span.top a{ cursor: pointer;}
.copy a{ color: #666; }
.copy a:hover{ color: #666; }




.inner {width: 24px;height: 16px;position: absolute;top: 17px;right: 4px; }
.inner .icon-bar {width: 100%;height: 1.5px;position: absolute;left: 0;background: #666;-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: #005fb8;}
.main_nav {display: table;width: 50%;height: 100%;position: fixed;top: 0;right: -50%;bottom: 0;background: #ffffff;z-index: 999999;-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: 15px;  right: 15px;cursor: pointer;}
.main_nav .close_nav:before,
.main_nav .close_nav:after {content: '';width: 100%;height: 1px;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: 5px;}
.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: block;font-size: 20px;font-weight: 700;color: #111111;}
.main_nav .menu li a.active {color: #3b5e9f;}
.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: 14px;font-weight: normal;color: rgba(17, 17, 17, 0.6);padding: 5px 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: #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 20px;}

.header{ height: 50px;  padding-top: 0px;padding-bottom: 0px;  transition-duration: 0.3s; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.0) }
.header .pagewidth{ position: relative; width: auto; padding-left: 0px; }

.header .logo{ float: left; padding-top: 12px; margin-right: 15px; transition-duration: 0.3s }
.header .logo img{ display: block; height: 26px; transition-duration: 0.3s}
.header .security{ float: left; margin-right: 20px; border-left: #ececec solid 1px; padding-left: 10px; margin-top:5px;}
.header .security span{ font-size: 14px; color: #666666; display: block; text-align: center;padding-top: 2px; }
.header .security strong{ font-size: 15px; display: block; color: #666666; font-family: 'HarmonyOS Sans Bold'; text-align: center;}

.header .right{}
.header .right .wechat{ float: right; margin-left: 10px; display: none; }
.header .lang{ background: #1ba6e7; float: left; color: #fff; padding-top: 0px; padding-left:16px; padding-right: 16px;  padding-bottom: 0px; line-height: 50px; font-size: 14px; }
.header .lang i{ margin-right: 5px; }
.header .lang span{ margin-left: 8px; margin-right: 8px; }
.header .lang a{ color: #fff; }

.header .trigger{ display: block; }
.header .pcmenu { float: left;  padding-top: 10px; padding-bottom: 10px; display: none; }
.header .pcmenu ul{  float: right; }
.header .pcmenu a { text-decoration: none;color: #333;font-size: 16px;display: block;height: 60px;line-height: 60px;padding: 0 25px; transition-duration: 0.3s; }
.header .pcmenu a:hover{ color: #1ba6e7; font-weight: bold;}
.header .pcmenu ul {margin: 0;padding: 0;list-style: none;}
.header .pcmenu > ul > li { display: block;float: left;position: relative; z-index: 3 }
.header .pcmenu > ul > li a.active {color: #1ba6e7; font-weight: bold; position: relative;}
.header .pcmenu > ul > li a.active:after{ position: absolute; content: ""; bottom: 0px; left: 0px; width: 24px; margin-left: -12px; left: 50%; height: 2px; background: #1ba6e7; border-radius: 3px;  }
.header .pcmenu ul li:hover a{color: #1ba6e7; font-weight:normal; }
.header .pcmenu ul li a i{ transition-duration: 0.3s }
.header .pcmenu ul li:hover a i{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);}
.header .pcmenu > ul > li > ul { background-color: #fff;position: absolute; z-index: 54; display: none;top: 100%; width: 180px; padding-top: 6px; padding-bottom: 6px; border-radius: 3px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2)}
.header .pcmenu > ul > li > ul:after{ position: absolute; content: ""; left:44px;  top: -6px; border: 6px solid transparent; border-top-width: 0; border-bottom-color: #fff; }
.header .pcmenu > ul > li:hover > ul { display: block; }
.header .pcmenu > ul > li > ul > li { position: relative; }
.header .pcmenu > ul > li > ul > li > ul { display:none;position: absolute;left: 100%;top: 0;}
.header .pcmenu > ul > li > ul > li:hover > ul { display:block;background-color: #333; }
.header .pcmenu > ul > li > ul{ }
.header .pcmenu > ul > li > ul > li  { height: 44px; line-height: 44px;  }
.header .pcmenu > ul > li > ul > li a { height: 44px; line-height: 44px; font-size: 14px;  color: #333!important; font-weight: normal!important;}
.header .pcmenu > ul > li > ul > li  a:hover {  background: #f5f5f5; color: #1ba6e7!important; }


.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_contact{ line-height: 2em; height: auto; padding-top: 30px; padding-bottom: 30px; font-weight: bold; text-align: center; background: #024282 }
.footer_contact h2{font-size: 22px; color: #fff;}
.footer_contact h2 a{ color: #fff; position: relative; }
.footer_contact h2 a:before{ position: absolute; left: 0px; right: 0px; bottom: -5px; width: 100%; height: 2px; background: #fff; content: ""; transition-duration: 0.3s; }
.footer_contact h2 a:hover{ color: #fff; position: relative; }
.footer_contact h2 a:hover:before{ position: absolute; left: 0px; right: 0px; bottom: -2px; width: 100%; height: 2px; background: #fff; content: "" }

.footer{ background: #f5f5f5; padding-top: 70px; padding-bottom: 70px;  display:none;}
.footer .nav{ float: left; width: ; margin-right:100px;}
.footer .nav h2{ font-size: 16px; color: #222; margin-bottom: 10px;  }
.footer .nav ul li{ line-height: 2.6em;font-size: 14px;}
.footer .nav ul li a{ color: #444444;  }
.footer .nav ul li a:hover{ color: #1ba6e7; }
.footer .wechat{ float: right; }
.footer .wechat img{ width: 120px; }
.footer .wechat p{ padding-top: 10px; font-size: 14px; color: #999; text-align: center; }
.copy{background: #f5f5f5; padding-top: 30px; padding-bottom: 30px;line-height: 2em; font-size: 14px; text-align: center; color: #666; border-top:none;}
.copy span.beian{ padding-right: 30px; }
.copy span.top{ float: right; }
.copy span.cx{ float: none; width: 100%; position: relative; top: -2px; }
.copy span.cx img{width: 80px; }
.copy span.top a{ cursor: pointer;}
.copy a{ color: #666; }
.copy a:hover{ color: #666; }

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