@charset "utf-8";
/*updown*/
.updown {position: absolute;bottom:60px;left:50%;z-index: 9999;}
.updown a{
    opacity: 1;display: inline-block;-webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font : normal 400 20px/1 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
    color: #999;
}
.updown .s-icon {padding-top: 60px;}
.updown .s-icon span {
    position: absolute;
    top: 0;
    left: 50%;
    width:26px;
    height: 45px;
    margin-left: -13px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
}
.updown .s-icon span::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 5px;
    height: 5px;
    margin-left: -2.5px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box;
}
/*section*/
section{position: relative;width: 100%;height: 100%;}
/*section-left*/
.section-left{
    width: 18%;
    position: absolute;
    left:100px;bottom: 0;
    padding: 80px 0 0 0;
    height: calc(100vh - 100px);
    overflow: hidden;
}
/*section-right*/
.section-right{
    width: 72%;
    position: absolute;
    right:100px;bottom: 0;
    height: calc(100vh - 100px);
    overflow: hidden;
}
.section-title{width: 100%;}
.section-title h4{font-family: "DINPro-Bold";font-size:50px;color: #fdd000;margin-bottom: 10px;padding: 0;text-transform: uppercase;letter-spacing: -1px;}
.section-title p{font-size: 25px;color: #495057;font-weight:500;}
.about .section-title p{color: #fff;}
.inquiry .section-title h4{color: #343a40;}
.inquiry .section-title p{color: #495057;}
.advantage .section-title h4{color: #fdd000;}
.advantage .section-title p{color: #fff;}
.news .section-title h4{color: #fdd000;}
.section-nav{width: 100%;position: absolute;bottom: 100px;}
.section-nav li{display:block;}
.section-nav li a{
    font-size: 16px;
    line-height: 50px;
    font-weight: 400;
    display: block;
    color: #868e96;
    cursor: pointer;
    position: relative;
    transition: all 500ms ease;
    -webkit-transition:all 500ms ease;
}
.en .section-nav li a{text-transform: uppercase;font-family: Arial, "sans-serif";}
.about .section-nav li a{ color: rgba(255,255,255,0.6);}
.section-nav li a:hover{color:#495057;font-weight: 500;}
.section-nav li:first-child a{color:#495057;font-weight: 500;}
.about .section-nav li a:hover,.about .section-nav li:first-child a{color: #fff;}
@media (max-width: 1680px) {
    .section-title h4{font-size:45px;margin-bottom: 10px}
    .section-title p{font-size: 22px;}
    .section-nav li a{font-size: 16px;line-height: 50px;}
}
@media (max-width: 1440px) {
    .section-right{width:75%;right: 80px;height: calc(100vh - 80px);}
    .section-left{width: 25%;left: 80px;padding: 60px 0 0 0;height: calc(100vh - 80px);}
    .section-title h4{font-size:36px;margin-bottom: 5px;}
    .section-title p{font-size: 18px;}
    .section-nav{bottom:80px;}
    .section-nav li a{font-size: 14px;line-height: 40px;}
}
@media (max-width: 1280px) {
    .section-right{width: 70%;right: 60px;height: calc(100vh - 60px);}
    .section-left{width: 30%;left: 60px;padding: 40px 0 0 0;height: calc(100vh - 60px);}
    .section-nav{bottom:60px;}
}
@media (max-width: 1199px) {
    .section-title h4{font-size:30px;}
    .section-title p{font-size: 16px;}
    .section-nav{bottom:40px;}
    .section-nav li a{font-size: 14px;line-height: 35px;}
}
@media (max-width: 992px) {
    .updown {bottom:10px;}
    .section-left{width: 100%;left:20px;padding:20px 0 0 0;height: calc(100vh - 50px);}
    .section-right{width: 100%;right:20px;height: calc(100vh - 50px);}
    .section-title h4{font-size:2.8rem;}
    .section-title p{font-size: 1.6rem;}
}
@media (max-width: 375px) {
    .section-title h4{font-size:2.5rem;}
    .section-title p{font-size: 1.5rem;}
}

.index-banner{width: 100%;height: 100%;}
.index-banner .item {
    width: 100%;
    height:100vh;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    background-size: 100% auto;background-position: center bottom;
}
.index-banner .item img{display: none;}
@media (max-width: 1440px) {

}
@media (max-width: 992px) {
    .index-banner{width: 100%;height:100%;z-index: 9;}
    .index-banner .item{background-image: none!important;height:100vh;}
    .index-banner .item img{width:100%;height:100vh;display: block;}
}

.index-banner .item.slick-active {-webkit-animation: fadeIn 2s both;animation: fadeIn 2s both;}
.slick-slider {
    float: left;
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.index-banner .NextArrow,.index-banner .PrevArrow{
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: none;
    background:transparent;
    text-align: center;
    z-index: 999;
    outline: none;
    bottom: 30px;border-radius: 50%;
}
.index-banner .NextArrow i,.index-banner .PrevArrow i{font-size:2.2rem;color:#fdd000;}
.index-banner .NextArrow:hover i,.index-banner .PrevArrow:hover i{color:#495057;}
.index-banner .NextArrow{left:140px;}
.index-banner .PrevArrow{left:100px;}
.index-banner .slick-dots {position: absolute;height:20px;bottom:30px;width:120px;left:50%;padding: 0;list-style-type: none;margin-left: -60px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.index-banner .slick-dots li button {display: none;}
.index-banner .slick-dots li {width:15px;height:15px;border-radius:8px;margin-right:5px;background-color:#fff;}
.index-banner .slick-dots li:last-child{margin-right: 0;}
.index-banner .slick-dots li.slick-active {background-color:#fdd000}
@media (max-width: 1440px) {
    .index-banner .NextArrow{left:120px;}
    .index-banner .PrevArrow{left:80px;}
    .index-banner .slick-dots {right:65px;}
    .index-banner .slick-dots li {width:10px;height:10px;border-radius:5px;margin-right:5px}
}
@media (max-width: 1199px) {
    .index-banner .NextArrow{left:80px;}
    .index-banner .PrevArrow{left:40px;}
    .index-banner .slick-dots {right:25px;}
}
@media (max-width: 991px) {
    .index-banner .NextArrow{left:40px;opacity: 0;}
    .index-banner .PrevArrow{left:10px;opacity: 0;}
    .index-banner .slick-dots {right:50%;bottom:20px;margin-right:-45px;}
}

/*pro*/
.pro{background-color:#e9ecef;}
.pro .container{height: calc(100vh - 100px);}
.pro-ul{flex-wrap: wrap;width: 100%;height:100%;padding: 100px 0 0 0;}
.pro-ul li{width: 49%;height:48%;margin-right: 2%;margin-bottom: 2%;background-color: #fff;overflow: hidden;position: relative;}
.pro-ul li:nth-child(2n){margin-right: 0;}
.pro-ul li:hover{
    box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.06);
}
.pro-ul li a{align-items: center;height: 100%;}
.pro-ul li a .img{width: 100%;height: 100%;position: absolute;right: -40%;bottom: 20%;z-index: 1}
.pro-ul li a .img img{
    width:80%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity:0.3;
    filter:alpha(opacity=30);
}
.pro-ul li a:hover .img img{
    opacity:0.7;
    filter:alpha(opacity=70);
    width:85%;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}
.pro-ul li a .info{padding: 30px;position: relative;z-index: 3;}
.pro-ul li a .info h5{font-size: 40px;color:#495057;margin-bottom: 50px;font-family: "DINPro-Bold";text-transform: uppercase;}
.en .pro-ul li a .info h5{font-family: Arial, "sans-serif";font-weight: 600}
.pro-ul li a .info h6{font-weight: 500;font-size: 22px;color: #495057;margin-top: 50px;}
.pro-ul li a .info p{font-family: "DINPro-Bold";font-size: 40px;color: rgba(0,0,0,0.2);margin-bottom: 50px;letter-spacing: -1px;}
.pro-ul li a .info span{
    display: block;width: 140px;height: 45px;line-height: 41px;border-radius: 30px;
    text-align: center;font-size: 14px;text-transform: uppercase;font-family: "DINPro-Bold";
    border: 1px solid #ced4da;color: #adb5bd;
}
.en .pro-ul li a .info span{font-family: Arial, "sans-serif";width: 160px;font-weight: 600}
.pro-ul li a:hover .info h6{margin-top: 80px;}
.pro-ul li a:hover .info p{color:#495057;margin-bottom: 30px;}
.pro-ul li a:hover .info span{
    background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#fdd000), to(#e7670d));
    background-image:-webkit-linear-gradient(top, #fdd000, #e7670d);
    background-image:-o-linear-gradient(top, #fdd000, #e7670d);
    background-image:linear-gradient(top, #fdd000, #e7670d);
    box-shadow:0 10px 20px rgba(253,117,4,0.3);
    -webkit-box-shadow:0 10px 20px rgba(253,117,4,0.3);
    -moz-box-shadow:0 10px 20px rgba(253,117,4,0.3);
    -webkit-animation: fadeOutInUp 1s both;
    animation: fadeOutInUp 1s both;
    color: #fff;border: none;
}
@media (max-width: 1440px) {
    .pro .container{height: calc(100vh - 80px);}
    .pro-ul{padding: 80px 0 0 0;}
    .pro-ul li a .info h5{font-size: 25px;margin-bottom:30px;}
    .pro-ul li a .info h6{font-size: 18px;margin-top:10px;margin-bottom: 10px;}
    .pro-ul li a .info p{font-size: 30px;margin-bottom: 20px;}
    .pro-ul li a .info span{width: 110px;line-height: 34px;height: 35px;font-size: 12px;}
    .pro-ul li a:hover .info h6{margin-top:40px;}
    .pro-ul li a:hover .info p{margin-bottom:20px;}
}
@media (max-width: 1280px) {
    .pro .container{height: calc(100vh - 60px);}
    .pro-ul{padding: 60px 0 0 0;}
}
@media (max-width: 991px) {
    .pro .container{height:auto;padding:0}
    .pro-ul{padding:20px 20px;}
    .pro-ul li{width: 100%;height:140px;margin-right:0;margin-bottom:10px;
        box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.03);
        -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.03);
    }
    .pro-ul li:last-child{margin-bottom: 0;}
    .pro-ul li a .img{right: -40%;bottom: 20%;}
    .pro-ul li a .img img{opacity:0.5;filter:alpha(opacity=50);width:100%;-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}
    .pro-ul li a .info{padding:30px 20px;}
    .pro-ul li a .info h5{font-size: 1.8rem;margin-bottom:30px;}
    .pro-ul li a .info h6{font-size: 1.8rem;margin-top:0;font-weight: 600;}
    .pro-ul li a .info p{font-size: 1.8rem;margin-bottom:10px;letter-spacing: -0.5px;color: rgba(0,0,0,0.3);}
    .pro-ul li a .info span{width:110px!important;height:36px;line-height:33px;font-size:1.4rem;
        background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#fdd000), to(#e7670d));
        background-image:-webkit-linear-gradient(top, #fdd000, #e7670d);
        background-image:-o-linear-gradient(top, #fdd000, #e7670d);
        background-image:linear-gradient(top, #fdd000, #e7670d);
        box-shadow:0 5px 20px rgba(253,117,4,0.3);
        -webkit-box-shadow:0 5px 20px rgba(253,117,4,0.3);
        -moz-box-shadow:0 5px 20px rgba(253,117,4,0.3);
        -webkit-animation: fadeOutInUp 1s both;
        animation: fadeOutInUp 1s both;
        color: #fff;border: none;
        display: none;
    }
    .en .pro-ul li a .info span{display: block}
    .pro-ul li a:hover .info h6{margin-top:0;}
    .pro-ul li a:hover .info p{margin-bottom:10px;}
}

.core{background-color:#e9ecef;position: relative;background-image: url("../images/core-bg.jpg?v=1");background-size: cover;background-position: center bottom;position: relative;}
.core .section-title{padding-top: 100px;margin-bottom:0;width: 100%;}
.core.en .section-title{margin-bottom: 80px;}
.core .section-title p{color: #eee}
.core-warp{width: 100%;height: 100%;}
.core-list{position: relative;flex-wrap: wrap;width:100%;}
.core-list li{width: 23.5%;margin-right: 2%;background-color: #fff;padding: 20px;position: relative;border-radius: 12px;margin-top:50px;
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.06);outline: none;
}
.core-list li a{outline: none;}
.core-list li:nth-child(4n){margin-right: 0;}
.core-list li .img{height: 220px;overflow: hidden;}
.core-list li .img img{width: 100%;}
.core-list li .info{padding: 20px 0;height: 120px}
.core-list li .info span{font-family: DINPro-Bold;font-size:40px;color: #fdd000;border-radius: 50%;position: absolute;top:-40px;left:50%;margin-left: -40px;width:80px;height:80px;line-height:80px;background-color:#fff;text-align: center; }
.core-list li  h4{font-size:22px;color:#343a40;margin: 20px 0;font-weight: 500;}
.core-list li .info p{font-size: 14px;line-height:20px;color: #495057;margin-bottom: 8px;}
.core-list li .info p{position: relative;padding: 0 0 0 15px;}
.core-list li .info{counter-reset: number 0;}
.core-list li .info .p{counter-reset: section;}
.core-list li .info .p p:before{
    counter-increment: section;
    content: counters(section,".") " ";
    left: 0;top:-1px;position: absolute;font-size: 1.4rem;color: #495057;}


.en .core-list li  h4{font-family: Arial, "sans-serif";text-transform: uppercase;font-size: 20px;font-weight: 600;margin:30px 0 20px 0;}
.en .core-list li .info p{font-family: Arial, "sans-serif";font-size: 13px;line-height:18px;}
@media (max-width: 1440px) {
    .core-ul li .info{padding: 30px;}
    .core-ul li .info h4{font-size: 18px;margin-bottom:20px;}
    .core-ul li .info span{font-size:20px;}
    .core-ul li .info p{font-size: 14px;line-height:23px;}
    .core .section-title{padding-top: 60px;}
    .core.en .section-title{margin-bottom: 30px;}
    .core-list li{padding: 20px;border-radius: 12px;}
    .core-list li .img{height: 160px;}
    .core-list li .info{padding:20px 0;}
    .core-list li .info span{font-size:30px;top:-30px;left:50%;margin-left: -30px;width:60px;height:60px;line-height:60px; }
    .core-list li  h4{font-size:20px;margin: 15px 0}
    .core-list li .info p{font-size: 14px;line-height: 20px;}
    .en .core-list li  h4{font-size:14px;;margin:30px 0 10px 0;}
    .en .core-list li .info p{font-size: 12px;}
}
@media (max-width: 991px) {
    .core .section-title{padding-top:20px;}
    .core.en .section-title{margin-bottom:30px;}
    .core-list{padding:0;}
    .core-list li .info{height:120px;}
    .core-list li .info{padding:20px 0;}
    .core-list li{margin:30px 0;}
    .core-list li{width: 100%;margin-right:0;padding: 20px;}
    .core-list li:nth-child(4n){margin-bottom: 0;}
}
@media (max-width: 375px) {
}
.core-list .NextArrow,.core-list .PrevArrow{
    position: absolute;
    width: 32px;
    height: 32px;
    border: 2px solid #fdb817;
    line-height: 28px;
    background: transparent;
    text-align: center;
    z-index: 999;
    outline: none;
    border-radius: 50%;
    bottom: 50%;
    margin-bottom: -16px;
}
.core-list .NextArrow i,.core-list .PrevArrow i{font-size:1.6rem;color:#fdb817;}
.core-list .NextArrow:hover,.core-list .PrevArrow:hover{}
.core-list .NextArrow:hover i,.core-list .PrevArrow:hover i{color:#fdb817;}
.core-list .NextArrow{right:0;}
.core-list .PrevArrow{left:0;}

@media (max-width: 991px) {
    .core-list .NextArrow,.core-list .PrevArrow{width: 22px;height: 22px;border:none;line-height: 20px;margin-bottom: -13px;}
    .core-list .NextArrow{display: none;opacity: 0;right:0;}
    .core-list .PrevArrow{display: none;opacity: 0;left:0;}
    .core-list .NextArrow i,.core-list .PrevArrow i{font-size:1.8rem;}
}


/*about*/
.about{background-image: url("../images/about-bg.jpg");background-size: cover;background-position: center;}
.about-main{width: 100%;height: 100%;align-items: center;}
.about-main .info{width:65%;}
.about-main .info h4{font-weight: 500;color: #f8f9fa;font-size: 40px;margin-bottom: 60px;}
.en .about-main .info h4{font-size: 28px;font-weight: 600;text-transform: uppercase;font-family: "DINPro-Bold"}
.about-main .info p{font-size: 18px;line-height: 36px;color: #f8f9fa;margin-bottom:50px}
.en .about-main .info p{font-size: 16px;line-height: 32px;font-family: Arial, "sans-serif"}
.about-main .info p b{font-size: 80px;line-height: 80px;color: #fdd000;font-family: "DINPro-Bold";margin-right: 10px;}
.about-main .info p span{position: relative;top:-20px;}
.about-main .info a{
    display: block;
    font-family: "DINPro-Bold";
    text-transform: uppercase;
    width: 160px;
    line-height: 41px;
    height: 45px;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    color: #0e6aac;
    background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#fff), to(#dee2e6));
    background-image:-webkit-linear-gradient(top, #fff, #dee2e6);
    background-image:-o-linear-gradient(top, #fff, #dee2e6);
    background-image:linear-gradient(top, #fff, #dee2e6);
    box-shadow:0 10px 20px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.15);
    -moz-box-shadow:0 10px 20px rgba(0,0,0,0.15);
}
.en .about-main .info a{width:180px;font-family: Arial, "sans-serif";font-size: 14px;}
.about-main .info a:hover{}
.about-main .info a i{font-size:1.8rem;margin-left: 10px;font-weight: 300;}
.about-main .img{width:35%;}
.about-main .img img{width: auto;max-width:80%;}
.about.active .about-main .info{}
.about.active .about-main .img{}
.about .info-ul{margin: 50px 0;width:100%;align-items: center;}
.about .info-ul li{text-align:left;position: relative;padding:0 50px 0 0;}
.about .info-ul li:last-child{border-right: none;padding: 0;}
.about .info-ul li h6{color:#fff;margin-bottom: 10px;}
.about .info-ul li h6 span{font-size:50px;font-family: "DINPro-Bold";line-height:50px; }
.about .info-ul li h6 em{font-style: normal;font-size: 30px;font-family: "DINPro-Bold";}
.about .info-ul li p{font-size: 18px;line-height: 32px;color: #fff;padding:0!important;}
.about.en .info-ul li p{font-family: arial, sans-serif!important;font-size: 16px;line-height: 22px;}

@media (max-width: 1440px) {
    .about-main .info{width:55%;}
    .about-main .info h4{font-size:25px;margin-bottom:20px;}
    .en .about-main .info h4{font-size:18px;}
    .about-main .info p{font-size: 14px;line-height: 30px;margin-bottom:30px;}
    .en .about-main .info p{font-size: 14px;line-height: 26px;}
    .about-main .info p b{font-size:50px;}
    .about-main .info p span{top:-5px;}
    .about-main .info a{width: 140px;line-height: 32px;height: 35px;font-size: 14px;}
    .about-main .info a i{font-size: 1.6rem;margin-left:5px;}
    .en .about-main .info a{width:160px;font-size: 13px;line-height: 38px;height: 40px;}
    .about-main .img{width:45%;text-align: center}
    .about-main .img img{max-width:60%;}
    .about .info-ul{margin: 40px 0;width: 100%;}
    .about .info-ul li{padding:0 30px 0 0;}
    .about .info-ul li h6 span{font-size: 40px;line-height:40px; }
    .about.en .info-ul li h6 span{font-size:2.5rem;line-height:2.5rem}
    .about .info-ul li h6 em{font-size: 25px;}
    .about .info-ul li p{font-size: 14px;line-height:25px;}
    .about.en .info-ul li p{font-size: 12px;line-height:20px;}
}
@media (max-width: 991px) {
    .about{background-position: center bottom;padding:30px 0}
    .about .section-right{width: 100%;position: relative;right:unset;bottom:unset;height: auto;}
    .about .section-left{width: 100%;position:unset;left:unset;bottom:unset;padding: 0;height:auto;}
    .about-main{display: block;-webkit-justify-content: unset;justify-content:unset;height: auto;}
    .about-main .info{width:100%;padding:0;position: relative;top:0;text-align: center;}
    .about-main .info h4{font-weight: 500;color: #f8f9fa;font-size: 2rem;margin-bottom:10px;}
    .en .about-main .info h4{font-size: 1.8rem;line-height:2.6rem;}
    .about-main .info p{font-size: 1.3rem;line-height: 2.5rem;margin-bottom:20px;}
    .en .about-main .info p{font-size: 1.2rem;line-height: 2rem}
    .about-main .info p b{font-size: 3.2rem;line-height:3.2rem;margin-right: 5px;}
    .about-main .info p span{position: relative;top:0;}
    .about-main .info a{width: 140px;line-height:40px;height:40px;font-size: 1.2rem;margin: 0 auto; }
    .about-main .info a i{font-size:1.4rem;}
    .about-main .img{width:100%;text-align: center;padding:10px 0 30px 0;position: relative;bottom:unset;margin-bottom:0;}
    .about-main .img img{max-width:50%;}
    .about .section-nav{display: none;}
    .about .bounce-animate{animation-name:unset;-moz-animation-name: unset;-ms-animation-name: unset;-o-animation-name: unset;}
    .about .info-ul{margin: 20px auto 10px auto;}
    .about .info-ul li{border-right: none;text-align: center;padding:0;width:23.5%;margin-right: 2%;}
    .about .info-ul li:last-child{margin-right: 0;}
    .about .info-ul li h6 span{font-size:2.2rem;line-height:2rem;}
    .about .info-ul li h6 em{font-size:1.4rem;}
    .about .info-ul li p{font-size:1rem;line-height:1.2rem;height: 40px;}
    .about.en .info-ul li p{font-size:1rem;line-height:1.2rem;}
}
@media (max-width: 375px) {
    .about-main .info{top:0;}
    .about-main .info h4{font-size:1.6rem;margin-bottom:10px;}
    .en .about-main .info h4{font-size: 1.2rem;line-height:2.2rem;}
    .about-main .info p{font-size: 1.1rem;line-height: 1.8rem;margin-bottom:10px;}
    .en .about-main .info p{font-size: 1.1rem;line-height: 1.8rem}
    .about-main .info p b{font-size: 2.5rem;line-height:2.5rem;}
}

/*app*/
.app{position: relative;background-color: #f8f9fa;}
.app .section-left{z-index: 2;}
.app .section-title p{}
.app.en .section-title{margin-bottom:60px;}
.app-warp{width:100%;padding:50px 100px 0 100px;}
.app .section-title{margin-bottom:30px;}
.res-ul{flex-wrap: wrap;margin: 0 auto;}
.res-ul li{width:49.5%;height:280px;margin-bottom:1%;margin-right:1%;background-color: #fff;position: relative;align-items: center;overflow: hidden;}
.res-ul li:nth-child(2n){margin-right: 0;}
.res-ul li .info{position: relative;z-index: 2;background-color: rgba(0,0,0,0.7);padding:40px;width: 100%;height: 100%;}
.res-ul li h4{font-size: 25px;font-weight:500;margin-bottom:50px;color: #fff;position: relative;}
.res-ul li h4:after{content: '';width: 40px;height: 2px;background-color:#fdd000;position: absolute;bottom: -30px;left: 0;z-index: 2; }
.res-ul li p{font-size: 16px!important;line-height: 30px;color: #fff;}
.res-ul li .img{width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 1;background-size: cover;background-position: left center;}
.en .res-ul li h4{font-family: Arial, "sans-serif";font-weight: 600;font-size: 30px;text-transform: uppercase;}
.en .res-ul li p{font-family: Arial, "sans-serif";font-size: 15px;line-height: 25px;font-weight: 400;}
@media (max-width: 1440px) {
    .app-warp{width:100%;padding:80px 80px 0 80px;}
    .res-ul li{height: 220px;}
    .en .res-ul li .info{padding:30px;}
    .res-ul li h4{font-size: 23px;}
    .res-ul li p{font-size: 16px!important;line-height:26px;}
    .en .res-ul li h4{font-size: 20px;line-height: 25px;margin-bottom:35px;}
    .en .res-ul li h4:after{bottom: -20px;}
    .en .res-ul li p{font-size: 13px!important;line-height: 22px;}
}
@media (max-width: 1280px) {
    .app-warp{width:100%;padding:60px 60px 0 60px;}
}
@media (max-width: 992px) {
    .app-warp{padding:15px 20px;height: auto;width: 100%;}
    .app .section-title{margin-bottom:20px;}
    .app.en .section-title{margin-bottom:20px;}
    .res-ul{display: block;margin:0;width: 100%;}
    .res-ul li{width:100%;margin-right:0;height: 150px;margin-bottom: 10px;}
    .res-ul li .info{padding:20px;}
    .res-ul li h4{font-size: 1.8rem;margin-bottom:20px;}
    .res-ul li h4:after{width: 30px;height: 1px;bottom: -10px}
    .res-ul li p{font-size: 1.4rem!important;line-height:2.5rem;}
    .en .res-ul li{min-height:180px;}
    .en .res-ul li .info{padding:15px;}
    .en .res-ul li h4{font-size: 1.6rem!important;height: 15px;}
    .en .res-ul li p{font-size:1.4rem!important;line-height:1.8rem!important;}
}
@media (max-width: 375px) {
    .app .app-ul{height:65%;}
    .en .app-ul li a h6{font-size: 1.4rem;line-height: 2.2rem;}
}

.partner{position: relative;background-color:#e9ecef}
.partner-warp{width:100%;padding:100px 100px 0 100px;}
.partner .section-title{margin-bottom:30px;}
.partner-list{flex-wrap: wrap;padding: 30px 0;}
.partner-list li{width: 19.2%;margin-right:1%;margin-bottom:1%;overflow: hidden;text-align: center;background-color: #fff;padding:20px 60px;}
.partner-list li:nth-child(5n){margin-right: 0;}
.partner-list li img{width: 100%;}
.partner-list li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);}
@media (max-width: 1366px) {
    .partner-list li{padding:10px 20px;}
}
@media (max-width: 991px) {
    .partner-warp{padding:20px 20px 0 20px;}
    .partner-list{padding:0 0 20px 0;}
    .partner-list li{padding:5px;width: 32%;margin-right: 2%;margin-bottom: 2%;}
    .partner-list li:nth-child(3n){margin-right: 0;}
    .partner-list li:nth-child(5n){margin-right:2%;}
    .partner-list li:last-child{margin-right: 0;}
}

/*news*/
.news{background-color: #f1f3f5;background-image: url("../images/news-bg.jpg?v=2020");background-size: cover;background-position: center;}
.news-img{width: 100%; height: 100%;padding: 10% 0;}
.news-img li{width: 32%;margin-right: 2%;height: 100%;
    border: 1px solid #f1f3f5;
    background-color: rgba(255,255,255,0.6);
    box-shadow:5px 10px 20px rgba(0,0,0,0.05);
    -webkit-box-shadow:5px 10px 20px rgba(0,0,0,0.05);
    -moz-box-shadow:5px 10px 20px rgba(0,0,0,0.05);
}
.news-img li:nth-child(3n){margin-right: 0;}
.news-img li a{display: block;width: 100%;height: 100%;}
.news-img li a .img{overflow: hidden;position: relative;height: 50%;background-size: cover;background-position: center}
.news-img li a .img:after{content: '';background-color:rgba(0,0,0,0.3);width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 1}
.news-img li a .img img{width: 100%;}
.news-img li a .time{text-align: center;width: 80px;overflow: hidden;position: absolute;right:30px;top:30px;z-index: 2;}
.news-img li a .time span{display:block;font-size:50px;line-height:50px;margin-bottom: 1px;font-family: "DINPro-Bold";position: relative;color:#212529;padding: 5px;background-color:#fdd000;}
.news-img li a .time p{font-size: 14px;;padding:2px 5px;color:#495057;background-color:rgba(255,255,255,1);}
.news-img li a .info{padding:30px;height: 50%;position: relative;}
.news-img li a .info h4{font-size: 16px;color: #495057;position: relative;margin-bottom:40px;line-height:25px;}
.news-img li a .info h4:after{content: '';width: 30px;height: 3px;background-color:#fdd000;position: absolute;left: 0;bottom: -20px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.news-img li a .info p{
    font-family: arial, sans-serif;
    color:#868e96;font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
}
.news-img li a .info span{
    display: block;width: 120px;line-height: 35px;border-radius: 20px;text-align: center;
    font-size: 14px;font-family: "DINPro-Bold";color:#868e96;border: 1px solid #ddd;
    text-transform: uppercase;position: absolute;right: 30px;bottom:30px;}
.news-img li a .info span i{font-size:1.6rem;margin-left: 5px;}
.news-img li a:hover .info span{
    border: none;
    color: #fbf4dc;
    background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#fdd000), to(#e7670d));
    background-image:-webkit-linear-gradient(top, #fdd000, #e7670d);
    background-image:-o-linear-gradient(top, #fdd000, #e7670d);
    background-image:linear-gradient(top, #fdd000, #e7670d);
    box-shadow:0 10px 20px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.15);
    -moz-box-shadow:0 10px 20px rgba(0,0,0,0.15);
}
.news-img li a:hover .img{height: 46%;}
.news-img li a:hover .info{height: 54%;}
.news-img li a:hover .time span{font-size:40px;line-height:40px;}
.news-img li a:hover .time p{font-size: 12px;}
@media screen and (max-width:1440px){
    .news-img{padding: 8% 0;}
    .news-img li a .time{width: 70px;right: 20px;top:20px}
    .news-img li a .time span{font-size:40px;line-height:40px;}
    .news-img li a .time p{font-size: 12px;}
    .news-img li a .info{padding:20px;}
    .news-img li a .info h4{font-size: 14px;margin-bottom:30px;line-height:20px;}
    .news-img li a .info h4:after{height:2px;bottom: -15px;}
    .news-img li a .info p{font-size: 12px;line-height: 18px;}
    .news-img li a .info span{width: 100px;line-height: 25px;font-size: 12px;right: 20px;bottom:20px;}
    .news-img li a .info span i{font-size:1.4rem;}
}
@media (max-width: 991px) {
    .news{padding: 20px 0 0 0;}
    .news .section-right{width: 100%;position: relative;right:unset;bottom:unset;height: auto;}
    .news .section-left{width: 100%;position:unset;left:unset;bottom:unset;padding: 0;height:auto;}
    .news .section-nav{display: none;}
    .news-img{height:auto;padding: 0 !important;flex-wrap: wrap;margin: 20px 0}
    .news-img li{width: 100%;margin-right:0;margin-bottom:3%;
        border:none;
        background-color: rgba(255,255,255,1);
        box-shadow:1px 2px 5px rgba(0,0,0,0.05);
        -webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.05);
        -moz-box-shadow:1px 2px 5px rgba(0,0,0,0.05);
    }
    .news-img li:nth-child(3n){margin-right: 0;margin-bottom: 0}
    .news-img li a{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content:space-between;
        justify-content: space-between;
    }
    .news-img li a .img{height:95px;width: 40%;}
    .news-img li a .time{width:55px;right:unset;top:20px;left: 15px;}
    .news-img li a .time span{font-size:2.5rem;line-height:2.5rem;}
    .news-img li a .time p{font-size:1rem;padding:2px;font-weight: 600}
    .news-img li a .info{padding:10px;height:auto;width: 60%;}
    .news-img li a .info h4{font-size: 1.3rem;margin-bottom:10px;line-height:2rem;font-weight: 500;}
    .en .news-img li a .info h4{font-size: 1.2rem;font-weight:400;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
    .news-img li a .info h4:after{display: none}
    .news-img li a .info p{font-size: 1.2rem;line-height: 1.8rem;display: none}
    .news-img li a .info span{width:90px;line-height: 25px;font-size: 1rem;right: 15px;bottom:15px;display: none}
    .news-img li a .info span i{font-size:1.2rem;}
    .news-img li a:hover .img{height:100%;}
    .news-img li a:hover .info{height: 100%;}
    .news-img li a:hover .time span{font-size:2.5rem;line-height:2.5rem;}
    .news-img li a:hover .time p{font-size: 1rem;}
}
@media (max-width: 375px) {
    .news .updown{bottom:-30px;}
    .news-img{height:88%;padding:25% 0 20px 40px;}
    .news-img li a .info{padding:10px}
    .news-img li a .info h4{font-size: 1.2rem;margin-bottom:5px;line-height:1.8rem;}
    .news-img li a .info p{font-size: 1rem;line-height: 1.6rem;}
}

/*.inquiry*/
.inquiry{ background-color: #0e6aac;}
.inquiry .section-title{margin-bottom: 60px;}
.inquiry .section-title h4{color:#fdd000;}
.inquiry .section-title p{color: #fff;}
.inquiry .inquiry-main{width: 100%; height: calc(100vh - 100px);align-items: center;padding: 100px 0 0 0;}
.inquiry .form{
    width: 40%;
    margin-right: 5%;
    height: 60%;
    position: relative;
    z-index: 999;
}
.inquiry .form label{display: block;width:100%;margin-bottom: 3%}
.inquiry .form label input{border:none;border-bottom: 1px solid rgba(255,255,255,0.4);line-height:50px;height: 50px;width:31.33%;margin-right:3%;background-color:rgba(255,255,255,0);color:#fff;font-size: 18px;font-weight: 300;}
.inquiry .form label input:last-child{margin-right: 0;}
.inquiry .form label textarea{width: 100%;border:none;border-bottom: 1px solid rgba(255,255,255,0.4);height: 100px;background-color: transparent;outline: none;color:#fff;font-size: 18px;font-weight: 300;}
.inquiry .form label textarea{padding:30px 0 0 0;margin-bottom:30px;}
.inquiry .form label button{
    color: #222;
    border:none;
    background-color: #fdd000;
    border-radius: 30px;
    width: 160px;
    height: 45px;
    line-height: 40px;
    font-size:16px;
    ;font-weight: 500;
    outline: none;margin-right: 20px;
}
.inquiry.en .form label button{font-family: arial, sans-serif;text-transform: uppercase;}
.inquiry .form label button i{font-size: 2rem;margin-left: 10px;font-weight: 400;}
.inquiry .form label a{
    display: inline-block;
    text-align: center;
    border-radius: 30px;
    width: 160px;
    height: 45px;
    line-height: 35px;
    font-size:16px;
    ;font-weight: 500;text-transform: uppercase;
    outline: none;
    color: rgba(255,255,255,0.9);
    border: 2px solid rgba(255,255,255,0.6);
}
.inquiry.en .form label a{font-family: arial, sans-serif;}
.inquiry .form label a i{font-size: 2.2rem;margin-left: 10px;font-weight: 400;position: relative;top:2px;}
.inquiry .contact{
    width: 55%;height: 60%;
    position: relative;
    z-index: 2;
    background-image: url("../images/contact-bg.png");
    background-size: 100%;background-position: center;background-repeat: no-repeat;
}
.inquiry .contact .info{flex-wrap: wrap}
.inquiry .contact .info dl{width: 49%;height: 49%;margin-right: 2%;margin-bottom: 10%;}
.inquiry .contact .info dl:nth-child(2n){margin-right: 0;}
.inquiry .contact .info dl:nth-child(3){margin-bottom: 0;}
.inquiry .contact .info dl:nth-child(4){margin-bottom: 0;}
.inquiry .contact .info dt{font-size: 20px;font-weight: 600;margin-bottom: 20px;color:#fdd000;position: relative;padding-left:30px;;}
.inquiry.en .contact .info dt{font-family: arial, sans-serif;font-size: 16px;padding-left: 22px;}
.inquiry .contact .info dt:after{content: '';width: 18px;height: 18px;border:4px solid #fdd000;border-radius: 50%;position: absolute;left: 0;top:7px;}
.inquiry.en .contact .info dt:after{width: 14px;height: 14px;border:3px solid #fdd000;top:4px;}
.inquiry .contact .info dd{font-size: 16px;line-height: 32px;;color:rgba(255,255,255,0.6);}
.inquiry .contact .info dd a{color:rgba(255,255,255,0.6);}
.inquiry .contact .info dd a:hover{color:rgba(255,255,255,0.9);}
.inquiry.en .contact .info dd{font-size: 14px;font-family: arial, sans-serif;}
::-webkit-input-placeholder{color:rgba(255,255,255,0.5);font-size: 18px;font-weight: 300;}
::-moz-placeholder{color:rgba(255,255,255,0.5);font-size: 18px;font-weight: 300;}
:-ms-input-placeholder{color:rgba(255,255,255,0.5);font-size: 18px;font-weight: 300;}
@media (max-width: 1440px) {
    .inquiry .section-title{margin-bottom:30px;margin-top: 0;padding: 0;}
    .inquiry .section-title h4{margin: 0;padding: 0;}
    .inquiry .inquiry-main{height: calc(100vh - 80px);padding: 20px 0 0 0;}
    .inquiry .form{height: 60%;margin-right: 5%;}
    .inquiry .form label{margin:20px 0;}
    .inquiry .form label input{line-height:40px;height: 40px;font-size: 14px;}
    .inquiry .form label textarea{height: 70px;font-size: 14px;}
    .inquiry .form label textarea{margin-bottom:10px;}
    .inquiry .form label button{width: 150px;height: 40px;line-height: 32px;font-size:14px;}
    .inquiry .form label button i{font-size: 1.8rem;}
    .inquiry .form label a{width: 150px;height: 40px;line-height: 32px;font-size:14px;}
    .inquiry .form label a i{font-size: 1.8rem;top:2px;}
    .inquiry .contact{height: 60%;}
    .inquiry .contact .info{}
    .inquiry .contact .info dt{font-size: 18px;margin-bottom: 10px;padding-left:25px;}
    .inquiry .contact .info dt:after{width: 15px;height: 15px;border:4px solid #fdd000;top:7px;}
    .inquiry .contact .info dd{line-height:25px;font-size: 13px;}
    .inquiry.en .contact .info dd{font-size: 12px;}
    ::-webkit-input-placeholder{font-size: 14px;}
    ::-moz-placeholder{font-size: 14px;}
    :-ms-input-placeholder{font-size: 14px;}
}
@media (max-width: 991px) {
    .inquiry .section-title{margin-bottom:30px;}
    .inquiry .inquiry-main{ flex-wrap: wrap;height: auto;padding:20px 0 80px 0;}
    .inquiry .form{width: 100%;margin-right: 0;height: 100%;background-image: url("../images/contact-bg.png");background-size: 100%;background-position: center;background-repeat: no-repeat;}
    .inquiry .form label{margin-bottom: 0;text-align: center}
    .inquiry .form label input{line-height:60px;height: 60px;width:100%;margin-right:0;font-size: 1.4rem;margin-bottom: 2%}
    .inquiry .form label input:last-child{margin-right: 0;width: 100%}
    .inquiry .form label textarea{width: 100%;border:none;border-bottom: 1px solid rgba(255,255,255,0.4);height: 100px;background-color: transparent;outline: none;color:#fff;font-size: 18px;font-weight: 300;}
    .inquiry .form label textarea{padding:0;margin-bottom:20px;height:80px;}
    .inquiry .form label button{width: 45%;height: 40px;line-height: 40px;font-size:1.4rem;margin-right: 2%;font-weight: 500;}
    .inquiry .form label button i{font-size:1.8rem;}
    .inquiry .form label a{width: 45%;height: 40px;line-height:40px;font-size:1.4rem;border: 1px solid rgba(255,255,255,0.6);font-weight: 500;}
    .inquiry .form label a i{font-size:1.8rem;top:2px;}
    .inquiry .contact{display: none;}
    ::-webkit-input-placeholder{font-size: 1.4rem;}
    ::-moz-placeholder{font-size: 1.4rem;}
    :-ms-input-placeholder{font-size: 1.4rem;}
}
@media (max-width: 375px) {
    .inquiry .section-title{margin-bottom:20px;}
    .inquiry .form label input{line-height:50px;height: 50px;font-size: 1.2rem;}
    .inquiry .form label textarea{margin-bottom:10px;height:60px;}
}

.footer{width: 100%;height:50px;padding: 10px 0;position:absolute;bottom: 0;left: 0;z-index: 99999}
.footer .copyright{width: 50%;;font-size: 14px;line-height: 22px;color: rgba(255,255,255,0.5);text-transform: uppercase;}
.footer.en .copyright{font-family: arial, sans-serif;font-size: 12px;}
.footer .foot-link{width: 50%;text-align: right;}
.footer .foot-link a{color: rgba(255,255,255,0.3);margin-left: 10px;;}
.footer.en .foot-link a{font-family: arial, sans-serif;}
.footer .foot-link a:hover{color: rgba(255,255,255,0.9)}
@media (max-width: 991px) {
    .footer{height: auto;}
    .footer .container{flex-wrap: wrap}
    .footer .copyright{width: 100%;font-size: 1rem;line-height:1.6rem;text-align: center}
    .footer.en .copyright{font-size: 1rem;}
    .footer .foot-link{width:100%;text-align: center;}
    .footer .foot-link a{margin-left: 5px;font-size: 1rem;}
}

/*title*/
.title{text-align: center;padding: 20px 0;width: 100%;}
.title h4{font-size: 35px;font-weight: 500;color:#495057;position: relative;margin-bottom: 30px;}
.title h4:after{content: '';width:50px;height:5px;background-color:#fdd000;position: absolute;left:50%;margin-left: -25px;bottom: -15px; }
.core .title h4{color: #fdd000}
@media (max-width: 1440px) {
    .title h4{font-size: 30px;}
}

/*aboutus*/
.aboutus{background-position: center bottom;background-size: 100% auto;background-repeat: no-repeat;padding: 0!important;}
.aboutus .title{padding: 0;margin-bottom: 50px}
.aboutus .about-text{width: 70%;margin: 0 auto;text-align: center;position: relative;top:-50px;}
.aboutus .about-text p{font-size: 16px;font-weight: 400;line-height: 30px;color: #495057;margin-bottom:50px}
.aboutus .about-icon-ul{width: 100%;margin:20px auto;}
.aboutus .about-icon-ul li{width: 25%;text-align: center}
.aboutus .about-icon-ul li p{font-size: 16px;line-height: 25px;color: #495057;font-weight: 500;margin-bottom: 0}
.aboutus .about-icon-ul li em{font-size:4rem!important;display: block;}
.aboutus .img{width: 100%;height:40vh;background-size: cover;background-position: center}
.aboutus .about-text a{
    display: block;width: 130px;height:40px;line-height: 38px;border-radius: 30px;margin:0 auto 30px auto;
    text-align: center;font-size: 16px;text-transform: uppercase;font-weight: 450;
    background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#fdd000), to(#e7670d));
    background-image:-webkit-linear-gradient(top, #fdd000, #e7670d);
    background-image:-o-linear-gradient(top, #fdd000, #e7670d);
    background-image:linear-gradient(top, #fdd000, #e7670d);
    box-shadow:0 10px 20px rgba(253,117,4,0.3);
    -webkit-box-shadow:0 10px 20px rgba(253,117,4,0.3);
    -moz-box-shadow:0 10px 20px rgba(253,117,4,0.3);
    -webkit-animation: fadeOutInUp 1s both;
    animation: fadeOutInUp 1s both;
    color: #fff;
}
.aboutus .about-text a:hover{width: 140px;}
@media (max-width: 1440px) {
    .aboutus .about-text p{font-size: 14px;line-height: 22px;margin-bottom:20px}
    .aboutus .about-icon-ul{margin:0 auto 10px auto;}
    .aboutus .about-icon-ul li p{font-size: 14px;line-height: 20px;}
    .aboutus .about-icon-ul li em{font-size:3.5rem!important;}
    .aboutus .about-text a{width: 120px;height:35px;line-height: 32px;font-size: 14px;}
}