html,
body {
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: "微软雅黑";
	font-size: 12px;
}

ul {
	list-style: none;
}

			li {
				float: left;
			}
.myWow {
	visibility: hidden;
}
    
			.wrap {  
				max-width: 1080px;
				margin: auto;
			} 

/*** 在线咨询 ***/

#floatDivBoxs {
	width: 170px;
	background: #fff;
	position: fixed;
	top: 100px;
	right: -170px;
	z-index: 999;
}

#floatDivBoxs .floatDtt {
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #d84149;
	color: #fff;
	font-size: 18px;
	text-indent: 22px;
	position: relative;
}

#floatDivBoxs .floatDqq {
	padding: 0 14px;
}

#floatDivBoxs .floatDqq li {
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	border-bottom: 1px solid #e3e3e3;
	text-align: right
}

#floatDivBoxs .floatDqq li img {
	float: left;
	margin-top: 7px;
}

#floatDivBoxs .floatDtxt {
	font-size: 15px;
	color: #333;
	padding: 12px 14px;
}

#floatDivBoxs .floatDtel {
	padding: 0 0 15px 10px;
}

#floatDivBoxs .floatImg {
	text-align: center;
	padding: 10px;
	background: #EBEBEB;
}

#floatDivBoxs .floatImg img {
	margin-bottom: 5px;
}

#floatDivBoxs .floatDtel img {
	display: block;
}

#floatDivBoxs .floatDbg {
	width: 100%;
	height: 20px;
	background: url(../images/online/online_botbg.jpg) no-repeat;
	box-shadow: -2px 0 3px rgba(0, 0, 0, 0.25);
}

.floatShadow {
	background: #fff;
	box-shadow: -2px 0 3px rgba(0, 0, 0, 0.25);
}

#rightArrow {
	width: 50px;
	height: 45px;
	background: url(../images/online/online_arrow.jpg) no-repeat;
	position: fixed;
	top: 100px;
	right: 0;
	z-index: 999;
}

#rightArrow a {
	display: block;
	height: 45px;
}

#floatDivBoxs a {
	color: #666;
	text-decoration: none;
	outline: none;
}

#floatDivBoxs a:hover {
	color: #e8431f;
}

#floatDivBoxs ul {
	list-style: none;
}

#floatDivBoxs ol {
	list-style: none;
}

.floatDqq li {
	width: 100% !important;
}

.floatDqq a {
	float: left;
	font-size: 13px;
}

#floatDivBoxs img {
	border: none;
	outline: none;
}


/*** footer ***/

.footer {
	width: 100%;
	float: left;
	min-height: 380px;
	background-image: url(../images/footer-bg.png);
	background-position: initial !important;
	background-size: initial !important;
	background-repeat: initial !important;
	background-attachment: initial !important;
	background-origin: initial !important;
	background-clip: initial !important;
	background-color: rgb(37, 39, 46) !important;
}

