@charset "utf-8";

*{ margin:0; padding:0; font-family:"Arial", "Helvetica"; }
a{ text-decoration:none; color:#787878; cursor: pointer;}
a:hover{color: #ff6a00;text-decoration: none;}
li{ list-style:none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, i,em,b,img,/* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    font-style: normal;
    font-weight: normal;
    border:0 none;
}
html, body{ overflow: hidden;}
body{ font-size:14px;-webkit-tap-highlight-color: rgba(0,0,0,0);}
input,textarea{outline:none; background: none; }
input[type="text"]::-ms-clear{ display: none; }
.left{float:left;}
.right{float:right;}
.clear{clear:both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearaf:after{ display: block; content: ''; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden; }

/* 头部 */
.header{ width: 1200px; margin: 0 auto; }
.header .logo{ float: left; width: 197px; margin-right: 70px; padding-top: 30px; }
.header .nav{ float: left; }
.header .nav li{ float: left; margin: 0 15px; line-height: 25px; position: relative; }
.header .nav li a{ display: block; padding: 34px 4px 0; color: #fff; font-size: 18px; }
.header .nav li:hover a{ color: #FF8901; }
.header .nav li:before{ display: block; content: ''; position: absolute; left: 0; width: 0%; top: 0; height: 10px; background: #FF8901; }
.header .nav li.cur:before, .header .nav li:hover:before{ width: 100%; }
.header .nav li.cur a{ color: #FF8901; }
.header .hd-right{ float: right; width: 215px; padding-top: 29px; }
.header .hd-right a{ float: left; box-sizing: border-box; width: 100px; height: 32px; line-height: 30px; text-align: center; color: #fff; font-size: 16px; border: 1px solid #fff; }
.header .hd-right .register{ background: #FF8901; border-color: #FF8901; margin-right: 12px; }
.header .hd-right .admin{ float: left; margin-right: 28px; color: #fff; font-size: 16px; border: 0 none; width: auto; }
.header .hd-right .admin.cur, .header .hd-right .admin:hover{ color: #FF8901; }

/* 页脚 */
.footer{ background: #2D2D34; width: 100%; height: 340px; }
.footer .foot{ width: 1200px; margin: 0 auto; padding-top: 46px; }
.footer .foot .fot-nav{ position: relative; margin-bottom: 24px; }
.footer .foot .fot-nav:before{ position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #979797; opacity: 0.18; filter: opacity(18); content: ''; }
.fot-nav li{ float: left; margin-right: 60px; min-width: 120px; color: #fff; font-size: 18px; padding-bottom: 17px; position: relative; }
.fot-nav li:after{ position: absolute; left: 0; bottom: -1px; width: 21px; background: #8D8D8D; height: 3px; display: block; content: ''; }
.nav-about{ width: 313px; }

.fot-cbox{ overflow: hidden; }
.fot-cbox .contact-map{ float: left; width: 313px; height: 157px; overflow: hidden; margin-right: 60px; }
.fot-cbox .contact-map img{ width: 100%; height: 100%; }
.fot-cbox ul{ min-width: 120px; margin-right: 60px; float: left; }
.fot-cbox ul li{ line-height: 20px; margin-bottom: 10px; color: #A8A7A7; }
.fot-cbox ul li a{ color: #A8A7A7; font-size: 14px; }
.fot-cbox ul li a:hover{ color: #FF8901; }
.fot-cbox .fot-contact li{ padding-left: 30px; background-image: url(../images/fot-icons.png); background-repeat: no-repeat; margin-bottom: 20px; }
.fot-contact li.fot-addr{ background-position: left top; }
.fot-contact li.fot-tel{ background-position: left -44px; }
.fot-contact li.fot-mail{ background-position: left bottom; }
.copyright{ color: #787878; font-size: 12px; margin-top: 34px; text-align: center; }

/* 侧边栏 */
.side{ position: fixed; top: 50%; margin-top: -140px; right: 10px; width: 70px; height: 280px; background: #fff; -webkit-box-shadow: -4px 4px 7px rgba(0,0,0,.12); -moz-box-shadow: -4px 4px 7px rgba(0,0,0,.12); box-shadow: -4px 4px 7px rgba(0,0,0,.12); z-index: 20; }
.side li{ width: 70px; height: 70px; position: relative; cursor: pointer; }
.side li:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #ececec; -webkit-transform: scaleY(.5); -moz-transform: scaleY(.5); transform: scaleY(.5); }
.side li .icon{ display: block; width: 100%; height: 100%; background: url(../images/side-icons.png) no-repeat center top; }
.side li .icon1{ background-position: center 26px; }
.side li .icon2{ background-position: center -44px; }
.side li .icon3{ background-position: center -114px; }
.side li .icon4{ background-position: center -184px; }
.side li .img{ position: absolute; right: 80px; top: 0; background: #fff; z-index: 21; padding: 10px; padding-bottom: 0; text-align: center; display: none; -webkit-box-shadow: -4px 4px 7px rgba(0,0,0,.12); -moz-box-shadow: -4px 4px 7px rgba(0,0,0,.12); box-shadow: -4px 4px 7px rgba(0,0,0,.12); }
.side li .img img{ width: 155px; height: 155px; }
.side li p{ line-height: 24px; font-size: 12px; color: #5A5A5A; }
.side li:hover .icon{ background-image: url(../images/side-icons1.png); background-color: #f5f5f5; }


@media screen and (min-width:1024px) and (max-width: 1200px) {
    .header .hd-right {margin-right:50px;}
    .header {width:1024px;margin-left:30px;}
}
@media screen and (max-width:1024px) {
    .header {width:1000px;margin-left:30px;}
    .header .hd-right {margin-right:30px;}
}