@charset "utf-8";

html{height:100%}
body{min-height: 100%;position: relative;font-size:14px;color:#333; background-color:#fff}
a{color:#333}a:hover,a:focus,.maincolor,.maincolor a{color:#06c}
.bg-1{ background-color:#f5fafe}
h4{line-height:30px}

/*页面框架*/
.Hui-header{position:absolute;top:0; right:0; left:0;height:44px;z-index:999; padding:0 15px}
.Hui-aside{position: absolute;top:44px;bottom:0;left:0;padding-top:10px;width:199px;z-index:99;overflow:auto; background-color:rgba(238,238,238,0.98);_background-color:rgb(238,238,238);border-right: 1px solid #e5e5e5}
.Hui-article-box{position: absolute;top:44px;right:0;bottom: 0;left:199px; overflow:hidden; z-index:1; background-color:#fff}
.Hui-article{position: absolute;top:34px;bottom:0;left:0; right:0;overflow:auto;z-index:1}
.Hui-container{ padding:45px 0 0}
.Hui-aside,.Hui-article-box,.dislpayArrow{-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s}
.big-page .Hui-article-box,.big-page .dislpayArrow,.big-page .breadcrumb{left:0px}
.big-page .Hui-aside{ left:-200px}
.page-container{ padding:20px}
@media (max-width: 767px) {
    .page-container{ padding:15px}
}
/*组件*/
/*logo*/
.row-demo {
    padding: 20px;
}
.pagination{padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}
/*导航*/
#Hui-nav > ul > li{ font-weight:normal}
@media (max-width: 767px) {
    #Hui-nav{display: block; top: 0; left: 65px; right: 65px}
    #Hui-nav > ul { width: 100%}
    #Hui-nav > ul > li{ width: 24%;text-align:center;}
    #Hui-nav > ul > li a{ text-align: center; padding: 0}
}
#Hui-userbar{right:20px; position:absolute; top:0;}
#Hui-userbar > ul > li > a{padding:0 10px}

#Hui-msg .badge{ position:absolute; left:19px; top:4px; font-size:12px; font-weight:normal; padding:1px 5px}
/*左侧菜单*/
.Hui-aside .menu_dropdown ul { padding:0px}
.Hui-aside .menu_dropdown ul li { line-height:35px;overflow:hidden;zoom:1}
.Hui-aside .menu_dropdown ul li a { padding-left:15px;line-height:35px; display:block;font-weight: bold; margin:0;border-bottom: 1px solid #e5e5e5;}
.Hui-aside .menu_dropdown ul li a:hover { text-decoration: none;}
.Hui-aside .menu_dropdown dl{ margin-bottom:0}
.Hui-aside .menu_dropdown dl > dt {display:block;line-height:35px;padding-left:15px;cursor:pointer;position:relative;border-bottom: 1px solid #e5e5e5;font-weight:normal}
.Hui-aside .menu_dropdown dl > dt .menu_dropdown-arrow { position:absolute;overflow: hidden; top:0; right:15px;transition-duration:0.3s ;transition-property:all}
.Hui-aside .menu_dropdown dl > dd { display:none}
.Hui-aside .menu_dropdown dl > dt.selected .menu_dropdown-arrow {transform: rotate(180deg)}
.Hui-aside .menu_dropdown dl > dd.selected {display:block; margin-left:0px}
.Hui-aside .menu_dropdown dl > dd > ul{padding:3px 8px}
.Hui-aside .menu_dropdown dl > dd > ul > li { line-height:35px}
.Hui-aside .menu_dropdown dl > dd > ul > li > a{ padding-left:26px;font-weight:normal;border-bottom:none;}
.Hui-aside .menu_dropdown dl > dd > ul > li.current > a,
.Hui-aside .menu_dropdown dl > dd > ul > li.current > a:hover{background-color:rgba(255,255,255,0.2)}
.Hui-aside .menu_dropdown dl > dd > ul > li > a i{ font-weight: normal}

/*菜单收缩切换*/
.dislpayArrow{position: absolute;top: 0;bottom: 0;left:200px;width:0px; height:100%;z-index:10}
.dislpayArrow a{ position:absolute; display:block; width:17px; height:61px;top:50%; margin-top:-30px;outline:none}
.dislpayArrow a.open{ background-position:0 -61px}
.dislpayArrow a:hover{ text-decoration:none; background-position:right 0}
.dislpayArrow a.open:hover{background-position:right -61px}

/*选项卡导航*/
.Hui-tabNav-wp{position:relative; height:35px;overflow:hidden}
.Hui-tabNav,
.Hui-tabNav .acrossTab li
,.Hui-tabNav .acrossTab li em{background-image:url(../images/acrossTab/acrossTab-2.png)}
.Hui-tabNav{height:35px; padding-right:75px;overflow:hidden; position:relative;background-color:#efeef0; background-repeat: repeat-x; background-position: 0 -175px;}
.Hui-tabNav .acrossTab{ position:absolute; height:26px; line-height:26px; background:none; top:8px; left:0;padding-top:0}
.Hui-tabNav .acrossTab li{height:26px;line-height:26px;}
.Hui-tabNav .acrossTab li em{ right:-16px; height: 26px; width: 16px}
.loading {background:url(../images/loading.gif) no-repeat center; height:100px}
.show_iframe{ position:absolute; top:0; right:0; left:0; bottom:0;}
.show_iframe iframe {position: absolute;bottom: 0;height: 100%;width: 100%}
.Hui-tabNav-more {position: absolute;right:0px;width:70px;top:4px;display: none}

/*面包屑导航*/
.breadcrumb{background-color:#f5f5f5; padding:0 20px; position:relative; z-index:99}
@media (max-width: 767px) {
    .breadcrumb{ padding:0 15px;}
    .show_iframe{-webkit-overflow-scrolling: touch;overflow-y: scroll;}
}

/*横向手机 竖向平板*/
@media (max-width: 767px) {
    .Hui-aside{ display:none;float:none; width:100%; height:auto; margin-top:0;padding-top:0;bottom:auto}
    .big-page .Hui-aside{ left:0!important}
    .menu_dropdown dt{line-height:44px}
    .menu_dropdown li,.menu_dropdown dd li,.menu_dropdown dd li a{ line-height:44px}
    .Hui-tabNav{ position:fixed; z-index:998}
    .Hui-article{ top:44px}
    .Hui-article-box{ position:static; left:0}
    .Hui-article-box .pd-20{padding:15px}
    .Hui-article{left:0}
    .Hui-container .bk-gray{ border:none}
    .Hui-container .pd-10{ padding:0}
}

/*==============以下是业务相关的样式====================*/
/*权限*/
.permission-list{ border:solid 1px #eee;}
.permission-list > dt{ background-color:#efefef;padding:5px 10px}
.permission-list > dd{ padding:10px; padding-left:30px}
.permission-list > dd > dl{ border-bottom:solid 1px #eee; padding:5px 0}
.permission-list > dd > dl > dt{ display:inline-block;float:left;white-space:nowrap;width:100px}
.permission-list > dd > dl > dd{ margin-left:100px;}
.permission-list > dd > dl > dd > label{ padding-right:10px}

/*图片预览*/
.portfolio-area{ margin-right: -20px;}
.portfolio-area li{position: relative; float: left; margin-right: 20px; width:162px; height:162px;margin-top: 20px;}
.portfolio-area li.hover{ z-index:9}
.portfolio-area li .portfoliobox{ position: absolute; top: 0; left: 0; width: 152px; height: 152px;padding:5px;border: solid 1px #eee; background-color: #fff;}
.portfolio-area li .checkbox{position: absolute; top: 10px; right: 5px; cursor:pointer}
.portfolio-area li.hover .portfoliobox{ height:auto;padding-bottom:10px;box-shadow:0 1px 3px rgba(68, 68, 68,0.3);-moz-box-shadow:0 1px 3px rgba(68, 68, 68,0.3);-webkit-box-shadow:0 1px 3px rgba(68, 68, 68,0.3)}
.portfolio-area li .picbox{width: 150px; height: 150px;overflow: hidden;text-align: center;vertical-align:middle;display:table-cell; line-height:150px;}
.portfolio-area li .picbox img{max-width:150px; max-height:150px;vertical-align:middle;}
.portfolio-area li .textbox{ display: none; margin-top: 5px;}
.portfolio-area li.hover .textbox{ display: block;}
.portfolio-area li label{ display:block; cursor:pointer}


@charset "utf-8";
/* -----------H-ui前端框架-----------------------
H-ui.docs.css v2.0.102
Copyright H-ui Inc.
http://www.H-ui.net
date:2016.03.14
Created & Modified by guojunhui.
----------------------------------------------*/
.bg-1{ background-color:#f5fafe}
/**/
#Hui-navbar{border-bottom:#080808 1px solid;-moz-box-shadow: 0 0 4px #333333;-webkit-box-shadow: 0 0 4px #333333;box-shadow: 0 0 4px #333333}
.Hui-wraper{ padding:20px}
.navbar-userbar{ padding-top: 8px}
.Hui-article{ top:40px}
.breadcrumb{ position:relative; z-index:98}
.navbar-userbar{ position:absolute; top:0; right:15px}
@media (max-width:767px) {
    #Hui-nav{display: block; top: 0; left: 65px; right: 65px; position:absolute;}
    #Hui-nav > ul { width: 100%}
    #Hui-nav > ul > li{ width: 20%;text-align:center;}
    #Hui-nav > ul > li a{ text-align: center; padding: 0}
}
/*侧边导航*/
.Hui-aside{background-color:#333;border-right: 1px solid #222}/*侧边栏*/
.Hui-aside .menu_dropdown ul li a {color:#fff;border-bottom:1px solid #222}
.Hui-aside .menu_dropdown ul li a:hover{color:#fff;background-color:#777}
.Hui-aside .menu_dropdown ul li.current a,
.Hui-aside .menu_dropdown ul li.current a:hover{ color:#fff;background:#777}
.Hui-aside .menu_dropdown dl > dt {color:#fff;border-bottom: 1px solid #222;font-weight:normal}

.dislpayArrow a{background:url(../images/icon_arrow.png) no-repeat 0 0;outline:none}
.Hui-tabNav{background: #a2bed5 url(../images/acrossTab-bg.png) repeat-x 0 bottom}
.btn-codeShare{ position:absolute;top:8px; right:15px}
@media (max-width:767px) {
    .Hui-article{ top:84px}
}
/*页面相关*/
.page_title{border-bottom:solid 1px #ddd; padding-bottom:10px; margin-bottom:15px}
.codeView{height:auto}
.btn_newView{ display:none}
.codeView.hover .btn_newView{ position:absolute; display:block; right:0px; top:-20px; text-align:center}
#btn_down{position:fixed;z-index:1;right:20px;top:165px;visibility:visible;_position:absolute;_top:expression(documentElement.scrollTop)+165px}
.hero-unit {background-color: #eee;border-radius: 6px;color: inherit;font-size: 18px;font-weight: 200;line-height: 30px;margin-bottom: 30px;padding: 60px}
a.juanzeng span{ display: none;}
a.juanzeng:hover span{ display: block; position: absolute; top: 100%; right: 0;}

/*首页banner*/
.index-banner {padding:40px 0;color: #fff; text-align: center; background:url(../images/bg1800.jpg) no-repeat center 0; background-size:100% auto;}
.index-banner h1 {font-size: 80px;font-weight: bold;letter-spacing: -1px;line-height: 1; padding:10px}
.index-banner p{ margin-bottom:0;}
@media (max-width:767px) {
    .index-banner {background:#284681}
    .index-banner h1{font-size:40px}
    .index-banner p{ font-size:18px;line-height:1.6}
    .index-banner a{ float:none; display:block}
    .index-banner .btn.ml-10{ margin-left:0}
}
/*相关推荐*/
.product-list-index .item{text-align:center; padding:5px; border:solid 1px #eee; margin-top:30px}
.product-list-index .item img{width:100%}
.product-list-index .item h3{ padding:10px 0; font-size:30px}
.product-list-index .item a{ text-decoration:none}
.product-list-index .item a:hover{ text-decoration:none}
.product-list-index .item2{ padding:4px;border:solid 1px #ddd;margin-top:20px;}

@media (max-width: 767px) {
    .product-list-index h1{font-size:30px;margin:40px 0 20px}
    .product-list-index .item h3{ font-size:22px}
    .product-list-index .item{ float:none;width:auto;margin-left:auto; margin-right:auto}
    .product-list-index .item2{ height:auto;padding:4px;margin-left:auto;margin-right:auto; margin-top:10px}
}
@media (min-width: 768px) {
    .product-list-index .item{height:320px;}
}

.imooc-list-index .item {
    text-align:center; margin-top:30px
}
.imooc-list-index .item img{width:100%}
.imooc-list-index .item a{ text-decoration:none}
.imooc-list-index .item a:hover{ text-decoration:none}
@media (max-width: 767px) {
    .imooc-list-index .item{ float:none;width:auto;margin-left:auto; margin-right:auto}
}
/*友情链接*/
.flink-text a{ padding-right:15px}
/**/
.js_subnav{ display:none; position:absolute;top:47px; right:40px; left:20px; background-color:#fff; z-index:999}
.js_subnav a{display:inline-block;padding:0px 10px; margin-top:5px; margin-right:5px; background-color:#F5F5F5; border:solid 1px #ddd;-khtml-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.js_subnav a small{ font-size:11px; color:#9DA0A4}
/*网址导航站*/
.sitelist_1{font-size:14px; line-height:24px; padding:10px 0;border-bottom:solid 1px #E1E1E1; margin-bottom:0}
.sitelist_1 dt{ width:65px;font-weight:bold; text-align:center;background-color:#222; color:#fff}
.sitelist_1 dd{ margin-left:75px}
.sitelist_1 a{ display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap}
.sitelist_1 dd ul li{position:relative; display:block;float: left;width:140px}
.qrcodeCanvas{ display:none; position:absolute; z-index:1; left:0; top:100%;}
.sitelist_1 dd ul li:hover .qrcodeCanvas{ display:inline-block; border:solid 1px #ddd; padding:4px 4px 0 4px; background-color:#fff}
@media (max-width: 767px) {
    .sitelist_1{ border-bottom:none}
    .sitelist_1 dt{ width:auto; float:none;height:40px; line-height:40px; font-size:16px}
    .sitelist_1 dt.l{ float:none!important}
    .sitelist_1 dd{ margin-left:0; height:34px; line-height:34px; margin-top:5px}
    .sitelist_1 dd ul li{ width:25%}
}
@media (max-width: 480px) {
    .sitelist_1 dd ul li{ width:50%}
}
.list-icon{background:url(../images/sprite_list_icon.png) 9999px 9999px no-repeat}

@media (max-width: 767px) {
    .hero-unit{ background-color:inherit; padding:10px}
    .hero-unit h1{ font-size:40px}
}
@media (max-width: 480px) {
    .history{margin-top:20px; font-size:18px; margin-left:0}
    .hero-unit{ background-color:inherit; padding:10px}
    .hero-unit h1{ font-size:30px}
}
.mainWP{width:980px;margin:auto; overflow:hidden; background:url(static/h-ui/images/grid.png) repeat}
.row-980-20 [class^="span-"],.row-980-20 [class*=" span-"]{ background-color:#c00; padding:10px 0; color:#fff}

.index-question dt{ font-size:16px; font-weight:normal; line-height:33px}
.index-question dd{color: #808080;font-size: 14px;line-height: 27px;margin-bottom: 25px; margin-left:17px}

/*图标列表*/
.iconsList li{border-radius: 6px;cursor: pointer;height: 32px;line-height: 32px;padding-left: 12px; width:23%; float:left}
.iconsList li:hover{ background-color:#fbf4f4}
@media (max-width: 767px) {
    .iconsList li{ width:48%}
}
@media (max-width: 480px) {
    .iconsList li{ float: none;width:98%}
}
/*3.7 iconfont*/
.helps { margin-top: 40px}
.helps pre{padding: 20px;margin: 10px 0;border: solid 1px #e7e1cd;background-color: #fffdef;overflow: auto}
.icon_lists li{float: left;width: 100px;height: 180px;text-align: center}
.icon_lists .iconfont{font-size: 42px;line-height: 100px;margin: 10px 0;color: #333;-webkit-transition: font-size 0.25s ease-out 0s;-moz-transition: font-size 0.25s ease-out 0s;transition: font-size 0.25s ease-out 0s}
.icon_lists .iconfont:hover { font-size: 100px}
@media (max-width: 980px) {
    .wp{ width:100%; box-sizing:border-box; padding:0 10px}
}

/*客户*/
.kehu-list{ margin-right:-15px}
.kehu-list li{ width:150px; margin-right:15px; float:left; background-color:#fff; border:solid 1px #eee; margin-bottom:15px}
.kehu-list li img{ width:100%;}
.kehu-text-list li{ display:inline-block; white-space:nowrap; margin-right:15px; margin-bottom:15px; font-size:14px; color:#666}
@media (max-width: 480px) {
    .kehu-list li{ width:45%}
}