@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active {  }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { outline: none; transition-duration: 0.3s, 0.3s; color: #000; }
img, a {
    transition-duration: 0.5s, 0.5s;
}
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.mr0{margin-right:0 !important; float:right !important;}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body {  margin: 0 auto; overflow-x: hidden; color: #000; background: #ffffff; }
area {  anything:expression(this.onfocus=this.blur);  }
/*.wrap0 { width: 1286px; margin: 0 auto; }*/
.wrap { width: 1200px; margin: 0 auto; }
.wrap01 { width: 1360px; margin: 0 auto; }
/*header*/
#top { }
.welcome { background: #00a1e9; line-height: 40px; vertical-align: middle; font-size: 14px; }
.left-ww {  float: left; color: #fff; }
.right-ww { float: right; }
.right-ww div { float: right; margin-left: 15px; color: #fff; }
.right-ww span { color: #fff; display: inline-block; position: relative; top: -3px; }
.right-ww span b {  font-size: 20px; display: inline-block; position: relative; top: 3px; color: #ffff00; }
.right-ww a { color: #fff; }

.header { position: relative; z-index: 9999;  }
.ln { position: absolute; width: 1300px; left: 50%; margin-left: -650px; }
.logo img { vertical-align: middle; }
.logo { float: left; line-height: 114px; position: relative;  z-index: 999; }

.nav { float: right; background: #005eb6; border-radius: 10px; margin: 40px 0; }
.nav ul {  }
.nav li { position: relative; float: left; text-align: center; padding: 8px 0; }

.nav li a { display: inline-block;  color: #ffffff;  font-size: 16px; padding: 0 15px; }
.nav li i {  width: 1px;  display: inline-block; font-style: normal; height: 16px;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    background: #ffffff; position: relative; top: 3px;
}


.nav li:hover a,.nav li.current a { color: #ffff00; }
.subNav { position: absolute; top: 126px;  z-index: 999;  display: none;   background:rgba(27, 30, 24, .3); width: 126px; padding: 10px 0; line-height: normal!important; }
.subNav { line-height: normal!important; }
.subNav dt { text-align: center; line-height: normal!important; }
.subNav dt a{ display: block;  font-size: 14px; font-weight: normal!important; color: #ffffff!important; padding: 6px 0; }
.subNav dt:hover a{  background: #fff!important; color: #000!important; font-weight: normal; }

    /*banner*/
.banner{ z-index: 1;  position: relative; left: 50%; margin-left: -960px; width: 1920px; text-align: center;  }

.banner .hd{width:1200px; height:3px; position:absolute; bottom:38px; z-index:99; text-align: center; left:50%; margin-left: -600px; }
.banner .hd ul { }
.banner .hd li{ display:inline-block; *display:inline; zoom:1; margin:0 5px; font-size:0; vertical-align:top;  width: 13px; height: 13px; background: #fff; cursor:pointer;  transition-duration: .5s, .5s; }
.banner .hd li.on{background:#cc9900;  }
.banner .bd{ }
.banner .bd li{ zoom:1; vertical-align:middle; text-align: center;}

.banner .next, .banner .prev { position: absolute; z-index: 99; top: 300px; display: block; width: 0px; height: 74px; background: url(pre0v.png) left center no-repeat; left: 50%; margin-left: -17px; transition-duration: .5s; }
.banner .next { margin-left: -620px; }
.banner .prev { background: url(pre0v.png) right center no-repeat; margin-left: 570px; }
.banner:hover .next,.banner:hover .prev { width: 74px; }





.footer { background:url(footer.png) top center no-repeat;  color: #ffffff; font-size: 14px; }
.footer a { color: #fff; }
.left-fo { float: left; background: url(log2.png) left top no-repeat; height: 132px; padding: 35px 0 0 131px; line-height: 25px; }
.right-fo { float: right; margin-top: 35px; width: 220px; border: 1px solid #ffffff; padding: 20px 0; }
.right-fo span { display: block; background: url(tel.png) left 15px center no-repeat; height: 34px; padding-left: 55px; line-height: 45px; overflow: hidden;  }
.right-fo em { font-size: 27px; text-align: center; display: block; }
.fo-nav { text-align: center; }
.copyright { text-align: center;  background: #054e79; line-height: 40px; }
.copyright a { margin-right: 15px; }



.notice { position: absolute; left: 50%; margin-left: -600px; top: 154px; z-index: 99; background: rgba(0,161,233, .9); padding: 20px; width: 1160px; border-radius: 10px; }
.left-notice { float: left; width: 492px; text-align: center; }
.left-notice li span { position: relative; display: block; height: 40px; font-size: 14px; color: #ffffff; line-height: 40px; margin-top: -40px; z-index: 9; background: rgba(0,0,0,1); overflow: hidden; }
.right-notice { float: right; }
.left-notice .prev, .left-notice .next { display: block; width: 42px; height: 40px; background: url(arr.jpg) left center no-repeat; position: absolute; left: 20px; bottom: 20px; z-index: 99;  }
.left-notice .next { background-position: right; margin-left: 450px; }


.right-notice { float: right; width: 643px; }
.right-notice .hd li { float: left; font-size: 18px; color: #ffffff; margin: 10px 20px 0; cursor: pointer; }
.right-notice .hd li span { padding-bottom: 4px; }
.right-notice .hd li.on span { border-bottom: 1px solid #ff0000; }
.slide-rn { margin-top: 28px; color: #ffffff; font-size: 14px; }
.hot-srn { padding-bottom: 20px; border-bottom: 1px solid #ffffff; }
.hot-srn h2 a { display: block; font-weight: normal; font-size: 16px; color: #ffffff; }
.slide-rn ul { margin-top: 15px; }
.slide-rn ul li { line-height: 40px; border-bottom: 1px dashed #ffffff; }
.slide-rn ul li a { color: #ffffff; }
.slide-rn ul li:last-child { border-bottom: 0; }
.slide-rn ul li span { float: right; }



::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background:#ccc}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar{width:7px;height:7px}

.g-wp { position:relative; width:100%; height:2000px; overflow:hidden; }

.u-color { padding:20px; }
.u-color a { display:inline-block; margin:0 10px; padding:10px; }
.u-color .u-color-blue { border:1px solid #369; background:#369; color:#fff; }
.u-color .u-color-white { border:1px solid #ccc; background:#fff; color:#444; }
.u-color .u-color-yellow { border:1px solid #eea120; background:#db8c09; color:#fff; }
.u-color .u-color-green { border:1px solid #2454b5; background:#2454b5; color:#fff; }

.m-down { padding:20px; }
.m-down a { display:inline-block; margin:0 10px; padding:10px; border:1px solid #ccc; background:#fff; color:#444;  }


#m-woo-panel { position:absolute; left:0; top:5%; width:152px;  z-index:9999; }
#m-woo-panel .g-hd { position:relative; }
#m-woo-panel .g-hd h2 { font-size:18px; font-weight:normal; line-height:50px; text-align:center; background: #2454b5; color: #fff; }
#m-woo-panel .g-bd { padding:10px 0;display: none; }

.m-im { padding:0 10px 2px; }
.m-im li { margin:0 0 8px; border-radius:4px; line-height:24px; text-align:left; }
.m-im li a { display:block; padding:2px 0 2px 45px; }

.u-close { position:absolute; top:-15px; right:-5px; display:block; width:24px; height:24px; line-height:999px; overflow:hidden; }

.m-console { position:absolute;  top: -1px;  left: 153px; width:35px; height:256px; cursor:pointer; }

.g-tel { padding:5px 10px 15px; font-size:14px; }
.g-tel span { display:block; font-size:18px; line-height:20px; }

.g-rqcode { line-height:30px; text-align:center; }





.u-woo-white { border:1px solid #ddd; background:#fff; color:#333; }

.u-woo-white .m-im li { border:1px solid #ddd; background:url(k_14.png) no-repeat 20px center #fff; }
.u-woo-white .m-im li a { color: #333333; }

.u-woo-white .m-console { background:url(mod-qq-console.png) no-repeat; }

.u-woo-white .u-close { background:url(mod-qq-close.png) no-repeat; }



.u-woo-blue { border:1px solid #ddd; background:#369; color:#fff; }

.u-woo-blue .m-im li { border:1px solid #069; background:url(k_14.jpg) no-repeat 20px center #fff; }
.u-woo-blue .m-im li a { }

.u-woo-blue .m-console { background:url(mod-qq-console.png) no-repeat; }

.u-woo-blue .u-close { background:url(mod-qq-close.png) no-repeat; }



.u-woo-yellow { border:1px solid #eea120; background:#db8c09; color:#fff; }

.u-woo-yellow .m-im li { border:1px solid #eea120; background:url(k_14.jpg) no-repeat 20px center #fff; }
.u-woo-yellow .m-im li a { }

.u-woo-yellow .m-console { background:url(mod-qq-console.png) no-repeat; }

.u-woo-yellow .u-close { background:url(mod-qq-close.png) no-repeat; }




.u-woo-green { border:1px solid #2454b5; background:#2454b5; color:#fff; }

.u-woo-green .m-im li { border:1px solid #2454b5; background:url(k_14.jpg) no-repeat 20px center #fff; }
.u-woo-green .m-im li a { }

.u-woo-green .m-console { background:url(mod-qq-console.png) no-repeat; }

.u-woo-green .u-close { background:url(mod-qq-close.png) no-repeat; }

#m-woo-panel img { vertical-align:top; }

#gotop{ background-position:-273px -306px;bottom:132px; _margin-bottom:172px; }

#gotop{ width:57px; height:58px; background: url(gotop.png) no-repeat; position:fixed; right:50px; cursor:pointer;
    _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