.footer-wrap {
	width: 100%;
	max-width: 1280px;
	margin: auto;
}


			.header-border {
				height: 3px;
				background-color: #e6212a;
			}
			
			.header-contact {
				height: 45px;
				line-height: 45px;
				background-color: #333333;
				font-family: "微软雅黑";
			}
			
			.header-contact-tel,
			.header-contact-email {
				color: #FFF;
				font-size: 16px;
				margin-left: 1%;
				float: left;
			}
			
			.header-contact-email {
				
			}
			
			.header-contact-online {
				width: 100px;
				float: right;
				height: 45px;
				line-height: 45px;
				margin-right: 5.8%;
				background-color: #e6212a;
				text-align: center;			
				cursor: pointer;
				color: #FFF;
				font-size: 13px;
				animation-duration: 1s;
				animation-fill-mode: both;
				animation-iteration-count: 1;
			}
			
			.header-icon ,.header-mail-icon {
				width: 7.5%;
				margin-right: 6px;
				vertical-align: middle;
			}
			.header-mail-icon{ 
				margin-right: 9px; 
			}
			.header-wrap{
				width:100%;
				float: left;
				background-color: #FFF;
			}
			.header-nav {
				color: #333333;
				width: 100%;
				max-width: 1348px;
				margin: auto; 
			}
			
			.header-nav-menu {
				font-weight: 600;
				font-size: 16px;
			}
			.header-nav-menu a{
				color: #000;
				
			}
			
			.menu-active {
				background-color: #e6212a;
				color: #FFF;
				border-radius: 30px
			}
			
			.header-nav-menu li {
				margin-top: 13px;
				padding: 8px 16px;
				border-radius: 30px;
				cursor: pointer;
				-o-transition: color .3s linear, background .3s linear;
				-moz-transition: color .3s linear, background .3s linear;
				-webkit-transition: color .3s linear, background .3s linear;
				transition: color .3s linear, background .3s linear;
			}
			
			.header-nav-menu li:hover {
				background-color: #e6212a;
				color: #FFF;
				border-radius: 30px;
			}
			
			.header-nav-logo {
				width: 28.3%;
				max-width: 414px;
				float: left;
				margin: 5px 20px 25px 20px;
			}
			
			.header-nav-logo img {
				width: 100%;
				vertical-align: middle;
			}
/*** 分页　***/ 
#listPage 
.col-dice-12,
.col-dice-11,
.col-dice-10,
.col-dice-9,
.col-dice-8,
.col-dice-7,
.col-dice-6,
.col-dice-5,
.col-dice-4,
.col-dice-3,
.col-dice-2,
.col-dice-1 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-dice-3 img {
	width: 100%;
}

#listPage .BORDER {
	border: 1px solid #CCC;
	padding: 2px 10px;
	text-align: center;
	float: left;
	color: #e6212a;
	cursor: pointer;
	margin-left: 4px;
}

#listPage .curPage {
	color: white;
	background: #e6212a;
	border: 1px #e6212a solid;
	padding: 2px 10px;
	float: left;
	text-align: center;
	cursor: pointer;
}

#listPage .disbled {
	color: #CCCCCC;
	border: 1px #CCCCCC solid;
	padding: 2px 10px;
	float: left;
	text-align: center;
	cursor: not-allowed; 
	margin-right: 4px!important;
	}

#listPage .subMit {
	border: 1px #CCCCCC solid;
	color: #666666;
	background: white;
	text-align: center;
	width: 200px;
	font-size: 20px; 
	line-height: 2.0em;
	border-radius: 3px;
}
#listPage{
	width:100%; margin:20px auto; padding:5px;float: left;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	/* IE10-specific styles go here */
	#listPage .BORDER {
		border: 1px solid #CCC;
		border-right: 0px;
		padding: 2px 10px;
		text-align: center;
		float: left;
		color: #0099FF;
		cursor: pointer;
	}
	#listPage .curPage {
		color: white;
		background: #0099FF;
		border: 1px #0099ff solid;
		padding: 2px 10px;
		float: left;
		text-align: center;
		cursor: pointer;
	}
	#listPage .fr {
		float: right;
	}
	#listPage .fl {
		float: left;
	}
	 
	#listPage a {
		text-decoration: none;
		cursor: pointer;
	}
	#listPage .clear {
		clear: both;
	}
}

@media screen and (max-width: 1920px) {	 
	#listPage .col-dice-3 {
		width: 25%;
	}
}

@media screen and (max-width: 1024px) {	 
	#listPage .col-dice-3 {
		width: 50%;
	}
}

@media screen and (max-width: 778px) {	 
	#listPage .col-dice-3 {
		width: 100%;
	}
}
#listPage ul{
					width: 60% !important;
					margin: auto !important;
			 
				
				}
#listPage ul li{
				 width: auto !important;
			    height: auto !important; 
				}