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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body,html{width: 100%;}
body{background: #fff;min-width:1280px;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
.left{float: left;}
.right{float: right;}
.mainContainer{width: 1200px;margin: 0 auto;height: auto;}
/* header */
.header{width: 100%;height: 100px;background: #40b9fe;}
.header .logo{width: 900px;float: left;}
.header .logo img{margin-top: 30px;}
.header .search{width: 300px;float: right;margin-top: 30px;}
.header .search .search_form{width: 210px;height: 36px;float: right;}
.header .search .search_form input{border: none;background-color: #F0F0F0;height: 36px;border-radius: 20px 0 0 20px;
width: 150px;padding-left: 20px;float: left;outline: none;}
.header .search .search_form button{width: 38px;height: 38px;margin: 0px;float: left;border: 0px;border-radius: 0 20px 20px 0;
cursor: pointer;background: url('../img/search.png') no-repeat 6px center #F0F0F0;outline: none;position:relative;right:2px;}
/* nav */
.nav{width: 100%;background:#40b9fe;height: 50px;}
.nav ul {margin-left: 110px;}
.nav ul li{width: 18%; text-align: center;height: 50px;float: left;position: relative;}
.nav ul li a{width: 100%;text-align: center;height: 50px;line-height: 50px;display: block;
color: #fff;}
.nav ul li a:hover,
.nav ul li.active a{background-color: #FFC107;}

.nav .submenu{display: none;position: absolute;top:100%;left:-110px;background: #fff;z-index: 2;width: 96%;padding: 0.2rem;box-shadow: 0 0.02rem 0.05rem rgba(0,0,0,0.2);
transition: all 0.3s ease-in-out;}
.nav .submenu li{width: 100%;height: 2.5rem;text-align: center;box-sizing: border-box;font-size: 0.18rem;cursor: pointer;}
.nav .submenu li a{color:#000;font-size: 1.16rem;display: inline-block;width: 100%;height: 100%;line-height: 2.5rem;}
.nav>ul>li:hover .submenu{display: block;}
.nav .submenu li:hover {background:#900005;}
.nav .submenu li:hover a{color: #fff;}
.nav .header-right {display: none;}
.nav li:hover .submenu {
    display: block;
}

/* footer */
.footer{clear: both; margin-top: 125%;;width: 100%;height: 50px;background: #BF3333;}
.footer p{width: 100%;text-align: center;font-size: 14px;height: 50px;line-height: 50px;color: #fff;}
.footer a{font-size: 14px;color: #fff;margin-left: 20px;}