﻿@charset "utf-8";
/* CSS Document */
.pull-left{
	float:left;
}
.pull-right{
	float:right;
}


/***** 头部 *****/
.header{
	width:100%;
	position:relative;
}

.banner{
	width:100%;
	height:200px;
	overflow:hidden;
	display:block;
	text-align:center;
	position:relative;
}
.banner img{
	width:1920px;
	height:200px;
	display:block;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-960px;
}

.head-cont{
	width:1170px;
	height:94px;
	background:#fff;
	margin:0 auto;
	box-shadow:0 1px 4px #f0f0f0;
	position:absolute;
	left:50%;
	top:30px;
	margin-left:-585px;
	z-index:99;
}
.head-logo{
	float:left;
	margin:20px 30px 0 14px;
}
.head-logo img{
	width:200px;
	height:50px;
	display:block;
}

/***** 导航 *****/
.nav{
	float:left;
}

.nav > li{
	float:left;
}
.nav .level1{
	font-size:16px;
	line-height:18px;
	padding:40px 18px 0;
	color:#333333;
	position:relative;
	display:block;
	height:54px;
	background:url(../images/line_02.jpg) no-repeat left 40px;
}
.nav .line{
	width:100%;
	height:7px;
	display:none;
	background:#a52234;
	position:absolute;
	top:0;
	left:0;
}
.nav li.on .line,
.nav li:hover .line{
	display:block;
}
.nav li.on .level1,
.nav li:hover .level1{
	color:#a52234;
}

.drop-down{
	width:99.8%;
	background: url(../images/bg_01.png) repeat-x left top #fff;
	border:solid 1px #ebebeb;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	padding:20px 0 18px;
	position:absolute;
	left:0;
	top:100%;
	display:none;
	z-index:999;
}
.sub-nav{
	width:1100px;
	margin:0 auto;
	overflow:hidden;
	border-bottom:solid 1px #e6e6e6;
	padding-bottom:14px;
}
.sub-nav a{
	display:block;
}
.sub-nav > li{
	float:left;
	margin:0 28px;
}
.sub-nav li.on > a,
.sub-nav li:hover > a{
	color:#c21c33;
}
.sub-nav .level2{
	font-size:18px;
	line-height:26px;
	color:#4c4c4c;
	margin-bottom:10px;
}
.sub-nav .level3 a{
	font-size:14px;
	line-height:24px;
	color:#4c4c4c;
}
.drop-down .bot{
	width:1100px;
	margin:15px auto 0;
	overflow:hidden;
	text-align:center;
}
.drop-down .bot img{
	width:285px;
	height:100px;
	margin:0 35px;
}


.sch-box{
	width:130px;
	height:25px;
	border:solid 1px #d2d2d2;
	background:#fff;
	position:relative;
	float:right;
	padding-right:26px;
	padding-left:10px;
	margin:33px 30px 0 0;
}
.sch-box input{
	width:100%;
	height:25px;
	display:block;
	font-size:14px;
	line-height:25px;
	color:#aaa;
}
.sch-box .btn{
	width:26px;
	height:25px;
	display:block;
	background:url(../images/btn_01.png) no-repeat left center;
	position:absolute;
	right:0;
	top:0;
}


/***** 主体部分 ******/
.main-box{
	width:100%;
	min-height:450px;
	margin:0 auto;
	overflow:hidden;
}
.main-box .conter{
	width:1170px;
	margin:0 auto;
	overflow:hidden;
}


/**** 底部 *****/
.footer{
	width:100%;
	border-top:solid 2px #535353;
	background:#fff;
	padding-bottom:31px;
}
.footer .conter{
	width:1170px;
	margin:0 auto;
	overflow:hidden;
}
.footer .top{
	width:100%;
	overflow:hidden;
	padding:30px 0 20px;
	border-bottom:solid 1px #bfbfbf;
}
.foot-nav{
	width:850px;
	float:left;
}
.foot-nav li{
	width:118px;
	float:left;
	margin-right:22px;
}
.foot-nav a{
	width:100%;
	display:block;
}

