.mobile-navs{
  display:none;
}
.pc-navs{
  display:inline;
}
#header-nav .nav-left span {
	font-size: 15px;
}
nav{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:80px;
  line-height:80px;
/*  background:#fff;*/
  font-size:15px;
  z-index:900;
  background: url("../images/home_02.png") repeat-x center top;

box-shadow: 0 0 3px #797d80;
  
  
}

.nav-right a{float:left;}


.nav-left{
  float:left;width:85%;
  height:80px;
  margin-left:0px;
}
.nav-left a{
  vertical-align:top;
  color:#fff;
}

.nav-left a span{
 /* margin-right:20px;*/
  display:inline-block;
  height:80px; color:#333;
  line-height:80px;
  position:relative;
}

.nav-left a .logo-img{
  width:170px;margin-top:3.7%;
 /*  position:absolute;
  top:50%;
  left:60px;*/
  transform:translate(0, -50%);
}
.nav-right{float:right;width:15%;}
.nav-right .mall-btn,.nav-right .mall-btn1{
  position:absolute;
  top:50%;
  right:110px;
  transform:translate(0, -50%);
  height:28px;
  line-height:28px;
  width:80px;
  color:#fff;
  background:none;
  border:none;
  border-radius:3px;
  font-size:14px;
  cursor:pointer;
}
.nav-right a .mall-btn:hover{
  opacity:.8;
}

.nav-right .nav-user{
  width:32px;
  height:32px;
  border-radius:50%;
  /*
  border:1px solid #fff;
  */
  position:absolute;
  top:50%;
  right:60px;
  transform:translate(0, -50%);
}
.nav-right .nav-user-gray{
  /* border:1px solid #999; */
}


.nav-right .nav-cart{
  width:32px;
  height:32px;
  position:absolute;
  right:110px;
  top:25px;
  cursor:pointer;
  border-radius:50%;
}


.nav-hover{
  opacity:0;
  background:#f3ad24;
  z-index:901;
}
.nav-hover .nav-left a{
  color:#fff;
  cursor:pointer;
}

