@charset "utf-8";
*{margin:0;padding:0;}
html,body{width:100%;height:100%; font-size:62.5%;}
html{ -webkit-font-smoothing: antialiased;}
body{*word-break:break-all;-ms-word-break:break-all; -webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#222;font-size:100%;font-weight:normal}
br{font-family:initial;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,svg {display: block;}
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
input{-webkit-appearance: none; -webkit-border-radius: 0;}
a{color:inherit;text-decoration:none;cursor:pointer}
a:hover{color:inherit; text-decoration:none}
button,label{cursor:pointer;}
button{background:0;border:0;outline:0;font-size:inherit;font-weight:inherit;font-family:inherit}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
textarea{overflow:auto;*margin:-1px 0;padding-right:1px}
.blind, legend, caption{position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
sub {font-size:10px;}
.clear:after {clear:both;content:'';display:block;}
#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;z-index:1001;}
div.ie_alert_text {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 50px;background: #ddd;z-index: 10000;text-align: center;padding-top: 10px;font-size: 13px;font-family: 'Noto Sans KR', sans-serif;}
#skip-nav {font-size: 16px;line-height: 40px;position: fixed;z-index: 100000;top: -40px;left: 0;width: 100%;-webkit-transition: .4s;transition: .4s;text-align: center;color: #fff;background: rgba(0,0,0,.6);}
#skip-nav:focus{top:0}
.e_{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 100;
src: url(../fonts/poppins-thin.ttf);
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
src: url(../fonts/poppins-light.ttf);
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: url(../fonts/poppins-regular.ttf);
/*src: url(../fonts/poppins-medium.ttf);*/
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: url(../fonts/poppins-bold.ttf);
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 900;
src: url(../fonts/poppins-semibold.ttf);
}
/* margin-top 0 5 10 15 20 ··· 150 */
.mt00{margin-top:0px !important;}.mt05{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt45{margin-top:45px !important;}.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}.mt60{margin-top:60px !important;}.mt65{margin-top:65px !important;}.mt70{margin-top:70px !important;}.mt80{margin-top:80px !important;}.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}.mt105{margin-top:105px !important;}.mt110{margin-top:110px !important;}.mt115{margin-top:115px !important;}.mt120{margin-top:120px !important;}
.mt125{margin-top:125px !important;}.mt130{margin-top:130px !important;}.mt135{margin-top:135px !important;}.mt140{margin-top:140px !important;}.mt145{margin-top:145px !important;}.mt150{margin-top:150px !important;}
/* margin-bottom 0 5 10 15 20 ··· 150 */
.mb00{margin-bottom:0px !important;}.mb05{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb80{margin-bottom:80px !important;}.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}.mb105{margin-bottom:105px !important;}.mb110{margin-bottom:110px !important;}.mb115{margin-bottom:115px !important;}.mb120{margin-bottom:120px !important;}
.mb125{margin-bottom:125px !important;}.mb130{margin-bottom:130px !important;}.mb135{margin-bottom:135px !important;}.mb140{margin-bottom:140px !important;}.mb145{margin-bottom:145px !important;}.mb150{margin-bottom:150px !important;}
/* padding-top 0 5 10 15 20 ··· 150 */
.pt00{padding-top:0px !important;}.pt05{padding-top:5px !important;}.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}.pt30{padding-top:30px !important;}.pt35{padding-top:35px !important;}.pt40{padding-top:40px !important;}.pt45{padding-top:45px !important;}.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}.pt60{padding-top:60px !important;}.pt65{padding-top:65px !important;}.pt70{padding-top:70px !important;}.pt80{padding-top:80px !important;}.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}.pt105{padding-top:105px !important;}.pt110{padding-top:110px !important;}.pt115{padding-top:115px !important;}.pt120{padding-top:120px !important;}
.pt125{padding-top:125px !important;}.pt130{padding-top:130px !important;}.pt135{padding-top:135px !important;}.pt140{padding-top:140px !important;}.pt145{padding-top:145px !important;}.pt150{padding-top:150px !important;}
/* padding-bottom 0 5 10 15 20 ··· 150 */
.pb00{padding-bottom:0px !important;}.pb05{padding-bottom:5px !important;}.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}.pb30{padding-bottom:30px !important;}.pb35{padding-bottom:35px !important;}.pb40{padding-bottom:40px !important;}.pb45{padding-bottom:45px !important;}.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}.pb60{padding-bottom:60px !important;}.pb65{padding-bottom:65px !important;}.pb70{padding-bottom:70px !important;}.pb80{padding-bottom:80px !important;}.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}.pb105{padding-bottom:105px !important;}.pb110{padding-bottom:110px !important;}.pb115{padding-bottom:115px !important;}.pb120{padding-bottom:120px !important;}
.pb125{padding-bottom:125px !important;}.pb130{padding-bottom:130px !important;}.pb135{padding-bottom:135px !important;}.pb140{padding-bottom:140px !important;}.pb145{padding-bottom:145px !important;}.pb150{padding-bottom:150px !important;}
.boxshadow{transition: all 0.3s ease;}
.boxshadow:hover{box-shadow:0 5px 15px rgba(0,0,0,0.08);}
/* 通用处理单行文字溢出代码 */
.text-1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 通用处理多行文字溢出代码 */
.text-2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
white-space: break-spaces;
-webkit-box-orient: vertical;
line-height: 1.7;
}
.text-3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
white-space: break-spaces;
-webkit-box-orient: vertical;
line-height: 1.4;
}
.text-4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
white-space: break-spaces;
-webkit-box-orient: vertical;
line-height: 1.5;
}
/* module --------------------------------------------------------------------------------------------------------------------*/
/* con */
[class*="con-"][class*="-width1"]{position:relative; max-width: 1560px;width: 90%;margin:0 auto;}
[class*="con-"][class*="-width2"]{position:relative; max-width: 1720px;width: 90%;margin:0 auto;}
[class*="con-"][class*="-width3"]{position:relative; max-width: 1400px;width: 90%;margin:0 auto;}
[class*="-layout"]{position:relative;}
/* col */
[class*="col-"][class*="-1"]{width: 100% !important;}
[class*="col-"][class*="-2"]{width: 50% !important;}
[class*="col-"][class*="-3"]{width: 33.33% !important;}
[class*="col-"][class*="-4"]{width: 25% !important;}
[class*="col-"][class*="-5"]{width: 20% !important;}
[class*="col-"][class*="-6"]{width: 16.66% !important;}
[class*="col-"][class*="-7"]{width: 14.28% !important;}
[class*="col-"][class*="-8"]{width: 12.5% !important;}
/* con */
[class*="con-"][class*="-1000"]{width: 1000px;margin:0 auto;}
[class*="con-"][class*="-1100"]{width: 1100px;margin:0 auto;}
[class*="con-"][class*="-1200"]{width: 1200px;margin:0 auto;}
[class*="con-"][class*="-1300"]{width: 1300px;margin:0 auto;}
[class*="con-"][class*="-1400"]{width: 1400px;margin:0 auto;}
[class*="con-"][class*="-1500"]{width: 1500px;margin:0 auto;}
[class*="m-"][class*="-width1"]{width: 93%;margin:0 auto;}
/* lang ko en */
.c-scrollbar{z-index: 10000; }
/* 通用滚动条代码 */
::-webkit-scrollbar {width: 4px;height: 1px;}
::-webkit-scrollbar-thumb {background: rgba(0,0,0,.3);}
::-webkit-scrollbar-track {-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);background: rgba(0,0,0,.1);}
/* module --------------------------------------------------------------------------------------------------------------------*/
body{height: 100%;}
body::-webkit-scrollbar,.page_scroll_wrap::-webkit-scrollbar{width:0px; height: 0;}
body::-webkit-scrollbar-thumb {background-color: transparent; border-radius:10px;}
body::-webkit-scrollbar-track {background-color:transparent;}
::-moz-selection {
background: #cbcbcb;
color: #fff;
}
::selection {
background: #cbcbcb;
color: #fff;
}
/*白色箭头*/
.pubbtn{background:rgba(0,0,0,0.2);}
.pubbtn{position:absolute;width:50px;height:50px;cursor:pointer;top:50%;margin-top:-25px;z-index:33;}
.pubbtn{line-height:50px;text-align:center;}
.pubbtn i{font-size:30px;color:#fff;position:relative;}
.pubbtnl i{left:-2px;}
.pubbtnr i{right:-2px;}
.pubbtnl{left:7%;}
.pubbtnr{right:7%;}
/* container */
.sgdfootyy i, .sgdfootyy span{position: relative;z-index: 3;}
.sgdfsub{position: absolute;width: 101%;bottom: -1px;left: -1px;padding-bottom: 30px;background: #fff;border-radius: 10px;}
.sgdfsub dd{text-align: center;padding: 10px 0;}
.sgdfsub a{font-size: 14px;display: block;padding: 0;color: #444 !important;transition: all 0.3s ease;}
.sgdfsub a:hover{background: #fafafa;}
.sgdfsub{visibility: hidden;z-index: -1;opacity: 0;}
.sgdfootyy:hover .sgdfsub{opacity: 1;visibility: visible;z-index: 1;}
#scroll_down{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 20;}
#scroll_down:after{display:block;content:"";width: 1px;height: 50px;position: absolute;top: 100%;left: 50%;background: rgba(0,0,0,0.4);margin-left: -1px;}
#scroll_down a{position: relative;display: block;padding-bottom: 35px;}
#scroll_down a:before{display:block;content:"";width: 1px;height: 60px;position: absolute;bottom: 0;left: 50%;background: rgba(255,255,255,0.5);margin-left: -1px;}
#scroll_down a:after{display: inline-block;content:"";position: absolute;bottom: 0;left: 50%;width: 1px;height: 60px;background: #fff; transform:scaleY(0);animation:lineActiveAnimation 1.9s cubic-bezier(0.445,0.05,0.55,0.95) infinite;margin-left:-1px;}
#scroll_down .txt{font-size: 1.2rem;color: #fff;font-weight: 600;font-family: 'Montserrat',sans-serif;line-height: 1em;margin-bottom: 17px;display: block;}
#scroll_down .fig{width: 25px;height: 38px;border: 1px solid #fff;border-radius: 25px;margin: 0 auto;}
@keyframes lineActiveAnimation {
0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center bottom}
49%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center bottom}
50%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center top}
99%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
}
#wrap, #container {width:100%;position: relative; overflow:hidden;}
#contents {position:relative;}
.inner *{-webkit-box-sizing:border-box; box-sizing:border-box;}
.w-14{max-width: 1400px;min-width: 1200px;margin: 0 auto;width: 90%;}
body{font-family: 'Poppins', sans-serif;line-height: 1.4;font-size: 16px;font-weight: 300;}
.sgp-in-head{transition: all 0.3s ease;}
.pubflex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.w-90{width: 90%;margin:0 auto;}
.sgp-in-head,.sgp-in-head a{color:#fff;}
.sgp-in-href,.sgp-in-lauge span{font-size: 14px;}
.sgp-in-head{ position: fixed;width: 100%;left:0;top:0;z-index: 60;}
.sgp-in-head-a,.sgp-in-head-b{border-bottom: 1px solid rgba(255,255,255,0.2);}
.sgp-in-head-b{position: relative;}
.sgp-in-head-a{line-height: 29px;text-align: right;box-sizing: border-box;height: 30px;}
.sgp-in-head-a a{display: inline-block;margin-left: 20px;}
.sgp-in-head-ss i{font-size:23px; position: relative;top:2px;}
.sgp-in-head-user i{font-size: 22px;position: relative;top:1px;}
.sgp-in-head-b-m{align-items: center;}
.sgp-in-logo{ position: relative;height: 50px;width: 255px;}
.sgp-in-logo img{height: 100%;position: absolute;left:0;top:0;transition: all 0.3s ease;}
.sgp-in-logo img{margin-top: -2px;}
.logo-2{opacity: 0;}
.sgp-in-nav {display: flex;align-items: center;}
.sgp-in-nava{line-height:69px;height: 69px;font-size: 18px;}
.sgp-in-navli{padding: 0 20px;}
.sgp-in-head{background:rgba(18,59,104,0.2);}
/*.sgp-in-right{width: 55px;display: flex;justify-content: space-between;}*/
.sgp-in-right{display: flex;justify-content: space-between;}
.sgp-in-href{font-weight: 300;}
.sgp-in-subs{padding-top:20px;padding-bottom: 55px;}
.sgp-in-subs{position: absolute;width: 100%;left:0;top:69px;background: #131313;text-align: left;vertical-align: top;}
.sgp-in-subs{background: rgb(226,229,232);background: linear-gradient(128deg, rgba(226,229,232,1) 0%, rgba(255,255,255,1) 57%, rgba(229,232,233,1) 100%);}
.sgp-in-sublink{position: relative;line-height: 26px;color: #333 !important;}
.sgp-in-sublink i{display: inline-block;width: 20px;height: 26px;position: absolute;left: 0;top:0;}
.sgp-in-sublink i img{position: absolute;max-width: 90%;max-height: 80%;left:0;top:0;right:0;bottom:0;margin: auto;}
.sgp-in-sublink b{font-weight:700;display: inline-block;font-size: 16px;position: relative;padding-right:15px;}
.sgp-in-sublink b:before{position: absolute;content: "\e65f";right: 0;top:50%;transform: translateY(-50%);font-size:14px;font-family: "sdicon" !important;}
.sgp-in-sublink b:before{font-weight: normal;}
.sgp-in-sublink{padding-left:25px;margin-top: 55px;box-sizing: border-box;}
.sgp-in-subs{visibility: hidden;z-index: -6;opacity: 0;transition: all 0.3s ease;top:79px}
.sgp-in-sublink br{display: none}
.sgp-in-navli:hover .sgp-in-subs{visibility: visible; opacity: 1;z-index: 6;top:69px;}
.sgp-in-navli:hover .sgp-in-nava{font-weight: 700;}
.sgp-in-subsm{display: flex;width: 80%;min-width: 1200px;max-width: 1400px;margin:0 auto;}
.sgp-in-subsm{justify-content:space-between;align-items: flex-start;}
.sgp-in-subs-r{width: 170px;padding-top: 55px;}
.sgp-in-subs-l{width:calc(95% - 170px);display: flex;flex-wrap: wrap;}
.sgp-in-sublink{width: 20%;}
.sgp-in-subs-r-p2,.sgp-in-subs-r-p3{padding-left:10px;}
.sgp-in-subs-r-p2{font-size:16px;font-weight: bold;margin-top: 12px;color: #fff !important;}
.sgp-in-subs-r-p3{margin-top: 15px;}
.sgp-in-subs-r-p3{font-family: 14px;position: relative;display: inline-block;opacity:0.6;padding-right:15px;color: #fff !important;}
.sgp-in-subs-r-p3:before{position: absolute;content: "\e65f";right: 0;top:50%;transform: translateY(-50%);font-size:14px;font-family: "sdicon" !important;}
.sgp-in-subs-r-p3:before{font-weight: normal;}
.sgp-in-r-a{}
.sgp-in-subs1 .sgp-in-sublink:nth-child(1){width:22.75%;}
.sgp-in-subs1 .sgp-in-sublink:nth-child(2){width:16%;}
.sgp-in-subs1 .sgp-in-sublink:nth-child(3){width:18.33%;}
.sgp-in-subs1 .sgp-in-sublink:nth-child(4){width:20%;}
.sgp-in-subs1 .sgp-in-sublink:nth-child(5){width:22.9%;}
.sgp-in-subs1 .sgp-in-sublink:nth-child(6){width:22.75%;}
.sgp-in-subs1 .sgp-in-sublink:nth-child(7){width:16%;}
.sgp-in-subs1 .sgp-in-sublink:nth-child(8){width:18.33%;}
.sgp-in-subs1 .sgp-in-sublink:nth-child(9){width:20%;}
.sgp-in-subs1 .sgp-in-sublink:nth-child(10){width:22.9%;}
.sgp-in-subs2 .sgp-in-sublink:nth-child(1){width:26%;}
.sgp-in-subs2 .sgp-in-sublink:nth-child(2){width:18%;}
.sgp-in-subs2 .sgp-in-sublink:nth-child(3){width:18%;}
.sgp-in-subs2 .sgp-in-sublink:nth-child(4){width:18%;}
.sgp-in-subs2 .sgp-in-sublink:nth-child(5){width:18%;}
.sgp-in-subs2 .sgp-in-sublink:nth-child(6){width:26%;}
.sgp-in-subs2 .sgp-in-sublink:nth-child(7){width:18%;}
.sgp-in-subs2 .sgp-in-sublink:nth-child(8){width:18%;}
.sgp-in-subs2 .sgp-in-sublink:nth-child(9){width:18%;}
.sgp-in-subs2 .sgp-in-sublink:nth-child(10){width:18%;}
.sgp-in-subs3 .sgp-in-sublink:nth-child(1){width:19%;}
.sgp-in-subs3 .sgp-in-sublink:nth-child(2){width:24%;}
.sgp-in-subs3 .sgp-in-sublink:nth-child(3){width:19%;}
.sgp-in-subs3 .sgp-in-sublink:nth-child(4){width:19%;}
.sgp-in-subs3 .sgp-in-sublink:nth-child(5){width:19%;}
.sgp-in-subs3 .sgp-in-sublink:nth-child(6){width:19%;}
.sgp-in-subs3 .sgp-in-sublink:nth-child(7){width:24%;}
.sgp-in-subs3 .sgp-in-sublink:nth-child(8){width:19%;}
.sgp-in-subs3 .sgp-in-sublink:nth-child(9){width:19%;}
.sgp-in-subs3 .sgp-in-sublink:nth-child(10){width:19%;}
.sgp-in-subs4 .sgp-in-sublink:nth-child(1){width:18%;}
.sgp-in-subs4 .sgp-in-sublink:nth-child(2){width:18%;}
.sgp-in-subs4 .sgp-in-sublink:nth-child(3){width:21%;}
.sgp-in-subs4 .sgp-in-sublink:nth-child(4){width:21%;}
.sgp-in-subs4 .sgp-in-sublink:nth-child(5){width:21%;}
.sgp-in-subs4 .sgp-in-sublink:nth-child(6){width:18%;}
.sgp-in-subs4 .sgp-in-sublink:nth-child(7){width:18%;}
.sgp-in-subs4 .sgp-in-sublink:nth-child(8){width:21%;}
.sgp-in-subs4 .sgp-in-sublink:nth-child(9){width:21%;}
.sgp-in-subs4 .sgp-in-sublink:nth-child(10){width:21%;}
.sgp-in-subs5{padding-bottom: 75px;}
.sgp-in-subs5 .sgp-in-sublink{width: auto;margin-left: 2.5%;margin-right: 2.5%;}
.sgp-in-subs5 .sgp-in-subs-l{width: 100%;}
.sgp-in-subs5 .sgp-in-subs-l{justify-content: center;}
.sgp-in-subs6{padding-bottom: 75px;}
.sgp-in-subs6 .sgp-in-sublink{width: auto;margin-left: 2.5%;margin-right: 2.5%;}
.sgp-in-subs6 .sgp-in-subs-l{width: 100%;}
.sgp-in-subs6 .sgp-in-subs-l{justify-content: center;}
.sgp-in-subs7{padding-bottom: 75px;}
.sgp-in-subs7 .sgp-in-sublink{width: auto;margin-left: 2.5%;margin-right: 2.5%;}
.sgp-in-subs7 .sgp-in-subs-l{width: 100%;}
.sgp-in-subs7 .sgp-in-subs-l{justify-content: center;}
.sgp-lag-sub{position: absolute;width: 100%;left:0;top:30px;text-align: center;display: none;}
.sgp-lag-sub ul{background: #fff;border-radius: 10px;padding: 10px 0;box-shadow: 0 5px 15px rgba(0,0,0,0.08);}
.sgp-lag-sub a{display: block;color: #333 !important;font-size: 14px;margin: 0 !important;}
.sgp-lag-sub a:hover{color: var(--colors) !important;}
.sgp-in-lauge{position: relative;cursor: pointer;}
.sgp-lag-sub,.sgp-in-lauge{z-index: 3;}
/* 导航 0210*/
.sgp-in-subs-r{display:none;}
.sgp-in-subs-l{width: 100%;text-align: center;display:block;}
.sgp-in-subs-l .sgp-in-sublink{padding:0 20px;display: inline-block;margin: 0;vertical-align: top;}
.sgp-in-subs-l .sgp-in-sublink i{display: inline-block;position: relative;width: 35px;height: 35px;}
.sgp-in-subs-l .sgp-in-sublink b{padding:0;font-weight:400;display: block;line-height:20px;font-size: 14px;}
.sgp-in-subs-l .sgp-in-sublink b:before{display: none;}
.sgp-in-subs .sgp-in-sublink{width: auto !important;}
.sgp-in-subs{padding:25px 0;}
@media screen and (max-width:1600px) {
.sgp-in-subs-l .sgp-in-sublink{padding: 0 20px;min-width: 100px;}
}
.sgp-in-lauge span{ position: relative;padding-left: 30px;}
.sgp-in-lauge span:before,.sgp-in-lauge span:after{ position: absolute;content: '';width: 20px;height: 100%;left:0;top:0;}
.sgp-in-lauge span:after,.sgp-in-lauge span:before{background-position:center;background-repeat: no-repeat;}
.sgp-in-lauge span:after,.sgp-in-lauge span:before{background-size: 100% auto;}
.sgp-in-lauge span:after{background-image: url(../images/language_icon_1.gif);}
.sgp-in-lauge span:before{background-image: url(../images/language_icon_2.gif);}
.sgp-in-lauge span:after{opacity: 0;}
.sgp-in-lauge i{ font-size: 14px;margin-left: 5px;}
.active .sgp-in-head{background: rgba(0,0,0,1);top:-30px;}
.active .sgp-in-head{background: rgba(255,255,255,1);}
.active .sgp-in-head,.active .sgp-in-head a,.active .sgp-in-head-ss i,.active .sgp-in-head-user i{color: #1d1d1f;}
.active .logo-2{opacity: 1;}
.active .logo-1{opacity: 0;}
.active .sgp-in-head-a{background: #000;color: #fff;}
.active .sgp-in-lauge span,.active .sgp-in-lauge i,.active .sgp-in-head-a i{color: #fff;}
.pagehead .sgp-in-head,.sgp-in-head:hover{background: #fff;box-shadow:0 5px 15px rgba(0,0,0,0.08);}
.pagehead .logo-1,.sgp-in-head:hover .logo-1{opacity: 0;}
.pagehead .logo-2,.sgp-in-head:hover .logo-2{opacity: 1;}
.pagehead .sgp-in-head-a,.sgp-in-head:hover .sgp-in-head-a{background: #000;}
.pagehead .sgp-in-nav a,.sgp-in-head:hover .sgp-in-nav a,.sgp-in-head:hover .sgp-in-head-ss i,.sgp-in-head:hover .sgp-in-head-user i{color:#1d1d1f}
.sgp-in-head:hover .sgp-in-subs .sgp-in-sublink{color: #fff;}
.pagehead .sgp-in-head-ss i,.pagehead .sgp-in-head-user i{color: #1d1d1f;}
.active .pageheadpro .sgp-in-head{top:-100px;}
.sgdfoot{width: 100%;background-color:#000;padding-top: 45px;padding-bottom: 30px;}
.sgdfootma,.sgdfootmb,.sgdfootmc{display: flex;align-items: flex-start;width: 100%;}
.sgdfootma{align-items: flex-start;}
.sgdfootmb{align-items: center;padding-top: 30px;padding-bottom: 20px;}
.sgdfootmb,.sgdfootma,.sgdfootmc{justify-content: space-between;}
.sgdfootmaul h4{font-size: 20px;font-weight: bold;padding-bottom: 12px;color: #fff;}
.sgdfootmaul a{color: #fff;transition: all 0.3s ease;opacity: 0.7;}
.sgdfootmaul a:hover{color: #fff;opacity: 1;}
.sgdfootmaul li{padding-bottom: 5px;}
.sgdfootmba i{font-size: 18px;color: #fff;}
.sgdfootmba a{display: inline-block;margin-right: 10px;text-align: center;box-sizing: border-box;}
.sgdfootmba a{border:1px solid #fff;width: 30px;height: 30px;line-height: 28px;border-radius: 50%;color: #fff;}
.sgdfootmbb img{height: 38px;}
.sgdfootmb{border-bottom: 1px solid rgba(255,255,255,0.2);}
.sgdfootmc{padding-top: 20px;}
.sgdfootma{display: none;}
.sgdfootmc,.sgdfootmc a{color: rgba(255,255,255,0.8);}
.sgdfootmc{padding-top: 30px;}
.sgdfootmcb{width: 440px;padding-top: 10px;}
.sgdfootmcba{display: flex;align-items: center;justify-content:flex-end;}
.sgdfootmcba,.sgdfootmcbb{width: 100%;}
.sgdfootmcbb{display: flex;justify-content: space-between;margin-top: 15px;}
.sgdfootmcbb a{font-size: 14px;opacity: 0.8;}
.sgdfootyy{border: 1px solid rgba(255,255,255,0.8);border-radius:20px;padding: 0 20px;margin-right: 15px;position: relative;}
.sgdfootyy{height: 30px;line-height: 30px;box-sizing: border-box;cursor: pointer;}
.sgdfootyy i,.sgdfootyy span{display: inline-block;vertical-align: top;color:rgba(255,255,255,0.8);}
.sgdfootyy i{width: 15px;height: 100%;position: relative;margin-left: 5px;}
.sgdfootyy i:before,.sgdfootyy i:after{ position: absolute;content: '';width: 100%;height: 100%;left:0;top:0;}
.sgdfootyy i:before,.sgdfootyy i:after{background-position:center;background-repeat: no-repeat;}
.sgdfootyy i:before,.sgdfootyy i:after{background-size: 100% auto;}
.sgdfootyy i:before{background-image: url(../images/language_icon_1.gif);}
.sgdfootyy i:after{background-image: url(../images/language_icon_2.gif);}
.sgdfootyy i:before{opacity: 0;}
.sgdfoottop i{margin-left: 5px;transform:rotateX(180deg);}
.sgdfoottop span,.sgdfoottop i{display: inline-block;vertical-align: top;}
.sgdfoottop{cursor: pointer;height: 30px;line-height: 30px;}
.sgdfootyy:hover{background: #fff;}
.sgdfootyy:hover span{color: #222;}
.sgdfootyy:hover i:after{opacity: 0;}
.sgdfootyy:hover i:before{opacity: 1;}
.sgdfootyy{transition: all 0.3s ease;}
.text-c{text-align: center;}
.w-12{width: 1200px;margin:0 auto;}
.sg2-d-img-more{display: inline-block;border:1px solid #fff;padding: 10px 35px;line-height: 1;color: #fff;font-size: 16px;}
.sg2-d-img-more{border-radius: 25px;margin-top: 25px;}
.sg2-d-img-more:hover{background: var(--colors);color: #fff;border-color: var(--colors);}
.sg2-d-img-more.on{background: var(--colors);color: #fff;border-color: var(--colors);}
.sg2-d-img-more-000{border-color: #333;color: #333;}
.sg2-d-img-more{transition: all 0.3s ease;}
.ptb80p{padding: 80px 0;}
.ptb100p{padding:100px 0}
.sg-pub-h2{font-size: 50px;font-weight: 700;color: #222;line-height: 1.1;}
.sg-pub-h2-fff{color: #fff;}
.sg-pub-h2-2df3fe{color: #2df3fe;}
.sg-pub-h2-3{font-size: 40px;}
.sg-pub-ms{margin-top: 10px;line-height: 1.4;}
.sg-pub-ms-fff{color: #fff;}
/* 公共 sg2-pub12-img */
.sg2-pub12-img{overflow: hidden; position: relative;height: 540px;border-radius: 6px;margin-top: 15px;}
.sg2-pub12-img:nth-child(1){margin-top: 0;}
.sg2-pub12-img-bg,.sg2-pub12-img-video{position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover;}
.sg2-pub12-img-bg,.sg2-pub12-img-video{width: 110%;height: 110%;left:-5%;top:-5%;}
.sg2-pub12-img-video{object-fit: fill;}
.sg2-pub12-img-wz{width: 100%;text-align: center;}
.sg2-pub12-img-h4{font-size: 38px;font-weight: 700;color: #fff;}
.sg2-pub12-img-h4-000{color: #222;}
.sg2-pub12-img-p1{font-size: 18px;color: #fff;}
.sg2-pub12-img-p1-000{color: #444;}
.sg2-pub12-img-more{display: inline-block;border:1px solid #fff;padding: 10px 35px;line-height: 1;}
.sg2-pub12-img-more{border-radius: 25px;margin-top: 25px;}
.sg2-pub12-img-wz1{position: absolute;left:0;bottom: 40px;z-index: 12;}
.sg2-pub12-img-50{width:49.5%;margin-top: 0;margin-bottom: 15px;}
.sg-b-pro-m-flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sg2-pub12-img.isimg{height: auto;}
.sg2-pub12-img.isimg img{width: 100%;vertical-align: top;transition: all 0.3s ease;}
.sg2-pub12-img:hover img{transform: scale(1.03);}
/* 公共 sg2-pub12-img*/
/* 公共 sg2-about-g*/
.sg-about-g{background: #151515;}
.sg-about-g-list{width: 100%;display: flex;margin-top: 60px;}
.sg-about-g-link{width: 32%;margin-right: 2%;position: relative;overflow: hidden;}
.sg-about-g-link:hover img{transform: scale(1.06);}
.sg-about-g-link:hover span{background: var(--colors);border-color: var(--colors);}
.sg-about-g-link img{width: 100%;vertical-align: top;}
.sg-about-g-link img{transition: all 0.3s ease;}
.sg-about-g-link:last-child{margin-right: 0;}
.sg-about-g-wz{position: absolute;width: 100%;z-index: 3;left: 0;text-align: center;bottom: 25px;}
.sg-about-g-wz h6{font-size: 30px;font-weight: 700;color: #fff;}
.sg-about-g-wz span{margin-top: 20px;}
.sg-about-g-z,.sg-about-g-y{width: 50%;box-sizing: border-box;display:flex;flex-wrap: wrap;}
.sg-about-g-z{padding-right:10px;}
.sg-about-g-y{padding-left: 10px;}
.sg-about-g-link-100{width: 100%;margin: 0;}
.sg-about-g-y .sg-about-g-link{height:calc(50% - 10px);}
.sg-about-g-y .sg-about-g-link img{height: 100%;object-fit: cover;}
.sg-about-g-y .sg-about-g-link{margin-top: 20px;}
.sg-about-g-y .sg-about-g-link:first-child{margin-top: 0;}
/* 公共 sg2-about-g*/
/* 内页baner */
.border6{border-radius: 6px;overflow: hidden;}
.sgpheight{height: 100px;}
.sgpgbaner{height: 640px; position: relative;overflow: hidden;}
.sgpgbanerimg,.sgpgbanervidoe{position: absolute;width: 100%;height: 100%;left:0;top:0;background-position: center;background-repeat: no-repeat;}
.sgpgbanerimg{background-size: cover;z-index: 2;}
.sgpgbanerimg:before{position: absolute;background: #000;opacity: 0.2;width: 100%;height: 100%;left:0;top:0;content: '';}
.sgpgbanerwz{width: 100%;text-align: center;z-index: 3;bottom: 10%;left:0;position: absolute;}
.sgpgbanerh5{font-size: 60px;font-weight: 700;color: #fff;line-height: 1;}
.sgpgbanerp0{margin-top: 15px;color: #fff;font-size: 18px;font-weight: 700;}
.sgpgbanervidoe{object-fit: cover;z-index:1;}
.sgpgbanerimg1:before{display: none;}
.mt50p{margin-top: 45px;}
/* 小导航 */
.s-pro-nav{background: #000;padding: 20px 0;width: 100%;position: fixed;left: 0;top:0;z-index: 13;}
.s-pro-nav{visibility: hidden;opacity: 0;top:-100%;transition: all 0.3s ease;transition-delay: 0.2s;}
.s-pro-navm{display: flex;align-items: center;color: #fff;}
.s-pro-navl{width: 20%;font-weight: 700;font-size: 18px;}
.s-pro-navr{width: 80%;text-align: right;display: flex;justify-content: flex-end;}
.s-pro-navr a{text-align: center;margin-left:4%;cursor: pointer;}
.active .s-pro-nav{top:0;visibility: visible;opacity: 1;}
/* 内页baner */
.sgpheight{height: 100px;}
.sgpgbaner{height: 640px; position: relative;overflow: hidden;}
.sgpgbanerimg,.sgpgbanervidoe{position: absolute;width: 100%;height: 100%;left:0;top:0;background-position: center;background-repeat: no-repeat;}
.sgpgbanerimg{background-size: cover;z-index: 2;background: #000;opacity: 0.2;}
.sgpgbanerwz{width: 100%;text-align: center;z-index: 3;bottom: 10%;left:0;position: absolute;}
.sgpgbanerh5{font-size: 50px;font-weight: 700;color: #fff;line-height: 1;}
.sgpgbanervidoe{object-fit: cover;}
.sg-a-pro-h3{text-align: center;font-size: 50px;font-weight: 700;color: #222;}
.sg-a-pro-h3{line-height: 1.4;}
.be9eaeb{background: var(--black);}
.sgpgbaner1{height: 540px;}
.sgpgbanerimg1{opacity: 1;width: 108%;height: 108%;left: -4%;top:-4%}
.sgpgbanerimg{background-repeat: no-repeat !important;background-size: cover;background-position-x: center;}
.sgpgbanerwz-support{padding: 0 5%;box-sizing: border-box;text-align: left;top:50%;transform: translateY(-50%);bottom: auto;}
.sgpgbanerp4{color: #fff;font-size: 32px;}
.sgpgbanerimg2::before{display: block;}
.sg2-page-sub{text-align: center;margin-top: 30px;}
.sg2-page-sub a{height: 32px;line-height: 32px;background: #fff;transition: all 0.3s ease;}
.sg2-page-sub a{display: inline-block;padding: 0 25px;border-radius: 30px;color: #333;margin: 0 5px;}
.sg2-page-sub a.on,.sg2-page-sub a:hover{background: var(--colors);color: #fff;}
#foo{position: absolute;opacity: 0;}
.clipboard{position: fixed;padding:10px 30px;background: rgba(0,0,0,0.5);color: #fff;border-radius: 15px;display: none;}
.clipboard{top: 50%;left:50%;transform: translate(-50%,-50%);z-index: 30;}
/* 页码 */
.sg2-page-num{text-align: center;margin-top: 80px;}
.sg2-page-num a,
.sg2-page-num p,
.sg2-page-num span,
.sg2-page-num li{color: #013DA4; transition: all 0.3s ease; font-size: 12px; border: 1px solid #013DA4; display: inline-block;vertical-align: top;width: 32px;height: 32px;line-height: 30px;text-align: center;cursor: pointer;border-radius: 50%;box-sizing: border-box;margin: 0 5px;}
.sg2-page-num-000 a,
.sg2-page-num-000 p,
.sg2-page-num-000 span,
.sg2-page-num-000 li{color: #333;border: transparent;}
.sg2-page-num a:hover,.sg2-page-num .on{background: var(--colors);border-color: var(--colors);color: #fff;}
.sg2-page-num-000 a:hover{color: #fff;}
.sg2-page-num span,.sg2-page-num p{border:1px solid transparent;margin: 0;}
.sg2-page-num .on{}
.sg-prod-b{padding: 120px 0;}
.sg-prod-b{position: relative;overflow: hidden;}
.sg-prod-bm{position: relative;z-index: 3;display: flex;flex-wrap: wrap;justify-content: space-between;}
.sg-prod-bm-l{width: 50%;}
.sg-prod-b-bg.custom-prod-bg{position: absolute;width: 100%;height: 100%;left:0%;top:0%;}
/*.sg-prod-b-bg{position: absolute;width: 106%;height: 106%;left:-3%;top:-3%;}*/
.sg-prod-b-bg{position: absolute;width: 100%;height: 100%;}
.sg-prod-b-bg{background-position: center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.sg-prod-bp1{color: #222;font-size: 22px;font-weight: 700;margin-top: 10px;}
.sg-prod-bp2{color: #222;line-height: 1.8;}
.sg-prod-bp1-fff,.sg-prod-bp2-fff{color: #fff;}
.sg-prod-bp1-2df3fe{color: #2df3fe;}
.sg-prod-bp2 p,.sg-prod-bp2{margin-top: 25px;}
.sg-prod-bp2 p:nth-child(1){margin-top: 0;}
.sg-prod-bmore{margin-top: 70px;}
.sg-prod-bms{margin-top: 90px;display: flex;width: 100%;justify-content: space-between;flex-wrap: wrap;}
.sg-prod-bms{color: #fff;}
.sg-prod-bms ul{max-width: 135px;}
.sg-prod-bms h5 {line-height: 40px;color: #fff;font-size: 24px;}
.sg-prod-bms h5 strong{font-weight: 700;font-size: 26px;padding-right: 5px;}
.sg-prod-bm-r{width:30%;}
.sg-prod-bm-r img{max-width: 320px;}
.sg-prod-bms p{font-weight: 700;}
.sg-prod-bms-000 h5,.sg-prod-bms-000{color: #333;}
.ani_style3{opacity: 0;}
.ani_style1{opacity: 0;}
.ani_style1.is-inview {
animation: 1s aniStyle2 0.3s;
animation-fill-mode: forwards;
}
.ani_style3.is-inview {
animation: 1s aniStyle3 0.3s;
animation-fill-mode: forwards;
}
.ani_2{animation-delay: 0.2s !important;}
.ani_3{animation-delay: 0.5s !important;}
@keyframes aniStyle1 {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes aniStyle2 {
0% {
opacity:0; transform:translate3d(0,40px,0);
}
100% {
opacity:1; transform:translate3d(0,0px,0);
}
}
@keyframes aniStyle3{
0% {
opacity:0; transform:scale(1.3);
}
100% {
opacity:1; transform:scale(1);
}
}
#scroll_down{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 20;}
#scroll_down:after{display:block;content:"";width: 1px;height: 50px;position: absolute;top: 100%;left: 50%;background: rgba(0,0,0,0.4);margin-left: -1px;}
#scroll_down a{position: relative;display: block;padding-bottom: 35px;}
#scroll_down a:before{display:block;content:"";width: 1px;height: 60px;position: absolute;bottom: 0;left: 50%;background: rgba(255,255,255,0.5);margin-left: -1px;}
#scroll_down a:after{display: inline-block;content:"";position: absolute;bottom: 0;left: 50%;width: 1px;height: 60px;background: #fff; transform:scaleY(0);animation:lineActiveAnimation 1.9s cubic-bezier(0.445,0.05,0.55,0.95) infinite;margin-left:-1px;}
#scroll_down .txt{font-size: 1.2rem;color: #fff;font-weight: 600;font-family: 'Montserrat',sans-serif;line-height: 1em;margin-bottom: 17px;display: block;}
#scroll_down .fig{width: 25px;height: 38px;border: 1px solid #fff;border-radius: 25px;margin: 0 auto;}
@keyframes lineActiveAnimation {
0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center bottom}
49%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center bottom}
50%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center top}
99%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
}
:root {
--black: #f5f5f5;
--colors: #013DA4;
--swiper-preloader-color: #013DA4;
}
.swiper-lazy{opacity:0;}
.swiper-lazy.swiper-lazy-loaded{opacity:1;}
.jbcolors,.sg-about-d-zw span{background-image: linear-gradient(to right,rgb(0,187,177) 0%, rgb(2,156,153) 100%);-webkit-background-clip: text;color: transparent;}
.page_scroll_wrap{-webkit-transform-style: preserve-3d !important;-webkit-backface-visibility: hidden !important;}
.sg404{text-align: center;width: 100%;height: 100vh;background: #ffffff;}
.sg404m{position: absolute;width: 100%;left:0;top:50%;transform: translateY(-50%);}
.sg404mp2{margin-top: 10px;}
.sg404m img{max-width: 70%;}
.hc-mobile-nav li.nav-close{display:none !important}
.hc-mobile-nav a[href]:not([href="#"])>span.nav-next{border: none !important;}
.wap-h2-top{display: flex;width: 100%;box-sizing: border-box;justify-content: space-between;position: relative;}
.hc-mobile-nav .nav-h2 a{padding: 0;margin: 0;border: none;background: none;}
.hc-mobile-nav .nav-h2 em{width: 52px;display: flex;justify-content: space-between;}
.hc-mobile-nav .nav-h2 i{font-size: 20px;color: #fff;font-weight: normal;}
.hc-mobile-nav .nav-h2 span{font-size: 20px;color: #fff;font-weight: normal;}
.nav-lauge{position: absolute;width: 100%;left:0;top:0;background: #000;padding: 17px;z-index: 33;height: 100vh;box-sizing: border-box;}
.nav-lauge{padding-top: 90px;}
.nav-lauge-p1 i{border-radius: 50%;display: inline-block;font-size: 14px;transform: rotateZ(45deg);border: 1px solid #fff;}
.nav-lauge-p1 i{width: 30px;height: 30px;box-sizing: border-box;text-align: center;line-height: 28px;opacity: 0.8;}
.nav-lauge-p2{margin-top: 20px;padding-top: 20px;border-top: 1px solid rgba(255,255,255,0.2);}
.nav-lauge-p2 a{display: block;margin-top: 5px !important;padding-left: 40px !important;}
.nav-lauge-p2 a{padding-top: 5px !important;padding-bottom: 5px !important;}
.wap-h2-top{width: 100%;position: relative;z-index: 55;}
.nav-lauge-p2 a:nth-child(1){background: url(../images/lauge1.png) left center no-repeat;background-size:auto 11px;}
.nav-lauge-p2 a:nth-child(2){background: url(../images/lauge2.png) left center no-repeat;background-size:auto 14px;}
.nav-lauge{display: none;}
.hc-mobile-nav .nav-h2 em a,.hc-mobile-nav .nav-h2 em span{display:inline-block;vertical-align:top;height:24px;line-height:24px;}
.hc-mobile-nav .nav-h2 em a,.hc-mobile-nav .nav-h2 em span{position: relative;top: 7px;}
.mmeau {width: 26px;margin-left: 18px;}
.mmeau span{ display:block; vertical-align:top; position:relative; width:100%;height:2px; margin-top:6px;border-radius:2px;background: #fff;}
.mmeau span{transform-origin: left center;transition: transform .3s ease-in-out,opacity .3s ease-in-out; will-change: transform,opacity;}
.mmeau span:nth-child(1){margin-top: 0;}
.mmeauom .msp1{transform: rotate(45deg);}
.mmeauom .msp2{opacity: 0;}
.mmeauom .msp3{transform: rotate(-45deg);top:2px;}
.mheadon .mtoplauge1 span:before,.mheadon .mtoplauge1 i:before,.mheadonxx .mtoplauge1 span:before,.mheadonxx .mtoplauge1 i:before{ opacity:0;}
.mheadon .mtoplauge1 span:after,.mheadon .mtoplauge1 i:after,.mheadonxx .mtoplauge1 span:after,.mheadonxx .mtoplauge1 i:after{ opacity:1;}
.mheadon .mtoplauge1 span,.mheadonxx .mtoplauge1 span{ color:#000;}
.mheadon,.mheadonxx{ box-shadow:0 0 10px rgba(0,0,0,0.2);}
.wap-nav{display: none;position: fixed;width: 100%;left:0;top:0;z-index: 999;}
.wap-navm{display: flex;justify-content: space-between;align-items: center;padding: 15px 4%;box-sizing: border-box;}
.wap-logo{position: relative;height: 34px;width: 50%;}
.wap-logo img{height: 100%;left:0;top:0;position: absolute;transition: all 0.3s ease;}
.wap-logo2{opacity: 0;}
.wap-right{display: flex;align-items: center;}
.wap-user i{color: #fff;font-size: 26px;}
.wap-user{height: 26px;line-height: 26px;}
.wap-nav.on{background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.08);}
.wap-nav.on .wap-logo2{opacity: 1;}
.wap-nav.on .wap-logo1{opacity: 0;}
.wap-nav.on .wap-user i{color: #000;}
.wap-nav.on .mmeau span{background: #000;}
/* 底部 */
.wapfot{background: #000;padding: 0 4%;padding-top:40px;}
.wapfotp1 img{height: 35px;}
.wapfotp1{padding-bottom: 20px;}
.wapfotdt a{display: block;font-weight: 700;}
.wapfotdt{position: relative;height: 45px;line-height: 45px;}
.wapfotdt i{position: absolute;width: 35px;height: 100%;right:0;top:0;text-align: right;transition: all 0.3s ease;}
.wapfotdl{border-bottom: 1px solid #d4d4d4;}
.wapfotdt.on i{transform: rotateX(180deg);}
.wapfotdd{display: none;padding-bottom: 10px;}
.wapfotdd a{color: #555;display: block;padding: 5px 10px;}
.wapfotp2{padding-bottom:30px;}
.wapfotp2,.wapfotp2 a{color:#fff;}
.wapfollow{padding-bottom: 0;}
.wapfollowp1{font-weight: bold;padding-bottom: 10px;}
.wapfollowp2{padding-bottom: 20px;border-bottom: 1px solid #d4d4d4;}
.wapfollowp2 a{display: inline-block;width: 36px;height: 36px;line-height: 34px;border: 1px solid #000;box-sizing: border-box;}
.wapfollowp2 a{text-align: center;border-radius: 50%;opacity: 0.8;margin-right: 10px;}
.wapfollowp2 a:nth-child(1) i{font-size: 20px;}
.wapfollowp2 a:nth-child(2) i{font-size: 20px;}
.wapfollowp2 a:nth-child(3) i{font-size: 20px;}
.wapfollowp2 i{color: #000;}
.wapfootla{position: relative;z-index: 33;}
.wapfootlasub{position: absolute;background: #fff;border-radius: 6px;z-index: 33;display: none;}
.wapfootlasub{left:133px;top:50%;transform: translateY(-50%);}
.wapfootlasub{box-shadow: 0 15px 25px rgba(0,0,0,0.1);padding: 5px 0;}
.wapfootlasub a{display: block;text-align: center;width: 102px;padding: 5px 0;}
.wapfootlasub:before {content: '';width: 0;height: 0;border: 6px solid transparent;border-right-color: #fff;position: absolute;}
.wapfootlasub:before{left:-12px;top:50%;transform: translateY(-50%);}
.wapfootla{border-bottom: 1px solid #d4d4d4;padding: 15px 0;width: 100%;display: flex;align-items: center;}
.wapfootla span{font-weight: bold;padding: 0 8px;}
.wapfootla i:nth-child(1){font-size: 22px;position:relative;top:2px;}
.wapfootla i:nth-child(3){font-size: 16px;}
.wapfollowp1,.wapla_js{color:#fff;}
.wapfollowp2 a{border-color:#fff;}
.wapfollowp2 i{color:#fff;}
.wapfootla,.wapfollowp2{border-bottom-color:rgba(255,255,255,0.2)}
.wapcopys{font-size: 14px;color: #666;padding: 15px 0;}
.go-top{background: #fff;}
.go-top{width: 45px;height: 45px;border-radius: 50%;text-align: center;line-height: 45px;box-shadow: 0 10px 25px rgba(0,0,0,0.08);}
.go-top{position: fixed;z-index: 1111;bottom: 100px;display: none;right:2%;}
.go-top{cursor: pointer;}
.go-top i{font-size: 20px;}
.wap_show{display: none !important;}
@media screen and (max-width:768px) {
body{height: auto;}
.sgpheight{height: 64px;}
.wap-nav,.wap_show{display: block !important;}
.header,.sgdfoot,.wap_hide{display: none !important;}
.page_scroll_wrap{-webkit-transform-style:inherit !important}
}
.laybg{background: #000;opacity: 0.5;position: fixed;left:0;top:0;z-index: 66;width: 100%;height: 100vh;}
.layvideo{position: fixed;z-index: 99;width: 1000px;left:50%;top:50%;transform: translate(-50%,-50%);}
.layvideo video{width: 100%;}
.laybg,.layvideo{display: none;}
.layclose {position: absolute;right: -40px;top: 0;color: #fff;font-size: 24px;width: 40px;height: 40px;line-height: 40px;text-align: center;}
.layclose i{display: inline-block;position: relative;transform:rotateZ(137deg);font-size: 25px;}
.layclose{cursor: pointer;}
.laytxt{background: #fff;width: 900px;border-radius: 10px;left:50%;top:50%;transform: translate(-50%,-50%);display: none;}
.laytxt{box-sizing: border-box;padding: 50px 100px;z-index:600;position: fixed;line-height: 1.6;}
.laytxth4{text-align: center;font-size: 30px;font-weight: bold;}
.laytxtdesc{margin-top: 35px;max-height:50vh;overflow-y: scroll;padding: 0 20px;}
.laytxtdesc p{padding-bottom: 15px;}
.laytxtclose{position: absolute;right: 30px;top:30px;color: #333;font-size: 20px;cursor: pointer;width: 40px;height: 40px;line-height: 40px;text-align: center;}
.laytxtclose i{display: inline-block;position: relative;transform:rotateZ(137deg);font-size: 25px;}
.pageqq{text-align: center;margin-top: 25px;}
.pageqq span{width: 14px;height: 14px;border: 2px solid #000;box-sizing: border-box;margin:0 5px;background: none;}
.pageqq span.swiper-pagination-bullet-active{background: #000;}
/* 自定义样式 */
.form-privacy, .form-privacy:hover {color: var(--colors);}
/*隐藏登录*/
/*.sgp-in-head-user,.wap-user{display: none!important;}*/
/*隐藏 installer下select*/
.sg-install-ctable2 .sg-install-ctablem{display: none;}
/* new新闻样式 */
/*.news-content ul li {*/
/* margin: 15px 0px;*/
/* padding-left: 20px;*/
/* position: relative;*/
/*}*/
/*.news-content ul li:before {*/
/* left: 0;*/
/* top: 8px;*/
/* position: absolute;*/
/* content: '';*/
/* width: 5px;*/
/* height: 5px;*/
/* background: var(--colors);*/
/* border-radius: 50%;*/
/*}*/
.news-content a {
color: var(--colors);
transition: box-shadow .33s ease,color .33s ease;
box-shadow: 0 1px 0 0 currentColor;
}
.news-content a:hover {
box-shadow: 0 2px 0 0 currentColor;
}
.partnermore1-1{
margin-left: 30px;
}
.wapfootlasub ul {
min-width: 170px;
max-height: 210px;
overflow-y: auto;
}