@charset "utf-8";
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
body {width: 100%;height:auto;background:#f9f9f9;-webkit-text-size-adjust:none;}
div {text-align:left;}
body{font:12px/1.5em "Microsoft YaHei";color:#d5d4d4;position: relative;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
address, cite, em{font-style:normal;}
li{list-style-type:none;}
a{text-decoration:none;color:#d5d4d4;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea,font{font-size:12px;line-height:1.2em;}
.clear{clear:both; line-height:0px; overflow:hidden;}

#top{z-index:999; width:100%;overflow: hidden;zoom: 1; position:relative; height:46px;}
#top .yw_s{overflow:hidden;zoom:1;height: 46px;background: #0da6ed;}
#top .yw_s .logo{float: left;display: block;width: 97px;height: 28px;margin-left: 18px;background: url(../images/logo.png) no-repeat;background-size: 97px;height: 28px;margin-top: 9px;outline: none;}
#top .yw_s .sbox{ margin-left: 151px; height:30px; margin-right: 10px; position:relative;background:#6dcaf6; border: 1px #089ce1 solid;border-radius:15px; margin-top: 7px; display:block;}
#top .yw_s .sbox .s_text{ font-size:16px; color:#ffffff; height:30px; line-height:30px; padding-left:11px; padding-right:46px; display:block;}
#top .yw_s .sbox .s_btn{ width:46px; height:30px; background:url(../images/yw_search.png) no-repeat center; background-size:20px; display:block; position:absolute;top:0px; right:0px;  }
#navbox{background: #ffffff;text-align: center;width: 100%;position:fixed; bottom:0px;z-index: 999;height:55px;}

#navbox li{width:20%;float:left;}
#navbox li a{display:block;overflow:hidden; width:100%; height:55px; border-top:1px solid #cbcaca;}
#navbox li a .n_rdbg{ width:28px;height:28px; display:block; background:url(../images/nav_bg1.png) no-repeat; background-size:100px auto; background-position:0px 0px; margin:7px auto 4px auto;}
#navbox li a .n_yxbg{ width:24px;height:28px; display:block; background:url(../images/nav_bg1.png) no-repeat; background-size:100px auto; background-position:-38px 0px; margin:7px auto 4px auto;}
#navbox li a .n_flbg{ width:30px;height:28px; display:block; background:url(../images/nav_bg1.png) no-repeat; background-size:100px auto; background-position:-70px 0px; margin:7px auto 4px auto;}
#navbox li a .n_phbg{ width:30px;height:28px; display:block; background:url(../images/nav_bg1.png) no-repeat; background-size:100px auto; background-position:-30px -40px; margin:7px auto 4px auto;}
#navbox li a .n_ztbg{ width:29px;height:28px; display:block; background:url(../images/nav_bg1.png) no-repeat; background-size:100px auto; background-position:0px -40px; margin:7px auto 4px auto;}

#navbox li .hover .n_rdbg{ width:28px;height:28px; display:block; background:url(../images/nav_bg2.png) no-repeat; background-size:100px auto; background-position:0px 0px; margin:7px auto 4px auto;}
#navbox li .hover .n_yxbg{ width:24px;height:28px; display:block; background:url(../images/nav_bg2.png) no-repeat; background-size:100px auto; background-position:-38px 0px; margin:7px auto 4px auto;}
#navbox li .hover .n_flbg{ width:30px;height:28px; display:block; background:url(../images/nav_bg2.png) no-repeat; background-size:100px auto; background-position:-70px 0px; margin:7px auto 4px auto;}
#navbox li .hover .n_phbg{ width:30px;height:28px; display:block; background:url(../images/nav_bg2.png) no-repeat; background-size:100px auto; background-position:-30px -40px; margin:7px auto 4px auto;}
#navbox li .hover .n_ztbg{ width:29px;height:28px; display:block; background:url(../images/nav_bg2.png) no-repeat; background-size:100px auto; background-position:0px -40px; margin:7px auto 4px auto;}
#navbox li  .n_mc{ font-size:12px; color:#767777; height:12px; line-height:12px; display:block;}
#navbox li .hover .n_mc{ color:#0da6ed;}
/*加载更多文字样式*/
#more{ font-size: 12px; color: #888888; text-align: center; display: block; }
.ub
{
	display: -webkit-box !important;
	display: box !important;
	position:relative;
}

.ub-rev
{
	-webkit-box-direction:reverse;
	box-direction:reverse;
}

.ub-fh
{
	width:100%;
}

.ub-fv
{
	height:100%;
}

.ub-con
{
	position:absolute;
	width:100%;
	height:100%;
}

.ub-ac
{
	-webkit-box-align:center;
	box-align:center;
}
.ub-ae
{
	-webkit-box-align:end;
	box-align:end;
}

.ub-pc
{
	-webkit-box-pack:center;
	box-pack:center;
}
.ub-pe
{
	-webkit-box-pack:end;
	box-pack:end;
}
.ub-pj
{
	-webkit-box-pack:justify;
	box-pack:justify;
}

.ub-ver
{
	-webkit-box-orient:vertical;
	box-orient:vertical;
}

.ub-f1
{
	position:relative;
	-webkit-box-flex: 1; 
	box-flex: 1;
}

.ub-f2
{
	position:relative;
	-webkit-box-flex: 2;
	box-flex: 2; 
}

.ub-f3
{
	position:relative;
	-webkit-box-flex: 3;
	box-flex: 3;
}

.ub-f4
{
	position:relative;
	-webkit-box-flex: 4;
	box-flex: 4;
}

.ub-img
{
	-webkit-background-size:contain;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.ub-img1
{	
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.ub-img2
{
	background-repeat:repeat-x;
	background-size:auto 100%
}
.ub-img3
{
	background-repeat:repeat-y;
	background-size:100% auto
}

.ub-img4
{
	-webkit-background-size:100% auto;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.ub-img5
{
	-webkit-background-size:auto 100%;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center;
}

.ub-img6
{
	background-repeat:no-repeat;
	background-position:center;
}
.trunPage{margin:1rem;background:#fff;}
.trunPage a{text-align:center;display: block;border:1px solid #efefef;padding:0.4rem 0;color:#767777}
.trunPage input{padding:0.4rem 0;text-align:center;border:1px solid #efefef}
.disbtn{color:#ccc;}