@charset "utf-8";
/* CSS Document */
body{background:#eff3fb;}
.header{
	width:1200px; height:auto;

	margin:-15px auto 0;
	position:relative;
	}
.header .logoico{
	width:250px; height:50px; overflow:hidden; background:rgba(2,154,155,1);
	border-radius:8px;
	position:absolute; top:39px; left:30px; z-index:9999999;
}
.header .logoico img{
	width:224px; height:auto; overflow:hidden; margin:6px 0 0 16px;
}



.banner{position:relative; width:1200px; height:150px;   overflow:hidden; }

#banner_main{position:relative; width:100%; height:150px;}

#banner_main li{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center 0; background-repeat:no-repeat;}

#banner_main li img{ height:150px;  width:1200px; }
#banner_main,#banner_main li,#banner_main li a,#banner_main li img
{ line-height:0;  }
#indicator{position:absolute; bottom:0; right:0; width:auto; height:20px; overflow:hidden; line-height:20px; text-align:right;}
#indicator li{display:inline-block; float:left; margin:0 5px; width:10px; height:10px; cursor:pointer;
background:url(../images/banner_listico1.png) no-repeat; }

#indicator li.act{ background:url(../images/banner_listico2.png) no-repeat;}

/*#indicator .mian_cd{position:absolute;   left:50px;  top:60px;   z-index:999;  }*/


/* �ֲ�ͼ */
.slideBox{ width:1200px; height:150px; overflow:hidden; position:relative; }
.slideBox .hd{ width: 100%; height:10px; overflow:hidden; position:absolute; right:0; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align: right; margin: 0 auto; }
.slideBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; margin:0 5px; width:10px; height:10px; 
 overflow:hidden; line-height: 99999; cursor:pointer;
 background: url(../images/banner_listico1.png) no-repeat; }
.slideBox .hd ul li.on{ background: url(../images/banner_listico2.png) no-repeat;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; }
.slideBox .bd li a.img img{ max-width:100%; height:auto; display:block; margin: 0 auto;  }

.header_chinabg{
	width:1200px; height:150px;
	overflow:hidden;
	background:url(../images/bgch1.jpg) no-repeat;
	}
.logo{
	width:280px; height:56px;
	overflow:hidden;
	margin:45px 0 0 40px;
	}
.logo a{
	display:block;
	width:280px; height:56px;
	}

.nav{
	width:1200px; height:28px;

	margin:0 auto;
	background:#fff;
	height:36px;
	}