.foot-nav .level1{
	font-size:16px;
	line-height:1;
	color:#111111;
	padding-bottom:14px;
	background:url(../images/line_01.jpg) no-repeat left bottom;
	margin-bottom:16px;
}
.foot-nav .level2 a{
	font-size:12px;
	line-height:24px;
	color:#666666;
}
.foot-nav a:hover{
	color:#c21c33;
}

.foot-logo{
	float:right;
	margin-right:12px;
}
.foot-logo img{
	width:286px;
	display:block;
}

.foot-tel{
	width:220px;
	height:44px;
	padding:104px 36px 20px 28px;
	background:url(../images/home_09.png) no-repeat center top;
	float:right;
	margin-right:19px;
	overflow:hidden;
}
.foot-tel strong{
	width:38px;
	height:44px;
	display:block;
	font-size:18px;
	line-height:22px;
	color:#666666;
	float:left;
	margin-right:13px;
}
.foot-tel .tel{
	display:table;
	height:44px;
	font-size:22px;
	color:#666666;
	line-height:1;
}
.foot-tel span{
	display:table-cell;
	vertical-align:middle;
	word-break:break-all;
}

.footer .bot{
	width:100%;
	height:26px;
	overflow:hidden;
	padding:11px 0 20px;
	font-size:12px;
	line-height:26px;
	color:#555555;
}
.footer .bot a{
	color:#555;
}
.footer .bot a:hover{
	color:#c21c33;
}

.foot-copy{
	float:left;
	margin-right:8px;
}
.foot-copy span{
	font-family:Arial, Helvetica, sans-serif;
	margin-right:8px;
}

.foot-support {
  width: 205px;
  float: left;
}
.foot-support .title{
	float:left;
}
.foot-jszc {
  float: left;
  width: auto;
}
.foot-jszc li {
  width: 145px;
  text-align: left;
}

.footer .bot .pull-right span{
	margin:0 3px;
}

/*2018/10/11*/
.foot-x {
  width: 330px;
  float: left;
}
.foot-x2 li {
  width: 100%;
  
}

/**** 弹出框 ****/
.pop-box{
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	position:fixed;
	left:0;
	bottom:100%;
	z-index:9997;
}
.pop-zhe{
	width:100%;
	height:100%;
	display:block;
	background:url(../images/bg_tmb70.png);
	position:absolute;
	left:0;
	top:0;
	z-index:9998;
}
.index-side li .jiathis_style{
	position: absolute;
	z-index: 1000000000;
	display: none;
	overflow: auto;
	top: 533.5px;
	left: 1130px;
}

/*** 侧边栏 ***/
.index-side{
	width:50px;
	height:245px;
	background:#515354;
	padding:10px 0;
	border-top-left-radius:8px;
	-moz-border-top-left-radius:8px;
	-webkit-border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	-moz-border-bottom-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	position:fixed;
	right:0;
	top:45%;
	margin-top:-100px;
	z-index:9999;
}
.index-side li{
	width:100%;
	height:60px;
	position:relative;
}
.index-side .icon{
	width:100%;
	height:28px;
	display:block;
	cursor:pointer;
	padding:16px 0;
}
.index-side .icon img{
	width:28px;
	height:28px;
	display:block;
	margin:0 auto;
}
.index-side li:hover .icon{
	background:#b12929;
}
.index-side .after{
	display:none;
	text-align:center;
	padding:10px;
	background:#b12929;
	border-top-left-radius:8px;
	-moz-border-top-left-radius:8px;
	-webkit-border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	-moz-border-bottom-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	position:absolute;
	right:50px;
	bottom:0;
}
.index-side .tel{
	min-width:222px;
}
.index-side a{
	font-size:16px;
	line-height:40px;
	color:#ffffff;
}
.index-side .after img{
	width:100px;
	height:100px;
	display:block;
	margin:0 auto;
}


