﻿@charset "utf-8";
/* CSS Document */
/*css重置*/
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, font, 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 {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        background: transparent;
		 
}


body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; clear:both; }
/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {	text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */

input,textarea {outline:none;border:0px;}/*去掉输入框得到焦点时边框会出现阴影效果----例如360 火狐*/
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/
a:link { text-decoration: none;color: #535353;}
a:visited {text-decoration: none; color: #535353;}
a:hover { text-decoration: none; color: #000000;}
a:active {text-decoration: none; color: #535353;}
/*body*/
body {margin: 0px; color:#535353; font-size: 12px; font-family:"微软雅黑",宋体,Arial, Helvetica, sans-serif;background:#fff;}
/*topBox*/
.topBox{ width:100%; background:#e5e5e5;}
.top{ width:1180px; height:30px; line-height:30px; margin:0 auto; overflow:hidden;}
.top p{ width:300px; float:left;}
.top ul{width:192px; float:right;}
.top ul li{ float:left;}
.top ul li a{ color:#656565; padding:0 8px; border-left:1px #656565 solid;}
.top ul li a:first-child{border-left:none;}
/*topBox end*/
/*headerBox*/
.headerBox{ width:100%;}
.header{ width:1180px; margin:0 auto; overflow:hidden;}
.header_fl{ width:668px; float:left; }
.header_fl h3{ width:263px; float:left; margin-top:16px; margin-bottom:16px; padding-right:23px;}
.header_fl p{ width:349px; font-size:18px; font-weight:700; color:#5c5c5c; line-height:28px; float:right; margin-top:44px;}
.header_fl p span{ color:#f20000;}
.header_fr{ width:220px; height:60px; background:url(../images/header_fr_bg_06.png) no-repeat center; float:right; text-align:center; margin-top:44px; margin-right:30px;}
.header_fr p{ font-size:18px; font-weight:bold; color:#38538d; line-height:70px;}
/*headerBox*/
/*navBox*/
.navBox{ width:100%; height:40px; background:url(../images/nav_bg_01.png) repeat-x;}
.nav{ width:1180px; margin:0 auto; overflow:hidden;}
.nav li{ float:left; line-height:40px;}
.nav li a{ color:#fff; padding:0 36px; font-size:14px; display:inline-block;}
.nav li:hover a{ color:#d53531;}
/*navBox end*/


/*bannerBox*/
.bannerBox {
	width: 100%;
	margin-bottom:40px;
}
.banner {
	height: 500px;
}
.b_box {
	width: 100%;
	height: 450px;
}
.flexslider {
	position: relative;
	height: 500px;
	overflow: hidden;
	background: url(../images/loading.gif) 50% no-repeat;
}
.slides {
	position: relative;
	z-index: 1;
}
.slides li {
	height: 500px;
}
.flex-control-nav {
	position: absolute;
	bottom: 30px;
	z-index: 999;
	width: 100%;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	width: 60px;
	height: 10px;
	margin: 0 5px;
*display:inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	width: 60px;
	height: 10px;
	line-height: 40px;
	overflow: hidden;
	background:url(../images/dot_03.png) right 0 no-repeat;
	cursor: pointer;
}
.flex-control-nav .flex-active {
	background-position: 0 0;
}
.flex-direction-nav {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 45%;
}
.flex-direction-nav li a {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
}
.slides .firstLi {
	position: relative;
}
.slides .firstLi p {
	font-size: 32px;
	font-weight: bold;
	width: 1050px;
	text-shadow: 2px 2px 2px #ffd02b;
	position: absolute;
	top: 290px;
	right: 20%;
	color: #000;
}
.slides .firstLi a {
	color: #000;
}
/*bannerBox end*/




/*footerBox*/
.footerBox{ width:100%; background:#304286; padding-top:10px; margin-top:40px;}
.btm_nav{ width:1060px; height:45px; line-height:40px; margin:0 auto; overflow:hidden; background:url(../images/btm_nav_bg_03.png) no-repeat bottom; border-radius:3px;}
.btm_nav li{ float:left;}
.btm_nav li a{ font-size:14px; color:#fff; padding:0 18px;}
.footer{ width:1180px; margin:0 auto; padding:10px 0 50px; }
.footer_bto{ width:1180px; overflow:hidden; margin-top:20px;}
.footer_bto p{ text-align:right; color:#fff; line-height:24px; width:580px; float:left; margin-left:80px;}
.footer_bto p a{ color:#fff;}
.footer_bto .foot{ width:240px; float:right; margin-right:200px;}
.footer_bto .foot li{ width:103px; float:left; margin-right:10px; text-align:center;}
.footer_bto .foot li img{ width:103px; height:103px; margin-bottom:10px;}
.footer_bto .foot li span{ font-size:14px; color:#fff;}



/*footerBox end*/



















