@charset "utf-8";
/* CSS RESET */
html,body{margin:0px;height:100%;background:#fff;}
*html{background-image:url(about:blank);background-attachment:fixed;}
.overflowYHidden{overflow-y:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,header,footer{margin:0;padding:0;box-sizing: border-box}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
em{font-style:normal;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family: Lato, sans-serif;font-size:inherit;outline:none;font-style:inherit;font-weight:inherit;box-sizing:content-box;}
input,button,textarea,select{*font-size:100%;}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,input[type=number]:focus,input[type=tel]:focus{border:1px solid #3277de;}
/*
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{background-color:rgb(255, 255, 255);background-image:none;color:rgb(0, 0, 0);}
*/
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{box-shadow:0 0 0 50px white inset;-webkit-text-fill-color:#666;}
textarea{resize:vertical;}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],textarea,button{border:1px solid #e3e3e3;background-color:#FFF;color:#666;}
input[type=button],input[type=submit],button{-webkit-appearance:button;outline:none;}
body{font-size:14px;color:#666;font-family:Lato, sans-serif,Verdana,Arial,Helvetica;margin:0;padding:0;min-width: 1440px;}
img{display:block;}
body{color:#666;font-family:Lato, sans-serif,Verdana,Arial,Helvetica;margin:0;padding:0;min-width: 1440px;}
html,body{font-size:16px;}
img{display:block}
small{font-size:10px;}
/* 美化滚动条 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  width: 6px;
  background: transparent;

}

::-webkit-scrollbar-thumb {
  background-color: rgba(102,102,102, 0.5);
  background-clip: padding-box;
  transition: background-color .3s;
  cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(102,102,102,.8);
}

.clear{clear:both}
.bold{font-weight: bold}
/* font-size */
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f40{font-size: 40px;}
.f48{font-size: 48px;}

/* flex */
.flex{display: flex;}
.flex-bt { justify-content: space-between;}
.flex-jc { justify-content: center;}
.flex-column { flex-direction: column;}
.flex-ac { align-items: center;}
.flex-ae { align-items: flex-end;}
.flex-wrap { flex-wrap: wrap;}
.flex-1 { flex:1; }
.flex-center {justify-content: center;align-items: center;}
.flex-end{ justify-content: flex-end;}

/* 手型 */
.pointer{ cursor: pointer;}

.mt8{margin-top: 8px;}
.mt14{margin-top: 14px;}
.mt20{margin-top: 20px}
.mt26{margin-top: 28px;}
.pMr12{margin-right: 12%;}

.header{
    overflow: hidden;
    height: 80px;
    background: #1A1A1A;
    
}
.nav{
    background: #1A1A1A;
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 80px;
    min-width: 1440px;
    z-index: 50;
}
.nav-logo{
    margin-left: 7%;
}
.nav-logo,.nav-logo img{
    overflow: hidden;
    height: 50px;
}
.fixedNav .nav-logo,.fixedNav .split-menu{
opacity: 1!important;
}
.split-menu {
    list-style-type: none;
}
.split-menu li a {
    display: flex;
    color: white;
    text-decoration: none;
    overflow: hidden;
    transition: 0.5s;
}
.split-menu li a span.primary {
    position: relative;
    padding-right: 1px;
    transition: 0.3s;
}
.split-menu li a span.primary::before {
    position: absolute;
    content: attr(data-text);
    transform: translateY(130%);
    transition: 0.3s;
}
.split-menu li a span.secondary {
    position: relative;
    transition: 0.3s;
}
.split-menu li a span.secondary::before {
    position: absolute;
    content: attr(data-text);
    transform: translateY(-130%);
    transition: 0.3s;
}
.split-menu li a:hover span.primary {
    transform: translateY(-130%);
}
.split-menu li a:hover span.secondary {
    transform: translateY(130%);
}
.footer{
    overflow: hidden;
    min-height: 200px;
    background: #1A1A1A;
    padding: 48px 1.7% 48px 8%;
    color: #9CA3AF;
}
.footerLogo img{
    overflow: hidden;
    height: 55px;
    filter: grayscale(100%) brightness(300%);
}
.footer-menu a{
    padding: 0!important;
}
.footer-menu .split-menu{
    min-width: 180px;
    max-width: 334px;
}
.footer-menu .split-menu a.link{
    color: #9CA3AF;
    position: relative;
    display: inline-block;
}
.footer-menu .split-menu a.link::before{
    content: '';
    position: absolute;
    transition: 0.5s all;
    left: 0;
    width: 0;
    bottom: 0;
    height: 1px;
}
.footer-menu .split-menu a.link:hover{
    opacity:0.6;
}
.footer-menu .split-menu a.link:hover::before{
    width: 100%;
    background: #fff;
    opacity:0.6;
}
.banner{
    overflow: hidden;
    position: relative;
    max-height: 440px;
}
.banner img{width: 100%}
.bannerTxt {
    position: absolute;
    left: 12.8%;
    top:50%;
    z-index: 2;
    transform: translateY(-60%);
    color: #fff;
}

.f30{font-size: 30px;}
.f36{font-size: 36px;}
.f42{ font-size: 42px;}
.f60{font-size: 60px;}
.fw600{font-weight: 600}
.c2{color: #222}
.c4{color: #444}
.c7{color: #777}
.c3B8{color: #3B82F6;}
.c93c{color: #93C5FD}
.ccbd{color: #CBD5E0}
.c1e3{ color: #1E3A8A;}
.c4A5{color: #4A5568;}
.c6b7{color: #6B7280}
.c6{color: #666}
.c1D1{color: #1D1D1F;}
.c868{color: #86868B}
.pMl5{margin-left:5%}
.pMl6{margin-left:6%}
.pMl14{margin-left:14%}
.pMt1{margin-top: 1%;}
.pMt2{margin-top: 2%}
.pMt3{margin-top: 3%;}
.pMt4{margin-top: 4%;}
.pMt6{margin-top: 6%;}
.pMr2{margin-right: 2%}
.pMr4{margin-right:4%;}
.pMlr2{margin: 0 2%;}
.pMr5{margin-right:5%;}
.pb16{padding-bottom: 16px;}
.pl24{padding-left: 24px;}
.pl42{padding-left: 42px;}
.pl86{padding-left: 86px;}
.pPb2{padding-bottom: 2%!important;}
.pPb3{padding-bottom: 3%}
.mt4{margin-top: 4px;}
.mt6{margin-top: 6px;}
.mt32{margin-top:32px}
.mt42{margin-top: 42px}
.mt64{margin-top: 64px;}
.mt74{margin-top: 74px;}
.mt142{margin-top: 142px;}
.mr16{margin-right: 16px;}
.mr24{margin-right: 24px;}
.lh36{line-height: 36px;}
.text-center{ text-align: center; }
.w1202{width: 1202px;}
.bgF8F{background: #F8FAFC;}
.bgEf{
    background: linear-gradient( 135deg, #EFF6FF 0%, #DBEAFE 100%);
}
.pPt3{padding-top: 3%!important;}
.pPr7{padding-right: 7%}



.split-menu > li{
position: relative;
}
.submenu {
position: absolute;
z-index: 100;
background-color: #fff;
border-radius: 0;
border: none;
-webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
display: block;
border-radius: 8px;
left: -20%;
opacity: 0;
padding: 15px 7px 15px 0;
top: 50px;
visibility: hidden;
min-width: 180px;
border: 1px solid #f5f5f5;
background: #ffffff;
box-shadow: 0 0 4px -3px #000;
margin: 0;
transform: scale(1, 0);
transform-origin: 0 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.submenu li {
margin-left: 0;
text-align: left;
display: block;
transition: all .3s ease 0s;
position: relative;
cursor: pointer;
}

.submenu li a {
padding: 0 24px 0 12px;
line-height: 40px;
white-space: nowrap;
display: block;
color: #16181b;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.submenu li a:hover{
color: #3B82F6;
transform: translateX(5px);
}
.submenu li a.active{
    color: #3B82F6;
}
.split-menu > li:hover > .submenu { 
opacity: 1;
visibility: visible;
transform: scale(1);
}
.split-menu li{
    margin: 6px 24px 3px;
    position: relative;
    transition: 0.5s all;
}
.header .split-menu li::before{
    content: '';
    position: absolute;
    left: 0;
    width: 0;
    bottom: -26px;
    height: 1px;
    background: #fff;
}
.header .split-menu li.cur::before{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -26px;
    height: 1px;
    background: #fff;
}
.header .split-menu li:hover::before{
    width: 100%;
}


.material-scrolltop {
  display: block;
  position: fixed;
  width: 0;
  height: 0;
  bottom: 23px;
  right: 23px;
  padding: 0;
  overflow: hidden;
  outline: none;
  border: none;
  border-radius: 2px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  /* cursor: hand; */
  border-radius: 50%;
  background: #000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
  z-index: 1000;
}
.material-scrolltop:hover {
  background-color: #EA4E00;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
}

.material-scrolltop::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  width: 0;
  border-radius: 100%;
  background: #66bb6a;
}

.material-scrolltop:active::before {
  width: 120%;
  padding-top: 120%;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.material-scrolltop.reveal {
  width: 56px;
  height: 56px;
	cursor: pointer;
}

.material-scrolltop span {
    display: block;
    font-size: 25px;
    color: #fff;
}

.material-scrolltop,
.material-scrolltop::before {
    background-image: url("./../images/top-arrow.svg");
    background-position: center 50%;
    background-repeat: no-repeat;
}

.submenu li::before{
    display: none!important;
}