@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');} 
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; max-width:100%}
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;}


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{    background: #a997db;}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.dropdown-menu a{display:block;padding:10px 15px; background:#fff !important}
.company-data .container{width:100%}
.chinese{display:none !important}
.valuesbox .list li .txt span:first-child{display:none !important}
.section-head h4{display:none}
.mobile{display:none}
.pc{display:block}

.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;;}
.r_menu  li {display: inline-block; width: auto; padding:10px; }	
.header{position: relative; } 
.r_menu  {padding-top:30px; float:right}
.r_menu img{opacity: 0.5;}
.r_menu li li{display:block;}
.r_menu li li a{ padding:5px 0}
.header .navbar-inverse{border:none;border-radius:0; margin-bottom:0;}
.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: 80px;}
 
.nav212{background:#300140}
header:after{display:block; content:""; clear:both;}
.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: 16px; color: #fff; padding:0;}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li.active a,.navbar-inverse .navbar-nav>li>a:focus{background:#a997db }
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus{background-color:transparent;color:#fff; }
 
.navbar-lang{float: right; line-height:56px; color:#fff; margin-left: 25px;padding:0px 0;} 
.lang-box{position: relative; padding:0px;cursor: pointer;display: flex;color:#ccc; }
.lang-box .icon{line-height: 24px;display: block;margin-left: 6px;}
.lang-box .lang{line-height: 24px;} 
 
.header .navbar-inverse.notop,.product-page .header .navbar-inverse{background-color: #fff;}
.navbar-inverse.notop .navbar-nav>li>a{color:#fff; text-transform: uppercase;}
.navbar-inverse.notop .navbar-nav>.active>a{background:#a997db}
.navbar-inverse.notop .lang-box{color:#fff;}
.navbar-inverse .navbar-nav>li>a{text-transform: uppercase;}
.tags{width: 60px;height: 24px;line-height: 24px;text-align: center; border-radius: 12px;color:#fff;text-transform: capitalize;}
.tags.hot{background-color: #000000;}
.tags.new{background-color: #ff2d2e;}
.pronav{position:fixed;width: 100%;top:81px;left:0; background-color: #fff;z-index: 111;padding:40px 0;border-bottom: 1px solid #ccc;display: none; }
.pronav .highbox{width: 50%;padding-right: 40px;}
.pronav .title{font-size: 20px; margin-bottom: 15px;}
.pronav .highbox li{margin-bottom: 10px;} 
.pronav .highbox li .img{position: relative;}  
.pronav .highbox li .txt{margin-top: 10px;}
.pronav .highbox .tags{position: absolute;left:15px;top:10px;}
.pronav .probox{width: 50%;padding-left: 40px;display: flex;flex-direction: column;}
.pronav .probox .list{border-top: 1px solid #999;border-bottom: 1px solid #999;padding-top:40px;margin-bottom: 40px; flex: 1;}
.pronav .probox ul{}
.pronav .probox li{padding-left: 15px;}
.pronav .probox li .tit{position: relative;font-size: 18px; line-height: 30px;margin-bottom: 20px;}
.pronav .probox li .txt{height: 250px;}
.pronav .probox li .txt p{line-height: 20px;margin-bottom: 10px;}
.pronav .probox .explore{margin-top: 50px;display: block;width: 150px;height: 36px;line-height:36px;text-align: center;border-radius: 18px; background-color:#ff2d2e;color:#fff; }




/*底部*/
.footer{ }  
.footer .foot-top{background-color: #300140;padding:50px 0;} 
.footer .foot-top .flexbox{ }    
.footer .foot-top .item{padding:0 0px;}  
.footer .foot-top .item h3{color:#fff; font-size: 18px;margin-bottom: 10px;line-height: 30px; text-transform: uppercase;}
.footer .foot-top .item p{color:#ccc;font-size: 14px; line-height: 24px;margin-bottom: 5px;} 
.footer .foot-top .item p a:hover{color:#fff;}
.footer .foot-top .lxfsbox{flex:2;float: left;}  
.footer .foot-top .ewmbox{padding-top: 40px;}
.footer .ewmbox .cont{}
.footer .ewmbox img{max-width: 100%;width: 120px;}
.foot-top .flexbox{display: flex;}
.footer .foot-top .cont p{text-align:center}
.footer .ewmbox p{width:8em;} 
.footer .foot-bot{padding: 30px 0;line-height: 24px;background-color:#300140;color:#ccc;font-size: 14px;} 
.footer .foot-bot a{color:#ccc;}
.footer .foot-bot a:hover{color: #fff;}
.foot-bot .flexbox{justify-content: space-between;}
.foot-bot .text{}
 
.pages{margin:0px;text-align: center;display: flex;justify-content: center;}
.pages a{ height: 36px;padding:0 5px;margin:0 2px; line-height: 36px;color:#999999; border:1px solid #ccc; min-width: 36px;text-align: center; font-size: 14px;}
.pages a:hover,.pages a.active{border:1px solid #a997db;color:#fff;background-color: #a997db;}
.pages a.none,.pages a.none:hover{border:1px solid #ccc; color:#fff;cursor: default;}
 
.content{line-height: 1.75em;}
.content img{max-width: 100%;}
.product-type ul{display:flex; flex-wrap: nowrap;
    flex-wrap: wrap;
    } 
.nav212{height:auto; display:block}

@media (min-width:769px) {
	.footer .foot-top .menubox{flex:1;padding-right: 120px;/* width: 20%; */float: left;display: inline-block;/* min-width: 250px; */}
}

@media (min-width:992px) {
	.header .navbar-inverse{background-color: transparent;position: fixed; right: 0; left: 0; z-index: 1030;}
	.header .navbar-header{padding:10px 0; width:100%}  
	.navbar-inverse .navbar-collapse{float: right;}
	.navbar-inverse .navbar-nav>li>a{padding:0px 15px;line-height: 56px;} 
	.header-placeholder{height: 156px;} 
}

@media (min-width:1200px) {
	.navbar-inverse .navbar-nav>li>a{padding:0px 25px;line-height: 56px;} 
  	
}

@media (min-width:1600px) {
	.container {
	    width: 1400px;
	} 
	.navbar-inverse .navbar-nav>li>a{padding:0px 30px;line-height:56px;} 
  
}
@media (max-width:1600px) {.footer .foot-top .menubox{padding-right:80px;}
.navbar-inverse .navbar-nav>li>a {
    padding: 0px 20px;
    line-height: 56px;
}
}
   
@media(max-width:1199px){
	.footer .foot-top .ewmbox{padding-top:0;}
	.footer .ewmbox .cont{flex-direction: column;}
	.footer .ewmbox img{margin:0;}
	.footer .foot-top .item p{margin: 10px 0 0;line-height: 20px;}
  .footer .foot-top .menubox{padding-right:0px;}
  .navbar-inverse .navbar-nav>li>a {
    padding: 0px 15px;
    line-height: 56px;
}
	 
} 
.foot-bot .flexbox{display: flex;}
@media(max-width:991px){  
	.header .navbar-inverse{background-color: #fff;}
	.navbar-inverse .navbar-header{ }
	.navbar-inverse .navbar-toggle .icon-bar{background-color: #999;} 
	.header .navbar-brand{padding:5px 0;padding-left: 15px;}
	.header .navbar-brand img{height: 40px;}
	.navbar-inverse .navbar-collapse{border-color:#999;}
	.navbar-inverse .navbar-nav{margin:0;}
	.navbar-inverse .navbar-nav>li{display: block;padding: 0 15px;}
	.navbar-inverse .navbar-nav>li>a{ line-height: 40px;font-size: 16px;color:#fff;}
	.navbar-lang{float: none;padding:10px;margin: 0; display: flex;justify-content: center;}
	.navbar-lang .lang-box{color:#fff; }
  .footer .foot-top{display:none}
  .r_menu { padding-top: 0px;  padding-right:15px;   float: right;}
  .nav212{height:0; display:none}
  .nav212.in{height:auto}
  .mobile{display:block}
	.pc{display:none}
  
}
  
@media(max-width:768px){  
	.footer .foot-top .flexbox{flex-wrap: wrap;}
	.footer .foot-top .menubox{width: 33.33%;margin-bottom: 30px;}
	.foot-bot .flexbox{display: block;}
	.foot-bot .text {flex-direction: column; text-align:center}
	.foot-bot .support{text-align: center;}
}