@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
body{ font-size:12px; line-height:2em; font-family:"微软雅黑",Verdana, Geneva, sans-serif; color:#333; background:#cfe1ef;}
.clear{clear:both;}
a{text-decoration:none; color:#333;}
a:hover{color:#06f;}
img{border:0;}
  
.top{width:1060px; margin:0 auto; height:100px;}
.logo{  float:left; margin-top:10px; }
.language{float:left; margin-left:80px;}
.renzheng{ float:right; margin-top:15px; }
ul.language li{float:left; list-style:none; margin:30px 5px 0 ;}

 

 

#menubg{width:100%; height:30px; background:url(../images/menubg.png) repeat-x;margin:0 auto;}
.menu {
	width:1190px;
height:30px;
margin:0 auto;text-align:center;
}


/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
z-index:10; 
padding:0;
list-style-type: none;
margin:0 auto;


}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left;
position:relative;

}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:131px;

 
color:#fff;
font-size:14px;
font-weight:bold;
border:1px solid #fff;
border-width:0px 1px 0 0;
line-height:30px;
}


.menu ul li ul li a, .menu ul li ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
 
height:30px;
color:#000;
font-size:12px;
font-weight:normal;
border:1px solid #fff;
border-width:1px 0px 0 0;
line-height:30px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
margin-left:0px;
width:131px; 

}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {

background:#ffcc01;
color:#000;
 
}
.menu ul li:hover ul{
display:block; 
position:absolute; 
top:30px; 
left:0; 
  }


.menu ul li:hover ul li a { 
display:block; 
background:#ffcc01; 
color:#000; 
 
} 


.menu ul li:hover ul li a:hover { 
background:#0056a3; 
color:#fff; 
} 
/* make the sub menu ul visible and position it beneath the main menu list item */
 .menu ul li .specil {background:#ffcc01; color:#000;}
 .menu ul li a.specil {color:#000;}
.menu ul li .last{border:0;}

/*-----------------------------menu结束-------------------------*/


.earth{background:url(../images/map.png) no-repeat; height:479px; width:1058px; margin:0 auto; margin-top:20px; }
.content{padding-top:140px; margin-left:495px; width:200px; text-align:center;}
.content img{
		 -webkit-background-size: 220px 220px;
		-moz-background-size: 220px 220px;
		background-size: 220px 220px;
		-webkit-border-radius: 110px;
		border-radius: 110px;
		-webkit-transition: -webkit-transform 2s ease-out;
		-moz-transition: -moz-transform 2s ease-out;
		-o-transition: -o-transform 2s ease-out;
		-ms-transition: -ms-transform 2s ease-out;	
	 }
.content img:hover{
	 -webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);	
	}	 
	 
.content h2{margin-top:10px; text-align:center; font-size:22px;}
.content h2 p{font-size:15px; text-transform:uppercase;} 



.propic{width:1060px; margin:0 auto;  }
.title{height:40px; line-height:40px;}
.title span{float:right;}



.marqueeleft{width:1060px;overflow:hidden;  float:right; margin-top: 30px; }
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline; overflow:hidden;}
.marqueeleft li .pic{display:block;   padding:3px; border:1px #ddd solid;}
.marqueeleft li .pic:hover{border:1px #0056a3 solid;}
.marqueeleft li h4{line-height:30px; text-align:center; font-weight:normal;}

 
.marqueeleft li .txt{text-align:center;height:30px;line-height:30px;}
.marqueeleft li .txt a{text-decoration:none; color:#000;}
.marqueeleft li .txt a:hover{color:#060;}


.index-word{margin: 0 auto;width: 1058px;padding: 15px 0;}
.about{width: 500px;float:left;margin-left:16px;padding:2px;padding-bottom:5px; /* height:250px; */ overflow:hidden;}
.about_title{line-height:28px;padding-left: 5px;font-weight:bold; border-bottom: 1px solid #ECECEC; font: 100 16px/28px "微软雅黑"; color:#000; position:relative;}
.about_title a{position:absolute;right:0px;font:12px/32px arial;color: #868686;}
.about_title span{font:12px/32px arial;color: #7D7D7D;padding-left: 10px;}
.about .content{padding:15px 0px;padding-bottom:12px;text-indent:20px; line-height:24px; text-align:justify;margin-left:0px;width:500px;}
.about .content img{
	width:180px;
	    float:left;
		-webkit-background-size: 0px 0px;
		-moz-background-size: 0px 0px;
		background-size: 0px 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		-webkit-transition: -webkit-transform 2s ease-out;
		-moz-transition: -moz-transform 2s ease-out;
		-o-transition: -o-transform 2s ease-out;
		-ms-transition: -ms-transform 2s ease-out;	
	 }
.about .content img:hover{
	 -webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);	
	}	 
.about .content div{
		float:left;
		width: 300px;
		margin-left:13px;
		}	 

/*首页新闻*/
.news_company{width: 480px;float:left;padding:2px; margin-left:40px;}
.news1_title{line-height:28px;padding-left: 5px;font-weight:bold; border-bottom: 1px solid #ECECEC; font: 100 16px/28px "微软雅黑"; color:#000; position:relative;}
.news1_title a{position:absolute;right:0px;font:12px/32px arial;color: #868686;}
.news1_title span{font:12px/32px arial;color: #7D7D7D;padding-left: 10px;}
.news_company .content{padding:5px;margin-left:10px;width:500px;position:relative}
/*新闻列表*/
.news_list{}
.news_list li{text-align:left;line-height:27px;height:27px;position:relative;background: url(../images/21.jpg) 1px 50% no-repeat;padding-left: 15px;float:left;width: 88%;}
.news_list li a{line-height:27px;}
.news_list li span{position:absolute;color:#999;right:0;z-index:0;line-height:27px; top:0;}


.foot{width:100%; border-top:1px #0056a3 solid; text-align:center; margin-top:15px;}
.footer p{line-height:3em;}