.nav-hover .nav-left:hover a span{ color:#000;}
.nav-hover .nav-left:hover{color:#000;}
#header-nav .nav-hover .nav-hover-a span{color:#000;}
.nav-hover .nav-right .nav-user{
  /* border:1px solid #999; */
}
.nav-hover .nav-left a span:hover{
  color:#000;
}

.nav-hover .nav-left a span.chosed::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	height: 3px;
	background: #fff;
	animation: widthChange .3s linear forwards;
}
@keyframes  widthChange {
	from {
		width: 0;
	}
	to{
		width: 100%;
	}
}


.nav-model{
  background:rgba(247,247,247,1);
  position:absolute;
  top:80px;
  left:0;
  width:100%;
  height:210px;
  z-index:9;
  display:none;
  opacity:0;
  box-shadow: 0px 1px 10px 0px rgba(0, 14, 21, 0.1);
}
.nav-body{
  position:absolute;
  top:80px;
  left:0;
  width:100%;
  height:auto;
  z-index:1;
}
.nav-body dl{
  opacity:0;
}

.nav-products{
  opacity:0;
  display:none;
}
.nav-products dl a{
  color: #000;
}
.nav-products dl{
  float:left;
  text-align:center;
  width:120px;
  margin-right:.2rem;
}
.nav-products dl.fl-first{
  margin-left:50px;
}
.nav-products dl dd img{
  height:70px;
  margin-top:50px;
  margin-bottom:20px;
  cursor:pointer;
  display:inline-block;
}
.nav-products dl:hover img{
  opacity:.6;
}
.nav-products dl dd span,.nav-solutions dl dd span {
  font-size:12px;
  font-weight:normal;
  cursor:pointer;
}
.nav-solutions dl:hover span{color:#fecb00;}
.nav-solutions dl dd:hover span{color:#fecb00;}

.nav-products dl:hover span{
  color:#fecb00;
}
.nav-products dl.all-products-more{
  height:210px;
  margin-left:.5rem;
  cursor:pointer;
}
.all-products-more dd{
  margin-top:142px;
  height:24px;
  line-height:24px;
  text-align:left;
}
.all-products-more dd:hover{
  color:#fecb00;
}

.nav-solutions{
  opacity:0;
  display:none;
}
.nav-solutions a {
  color: #000;
}
.nav-solutions dl{
  float:left;
  text-align:center;
  font-size:14px;
  font-weight:normal;
  width:80px;
  height:170px;
  margin-right:.2rem;
  background-size:80px;
  background-repeat:no-repeat;
  background-position:0 40px;
  cursor:pointer;
}

.nav-solutions dl.soa{
  background-image:url('../images/1_normal@2x.png');
}
.nav-solutions dl.soa:hover{
  background-image:url('../images/1_hover@2x.png');
}
.nav-solutions dl.sob{
  background-image:url('../images/2_normal@2x.png');
}
.nav-solutions dl.sob:hover{
  background-image:url('../images/2_hover@2x.png');
}
.nav-solutions dl.soc{
  background-image:url('../images/3_normal@2x.png');
}
.nav-solutions dl.soc:hover{
  background-image:url('../images/3_hover@2x.png');
}
.nav-solutions dl.sod{
  background-image:url('../images/4_normal@2x.png');
}
.nav-solutions dl.sod:hover{
  background-image:url('../images/4_hover@2x.png');
}
.nav-solutions dl.soe{
  background-image:url('../images/5_normal@2x.png');
}
.nav-solutions dl.soe:hover{
  background-image:url('../images/5_hover@2x.png');
}
.nav-solutions dl.sof{
  background-image:url('../images/6_normal@2x.png');
}
.nav-solutions dl.sof:hover{
  background-image:url('../images/6_hover@2x.png');
}
.nav-solutions dl.sog{
  background-image:url('../images/7_normal@2x.png');
}
.nav-solutions dl.sog:hover{
  background-image:url('../images/7_hover@2x.png');
}

 .cenui{width:1250px; position:relative;margin:auto;margin-top:80px;} 


.nav-solutions dl.fl-first{
  margin-left:50px;
}
.nav-solutions dl dd{
  margin-top:20px;
}
.nav-solutions dl dd img{/*box-shadow: 5px 5px 5px #ccc;*/max-width:100%;}
.nav-solutions dl dd span{ background-color:#888;width:100%;float:left;height:auto;line-height:30px; color:#fff;}
.nav-solutions a dl{
  color:#000;
}
.nav-solutions dl dd span:hover{color:#000;}
.nav-solutions dl:hover span{ background-color:#f3ad24; color:#000;}

.nav-solutions a dl:hover{
  color:#000;
}


.nav-flex{
  position:absolute;
  top:80px;
  left:0;
  width:120px;
  height:150px;
  background:rgba(247,247,247,1);
  z-index:999999999;
  display:none;
  opacity:0;
}
.nav-flex p{
  font-size:14px;
  font-weight:normal;
  text-align:center;
  padding:15px 0;
  text-align:left;
  text-indent:25px;
}
.nav-flex p:hover{
  background:rgba(255,255,255,1);
}
.nav-flex a{
  color:#000;
}
.nav-flex a:hover{
  color:#007cba;
}

div.flex-en-css{
  width:170px;
  left:295px;
}

.nav-supports{
  position:absolute;
  top:0px;
  left:430px;
  width:150px;
  height:auto;
  background:rgba(247,247,247,1);
  z-index:999999999;
  display:none;
  opacity:0;
}
.nav-supports p{
  font-size:12px;
  font-weight:normal;
  text-align:center;
  padding:15px 0;
  text-align:left;
  text-indent:25px;
}
.nav-supports p:hover{
  background:rgba(255,255,255,1);
}
.nav-supports a{
  color:#000;
}
.nav-supports a:hover{
  color:#f3ad24;
}


.nav-solutions{
  position:absolute;
  top:80px;
/*  left:675px;
  width:120px;*/
  height:auto;
  background:#fff;
  z-index:999999999;
  display:none;
  opacity:0;
}
.nav-solutions p{
  font-size:14px;
  font-weight:normal;
  text-align:center;
  padding:15px 0;
  text-align:left;
  text-indent:25px;
}
.nav-solutions p:hover{
  background:rgba(255,255,255,1);
}
.nav-solutions a{
  color:#000;
}
.nav-solutions a:hover{
  color:#fecb00;
}





.nav-products{
  position:absolute;
  top:0px;
  left:585px;
  width:120px;
  height:auto;
  background:rgba(247,247,247,1);
  z-index:999999999;
  display:none;
  opacity:0;
}
.nav-products p{
  font-size:12px;
  font-weight:normal;
  text-align:center;
  padding:15px 0;
  text-align:left;
  text-indent:32px;
}
.nav-products p:hover{
  background:rgba(255,255,255,1);
}
.nav-products a{
  color:#000;
}
.nav-products a:hover{
  color:#fecb00;
}


.nav-iop{
  position:absolute;
  top:0px;
  left:745px;
  width:120px;
  height:auto;
  background:rgba(247,247,247,1);
  z-index:999999999;
  display:none;
  opacity:0;
}
.nav-iop p{
  font-size:12px;
  font-weight:normal;
  text-align:center;
  padding:15px 0;
  text-align:left;
  text-indent:32px;
}
.nav-iop p:hover{
  background:rgba(255,255,255,1);
}
.nav-iop a{
  color:#000;
}
.nav-iop a:hover{
  color:#fecb00;
}


.nav-iop1{
  position:absolute;
  top:0px;
  left:840px;
  width:120px;
  height:auto;
  background:rgba(247,247,247,1);
  z-index:999999999;
  display:none;
  opacity:0;
}
.nav-iop1 p{
  font-size:12px;
  font-weight:normal;
  text-align:center;
  padding:15px 0;
  text-align:left;
  text-indent:25px;
}
.nav-iop1 p:hover{
  background:rgba(255,255,255,1);
}
.nav-iop1 a{
  color:#000;
}
.nav-iop1 a:hover{
  color:#f3ad24;
}


.nav-case{
  position:absolute;
  top:0px;
  left:430px;
  width:150px;
  height:auto;
  background:rgba(247,247,247,1);
  z-index:999999999;
  display:none;
  opacity:0;
}
.nav-case p{
  font-size:12px;
  font-weight:normal;
  text-align:center;
  padding:15px 0;
  text-align:left;
  text-indent:32px;
}
.nav-case p:hover{
  background:rgba(255,255,255,1);
}
.nav-case a{
  color:#000;
}
.nav-case a:hover{
  color:#fecb00;
}




div.supports-en-css{
  width:170px;
  height:50px;
  left:390px;
}

@media screen and (max-width: 899px){
  .mobile-navs{
    display:inline;
  }
  .pc-navs{
    display:none;
  }
  nav{
    height:60px;
    line-height:60px;
    background:rgba(255,255,255,1);
  }
  .nav-left{
    height:60px;
    margin-left:10px;
  }
  .mobile-navs img{
    position:absolute;
    top:50%;
    transform:translate(0, -50%);
    width:22px;
    height:22px;
  }
  .mobile-navs img.nav-img-btn{
    right:20px;
  }
  .mobile-navs img.nav-user{
    width:24px !important;
    height:24px !important;
    right:15px !important;
  }
  
  .mobile-navs img.lclose-btn{
    display:none;
  }
  .nav-left a .logo-img{
    width:100px;
    height:auto;
    top:50%;
    left:10%;
    transform:translate(-50%, -50%);
  }
  
  .nav-right{
    height:60px;
    margin-right:10%;
  }
  .nav-user{
    width:24px;
    height:24px;
  }

  .nav-right a .mall-btn{
    right:20px;
    height:21px;
    line-height:21px;
    width:100px;
    color:#000;
    border:none;
    border-radius:3px;
    font-size:12px;
  }
    .nav-right a .mall-btn1{
    right:80px;
    height:21px;
    line-height:21px;
    width:100px;
    color:#000;
    border:none;
    border-radius:3px;
    font-size:12px;
  }
  
  
  .nav-right .nav-cart{
    width:24px;
    height:24px;
    top:30px;
    right:60px;
  }
  
  
  .nav-hover{
    opacity:0;
    display:none;
    background:rgba(247,247,247,1);
    top:60px;
    height:50px;
    line-height:50px;
  }
  .nav-hover .nav-left{
    padding-left:0;
    height:50px;
    line-height:50px;
  }
  .nav-hover .nav-left a{
    color:#333;
  }
  .nav-hover .nav-left a.logo-img-a{
    display:none;
  }
  .nav-hover .nav-left a span{
    font-size:14px !important;
    margin-left:10px;
    margin-right:5px;
    height:50px;
    line-height:50px;
  }
  .nav-hover .nav-left a span:hover{
    color:#e87900;
  }
  .nav-hover .nav-left a span.chosed::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    height: 3px;
    background: #e87900;
    animation: widthChange .3s linear forwards;
  }
  
  @keyframes  widthChange {
    from {
      width: 0;
    }
    to{
      width: 100%;
    }
  }
  
  .nav-hover .nav-right{
    display:none;
  }

  .nav-model{
    background:rgba(233,233,233,1);
    position:absolute;
    top:110px;
    left:0;
    width:100%;
    height:100%;
    display:none;
    opacity:0;
  }
  .nav-body{
    top:110px;
    height:100%;
  }
  .nav-body dl{
    opacity:1;
  }
  .nav-products{
    opacity:0;
    display:none;
  }
  .nav-products dl a{
    color: #000!important;
  }
  .nav-products dl{
    float:none;
    text-align:left;
    width:8rem;
    margin-right:0;
    margin-left:10px;
    padding-bottom:20px;
  }
  .nav-products dl.fl-first{
    margin-left:10px;
    padding-top:20px;
  }
  .nav-products dl dd img{
    display:none;
  }
  .nav-products dl dd{
    height:20px;
    line-height:20px;
    font-size:14px;
    color:#666;
    padding-left:10px;
  }
  .nav-products dl:hover span{
    color:#007cba;
  }
  .nav-products dl.all-products-more{
    margin-left:10px;
    margin-top:0;
  }
  .all-products-more dd{
    margin-top:0;
  }
  .all-products-more dd span.pc-show{
    display:none;
  }
  
  .nav-solutions{
    opacity:0;
    display:none;
  }
  .nav-solutions dl{
    float:none;
    text-align:left;
    width:8rem;
    height:auto;
    margin-right:0;
    margin-left:10px;
    background-image:none;
    padding:10px 0;
    color:#666;
  }
  .nav-solutions dl:hover{
    color:#007cba;
    background-image:none;
  }
  .nav-solutions dl.fl-first{
    margin-left:10px;
    margin-top:10px;
  }
  .nav-solutions dl dd{
    margin-top:0;
    padding-left:10px;
  }
  
  .nav-flex{
    top:120px;
    left:0;
    width:100%;
    height:100%;
    background:none;
    z-index:999999999999;
    display:none;
  }
  .nav-flex p{
    font-size:14px;
    font-weight:normal;
    text-align:left;
    text-indent:20px;
    color:#000;
    padding:10px 0;
    color:#666;
  }
  .nav-flex p:hover{
    color:#007cba;
    background:none;
  }
  div.flex-en-css{
    left:0;
  }
  
  .nav-supports{
    top:120px;
    left:0;
    width:100%;
    height:100%;
    background:none;
    z-index:999999999999;
    display:none;
  }
  .nav-supports p{
    font-size:14px;
    font-weight:normal;
    text-align:left;
    text-indent:20px;
    color:#000;
    padding:10px 0;
    color:#666;
  }
  .nav-supports p:hover{
    color:#ee7500;
    background:none;
  }
  div.supports-en-css{
    left:0;
  }



.nav-solutions dl{
    width:160px;
    margin-right:.15rem;
  }
  .nav-solutions dl.fl-first{
    margin-left:295px;
  }
  .nav-solutions dl dd img{
    height:90px;
    margin-top:40px;
    margin-bottom:20px;
  }
  .all-products-more dd{
    margin-top:155px;
  }




  
  
/*    .nav-solutions{
    top:120px;
    left:0;
    width:100%;
    height:100%;
    background:none;
    z-index:999999999999;
    display:none;
  }
  .nav-solutions p{
    font-size:14px;
    font-weight:normal;
    text-align:left;
    text-indent:20px;
    color:#000;
    padding:10px 0;
    color:#666;
  }
  .nav-solutions p:hover{
    color:#ee7500;
    background:none;
  }
  div.solutions-en-css{
    left:0;
  }
  */
  
  
  
  
  
  
  
    .nav-case{
    top:120px;
    left:0;
    width:100%;
    height:100%;
    background:none;
    z-index:999999999999;
    display:none;
  }
  .nav-case p{
    font-size:14px;
    font-weight:normal;
    text-align:left;
    text-indent:20px;
    color:#000;
    padding:10px 0;
    color:#666;
  }
  .nav-case p:hover{
    color:#ee7500;
    background:none;
  }
  div.case-en-css{
    left:0;
  }
  
  
  
}

@media screen and (min-width: 600px) and (max-width: 899px){

}

  .nav-left{
    padding-left:0px;
  }
  .nav-left a span{
    margin-left:40px;
  }
  .nav-left a .logo-img{
 /*   left:120px;*/top:0px;
  }
  
  .nav-right .mall-btn{
    right:200px;
  }
  
  .nav-right .mall-btn1{
    right:120px;
  }
  
  .nav-right .nav-cart{
    right:180px;
    top:25px;
  }
  
  .nav-products dl{
    width:260px;
    margin-right:.15rem;
  }
  .nav-products dl.fl-first{
    margin-left:295px;
  }
  .nav-products dl dd img{
    height:90px;
    margin-top:40px;
    margin-bottom:20px;
  }
  .all-products-more dd{
    margin-top:155px;
  }
  .nav-solutions dl{
    width:200px;margin-top:1.2%;
    background-size:80px;
    margin-right:.15rem;margin-left:4%;
    background-position:20px 50px;
  }
  .nav-solutions dl.fl-first{
    margin-left:23%;
  }
  div.flex-en-css{
    left:425px;
  }
  .nav-supports{
    left:450px; 
  }
  
    .nav-case{
    left:655px; 
  }
  
  
  
  div.supports-en-css{
    left:560px;
  }





/* IE8提示样式 */
/* 以下样式兼容IE7,8 */
/* 禁止滚动 */
.prevent-scroll {
  height: 100%;
  overflow: hidden;
}
/* 全局背景 */
.IE8-pop-background {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #000;
  filter:alpha(opacity=60);
  z-index: 905;
}
/* 提示内容 */
.IE8-pop-content {
  position: fixed;
  left: 50%;
  margin-left: -310px;
  right: 0;
  bottom: 0;
  top: 50%;
  margin-top: -154px;
  width:  620px;
  height: 308px;
  background: #fff;
  z-index: 906;
  font-size: 12px;
  text-align: center;
}
/* 提示标题 */
.IE8-pop-content .p-title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 60px;
  margin-bottom: 12px;
}
/* 提示描述 */
.IE8-pop-content .p-desc {
  font-size: 14px;
  line-height: 16px;
  color: #A4A4A4;
  margin-bottom: 38px;
}
/* 浏览器列表 */
.IE8-pop-content .browser-list {
  margin-left: 148px;
}
.IE8-pop-content .browser-list > .browser-block {
  float: left;
  margin-right: 28px;
}
.IE8-pop-content .browser-list > .browser-block p {
  font-size: 14px;
  line-height: 16px;
  color: #A4A4A4;
  margin-top: 26px;
}

.nab-op{width:1250px;margin:auto;}

.rx{ color:#333;background:url(images/rx.png) left center no-repeat;}

.louop{float:right;}
.mn_lok{width:1250px;margin:auto;}

.mobie-nav{display:none;}



@media screen and (max-width: 1800px){	
.rightSite .rx{ font-size:13px;}
.en{margin-top:0px;width:135px;}
	.en a{ font-size:13px;}
.nav-left{padding-left:0px;}
/*.nav-solutions{left:28%;}
.nav-supports{left:40%;}
.nav-products{left:49%;}
.nav-case{left:53.5%;}
.nav-iop{left:58%;}
.nav-iop1{left:65%;}*/

}
@media screen and (max-width: 1550px){	.nav-solutions dl{width:230px;}
	.nav-solutions dl.fl-first{margin-left:12%;}
	.nav-solutions dl dd img{max-width:100%;}
	
	
	/*	
		.nav-supports{left:37.5%;}
.nav-products{left:48%;}
.nav-case{left:53%;}
.nav-iop{left:60%;}
.nav-iop1{left:68.5%;}*/
		
		
		

	
	
	}

@media screen and (max-width: 1400px){
	.nav-solutions{/*left:34%;*/}
	.nav-left{padding-left:0px;}

	.rightSite .rx{ font-size:12px;}
	.nav-solutions dl{width:200px;}
	.nav-solutions dl.fl-first{margin-left:12%;}
	.nav-solutions dl dd img{max-width:100%;}

	}
	
	
	@media screen and (max-width: 1250px){
	.mn_lok{width:100%;}	
	.nav-left{width:82%;}
	.nav-left a span{margin-left:4%;	
		}
		.logo-img{margin-right:2%;}
	.nav-right{width:auto;}
	
	.nav-left a .logo-img{margin-top:4.5%;}
	
.nab-op{width:100%;}	
	 	#header-nav .nav-left span {
	font-size: 14px;
}	.cenui{width:100%;}

.nav-supports{left:30.5%;}
.nav-products{left:43%;}
.nav-case{left:47%;}
.nav-iop{left:55%;}
.nav-iop1{left:63%;}

	
	}
	
		@media screen and (max-width: 1200px){	
		
		.nav-supports{left:32.5%;}
.nav-products{left:45.5%;}
.nav-case{left:50%;}
.nav-iop{left:59%;}
.nav-iop1{left:67%;}
		

		
		
		
		}
	
	
	@media screen and (max-width: 1100px){	
.nav-solutions dl{width:160px;}	
.nav-products dl dd span, .nav-solutions dl dd span{ font-size:12px;}
.nav-supports{left:32.8%;}
.nav-products{left:41%;}
.nav-case{left:50%;}
.nav-iop{left:58%;}
.nav-iop1{left:67%;}
	
	
	}
	

@media screen and (max-width: 1000px){
	.nav-left a span{margin-left:2%;	
		}
	.nav-right .mall-btn{right:20px;}
	 .nav-right .mall-btn1{right:100px;}
		
		.nav-supports{left:30.8%;}
.nav-products{left:42%; background-color:#fff;}
.nav-case{left:46%;}
.nav-iop{left:52%;}
.nav-iop1{left:61%;}
	}
	
	
	
@media screen and (max-width: 950px){
	
	.nav-body{height:0px;}
	
	
	
	}	
	
	
	
		@media screen and (max-width: 900px){
			.cenui{margin-top:60px;}
		.nav-left a span{margin-left:2%;	
		}
		.nav-left{width:50%;}
		
		#mobie-nav{display:block;width:100%;}	
		
		#pc-nav{display:block;width:100%;}	
		
		#header-nav .nav-model{display:none;}
	
		}
	
	
	@media screen and (max-width: 800px){
				
		
		.nav-left a span{margin-left:2%;	
		}
		.nav-left{width:50%;}
		
	.nav-hover .nav-left{height:auto;
		}
	.nav-hover{height:auto;}	

		
		}
	
	
	
	
	
	
	@media screen and (max-width:700px){
	#header-nav .nav-left span{ font-size:12px;}
	
	.nav-right .mall-btn{right:20px;}
	 .nav-right .mall-btn1{right:100px;}
	
	.nav-left a .logo-img{margin-right:0px;top:5%;}
	.nav-body{z-index:0;}
	}
	
	
	
	
	@media screen and (max-width:600px){
			.nav-left a .logo-img{margin-right:0px;top:5%;left:15%;}

		
		}
	
		
	@media screen and (max-width:400px){
	.nav-left{width:10%;}
	
		.nav-left a .logo-img{margin-right:0px;top:15%;left:15%;}
	
	
	
	
	}