@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTPro';
    src: url('../fonts/HelveticaNeueLTPro-Bd.otf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

body, h1, h2, h3, h4, h5, h6, a, ul, li, em, i, p{ font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{font-weight: 700}
html {
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ul, li, em, i{font-style: normal;list-style: none;}
.container{ width: 1200px;margin: auto;}
.lm-flex{display: flex;align-items: center}
.lm-flex-item{flex: 1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.fr {float: right;}
.fl{float: left;}
a { text-decoration: none; color: #333; outline: none;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover{ /*text-decoration: underline; color: #ff8400;*/}
a:active { /*text-decoration: underline;*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.c-blue{color: #0079fe;}

.lm-nav{position: fixed;left: 0;top: 0;right: 0;transition: all .3s;background-color: transparent;z-index: 999}
.lm-nav .container{height: 100px;}
.lm-nav .logo img{width: 130px;}
.lm-nav .lm-flex-item li{height: 26px;box-sizing: border-box;margin-right: 35px;position: relative;float: left}
.lm-nav .lm-flex-item li:last-child{margin-right: 0}
.lm-nav .lm-flex-item li a{color: #fff;font-size: 13px;text-transform:uppercase;}
.lm-nav .lm-flex-item li:after{display: block;content: '';width: 0%;height: 2px;position: absolute;left: 50%;bottom: 0;background-color: #fff;transition: all .3s}
.lm-nav .lm-flex-item li.active:after,
.lm-nav .lm-flex-item li:hover:after{left: 0;width: 100%;}
.lm-nav .language {border: 1px solid #87c0ff;border-radius: 3px;height: 26px;line-height: 26px;color: #fff;margin-left: 50px}
.lm-nav .language a{color: #fff;font-size: 13px;padding: 0 10px;}
.lm-nav .language a.active{color: #87c0ff;}

.topbar-fixed{background: rgba(0,0,0,.6);}
.topbar-fixed .language{border-color: #fff;}
.topbar-fixed .language a.active{color: #fff}

.lm-banner {background: url("../images/banner.png") center center/cover no-repeat;padding-top: 100px;min-width: 1200px;box-sizing: border-box;/* width: 100vw; */min-width: 1200px;}
.lm-banner .container{padding: 272px 0 230px;}
.lm-banner .container h4{font-size: 104px;color: #fff;text-align: center;margin-bottom: 60px;font-family: "HelveticaNeueLTPro"}
.lm-banner .container .data{text-align: center;color: #fff;font-size: 14px;margin: auto;}
.lm-banner .container .data span{margin-left: 30px;display: inline-block;}
.lm-banner .container .data span:first-child{margin-left: 0;}
.lm-banner .container .icon{display: inline-block;width: 18px;height: 18px;background-size: contain;background-position: 0 0;background-repeat: no-repeat;position: relative;top: 3px;}
.lm-banner .container .icon-tel{background-image: url("../images/icon-tel.png");}
.lm-banner .container .icon-wx{background-image: url("../images/icon-wx.png");}
.lm-banner .container .icon-user{background-image: url("../images/icon-user.png");}

.lm-title{color: #222;text-align: center;padding: 140px 0 90px;}
.lm-title h3{font-size: 52px;margin-bottom: 20px;text-transform: capitalize}
.lm-title p{font-size: 20px;line-height: 37px;}

.lm-area .advantage {overflow: hidden;margin-bottom: 140px;}
.lm-area .advantage .fr,
.lm-area .advantage .fl{width: calc(100% / 2);box-sizing: border-box}
.lm-area .advantage .fr{padding-left: 20px}
.lm-area .advantage:last-child{margin-bottom: 0}
.lm-area .advantage img{max-width: 100%;display: block;margin: auto;}
.lm-area .advantage .icon-order{display: inline-block;width: 105px;height: 105px;background-size: contain;background-position: 0 0;background-repeat: no-repeat;position: relative;top: 3px;margin-bottom: 40px;}
.lm-area .advantage:nth-child(1) .icon-order{background-image: url("../images/advantage-1.png")}
.lm-area .advantage:nth-child(2) .icon-order{background-image: url("../images/advantage-2.png")}
.lm-area .advantage:nth-child(3) .icon-order{background-image: url("../images/advantage-3.png")}

.lm-area .advantage h5{font-size: 36px;margin-bottom: 15px;}
.lm-area .advantage p{font-size: 20px;line-height: 39px;}
.lm-area .advantage-1 p{padding-right: 40px;}
.lm-area .advantage-1 .fr{padding-left: 0}

.lm-area .security ul{justify-content: space-between;}
.lm-area .security li{width: 330px;}
.lm-area .security img{width: 60px;height: 60px;object-fit: contain;margin-bottom: 30px;}
.lm-area .security h5{margin-bottom: 22px;font-size: 24px;}
.lm-area .security p{line-height: 37px;}

.lm-area .cooperation li{width: calc(100%/6);float: left;margin-bottom: 20px}

.lm-area .join-us {padding-bottom: 260px;text-align: center;}
.lm-area .join-us img:first-child{width: 170px;height: 170px;}
.lm-area .join-us img{width: 160px;height: 160px;object-fit: contain;margin: 0 60px}

.lm-footer{background-color: #0f1e36;padding-top: 130px;text-align: center;color: #fff;padding-bottom: 120px;min-width: 1200px;}
.lm-footer p{margin-bottom: 20px}
.lm-footer a{color: #fff;}
.lm-footer a.logo{display: block;margin-bottom: 40px}
.lm-footer .friendship a{margin: 0 13px;}
.lm-footer .language {display: inline-block;height: 26px;line-height: 26px;color: #fff;}
.lm-footer .language a{color: #fff;font-size: 20px;padding: 0 10px;}
.lm-footer .language a.active{color: #717a88;}