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


.top_text{width: 100%;height: 50px;line-height: 50px;padding: 0 50px;font-size: 16px;color: #fff;background: #083a91;}
.top_text span{margin-left: 15px;}
.top_text a{display: inline-block;line-height: 24px;color: #fff;margin: 13px 0 0 20px;padding-left: 26px;}
.top_text a.cn{background: url('../images/cn.png') no-repeat center left;}
.top_text a.en{background: url('../images/en.png') no-repeat center left;}

.casesa{width: 100%;height: 80px;border-bottom: 2px solid #083a91;}
.casesa .logo-img{line-height: 78px;}
.casesa .logo-img img{max-height: 65px;}
header>nav ul.h-menu>li>a .cn_name{font-size: 16px;font-weight: bold;color: #000;}
header>nav ul.h-menu>li>a .en_name{font-size: 14px;color: #343434;}
header>nav ul.h-menu>li.active>a span,header>nav ul.h-menu>li>a:hover span{color: #083a91;}

.mybanner .swiper-button-next:after,.mybanner .swiper-button-prev:after{font-size: 32px;color: #fff;background: rgba(0,0,0,.2);padding: 10px;border-radius: 5px;}
.mybanner .swiper-button-next:hover:after,.mybanner .swiper-button-prev:hover:after{background: rgba(0,0,0,.8);}

@media(min-width: 997px){
    header>nav ul.h-menu>li>a{display: block;margin: 15px 0 0 30px;padding: 0 15px 10px;text-align: center;position: relative;}
    header>nav ul.h-menu>li>a span{display: block;line-height: 20px;transition:all .5s;}
    header>nav ul.h-menu>li>a:hover .cn_name{transform: translateY(22px);transition:all .5s;}
    header>nav ul.h-menu>li>a:hover .en_name{transform: translateY(-22px);transition:all .5s;}
    header>nav ul.h-menu>li.active>a:before,header>nav ul.h-menu>li>a:hover:before{content: "";width: 100%;height: 2px;background: #083a91;position: absolute;bottom: 0;left: 0;}
}
@media(max-width: 1230px){
    header>nav ul.h-menu>li>a{margin-left: 15px;padding: 0 10px 10px;}
}
@media(max-width: 996px){
    .top_bg{width: 100%;background: #083a91;position: fixed;top: 0;left: 0;z-index: 999;}
    .top_text{font-size: 13px;height: 40px;line-height: 40px;padding: 0;overflow: hidden;}
    .top_text span{margin-left: 5px;}
    .top_text a{margin: 8px 0 0 5px;}

    .casesa{width: 100%;height: 60px;background: #fff;position: fixed;top: 40px;left: 0;box-shadow: 0 2px 20px rgba(0,0,0,.16);z-index: 999;}
    .casesa .logo-img{line-height: 58px;}
    .casesa .logo-img img{max-height: 45px;}
    header>nav ul.h-menu{display: none;position: fixed;top: 100px;left: 0;width: 100%;height: auto;border-radius: 0;padding: 0 0 120px;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;height: 4px;border-radius: 4px;background: #333;}
    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;text-align: left;height: auto;line-height: 50px;border-top: 1px solid #f1f1f1;}
    .casesa nav ul.h-menu>li a{display: block;padding: 0 15px;margin-left: 0;}
    header>nav ul.h-menu>li>a .en_name{margin-left: 10px;}

    .slideBox{margin-top: 100px;}
    .mybanner .swiper-button-next:after,.mybanner .swiper-button-prev:after{font-size: 20px;padding: 6px;}
}


footer{width: 100%;background: #222;}
.footer-menu{padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,.1);}
.footer-menu a{display: inline-block;margin-right: 70px;font-size: 16px;line-height: 2;color: #888;}
.footer-menu a:last-child{margin-right: 0;}
.footer-content{padding: 20px 0;}
.footer-text h3{font-size: 36px;line-height: 1.6;color: #fff;}
.footer-text .content-text p{display: inline-block;vertical-align: top;margin-right: 30px;}
.footer-text .content-text p a{color: #888;}
.copyright{margin-top: 20px;font-size: 16px;color: #888;}
.copyright a{color: #888;margin-left: 10px;}
.footer-menu a:hover,.footer-text .content-text p a:hover,.copyright a:hover{color: #fff;}
.page_info,.return{display: none;}
.return .back_return a{width: 32px;height: 32px;border-radius: 50%;overflow: hidden;background: url("../images/return.png") no-repeat top left/cover;position: fixed;bottom: 30px;right: 30px;z-index: 99;}
.page_list{margin-top: 60px;width: 100%;text-align: center;overflow: hidden;}
.page_list a{display: inline-block;background: #fff;color: #888;font-size: 14px;border: 1px solid #eee;margin: 2px;padding: 2px 8px;}
.page_list a.on,.page_list a:hover{background: #083a91;border-color: #083a91;color: #fff;}

@media(max-width: 996px){
    .footer-menu,.footer-text{display: none;}
    .footer-text h3{font-size: 20px;font-weight: bold;}
    .copyright{margin-top: 0;font-size: 14px;text-align: center;}
}