*{
    margin: 0;
    padding: 0;
}
a {
    cursor: pointer;
    text-decoration: none;
}
ul,li{
    list-style-type: none;
}
.clear{
    clear:both;
}
body {
    background-color: #111;
    font-family:Hiragino Sans GB,Microsoft Yahei, SimHei;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    padding: 0;
	border:0;
	cursor: pointer;
}
/*body {
    font-family: Tahoma,Helvetica,"microsoft yahei","Hiragino Sans GB",Simsun,\5b8b\4f53,sans-serif;
    
}*/
img{
	margin:0;
	padding:0;
	border:0;
	display:block;
}

.bread-nav{
	width:1186px;
	height:20px;
	font-size:12px;
	margin-bottom:30px;
}
.bread-nav a{
	color:#000000;
	margin:0 5px;
}
.bread-nav a:hover{
	text-decoration:underline;
}


/*top-part*/

@media (min-width: 1200px){
	.top-part{
		width:100%;
		height:172px;
		border-bottom:2px solid #dd0000;
	}
	iframe{
		width:100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1210px){
	.top-part{
		width:1210px;
		height:172px;
		border-bottom:2px solid #dd0000;
	}
	iframe{
		width:1210px;
	}
}

/*head-box*/
.head-box{
	width:100%;
	height:30px;
	background:#f1f1f1;
}
.headbox{
	width:1210px;
	height:30px;
	margin:0 auto;
}



.location2{
	width:450px;
	height:30px;
	margin-left:110px;
	float:left;
}
.location{
	width:450px;
	height:30px;
	margin-left:8px;
	float:left;
}
.location-icon{
	width:12px;
	height:30px;
	float:left;
	margin-right:3px;
}
.location-city{
	width:300px;
	height:30px;
	text-align:left;
	font-size:12px;
	color:#999999;
	line-height:30px;
}
.location-city p a{
	color:#e60012;
	margin:0 2px;
}


.tel-box{
	width:120px;
	height:30px;
	float:right;
	margin:0 80px;
}
.tel-icon{
	width:12px;
	height:30px;
	float:left;
	margin-right:3px;
}
.telnub{
	width:100px;
	height:30px;
	text-align:left;
	line-height:30px;
	color:#e60012;
	font-size:12px;
	float:left;
}


.entrance{
	width:100px;
	height:30px;
	float:right;
	font-size:12px;
	color:#999999;
	line-height:30px;
}
.entrance a:nth-child(1){
	color:#666666;
	margin-right:5px;
}
.entrance a:nth-child(2){
	color:#e60012;
	margin-left:5px;
}



/*topbox*/
.topbox{
	width:1210px;
	height:112px;
	margin:0 auto;
	padding:30px 0 0 0;
}
.logobox{
	width:288px;
	height:76px;
	float:left;
}
.logobox a{
	display:block;
	border:0;
	width:100%;
	height:100%;
}

.topcenter{
	width:600px;
	height:110px;
	float:left;
	margin:0 100px 0 56px;
}

.searchbox{
	width:580px;
	height:36px;
	margin:0 auto;
}
.searchinput{
	width:494px;
	height:32px;
	float:left;
	border:2px solid #dd0000;
}
.searchinput input{
	width:474px;
	height:32px;
	padding:0 10px;
	border:none;
	font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
	font-size:14px;
}
.searchbtn{
	width:82px;
	height:36px;
	float:left;
}
.searchbtn a{
	width:100%;
	height:100%;
	background:#dd0000;
	display:block;
	color:#ffffff;
	text-align:center;
	line-height:36px;
	font-size:16px;
}
.searchbtn a:active{
	background:#777777;
}


.navbox{
	width:600px;
	height:30px;
	margin-top:40px;
}
.navList li{
	width:120px;
	height:30px;
	float:left;
}
.navList li a{
	display:block;
	width:120px;
	height:40px;
	font-size: 20px;
	text-align:center;
	line-height:40px;
	color:#707070;
/* 	font-weight: bold; */
}


.code{
	width:96px;
	height:96px;
	float:left;
}





.container{
	width:1210px;
	height:auto;
	margin:0 auto;
}





/*foot*/
.foot-box{
	width:100%;
	height:55px;
	background:#fff;
	text-align:center;
	color:#5f5f5f;
	padding:20px 0;
	    margin-top: 2%;
}
.link-box{
	width:100%;
	height:auto;
	margin-bottom:15px;
}
.link-box a{
	font-size:14px;
	color:#5f5f5f;
}
.link-box a:hover{
	text-decoration:underline;
}
.link-box span{
	margin:0 5px;
	font-size:14px;
}






.classify{
	width:280px;
	height:350px;
	float:left;
	background:#dd0000;
}
.classify ul li{
	text-decoration: none;
	color: #fff;
	width: 100%;
	height: 39px;
	position: relative;
	/*background-color: #fff;*/
	margin-top: 4px;
	line-height: 39px;
}

.classify ul li:hover {
	color: #b72c2b;
	background-color: #fff;
	font-weight: 800;
}
.classify ul li:hover .classify_right{
	display: none;
}
.classify ul li:hover span{
	display: block;
}
.classify ul li:hover .classify_menu {
	display: block;
	/*color: #b72c2b;
	border-color: #b72c2b;*/
}
.classify ul li .classify_left{
	float: left;
	display:block;
	padding: 0 30px;
/*	clear: none;*/
}
.classify ul li .classify_right{
	float: right;
	display: block;
	padding: 0 14px;
/*	clear: none;*/
}
.classify_menu{
	position: absolute;
	background-color: #fff;
	width: 929px;
	left: 280px;
	top: -6px;
	border-top: 1px solid #b72c2b;
	border-right: 1px solid #b72c2b;
	border-bottom: 1px solid #b72c2b;
	z-index: 10;
	display: none;
}
.classify_menu a{
	border: 1px solid #9e9e9e;
	text-align: center;
	width: 80px;
	display: inline-block;
	text-decoration:none;
	color: #9e9e9e;
	height: 28px;
	line-height: 30px;
	margin: 10px 10px;
}
.classify_menu a:hover{
	color: #b72c2b;
	border-color: #b72c2b;
}
/*.classify_menu .menu_fist{
	margin-left: 10px;
	}*/
	





.foot-txt{
	width:100%;
	height:auto;
	font-size:12px;
	line-height:18px;
}
.foot-txt a{
	color:#5f5f5f;
}
.foot-txt a:hover{
	text-decoration:underline;
}
.footimg{
	margin:10px auto 0;
}
.fadeInLeft{
animation: fadeInLeft 2s linear 0.5s  alternate forwards;
/* Firefox: */
-moz-animation: fadeInLeft 2s linear 0.5s  alternate forwards;
/* Safari 和 Chrome: */
-webkit-animation: fadeInLeft 2s linear 0.5s  alternate forwards;
/* Opera: */
-o-animation: fadeInLeft 2s linear 0.5s  alternate forwards;
}

.fadeInRight{
animation: fadeInRight 2s linear 0.5s  alternate forwards;
/* Firefox: */
-moz-animation: fadeInRight 2s linear 0.5s  alternate forwards;
/* Safari 和 Chrome: */
-webkit-animation: fadeInRight 2s linear 0.5s  alternate forwards;
/* Opera: */
-o-animation: fadeInRight 2s linear 0.5s  alternate forwards;
}