html{ position:relative; width:100%; height:100%; overflow-y:scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, dl, dt, dd, span { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td { border-color:#000; }
fieldset, img { border: 0px; }
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
strong { font-weight:bold; }
ol, ul, dl { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
img { vertical-align:middle; }
input, button { vertical-align:middle;hide-focus:expression(this.hideFocus=true); outline:none; }
input { text-indent:2px; }
button { cursor:pointer; }
abbr, acronym { border: 0px; }
a{ text-decoration:none; outline:none;} 
a:hover{ color:#e9c46d; text-decoration:none; outline:none; }
.clearfix:after { content:"."; clear:both; display:block; height:0; visibility:hidden;}
.clearfix { display:block; }

body{font-family:"微软雅黑","黑体","宋体"; min-width:1200px; position:relative; min-height:100%; overflow:hidden; font-size: 12px;}
.fl { float:left; }
.fr { float:right;}
.textLeft{ text-align: left;}
.textRight{ text-align: right;}
.textCenter{ text-align: center;}
.wrap,.common{ width:1200px; margin:0 auto; overflow: hidden;}
.wrap{ padding-bottom: 475px;}
.wrap1{ width:1212px; padding-bottom: 490px;}
.topBar{ width:100%; height:36px; background: #eee; color: #666; text-align: right; line-height: 36px;}
.topBar a{ color: #666;}
.topBar span{ color: #f8bb46; font-weight: bold; padding-right: 4px;}
.topBar .exit{ color:#b1b1b1;}
.topBar .a1{ margin-left:20px;}
.topBar b{ display: inline-block; vertical-align: middle; height: 12px; width:1px; background: #d1d1d1; margin:0 8px;}
.topBar .login-btn,.topBar .manage-btn{ font-weight: bold; margin-right: 20px; color: #f8bb46;}
.ui-header{ width:100%; height:90px; background: #fff; border-bottom: 1px solid #e0e1e5; position: relative; z-index: 11;}
.header{ width: 1200px; margin:0 auto; height: 90px;}
.header h1{ float: left; width:170px; line-height: 90px;}
.header-nav{ float: right; line-height: 90px;}
.header-nav li{ float: left; padding:0 14px; margin-left: 18px; display:inline; font-size: 16px; position: relative; line-height: 90px;}
.header-nav .last{ padding-right: 0;}
.header-nav li a{ color: #666;}
.header-nav li a:hover,.header-nav li.current a{ color: #f8bb46; }
.header-nav li:hover dd a{ color: #666;}
.header-nav li:hover dl{ display: block;}
.header-nav dl{ position: absolute; left:-14px; top:90px; width:94px; background: #fff; z-index: 22; display: none; border:1px solid #e0e1e5; border-top: 0 none;}
.header-nav .solution-drop{ width:150px; left:-24px;}
.header-nav dt{ width:60px; height:0; border-bottom: 1px solid #f6cc58; margin-left: 15px;}
.header-nav .solution-drop dt{ width:115px; margin-left: 17px;}
.header-nav dd{ padding:0; text-align: center;}
.header-nav dd a{ display: block; line-height: 30px; color: #666; padding:7px 0;}
.header-nav dd a:hover{ background: #eee;}

.ui-features{ width: 100%; height: 76px; line-height: 76px; background: #f3f3f3; font-size: 18px; color: #4d4d4d;}
.ui-features span{ padding-left:160px;}
.ui-features i{ vertical-align: middle; width:25px; height: 23px; display: inline-block; vertical-align: middle; margin-right: 12px; background-image: url(../images/sprite.png); background-repeat: no-repeat;}
.ui-features .security{ background-position: 0 0;}
.ui-features .exp{ background-position:-23px 0;}
.ui-features .seven{ background-position: -48px 0;}
.ui-footer{ width: 100%;background: #483c35; font-size: 14px; color: #e5d0c4; position: absolute; left:0; bottom:0;}
.footer{ width: 1200px;margin:0 auto; position: relative; padding:75px 0 42px;}
.footer ul{ overflow: hidden;}
.footer li{ float: left; width:155px;}
.footer li img{ width:110px; height: 109px; display: block;}
.footer h3{ font-size: 16px; color: #e5d0c4; font-weight: bold;}
.footer p{ padding-top: 15px;}
.footer a{ color: #87776e;}
.footer strong{ color: #f4c329; font-weight:normal;}
.footer .sina i{ display: inline-block; width:17px; height: 17px; background: url(../images/sprite.png) no-repeat -118px 0; vertical-align: middle; margin-right: 4px;}
.footer .tel{ position:absolute; right:0; top:75px; color: #87776e; line-height: 27px;}
.footer .tel span{ font-size: 27px; color: #f4c328;}

.footer .tel a{ display: inline-block; width:69px; height: 27px; text-align: center; line-height: 26px; background: #f4c329; border-radius:50px; color: #483c35; margin-right: 12px; vertical-align: middle; position: relative; padding-left: 25px;}
.footer .tel i{ display: inline-block; width:16px; height: 17px; background: url(../images/sprite.png) no-repeat -82px 0; vertical-align:middle; position: absolute; left:12px; top:5px;}
.footer .tel p{ padding-top: 10px;}
.copyright{ width:100%; height:45px; line-height: 45px; text-align: center; background: #3a302a; color: #8b766b;}
.copyright a{ color: #8b766b; margin-left: 20px;}
.backTop{ display:none; position: fixed; right:10px; bottom:10px; z-index: 1111; float: left; width:36px; height: 36px; background: url(../images/backtop.png) no-repeat; cursor: pointer; text-align: center; text-indent: -9999em;}

















