/* CSS RESET*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */ 
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
	font-family:"微软雅黑";
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

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

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

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

/* 重置表格元素 */
table {
 border-collapse: collapse;
 border-spacing: 0;
}
/*common css*/
.none{ display: none;}
.w1200{ width: 1200px; margin: 0 auto;}

.header{ width: 100%; height: 135px; }
.header .logo{ float: left;}
.header .menu{ float: left; height: 30px; margin-top: 45px; position: relative; z-index: 2;}
.header .menu li{ float: left; position: relative; width: 110px; height: 30px; font: normal 20px/30px "Microsoft Yahei"; color: #333; text-align: center;}
.header .menu li a{ color: #333; text-decoration: none; }
.header .menu li a:hover,.header .menu li .current{ color: #005597;}
.header .menu .submenu{ position: absolute; left: -8px; background: url(../images/submenu.png) 0 0  no-repeat; padding: 20px 0; font: normal 14px/2 "Microsoft Yahei"; color: #fff;}
.header .menu .submenu a{ float: left; width: 140px; line-height:26px; text-align: center; color: #fff;}
.header .menu .submenu a:hover{ color: #feb402;}
.header .menu .submenu_1{ width: 140px;}
.header .menu .submenu_2{ width: 280px;}
.header .menu .submenu_3{ width: 420px;}

.banner{ position: relative; width: 100%; height: 400px; background: #000; overflow: hidden; z-index: 1;}
.banner .swiper-container{ height: 400px;} 
.banner .swiper-slide{ width: 100%; height: 400px; overflow: hidden; position: relative;}
.banner .swiper-slide img{ position: absolute; top: 0;left: 50%; margin-left: -960px;}

.banner .pagination{ position: absolute; height: 10px; width: 1200px; left: 50%; margin-left: -600px; z-index: 20; text-align: center; bottom: 30px;}
.banner .pagination span{ display: inline-block; width: 15px; height: 15px; border-radius: 7px; background: #ccc; margin-left: 10px;}
.banner .pagination .swiper-active-switch{width: 50px; background: #fff;}

.footer{ width: 100%;  background: #393939; padding: 20px 0;}
.footer p{ font: normal 14px/2 "Microsoft Yahei"; color: #fff;}
.footer p a{ color: #fff; margin-right: 10px;}
.copyright{ width: 100%; height: 40px; background: #393939; border-top: 1px solid #505050; font: normal 14px/40px "Microsoft Yahei"; color: #666; text-align: center;}