body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td,img {margin:0;padding:0;}
img {border:0}
ol,ul {list-style:none}
h1,h2,h3,h4,h5,h6{font-size:16px;}
input{outline: none;border:none;}
html {_overflow-y:scroll;}
*{ margin: 0; padding: 0;}
/*****！！页面通用css样式定义开始******/
html,body{min-width: 1200px;font-family: "Microsoft YaHei";_width:expression(document.body.clientWidth < 1200 ? "1200px" : "auto");}
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body{
    font-family: "微软雅黑";    /*文字字体定义 */
	font-size: 14px;    /*文字大小定义 */
	color: #666666; /*文字颜色定义 */
}
/* 网站超链接css通用设置 */
a{text-decoration: none;} /* 链接无下划线,有为underline */ 
a:link {color: #2c2c2c;} /* 未访问的链接 */
a:visited {color: #2c2c2c;} /* 已访问的链接 */
a:hover{color: #2c2c2c;	text-decoration: none;} /* 鼠标在链接上 */ 
a:active {color: #2c2c2c;} /* 点击激活链接 */
p{ line-height:24px;}
.fl{float:left;}
.fr{float:right;} 
.hide{display: none}
.show{display: block}
.dib{display: inline-block;*display: inline;zoom:1;}
/*.clear{clear:both; line-height:0; height:0; font-size:0px;}*/
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow: hidden;}/*清除浮动*/
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.dib{display: inline-block;*display: inline;zoom:1;}
.wrap{ width:1200px; margin:0 auto; height:auto;}
.red{color: red}
/*表格样式定义 */ 
checkbox{border: 0px;}/*选择框样式定义 */ 
.input{ border:1px solid #ccc; height:20px;line-height:20px} 
ul,li{ list-style:none}
.fl{float:left;}
.fr{float:right;}


/*public*/
.size{ width:1200px; margin:0 auto;}
.size1{ width:100%; overflow:hidden; margin:0 auto;}
.backcolor{background:#d6001c;}
.color{ color:#d6001c; }
.header{ }
.headtop{ padding:20px 0 10px;} 
img{max-width: 100%;}
body{max-width: 1920px;margin: 0 auto;}
/*共用头部*/


.container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.header {
	background: url(../images/h-bg.jpg) no-repeat center center;
	overflow: hidden
}

.header .logo {
	overflow: hidden;
	float: left
}

.header .logo a {
	display: block
}

.header .logo a img {
	display: block;
	float: left;
	margin-top:8px;
}

.header .header-center {
	float: left;
	line-height: 91px;
	margin: 0 100px 0 240px;
}

.header .header-center h3 {
	font-size: 26px;
	color: #333;
	float: left;
	margin-right: 23px
}

.header .header-center h3 span {
	color: #d6001c;
	font-weight: bold
}

.header .header-center p {
	font-size: 26px;
	color: #333;
	float: left;
	font-family: arial;
	font-weight: bold
}

.header .header-right {
	float: right
}

.header .header-right ul {
	background: url("../images/h-right.png") no-repeat center center;
	width: 248px;
	text-align: center;
	height: 32px;
	padding: 0 10px
}

.header .header-right ul li {
	float: left;
	background: url("../images/line03.jpg") no-repeat center right;
	width: 33.3333333333%
}

.header .header-right ul li a {
	color: #fff;
	line-height: 32px
}

.header .header-right .header-bottom {
	background: url("../images/h-phone.png") no-repeat center left;
	height: 46px;
	font-size: 30px;
	padding-left: 30px;
	font-family: "Balthazar",arial;
	float: right;
	padding-right: 10px;
	color: #333;
	line-height: 46px;
}

@media(max-width:1600px) {
	.header .header-center {
		margin: 0 10px
	}
}

@media(max-width:1440px) {
	.header .header-center {
		margin: 0 15px
	}

	.header .header-center h3 {
		font-size: 20px
	}

	.header .header-center p {
		font-size: 20px
	}
}

@media(max-width:1366px) {
	.header .header-center {
		margin: 0;
	}
	
	.header .header-right .header-bottom{
	font-size: 25px;
	}
}

@media(max-width:1360px) {
	.header .header-center {
		margin: 0;
	}
	
	.header .header-right .header-bottom{
	font-size: 25px;
	}
}

@media(max-width:1280px) {
	.header .header-center {
		margin: 15px 78px;
		line-height: 30px;
		text-align: center
	}

	.header .header-center h3 {
		float: none
	}
}

@media(max-width:1260px) {
	.header .header-center {
		margin: 15px 117px
	}
}

@media(max-width:1199px) {
	.header .container1 {
		width: 1200px;
		margin: 0 auto
	}

	.header .header-center {
		margin: 15px 117px
	}
}

.nav {
	background: url("../images/n-bg.jpg") repeat-x center center;
	height: 50px
}

.nav ul {
	height: 50px;
	background: url("../images/line01.png") no-repeat center left
}

.nav ul li {
	float: left;
	line-height: 50px;
	font-size: 16px;
	position: relative;
	width: 150px
}

.nav ul li a {
	display: block;
	color: #fff;
	text-align: center;
	margin-left: -1px;
	background: url("../images/line01.png") no-repeat center right
}

.nav ul li:hover a {
	background: url("../images/n-bg1.jpg") repeat-x center center
}

.nav ul li:hover .menulist {
	width: 100%;
	margin-left: -75px
}

.nav ul li .menulist {
	position: absolute;
	top: 50px;
	left: 50%;
	z-index: 100;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	overflow: hidden;
	margin-left: 0;
	width: 0
}

.nav ul li .menulist ul {
	height: auto;
	background: #f1f1f1
}

.nav ul li .menulist ul li {
	height: 35px;
	line-height: 35px;
	padding: 0;
	margin: 0;
	float: none;
	text-transform: none;
	text-align: center;
	font-size: 14px;
	font-weight: normal
}

.nav ul li .menulist ul li a {
	color: #555;
	background: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 5px
}

.nav ul li .menulist ul li:hover a {
	color: #fff;
	background: #d6001c
}

.nav ul .active a {
	background: url("../images/n-bg1.jpg") repeat-x center center
}




/*index banner*/
.banner{width: 100%;position: relative;z-index: 0;overflow: hidden;}
.banner .flexslider{ width:100%;height:100%;position:relative;overflow:hidden; min-width:1000px;}
.banner .slides{position:relative;z-index:1;}
.banner .slides li{height:100%;}
.banner .slides li img{width: 100%; margin:0 auto; display:block;}
/*左右切换*/
.banner .flex-direction-nav {width: 1200px;height: 48px;position: absolute;left: 50%;top: 50%;margin:-24px 0 0 -600px;  z-index: 1}
.banner .flex-direction-nav a.flex-prev,
.banner .flex-direction-nav a.flex-next{position: absolute;width: 25px;height: 48px;background:none;font-size: 0}
.banner .flex-direction-nav a.flex-prev{left: 0;}
.banner .flex-direction-nav a.flex-next{right: 0;background-position:-25px 0; }
/*dot*/
.banner .flex-control-paging{}
.banner .flex-control-nav{ width: 1000px;position:absolute;left: 50%;margin-left: -500px;bottom: 10px; z-index:2;text-align:center;}
.banner .flex-control-nav li{display:inline-block;*display:inline;zoom:1;font-size: 0;margin: 0 6px;}
.banner .flex-control-nav a{display:block;width:28px;height:5px;border-radius:5px;background:#d6001c;cursor:pointer;}
.banner .flex-control-nav .flex-active{background: #d6001c; width: 12px; height: 12px; border-radius: 50%; position: relative; top: -4px; }


#footer {
	border-top: 6px solid #d6001c;
	height: 271px;
	background: #2c2c2c
}

#footer .footer-top {
	padding: 60px 0;
	height: 220px
}

#footer .footer-left {
	float: left;
	width: 780px
}

#footer .footer-left .link {

	height: 43px;
	border: 1px solid #626262;
	display: inline-block;
	zoom: 1;
	position: relative;
	margin-bottom: 40px;
	width:800px;
}

#footer .footer-left .link span {
	background: #686868 url(../images/down.png) no-repeat 180px center;
	display: block;
	text-align: left;
	padding-left: 10px;
	cursor: pointer;
	height: 43px;
	color: #fff;
	font-size: 14px;
	line-height: 43px;
	width:214px;
}

#footer .footer-left .link ul {





	background: #6c6e75;
	border: 1px solid #6c6e75
}

#footer .footer-left .link ul a {
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	display: block;
	text-decoration: none;
	padding: 0 3px;
	font-size: 12px;
	text-align: center
}

#footer .footer-left .link ul a:hover {
	background: #131313
}

#footer .footer-left .link .sublink {
	display: block
}

#footer .footer-left .f-nav {
	overflow: hidden
}

#footer .footer-left .f-nav ul li {
	float: left;
	margin-right: 37px
}

#footer .footer-left .f-nav ul li a {
	color: #fff
}

#footer .footer-right {
	float: left;
	width: 420px
}

#footer .footer-right .ewm {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 32px
}

#footer .footer-right .f-info {
	float: left;
	width: 280px
}

#footer .footer-right .f-info p {
	color: #fff;
	overflow: hidden;
	margin-bottom: 18px
}

#footer .footer-right .f-info p img {
	vertical-align: middle;
	float: left;
	margin-right: 12px
}

#footer .footer-right .f-info p a {
	color: #fff;
	float: left
}

#footer .footer-bottom {
	border-top: 1px solid #383838;
	text-align: center;
	height: 44px;
	line-height: 44px;
	font-size: 12px;
	color: #999
}

#footer .footer-bottom a {
	color: #999;
	text-decoration: underline
}

#footer .footer-bottom a:hover {
	color: #fff
}