@charset "utf-8";
/* CSS Document */

/**{margin: 0;padding: 0;list-style: none;}*/

/*
KISSY CSS Reset
理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
特色：1. 适应中文；2. 基于最新主流浏览器。
维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
 */

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
  margin: 0;
  padding: 0;
}
html, body{ height:100%; }

/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
  font: 14px/1.5 tahoma, arial,"Microsoft Yahei", 微软雅黑, \5b8b\4f53, sans-serif;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; cursor:pointer;  color: #000;}
/*a { text-decoration: none; cursor:pointer;  transition: all 0.3s ease-out 0s; color: #373d41;}*/
a:hover { text-decoration:none; color:#3c77df;}

img,a.img{
	transition: all 0.3s ease-out 0s;
}

/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */


*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:after, :before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
/* 清除浮动 */
.clear:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.clear {
  *zoom: 1;
}

.clearfix {
*zoom:1
}

.clearfix:before, .clearfix:after {
	content: ' ';
	display: block;
	clear: both;
	visibility:hidden;
	line-height: 0;
	height:0;
	}

.clearfix:after {
	clear:both
}

.divlrbox{

	/*-webkit-box-sizing: inherit;*/
	/*box-sizing: inherit;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.im img{
	border: 0;
	display:block;
}
.im100 img {
    width: 100%;
    min-width: 100%;
}

.bottombor{
	border-bottom:1px solid #e9e9e9;
}


.icon_png,.img_icon a,.tywzlist0 a,.tywzlist1 a,.tywzlist2 a,.mainbt2 a.more{
	background:url(../images/ico.png) no-repeat;
}

/*图片Hover放大效果*/
.hover_zoom img {
	-webkit-transform:scale(1, 1);
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-duration:1500ms;
	-moz-transform:scale(1, 1);
	-moz-transition-timing-function:ease-out;
	-moz-transition-duration:1500ms;
	transform:scale(1, 1);
	transition-timing-function:ease-out;
	transition-duration:1500ms;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	-moz-perspective:1000;
	-ms-perspective:1000;
	perspective:1000;
	width:100%
}
.hover_zoom:hover img {
	-webkit-transform:scale(1.05, 1.05);
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-duration:1000ms;
	-moz-transform:scale(1.15, 1.15);
	-moz-transition-timing-function:ease-out;
	-moz-transition-duration:1500ms;
	transform:scale(1.15, 1.15);
	transition-timing-function:ease-out;
	transition-duration:1000ms;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	-moz-perspective:1000;
	-ms-perspective:1000;
	perspective:1000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


.position_r{
	position: relative;
}
.position_a{
	position: absolute;
}

.overflow_h{
	overflow: hidden;
}
.dsblock{
	display: block;
}
.dsin{
	display:inline;
}
.dsinblock{
	display:inline-block;
}

.flol{
	float: left;
}
.flor{
	float: right;
}
.floatauto{
	margin-left: auto;
	margin-right: auto;
	/*margin: auto!important;*/
}

.text_left{
	text-align: left;
}
.text_center,.text_cen{
	text-align: center!important;
}
.text_right{
	text-align: right;
}

.line_1{
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.line_2 {
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.line_3 {
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.line_4 {
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.w100{
	width:100px;
}
.w150{
	width:150px;
}
.w200{
	width:200px;
}
.w250{
	width:250px;
}
.w930{
	width:930px;
}

.f14{
	font-size:14px;
}
.f16{
	font-size:16px;
}
.f18{
	font-size:18px;
}
.f20{
	font-size:20px;
}
.line23{
	line-height:23px;
}
.line26{
	line-height:26px;
}
.h26{
	height:26px;
}
.line28{
	line-height:28px;
}
.h28{
	height:28px;
}
.line30{
	line-height:30px;
}
.h30{
	height:30px;
}

.lin34{
	line-height:34px;
}
.h34{
	height:34px;
}

.lin38{
	line-height:38px;
}
.h38{
	height:38px;
}
.lin48{
	line-height:48px;
}
.h48{
	height:48px;
}



.margin-xs {
	margin: 10px;
}

.margin-sm {
	margin: 20px;
}

.margin {
	margin: 30px;
}

.margin-lg {
	margin: 40px;
}

.margin-xl {
	margin: 50px;
}

.margin-top-xs {
	margin-top: 10px;
}
.margin-top-xxs {
	margin-top: 5px;
}

.margin-top-sm {
	margin-top: 20px;
}

.margin-top {
	margin-top: 30px;
}

.margin-top-lg {
	margin-top: 40px;
}

.margin-top-xl {
	margin-top: 50px;
}

.margin-right-xs {
	margin-right: 10px;
}

.margin-right-sm {
	margin-right: 20px;
}

.margin-right {
	margin-right: 30px !important;
}

.margin-right-lg {
	margin-right: 40px;
}

.margin-right-xl {
	margin-right: 50px;
}

.margin-bottom-xs {
	margin-bottom: 10px;
}

.margin-bottom-sm {
	margin-bottom: 20px;
}

.margin-bottom {
	margin-bottom: 30px;
}

.margin-bottom-lg {
	margin-bottom: 40px;
}

.margin-bottom-xl {
	margin-bottom: 50px;
}

.margin-left-xxs {
	margin-left:5px;
}

.margin-left-xs {
	margin-left: 10px;
}

.margin-left-sm {
	margin-left: 20px;
}

.margin-left {
	margin-left: 30px;
}

.margin-left-lg {
	margin-left: 40px;
}

.margin-left-xl {
	margin-left: 50px;
}

.margin-lr-xs {
	margin-left: 10px;
	margin-right: 10px;
}

.margin-lr-sm {
	margin-left: 20px;
	margin-right: 20px;
}

.margin-lr {
	margin-left: 30px;
	margin-right: 30px;
}

.margin-lr-lg {
	margin-left: 40px;
	margin-right: 40px;
}

.margin-lr-xl {
	margin-left: 50px;
	margin-right: 50px;
}

.margin-tb-xs {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin-tb-sm {
	margin-top: 20px;
	margin-bottom: 20px;
}

.margin-tb {
	margin-top: 30px;
	margin-bottom: 30px;
}

.margin-tb-lg {
	margin-top: 40px;
	margin-bottom: 40px;
}

.margin-tb-xl {
	margin-top: 50px;
	margin-bottom: 50px;
}






/*通用式*********************************/
.main_top05{
	margin-top:5px;
}
.main_top1{
	margin-top: 10px;
}
.main_top2{
	margin-top: 20px;
}
.main_top3{
	margin-top: 30px;
}
.main_top4{
	margin-top: 40px;
}
.main_top5{
	margin-top: 50px;
}
.main_top7{
	margin-top: 70px;
}
.padding_ty1{
	padding:10px;
}
.padding_ty2{
	 padding:20px;
 }
.padding_ty3{
	padding:30px;
}
.padding_mainty{
	padding:25px;
}

.padding_top1{
	padding-top:10px;
}
.padding_top2{
	padding-top:20px;
}
.padding_top3{
	padding-top:30px;
}
.padding_top4{
	padding-top:40px;
}
.padding_top5{
	padding-top:50px;
}
.padding_top7{
	padding-top:70px;
}
.padding_top9{
	 padding-top:90px;
 }
.padding_bottom1{
	padding-bottom:10px;
}
.padding_bottom2{
	 padding-bottom:20px;
 }
.padding_bottom3{
	padding-bottom:30px;
}
.padding_bottom4{
	padding-bottom:40px;
}
.padding_bottom5{
	padding-bottom:50px;
}
.padding_bottom8{
	 padding-bottom:80px;
 }

.padding-0 {
	padding: 0;
}
.padding-2 {
	padding:2px;
}
.padding-xs {
	padding: 10px;
}

.padding-sm {
	padding: 20px;
}

.padding {
	padding: 30px;
}

.padding-lg {
	padding: 40px;
}

.padding-xl {
	padding: 50px;
}

.padding-top-xs {
	padding-top: 10px;
}

.padding-top-sm {
	padding-top: 20px;
}

.padding-top {
	padding-top: 30px;
}

.padding-top-lg {
	padding-top: 40px;
}

.padding-top-xl {
	padding-top: 50px;
}

.padding-right-xs {
	padding-right: 10px;
}

.padding-right-sm {
	padding-right: 20px;
}

.padding-right {
	padding-right: 30px;
}

.padding-right-lg {
	padding-right: 40px;
}

.padding-right-xl {
	padding-right: 50px;
}

.padding-bottom-xs {
	padding-bottom: 10px;
}

.padding-bottom-sm {
	padding-bottom: 20px;
}

.padding-bottom {
	padding-bottom: 30px;
}

.padding-bottom-lg {
	padding-bottom: 40px;
}

.padding-bottom-xl {
	padding-bottom: 50px;
}

.padding-left-xs {
	padding-left: 10px;
}

.padding-left-sm {
	padding-left: 20px;
}

.padding-left {
	padding-left: 30px;
}

.padding-left-lg {
	padding-left: 40px;
}

.padding-left-xl {
	padding-left: 50px;
}
.padding-lr-xxs {
	padding-left:5px;
	padding-right:5px;
}
.padding-lr-xs {
	padding-left: 10px;
	padding-right: 10px;
}

.padding-lr-sm {
	padding-left: 20px;
	padding-right: 20px;
}

.padding-lr {
	padding-left: 30px;
	padding-right: 30px;
}

.padding-lr-lg {
	padding-left: 40px;
	padding-right: 40px;
}

.padding-lr-xl {
	padding-left: 50px;
	padding-right: 50px;
}

.padding-tb-xs {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding-tb-sm {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding-tb {
	padding-top: 30px;
	padding-bottom: 30px;
}

.padding-tb-lg {
	padding-top: 40px;
	padding-bottom: 40px;
}

.padding-tb-xl {
	padding-top: 50px;
	padding-bottom: 50px;
}



.main_left1{
	margin-left: 10px;
}
.main_left2{
	margin-left: 20px;
}
.main_left4{
	margin-left: 40px;
}

.main_right1{
	margin-right: 10px;
}
.main_right2{
	 margin-right: 20px;
 }
.main_bottom1{
	margin-bottom:10px;
}
.main_bottom15{
	margin-bottom:15px;
}
.main_bottom2{
	margin-bottom:20px;
}
.main_bottom3{
	 margin-bottom:30px;
 }
.main_bottom5{
    margin-bottom:50px;
}




/*灰*/	
.gray1 {
	color: #c7c7c7;
}
.gray1 a,a.gray1{
	color:#c7c7c7;
	}
.gray1 a:hover,a:hover.gray1{
	color:#3c77df;
	}

.gray2 {
	color:#a9a9a9;
}
.gray2 a,a.gray2{
	color:#a9a9a9;
}
.gray2 a:hover,a:hover.gray2{
	color:#3c77df;
}


.gray3 {
	 color: #8d8d8d;
 }
.gray3 a,a.gray3{
	color:#8d8d8d;
}
.gray3 a:hover,a:hover.gray3{
	color:#3c77df;
}

.gray4 {
	color: #404040;
}
.gray4 a,a.gray4{
	color:#404040;
}
.gray4 a:hover,a:hover.gray4{
	color:#3c77df;
}

	
	
/*红*/
.red {
	color: #ff3300;
}
.red a,a.red{
	color:#ff3300;
}
.red a:hover,a:hover.red{
	color:#000;
	}


.red2 {
	color:#cf0000;
}
.red2 a,a.red2{
	color:#cf0000;
	}
.red2 a:hover,a:hover.red2{
	color:#004991;
	}
.red3 {
	color:#c20000;
}
.red3 a,a.red3{
	color:#c20000;
	}
.red3 a:hover,a:hover.red3{
	color:#000;
	}
	
	
/*蓝*/	
.blue {
	color:#0069d1;
	}	
.blue a,a.blue{
	color:#0069d1;
	text-decoration: none;
	}	
.blue a:hover,a:hover.blue{
	color:#cf0000;
	}


/*绿*/	
.green {
	color:#01a544;
	}	
.green a,a.green{
	color:#01a544;
	text-decoration: none;
	}	
.green a:hover,a:hover.green{
	color:#c20000;
	}
.green2 {
	color:#17a217;
	}	
.green2 a,a.green{
	color:#17a217;
	text-decoration: none;
	}	
.green2 a:hover,a:hover.green2{
	color:#c20000;
	}

/*橙*/	
.orange {
	color:#ff4e00;
	}	
.orange a,a.orange{
	color:#ff4e00;
	text-decoration: none;
	}	
.orange a:hover,a:hover.orange{
	color:#3c77df;
	}
.orange2 {
	color:#f15a24;
}
.orange2 a,a.orange2{
	color:#f15a24;
	text-decoration: none;
	}	
.orange2 a:hover,a:hover.orange2{
	color:#3c77df;
	}
/*紫*/	
.purple {
	color:#763eaa;
	}	
.purple a,a.purple{
	color:#763eaa;
	text-decoration: none;
	}	
.purple a:hover,a:hover.purple{
	color:#000;
	}
/*白*/
.white {
	color:#fff;
	}	
.white a,a.white{
	color:#fff;
	text-decoration: none;
	}	
.white a:hover,a:hover.white{
	color:#ffff00;
	}
/*黄*/
.yellow {
	color:#ffff00;
	}	
.yellow a,a.yellow{
	color:#ffff00;
	text-decoration: none;
	}	
.yellow a:hover,a:hover.yellow{
	color:#c20000;
	}


/*全局样式*/

.article-content p {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    text-align: justify;
    _margin-top: 22px;
}

/*图片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:340px;
	_height: expression(function(el){if(/msie 6/i.test(navigator.userAgent))el.style.height=(el.scrollHeight>340px)?'340px':'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);

}

/*圆角*/
.yuanjiao5{
	filter:progid:DXImageTransform.Microsoft.radius(strength=5);/*ie*/
	border-radius:5px;/*opera或ie9*/
	-webkit-border-radius: 5px;/*safari或chrome*/
	-moz-border-radius: 5px;/*firefox*/
	}
.yuanjiao10{
	filter:progid:DXImageTransform.Microsoft.radius(strength=10);/*ie*/
	border-radius:10px;/*opera或ie9*/
	-webkit-border-radius: 10px;/*safari或chrome*/
	-moz-border-radius: 10px;/*firefox*/
	}

/*播放时间*/
.guodu5{
	transition:all .5s ease-out 0s;
	-webkit-transition:all .5s ease-out 0s;
	-moz-transition:all .5s ease-out 0s;
	-ms-transition:all .5s ease-out 0s;
	-o-transition:all .5s  ease-out 0s;
}
.guodu10{
	transition:all 1s ease-out 0s;
	-webkit-transition:all 1s ease-out 0s;
	-moz-transition:all 1s ease-out 0s;
	-ms-transition:all 1s ease-out 0s;
	-o-transition:all 1s  ease-out 0s;
}

/*延迟播放*/
.yanchi3 {
	transition-delay: .3s;
	-moz-transition-delay: .3s;
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
}
.yanchi6 {
	transition-delay: .6s;
	-moz-transition-delay: .6s;
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
}
.yanchi10 {
	transition-delay: 1s;
	-moz-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
}
.yanchi15 {
	transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
}



/*通用标题*/

.mainbt {
	width:100%;
	clear:both;
}
.mainbt li {
	float:left;
}
.mainbt .more{
	float:right;
	}

/*文章通用列表*/
.tywzlist0 li,.tywzlist1 li,.tywzlist2 li{
	float:left;
	overflow:hidden;
	}
/*点,应用于24px*/

.tywzlist0 a{
	background-position:-1197px 10px;
}

.tywzlist0 a:hover{
	background-position:-1197px -47px;
}

/*点,应用于30px*/

.tywzlist1 a{
	background-position:-1197px 13px;
}

.tywzlist1 a:hover{
	background-position:-1197px -44px;
}

/*三角,应用于30px*/

.tywzlist2 a{
	background-position:-1197px -148px;
}

.tywzlist2 a:hover{
	background-position:-1197px -203px;
}




/*翻页*/
.pageborder {
	border-top:1px solid #e2e2e2;
}


.page {
	padding:20px 0;
	width:auto;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	clear: both;
}
.page .Notices {
	display: inline-block;
	background-color: #fff;
	color:#8f8f8f;
	text-decoration: none;
	border: 1px solid #f3f3f3;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 34px;
	margin-left: 3px;
	margin-right: 3px;
	filter: progid:DXImageTransform.Microsoft.radius(strength=5); /*ie*/
	border-radius: 5px; /*opera或ie9*/
	-webkit-border-radius: 5px; /*safari或chrome*/
	-moz-border-radius: 5px; /*firefox*/
}
.page a {
	font-weight:bold;
	display:inline-block;
	background-color:#fafafa;
	color:#0062bb;
	border: 1px solid #e8e8e8;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 34px;
	margin-left:3px;
	margin-right:3px;
	text-decoration: none;
	filter:progid:DXImageTransform.Microsoft.radius(strength=5);/*ie*/
	border-radius:5px;/*opera或ie9*/
	-webkit-border-radius: 5px;/*safari或chrome*/
	-moz-border-radius: 5px;/*firefox*/}
.page a:hover {
	color: #fff;
	border: 1px solid #288bec;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 34px;
	background-image:none;
	background-color:#288bec;
}
.page .pagefont {

	display:inline-block;
	color: #cf0000;
	text-decoration: none;
	font-weight:bold;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 36px;
}
.page .nopage {
	display:inline-block;
	background-color:#fff;
	color: #dcdcdc;
	text-decoration: none;
	border: 1px solid #dcdcdc;
	padding-left:12px;
	padding-right:12px;
	line-height: 34px;
	margin-left:5px;
	margin-right:5px;
	filter:progid:DXImageTransform.Microsoft.radius(strength=5);/*ie*/
	border-radius:5px;/*opera或ie9*/
	-webkit-border-radius: 5px;/*safari或chrome*/
	-moz-border-radius: 5px;/*firefox*/
}
.page .nopage span{
	font-family:"宋体";
	font-weight:bold;
}
.page a span {
	font-family:"宋体";
	font-weight:bold;
}
.page .dd {
	display: inline-block;
	color: #333333;
	text-decoration: none;
	font-size:16px;
	padding-left: 8px;
	padding-right: 8px;
	line-height:34px;
	margin-left:5px;
	margin-right:5px;
}






/*上下篇*/
.pageArticle {
	color:#8f8f8f;
	padding-bottom:20px;
	padding-top:20px;
	border-top:1px solid #f0f0f0;
}
.pageArticle:before, .pageArticle:after {
	content: ' ';
	display: block;
	clear: both;
	visibility:hidden;
	line-height: 0;
	height:0;
}
.pageArticle li {
	width:50%;
	height:28px;
	min-height:28px;
	line-height:28px;
    overflow: hidden;
    float: left;
}
.pageArticle a {
	font-size:14px;
	color:#3c77df;
}
.pageArticle a:hover {
	color:#cf0000;
	text-decoration: none;
}

.pageArticle li:last-child{
    text-align:right;
}


/*图片列表*/
.pic_list1 li{
	width:260px;
	height:auto;
	float:left;
}
.pic_list1 li a{
	width:260px;
	height:195px;
	/*padding:10px;*/
	/*border:1px solid #f1f1f1;*/
	background-color:#0069d1;;
	cursor:pointer;
	text-decoration: none;
	transition:all 0.3s ease-out 0s;
	display:block;
	position: relative;
	overflow: hidden;
	border-radius: 12px;

}
.pic_list1 li a:hover{
	border-color:#33bbdd;
	background-color:#eff5ff;
	box-shadow: 3px 2px 10px #ccc;
	border-radius: 12px;

}
.pic_list1 li h3{
	width:260px;
	overflow:hidden;
	line-height:18px;
	padding:5px 10px;
	min-height:46px;
	max-height:72px;
	font-size:14px;
	font-weight:100;
	transition:all 0.3s ease-out 0s;
	text-align: center;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	display: flex;
	display:-webkit-flex;
	justify-content:center;/*子元素水平居中*/
	align-items:center;/*子元素垂直居中*/
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #ffffff;
	border-radius:12px!important;
	background: rgba(60,119,223,0.8);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,35,75,0)), color-stop(80%, rgba(0,35,75,0.8)), to(rgba(0,35,75,0.8)));
	background: -webkit-linear-gradient(top, rgba(0,35,75,0) 0%, rgba(0,35,75,0.8) 80%, rgba(0,35,75,0.8) 100%);
	background: linear-gradient(to bottom, rgba(0,35,75,0) 0%, rgba(0,35,75,0.8) 80%, rgba(0,35,75,0.8) 100%);


}
.pic_list1 li a:hover h3 {
	color:#3c77df;
}
.pic_list1 li .picfm{
	width:260px;
	height:195px;
	background-color:#0069d1;
	overflow:hidden;
	position:relative;
	display:block;
}
.pic_list1 li .picfm img{
	max-width: 100%;
	max-height: 100%;
	width:auto;
	height:auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%,-50%,0);
	-webkit-transform: translate3d(-50%,-50%,0);
}
.pic_list1 li i{
	transition:all 0.3s ease-out 0s;
	width: 60px;
	height: 60px;
	line-height:60px;
	font-size:50px;
	color:#ffffff;
	position:absolute;
	top:-60px;
	left:50%;
	margin-left:-30px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;

}
.pic_list1 li a img{
	transition:all 0.3s ease-out 0s;
}

.pic_list1 li a:hover img{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;

}
.pic_list1 li a:hover i{
	display:block;
	margin-top:-30px;
	margin-left:-30px;
	top:50%;
	left:50%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


/*图片列表1:1*/
.pic_list2 li{
	width:260px;
	height:auto;
	float:left;
}
.pic_list2 li a{
	width:260px;
	height:260px;
	/*padding:10px;*/
	/*border:1px solid #f1f1f1;*/
	background-color:#0069d1;;
	cursor:pointer;
	text-decoration: none;
	transition:all 0.3s ease-out 0s;
	display:block;
	position: relative;
	overflow: hidden;
	border-radius: 10px;

}
.pic_list2 li a:hover{
	border-color:#33bbdd;
	background-color:#eff5ff;
	box-shadow: 3px 2px 10px #ccc;

}
.pic_list2 li h3{
	width:260px;
	overflow:hidden;
	line-height:18px;
	padding:5px 10px;
	min-height:46px;
	max-height:72px;
	font-size:14px;
	font-weight:100;
	transition:all 0.3s ease-out 0s;
	text-align: center;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	display: flex;
	display:-webkit-flex;
	justify-content:center;/*子元素水平居中*/
	align-items:center;/*子元素垂直居中*/
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #ffffff;
	border-radius:12px!important;
	background: rgba(60,119,223,0.8);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,35,75,0)), color-stop(80%, rgba(0,35,75,0.8)), to(rgba(0,35,75,0.8)));
	background: -webkit-linear-gradient(top, rgba(0,35,75,0) 0%, rgba(0,35,75,0.8) 80%, rgba(0,35,75,0.8) 100%);
	background: linear-gradient(to bottom, rgba(0,35,75,0) 0%, rgba(0,35,75,0.8) 80%, rgba(0,35,75,0.8) 100%);


}
.pic_list2 li a:hover h3 {
	padding:20px 10px;
	color:#d0f4ff;
}
.pic_list2 li .picfm{
	width:260px;
	height:260px;
	background-color:#0069d1;
	overflow:hidden;
	position:relative;
	display:block;
	border-radius: 10px;

}
.pic_list2 li .picfm img{
	max-width: 100%;
	max-height: 100%;
	width:auto;
	height:auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%,-50%,0);
	-webkit-transform: translate3d(-50%,-50%,0);
}
.pic_list2 li i{
	transition:all 0.3s ease-out 0s;
	width: 60px;
	height: 60px;
	line-height:60px;
	font-size:50px;
	color:#ffffff;
	position:absolute;
	top:-60px;
	left:50%;
	margin-left:-30px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;

}
.pic_list2 li a img{
	transition:all 0.3s ease-out 0s;
}

.pic_list2 li a:hover img{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;

}
.pic_list2 li a:hover i{
	display:block;
	margin-top:-30px;
	margin-left:-30px;
	top:50%;
	left:50%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


/*产品列表*/
.pro_list1 li{
	width:260px;
	height:auto;
	float:left;
}
.pro_list1 li a{
	width:260px;
	height:302px;
	padding:10px;
	display:block;
	border:1px solid #f1f1f1;
	background-color:#FFF;
	cursor:pointer;
	text-decoration: none;
	transition:all 0.3s ease-out 0s;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.pro_list1 li a:hover{
	border-color:#33bbdd;
	background-color:#eff5ff;
}
.pro_list1 li h3{
	width:240px;
	overflow:hidden;
	line-height:18px;
	padding:2px 10px;
	height:40px;
	font-size:14px;
	font-weight: normal;
	color:#6d6d6d;
	transition:all 0.3s ease-out 0s;
	text-align: center;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	display: flex;
	display:-webkit-flex;
	align-items: center;
	justify-content:center;/*子元素水平居中*/
	align-items:center;/*子元素垂直居中*/


}
.pro_list1 li a:hover h3 {
	color:#ffffff;
	background-color:#33bbdd;
}



.pro_list1 li .imgbox{
	width:240px;
	height:240px;
}
.pro_list1 li .imgbox .picfm{
	width:240px;
	height:240px;
	background-color:#fff;
	overflow:hidden;
	position:relative;
	display:block;
}
.pro_list1 li .imgbox .picfm img{
	max-width: 100%;
	max-height: 100%;
	width:auto;
	height:auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%,-50%,0);
	-webkit-transform: translate3d(-50%,-50%,0);
}
.pro_list1 li .imgbox .picfm i{
	transition:all 0.3s ease-out 0s;
	width: 60px;
	height: 60px;
	line-height:60px;
	font-size:50px;
	color:#ffffff;
	position:absolute;
	top:-60px;
	left:50%;
	margin-left:-30px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.pro_list1 li a img{
	max-width:100%;
	width:100%;
	transition:all 0.3s ease-out 0s;
}
.pro_list1 li a:hover img{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.pro_list1 li a:hover .picfm i{
	display:block;
	margin-top:-30px;
	margin-left:-30px;
	top:50%;
	left:50%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


/*留言板相关**************/
.Message ul{
	width:680px;
	float:left;
}
.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;
}


/*标题*/
.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;
	border-radius: 4px;
}
.Message .message_lr .select1{
	text-align:left;
	padding-left:10px;
	height:33px;
	line-height:33px;
	border:1px solid #CCC;
	border-radius: 4px;
}
.Message .message_lr .select1: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);
}

.Message .message_lr .yzm{
	height:35px;
	cursor:pointer;
	margin-left:10px;
}

.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);
}


/*按钮******/
.an1{
	font-size:14px;
	height:38px;
	line-height:38px;
	text-align:center;
	color:#fff;

	/*display:inline-block;*/
	cursor:pointer;
	background-color:#33bbdd;
	filter:progid:DXImageTransform.Microsoft.radius(strength=5);/*ie*/
	border-radius:5px;/*opera或ie9*/
	-webkit-border-radius: 5px;/*safari或chrome*/
	-moz-border-radius: 5px;/*firefox*/

	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
}

.an1:hover,a:hover .an1{
	color:#fff;
	background-color: #ff7100;
	-webkit-box-shadow: 0 0 10px rgba(206,206,206,1);
	-moz-box-shadow: 0 0 10px rgba(206,206,206,1);
	box-shadow: 0 0 10px rgba(206,206,206,1);
}

.an1.nobian{
	border:0;
	padding:0;
	margin:0;
}