*{
    margin:0;
    padding:0;
}
body{
    width: 100%;
    height: 100%;
    /* font-family: Microsoft YaHei-Bold, Microsoft YaHei; */
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    margin: 0;
	padding: 0;
    /* overflow-y: hidden; */
    background: url('../images/bg.png');
}
html,
body {
	width: 100%;
	height: 100%;
    /* height: auto; */
    /* height: 100vh; */
}
.container{
    max-width: 1200px !important;
    padding:0px;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 0px;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
a:focus{
    outline: none !important;
    background: none !important;
    text-decoration: none;
}
.top{
    position: absolute;
    top:0;
    width:100%;
    /* height: 60px; */
    height: 100px;
    z-index: 1;
    background-color: #000000 !important;
    /* background: rgba(255,255,255,0);
    opacity:0.1; */
}
.top .navbar{
    /* border: 0px !important; */
    background-color: #000000 !important;
    border-bottom: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #000000, #000000), linear-gradient(90deg, #D7FF62, #7DFFA3,#43FFE7, #67F0FF,#76DBFF,#93B1FF,#9593FF,#DB75FF,#FD5A9E);
}
.top .navbar-brand{
    /* padding-top: 20px; */
    margin-top: 25px;
}
.top .navbar-brand img{
    width: 205px;
    height: 18px;
    /* line-height: 60px; */
    line-height: 100px;
}
@media only screen and (max-width: 380px) {
    .top .navbar-brand{
        margin-top:-64px;
    }
}
.navbar-nav li a{
    height: 100%;
    color:#FFFFFF;
    font-size: 14px;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
}
.navbar-nav li a span{
    font-size: 12px;
    color: #D7D7D7;
    font-weight: normal;
}
.nav>li{
    line-height: 100px;
    height: 100px;
    text-align: center;
    margin: 0px 15px;
}
/* .top li.active{
    background-color: #3888ff;
}
.nav>li .active{
    color: #67F0FF;
} */
.nav>li.active a{
    color: #67F0FF;
}
.nav>li.active span{
    color: #67F0FF;
}
.navbar-nav li a:hover{
    background: none;
    /* color:rgba(255,255,255,0.8)  */
}
.navbar-collapse{
    background-color: none;
}
#bs-example-navbar-collapse-1{
    line-height: 100px;
}
/* .login-btn{
    display: inline-block !important;
    border:1px solid white;
    padding:5px 25px !important;
}
.login-btn:hover{
    color: white !important;
    background-color: #357AEF !important;
    border-color:#357AEF;
} */
.navbar-toggle span{
    color: white;
}
.top .dropdown:hover .dropdown-menu{
    display: block;
    width: -webkit-fill-available;
    text-align: center;
    border: 0px !important;
}
.top .dropdown-menu li{
    width: 100%;
    /* padding: 0.25rem 1.5rem; */
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.top .dropdown-menu li:nth-of-type(2){
    margin: 26px 0px;
}
/* .top .dropdown-menu li.active{
    background-color: #3888ff;
}
.dropdown-menu>.active>a{
    background-color: #3888ff !important;
}
.top .dropdown-menu li:hover{
    background-color: #3888ff;
} */
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    /* text-decoration: none; */
    background-color: transparent !important;
    outline: 0;
    text-align: left;
}
/* 导航栏外层ul>a */
/* .dropdown-menu-one.active a{
    color: #197AD8;
}
.dropdown-menu-one.active:hover a{
    color: #197AD8;
} */
.top .dropdown-menu li a{
    /* padding: 0.25rem 1.5rem; */
    padding: 0px 19px;
    color:black;
}
.top .dropdown-menu li a:hover, .top .dropdown-menu li a{
    color:#fff;
}
/* .top .dropdown-menu li a:hover, .top .dropdown-menu li.active a{
    color:#fff;
} */
.top .dropdown-menus #medical-grade a:hover,
.top .dropdown-menus #medical-grade.active a{
    color:#40F5DE !important;
}
.top .dropdown-menus #consumer-level-airDream a:hover,
.top .dropdown-menus #consumer-level-airDream.active a{
    color:#76DBFF !important;
}
.top .dropdown-menus #airBand a:hover,
.top .dropdown-menus #airBand.active a{
    color:#9593FF !important;
}
.navbar-nav>li>.dropdown-menu{
    background: #353535;
}
.top .dropdown-menu{
    min-width:0;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 24px;
}
.top .dropdown-menu i{
    position: absolute;
    top:-27px;
    left:26px;
    color:white;
}
.navbar-collapse .panel{
    background: none;
    border: 0px !important;
}
.navbar-collapse .panel .panel-body{
    padding:0;
    padding-left:30px;
    border:0 !important;
}
.navbar-collapse.in {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}
.navbar-collapse .panel-group{
    margin:0;
    height: auto;
}
.navbar-collapse .panel .panel-heading a:hover{
    text-decoration: none;
}
.navbar-nav {
    margin: 0px -15px;
}
.navbar-nav>li>a{
    /* padding-top: 20px !important; */
    /* padding: 10.5px 20px !important; */
    padding: 10.5px 0px !important;
    margin-top: 18px;
}
.top .lines{
    font-size: 0.5px;
    color: #F2F2F2;
    line-height: 60px;
}
.top .zhong{
    display: flex;justify-content: space-around;align-items: center;
    margin-left: 20px;
}
.top .zhong a{
    padding: 0px !important;margin: 0px;line-height:100px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    color: #D7D7D7;
}
.top .zhong span{
    /* margin: 0px 4px; */
    margin-left: 8px;
    margin-right: 6px;
    width: 0px;
    height: 4px;
    opacity: 1;
    border: 1px solid rgba(215,215,215,0.5);
}
.bottom{
    padding:20px 0;
    background-color: #212231;
    color:rgba(255,255,255,0.6);
}
.footer-1 img{
    width:60px;
    margin-right:1em;
}
.bottom hr{
    border-color:rgba(255,255,255,0.3);
}
.footer-2 h4{
    color:white;
    margin-bottom: 20px;
}
.footer-2 ul,.bottom .visible-sm-block ul{
    list-style: none;
}
.footer-2 ul li,.bottom .visible-sm-block ul li{
    margin-top:10px;
}
.footer-2 ul li a{
    color:inherit;
}
.bottom .visible-sm-block ul li img,.footer-2 ul li img{
    width:103px;
}
.footer-2 ul li a:hover{
    color:rgba(255,255,255,0.9);
    text-decoration: none;
}
.bottom .visible-sm-block{
    text-indent: 2em;
}
.bottom .visible-sm-block a{
    padding-left:2em;
}
.fixedBox{
    position: fixed;
    top:50%;
    right:0;
    transform: translateY(-50%);
    display: inline-block;
    text-align: center;
}
.fixedBox ul li{
    background-color: #378FE5;
    padding:20px 10px;
    border-bottom:1px solid;
    list-style: none;
    font-size: 12px;
}
.fixedBox ul li:hover{
    background-color: #197AD8;
}
.fixedBox ul a{
    color:white;
}
.fixedBox ul a:hover{
    text-decoration: none;
}
.fixedBox span{
    font-size:18px;
    padding:10px;
    width:8em;
    position: absolute;
    display: none;
    left:-164px;
    top:120px;
    background-color: white;
    border-radius: 6px;
}
.fixedBox span i{
    color:white;
    position: absolute;
    right:-14px;
    top:12px;
}
.fixedBox .phone:hover +span{
    display: inline-block;
}
.footer{
    color: #fff;
    background-color: rgba(0, 0, 0);
    padding: 54px 0px;
    height: auto !important;
}
.container-w{
    width: 1440px;
    margin: 0 auto;
}
.footer .rows{
    padding: 0px 16px;
    display: flex;
    /* justify-content: space-between; */
    justify-content: center;
    align-items: center;
}
.footer .footer-ul:nth-of-type(2){
    /* margin-left: -130px; */
    margin-left: 126px;
    margin-right: 310px;
}

