﻿@charset "utf-8";
/* CSS Document */
body{
	margin:0; padding:0;
	font-family:"Microsoft YaHei","微软雅黑","SimSun",Arial;
	font-size:14px; color:#333;
	vertical-align:middle;
	background:url(bg.jpg) repeat-y center;
	background-color: #e8e5de;
	}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0;}
ul{list-style:none;}
img{border:0px; display:block;}
pic{text-align:center;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

a { color:#333; text-decoration: none;}
a:hover { text-decoration: none;}


/* 防止高度称不开 */
.clearfix:after {content: '.';clear: both;display: block;height: 0; visibility: hidden;}
.clearfix:after, .clearfix:before {content: " "; display: table;}


.cen{ margin:0 auto;}
/* banner */
.ban img { width:100%;}
.ban{ min-width:1000px;}



.float_l { float:left;}
.float_r { float:right;}
.w1000{ width:1000px; margin:0 auto; padding:0 0; overflow:hidden; }
.w1200{ width:1200px; margin:0 auto; padding:0 0; overflow:hidden; }

.sy_bt{ width:1200px; height:auto; margin:0 auto; margin-bottom:40px;}

.p p{font:16px/22px "微软雅黑"; text-align: justify; margin:15px auto;  border-bottom:#999 solid 1px; padding-bottom:15px; }
.p p a:hover { text-decoration: underline; }

.bg1 { width:auto; height:auto; margin:0 auto; background:url(bg1.jpg) no-repeat; background-size:100% 100%; }

.pic1{ width:1100px; height:auto; margin:0 auto; padding:0 0;  }
.pic1 ul { margin:0px auto; padding:0 0;}
.pic1 ul li {float:left; margin:0px 0px 15px 25px; width:250px; height:auto; }
.pic1 ul li img{ width:250px; height:165px; }
.pic1 ul li p{ font:16px/22px "微软雅黑"; color:#2175c1; text-align:center; margin-top:6px;  }

/**图片新闻***/
#focus{position: relative;width:650px; height:400px;margin:0 auto;margin-bottom:40px;margin-bottom:40px;}
#focus .bd{position:relative}
#focus .btn-prev, #focus .btn-next{display: none;position: absolute;top: 140px;width: 40px;height: 80px;z-index: 2}
#focus .btn-prev{left: 0;background: url(focus_arl.png) no-repeat;_background: 0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="../images/left-arrow.png")}
#focus .btn-next{right: 0;background: url(focus_arr.png) no-repeat;_background: 0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="../images/right-arrow.png")}
#focus .focus-bar-box{width: 100%;height: 400px;position: relative;overflow: hidden}
#focus .focus-bar{width: 10000px}
#focus .focus-bar li{float: left;width: 650px;height: 400px}
#focus .focus-bar li a{width: 100%;height: 100%;display: block}
#focus .focus-bar li img{width: 100%;min-height: 100%}
#focus .ft{position: absolute;left: 0;bottom: 0;z-index: 1;width: 650px;height: 40px}
#focus .ftbg{position: absolute; top: 0;left: 0;z-index: -1;width: 650px;height: 40px;background: #000;opacity: .6;filter: alpha(opacity=60)}
#focus .change{position: absolute;right: 0;bottom: 15px;height: 10px}
#focus .change a{float: left;width: 10px;height: 10px;margin-right: 10px;background: url(focus_btn-normal.png) no-repeat;_background: 0;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="../images/btn-normal.png");cursor: pointer}
#focus .change a.on{background: url(focus_btn-active.png) no-repeat;_background: 0;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="../images/btn-active.png")}
#focus .hd{position: absolute;left: 0;bottom: 0;z-index: 2;width: 600px;height: 40px}
#focus .focus-title{overflow: hidden;position: absolute;top: 0;left: 0;height: 40px;padding: 0 0 0 20px;line-height: 40px;font-size: 14px;font-weight: bold}
#focus .hdicon{position: absolute;left:10px;bottom: 10px;width: 59px;height: 59px;background: url(../images/play-btn.png) no-repeat;_background: 0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="../images/play-btn.png")}
#focus .focus-title a{display: none;color: #fff}

/* new */
.news {width:1100px; margin:0 auto; padding:30px 0; overflow:hidden;}
.news_img { float:left;width:650px; }
.news_con { float:right;width:520px;  margin:0 auto; margin-bottom:35px; }
.news_bt { font-size:18px; overflow:hidden; line-height:26px; color:#fff; }
.news_bt a { color:#333; }
.news_bt a:hover { text-decoration:underline; }
.news_zy { overflow:hidden; text-align:justify;line-height:24px; color:#666666;}
.news_list {line-height:36px; overflow:hidden; padding:10px 0px 10px 0px; }
.line { background-color:#999;height:1px; margin:12px auto;}
.news_more a{ width:126px; height:30px; line-height:30px;  display:block; margin:0 auto; text-align:center; color:#fff;background:#1d96f3; -webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s; }
.news_more a:hover{background:#1d96f3; color:#fff;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s; }


.pic3{ width:1200px; margin:0 auto; padding:0 0; overflow:hidden; }
.pic3 ul { margin:0px auto; padding:0 0;}
.pic3 ul li{float:left; margin:0px 10px 80px 10px; width:280px; height:186px;  }
.pic3 ul li img{ width:280px; height:186px;  }
.pic3 ul li h3{font:18px/24px "微软雅黑"; color:#333; text-align: justify; margin:10px auto; }
.pic3 ul li p{font:16px/24px "微软雅黑"; color:#333; text-align: center; margin:10px auto 0 auto; }

.pic3 ul li h3 a:link{  color:#333; text-decoration: none;}
.pic3 ul li h3 a:hover { color:#333;  text-decoration: underline; }

.tp { width:200px; height:auto; position:fixed; top:500px; right:30px;}