html, body, div, ol, ul, li, a, h1, h2, h3, h4, h5, h6, dl, dd, p, form, hr, input, textarea, select, table, thead, tbody, tr, th, td { padding: 0; margin: 0; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; }

ul, li, ol { list-style: none; }

img { border: none; }

a { text-decoration: none; color: #666666; transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }
a:hover { text-decoration: none; }

body { font-size: 14px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft Yahei", Arial, Verdana, sans-serif; color: #333333; min-width: 1100px; background: #f4f8f9; }

input:not("type=[checkbox]"), select, textarea { font-size: 14px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft Yahei", Arial, Verdana, sans-serif; outline: none; -webkit-appearance: none; color: #333333; }

.clear { clear: both; height: 0; line-height: 0; overflow: hidden; }

.clearfloat:after { clear: both; height: 0; line-height: 0; display: block; content: ""; }

.left { float: left; }

.right { float: right; }

.hide { display: none; }

.red { color: #ff4a4a; }

table { border-collapse: collapse; border-spacing: 0; word-wrap: break-word; word-break: break-all; table-layout: fixed; }

th { text-align: inherit; }

@font-face { font-family: "iconfont"; src: url("../font/iconfont.eot"); src: url("../font/iconfont.eot?#iefix") format("embedded-opentype"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg#iconfont") format("svg"); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

.container { width: 1100px; position: relative; margin: 0 auto; }

.ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; width: 100%; }

.inlineblock { font-size: 0; letter-spacing: 0; line-height: 1; }
.inlineblock > * { display: inline-block; font-size: 14px; vertical-align: middle; }

.header-top { height: 34px; background: #2a3b50; line-height: 34px; font-size: 12px; color: white; }
.header-top .container { height: 100%; }
.header-top .address { margin-left: 36px; position: relative; }
.header-top .address label { display: block; height: 34px; padding-left: 20px; background: url(../images/icon_local.png) no-repeat 6px center; padding-right: 10px; }
.header-top .address:hover .box { display: block; }
.header-top .address .box { position: absolute; background: white; width: 350px; border: 1px solid #dddddd; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 5; border-radius: 3px; display: none; }
.header-top .address .box:before { content: ""; position: absolute; width: 6px; height: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid white; border-left: 1px solid white; top: -4px; left: 26px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: white; }
.header-top .address .box li { float: left; color: #333333; line-height: 30px; height: 30px; min-width: 67px; text-align: center; cursor: pointer; }
.header-top .address .box li.curr, .header-top .address .box li:hover { background: #1cc9b5; color: white; }
.header-top .nav > a { font-size: 14px; color: white; padding: 0 10px; margin: 0 5px; }
.header-top .nav > a:hover { background: #1cc9b5; }
.header-top .nav .user-nav { position: relative; height: 100%; }
.header-top .nav .user-nav label { font-size: 14px; padding: 0 12px 0 30px; background: url(../images/login-icon.png) no-repeat 0 center; display: block; height: 100%; position: relative; }
.header-top .nav .user-nav label:after { content: ""; border: 4px solid transparent; border-top-width: 5px; border-bottom-width: 5px; border-top-color: white; position: absolute; right: 0; top: 15px; }
.header-top .nav .user-nav:hover .box { display: block; }
.header-top .nav .user-nav:hover label { color: #1cc9b5; }
.header-top .nav .user-nav:hover label:after { border-bottom-color: #1cc9b5; border-top-color: transparent; top: 10px; }
.header-top .nav .user-nav .box { position: absolute; width: 110px; background: white; z-index: 5; -webkit-box-shadow: 0 1px 3px #f3f4f8; box-shadow: 0 1px 3px #f3f4f8; border-radius: 3px; top: 100%; left: -17px; display: none; }
.header-top .nav .user-nav .box:after { content: ""; border: 5px solid transparent; border-top-width: 7px; border-bottom-width: 7px; border-bottom-color: white; position: absolute; right: 8px; top: -14px; }
.header-top .nav .user-nav .box a { display: block; margin: 0 8px; height: 34px; line-height: 34px; font-size: 14px; padding-left: 29px; }
.header-top .nav .user-nav .box a + a { border-top: 1px solid #eceff1; }
.header-top .nav .user-nav .box a:hover { color: #3ccec5; }
.header-top .nav .user-nav .box a.user { background: url(../images/login-user.png) no-repeat 4px center; }
.header-top .nav .user-nav .box a.loginout { background: url(../images/icon_loginout.png) no-repeat 4px center; }

.header { height: 60px; background: white; -webkit-box-shadow: 0 1px 3px #dde2f1; box-shadow: 0 1px 3px #dde2f1; }
.header .logo { height: 30px; cursor: pointer; font-size: 0; margin-top: 15px; }
.header .logo img { height: 100%; }
.header .nav { margin-left: 80px; }
.header .nav a { margin: 0 10px; float: left; padding: 0 5px; height: 60px; line-height: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 16px; color: #566f77; }
.header .nav a:hover { color: #1cc9b5; }
.header .nav a.curr { color: #1cc9b5; border-bottom: 4px solid #1cc9b5; }

.footer { background: #2a3b50; padding: 30px 0 5px; }
.footer .links li { position: relative; padding-left: 66px; line-height: 14px; }
.footer .links li.firend-link { margin-top: 40px; }
.footer .links li + li { margin-top: 13px; }
.footer .links li label { position: absolute; font-size: 14px; color: white; left: 0; top: 0; width: 4em; text-align: justify; }
.footer .links li label:after { content: ""; display: inline-block; width: 100%; }
.footer .links li span, .footer .links li a { font-size: 12px; color: #e3e5e8; margin-right: 10px; }
.footer .links li a:hover { color: white; }
.footer .tel-ewm { position: absolute; bottom: 0; right: 0; z-index: 2; }
.footer .tel, .footer .img { vertical-align: bottom; margin: 0 10px; }
.footer .tel label { font-size: 14px; color: #f2f2f2; display: block; }
.footer .tel span { font-size: 20px; margin-top: 5px; display: block; color: #ff8200; }
.footer .img span { display: block; font-size: 12px; color: white; text-align: center; line-height: 1; margin-top: 6px; }
.footer .copyrignt { margin-top: 75px; text-align: center; font-size: 12px; color: #e3e5e8; line-height: 1; }
.footer .copyrignt p + p { margin-top: 6px; }