@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0;padding:0;}
body {
	color: #333;
	text-align: left;
	font-size: 14px;
	font-family:"微软雅黑";
	font-family: microsoft yahei,arial,helvetica,sans-serif;
	background-color:#dcedf5
}
a{ text-decoration:none; color:inherit;}
a:link,a:visited {
	color: inherit;
	text-decoration: none;
}
a:active,a:hover {
	color: #f00;
	text-decoration: none;
}
fieldset,img {
	border: none;
}
legend {
	display: none;
}
img {
	vertical-align: middle;
}
em {
	font-style: normal;
}
li,ul {
	list-style: none;
}
li {
	list-style-type: none;
}
div {
	word-wrap: break-word;
	word-break: break-all;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 9pt; font-weight: normal;
}
button,input,select,textarea {
	font-weight: inherit;
	font-size: inherit;
	font-size: 100%;
	font-family: inherit;
}
a:hover img {}
.f_l { float: left !important;}
.f_r { float: right !important;}
.fl { float: left !important;}
.fr { float: right !important;}


.ml15{ margin-left:15px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt25{ margin-top:25px;}
.mt45{ margin-top:45px;}

.warp{width: 100%;}
.main{
	width: 100%;
	background-image: ;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: -10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	z-index: 99;
}
.w1200{
	width: 1200px;
	background-color: #f8f8f8;
	padding: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.clear{ clear:both; float:none;}
.transition{ transition:0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}
.box{ position:relative; overflow:hidden;}

.sonimg img{ display:block; width:100%; height:100%;}
.none{ display: none !important;}

/*头部背景*/
.box_top{
	display: block;
	width: 100%;
	height: 293px;
	margin: 0px;
	padding: 0px;
}
.top_bn{
	display: block;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.top_mid{width:100%;height:auto;width:1200px;  margin: 0px auto; }
.top_mid  img{ width:100%;margin:auto;}


/*首页轮播*/
.m-slide{position: relative;width: 100%;height: 378px;}
.m-slide .hd{ position: absolute;z-index: 1;bottom:15px; right:10px;}
.m-slide .hd li{cursor:pointer;width:13px;height:13px;display:block;overflow:hidden;text-indent:20px;float:left;margin-left:13px;background: #fff;border-radius: 8px;filter: alpha(opacity=40);opacity: 0.4;}
.m-slide .hd li.on{background: #fff;filter: alpha(opacity=100);opacity:1;}

.m-slide .prev, .m-slide .next {
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    display: none;
    background:  no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    filter: alpha(opacity=20);
    opacity: 0.2;
}
.m-slide .prev { left: 16px;}
.m-slide .next { background-position: 0 -40px; right: 16px;}
.m-slide .prev:hover,	.m-slide .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

.m-slide .bd {
    width: 100%;
    height: 378px;
    position: relative;
    overflow: hidden;
}
.m-slide .bd li {
    width: 100%;
    height: 378px;
    background-color: #fff;
    position: relative;
}
.m-slide .bd li a img{width:1200px;height:378px;}

.m-slide .bd li p {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 50px;
    height: 50px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding-left:20px;
}

.m-slide .bd li p i {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 50px;
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30);
}
.m-slide .bd li p a, .m-slide .bd li p a:visited {
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
}
