*{margin: 0;padding: 0;font-family: "微软雅黑";}
@font-face {
  font-family: 'iconfont';  /* project id 1915847 */
  src: url('https://at.alicdn.com/t/font_1915847_hx4k6ivkr8.eot');
  src: url('https://at.alicdn.com/t/font_1915847_hx4k6ivkr8.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_1915847_hx4k6ivkr8.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_1915847_hx4k6ivkr8.woff') format('woff'),
  url('https://at.alicdn.com/t/font_1915847_hx4k6ivkr8.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_1915847_hx4k6ivkr8.svg#iconfont') format('svg');
}
html{width: 100%;height: 100%;overflow: auto;}
body{width: 100%;min-width: 1200px; padding-top: 60px;position: absolute;height: 100%;overflow: hidden;box-sizing: border-box;}
.wraps{height: 100%;overflow-x: hidden;overflow-y: auto;}
.clearfloat:after{display: block;content: "";clear: both;overflow: hidden;}
.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}
.topbox{position: absolute; width: 100%;min-width: 1200px; height: 60px; background-color: rgba(7, 7, 15, 1);z-index: 600;left: 0;top: 0;}
.head{width: 1200px;margin: auto;}
.logo{width: 330px;float: left;}
.logo span{display: block;margin-top: 20px;margin-left: 17px; float: left;height: 23px;line-height: 23px;color: rgba(255, 255, 255, 1);font-size: 20px;text-align: left;}
.logo em{display: block;float: left;margin-top: 12.39px;  width: 30px;height: 36px;background:url(../images/logo.png)no-repeat;background-size: 100%;}
.logo i{display: block;float: left;font-size: 14px;font-style: normal;margin-top: 23px;margin-left: 17px; color: #88c9ef;}
.nav{float: right;}
.nav li{float: left;position: relative;margin: 0 15px; line-height: 60px;font-size: 14px;height: 60px; }
.nav li>a{display: block;color: #ffffff;}
.nav li:after{transition: all .3s ease-in; display: block;content: "";position: absolute;bottom: 0; left: 0;height: 3px; width: 100%;background: none;}
.nav li.active:after{background:-webkit-linear-gradient(left,#0D70FE,#05A9FF); background:-moz-linear-gradient(left,#0D70FE,#05A9FF); background:-ms-linear-gradient(left,#0D70FE,#05A9FF); background:-o-linear-gradient(left,#0D70FE,#05A9FF); background:linear-gradient(left,#0D70FE,#05A9FF);}
.nav li:hover:after{background:-webkit-linear-gradient(left,#0D70FE,#05A9FF); background:-moz-linear-gradient(left,#0D70FE,#05A9FF); background:-ms-linear-gradient(left,#0D70FE,#05A9FF); background:-o-linear-gradient(left,#0D70FE,#05A9FF); background:linear-gradient(left,#0D70FE,#05A9FF);}
.nav .active>a{color: #048EF6;}
.nav li:hover a{color: #048EF6;}
.nav_down{display: none; position: absolute;line-height: 38px;padding: 22px 36px 30px;box-sizing: border-box; top: 60px;left: 50%;width: 240px;background: #07070F;margin-left: -120px;}
.nav_down a{color: #FFFFFF;font-size: 14px;}
.nav li:hover .nav_down a{color: #FFFFFF;}
.nav_down a{display: block;}
.nav li .nav_down a:hover{color: #048EF6;}
/*top*/


.main{width: 100%;overflow: hidden;}
.main-top{text-align: center;line-height: 64px;border-bottom: 1px solid #D8D8D8;}
.main-top span{display: inline-block;position: relative;border-bottom: 3px solid transparent;margin: 0 38px;cursor: pointer; color: rgba(102, 102, 102, 1);font-size: 16px;}
.main-top span.active{border-bottom: 3px solid #048EF6;color: #048EF6;}

.sys_tit{text-align: center; height: 42px;line-height: 42px;color: rgba(51, 51, 51, 1);font-size: 30px;}

/*userinfo*/
.userinfobox{float: right;position: relative; margin: 0 10px 0px 20px; line-height: 60px; font-size: 14px; height: 60px;}
.userphoto {width: 35px; height: 35px;   margin: 12px 0px 12px 12px;float: left;}
.userinfobox a{color: #fff; font-size: 12px;}
.userphoto a img {border-radius: 100%; width: 100%; height: 100%;display: block; border: none;}
.userinfo {display: -webkit-flex;display: -ms-flexbox; display: flex;-webkit-flex-direction: column; -ms-flex-direction: column;flex-direction: column;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;color: #fff; position: relative;}
.userinfo a {display: block;padding: 0 20px; color: #ffffff;transition: all .3s; -webkit-transition: all .3s;}
.userinfo .user_nav_more{content: '';width: 0;height: 0;border-style: solid dashed dashed;border-color: #c2c2c2 transparent transparent;overflow: hidden;cursor: pointer;transition: all .2s;-webkit-transition: all .2s;position: absolute;top: 28px;right: 3px;border-width: 6px;}
.userinfo .user_nav_mored{top: 22px;border-style: dashed dashed solid; border-color: transparent transparent #c2c2c2;}
.layui-nav-child {animation-name: layui-upbit;position: absolute;top:60px;left: 0;line-height: 36px;display: none;padding: 5px 0;border: 1px solid #d2d2d2;background-color: #fff;z-index: 100;border-radius: 2px;white-space: nowrap;-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.layui-nav-child a {display: block;padding: 0 20px; color: #333;transition: all .3s; -webkit-transition: all .3s;}
.layui-nav-child a:hover {background-color: #eee;}
 hr {background-color: #e6e6e6}
/*enduserinfo*/


.search{width: 1200px; height: 42px;  margin:20px auto;}
.searchpath{height: 40px; line-height: 40px;  border-bottom: 1px solid #D8D8D8;}
.searchpath .txtbox{width:1200px; margin: 5px auto; font-size: 14px; color: rgba(92, 92, 92, 1);}
.searchpath .txtbox span{color:#048EF6}
.searchContent{width: 100%; overflow: hidden; padding-top: 10px; padding-bottom: 45px;  box-sizing: border-box; background-color: rgba(245, 245, 245, 1)}
.searchlist{width:1200px; margin: 0 auto 20px; }


/** 分页 **/
.page{text-align: center;height: 30px;line-height: 30px;font-size: 14px;}
.page em{position: relative; transition: all .3s ease-in;cursor: pointer; display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 30px; margin: 0 10px;text-align: center;vertical-align: middle;}
.page em:after{position: absolute;left: 0;top: 0;display: block;content: "";width: 100%;height: 100%;}
.page .pre_page:after{background: url(../images/page1.png)no-repeat;background-size: 9px;background-position: center;}
.page .pre_page.active:after{background: url(../images/pageh1.png)no-repeat;background-size: 9px;background-position: center;}
.page .nex_page:after{background: url(../images/page2.png)no-repeat;background-size: 9px;background-position: center;}
.page .nex_page.active:after{background: url(../images/pageh2.png)no-repeat;background-size: 9px;background-position: center;}
.page a{display: inline-block;margin: 0 10px; text-align: center;vertical-align: middle;width: 30px;height: 30px;border-radius: 2px;}
.page a.active{background-color: rgba(38, 118, 249, 1);color: #FFFFFF;}
.page a.active:hover{background-color: rgba(38, 118, 249, 1);color: #FFFFFF;}
.page a:hover{background: #D8D8D8;}
.page em:hover{background: #D8D8D8;}
.page em.active{background-color: rgba(38, 118, 249, 1);}


/** 分页 **/
#pager{width:1200; margin: 0 auto; text-align: center;}
.layui-laypage{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 10px 0; font-size: 0;}
.layui-laypage>a:first-child,
.layui-laypage>a:first-child em{border-radius: 2px 0 0 2px;}
.layui-laypage>a:last-child,
.layui-laypage>a:last-child em{border-radius: 0 2px 2px 0;}
.layui-laypage>*:first-child{margin-left: 0!important;}
.layui-laypage>*:last-child{margin-right: 0!important;}
.layui-laypage a,
.layui-laypage span,
.layui-laypage input, 
.layui-laypage button,
.layui-laypage select{border: 1px solid #e2e2e2;}
.layui-laypage a,
.layui-laypage span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 15px; height: 28px; line-height: 28px; margin: 0 -1px 5px 0; background-color: #fff; color: #333; font-size: 12px;}
.layui-laypage a:hover{color: #048EF6;}
.layui-laypage em{font-style: normal;}
.layui-laypage .layui-laypage-spr{color:#999; font-weight: 700;}
.layui-laypage a{ text-decoration: none;}
.layui-laypage .layui-laypage-curr{position: relative;}
.layui-laypage .layui-laypage-curr em{position: relative; color: #fff;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{position: absolute; left: -1px; top: -1px; padding: 1px; width: 100%; height: 100%; background-color: #009688; }
.layui-laypage-em{border-radius: 2px;}
.layui-laypage-prev em,
.layui-laypage-next em{font-family: Sim sun; font-size: 16px;}

.layui-laypage .layui-laypage-count,
.layui-laypage .layui-laypage-limits,
.layui-laypage .layui-laypage-refresh,
.layui-laypage .layui-laypage-skip{margin-left: 10px; margin-right: 10px; padding: 0; border: none;}
.layui-laypage .layui-laypage-limits,
.layui-laypage .layui-laypage-refresh{vertical-align: top;}
.layui-laypage .layui-laypage-refresh i{font-size: 18px; cursor: pointer;}
.layui-laypage select{height: 22px; padding: 3px; border-radius: 2px; cursor: pointer;}
.layui-laypage .layui-laypage-skip{height: 30px; line-height: 30px; color: #999;}
.layui-laypage input, .layui-laypage button{height: 30px; line-height: 30px; border-radius: 2px; vertical-align: top;  background-color: #fff; box-sizing: border-box;}
.layui-laypage input{display: inline-block; width: 40px; margin: 0 10px; padding: 0 3px; text-align: center;}
.layui-laypage input:focus,
.layui-laypage select:focus{border-color: #048EF6!important;}
.layui-laypage button{margin-left: 10px; padding: 0 10px; cursor: pointer;}



/*二维码*/
.contact{height: 230px;position: fixed;right: 40px;top: 60%;z-index: 200;}
.callbox{transition: all .3s ease-in; position: relative;margin-bottom: 25px; width: 48px;height: 48px;border-radius: 2px;background: #FFFFFF; border: 1px solid rgba(230, 230, 230, 1);}
.callbox:hover{background: rgba(92, 92, 92, 1);}
.wxbox{transition: all .3s ease-in;position: relative;margin-bottom: 42px; width: 48px;height: 48px;border-radius: 2px;background: #FFFFFF; border: 1px solid rgba(230, 230, 230, 1);}
.wxbox:hover{background: rgba(92, 92, 92, 1);}
.callbox span{transition: all .3s ease-in; font-family: 'iconfont';color: rgba(92, 92, 92, 1);font-size: 22px;text-align: center;display: block;width: 48px;height: 48px;line-height: 48px;cursor: pointer;}
.callbox:hover span{color: #FFFFFF;}
.call_num{display: none; position: absolute;right: 54px;top: -2px;color: #666666;text-align: center;font-size: 18px;  background: url(../images/call_bj.png);width: 180px;height: 60px;line-height: 60px;}
.wxbox span{transition: all .3s ease-in; font-family: 'iconfont';color: rgba(92, 92, 92, 1);font-size: 22px;text-align: center;display: block;width: 48px;height: 48px;line-height: 48px;cursor: pointer;}
.wxbox:hover span{color: #FFFFFF;}
.wxpic{display: none;margin-bottom: 53px; width: 120px;height: 116px;position: absolute;right: 54px;top: -7px;}
.wxpic img{display: block;width: 100%;}
.return{display: none; transition: all .3s ease-in; width: 46px;cursor: pointer; text-align: center;vertical-align: middle;line-height: 46px; height: 46px;border-radius: 2px;background-color: rgba(255, 255, 255, 1);border: 1px solid rgba(230, 230, 230, 1);}
.return:hover{background: rgba(92, 92, 92, 1);}
.return span{transition: all .3s ease-in; font-family: 'iconfont';color: rgba(92, 92, 92, 1);font-size: 20px;text-align: center;display: block;width: 48px;height: 48px;line-height: 48px;cursor: pointer;}
.return:hover span{color: #FFFFFF;}




.terr_pic.jing{background: url(../images/jing.png)no-repeat;background-size: 44px;background-position: center;}
.terr_list li{cursor: default;}
.main-top.active{position: absolute;left: 0;top: 60px;width: 100%;background: #FFFFFF;z-index: 300;}
.term_cut.active{position: absolute;left: 0;top: 60px;width: 100%;background: #FFFFFF;z-index: 300;}


/*表格*/
.tablebox{color: rgba(136, 136, 136, 1);   font-size: 14px;  display: block; cursor: default; padding: 5px; box-sizing: border-box;  width: 100%; height: 100%; text-align: left; vertical-align: middle; margin-top: 10px; background-color: rgba(255, 255, 255, 1);}
table.gridtable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #D8D8D8; border-collapse: collapse; width: 100%;}
table.gridtable th {border-width: 1px; padding: 8px; border-style: solid; border-color: #D8D8D8; background-color: #f5f5f5;}
table.hovertable tr {background-color:#ffffff;}
table.gridtable td { border-width: 1px;  padding: 8px;  border-style: solid;  border-color: #D8D8D8;}


/*尾部*/
.footerbox{width: 100%;padding-top: 36px;box-sizing: border-box; height: 280px;background-color: rgba(53, 54, 62, 1);}
.footer{width: 1200px;margin: auto;}
.hot_line{width: 342px;float: left;}
.hot_tit{height: 26px; background: url(../images/hot.png)no-repeat;padding-left: 36px;background-size: 26px;background-position: 0; box-sizing: border-box;  margin-bottom: 20px; line-height: 26px;color: rgba(255, 255, 255, 1);font-size: 18px;}
.call{height: 30px;line-height: 30px;color: rgba(255, 255, 255, 1);font-size: 22px;}
.qqin{display: block;margin-top: 14px; width: 151px;height: 45px;font-size: 16px;color: #FFFFFF;line-height: 45px;text-align: center; border-radius: 4px; background: -webkit-linear-gradient(left, #00A1FF, #0680FF,#0B61FF); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #00A1FF, #0680FF,#0B61FF); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right, #00A1FF, #0680FF,#0B61FF); /* Firefox 3.6 - 15 */background: linear-gradient(to right, #00A1FF, #0680FF,#0B61FF); /* 标准的语法 */}
.fast_nav{width: 220px;float: left;}
.fast_tit{height: 22px;margin-bottom: 19px; line-height: 22px;color: rgba(255, 255, 255, 1);font-size: 16px;}
.fast_list{height: 140px;line-height: 28px;color: rgba(204, 204, 204, 1);font-size: 12px;}
.fast_list a{color: rgba(204, 204, 204, 1);}
.fast_list a:hover{color: #048EF6;}
.contus{width: 420px;float: left;}
.code{width: 130px;float: right;}
.code img{display: block;width: 100%;}
.code_text{margin-top: 10px;text-align: center; height: 22px;line-height: 22px;color: rgba(255, 255, 255, 1);font-size: 16px;}
.copy{margin-top: 20px; text-align: center;padding-top: 11px;left: 0px;border-top: 1px solid rgba(216, 216, 216, 0.16); height: 17px;line-height: 17px;color: rgba(255, 255, 255, 1);font-size: 12px;}