*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;}body{ background:#484c55;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#010733;}
a:hover{text-decoration:none;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}

.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px;}

.wrapper { width:1000px; margin:0 auto; overflow:hidden}
        .banner { margin-bottom:100px;}
        .text-t { background:#7f8288; font-size:18px; color:#fff; line-height:40px; padding:30px; position:relative; width:750px; margin:0 auto; text-indent:40px; margin-bottom:100px;}
        .text-t i { width:46px; height:41px; background:url(images/raget.jpg) no-repeat; display:inline-block; top:-41px; left:30px; position:absolute;}
        .m-box { margin:10px 0;}
        .m-box h2 { height:75px; line-height:75px; margin-bottom:50px;}
        .data-bg { background:url(images/bg_center.png) no-repeat; height:2100px; padding-top:100px;}
        .data-bg p { font-size:14px; color:#fff; height:140px; padding:100px 80px 0 250px; line-height:24px; overflow:hidden}
        .pl-20 { padding:110px 0 0 320px!important; height:180px!important;}
        .text-list { height:520px; margin:0 50px 50px; border:1px solid #898a8c; padding:30px 30px 0; overflow:auto; color:#fff; font-size:16px;}
        .text-list li { margin-bottom:10px;}
        .text-list li p { line-height:30px; margin-bottom:30px;}
        .text-list li h3 { background:#968080; display:inline-block; border-radius:50px; padding:5px 20px; font-size:18px; color:#fff; margin-bottom:20px;}
        .text-box-bg { background:url(images/text_bg.jpg) no-repeat; width:898px; height:312px; margin:0 auto 50px;}
        .text-box-bg p { padding:80px 50px 0; font-size:16px; line-height:30px; text-indent:20px; color:#fff;}
        .about { color:#fff; line-height:30px; font-size:16px; padding:20px 30px 0; overflow:hidden}
        .about h3 { margin-bottom:10px;}
        .about p { padding-left:13px;}
        .code { float:right; padding:10px; display:block; border:1px solid #fff;}
 
.footer { border-top:1px solid #343740; font-size:14px; padding:30px 0; margin-top:50px; overflow:hidden; text-align:center; color:#a3a3a3;}
.footer p { line-height:20px; padding:5px 0;}
.footer p a { color:#a3a3a3; margin:0 10px;} 
.footer p a:hover { color:#f60;}

#slidebar { height: 110px; z-index: 2; margin-top: -55px; top: 50%; left: 15px; position:absolute}
#slidebar li {position: relative;}
#slidebar a {display: block;border-radius: 8px;cursor: pointer;font-size:12px; color: transparent; padding:5px;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear; }
#slidebar .slidebar-text {background-color:#ddd;display: inline-block;width: 12px;height: 12px;border-radius:50%;margin:0 5px;vertical-align:baseline;-webkit-transition: opacity .2s linear .2s;-moz-transition: opacity .2s linear .2s;-ms-transition: opacity .2s linear .2s;-o-transition: opacity .2s linear .2s;transition: opacity .2s linear .2s; vertical-align:middle;}
#slidebar .slidebar-active a {color: #039c79;background-color:#eee;	}
#slidebar .slidebar-active .slidebar-text {opacity: 1;background-color:#039c79;width: 12px;height:12px;-webkit-transition: opacity .2s linear .4s;-moz-transition: opacity .2s linear .4s;-ms-transition: opacity .2s linear .4s;-o-transition: opacity .2s linear .4s;transition: opacity .2s linear .4s;}