body {
    font-family: Neue Plak W01 Light,sans-serif;
	margin: 0px;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: .03em;
	-webkit-font-smoothing: antialiased;}
ol, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
:root {

    --color-primary-black-1: #1f1e1d;
    --color-primary-black-2: #111;
    --color-primary-black-3: #0c1631;
    --color-primary-gray: #f9f9f9;
    --color-primary-white: #fff;
    --color-primary-red: #f84525;
    --color-sub-black-1: #1d1c1b;
    --color-sub-black-2: #2b2a2c;
    --color-sub-black-3: #2f2e2d;
    --color-sub-black-4: #252426;
    --color-sub-black-5: #393837;
    --color-sub-gray-1: #464646;
    --color-sub-gray-2: #5b5b5a;
    --color-sub-gray-3: #9c9c9c;
    --color-sub-gray-4: #bbb;
    --color-sub-white-1: #f2f2f2;
    --color-sub-white-2: #f6f6f6;
    --custom-ease-1: cubic-bezier(0.475,0.425,0,0.995);
    --custom-ease-2: cubic-bezier(0.835,-0.005,0.06,1);
    --custom-ease-3: cubic-bezier(0.19,1,0.22,1);
    --custom-ease-4: cubic-bezier(0.63,0.03,0.21,1);
    --primary-ease: var(--custom-ease-1);
    --desktop-content-width: 1200px;
    --laptop-content-width: 1080px;
    --small-laptop-content-width: 960px;

}



a {
    color: inherit;
    text-decoration: none;
}
a {
    background-color: transparent;
}
a:-webkit-any-link {
    
    cursor: pointer;
    
}
li {
    text-align: -webkit-match-parent;
}
footer .footer-menu li:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
	background-color: #9c9c9c;}
ul {
    display: block;
    
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
   /* padding-inline-start: 40px;*/
}

footer {
	
    height: 698px;
    background-color:#0c1631;
    display: flex;
    align-items: center; clear: both;
}

footer .footer-content {

    display: flex;
    justify-content: space-between;

}
footer .column {
    width: 50%;
}
footer .footer-left {
    display: flex;
    flex-direction: column;
}
element.style {
    vertical-align: inherit;
}
footer .catchphrase {
   
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    max-width: 240px;
    margin: 30px 0 0;
}
footer .column {
    width: 50%;
}

footer .title {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.color-white {
    color: #fff;
    color: var(--color-primary-white);
}


.type-comp1 {
    font-family: Neue Plak W01 Bold,sans-serif;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .15em;
}



footer .links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #9c9c9c;
}
footer .contact>a:first-of-type {
    margin-bottom: 12px;
}
footer .email {
    margin-bottom: 10px;
    font-size: 17px;
}

.color-red {
    
    color: var(--color-primary-red);
}

.type-sub3 {
    font-family: Neue Plak W01 Regular;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .05em;
}
footer .title.last {
    margin-top: 85px;
}



footer .links {
     
    color: #9c9c9c;
}


.type-sub3 {
    font-family: Neue Plak W01 Regular;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .05em;
}



footer .address {
    opacity: .7;
}
footer .info {
    margin-top: 15px;
    color: #6f6f6f;
}


footer .links li {
    display: inline-block;
    margin-right: 25px;
}



@media screen and (max-width:768px) {
 footer {
  height:auto;
  padding:80px 0
 }
}
footer .symbol-container {
 width:56px
}
footer .footer-left {
 display:flex;
 flex-direction:column
}
@media screen and (max-width:768px) {
 footer .footer-left {
  display:none
 }
}
footer .contact>a:first-of-type {
 margin-bottom:12px
}
footer .catchphrase {
 font-family:Montserrat,sans-serif;
 font-weight:500;
 font-size:20px;
 line-height:36px;
 max-width:240px;
 margin:30px 0 0
}
footer .sns-links {
 display:flex;
 align-items:flex-end;
 flex:2
}
footer .sns-links>li {
 margin-right:35px;
 opacity:.7;
 transition:opacity .85s var(--primary-ease)
}
footer .sns-links>li:hover {
 opacity:1
}
footer .column {
 width:50%
}
@media screen and (max-width:768px) {
 footer .column {
  width:100%
 }
}
footer .footer-content {
 display:flex;
 justify-content:space-between
}
@media screen and (max-width:768px) {
 footer .footer-content {
  height:auto;
  flex-direction:column
 }
}
footer .email {
 margin-bottom:10px;
 font-size:17px
}
@media screen and (max-width:768px) {
 footer .email {
  margin-bottom:0
 }
}
@media screen and (max-width:768px) {
 footer .tel {
  margin-bottom:25px
 }
}
footer .title {
 text-transform:uppercase;
 margin-bottom:30px
}
@media screen and (max-width:768px) {
 footer .title {
  margin-bottom:30px
 }
}
footer .title.last {
 margin-top:85px
}
@media screen and (max-width:768px) {
 footer .title.last {
  margin-top:40px
 }
}
footer .info {
 margin-top:15px;
 color:#6f6f6f
}
@media screen and (max-width:768px) {
 footer .info {
  margin-top:10px
 }
}
footer .links {
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 color:#9c9c9c
}
footer .links li {
 display:inline-block;
 margin-right:25px
}
@media screen and (max-width:768px) {
 footer .links li {
  display:block
 }
 footer .links li:not(:last-of-type) {
  margin-bottom:20px
 }
}
footer .footer-menu li:after {
 content:"";
 display:block;
 width:100%;
 height:1px;
 background-color:#9c9c9c;
 -webkit-transform:scaleX(0);
 transform:scaleX(0);
 transition:-webkit-transform .85s var(--primary-ease);
 transition:transform .85s var(--primary-ease);
 transition:transform .85s var(--primary-ease),-webkit-transform .85s var(--primary-ease);
 -webkit-transform-origin:right;
 transform-origin:right
}
@media screen and (min-width:769px) {
 footer .footer-menu li:hover:after {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:left;
  transform-origin:left
 }
}
footer .address {
 opacity:.7
}
@media screen and (max-width:768px) {
 footer .address {
  display:none
 }
}


/*头部*/
.header.reveal.white{ background-color: #fff;}

.header {
	 width: 100%;
  /*  max-width: calc(100% - 100px);*/
    height: 76px;
    margin: 0 auto;
    padding: 0!important;
   
  background:linear-gradient(140deg,rgba(3,168,244,1),rgba(22,126,254,1));  opacity: 0.8;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 21;
    transition: opacity .55s var(--primary-ease);
    /*pointer-events: none;*/
}
.header_box{
    width: 100%;
    position: relative;
}
.top_container{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.logo_container{
    display: block;
    width: 168px;
    height: 48px;
    /*margin-top: 51px; */
    float: left;
}
.logo_container img{width: 100%;}

.right{
    display: block;
    float: right;
    background: url("../img/right_more.png") 0px 0px;
    width: 48px;
    height: 48px;
    /*margin-top: 51px;*/
}
.right.blue{
    background: url("../img/right_more1.png") 0px 0px;
    width: 48px;
    height: 48px;
    /*margin-top: 51px;*/
}


.bot_ewm{width: 40%; margin-top: 40px;}