.nav li{ float:left;}
.nav a{color:#feffff;}
.nava{
	width:320px; 
	overflow:hidden;
	/*background:url(../images/nav_bg.gif) repeat-x;*/
	background:#83939b;
	color:#feffff;/* font-weight:bold;*/
	height:36px; line-height:36px;
	}
.nava li{
	width:160px; text-align:center;
	height:28px;
	line-height:28px;
	overflow:hidden;
	font-size:17px; height:36px; line-height:36px;
	}
.nava li.li2{ width:120px; float:right; text-align:right; }
.nava li.phone span{ display:block; height:28px; background:url(../images/phone.gif) no-repeat 14px 7px;}

.nava li.li2 a{ display:block; float:left; padding:0 4px; margin:0 6px; text-align:center; }
.nava li.li2 a.a2{ line-height:36px; }
.nava li.li2 a:hover{ color: #000; }
.nava li.li2 span{ width:1px; float:left; }

.navaen ul{ width:270px; margin:0 auto;  display:flex;}
.navaen li{
	flex:1;
	text-align:center;
	height:28px;
	line-height:28px;
	overflow:hidden;
	font-size:17px; height:36px; line-height:36px;
	}
.navaen li:nth-child(1){
	text-align:left; 
}
.navaen li:nth-child(2){
flex:1;
	text-align:left;
}

/*#now_a2{ background: #f0f0f0; color: #000;}*/
.opennav{
display:none; 
	width:188px; height:auto;
	 margin-top:-28px;
	 margin-left:-12px;
	 Z-INDEX: 9999;
	 POSITION: absolute;
	}
.opennavchi{
	display:none; 
	width:188px; height:auto;
	 margin-top:0;
	 margin-left:-12px;
	 Z-INDEX: 9999;
	 POSITION: absolute;
	}

.navb ul{ margin-left:5px;}
.navb{
	width:870px;
	/*background:url(../images/nav_bg.gif) repeat-x;*/
	color:#feffff; /*font-weight:bold; 
	text-transform:uppercase;*/
	background:#83939b;
	font-size:16px; height:36px; line-height:36px;
	}
.navb li{ float:left; cursor:pointer; position:relative;}
.navb li a.a1{ display:inline-block; height:100%; padding:0 16px; 
font-size:17px; }
.navb li:hover a{	color:#000; background:#fff;}

.bar3{ width:660px; margin-top: 0; margin-left: -16px; 

}
.navb li .bar1{  position:relative;
       left:0px;  top:0px;  height:auto;  overflow:hidden; 
	   margin-top:28px; 
	   padding-bottom:10px; float:left;
	   width:220px; min-height:240px; margin-top:0;}
.bar1box{ 
margin-top:0; width:100%; height:auto; overflow:hidden; 
padding-top:15px; 
padding-bottom:15px;
box-sizing: border-box;
 }
.navb li .bar1a a{	font-weight:lighter;
	width:100%; height:33px; margin:0; float:left;line-height:33px; color:#000; display:block;
	font-size:15px;	 text-indent:24px; font-size:16px;	 }
.navb li .bar1a a:hover{ font-weight:lighter;  color:#fff; background:#5b5b5b; }
.navb li.now_index a{ background:#fff;	color:#000; }
.navb li.now_index a{ color:#000; }

.navb li .bar1a:nth-child(1){	margin-top:10px; }


.navben li .bar1atit{ width:100%; height:auto; overflow:hidden; margin-top:6px;  }
.navben li .bar1atit span{	font-weight:lighter;
	width:auto; height:24px; padding-bottom: 0; margin:0; float:left;line-height:24px; color:#009036; display:inline-block;
	border-bottom: solid 1px #575757;
	font-size:17px;	margin-left:24px; text-transform: capitalize; letter-spacing: 0;	 }
.navben li .bar1a:nth-child(1){ margin-top:8px;  }

.navben li .bar1a1{ margin-top:8px;  }

/*nav*/
#navb_zzjs_net{ width:670px; float:left;  margin-left:21px;}
.zyqh{ width:178px; height:36px; line-height:36px; float:right; margin:2px 0 0;}
/* .zyqh a{ display:block; float:left; width:auto; height:26px; line-height:26px; text-transform: capitalize;  font-family:Arial, Helvetica, sans-serif;
 font-size:11px; color:#000; padding:0 4px 0 28px; }
.zyqh a.en{background:url(../images/english.gif) no-repeat 6px 8px;}
.zyqh a.ch{background:url(../images/chinese.gif) no-repeat 6px 8px;}
.zyqh span{float:left; color:#514f4f;} */
.zyqh{ display:flex; align-items:center; }
.zyqh a{ display:inline-block; float:left; 
width:auto; height:36px; line-height:30px; text-transform: capitalize;  font-family:Arial, Helvetica, sans-serif;
 font-size:14px; color:#000; padding:0 14px 0 14px; }
.zyqh a:hover{ color:red; }
.zyqh span{float:left; color:#514f4f;}

.zyqh a.en{ padding-right:8px; position:relative;
font-size:15px; }
.zyqh a.ch{ padding-left:8px; }

.zyqh a.en::after{
	position: absolute;
	top: 8px; right: 0; z-index:1;
	content: ''; width: 1px; height: 16px;
	overflow: hidden; background-color: #514f4f;
}
	  
.footer{
	width:750px; height:auto;
	overflow:hidden;
	padding:50px 0;
	font-size:13px;
	}
.footer p{ margin-bottom:5px; color:#000;}

.bar1box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 
    0 1px 1px 0 rgba(0,0,0,.05),
    0 2px 5px 0 rgba(0,0,0,.25);
  border-radius: 2px;
  z-index: -1; /* ��Ӱ���������·� */
  pointer-events: none; /* �����ڵ����� */
}
.navb li .bar3x{ width:804px; margin-left: -32px;
 background:#fff;   }
.navb li .bar3x .bar1box{  width:804px; }
.navb li .bar3x .bar1,
.navb li .bar3x .bar1a,
.navb li .bar3x .bar1a a,
.navb li .bar3x .bar4
{ width:201px; padding:0;  display:block; }
.navb li .bar3x .bar1a a:hover,
.navb li .bar3x .bar1a a.hover{ 
	font-weight:lighter;  color:#fff; background:#5b5b5b; 
}

.navb li .bar3x .bar1.bar3{ float:left; }
.navb li .bar3x .bar1.bar3{ margin:0; }