*,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: 0 5px !important;border: 1px solid #efefef !important;}
.content-width table tbody tr td p{margin-bottom: 0 !important;}


.top_bg{width: 100%;height: 40px;background: #fff;}
.box-form{width: 200px;margin: 3px 0;height: 34px;line-height: 34px;border-bottom: 1px solid #ddd;position: relative;}
.box-form .box-input{padding-right: 35px;width: 100%;height: 30px;color: #333;}
.box-form .box-btn{font-size: 22px;color: #333;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
ul.language li{float: left;margin: 10px 0 10px 15px;}
ul.language li a{display: block;height: 20px;line-height: 20px;color: #333;}

.logo_bg{padding: 25px 0;border: 1px solid #000;background: #00bcd4;}
.logo img{height: 50px;}
.h-casesa{height: 70px;background: #fff;}
.h-casesa ul.h-menu li{width: 14.285%;text-align: center;margin: 15px 0;}
.casesa{height: 80px;background: #1e444f;}
.casesa .logo{line-height: 80px;}
.casesa ul.h-menu li{margin: 20px 0 20px 80px;}
ul.h-menu li a{display: inline-block;height: 40px;line-height: 40px;font-size: 16px;color: #fff;position: relative;}
ul.h-menu li.active a,ul.h-menu li a:hover{color: #fff;}
ul.h-menu li.active a:after,ul.h-menu li a:hover:after{content: "";width: 32px;height: 1px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.topnav.active{width: 100%;position: fixed;top: 0;left: 0;z-index: 999;}

.swiper .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;}
.swiper .prev,.swiper .next{font-size: 42px;color: #fff;position: absolute;top: 50%;transform: translateY(-50%);z-index: 99;}
.swiper .prev{right: 4%;}
.swiper .next{left: 4%;}

@media(max-width: 1024px){
    .top_bg{height: auto;}
    .h-casesa,.casesa{width: 100%;height: 60px;line-height: 60px;background: #00bcd4;position: fixed;top: 0;left: 0;z-index: 999;}
    .casesa .logo{line-height: 60px;}
    .logo img{height: 40px;}
    .language{position: fixed;top: 20px;right: 50px;z-index: 1000;}
    ul.language li{margin: 0 10px 0 0;}
    header>nav ul.h-menu{display: none;position: fixed;top: 60px;left: 0;width: 100%;height: auto;line-height: 40px;background: none;border-radius: 0;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;height: 4px;border-radius: 4px;background: #fff;}
    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);}
    .casesa ul.h-menu li{margin: 0;}
    ul.h-menu>li{width: 100%;background: #fff;line-height: 40px;border-top: 1px solid #f1f1f1;}
    ul.h-menu>li a{display: block;padding: 0 15px;color: #333;}
    ul.language li a img,.box-form,ul.h-menu li.active a:after,ul.h-menu li a:hover:after,.swiper .prev,.swiper .next{display: none;}
    ul.h-menu li.active a, ul.h-menu li a:hover{color: #00bcd4;}
    .swiper .swiper-pagination-bullet{width: 8px;height: 8px;}
    .swiper .swiper-pagination-bullets{bottom: 4px;}
    .slideBox{margin-top: 60px;}
}


.choose_bg{padding: 35px 0;background: #00bcd4;}
.choose_title{font-size: 30px;line-height: 1;color: #fff;}
.choose_title b{font-size: 50px;}
a.consult_now{margin-top: 20px;display: inline-block;font-size: 16px;width: 220px;line-height: 40px;color: #fff;border: 1px solid #fff;border-radius: 5px;}
a.consult_now:hover{background: #fff;color: #00bcd4;}

.footer{padding: 40px 0 35px;background: #222;}
.footer ul li{font-size: 16px;color: #fff;display: inline-block;vertical-align: middle;}
.footer ul li a{font-size: 16px;color: #fff;}
.footer ul li span{margin: 0 30px;}
.footer_text{margin-top: 20px;font-size: 14px;color: #999;line-height: 1.8;}
.footer_text span{margin-left: 15px;}
.footer_text span a{color: #999;}
.footer_text span a:hover{color: #fff;}

.wpsidebar-fkf{position: fixed;right: 10px;top: 50%;transform: translate(0,-50%);z-index: 9999;}
.fkf-item{position: relative;width: 50px;height: 50px;padding: 10px;background-color: #00bcd4;margin: 4px 0;box-sizing: border-box;cursor: pointer;}
.fkf-item img{width: 30px;height: 30px;}
.fkf-cart>span{position: absolute; display: block; width: 24px; height: 24px; border-radius: 50%; background-color: #ff6600; color: #fff; left: -12px;top: -12px; text-align: center;line-height: 24px;}
.fkf-item-right{ position: absolute; right: 35px; padding-right: 25px; top: -15px; display: none;}
.fkf-item:hover .fkf-item-right { display: block;}
.fkf-item-right-content{ width: 430px; border: 1px solid #ccc; border-top: 4px solid #00bcd4;padding: 20px;padding-top: 15px;background-color: #fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position: relative; }
.fkf-item-right-content .arrow, .right-content-ewm .arrow {position: absolute;width: 20px;height: 20px;right: -15px;top: 23px;z-index: 20;}
.fkf-item-right-content-top {padding-bottom: 10px;padding-top: 10px;padding-left: 66px;border-bottom: 1px solid #ccc;position: relative;white-space: nowrap;overflow:hidden;line-height:22px;}
.fkf-item-right-content-top img {position: absolute;left: 0;top: 8px;width: 40px;height: 40px;}
.fkf-item-right-content-top h2 {color: #00bcd4;font-size: 22px;word-wrap: break-word;white-space: initial;}
.fkf-item-right-content-bottom p {padding-top: 15px;padding-bottom: 15px;}
.fkf-item-right-content-bottom .content-bottom-item { display: inline-block; width: 32%; margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;}
.content-bottom-item img { width: 25px; height: 25px; margin-right: 5px; background-color: #333; vertical-align: top;}
.content-bottom-item span { display: inline-block;color: #333; line-height: 25px;}
.content-bottom-item:hover img { background-color: #00bcd4;}
.content-bottom-item:hover span { color: #00bcd4}
.right-content-tele { width: 300px;}
.right-content-tele .fkf-item-right-content-top:last-child { border-bottom: 0; padding-bottom: 0; padding-top: 10px;}
.right-content-ewm { padding: 20px;background-color: #fff;border: 1px solid #ccc;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position: relative;display:flex;flex-direction:row;width: max-content;}
.right-content-ewm .ewm div {width: 130px;height: 130px;margin: 0 auto;border-radius: 50%;margin-bottom: 10px}
.right-content-ewm .ewm div img { width: 100px; height: 100px; margin-top: 15px; margin-left: 15px; background: #fff;}
.right-content-ewm .ewm p { text-align: center; font-size: 16px; color: #00bcd4;}
.fkf-item-right-ewm { top: initial; bottom: -15px;}
.right-content-ewm .arrow {top: initial; bottom: 23px;}

.page_info{display: none;}
.page_list{margin-top: 40px;width: 100%;text-align: center;overflow: hidden;}
.page_list a{display: inline-block;color: #888;font-size: 12px;line-height: 1.5;border: 1px solid #eee;margin: 2px;padding: 2px 8px;}
.page_list a.on,.page_list a:hover{background: #00bcd4;border-color: #00bcd4;color: #fff;}

@media(max-width: 1024px){
    .choose_bg{padding: 15px 0;background: #00bcd4;}
    .choose_title{font-size: 12px;}
    .choose_title b{font-size: 18px;}
    a.consult_now{margin-top: 10px;font-size: 14px;width: 108px;line-height: 30px;}
    .footer{padding: 20px 0;}
    .footer_text{margin-top: 0;}
    .wpsidebar-fkf,.footer ul{display: none;}
}