*,html,body,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6{padding: 0;margin: 0;font-family: Arial!important;}
select,option,input,button,textarea{border: none;background: none;box-shadow: none;outline: none;}
a,a:hover,a:focus{outline: none;text-decoration: none;}
ul li,ol li{list-style: none;}
em,i{font-style: normal;}
p:last-child{margin-bottom: 0;}
.w-100{width: 100%;}
.h-100{height: 100%;}
.obj-cover{object-fit: cover;font-family: 'object-fit: cover;';}
.position-relative{position: relative;}
.position-absolute{position: absolute;}
.content-width{word-wrap: break-word !important;word-wrap: break-word !important;}
.content-width img{max-width: 100% !important;height: auto !important;}
.content-width table,.content-width video{width: 100% !important;height: auto !important;margin-bottom: 10px !important;}
.content-width table tbody tr td{padding: 5px !important;border: 1px solid #efefef !important;}
.content-width table tbody tr td p{margin-bottom: 0 !important;}


.casesa{width: 100%;padding: 50px 0;line-height: 37px;transition: all .5s;position: fixed;top: 0;left: 0;z-index: 999;}
.topcasesa{background: #fff;border-bottom: 1px solid #e8f1fe;}
.casesa.active{padding: 25px 0;background: #fff;border-bottom: none;box-shadow: 0 2px 16px rgba(0,0,0,.12);}
.casesa .logo-img img{max-height: 37px;}
header>nav ul.h-menu>li{float: left;margin-left: 70px;}
header>nav ul.h-menu>li:first-of-type{margin-left: 0;}
header>nav ul.h-menu>li>a{font-size: 16px;color: #f4f1e8;}
.casesa.active>nav ul.h-menu>li>a,.topcasesa>nav ul.h-menu>li>a{color: #333;}
header>nav ul.h-menu>li>a:hover,.casesa.active>nav ul.h-menu>li>a:hover{color: #fecb31;}

.slideBox{width: 100%;overflow: hidden;position: relative;}
.banner01{width: 52.45%;position: relative;z-index: 1;animation: likea 1.5s;}
.slideBox .banner02{width: 49.8%;position: absolute;top: 0;right: 15.625%;animation: likeb 1.2s;}
.slideBox .banner03{width: 20.2%;position: absolute;top: 3.125%;left: 0;animation: likec 1.8s;}

@keyframes likea{0%{right: -100%;}100%{right: 0;}}
@keyframes likeb{0%{top: -100%;}100%{top: 0;}}
@keyframes likec{0%{left: -100%;}100%{left: 0;}}

.slideBox .index-banner-text{width: 100%;padding: 0 7.5%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;}
.slideBox .index-banner-text h1{font-size: 80px;line-height: 1;letter-spacing: 2px;}
.slideBox .index-banner-text h2{margin-top: 5%;font-weight: 600;line-height: 1;}
.slideBox .index-banner-text h3{width: 50%;max-width: 780px;margin: 2% 0 3.5%;font-weight: 600;line-height: 1.2;letter-spacing: 1px;}
a.more{display: inline-block;width: 210px;line-height: 94px;font-weight: 600;background: #1a73f1;color: #fff;border-radius: 50px;}
a.more:hover{background: #2db4f3;}


.footerimg{width: 20%;float: right;position: relative;z-index: 1;}
.footerbg{padding: 90px 0 150px;background: url('../images/footerbg.jpg') no-repeat left top/100%;background-color: #1874ef;}
.bottom-left{max-width: 356px;}
.bottom-left .content-text{margin-top: 40px;color: #fff;}
.bottom-right{width: 950px;display: flex;align-items: top;justify-content: space-between;}
.bottom-nav{width: 260px;}
.b-title{color: #fff;padding-bottom: 15px;margin-bottom: 35px;position: relative;}
.b-title:before{content: '';width: 100%;height: 4px;background: rgba(255,255,255,.5);position: absolute;left: 0;bottom: 0;}
.b-title:after{content: '';width: 45%;height: 4px;background: #fff;position: absolute;left: 0;bottom: 0;}
.bottom-nav ol li a{font-size: 16px;line-height: 1.6;color: #fff;}
.bottom-nav ol li a:hover{color: #fecb31;}
.bottom-nav .code{width: 120px;}
.copy-top{margin-top: 180px;}
.copy{font-size: 16px;line-height: 35px;color: #fff;}
.copy a{margin-left: 8px;color: #fff;}
.copy a:hover{color: #fecb31;}
.share a{margin-left: 40px;display: inline-block;border-radius: 50px;overflow: hidden;}
.share a img{height: 35px;}
.share a:hover{background: rgba(0,0,0,.5);}

.fixedform{position: fixed;top: 36%;right: 4px;z-index: 999;}
.fixedform .itembar{display: block;width: 50px;height: 50px;border-radius: 5px;padding: 10px;background: #666;cursor: pointer;position: relative;}
.fixedform .itembar .bar{display: block;width: 30px;height: 30px;}
.fixedform .itembar .wechat{background: url('../images/wechat.png') no-repeat center center/100%;}
.fixedform .itembar .barcode{white-space: nowrap;background: #fff;box-shadow: 0 1px 8px rgba(0,0,0,0.08);position: absolute;top: 0;right: -300px;z-index: -1;}
.fixedform .itembar .barcode{width: 140px;padding: 10px;text-align: center;}
.fixedform .itembar .barcode .title{margin-top: 6px;font-size: 14px;color: #666;}
.fixedform .itembar:hover .barcode{right: 50px;}

@media(max-width: 1470px){
    .casesa{padding: 36px 0;}
    .slideBox .banner-text{padding: 0 3.5%;}
    .slideBox .banner-text h1{font-size: 64px;}
    a.more{width: 174px;line-height: 80px;}

    .footerbg{padding: 60px 0 100px;}
    .bottom-left{max-width: 340px;}
    .bottom-right{width: 780px;}
    .bottom-nav{width: 220px;}
    .copy-top{margin-top: 64px;}
}
@media(max-width: 1230px){
    .casesa{padding: 25px 0;}
    .slideBox .index-banner-text h1{font-size: 48px;}
    a.more{width: 147px;line-height: 66px;}

    .footerbg{padding: 42px 0 56px;}
    .bottom-left{max-width: 280px;}
    .bottom-right{width: 600px;}
    .bottom-nav{width: 180px;}
    .copy-top{margin-top: 40px;}
}
@media(max-width: 992px){
    .casesa,.casesa.active{width: 100%;height: 60px;line-height: 60px;background: #fff;padding: 0;box-shadow: 0 2px 16px rgba(0,0,0,.12);}
    .casesa .logo-img img{max-height: 30px;}
    .casesa .menu-toggler{right: 15px;top: 20px;height: 24px;overflow-x: hidden;}
    .casesa .menu-toggler>span{position: relative;display: block;width: 30px;height: 4px;border-radius: 4px;background: #333;}
    .casesa .menu-toggler>span.top{top: 0;}
    .casesa .menu-toggler>span.middle{left: 0;top: 5px;}
    .casesa .menu-toggler>span.bottom{top: 10px;}
    .casesa .menu-toggler.active>span.middle{left: 100px;}
    .casesa .menu-toggler.active>span.top{top: 10px;transform: rotate(45deg);}
    .casesa .menu-toggler.active>span.bottom{top: 2px;transform: rotate(-45deg);}
    .casesa>nav ul.h-menu{display: none;position: fixed;top: 60px;left: 0;width: 100%;height: auto;line-height: 40px;border-radius: 0;padding: 0 0 120px;margin: 0;max-height: 100%;overflow-y: auto;z-index: 999;}
    .casesa>nav ul.h-menu>li{width: 100%;background: #fff;text-align: left;height: auto;line-height: 40px;margin: 0;border-top: 1px solid #f1f1f1;}
    .casesa nav ul.h-menu>li a{padding: 0 15px;color: #333;}
    .casesa nav ul.h-menu>li.position-relative>a{width: 80%;display: inline-block;}
    .casesa nav ul.h-menu>li ul.sm-menu{position: static;transform: none;}
    .casesa nav ul.h-menu>li>ul.sm-menu>li>a{width: 100%;padding: 0 30px;text-align: left;color: #333;background: #fff;}
    .casesa nav ul.h-menu>li.position-relative:after,.casesa nav ul.h-menu>li.position-relative:before{content: "";background: #d9d9d9;position: absolute;}
    .casesa nav ul.h-menu>li.position-relative:after{width: 2px;height: 16px;top: 12px;right: 22px;}
    .casesa nav ul.h-menu>li.position-relative:before{width: 16px;height: 2px;top: 19px;right: 15px;}
    .casesa>nav ul.h-menu>li:hover,.casesa>nav ul.h-menu>li:hover>a,.casesa>nav ul.h-menu>li>a:hover{background: #1856a6;color: #fff;}
    .casesa nav ul.h-menu>li.position-relative:hover:after{opacity: 0;}
    .casesa nav ul.h-menu>li.position-relative:hover:before{background: #fff;}

    .slideBox{margin-top: 60px;}
    .slideBox .index-banner-text{padding: 0 15px;}
    .slideBox .index-banner-text h1{font-size: 32px;}
    .slideBox .index-banner-text h2{width: 100%;line-height: 1.6;}
    .slideBox .index-banner-text h3{margin: 5% 0;width: 100%;line-height: 1.6;}
    a.more{width: 94px;line-height: 42px;}

    .footerbg{padding: 25px 0;height: auto;background: #464c52;}
    .fixedform,.bottom-left,.bottom-right,.footerimg{display: none;}
    .copy-top{margin-top: 0;}
    .copy{width: 100%;font-size: 14px;line-height: 1.8;text-align: center;}
    .share{width: 100%;text-align: center;margin-top: 12px;}
    .share a{margin: 0 10px;}
}