*{margin:0; padding:0; list-style: none;}
body {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size:16px;font-weight: 400;}
/* 清理浮动 */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}
.pagewidth{ width: 1560px; margin:0 auto;}
a{ text-decoration: none; transition-duration: 0.2s;}
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;}
body{--main:#ff6600;}
h1,h2,h3,h4,h5{font-weight: bold; }


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


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



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


.page { text-align:center; padding:0px 0px;width:100%;}
.page a{ border:#000 solid 1px; height: 40px;line-height: 40px; display: inline-block; padding-left: 18px; border-radius: 3px; padding-right: 18px; background: #000; margin-left: 3px; margin-right: 3px; color: #fff; font-size: 14px; margin-top: 50px; margin-bottom: 80px; 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: #333; color: #fff; font-size: 14px; display: inline-block; /*box-shadow: 0px 5px 5px rgba(0,0,0,0.05);*/transform: translateY(-2px)  }
.page a.active{ background: var(--main); color: #fff; cursor:not-allowed;border:var(--main) solid 1px; }


.hide{ display: none; }


.header{position: fixed; display: flex;z-index:999;height: 100px; justify-content: space-between;  left: 0;right: 0;top: 0; background: #000; transition-duration: 0.3s;-webkit-backdrop-filter:blur(3px); backdrop-filter: blur(3px); }
.header .logo { padding-left:50px;}
.header .logo a{display: block;display:flex; height:100px; justify-content:space-between; }
.header .logo img{height: 36px; align-self: center; display:block;}
.header .pc_menu { padding-right:50px; }
.header .pc_menu ul li{ float:left; font-size:18px; margin-left:60px; }
.header .pc_menu ul li a{color: #fff; height: 100px; line-height: 100px;}
.header .pc_menu ul li a:hover{color:var(--main); }
.header .pc_menu ul li a.active{color:var(--main); }


.index_header{ display:none; }
 

.bgwhite {}

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





.copy{ height: 50px; line-height: 50px; font-size: 14px; color: #fff; background:#000; padding-left:50px; padding-right:50px; }
.copy span{ padding-left:40px;}
.copy a{color:#fff;}
.copy a:hover{ color: rgba(255, 255, 255, 1);}

.trigger{display: none;}
.inner {width: 28px;height:22px;position: absolute;top: 50px;left: 50px; z-index: 3}
.inner .icon-bar {width: 100%;height: 2px;position: absolute;left: 0;background:#fff;-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:#fff;}
.main_nav {display: table;width: 20%;height: 100%;position: fixed;top: 0;left: -20%;bottom: 0;background:rgba(0, 0, 0, 0.8);-webkit-backdrop-filter:blur(5px); backdrop-filter: blur(5px);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: 28px;height: 28px;position: absolute;  top: 50px;  left: 50px;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 {display: table-cell;vertical-align: middle;text-align: center;}
.main_nav .menu li {display: block;position: relative; margin-left: 30px; margin-right: 30px;}
.main_nav .menu li:not(:last-child) {margin-bottom: 30px;}
.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;color: #fff;}
.main_nav .menu li a.active {color: var(--orange);}
.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: 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;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;}



/* 返回顶部
================================================== */
.progress-wrap {position: fixed;right: 20px;bottom: 50px;height: 46px;width: 46px;cursor: pointer;display: block;border-radius: 50px;box-shadow: inset  0 0 0 2px rgba(0,0,0,0.4);z-index: 10000;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);}
.progress-wrap::after {position: absolute;font-family: 'remixicon';content: '\ea76';text-align: center;line-height: 46px;font-size: 16px;color: var(--main);left: 0;top: 0;height: 46px;width: 46px;cursor: pointer;display: block;z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap:hover::after {opacity: 0;}
.progress-wrap::before {position: absolute;font-family: 'remixicon';content: '\ea76';text-align: center;line-height: 46px;font-size: 16px;opacity: 0;background-image: linear-gradient(298deg, var(--main), var(--main));-webkit-background-clip: text;-webkit-text-fill-color: transparent;left: 0;top: 0;height: 46px;width: 46px;cursor: pointer;display: block;z-index: 2;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap:hover::before {opacity: 1;}
.progress-wrap svg path { fill: none; }
.progress-wrap svg.progress-circle path {stroke: var(--main);stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
body.light .progress-wrap {box-shadow: inset  0 0 0 2px rgba(0,0,0,0.2);}
body.light .progress-wrap::after {color: var(--main);}
body.light .progress-wrap svg.progress-circle path {stroke: var(--main);}
.switch,
.circle {-webkit-transition: all 300ms linear;transition: all 300ms linear; } 
.switch {width: 80px;height: 4px;border-radius: 27px;background-image: linear-gradient(298deg, var(--main), var(--main));position: fixed;left: 50px;top: 75px;display: block;margin: 0 auto;text-align: center;opacity: 1;
  z-index: 33333;transition: all 300ms linear;}
.circle {cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);left: -5px;width: 40px;height: 40px;border-radius: 50%;background: var(--main);box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);animation: border-transform 10s linear infinite alternate forwards;}
.circle:hover {box-shadow: 0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);}
.circle:before {position: absolute;font-family: 'unicons';content: '🌙';top: 0;left: 0;z-index: 2;font-size: 20px;line-height: 40px;text-align: center;width: 100%;height: 40px;opacity: 1;color: var(--main);-webkit-transition: all 300ms linear;transition: all 300ms linear; }
.circle:after {position: absolute;font-family: 'unicons';content: '🌞';top: 0;left: 0;z-index: 2;font-size: 20px;line-height: 40px;text-align: center;width: 100%;height: 40px;color: var(--main);opacity: 0;-webkit-transition: all 300ms linear;transition: all 300ms linear; }
.switched {}
.switched .circle {left: 45px;box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);background: var(--main);}
.switched .circle:hover {box-shadow: 0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);}
.switched .circle:before {opacity: 0;}
.switched .circle:after {opacity: 1;}




/*大屏幕*/
@media screen and (max-width: 1920px) {}
/*中屏幕*/
@media screen and (max-width: 1600px) {
.pagewidth{ width: 1280px; margin:0 auto;}
.header{position: fixed;display: flex;height: 80px; justify-content: space-between;  left: 0;right: 0;top: 0; background: #000; transition-duration: 0.3s;-webkit-backdrop-filter:blur(3px); backdrop-filter: blur(3px); }
.header .logo { padding-left:50px;}
.header .logo a{display: block;display:flex; height:80px; justify-content:space-between; }
.header .logo img{height: 32px; align-self: center; display:block;}

.header .pc_menu { padding-right:50px; }
.header .pc_menu ul li{ float:left; font-size:16px; margin-left:60px; }
.header .pc_menu ul li a{color: #fff; height: 80px; line-height: 80px;}
.header .pc_menu ul li a:hover{color:var(--main); }
.header .pc_menu ul li a.active{color:var(--main); }



}
/*平板*/
@media screen and (max-width: 768px) {
.pagewidth{ width: auto; margin: 0 20px;display:inherit!important;}
.trigger{display: block;}

.header .pc_menu {  display:none; }
.header .logo{ padding-left:20px; }
.header .logo img{height: 24px; align-self: center; display:block;}

.trigger{display: block;}
.inner {width: 28px;height:22px;position: absolute;top: 28px;left: auto; right: 20px; z-index: 3}
.inner .icon-bar {width: 100%;height: 2px;position: absolute;left: 0;background:#fff;-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:#fff;}
.main_nav {display: table;width: 100%;height: 100%;position: fixed;top: 0;left: -100%;bottom: 0;background:rgba(0, 0, 0, 0.8);-webkit-backdrop-filter:blur(5px); backdrop-filter: blur(5px);z-index: 99999;-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: 28px;height: 28px;position: absolute;  top: 28px;  left: auto;right: 20px; 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 {display: table-cell;vertical-align: middle;text-align: center;}
.main_nav .menu li {display: block;position: relative; margin-left: 30px; margin-right: 30px;}
.main_nav .menu li:not(:last-child) {margin-bottom: 30px;}
.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;color: #fff;}
.main_nav .menu li a.active {color: #6bfdfe;}
.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: 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;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;}


.index_header{display:block;}
.index_header{position: fixed; display: flex;z-index:999;height: 80px; justify-content: space-between;  left: 0;right: 0;top: 0; background: #000; transition-duration: 0.3s;-webkit-backdrop-filter:blur(3px); backdrop-filter: blur(3px); }
.index_header .logo { padding-left:20px;}
.index_header .logo a{display: block;display:flex; height:80px; justify-content:space-between; }
.index_header .logo img{height: 24px; align-self: center; display:block;}
.index_header .pc_menu { display:none; }

.copy{ height: auto; line-height: 1.5em; padding-top: 30px; padding-bottom: 30px; font-size: 14px; color: #fff; background:#000; padding-left:20px; padding-right:20px; }
.copy span{ padding-left:10px; }
.copy a{color:#fff;}
.copy a:hover{ color: rgba(255, 255, 255, 1);}
}

/*手机*/
@media screen and (max-width: 480px) {}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}
/*横屏*/
@media all and (orientation : landscape) {} 
/*竖屏*/
@media all and (orientation : portrait){}