*,html,body,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6{padding: 0;margin: 0;font-family: Arial;}
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;}
.float-left{float: left;}
.float-right{float: right;}
.content{word-wrap: break-word !important;word-wrap: break-word !important;}
.content img{max-width: 100% !important;height: auto !important;}
.content table,.content video{width: 100% !important;height: auto !important;margin-bottom: 10px !important;}
.content table tbody tr td{padding: 5px !important;border: 1px solid #efefef !important;}
.content table tbody tr td p{margin-bottom: 0 !important;}
@media (min-width: 1390px) {.w-container {width: 1390px;}}
@media (min-width: 1470px) {.w-container {width: 1470px;}}



.casesa-sj{display: none;}
.casesa{width: 100%;height: 90px;line-height: 90px;background: #fff;box-shadow: 0 1px 6px rgba(0,0,0,0.16);position: fixed;top: 0;left: 0;z-index: 9999;}
.casesa .logo img{max-height: 40px;}
header>nav ul.h-menu{margin-right: 40px;}
header>nav ul.h-menu>li>a{display: block;font-size: 16px;color: #000;margin: 0 25px;position: relative;}
header>nav ul.h-menu>li>ul.sm-menu{display: none;}
header>nav ul.h-menu>li>ul.sm-menu{position: absolute;top: 90px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 99;}
header>nav ul.h-menu>li>ul.sm-menu>li>a{display: block;font-size: 16px;line-height: 40px;text-align: center;background: #fff;color: #000;border-bottom: 1px solid #e6e6e6;padding: 0 15px;white-space: nowrap;}
header>nav ul.h-menu li{position: relative;}
header>nav ul.h-menu li ul.pro-menu{position: absolute;top: 0;left: 100%;display: none;}
header>nav ul.h-menu li:last-child ul.pro-menu{top: initial;bottom: 0;}
header>nav ul.h-menu li ul.pro-menu li{width: 100%;display: block;}
header>nav ul.h-menu li ul.pro-menu li a{display: block;font-size: 16px;line-height: 40px;text-align: center;background: #fff;color: #000;border-bottom: 1px solid #e6e6e6;padding: 0 15px;white-space: nowrap;}
header>nav ul.h-menu li ul.sm-menu li:hover ul.pro-menu{display: block;}
header>nav ul.h-menu>li>ul.sm-menu>li>a:hover,header>nav ul.h-menu li ul.pro-menu li a:hover{color: #fff;background: #1226aa;}

.nav-search{margin-top: 29px;}
.nav-search,.nav-t-sear,.btn-get{text-align: center;width: 32px;height: 32px;line-height: 32px;}
.nav-t-sear i{font-size: 24px;font-weight: bold;cursor: pointer;}
.btn-get{display: none;position: absolute;top: 0;right: 0;}
.btn-get i{font-size: 18px;font-weight: bold;cursor: pointer;}
.search-box{width: 260px;line-height: 40px;position: absolute;top: 46px;right: -20px;z-index: 100;display: none;background: url(../images/search.png) no-repeat right 18px top;}
.search-box input{width: 260px;height: 40px;background: #fff;font-size: 14px;color: #333;margin-top: 12px;padding: 0 75px 0 15px;box-shadow: 0 3px 15px rgba(0,0,0,0.16);}
.search-box button{width: 60px;height: 40px;line-height: 40px;background: #1226aa;font-size: 24px;color: #fff;text-align: center;cursor: pointer;position: absolute;top: 12px;right: 0;}

.banner-top,.mySwiperbanner{margin-top: 90px;overflow: hidden;position: relative;}
.banner-top .banner-content{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.banner-top .banner-content h1{font-size: 60px;color: #fff;}
.banner-top .banner-content h2{font-size: 36px;margin-top: 15px;color: #fff;}

.mySwiperbanner .swiper-btn{width: 40px;height: 40px;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 9;}
.mySwiperbanner .prev{left: 4%;background: url(../images/prev-1.png) no-repeat;background-size: 100% 100%;}
.mySwiperbanner .next{right: 4%;background: url(../images/next-1.png) no-repeat;background-size: 100% 100%;}
.mySwiperbanner .prev:hover{background: url(../images/prev-2.png) no-repeat;}
.mySwiperbanner .next:hover{background: url(../images/next-2.png) no-repeat;}
.mySwiperbanner .swiper-slide-active img.banner{animation-name: kenburns;animation-timing-function: linear;animation-duration: 4s;}
.mySwiperbanner .swiper-horizontal>.swiper-pagination-bullets,.mySwiperbanner .swiper-pagination-bullets.swiper-pagination-horizontal{left: 0 !important;width: 100% !important;right: inherit !important;}
.mySwiperbanner .swiper-pagination-bullet{width: 60px !important;height: 6px !important;border-radius: 0 !important;}
.mySwiperbanner .swiper-slide .slide-img{width: 100%;position: absolute;top: 0;left: 0;}
.mySwiperbanner .swiper-slide .slide-img img{transform: translateY(40px);-webkit-transform: translateY(40px);transition: all 2s ease;-webkit-transition: all 2s ease;}
.mySwiperbanner .swiper-slide-active .slide-img img{transform: translateY(0);-webkit-transform: translateY(0);}
.mySwiperbanner .swiper-pagination-bullets{bottom: 40px;}
.mySwiperbanner .swiper-pagination-bullet{background: #fff;opacity: 1;}
.mySwiperbanner .swiper-pagination-bullet-active{background: #1226aa;}

@keyframes kenburns {
    0% {transform: scale(1.1);-webkit-transform: scale(1.1);}
    25% {transform: scale(1.075);-webkit-transform: scale(1.075);}
    50% {transform: scale(1.05);-webkit-transform: scale(1.05);}
    75% {transform: scale(1.025);-webkit-transform: scale(1.025);}
    100% {transform: scale(1);-webkit-transform: scale(1);}
}
@media(min-width: 997px){
    header>nav ul.h-menu>li>a:before{content: "";width: 0;height: 3px;background: #1226aa;position: absolute;left: 0;bottom: 0;}
    header>nav ul.h-menu>li.active>a,header>nav ul.h-menu>li:hover>a,header>nav ul.h-menu>li>a:hover{color: #1226aa;}
    header>nav ul.h-menu>li.active>a:before,header>nav ul.h-menu>li:hover>a:before,header>nav ul.h-menu>li>a:hover:before{width: 100%;}
}
@media(max-width: 1440px){
    .casesa{padding: 0 40px;}
    header>nav ul.h-menu{margin-right: 8%;}
    header>nav ul.h-menu>li>a{margin: 0 30px;}
}
@media(max-width: 1230px){
    .casesa{padding: 0;}
    header>nav ul.h-menu{margin-right: 6%;}
    header>nav ul.h-menu>li>a{margin: 0 20px;}
}
@media(max-width: 996px){
    .casesa-sj{display: block;}
    .nav-search,.casesa-pc{display: none;}
    .casesa{height: 60px;line-height: 60px;}
    .casesa .logo img{max-height: 32px;}
    header> nav ul.h-menu{display: none;position: fixed;top: 60px;left: 0;width: 100%;height: auto;line-height: 40px;padding: 0 0 60px;margin: 0;max-height: 100%;overflow-y: auto;z-index: 999;}
    header .menu-toggler{right: 15px;top: 20px;height: 24px;overflow-x: hidden;}
    header .menu-toggler>span{position: relative;display: block;width: 30px !important;height: 4px;background: #1226aa;}
    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: 10px;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.position-relative a{width: auto;display: inline-block;}
    header>nav ul.h-menu>li a{padding: 0 15px;margin: 0;}
    header>nav ul.h-menu>li>ul.sm-menu{position: static;transform: none;border-top: 1px solid #f1f1f1;height: auto;background: #fff;}
    header>nav ul.h-menu>li>ul.sm-menu>li>a{border-bottom: none;display: block;color: #000;padding: 0 30px;text-align: left;}
    header>nav ul.h-menu>li:hover,header>nav ul.h-menu>li:hover>a,header>nav ul.h-menu>li>a:hover{background: #1226aa;color: #fff;}
    header>nav ul.h-menu ul.pro-menu{display: none !important;}
    .banner-top,.mySwiperbanner{margin-top: 60px;}
    .banner-top .banner-content h1{font-size: 24px;}
    .banner-top .banner-content h2{font-size: 18px;}
    .mySwiperbanner .swiper-btn{display: none;}
    .mySwiperbanner .swiper-pagination-bullet{width: 16px !important;height: 4px !important;}
    .mySwiperbanner .swiper-pagination-bullets{bottom: 5px;}
}


footer{width: 100%;padding: 40px 0 0;background: url(../images/foot_bg.jpg) no-repeat;}
footer h5{font-size: 16px;line-height: 2;color: #fff;}
footer .f_menu{float: left;max-width: 160px;margin-right: 5%;}
footer .f_menu ul.menu li a{display: inline-block;font-size: 14px;color: #b2b2b2;margin-top: 10px;}
footer .f_menu ul.menu li a:hover{color: #fff;}
footer .foot_us{width: 240px;}
footer .foot_us ul.menu li{font-size: 14px;color: #b2b2b2;margin-top: 10px;}
.copyright{margin-top: 40px;padding: 10px 0;background: #000;font-size: 14px;line-height: 1.6;color: #b2b2b2;}
.copyright a{margin-left: 15px;color: #b2b2b2;}
.copyright a:hover{color: #fff;}
footer .code{width: 110px;text-align: center;margin-right: 20px;}
footer .code:last-child{margin-right: 0;}
footer .code h6{font-size: 14px;color: #b2b2b2;margin-top: 10px;}

.return{position: fixed;bottom: 50px;right: 50px;z-index: 9999;transition: .8s;-o-transition: .8s;-webkit-transition: .8s;}
.return .back_return{position: relative;display: block;cursor: pointer;z-index: 999;transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.return .back_return a{width: 60px;height: 60px;line-height: 60px;text-align: center;display: block;background: #1226aa;font-size: 36px;color: #fff;border-radius: 5px;}

.page_info{display: none;}
.page_list{margin-top: 50px;width: 100%;text-align: center;overflow: hidden;}
.page_list a{display: inline-block;color: #555;font-size: 15px;border: 1px solid #ccc;margin: 2px;padding: 4px 10px;}
.page_list a.on,.page_list a:hover{background: #1226aa;border-color: #1226aa;color: #fff;}

@media(max-width: 1230px){
   footer .hide-n{display: none;}
   footer .f_menu{width: 150px;}
}
@media(max-width: 996px){
    footer{padding: 20px 0 0;}
    footer .f_menu{display: none;}
    footer .foot_us{width: 100%;}
    .copyrightZ{margin-top: 20px;}
    .return{bottom: 20px;right: 5px;}
    .return .back_return a{width: 36px;height: 36px;line-height: 36px;font-size: 24px;}
}