@charset "utf-8";
/* 全局 */
html{min-height:100%;}
body{min-height:100%;font-size: 12.5pt; font-family:微软雅黑, Arial;color:#000;padding:0px;margin:0px;}
a{cursor:pointer;text-decoration: none;color:#333;}
a:link,a:visited{color:#333;}
img{border:none;}
h1{font-size:14pt;display:inline-block;}/*主标题*/
h2{font-size:12pt;display:inline-block;}/*副标题*/
div{display:block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul{display:block;margin:0px;padding:0px;}
span{display:inline-block;}
p{padding-bottom:0px;display:block;}
p span{display:block;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.bold{font-weight:700;}
.radius{-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;}
.opacity{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
/*布局*/
#page{min-height:100%;width:100%;max-width:800px;margin:0 auto;overflow:hidden;}
#page.fix-header{}
#page.fix-header #header{position:fixed;top:-1px;z-index:999;}
#page.fix-header #container{margin-top: 52px;}
#page.fix-header #brand{margin-top: 52px;}
/*** 固定导航栏，无内边距处理 ***/
#page.fix-header .nopadding-box{margin-top: 41px;}
#page.fix-header .nav-tab{margin-top: 41px;}
#page.fix-header .dropdown-menu{max-height:300px;overflow-y:auto;}
/*** 更多分类 ***/
#more-class{display:none;min-height:100%;width:100%;max-width:800px;margin:0 auto;overflow:hidden;}
#header,.header{width:100%;display:block;max-width:800px;height:85px;color:#FFF;position:relative; background:url(../images/bj.png) repeat;}/*主色彩*/
#header a,.header a{height:85px;}
#header .title,.header .title{font-size:14pt;display:block;padding-left:10px;font-weight:bolder;margin-right:67px;text-align:center;line-height:85px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; height:85px;}
#header .right,.header .right{position: absolute;right: 0px;top: 0px;}
#header img.logo,.header img.logo{height:72px;width:auto;margin-bottom:4px;margin-right:4px;}
#brand{width:100%;max-width:800px;height:auto;margin:0px;padding:0px;}
#brand img{width:100%;border:none;}
#container{padding-left:8px;padding-right:8px;width:100%;box-sizing:border-box;padding-bottom:10px;}
#image img{width:100%;border:none;margin:0px;padding:0px;}
#page-top{width: 100%;max-width: 800px;min-width: 300px;height:40px;line-height:40px;
border-bottom: solid 1px #b7b7b7;
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f8f8f8,endcolorstr=#d2d2d2,gradientType=0);
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d2d2d2));
background: -moz-linear-gradient(top, #eee, #ddd);
}
#page-top img{height:28px;}
#bg_audio{display:block;width:50px;text-align:center;}
#news{width:100%;max-width:800px;overflow:hidden;}
#part{width:100%;max-width:800px;margin-top:10px;}
#footer{width:100%;max-width:800px;margin:0 auto;_zoom:1;text-align:center;padding-top:10px;padding-bottom:8px;clear:both;background:#333333;}
#footer a{font-size:10pt;color:#666;text-decoration: underline;margin-bottom:4px;}
#footer a:link,#footer a:visited{color:#666;}
#footer p{font-size:10pt;color:#666;margin-top:0px;margin-bottom:0px;padding:6px;}
/*Duweifeng 2013-04-12----------------------------------------------------------------------------------------------------*/
/*清除浮动 S */
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
/*清除浮动 E */
/*** 下拉菜单 start ***/
.dropdown-menu-top,.dropdown-menu{
display:none;
position:absolute;
right:5px;
top:48px;
z-index:9999;
background:rgba(0,0,0,0.8);
background-color:#000 \9;
filter:alpha(opacity=80)\9;
*background-color:#000 \9;
*filter:alpha(opacity=80)\9;
box-shadow:0 0 3px rgba(0, 0, 0, 0.8);
min-width: 150px;
margin-left: 0px;
margin-left: 0px;
list-style: none!important;
margin-bottom:0px;/** 处理bootstarp.css **/
}
.dropdown-menu-top{top:auto;right:auto;bottom:54px;min-width: 120px;left:50%;margin-left:-60px;z-index: 1;background:#e6e6e6;border: 1px solid #cbcbcb;box-shadow:0 1px 2px rgba(0, 0, 0, 0.6);}
.dropdown-menu-top li,.dropdown-menu li{
border-top:1px solid #666;
border-bottom: 1px solid #000;
}
.dropdown-menu-top li{border: none;background:url(../images/footer-nav-vsplit.png) no-repeat bottom center;background-size: 118px 2px;}
.dropdown-menu-top li:last-child{
background:none;
}
.dropdown-menu-top li:first-child,.dropdown-menu li:first-child{
border-top:none;
}
.dropdown-menu-top li:last-child,.dropdown-menu li:last-child{
border-bottom: none;
}
.dropdown-menu-top li:last-child:after,.dropdown-menu li:last-child:after{
height: 0px;
border: none;
}
.dropdown-menu-top.show,.dropdown-menu.show{
display:block;
}
.dropdown-menu-top li a,.dropdown-menu li a{
text-align: left;
display:block;
width:auto;
height:39px;
line-height:39px;
padding-left: 10px;
color:#fdf7f7;
font-size:16px;
margin: 0px;
}
.dropdown-menu-top li a{
height:44px;
line-height:44px;
text-align: center;
padding-left: 0px;
}
.dropdown-menu-top li .menu-item-text{
color: #414141;
text-shadow: #e5e5e5 0 1px 0;
font-size: 14px;
}
.dropdown-menu-top li a:link,.dropdown-menu-top li a:visited,.dropdown-menu li a:link,.dropdown-menu li a:visited{color:#fdf7f7;}
.dropdown-menu li img{
width:30px !important;
height:30px !important;
margin: 0px;
line-height: 39px;
}
.dropdown-menu-top li img{
width:30px !important;
height:30px !important;
margin-right: 5px;
line-height: 39px;
}
.dropdown-menu-top:after{
position:absolute;
bottom:-14px;
left: 50%;
margin-left: -8px;
content:"";
width:16px;
height:16px;
background: url(../images/footer-nav-arrow.png) no-repeat center;background-size: 16px 16px;
}
.dropdown-menu:after{
position:absolute;
top:-8px;
right:22px;
content:"";
width:0;
height:0;
border:8px solid transparent;
border-bottom:8px solid rgba(0, 0, 0, 0.8);
border-top:none;
}
/*** 图片轮播 S ***/
.swipe {
overflow: hidden;
visibility: hidden;
position: relative;
width: 100%;
}
.swipe-wrap {
overflow: hidden;
width: 100%;
position: relative;
}
.swipe-wrap > div {
float:left;
width:100%;
height: 100%;
position: relative;
}
.swipe .bottom{
z-index:0;position: absolute;color:#FFF;text-align:left;text-indent:5px;bottom: 0px;padding: 0px;height: 30px;line-height: 30px;display: block;
width: 100%;
background:rgba(0,0,0,0.5);
background-color:#000 \9;
filter:alpha(opacity=80)\9;
*background-color:#000 \9;
*filter:alpha(opacity=80)\9;
}
.dots{z-index:1;position: absolute;bottom: 0px;padding: 0px;height: 30px;line-height: 30px;display: block;right:0;}
.dots b {display: inline-block; margin:12px 4px;width: 6px;height: 6px;border-radius: 3px;background: rgba(144, 144, 144, 0.8);}
.dots .select {background: #fff;}
/*** 图片轮播 end***/
/*** 搜索栏 S **/
.site-search {
margin: 10px 1px;
display: block;
box-sizing: border-box;
overflow: hidden;
}
.site-search .input-div{margin-right: 42px;}
.site-search input{
height: 36px;
border: solid 1px #DDD;
padding: 5px;
border-right: none;
color: #333;
font-size: 16px;
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.site-search .bton-search {
float: right;
border: none;
width: 42px;
height: 36px;
box-sizing: border-box;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABGCAMAAABsQOMZAAAAA3NCSVQICAjb4U/gAAAAk1BMVEX////////7+/v5+fn39/f19fXz8/Px8fHv7+/t7e3r6+vp6enn5+fl5eXj4+Ph4eHe3t7d3d3Z2dnX19fV1dXT09PR0dHPz8/MzMzJycnHx8fFxcXDw8PBwcG/v7+9vb27u7u5ubm3t7e1tbWzs7OysrKvr6+urq6qqqqpqamnp6elpaWjo6OhoaGgoKCdnZ2ZmZmTwfAzAAAAMXRSTlMA////////////////////////////////////////////////////////////////6hDi1gAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAICSURBVFiF7ZXbcqowFECbAAmIqIDcr62tWEXp/3/dyYbTFrnJpOlTWTwIS7ISMszwZArm6ReCkkD+alAWyBJcgktQUFDd58V7VRTRrIkfBvXnjy9uPvlpkCRV9dE6SutnwdWp6hLMCSojaJder6rSsbsbpoLk2CTOoaGpmpndmkuPO5jcgNLFqIGktbhuOINGeWWcViyFJbY7EkYOmOuBM5iVjIvGcp9Gxg64cnTTJ4P6BbAQklsSZyBzrqB3Zrze99g0YM+UJ5i9MywkDektT/B4YlBEOtoFbXMEaXFiB+4uUDHB+/LQkOmgWjAOqDdyA97vzTNjhUfGG+r5LXgXD4xoBckQhzeG3NM2aBsPDgHGg8krw+jpsNY8Qe/ACJSOVV9AKxJHcPMCrDvWBRmh/lY8DpL4mRGr97PkILeou/BZwV0OBO2inoJKMKI8QRpkQPj91GZaGxONb+FUkKhRWuNuYEHaLmgu03h8fdNBosXJf0L/65QR6ZxBRYviQSaKk0EiK350T9D8hKPFOkhHUdDaD7+xCfaas0AfGfEgSAnC6s5hBd8xDQm+V05T9Fd8QUpl1AIrBO+DGk/lDLLnluovM8YSgTVjuyla3MEOBFs+sCeCgp/FNRYVpBSvHddAAoO03lRZYJCyN0ga/IM3OMpfDaoCWYJLcAnODOaCER78BySX0fdnIPFLAAAAAElFTkSuQmCC) no-repeat;
-webkit-background-size: contain;
}
input, img {
vertical-align: middle;
width: 100%;
}
/*** 搜索栏 E **/
.banner{width:100%;max-width:800px;height:auto;margin:0px;padding:0px; position:relative;}
.top{width:100%;max-width:800px;height:auto;margin:0px;padding:0px; top:0px; left:0px; position:absolute;}
.touch{font-size:48px; color:#FFF; font-family:"Android"; line-height:85px; padding-left:25%}
.tub{width:100%; height: auto !important; padding:10% 0px;z-index:9900; position:relative; margin-top:-20%}
.tub_n{width:80%; height:auto !important; margin:auto;}
.tub_n_n{width:23%; height: auto !important; float:left; margin:0px 1%}
.main{width:100%;max-width:800px;height:auto;margin:0px;padding-top:15%}
.bt{width:100%; height:auto !important; text-align:center; line-height:35px; background:url(../images/bj.jpg) no-repeat bottom center; padding-bottom:1%; }
.wz1{ font-size:24px; font-weight:bold; color:#000; font-family:"微软雅黑"}
.wz2{ font-size:16px; font-weight:bold; color:#000; font-family:"微软雅黑"}
.main_x{width:100%;max-width:800px;height:auto;padding:0% 0px; background:#e9e9e9; margin-top:3%}
.main_x_z{width:30%; height:auto !important; float:left;}
.main_x_y{width:66%; height:auto !important; float:right; padding:2%; font-size:14px;}
.main1{width:100%;max-width:800px;height:auto;margin:0px;padding-top:3%}
.main1_x{width:100%;max-width:800px;height:auto;padding:0% 0px; background:#e9e9e9; margin-top:3%}
.main1_x_z{width:30%; height:auto !important; float:left;}
.fuw{width:81%; height:auto !important; line-height:32px; background:url(../images/biao.png) no-repeat left center; padding-left:10%; margin:auto; font-size:12px; color:#000;}
.fuw a{ font-size:12px; color:#000;}
.main1_x_y{width:70%; height:auto !important; float:right;}
.news{width:96%; height:auto !important; margin:0px auto 2%; padding-top:3%;}
.news_z{width:25%; height:auto !important; float:left;}
.news_y{width:70%; height:auto !important; float:right; line-height:30px;}
.wz3{ font-size:14px; font-weight:bold; color:#000;}
.wz4{ font-size:12px; color:#939393;}
.wz5{ font-size:12px; color:#7c7c7c; line-height:20px;}
.di{width:100%; height:auto !important; float:left;}
.di_n{width:50%; height:auto !important; float:left;}
.top1{width:100%;max-width:800px;height:auto;margin:0px;padding:0px; background:#000;}
.ny{width:100%; height:auto !important; padding-bottom:3%; background:#e9e9e9;}
.ny_s{width:96%; height:30px; line-height:30px; border-bottom:1px #ccc solid; font-size:14px; color:#000; margin:auto; margin-bottom:2%}
.ny_s a{font-size:14px; color:#000;}
.nei{width:96%; height:auto !important; padding:2% 0px; line-height:25px; margin:auto;}
.cptu{width:40%; height:auto !important; float:left; margin:5%;}
.cptu_s{width:100%; height: auto !important;}
.cptu_x{width:100%; height:auto !important; padding:2% 0px; text-align:center; font-size:12px;}
.cptu_x a{ font-size:12px; color:#000;}
@font-face {
font-family: "responsivenav";
src:url("icons/responsivenav.eot");
src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
url("../icons/responsivenav.ttf") format("truetype"),
url("../icons/responsivenav.woff") format("woff"),
url("../icons/responsivenav.svg#responsivenav") format("svg");
font-weight: normal;
font-style: normal;
}
.nav-toggle {
position: fixed;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
text-indent: -999px;
position: relative;
overflow: hidden;
width: 50px;
height: 45px;
float: right;
}
.nav-toggle:before {
color: #f00005; /* Edit this to change the icon color */
font-family: "responsivenav", sans-serif;
font-style: normal;
font-weight: normal;
font-variant: normal;
font-size: 40px;
text-transform: none;
position: absolute;
content: "≡";
text-indent: 0;
text-align: center;
line-height:85px;
speak: none;
width: 100%;
top: 0;
left: 0;
font-weight:bold;
}
.nav-toggle.active::before {
font-size: 24px;
content:"x";
}
.nav-collapse ul { margin: 0; padding: 0; width: 100%; display: block; list-style: none; }
.nav-collapse li { width: 100%; display: block; }
.js .nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; }
.nav-collapse.opened { max-height: 9999px; }
.nav-toggle { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
/* ------------------------------------------
RESET
--------------------------------------------- */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
/* ------------------------------------------
BASE DEMO STYLES
--------------------------------------------- */
/* ------------------------------------------
NAVIGATION STYLES
(+ responsive-nav.css file is loaded in the )
--------------------------------------------- */
.fixed {
position: fixed;
width: 100%;
top: 0;
left: 0;
}
.nav-collapse,
.nav-collapse * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.nav-collapse,
.nav-collapse ul {
list-style: none;
width: 100%;
float: left;
}
.nav-collapse li {
float: left;
width: 100%;
}
.nav-collapse a {
color: #fff;
text-decoration: none;
width: 100%;
background: #f4421a;
border-bottom: 1px solid white;
padding: 0.7em 2em;
float: left;
}
.nav-collapse ul ul a {
background: #ca3716;
padding-left: 2em;
}
.sub_more {
width: 100%;
background: #fff;
padding: 15px 0;
}
.sub_more div {
margin: auto;
width: 19%;
height: 34px;
}
.sub_more div input {
border:none;
width: 100%;
height: 34px;
line-height: 34px;
background: #dddddd;
text-align: center;
}
.page{ padding:20px 10px 30px; color:#000; font-size:12px; font-family:"微软雅黑"; text-align:center; margin:0px;}
.page a{ color:#666; font-size:12px; font-family:""; margin:0px 5px; padding:3px 6px; border:#d7d7d7 solid 1px;}
.page a:hover{ color:#ff3300;}
.content{
font-size:14px;
}
.r_title{
margin: 20px;
font-size:20px;
text-align:center;
}
.r_image {
text-align: center;
}