/* --2014.5.1雨楠程序专用-- */
/* ---Tel:139-9180-9967---- */
/* ------QQ:47329193------- */
/* ----www.gaozhen.name---- */
html,body {margin:0 auto;width:100%;height:100%;background-color:#fff;}
html,body,table,td{font-size:12px;}
div, form, p, span, h1, h2, h3, h4, h5, h6, img {border:0;padding:0;margin:0;}
ul, dl, li, ol {list-style:none;display:inline;display:inline-block;border:0;padding:0;margin:0;}
input,select,textarea{margin:0;border:0;padding:0;margin:0;}
.hand{cursor:pointer;}
/**--位置定位--**/
.fl,.left{float:left;}
.fr,.right{float:right;}
.clear{overflow:hidden;display:block;clear:both;height:0px;font-size:0px;zoom:1;}
.tl{text-align:left;} .tc{text-align:center;} .tr{text-align:right;}
.middle{text-align:center;}
.pj{position:relative;}
.px{position:absolute;}
.inline{display:inline;}
.line30{line-height:30px;}
/**--隐藏显示--**/
.none,.hidden{overflow:hidden;display:none;}
.block{overflow:hidden;display:block;}
/**--距离边距--**/
.fjiage{font-family:"Arial";}
.top5{margin-top:5px;} .top10{margin-top:10px;} .bottom5{margin-bottom:5px;} .bottom10{margin-bottom:10px;} 
.sxline{width:100%;border-bottom:solid 1px #ddd;}.dxline{width:100%;border-bottom:dashed 1px #ddd;} .xxline{width:100%;border-bottom:1px #dddddd dotted;}
.nostop{border-top:none;}.nosbottom{border-bottom:none;}.nleft{border-left:none;}.noright{border-right:none;}
.line20{line-height:20px;} .line25{line-height:25px;}.line30{line-height:30px;}.line40{line-height:40px;}
.m30{margin-top:30px;} .mt5{margin-top:5px;} .m10{margin-top:10px;} .m10b{padding-bottom:10px;} .m20{margin-top:20px;}
/**--字体有关--**/
b,em,i{ font-style:normal; font-weight:normal;}
.fb{font-weight:bold;} .yahei{font-family:"Microsoft YaHei";}
.small{font-size:10px;} .small a{font-size:10px;} .small a:link{font-size:10px;} .small a:hover{font-size:10px;}
.f12{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f15{font-size:15px;}.f16{font-size:16px;}.f20{font-size:20px;}.f30{font-size:30px;}
.fred{color:red;}.fgreen{color:#16445B;}.fblue{color:#0025DF;}.fyellow{color:#FFFC00;}.fhei{color:#000;}.fhui{color:#ccc;}.fshui{color:#666;}.fbai{color:#fff;}
.fmoney{color:#c9043a;} .fmoney16{color:#c9043a;font-family:"Microsoft yahei";font-size:16px;}
.border{border:1px solid #2a2a2a}
.fmoney20{color:#FF4A00;font-weight:bold;font-family:"Microsoft yahei";font-size:18px;}
.fmoney25{color:#FF4A00;font-weight:bold;font-family:"Microsoft yahei";font-size:25px;}
/**--一般情况--**/
a{color:#000000;font-size:12px;text-decoration:none;}
a:link{color:#000000;font-size:12px;text-decoration:none;}
a:hover{color:#000000;font-size:12px;text-decoration:none;}
/* 翻页的CSS */
.GzPagel{height:30px;background:#fff;}
.GzPagel span{cursor:pointer;float:left;line-height:25px;height:25px;margin:0px 2px 0px 2px;padding:0px 8px 0px 8px;color:#666;border:solid 1px #DEDEDE;}
.GzPagel span a{font-size:12px;color:#666;}
.GzPagel span a:link{font-size:12px;color:#666;}
.GzPagel span a:hover{font-size:12px;color:#666;}
.GzPagel span .key{color:#484848;background:#fff;border:1px #fff solid;height:17px;}
.GzPage{height:30px;background:#fff;}
.GzPage span{cursor:pointer;float:left;line-height:20px;height:20px;margin:0px 2px 0px 2px;padding:0px 8px 0px 8px;color:#666;border:solid 1px #DEDEDE;}
.GzPage span a{font-size:12px;color:#666;}
.GzPage span a:link{font-size:12px;color:#666;}
.GzPage span a:hover{font-size:12px;color:#666;}
.GzPage span:hover{float:left;line-height:20px;height:20px;padding:0px 8px 0px 8px;background:#9B092E;margin:0px 2px 0px 2px;color:#fff;border:solid 1px #9B092E;}
.GzPage span:hover a{font-size:12px;color:#fff;}
.GzPage span:hover a:link{font-size:12px;color:#fff;}
.GzPage span:hover a:hover{font-size:12px;color:#fff;}
/* --2014.5.1雨楠程序专用-- */
/* ---Tel:139-9180-9967---- */
/* ------QQ:47329193------- */
/* ----www.gaozhen.name---- */
.side{position:fixed;width:54px;right:0;bottom:10px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li img{float:left;}

/*在线客服*/
.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;width:90px;text-align:center;color:#012646;font-size:14px;font-family: "Microsoft YaHei";}
.keifu_con li a{color:#012646;font-size:14px;font-family: "Microsoft YaHei";}
.keifu_con li a:link{color:#012646;font-size:14px;font-family: "Microsoft YaHei";}
.keifu_con li a:hover{color:#006605;font-size:14px;font-family: "Microsoft YaHei";}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:33px; background:url(../images/keifu.png); background-position:0 -149px; }
/*弹出的提示·警告语之类最小一句话*/
.opendivbg{display:block ; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%;background-color: #000;z-index:88; -moz-opacity: 0.8; opacity:.8; filter: alpha(opacity=8);overflow:hidden; } 
.opendiv {display:block; position: fixed; top: 20%; left: 20%; width: 560px;padding: 20px!important;padding: 10px; 
border: 1px solid #666; background-color: white; z-index:99; overflow:hidden;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/}

.opendiv .stitlesx{cursor:pointer;text-align:right;float:left;width:550px;height:50px;line-height:20px;color:#666;background:url(/images/skaoshititle.png);}
.opendiv .stitlesx a{font-size:16px;color:#666;font-family: "Microsoft YaHei";}
.opendiv .stitlesx a:link{font-size:16px;color:#666;font-family: "Microsoft YaHei";}
.opendiv .stitlesx a:hover{font-size:16px;color:#D10000;text-decoration:underline;font-family: "Microsoft YaHei";}
/*弹出来的信息*/
.opendiv .scontinfo{float:left;width:560px;}
.opendiv .scontinfo ul{width:560px;}
.opendiv .scontinfo ul li{float:left;cursor:pointer;width:560px;line-height:40px;height:40px;font-size:16px;color:#666;font-family: "Microsoft YaHei";}
.opendiv .scontinfo ul li .wll{float:left;width:120px;text-align:right;}
.opendiv .scontinfo ul li .wrr{float:right;width:430px;text-align:left;}
.opendiv .scontinfo ul li .iipptt{width:250px;line-height:35px;border:1px #E4E4E4 solid;height:35px;font-size:16px;color:#666;font-family: "Microsoft YaHei";}
.opendiv .scontinfo ul li .iippttsub{width:250px;line-height:35px;border:1px #E4E4E4 solid;height:35px;font-size:16px;color:#fff;background-color: #EE7936;font-family: "Microsoft YaHei";}
.opendiv .scontinfo ul li a{font-size:16px;color:#666;font-family: "Microsoft YaHei";}
.opendiv .scontinfo ul li a:link{font-size:16px;color:#666;font-family: "Microsoft YaHei";}
.opendiv .scontinfo ul li a:hover{font-size:16px;color:#D10000;text-decoration:underline;font-family: "Microsoft YaHei";}
.opendiv .scontinfo ul li .err{font-size:12px;color:#FF0000;font-family: "Microsoft YaHei";}


/* - 时间间隔 - */
.MiaoIn05s {-webkit-animation-duration: 0.5s;-moz-animation-duration: 0.5s;-o-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}
.MiaoIn1s {-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}
.MiaoIn2s {-webkit-animation-duration: 2s;-moz-animation-duration: 2s;-o-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}
.MiaoIn3s {-webkit-animation-duration: 3s;-moz-animation-duration: 3s;-o-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}
.MiaoIn5s {-webkit-animation-duration: 5s;-moz-animation-duration: 5s;-o-animation-duration: 5s;animation-duration: 5s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}
.MiaoIn7s {-webkit-animation-duration: 7s;-moz-animation-duration: 7s;-o-animation-duration: 7s;animation-duration: 7s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}
.MiaoIn9s {-webkit-animation-duration: 9s;-moz-animation-duration: 9s;-o-animation-duration: 9s;animation-duration: 9s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}

/* - 无限闪烁 - */
@-webkit-keyframes linking {/* Safari 和 Chrome */
	0%{opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes linking {/* Firefox */
	0%{opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes linking {/* Opera */
	0%{opacity: 0;}
	100% {opacity: 1;}
}
@keyframes linking {
	0%{opacity: 0;}
	100% {opacity: 1;}
}
#shanshuo{-webkit-animation:linking 0.2s infinite ease-in-out;}

/* - 从上向下运动 - */
@-webkit-keyframes fadeInDown {/* Safari 和 Chrome */
	0%{opacity: 0;-webkit-transform: translateY(-100px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDown {/* Firefox */
	0% {opacity: 0;-moz-transform: translateY(-100px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDown {/* Opera */
	0% {opacity: 0;-o-transform: translateY(-100px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInDown {
	0% {opacity: 0;transform: translateY(-100px);}
	100% {opacity: 1;transform: translateY(0);}
}
.fadeInDown {-webkit-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-o-animation-name: fadeInDown;animation-name: fadeInDown;}


/* - 从下向上运动 - */
@-webkit-keyframes bottomInDown {/* Safari 和 Chrome */
	0%{opacity: 0;-webkit-transform: translateY(600px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes bottomInDown {/* Firefox */
	0% {opacity: 0;-moz-transform: translateY(600px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes bottomInDown {/* Opera */
	0% {opacity: 0;-o-transform: translateY(600px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes bottomInDown {
	0% {opacity: 0;transform: translateY(600px);}
	100% {opacity: 1;transform: translateY(0);}
}
.bottomInDown {-webkit-animation-name: bottomInDown;-moz-animation-name: bottomInDown;-o-animation-name: bottomInDown;animation-name: bottomInDown;}


/* - 从左向右运动 - */
@-webkit-keyframes leftInDown {/* Safari 和 Chrome */
	0%{opacity: 0;-webkit-transform: translateX(-300px);}
	100% {opacity: 1;-webkit-transform: translateX(0);}
}
@-moz-keyframes leftInDown {/* Firefox */
	0% {opacity: 0;-moz-transform: translateX(-300px);}
	100% {opacity: 1;-moz-transform: translateX(0);}
}
@-o-keyframes leftInDown {/* Opera */
	0% {opacity: 0;-o-transform: translateX(-300px);}
	100% {opacity: 1;-o-transform: translateX(0);}
}
@keyframes leftInDown {
	0% {opacity: 0;transform: translateX(-300px);}
	100% {opacity: 1;transform: translateX(0);}
}
.leftInDown {-webkit-animation-name: leftInDown;-moz-animation-name: leftInDown;-o-animation-name: leftInDown;animation-name: leftInDown;}


/* - 从右向左运动 - */
@-webkit-keyframes rightInDown {/* Safari 和 Chrome */
	0%{opacity: 0;-webkit-transform: translateX(300px);}
	100% {opacity: 1;-webkit-transform: translateX(0);}
}
@-moz-keyframes rightInDown {/* Firefox */
	0% {opacity: 0;-moz-transform: translateX(300px);}
	100% {opacity: 1;-moz-transform: translateX(0);}
}
@-o-keyframes rightInDown {/* Opera */
	0% {opacity: 0;-o-transform: translateX(300px);}
	100% {opacity: 1;-o-transform: translateX(0);}
}
@keyframes rightInDown {
	0% {opacity: 0;transform: translateX(300px);}
	100% {opacity: 1;transform: translateX(0);}
}
.rightInDown {-webkit-animation-name: rightInDown;-moz-animation-name: rightInDown;-o-animation-name: rightInDown;animation-name: rightInDown;}

/* - 从大变小 - */
@-webkit-keyframes bigtosmall {/* Safari 和 Chrome */
	0%{opacity: 0;-webkit-transform: translateX(-200px);width:200%;}
	100% {opacity: 1;-webkit-transform: translateX(0);width:100%;}
}
@-moz-keyframes bigtosmall {/* Firefox */
	0%{opacity: 0;-moz-transform: translateX(-200px);width:200%;}
	100% {opacity: 1;-moz-transform: translateX(0);width:100%;}
}
@-o-keyframes bigtosmall {/* Opera */
	0%{opacity: 0;-o-transform: translateX(-200px);width:200%;}
	100% {opacity: 1;-o-transform: translateX(0);width:100%;}
}
@keyframes bigtosmall {
	0%{opacity: 0;transform: translateX(-200px);width:200%;}
	100% {opacity: 1;transform: translateX(0);width:100%;}
}
.bigtosmall {-webkit-animation-name: bigtosmall;-moz-animation-name: bigtosmall;-o-animation-name: bigtosmall;animation-name: bigtosmall;}

/* - 从小变大 - */
@-webkit-keyframes smalltobig {/* Safari 和 Chrome */
	0%{opacity: 0;-webkit-transform: translateY(-100px);width:20%;}
	100% {opacity: 1;-webkit-transform: translateY(0);width:100%;}
}
@-moz-keyframes smalltobig {/* Firefox */
	0%{opacity: 0;-moz-transform: translateY(-100px);width:20%;}
	100% {opacity: 1;-moz-transform: translateY(0);width:100%;}
}
@-o-keyframes smalltobig {/* Opera */
	0%{opacity: 0;-o-transform: translateY(-100px);width:20%;}
	100% {opacity: 1;-o-transform: translateY(0);width:100%;}
}
@keyframes smalltobig {
	0%{opacity: 0;transform: translateY(-100px);width:20%;}
	100% {opacity: 1;transform: translateY(0);width:100%;}
}
.smalltobig {-webkit-animation-name: smalltobig;-moz-animation-name: smalltobig;-o-animation-name: smalltobig;animation-name: smalltobig;}


/* - 旋转 - */
@-webkit-keyframes zhuan360 {/* Safari 和 Chrome */
	0% {opacity: 0;-webkit-transform: rotate(360deg);}
	10% {opacity: 0.1;-webkit-transform: rotate(324deg);}
	20% {opacity: 0.2;-webkit-transform: rotate(288deg);}
	30% {opacity: 0.3;-webkit-transform: rotate(252deg);}
	40% {opacity: 0.4;-webkit-transform: rotate(216deg);}
	50% {opacity: 0.5;-webkit-transform: rotate(180deg);}
	60% {opacity: 0.6;-webkit-transform: rotate(144deg);}
	70% {opacity: 0.7;-webkit-transform: rotate(108deg);}
	80% {opacity: 0.8;-webkit-transform: rotate(72deg);}
	90% {opacity: 0.9;-webkit-transform: rotate(36deg);}
	100% {opacity: 1;-webkit-transform: rotate(0deg);}
}
@-moz-keyframes zhuan360 {/* Firefox */
	0% {opacity: 0;-moz-transform: rotate(360deg);}
	10% {opacity: 0.1;-moz-transform: rotate(324deg);}
	20% {opacity: 0.2;-moz-transform: rotate(288deg);}
	30% {opacity: 0.3;-moz-transform: rotate(252deg);}
	40% {opacity: 0.4;-moz-transform: rotate(216deg);}
	50% {opacity: 0.5;-moz-transform: rotate(180deg);}
	60% {opacity: 0.6;-moz-transform: rotate(144deg);}
	70% {opacity: 0.7;-moz-transform: rotate(108deg);}
	80% {opacity: 0.8;-moz-transform: rotate(72deg);}
	90% {opacity: 0.9;-moz-transform: rotate(36deg);}
	100% {opacity: 1;-moz-transform: rotate(0deg);}
}
@-o-keyframes zhuan360 {/* Opera */
	0% {opacity: 0;-o-transform: rotate(360deg);}
	10% {opacity: 0.1;-o-transform: rotate(324deg);}
	20% {opacity: 0.2;-o-transform: rotate(288deg);}
	30% {opacity: 0.3;-o-transform: rotate(252deg);}
	40% {opacity: 0.4;-o-transform: rotate(216deg);}
	50% {opacity: 0.5;-o-transform: rotate(180deg);}
	60% {opacity: 0.6;-o-transform: rotate(144deg);}
	70% {opacity: 0.7;-o-transform: rotate(108deg);}
	80% {opacity: 0.8;-o-transform: rotate(72deg);}
	90% {opacity: 0.9;-o-transform: rotate(36deg);}
	100% {opacity: 1;-o-transform: rotate(0deg);}
}
@keyframes zhuan360 {
	0% {opacity: 0;transform: rotate(360deg);}
	10% {opacity: 0.1;transform: rotate(324deg);}
	20% {opacity: 0.2;transform: rotate(288deg);}
	30% {opacity: 0.3;transform: rotate(252deg);}
	40% {opacity: 0.4;transform: rotate(216deg);}
	50% {opacity: 0.5;transform: rotate(180deg);}
	60% {opacity: 0.6;transform: rotate(144deg);}
	70% {opacity: 0.7;transform: rotate(108deg);}
	80% {opacity: 0.8;transform: rotate(72deg);}
	90% {opacity: 0.9;transform: rotate(36deg);}
	100% {opacity: 1;transform: rotate(0deg);}
}

/*弹出的提示·警告语之类最小一句话*/
.openbgone{display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: white; z-index:999; -moz-opacity: 0.66; opacity:.66; filter: alpha(opacity=66); } 
.opencontone {display: none; position: fixed; top: 28%; left: 30%; width: 410px; height: 120px; padding: 20px; border: 1px solid #666; background-color: white; z-index:9999; overflow: auto;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/}
.opencontone .stitlesx{cursor:pointer;float:left;width:400px;height:30px;line-height:30px;margin:0px 0px 10px 0px;background:#ffffff;}
.opencontone .stitlesx h1{float:left;text-align:left;width:110px;height:30px;font-family:"Microsoft YaHei";font-size:14px;color:#3B6FB7;}
.opencontone .stitlesx h1 a:link{text-align:left;font-family:"Microsoft YaHei";font-size:14px;color:#3B6FB7;}
.opencontone .stitlesx h1 a:hover{text-align:left;font-family:"Microsoft YaHei";font-size:14px;color:#3B6FB7;}
.opencontone .stitlesx .mores{float:right;text-align:right;height:30px;}
.opencontone .sconts{float:left;width:400px;text-align:center;line-height:30px;}
