@charset "utf-8";  
@font-face {font-family: "HarmonyOS_Sans_SC_Regular";src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');}
@font-face {font-family: "HarmonyOS_Sans_SC_Bold";src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');} 
@font-face {font-family: "HarmonyOS_Sans_SC_Light";src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('truetype');} 
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,button,th,td,figure,figcaption {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: none;}
input,select,textarea{outline:none;}
ul li{list-style: none;}
a {text-decoration: none;cursor: pointer;color:inherit;font-size: inherit;}
a:hover,a:active,a:focus{text-decoration: none;color:inherit;}
html {outline: 0;-webkit-text-size-adjust: none;}
body {width: 100%;font-family:'HarmonyOS_Sans_SC_Regular','Microsoft YaHei';-webkit-text-size-adjust: none;overflow-x: hidden;}
html,body{font-size: 16px;color:#333333;}
em{font-style:normal;color:#ff4b4c;}
.fl {float: left;}/*左浮动*/
.fr {float: right;}/* 右浮动*/
.tal{text-align: left;}
.tac{text-align:center;}
.tar{text-align:right;}
.clear {clear: both;}/*清除浮动*/
.clearfix:after{clear:both;display: block;content: '';}/*清除浮动*/
.flexbox{display: flex;}
.scale1{overflow: hidden;}
.scale1 img{width: 100%; transition: all 0.5s;}
.scale1 img:hover{transition: all 0.5s;transform: scale(1.1);} 
.items-center{align-items: center;} 
.padding-top-40{padding-top:40px;}
.video-js{ }
.video-js .vjs-big-play-button{width: 60px;height: 60px;border-radius:50%;margin-top:-30px;margin-left: -30px;font-size: 40px;border:2px solid #fff;;}
.w18{width: 18%; float: left; padding: 0 25px;}
.w28{width: 28%; max-width: 355px; float: right; padding: 0 25px;}
.header{position: relative; height: 90px; background: #911577; padding: 0px 0px} 
.navbar-lang{background: #911577; width: 150px; text-align: center;     position: relative;}
.navbar-lang:hover .subnav{display:block; top:90px;}
.navbar-lang .subnav a:before{display:none}
.navbar-lang .subnav a{text-align:center}
.navbar-lang .subnav{width:100%; min-width:100%}

.header .navbar-inverse{border:none;border-radius:0; margin-bottom:0; background: none}
.header .navbar-inverse .flexbox{justify-content: space-between;align-items: center; }
.header .navbar-brand{height: auto;padding: 0; }
.navbar>.container .navbar-brand{margin-left:0;}
.header .navbar-brand img{height: 50px;}
 
.hover212{    position: relative; z-index:1}
.hover212 img{display:none}
.hover212:hover img{display:block; width:100px; position: absolute; left:30px; border-radius: 8px; }


.navbar-collapse{position: relative; text-align: center;padding:0; }
.navbar-inverse .navbar-nav{text-align: center; } 
.navbar-inverse .navbar-nav>li{display:inline-block;float: none;} 
.navbar-inverse .navbar-nav>li>a{font-size: 18px; color: #f1f1f1; padding:0;}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus{ color:#fff;  background: #911577}
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus{background-color:#911577;}
.subnav{position: absolute; z-index: 9; display: none; background: rgba(255,255,255,.88); border-radius: 6px; min-width: 200px; left:-30px; border-top-right-radius: 0; border-top-left-radius: 0; padding: 10px 35px }
.subnav a{line-height: 42px; display: block; text-align: left;  font-family: "HarmonyOS_Sans_SC_Light"; position: relative;}
.subnav a:before{content: ""; display: block; width: 40px; height: 42px; float: left; background: url(../images/EUB_03.png) no-repeat left 10px;}
.subnav .nav_icon2:before{background-position: left -32px}
.subnav .nav_icon3:before{background-position: left -72px}
.subnav .nav_icon4:before{background-position: left -116px}
.subnav .nav_icon5:before{background-position: left -156px}
.subnav .nav_icon6:before{background-position: left -198px}
.subnav a:hover{font-weight: bold;}

.swiper-button-next, .swiper-button-prev{color:#911577}
 
.navbar-lang{float: left;margin-left: 25px;padding:30px 0;} 
.lang-box{position: relative; padding:3px;cursor: pointer;color:#ccc; }
.lang-box .icon{line-height: 24px;display: inline-block;margin-left: 6px;}
.lang-box .lang{line-height: 24px;} 
 
.header .navbar-inverse.notop,.product-page .header .navbar-inverse{background-color: #fff;border-bottom: 1px solid #d5d5d5;}
.navbar-inverse.notop .navbar-nav>li>a{color:#333;}
.navbar-inverse.notop .lang-box{color:#333;}
.header.notop{position: fixed; width: 100%; z-index: 100;}
footer{padding: 45px 0; background: #333333; color: #fff; font-family: "HarmonyOS_Sans_SC_Light"; }
.foot-top dt{font-size: 18px; padding-bottom: 30px; font-weight: normal; font-family: "HarmonyOS_Sans_SC_Regular";}
.foot-top dd a{ line-height: 36px; transition: all 0.5s}
.foot-top dd{line-height: 36px;}
.foot-top dd a:hover{color: #911577}
a{transition: all 0.5s}
a:hover{color: #911577}
.foot-top dd.tel{font-family: "HarmonyOS_Sans_SC_Bold"; font-size: 30px; padding-bottom: 15px;}
.foot-top dd span{width: 30px; height: 30px; display: inline-block; border-radius: 30px; background: url(../images/index3_03.png) no-repeat #fff; float: left; position: relative; margin: 8px 10px 0 0}
.foot-top dd .gongzhonghao{background-position:0 -42px}
.foot-top dd .xiaohongshu{background-position:0 -82px}
.flexbox2{border-top: solid 1px #666; margin-top: 50px; padding: 25px 0 0 0}
.foot-top .guanzhu dd,.foot-top .guanzhu dd a{line-height: 46px;}
.douyin{}
.support{float: right;}
.foot-bot .text{float: left;}
.dingz_b{background: #911577; padding: 65px 0; text-align: center;font-family: "HarmonyOS_Sans_SC_Light"; font-size: 18px; color: #fff}



.tanchuang_bg{background:rgba(0,0,0,0.8);position: fixed; width:100%; height:100vh; z-index:1000; top:0}
.tanchuang{width:556px; height:254px; background:#fff; position: fixed;  left:0; right:0; top:0; bottom:0; margin:auto;border-radius: 6px; overflow:hidden}
.tc_right{float:right}
.tc_left{float:left; padding:25px;}
.tc_left p{color:#666}
.ewm{padding:10px 15px; background:#fcfcfc; color:#911577; border:solid 1px #911577; text-align:center; display: inline-block; margin-top:10px;
    border-radius: 4px;}
.ewm img{display:block; padding-bottom:5px;}
.tanchuang_r{position:relative}
.close{position: absolute; right:10px; top:10px; opacity:1}

.row{margin: 0 -25px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding: 0 25px}
 

.mobile_lang{display: none; background: none; float: right;} 
.mobile_lang .lang-box{color: #000}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:0;}
@media (min-width:769px) {
	.footer .foot-top .menubox{flex:1;}
}

@media (min-width:992px) {
	.header .navbar-header{padding:10px 0;}  
	.navbar-inverse .navbar-collapse{float: right;}
	.navbar-inverse .navbar-nav>li>a{padding:25px 35px;line-height: 40px;} 
	.header-placeholder{height: 71px;} 
}

@media (min-width:1024px) {
  .navbar-inverse .navbar-nav>li.dro:hover .subnav{display:block !important}
  	
}

@media (min-width:1440px) {
	.container {
	    width: 1430px;
	} 
	
}
   
@media(max-width:1199px){
	
	 
} 

@media(max-width:991px){ 
	.container{width: 100%}
	.foot-top{display: none} 
	.w28,.w18{width: 100%}
	.flexbox2{margin-top: 0; border: 0; padding: 0}
	.support{float: left; padding-top: 15px;}
	.dingz_b{padding: 65px 15px;}
	.navbar-lang {display: none}
	.mobile_lang{display: block; width: 90px;}
  .subnav{    position: initial;}
  .navbar-toggle .subnav{display:none}
  .collapsed .subnav{display:block}
}
@media(max-width:768px){  
	
}