.top{
	height: 119px;
	background: url(../images/top-bg.jpg);
	border-bottom: 1px solid #D2CFCF;
}
.top .hd{
	overflow: hidden;
}
.top .hd .logo{
	float: left;
	margin-top: 27px;
	margin-left: 25px;
}
.top .hd .oem{
	margin-top: 40px;
	margin-left: 40px;
}
.top .hd .tel{
	float: right;
	margin-right: 50px;
	margin-top: 45px;
}

/*导航栏*/
.nav{
	height: 50px;
	background: #3a3a3a;
}
.nav .nav-list{
	/*overflow: hidden;*/
}
.nav .nav-list .list{
	float: left;
	position: relative;
	margin-left: 13px;
}
.nav .nav-list .list:nth-child(9){
	display: none;
}
.nav .nav-list .list .nav-name{
	color: #fff;
	font-size: 16px;
	display: block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 50px;
    height: 50px;
    
}
.nav .nav-list .list .nav-name:hover{
	background: #000000;
}
.nav .nav-list .list .drop-down{
	min-height: 50px;
	background: #3a3a3a;
	position: absolute;
    display: none;
    z-index: 999;
}
.nav .nav-list .list:hover .drop-down{
	display: block;
	-webkit-animation:fadeInDown 1s .2s ease both;
	-moz-animation:fadeInDown 1s .2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-20px)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-20px)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}

.nav .nav-list .list .drop-down a{	
	font-size: 14px;
	color:#fff;
	white-space: nowrap;
}
.nav .nav-list .list .drop-down li:hover{
	background: #000000;
}
.nav .nav-list .list .drop-down li{
	padding: 10px 10px;
	min-width: 80px;
}




/*友情链接*/
.blogroll{
	min-height: 70px;
	background: #f5f3fc;
	line-height: 70px;

}
.blogroll .link{
	overflow: hidden;
}
.blogroll .link label{
	font-size: 18px;
	color:#575757;
}
.blogroll .link li,.blogroll .link label{
	float: left;
}
.blogroll .link li a{
	padding:0 10px;
	border-right: 1px solid #ddd;
	color:#888888;
	font-size: 14px;
}
/*联系方式*/
.contact{
	overflow: hidden;
	min-height: 130px;
	background: #0a3672;

}
.contact li{
	float: left;
	margin-top: 30px;
	padding: 20px 30px 20px 10px;
	border-right: 1px solid #fff;
	width: 210px;
}
.contact li em{
	float: left;
	font-size: 30px;
	color:#fff;
}
.contact li div label{
	font-size: 14px;
	color:#fff;
}
.contact li:nth-child(4){
	border-right: none;
}
.bt{
	height: 40px;
	text-align: center;
	background: #282828;
	line-height: 40px;
	color:#b7b7b7;
}


.content{
	width: 100%;
	background: #f2f2f2;
	overflow: hidden;
}
.content .container{
	overflow: hidden;
	margin-bottom: 100px;
}
/*左边*/
.content .left{
	float: left;
}
.content .left .tl,.bl{
	width: 200px;
	height: 100px;
	background: #0a3672;
	margin-top: 30px;
	overflow: hidden;
}
.content .left .cl{
	width: 170px;
	background: #FFF;
	padding:15px 15px 5px 15px;
}
.content .left .bl{
	background: #ccc;
}
.content .left .dl{
	width: 170px;
	height: 440px;
	background: #FFF;
	padding:0 15px 0 15px;

}
.content .right{
	float: right;
}
.content .right .list{
	width: 770px;
	background: #fff;
	margin-top: 30px;
	overflow: hidden;
}
.content .right .list .head{
	width: 710px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ddd;
	margin-top: 20px;
}
.content .right .list .head h5{
	display: block;
    float: left;
    color: #666;
    font-size: 14px;
}
.content .right .list .head span{
	font-size: 12px;
    color: #999999;
    float: right;
    text-align: right;
}

.content .left .tl h3,.bl h3{
	color: #fff;
    font-size: 30px;
    text-align: center;
    margin-top: 18px;
}
.content .left .tl p,.bl p{
	color: #fff;
    font-size: 16px;
    text-align: center;
}





.content .left .cl em{
	width: 2px;
    height: 13px;
    background-color: red;
    margin-right: 17px;
    display: inline-block
}
.content .left .cl .list{
	margin-bottom: 20px;
}
.content .left .cl p a{
	font-size: 14px;
	color:#666;
	font-weight: 700;
}
.content .left .cl .listTwo{
	margin-left: -4px;
}
.content .left .cl .listTwo:before{
	content: "●";
	color:#0a3672;
	font-size: 16px;
	margin-right: 10px;
}


.content .right .list ul{
	width: 710px;
	margin: 35px auto;
	/*overflow: hidden;*/
}

.content .right .list ul li:nth-child(3n){
	margin-right: 0;
}
.content .right .list ul li img{
	width: 224px;
	height: 224px;
	webkit-box-shadow: 0 0px 0px;
    -moz-box-shadow: 0 0px 0px;
    box-shadow: 0 0px 0px;
    transition: box-shadow .7s;
}
.content .right .list ul li .title{
	display: block;
	text-align: center;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	margin-top: 25px;
}
.content .right .list ul li:hover .title{
	color: #0a3672;
}
.content .right .list ul li:hover img{
	-webkit-box-shadow: 0 0px 20px #d9d4c7;
    -moz-box-shadow: 0 0px 20px #d9d4c7;
    box-shadow: 0 0px 20px #d9d4c7;
    transition: box-shadow .7s;
}
.backg{
    background: #000000;
}
.pageList{
	width: 710px;
    margin: 0 auto 28px auto;
    overflow: hidden;
}
.page_list {
    width: 710px;
    margin: 0 auto 28px auto;
    overflow: hidden;
}
.head-tot{height: 119px;background: url(../images/top-bg.jpg);border-bottom: 1px solid #D2CFCF;}
.head-tot .h-top{padding-top: 27px;float: left;width: 100%;}
.head-tot .h-top .logo,.head-tot .h-top .logo a{float: left;margin-right: 20px;}
.head-tot .h-top .logo .font{float: left;text-align: center;margin-top: 5px;}
.head-tot .h-top .logo h3{color: #153870;font-size: 30px;}
.head-tot .h-top .logo p{color: #153870;font-size: 16px;}
.head-tot .h-top .box-2{float: left;margin-left: 40px;text-align: center;margin-top: 10px;}
.head-tot .h-top .box-2 h3{color: #ea0d16;font-size: 24px;}
.head-tot .h-top .box-2 p{color: #ea0d16;font-size: 16px;}
.head-tot .h-top .tel-top{float: right;background: url(../images/tel-top.png) no-repeat center left;padding-left: 35px;margin-top: 10px;}
.head-tot .h-top .tel-top p{color: #ea0d16;font-size: 14px;font-weight: bold;}
.head-tot .head-en{float: right;margin-top: -20px;}