/*通用*/
html, body, div, span, h1, h2, h3, p, em, small, strong, dl, dt, dd, ol, ul, li {margin: 0;padding: 0;font-size: 100%;}
h1, h2, h3 {font-weight: normal;}
body { line-height: 1; font-size: 14px; font-family: "Microsoft Yahei"; color: #333; padding:0; margin:0 auto; }
div{ padding:0; margin:0 auto;}
ul, ol {list-style: none;}
a {color: #ffffff;text-decoration: none;}
input, button {padding: 0;border: none;outline: none;background: none;}
img {vertical-align: top;}
.wrapper {position: relative;width: 100%;height: 670px;overflow: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.box{ width:1200px;}
/*头部*/
.bg-white { display: none;position: absolute;z-index: 998;width: 100%;background-color: #fff; height:80px;}
.header { position: relative;z-index: 999;left: 0;top: 0; overflow:hidden;}
.header .container { width: 1240px;padding: 0 20px;margin: 0 auto;}
.header .logo { float: left;padding: 19px 0;}
.header .logo a { width: 113px;height: 42px;background: url(../images/logo_blue.png) no-repeat;display:block;}

.header .user { float: right;margin:26px 0 0 15px;}
.header .user a { width: 29px;height: 29px;background: url(../images/user_blue.png) no-repeat;display:block;}
.header .quit a { width: 29px;height: 29px;background: url(../images/quit.png) no-repeat;display:block;}

.nav { float: right;padding: 19px 0;}
.nav-item { float: left;position: relative;}
.nav-item a { padding: 31px 20px 30px;height: 42px;line-height: 42px;}
.nav-item a:hover { color: rgb(49, 165, 231);}

.search{ float:right; margin-top:26px;}
.search input{ border:none; background-color:#fff; border-top-left-radius:15px;border-bottom-left-radius:15px; padding:7px 10px 7px 15px; width:120px; float:left;position: relative;z-index: 3; font-size:12px; outline:none; border-bottom:1px solid #fff;border-top:1px solid #fff;border-left:1px solid #fff;}
.search button{ border:none; background-color:#fff; border-top-right-radius:15px;border-bottom-right-radius:15px; padding:6px; height: 30px; float:right;position: relative;z-index: 3;outline:none;border-bottom:1px solid #fff;border-top:1px solid #fff;border-right:1px solid #fff;}

.sub-nav { overflow: auto;position: absolute;left: 0;top: 80px;z-index: 999;width: 105%;background-color: #fff;}
.sub-nav__wrap { display: none;width: 1240px;margin: 0 auto;}
.sub-nav a { float: left;width: 210px;padding: 14px 0;text-align: center;color: #666;}
.sub-nav a:hover { color: #111;}
.sub-nav a img { display: inline-block; width:100px; height:100px; padding:10px;}
.sub-nav a span { display: block;padding-top: 0;font-size: 14px;}
.sub-nav a em { display: block; font-size: 12px; font-style: normal;margin-top: 5px; color: #b3b3b3;}


.theme-white .header .logo a { background: url(../images/logo_white.png) no-repeat;}
.theme-white .nav-item a { color: #fff;}
.theme-white .nav-item a:hover { color: rgb(49, 165, 231);}
.theme-white .slider-box .btn-item { background-color: #fff;}
.theme-white .slider-box .btn-item__cur { background-color: transparent;border-color: #fff;}
.theme-nav .header .logo a { background: url(../images/logo_blue.png) no-repeat !important;}
.theme-nav .nav-item a { color: #333;}
.theme-nav .nav-item a:hover { color: rgb(49, 165, 231);}

.theme-white .header .user a { background: url(../images/user_white.png) no-repeat !important;}
.theme-nav .header .user a { background: url(../images/user_blue.png) no-repeat !important;}
.theme-white .header .quit a { background: url(../images/quit_white.png) no-repeat !important;}
.theme-nav .header .quit a { background: url(../images/quit.png) no-repeat !important;}

.theme-nav .header .search input{ border-bottom:1px solid #c0c0c0;border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0; padding:7px 10px 7px 15px;}
.theme-nav .header .search button{ border-bottom:1px solid #c0c0c0;border-top:1px solid #c0c0c0;border-right:1px solid #c0c0c0; padding:6.7px 10px;}