/*S-= banner*/
.banner-box{ position: relative; transition:all ease .5s;}
.banner-box .pic {position: relative;overflow: hidden;}
.banner-box .pic span {padding-top: 31.25%;display: block;}
.banner-box .pic img{display: block;width: 100%;position: absolute;    height: auto;}
.banner-block{ position: absolute;top: 0; left: 0; width: 100%; height: 100%;}
.banner-height{ height: 100%;}
.banner-text{ position: relative; width: 98%; /*display: inline-block; vertical-align: middle;*/}
.banner-text h1{ font-family: 'AkkuratProRegular',Arial;padding-top: 0px; font-size: 52px; line-height:1; color: #fff; font-weight: normal; margin-bottom: 15px;}
.banner-text p.meet{  font-family: 'AkkuratProLight',Arial;font-size: 34px; line-height:1.3; color: #fff; padding-top: 2px;}
.banner-text p.address{font-family: 'AkkuratProRegular',Arial; font-size: 26px; line-height: 1.3; color: #fff; padding-top: 6px;}
a.banner-btn{ font-size: 18px; height: 50px; line-height: 50px; color: #fff; display: inline-block; padding:0 40px; background-color: #366cc8; margin-top: 26px; outline: none; /*border-radius: 5px;*/}
a.banner-btn:hover{ background: #305ba5;}
a.banner-btn.sbtn1{ margin-right: 17px; }
.verticalmiddle{ height: 100%; vertical-align:middle; display: inline-block;width: 1px;}
.inside-page-box .btn { text-align: center;}

.banner-text span{ display: block; }
.banner-text span img{ width: 100%; max-width: 240px; margin-top: 36px; }
.banner-box img.bannerlogo{ width: 100%; max-width: 334px; padding-bottom: 20px;}
@media(max-width: 1600px){
    .banner-text h1{ font-size: 40px;}
    .banner-text p.meet{ font-size: 22px;}
    .banner-text p.address{ font-size:18px; }
    a.banner-btn{ margin-top: 25px; padding:0 31px; height: 40px; line-height: 40px;}
    .banner-box img.bannerlogo{ max-width: 272px;}
}
@media(max-width: 1024px){
    .banner-text h1{ font-size: 34px; margin-bottom: 5px;}
    .banner-text p.meet{ font-size: 30px; padding-top: 8px;}
    .banner-text p.address{ padding-top: 8px;}
    a.banner-btn{ margin-top: 15px;}
    .banner-text span img{ display: none; }
}
@media(max-width: 768px){
    .banner-box:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); display: inline-block;}
    .banner-box .pic span{ padding-top: 50%;} 
    a.banner-btn{ padding:0 13px; font-size: 14px; margin-top: 15px; line-height: 30px; height: 30px;}
    .banner-text h1{ font-size: 30px;}
    .banner-text p.meet{ font-size: 24px; }
    a.banner-btn.sbtn1{ margin-right: 7px; }
    .banner-box .pic img{ bottom: 0;}
    .banner-box img.bannerlogo{ max-width: 165px; padding-bottom: 10px;}
}
@media(max-width: 480px){
    .banner-box .pic span{ padding-top: 56%;} 
    .banner-text h1{ font-size: 18px;}
    .banner-text p.meet{ font-size: 16px; padding-top: 4px;}
    .banner-text p.address{ font-size: 12px; padding-top: 2px;}
    a.banner-btn.sbtn2{ display: none; }
}
@media(max-width: 340px){
    .banner-text h1{ font-size: 12px;}
    .banner-text p.meet{ font-size: 12px;}
    a.banner-btn{ padding:2px 26px;}
}


.LANG-cn .banner-text h1,.LANG-cn .banner-text p.meet,.LANG-cn .banner-text p.address{ font-family:"Microsoft YaHei",Arial; }

/*E-= banner*/