*,html,body,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6{padding: 0;margin: 0;font-family: '微软雅黑';}

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;}

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;}

.float-left{float: left;}

.float-right{float: right;}

.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{width: 100% !important;height: auto !important;margin-bottom: 10px !important;}

.content-width table tbody tr td{padding: 2px 6px !important;border: 1px solid #d1d1d1 !important;}

.content-width table tbody tr td p{margin-bottom: 0 !important;}



/*header*/

.casesa{width: 100%;height: 60px;line-height: 60px;position: fixed;top: 0;left: 0;z-index: 999;}

.logo-img a img{max-height: 45px;}

header>nav ul.h-menu>li{margin-left: 30px;}

header>nav ul.h-menu>li>a{width: 100%;display: block;font-size: 16px;color: #fff;}

/*header>nav ul.h-menu>li.active>a,header>nav ul.h-menu>li>a:hover{color: #fff;}*/

header>nav ul.h-menu{margin-right: 240px;}
.top-tel{position: absolute;top: 50%;transform: translateY(-50%);right: 15px;}
.top-tel h3{margin-top: 6px;font-size: 20px;color: #fff;}
.top-tel h4{font-size: 14px;color: #fff;}


.casesa.active{background:#fff;box-shadow: 0 2px 20px rgba(0,0,0,0.16);-webkit-box-shadow: 0 2px 20px rgba(0,0,0,.16);}
.casesa.active header>nav ul.h-menu>li>a{color: #333;}
.casesa.active .top-tel h3{color: #333;}
.casesa.active .top-tel h4{color: #333;}

.slideBox{position: relative;}

.slideBox .banner-content{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.banner-title-1{font-size: 48px;color: #fff;}

.banner-title-2{font-size: 32px;line-height: 1.6;color: #fff;}

.banner-text{margin: 20px 0 40px;font-size: 16px;line-height: 1.6;color: #fff;}

a.early_access,a.learn_more{width: 160px;line-height: 45px;font-size: 16px;display: inline-block;background: #fff;color: #0c4adf;border: 2px solid #fff;border-radius: 15px;}

a.learn_more{margin-left: 40px;}

a.early_access:hover,a.learn_more:hover{background: none;color: #fff;}



@media(max-width: 1230px){

    .banner-title-1{font-size: 42px;}

    .banner-title-2{font-size: 28px;}

    .banner-text{margin: 15px 0 30px;}

    a.early_access,a.learn_more{width: 140px;line-height: 40px;}

}

@media (max-width: 996px){

    .casesa{height: 60px;line-height: 60px;background: #fff;}
    .top-tel{display: none;}

    .logo-img a img{max-height: 45px;}

    header>nav ul.h-menu{display: none;position: fixed;top: 60px;left: 0;width: 100%;padding: 0 0 60px;margin: 0;max-height: 100%;overflow-y: auto;z-index: 9;}

    header .menu-toggler{right: 15px;top: 20px;height: 100%;}

    header .menu-toggler>span{position: relative;display: block;width: 24px;height: 3px;background: #1663f7;}

    header .menu-toggler>span.top{top: 0;}

    header .menu-toggler>span.middle{left: 0;top: 5px;}

    header .menu-toggler>span.bottom{top: 10px;}

    header .menu-toggler.active>span.middle{left: 100px;}

    header .menu-toggler.active>span.top{top: 8px;transform: rotate(45deg);}

    header .menu-toggler.active>span.bottom{top: 2px;transform: rotate(-45deg);}

    header>nav ul.h-menu>li{width: 100%;background: #fff;margin: 0;line-height: 40px;border-top: 1px solid #f1f1f1;}

    header>nav ul.h-menu>li a{padding: 0 15px;color: #333;}

    .slideBox{margin-top: 60px;height: 220px;}

    .banner-title-1{font-size: 24px;}

    .banner-title-2{font-size: 18px;}

    .banner-text{margin: 10px 0 20px;font-size: 14px;}

    a.early_access,a.learn_more{width: 100px;line-height: 32px;font-size: 14px;}

    a.learn_more{margin-left: 20px;}

}



/*footer*/

footer{width: 100%;background: #f7f7f7;padding: 40px 0 20px;}

footer .f_us{width: 42%;}

footer ul.f_text li,footer .f_code h5{font-size: 16px;margin-top: 10px;}

footer ul.f_text li a{color: #333;}

footer ul.f_text li a:hover{color: #1663f7;}

footer ul.f_text li.f_us_tel b{font-size: 32px;vertical-align: middle;}

footer .f_us_zx{width: 24%;}

footer ul.f_text li.f_us_qq,footer ul.f_text li.f_us_phone{font-size: 20px;margin-top: 15px;}

footer ul.f_text li.icon{padding-left: 24px;position: relative;}

footer ul.f_text li.icon:before{content: "";width: 19px;height: 22px;position: absolute;top: 50%;margin-top: -11px;left: 0;}

footer ul.f_text li.f_us_tel:before{background: url(../images/tel.png) no-repeat;}

footer ul.f_text li.f_us_address:before{background: url(../images/address.png) no-repeat;}

footer ul.f_text li.f_us_qq:before{background: url(../images/qq.png) no-repeat;}

footer ul.f_text li.f_us_phone:before{background: url(../images/phone.png) no-repeat;}

footer .f_code{width: 120px;}

.copy{width: 100%;background: #333;padding: 15px;font-size: 16px;line-height: 1.6;color: #aaa;}

.copy a{color: #aaa;}

.copy a:hover{color: #fff;text-decoration: underline;}

.return{transition: .5s;-o-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;z-index: 99;position: fixed;bottom: 30px;right: 30px;display: none;}

.return .back_return{-webkit-transition: .5s;-o-transition: .5s;transition: .5s;cursor: pointer;position: relative;z-index: 100;display: block;}

.return .back_return a{display: inline-block;width: 32px;height: 32px;background: url(../images/return.png) no-repeat;}



.page_info{display: none;}

.page_list{margin-top: 60px;width: 100%;text-align: center;overflow: hidden;}

.page_list a{display: inline-block;color: #666;font-size: 14px;border: 1px solid #efefef;margin: 2px;padding: 4px 10px;}

.page_list a.on,.page_list a:hover{background: #1663f7;border-color: #1663f7;color: #fff;}



@media (max-width: 996px){

    footer{padding: 20px 0;position: relative;}

    footer .f_us,footer .f_us_zx{width: 100%;}

    footer ul.f_text li,footer .f_code h5,.copy{font-size: 14px;}

    footer ul.f_text li.f_us_tel b{font-size: 24px;}

    footer ul.f_text li.f_us_qq,footer ul.f_text li.f_us_phone{font-size: 18px;}

    footer .f_code{position: absolute;bottom: 20px;right: 15px;}

    .return{bottom: 10px;right: 10px;}

}