@charset "UTF-8"; 
/* Base Reset */
* { margin: 0; padding: 0; font-family: "微软雅黑";}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
:focus { outline: 0;}
img { border: 0;}
a img { vertical-align: middle;}
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;}
.clear { width: 100%; height: 0; line-height: 0; font-size: 0; overflow: hidden; clear: both; display: block; _display: inline;}
.none { display: none;}
.hidden { visibility: hidden;}
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clearfix { display: block; *zoom:1;}
body, p { font: 14px/1 Helvetica, STHeiti STXihei, Microsoft YaHei, Tohoma, Arial; color: #333;}
body { background: #fbfbfb;}
a { text-decoration: none; color: #333;}
a:hover { text-decoration: none; color: #0C7ED9;}
.wp-wrapper { width: 100%;}
.wp-wrapper .wp-inner { width: auto; max-width: 1200px; margin: 0 auto;}
.wp-navi .wp-inner { max-width: 1200px;}



/**主导航**/
.wp-navi { background-color: #900;}
.menu-switch-arrow { display: none;}
.main-nav-panel .wp-menu { margin: 0 auto;}
.main-nav-panel .wp-menu .menu-item { 
	display: inline-block; float: left; position: relative; 
	z-index: 100000; background: url(../images/nav_bg.jpg) no-repeat 82%; width: 10%;
	}

/**主导航字体颜色大小**/
.main-nav-panel .wp-menu .menu-item a.menu-link { display: inline-block; padding: 0 5px; 
                         height: 56px; line-height: 56px; color: #FFF; font-size: 18px;}
.main-nav-panel .wp-menu .menu-item a.menu-link:hover { text-decoration: none; color: #e99839;}
.main-nav-panel .sub-menu { background-color: #f2f2f2; display: none; position: absolute;
left: 0; top: 56px; z-index: 100; min-width: 100%; text-align: center;}
.main-nav-panel .sub-menu .sub-item { position: relative; white-space: nowrap; 
vertical-align: top; _zoom: 1; border-bottom: 1px solid #ddd;}
.main-nav-panel .sub-menu .sub-item a { display: block; color: #272727; height: 36px; 
line-height: 36px; padding: 0 5px;}
.main-nav-panel .sub-menu .sub-item a:hover { color: #e99839; display: block;}
.main-nav-panel .sub-menu .sub-menu { left: 100%; top: 0; z-index: 200; background-color: #e6e6e6; 
border-left: 1px solid #ddd;}
.main-nav-panel .wp-menu li.menu-item.i10 { background: none;}

.main-nav-panel .wp-menu .menu-item.i1 a.menu-link:hover { background: none;}

/**slide导航**/
.wp-navi .navi-slide-head { display: none; padding: 0 10px; height: 40px;}
.wp-navi .navi-slide-head .navi-slide-title { display: inline-block; float: left; font-weight: normal; color: #212121; font-size: 18px; line-height: 40px;}
.wp-navi .navi-slide-head .navi-slide-arrow { display: block; width: 34px; height: 40px; float: left; background: url(img/menu-icon-arrow.png) no-repeat 50%;}
.navi-aside-page { position: fixed;}
.navi-aside-toggle { display: block; width: 34px; height: 34px; background: url(img/menu-icon-arrow-white.png) no-repeat 50%; cursor: pointer; position: absolute; right: 0; top: 50%; margin-top: -17px; display: none;}
.wp-navi-aside { display: none; position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 99999;}
.wp-navi-aside .navi-aside-mask { width: 100%; height: 100%; background: rgba(0,0,0,.1);}
.wp-navi-aside-active { display: block;}
.wp-navi-aside .aside-inner { position: fixed; top: 0; bottom: 0; right: -216px; z-index: 1002; width: 263px; max-width: 100%; background: #fff; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.wp-navi-aside .aside-inner:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: rgba(0,0,0,.6); box-shadow: 0 0 5px 2px rgba(0,0,0,.6);}
.wp-navi-aside .navi-aside-head { margin-top: 0; border-top: 1px solid rgba(0,0,0,.3); background: #0B72C4;}
.wp-navi-aside .navi-aside-head .navi-aside-title { padding: 7px 10px; font-weight: normal; color: #fff; font-size: 14px;}
.wp-navi-aside .navi-aside-wrap { color: #333; border-bottom: 1px solid rgba(0,0,0,.3);}
.wp-navi-aside .navi-aside-wrap li { position: relative;}
.wp-navi-aside .navi-aside-wrap li .menu-switch-arrow { display: block; cursor: pointer; width: 50px; height: 35px; position: absolute; right: 0; top: 0px; color: #f6f6f6; font-size: 14px; background: url(img/menu-switch-arrow.png) no-repeat 30px -25px;}
.wp-navi-aside .navi-aside-wrap li .menu-open-arrow { background-position: 20px 12px;}
.wp-navi-aside .navi-aside-wrap li a { display: block; text-decoration: none; color: #333; font-size: 14px; line-height: 20px; padding: 8px 30px 8px 15px; border-top: 1px solid rgba(0,0,0,.3);}
.wp-navi-aside .navi-aside-wrap li a:hover, .wp-navi-aside .navi-aside-wrap li a:focus { background-color: #0B72C4; color: #fff; outline: 0;}
.wp-navi-aside .navi-aside-wrap li .sub-menu { display: none; background-color: #f2f2f2;}
.wp-navi-aside .navi-aside-wrap li .sub-menu li a { padding-left: 20px;}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu { background-color: #333}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu li a { padding-left: 30px;}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu .sub-menu { background-color: #343434;}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu .sub-menu li a { padding-left: 40px;}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu .sub-menu .sub-menu { background-color: #373737;}
.wp-navi-aside .navi-aside-wrap li .sub-menu .sub-menu .sub-menu .sub-menu li a { padding-left: 50px;}
.wp-focus { background-color: #ececec;}
.wp-focus .wp-inner { max-width: 1366px; margin: 0 auto; min-height: 100px; position: relative;}
.fcous-panel { width: 100%; margin-left: -50%; left: 50%; position: relative;}
.fcous-panel .focus-window { width: 100%; position:relative;}
.wp-focus .huigu { position:absolute; bottom:40px; right:5px;}
.wp-focus .huigu a { display:block; width:68px; height:20px; background:url(../images/index_wqhg.png) no-repeat;}
.focus_t { position: relative;}
.focus_pic { width: 100%;}
.focus_pic img { width: 100%;}
.focus_futit { position: absolute; left: 0px; bottom: 25px; z-index: 40; background: url(../images/focus_bg.png); height: 68px; line-height: 68px; padding: 0 100px; color: #fff; font-size: 24px; font-weight: normal;}