.footer a{
    color: #212529;
    text-decoration: none;
}
.footer .text-a{
    text-align: center;
}
.footer .text-a .icons-row{
    text-align: left;
}
.footer .text-a .icons{
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 4px;
}
.footer .text-a img{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.footer .text-a .copyright{
    text-align: center;
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #EEEEEE;
}
.footer li{
    text-align: left;
    line-height: 38px;
}
.footer li a{
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.footer li a img{
    vertical-align: middle;
}
.footer li.active a{
    color: #498AF7 !important;
}
.footer li:first-of-type{
    font-size: 20px;
    margin-bottom: 29px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
}
.footer li:first-of-type span{
    font-size: 40px;
    line-height: 40px;
    margin-right: 17px;
    color: #EEEEEE;
    font-family: Arial-Bold, Arial;
}
.footer li.text-r{
    text-align: center;
    font-size: 12px;
}
.footer li.text-r .icon_shubiao{
    cursor: pointer;
}
.footer li.margin-t{
    margin-top: 136px;
}
.footer li:first-of-type a{
    font-size: 18px;
}
.footer .lines{
    height: 1px;
    /* background-color: #4D4D4D; */
    background-image: linear-gradient(179deg, #D7FF62 3%, #7DFFA3 15%, #43FFE7 27%, #67F0FF 38%, #76DBFF 50%, #93B1FF 61%, #9593FF 73%, #DB75FF 85%, #FD5A9E 96%);
    /* margin: 15px 0px 42px 28px; */
    margin-top: 15px;
    margin-bottom: 42px;
}
.footer ul, .footer li{
    list-style: none;
    white-space: nowrap
}
.footer ul{
    height: 241px;
}
@media screen and (max-width: 768px) {
    .footer li{
        text-align: center;
    }
}
.footer .whiteSpace{
    white-space:nowrap;
    font-size: 12px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #D2D2D2;
    line-height: 14px;
    margin-bottom: 13px;
}
.footer .whiteSpace:last-of-type .row-img img{
    display: none;
}
.footer .youxiang{
    font-size: 16px;
    line-height: 16px;
    font-family: Arial-Bold, Arial;
    color: #D2D2D2;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0px;
    padding-left: 0px;
}
.row{
    margin-right: 0px;
    margin-left: 0px;
}
/* #dowebok{
    width: 100%;
    background: url('../images/bg.png');
    box-sizing: border-box;
} */
.slide-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* position: relative; */
}
/* .section{
    height: auto !important;
} */
p {
    margin: 0;
}
ul,li{
    list-style: none;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin: 0px;
}
.section-bg img,
.m-video img{
    animation: opacityF 2s;
    animation-iteration-count:3;
}
.m-video img{
    animation-fill-mode: forwards;
}
.footer .whiteSpace .row-img{
    width: 17px;
    display: inline-block;
    text-align: center;
    margin-right: 12px;
}
.footer .whiteSpace img:nth-of-type(2),
.footer .whiteSpace img:nth-of-type(3){
    vertical-align: bottom;
}
@keyframes opacityF {
    from { opacity: 1;}
    to { opacity: 0;}
}
.nav>li>a{
    padding: 0px;
}
/* 头部下拉菜单 */
.dropdown-menus{
    position: absolute;
    width: max-content;
    left: -33px;
    display: none;
    background-color: #353535;
    /* padding: 0px 18px; */
    padding: 20px 18px 24px 18px;
    /* margin-top: -33px; */
    top: 84px;
}
.dropdown-menus li{
    text-align: center;
    line-height: 12px;
}
.dropdown-menus li a{
    color: #EEEEEE !important;
}
.dropdown-menus li:nth-of-type(2),
.dropdown-menus li:nth-of-type(3){
    margin: 26px 0px;
}
.footer .footer-ul:last-of-type{
    margin-top: 18px;
}
.footer .footer-ul:last-of-type li:first-of-type{
    margin-bottom: 26px;
}
.collapse02 ul li a{
    padding: 0px !important;
    margin-top: 0px;
    /* line-height: 100px; */
}
.collapse02 ul li{
    padding-top: 40px;
}
.collapse02 ul li:last-of-type,
.collapse02 .dropdown-menus li{
    padding-top: 0px;
}
.collapse02 .dropdown-menus li a{
    font-size: 10px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
}
.xiazai-left:hover,
.xiazai-rig:hover{
    background: #3D3D3D;
}
i{
    font-style: normal;
}