*,html,body{padding: 0;margin: 0;font-family: Arial,Microsoft Yahei;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,pre,td,textarea,th,ul{margin: 0;padding: 0;}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display: block;margin: 0;padding: 0;}
select,option,input,button,textarea{border: none;background: none;box-shadow: none;outline: none;resize: none;}
a,a:hover,a:focus{outline: none;text-decoration: none;}
img{vertical-align: middle;max-width: 100%;height: auto;}
dt,ul,ol{list-style-type: 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;';}
.pos-r{position: relative;}
.pos-a{position: absolute;}
body{box-sizing: border-box;line-height: 1;}
html{font-size: calc(100vw / 1920 * 100);}
.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%;height: 70px;line-height: 70px;background: #fff;position: fixed;top: 0;left: 0;z-index: 999;border-bottom: 1px solid #eee;}
.h-con{width: 14.4rem;margin: auto;}
.casesa .logo-img img{max-height: 46px;}
header>nav ul.h-menu>li>a{display: block;font-size: 16px;color: #333;font-weight: 600;padding: 0 25px;position: relative;}
header>nav ul.h-menu>li>ul.sm-menu{display: none;min-width: 100%;text-align: center;position: absolute;top: 70px;left: 0;z-index: 99;}
header>nav ul.h-menu>li>ul.sm-menu>li>a{display: block;line-height: 40px;background: #fff;padding: 0 15px;color: #333;white-space: nowrap;}
header>nav ul.h-menu>li>a:before{content: '';width: 0;height: 2px;background: #3962db;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}
header>nav ul.h-menu>li.active>a:before{width: 40px;}
header>nav ul.h-menu>li:hover>a,header>nav ul.h-menu>li>a:hover{color: #3962db;}
header>nav ul.h-menu>li>ul.sm-menu>li>a:hover{background: #3962db;color: #fff;}

.language a{font-size: 16px;font-weight: 600;color: #888;margin-left: 0.3rem;}
.language a:hover{color: #3962db;}
.search{margin-left: 0.5rem;height: 70px;display: flex;align-items: center;}
.search .search-img{width: 0.28rem;height: 0.27rem;cursor: pointer;background: url('../../images/search.png') no-repeat center center/100% 100%;}
.searchbg{display: none;position: fixed;top: 0;left: 0;z-index: 1000;}
.search-hidden{width: 100%;height: 100%;cursor: pointer;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.6);}
.search-con{position: fixed;top: 150px;left: 50%;transform: translate(-50%,0);z-index: 1001;}
.search-con .s-input{width: 8rem;height: 50px;padding: 0 100px 0 20px;background: #fff;color: #333;}
.search-con .s-btn{width: 80px;height: 50px;background: url('../../images/search01.png') #3962db no-repeat center center/28px 27px;position: absolute;top: 0;right: 0;}
.keytext{font-size: 20px;color: #666;line-height: 1.5;}
.keytext .key-t{margin-right: 10px;}
.keytext .key-t span{color: #f00;}
.keytext .key-a a{color: #666;margin-right: 10px;}
.keytext .key-a a b{color: #4690cd;}
.keytext .key-a a:hover,.keytext .key-a a:hover b{color: #f00;}

.banner-img,.banner-top{margin-top: 70px;position: relative;}
.banner-img img{animation: scale 2s;}
@keyframes scale{
    0%{transform: scale(1.06);}
    100%{transform: scale(1);}
}

.footer-bg{width: 100%;padding: 30px 0;background: #404040;}
.footer-bg .footer-left{width: 6.2rem;}
.footer-title{font-size: calc(24 * 1rem / 100);color: #fff;margin-bottom: .4rem;}
.footer-nav a{margin: .4rem .2rem 0 0;float: left;color: #f4f4f4;}
.footer-nav a:hover{text-decoration: underline;}
.footer-bg .footer-contact{width: 4.5rem;}
.footer-us{color: #f4f4f4;line-height: 24px;}
.footer-us .icon{padding-left: 30px;margin-top: .1rem;position: relative;}
.footer-us .icon:after{content: '';width: 24px;height: 24px;position: absolute;top: 0;left: 0;}
.footer-us .tel:after{background: url('../../images/tel.png');}
.footer-us .email:after{background: url('../../images/email.png');}
.footer-us .site:after{background: url('../../images/site.png');}
.link a{float: left;border-radius: 50px;overflow: hidden;margin-right: .2rem;}
.link a:last-child{margin-right: 0;}
.copyright{width: 100%;line-height: 30px;background: #333;color: #f7f7f7;}
.jtu_top{width: 40px;height: 40px;background: url('../../images/top.png') #3962db no-repeat center center/100% 100%;cursor: pointer;border-radius: 50%;overflow: hidden;position: fixed;right: .3rem;bottom: .3rem;z-index: 99;}
.jtu_top:hover{background-color: #e60012;}

@media(max-width: 1440px){
    .h-con{width: 18rem;}
    .footer-bg .footer-contact{width: 6.5rem;}
    .keytext{font-size: 18px;}
}
@media(max-width: 1200px){
    .casesa{width: 100%;height: 50px;line-height: 50px;}
    .casesa .logo-img img{max-height: 36px;}
    .h-con{width: 100%;padding: 0 10px;}
    .language a{margin-right: 1rem;}
    header>nav ul.h-menu{display: none;position: fixed;top: 50px;left: 0;width: 100%;height: auto;line-height: 40px;border-radius: 0;padding: 0 0 60px;margin: 0;max-height: 100%;overflow-y: auto;z-index: 999;}
    header .menu-toggler{right: 10px;top: 15px;height: 22px;}
    header .menu-toggler>span{position: relative;display: block;width: 26px;height: 3px;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: 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;height: auto;line-height: 40px;margin: 0;border-bottom: 1px solid #efefef;}
    header>nav ul.h-menu>li>a{padding: 0 10px;}
    header>nav ul.h-menu>li>a:before{display: none;}
    header>nav ul.h-menu>li.has-nav:before{content: '';width: 40px;height: 40px;background: url('../../images/right.png') no-repeat center center/40%;position: absolute;top: 0;right: 0;z-index: 99;}
    header>nav ul.h-menu>li.show:before{content: '';background-image: url('../../images/down.png');transition: all .5s;}
    header>nav ul.h-menu>li ul.sm-menu{position: static;line-height: 40px;}
    header>nav ul.h-menu>li>ul.sm-menu>li>a{padding: 0 20px;text-align: left;}
    
    .search{margin: 0 45px 0 0;height: 50px;}
    .search .search-img{width: 20px;height: 19px;}
    .search-con{top: 80px;width: 90%;max-width: 900px;}
    .search-con .s-input{width: 100%;height: 40px;padding: 0 75px 0 15px;}
    .search-con .s-btn{width: 60px;height: 40px;background-size: 20px 19px;}
    .banner-img,.banner-top{margin-top: 50px;}
    .keytext{font-size: 16px;}
}
@media(max-width: 992px){
    .footer-bg{padding: 24px 0;}
    .footer-bg .footer-left{display: none;}
    .footer-bg .footer-contact{width: 100%;margin-bottom: 24px;}
    .footer-link{width: 100%;text-align: center;}
    .footer-title{font-size: 18px;margin-bottom: 15px;}
    .link a{margin-right: 15px;float: inherit !important;}
    .copyright{padding: 10px;font-size: 12px;line-height: 1.6;}

    .jtu_top{width: 32px;height: 32px;bottom: 3rem;right: .3rem;}
    .keytext{font-size: 14px;}
}