@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body{ font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, sans-serif}


html {
	font-family: sans-serif;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, q, th, td, caption, article, aside, figure, figcaption, footer, header, hgroup, nav, section, audio, video {
	margin: 0;
	border: 0;
	padding: 0;
	font-style: normal;
}
img, button, em, del, var, label, cite, small, time, mark, code, textarea {
	display: inline-block;
}


.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
/*不选文字*/
/*
html,body {
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	background-color: #fff;
}
*/


body, button, input, select, textarea {
	font: 12px/1.5 arial, "微软雅黑", "宋体", Tahoma, Verdana, sans-serif;
	-webkit-text-size-adjust: none;
}
nav, article, aside, details, main, header, footer, fieldset, figcaption, figure {
	display: block;
}
fieldset, img {
	border: 0;
}
button, input, select, textarea {
	margin: 0;
	vertical-align: middle;
}
ul, ol, li, dl, dt, dd {
	list-style: none;
	color: #999
}
em, code {
	font-style: normal;
}
del {
	text-decoration: line-through;
}
label, .wordWrap {
	word-wrap: break-word;
	word-break: break-all;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.loading_more {
	display: block;
	height: 1.5em;
	width: 100%;
}
.loading_more:before {
	background-image: url(../image/loading_more.gif) 30% center;
	background-repeat: no-repeat;
	background-size: contain;
	text-align: center;
}
.loading_more:after {
	content: '加载更多';
}
a {
	text-decoration: none;
	transition: all 0.3s ease-out 0s;
	cursor: pointer;
	color: #000;
}
a:hover {
	color: #21a53c;
	text-decoration: none;
}
.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	content: ' ';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix:after {
	clear: both
}
.im img {
	display: block;
}
.im100 img {
	width: 100%;
	min-width: 100%;
}
.cle {
	clear: both;
}
/**左**/
.fleft {
	animation: fadeleft;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-delay:1s;
	opacity: 0;
	position: relative
}
@keyframes fadeleft {
	 0% {
	left:0px
	}
	 100% {
	left:50px;
	opacity:1
}
}
/**右**/
.fright {
	animation: faderight;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
	position: relative;
	animation-delay:0.5s;
}
@keyframes faderight {
	 0% {
	right:0px
	}
	 100% {
	right:50px;
	opacity:1
}
}
/**下**/
.fbottom{
	animation: fadebottom;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
	position: relative
}
@keyframes fadebottom {
	 0% {
	top:15px
	}
	 100% {
	top:0px;
	opacity:1
}
}
/**上**/	
.ftop {
	animation:fadeup;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
	position: relative;
}
@keyframes fadeup {
	 0% {
	top:0
	}
	 100% {
	top:25px;
	opacity:1
	}
}

/**上2**/	
.ftop2 {
	animation:fadeup2;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
	position: relative;
}
@keyframes fadeup2 {
	 0% {
	margin-top:-40px
	}
	 100% {
	margin-top:0px;
	opacity:1
}
}
/**上3**/	
.ftop3 {
	animation:fadeup3;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
	position: relative;
	animation-delay:0.6s
}
@keyframes fadeup3 {
	 0% {
	margin-top:-40px
	}
	 100% {
	margin-top:0px;
	opacity:1
}
}
.ftop4 {
	animation:fadeup4;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
	position: relative;
	animation-delay:0.8s
}
@keyframes fadeup4 {
	 0% {
	margin-top:-40px
	}
	 100% {
	margin-top:0px;
	opacity:1
}
}





/**下2**/
.fbottom2{
	animation: fadebottom2;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
	position: relative;
	animation-delay:0.3s
}
@keyframes fadebottom2 {
	 0% {
	margin-top:25px
	}
	 100% {
	margin-top:0px;
	opacity:1
}
}
/**下3**/
.fbottom3{
	animation: fadebottom3;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
	position: relative;
	animation-delay:0.9s
}
@keyframes fadebottom3 {
	 0% {
	margin-top:25px
	}
	 100% {
	margin-top:0px;
	opacity:1
}
}

/**time2s**/
.time2s{
	animation: time2s;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
	animation-delay:1.5s
}
@keyframes time2s {
	 0% {	
	}
	 100% {	
	opacity:1
}
}
/**左2**/
.fleft2 {
	animation: fadeleft2;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
	position: relative
}
@keyframes fadeleft2 {
	 0% {
	left:20px;
	
	}
	 100% {
	left:0px;
	opacity:1
}
}

.fleft3 {
	animation: fadeleft3;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
	position: relative;
	animation-delay:0.6s
}
@keyframes fadeleft3 {
	 0% {
	left:20px;
	
	}
	 100% {
	left:0px;
	opacity:1
}
}






/**右2**/
.fright2 {
	animation: faderight2;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
	position: relative;
	animation-delay:0.6s

}
@keyframes faderight2 {
	 0% {
	right:20px
	}
	 100% {
	right:0px;
	opacity:1
}
}


.fright3 {
	animation: faderight3;
	animation-duration: 1s;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
	position: relative;
	animation-delay:0.8s

}
@keyframes faderight3 {
	 0% {
	right:20px
	}
	 100% {
	right:0px;
	opacity:1
}
}




/*留言板相关**************/
/*留言板相关**************/
.Message {
	width:680px;
	clear: both;
}
.Message li{
	width:100%;
	margin:5px 0;
	float:left;
}



.xlxz select {
	width:98%;
	height:35px;
	line-height:33px;
	}
.wbk textarea{
	width:98%;
	height:150px;
	line-height:23px;
}
.srk input{
	width:98%;
	height:35px;
	line-height:33px;
}
.lran a{
	width:49%;
	height:39px;
	line-height:39px;
	font-size:14px;
	text-align:center;
	color:#FFF;
	display:block;
	filter:progid:DXImageTransform.Microsoft.radius(strength=5);/*ie*/
	border-radius:5px;/*opera或ie9*/
	-webkit-border-radius: 5px;/*safari或chrome*/
	-moz-border-radius: 5px;/*firefox*/
	}
.lran .a1{
	background-color:#ae2500;
	}
.lran .a2{
	background-color:#005896;
	}

.an1 {
    width: 120px;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    border: 0px;
    display: inline-block;
    cursor: pointer;
    background-color: #28963a;
    filter: progid:DXImageTransform.Microsoft.radius(strength=5);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}

/*标题*/
.Message .title {
	width:80px;
	text-align:right;
	padding-right:10px;
	color: #878787;
	height:35px;
	line-height:35px;
	float:left;
}
.Message .message_lr{
	margin-left:90px;
	min-height:35px;
	}

.Message .message_lr .inp1{
	padding:0 10px;
	margin:0;
	text-align:left;
	height:33px;
	line-height:33px;
	border:1px solid #CCC;
	}
.Message .message_lr .inp2{
	padding:5px 10px;
	margin:0;
	text-align:left;
	line-height:21px;
	border:1px solid #CCC;
	}
.Message .message_lr .select1{
	text-align:left;
	padding-left:10px;
	height:33px;
	line-height:33px;
	border:1px solid #CCC;
	}
.Message .message_lr .yzm{
	cursor:pointer;	
	}

.Message .message_lr input{
	float:left;
}

.Message .message_lr input {
	transition: all 0.30s ease-in-out; 
	-webkit-transition: all 0.30s ease-in-out; 
	-moz-transition: all 0.30s ease-in-out; 
	 border-radius: 4px;
	 outline: none; 
	 } 
.Message .message_lr input:focus {
	border:#35a5e5 1px solid;
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    }





.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f20 {
	font-size: 20px;
}
.lin19 {
	line-height: 19px;
}
.lin21 {
	line-height: 21px;
}
.lin25 {
	line-height: 25px;
}
.text_left {
	text-align: left;
}
.text_right {
	text-align: right;
}
.text_s {
	text-decoration: line-through;
}
.overflowh {
	overflow: hidden;
}

.main {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}


/*图片Hover放大效果*/
.hover_zoom img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 200ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 200ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 100ms;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 100;
	-moz-perspective: 100;
	-ms-perspective: 100;
	perspective: 100;
	width: 100%
}
.hover_zoom:hover img {
	-webkit-transform: scale(1.1, 1.05);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 200ms;
	-moz-transform: scale(1.05, 1.05);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 200ms;
	transform: scale(1.05, 1.05);
	transition-timing-function: ease-out;
	transition-duration: 200ms;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 100;
	-moz-perspective: 100;
	-ms-perspective: 100;
	perspective: 100
}
/*图片Hover移动效果*/

.hover_yidong img {
	-webkit-transition: -webkit-transform .2s linear;
	-moz-transition: -moz-transform .2s linear;
	-o-transition: -o-transform .2s linear;
	transition: transform .2s linear;
 _width: expression(function(el) {
if(/msie 6/i.test(navigator.userAgent)) {
var threshold=100*el.parentNode.clientWidth/100;
el.style.width=(threshold==0||el.clientWidth>threshold)?threshold||'100%':'auto';
}
}
(this));
 max-height:185px;
 _height: expression(function(el) {
if(/msie 6/i.test(navigator.userAgent))el.style.height=(el.scrollHeight>185)?'185px':'auto';
}
(this));
}
.hover_yidong:hover img {
	/*	
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
*/
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	transform: translateX(-5px);
}




.main_bgcolor {
	background-color: #ffffff;
}
.bor1 {
	background-color: #fff;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}
.bor2 {
	border: 1px solid #d4d4d4;
	background-color: #FFF;
}
.bor3 {
	background-color: #FFF;
	border: 1px solid #d4d4d4;
	border-top: 0;
}
.bor4 {
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}
.tylrbox1 {
	padding: 10px;
}
.tylrbox2 {
	padding: 15px;
}
.tylrbox3 {
	padding: 20px;
}
.w65 {
	width: 65px;
}
.w85 {
	width: 85px;
}
.w100 {
	width: 100px;
}
.w125 {
	width: 125px;
}
.w185 {
	width: 185px;
}
.w198 {
	width: 198px;
}
.w230 {
	width: 230px;
}
.w250 {
	width: 250px;
}
.w310 {
	width: 310px;
}
.w470 {
	width: 470px;
}
.w700 {
	width: 700px;
}
.w735 {
	width: 735px;
}
.w755 {
	width: 755px;
}
.w803{
	width: 803px;
    overflow: hidden;
    margin: 0px auto;
    padding: 0px;
    margin-top: 38px;
}



/*通用标题*/



.main_top {
	margin-top: 10px;
}
.main_top2 {
	margin-top: 15px;
}
.main_top3 {
	margin-top: 20px;
}
.main_top4 {
	margin-top: 30px;
}
.main_top5 {
	margin-top: 40px;
}
.main_lef {
	margin-left: 10px;
}
.main_lef2 {
	margin-left: 15px;
}
.main_lef3 {
	margin-left: 20px;
}
.main_lef4 {
	margin-left: 30px;
}
.padding_top {
	padding-top: 10px;
}
.padding_top2 {
	padding-top: 20px;}




.slideBox{ overflow:hidden; position:relative; height:100%; }

		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
.floatrightfoot {
	width:100px;
	height: auto;
	z-index: 9999;
	display: block;
	position: fixed;
	right:5px;
	bottom:100px;
}
.floatrightfoot img{
	width:100%;
}