html, body {
height: 100%;
font-family: 微软雅黑, "Microsoft Yahei";
}
body {
color: #666;
background-color: #fff;
-webkit-font-smoothing: antialiased;
font-size: 14px;
line-height: 1.5;
margin: 0;
padding: 0;
}
.layui-container {
width: 1170px !important;
}
.pages-container {
position: relative;
margin: 0 auto;
padding: 0 15px;
box-sizing: border-box;
width: 1170px;
}
.color-black {
color: black !important;
}
.bg-white {
background-color: white !important;
}
body #wrapper {
min-height: 100%;
}
.text-center {
text-align: center
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.marginV5 {
margin: 5px 0 !important;
}
.marginV10 {
margin: 10px 0 !important;
}
.marginH10 {
margin: 0 10px;
}
.paddingV10 {
padding: 10px 0;
}
.paddingT20 {
padding-top: 20px;
}
.paddingT30 {
padding-top: 30px;
}
.paddingT40 {
padding-top: 40px;
}
.height20 {
height: 20px !important;
}
.height40 {
height: 40px !important;
}
.height200 {
height: 200px;
}
.width12 {
width: 12px;
}
.width20 {
width: 20px;
}
.width30 {
width: 30px;
}
.width40 {
width: 40px;
}
.width60 {
width: 60px;
}
.width90 {
width: 90px;
}
.width100 {
width: 100px;
}
section {
display: block;
position: relative;
padding: 0;
margin: 0;
border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
background-color: #ffffff;
-webkit-transition: all .400s;
-moz-transition: all .400s;
-o-transition: all .400s;
transition: all .400s;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
background-size: cover !important;
box-sizing: border-box !important;
}
section.padding-xxs {
padding: 30px 0;
}
section.padding-bottom-xxs {
padding: 0 0 30px 0;
}
section.padding-xs {
padding: 60px 0;
}
section.padding-md {
padding: 80px 0;
}
section.padding-lg {
padding: 120px 0;
}
section.padding-xlg {
padding: 140px 0;
}
.footer {
padding: 2px 0;
width: 100%;
background-color: #c30d23;
height: 91px;
text-align: center;
color: #f6f6f6;
}
.footer-name {
margin-bottom: 3px;
font-size: 16px;
font-weight: bold;
}
.footer-body {
font-size: 12px;
text-align: center;
}
.footer-body img {
height: 70px;
margin-top: 10px;
}
.footer-icp {
margin-top: 5px;
font-size: 12px;
}
.footer-icp a {
color: white;
}
.footer-contact {
margin: 3px 0;
}
.footer-hr {
margin: 2px 0;
width: 100%;
overflow: hidden;
}
.responsive-img {
width: 100%;
background-size: 100% 100%;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
background-color: #c30d23 !important;
}
.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
border-color: #c30d23 !important;
}
.layui-form-select dl dd.layui-this {
background-color: #ebebeb;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(207, 207, 207, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(207, 207, 207, 0.3);
background-color: #b7b7b7;
}
/* Basic styling */
.jOrgChart {
text-align: center;
}
.jOrgChart table {
display: inline-block;
}
/* Draw the lines */
.jOrgChart .line {
height: 20px;
width: 2px;
}
.jOrgChart .down {
background-color: #c30d23;
margin: 0px auto;
}
.jOrgChart .top {
border-top: 2px solid #c30d23;
}
.jOrgChart .left {
border-right: 2px solid #c30d23;
}
.jOrgChart .right {
border-left: 2px solid #c30d23;
}
/* node cell */
.jOrgChart td {
text-align: center;
vertical-align: top;
width: 200px;
padding: 0;
}
/* The node */
.jOrgChart .node {
cursor: pointer;
border-radius: 10px;
padding: 5px 10px;
background-color: #c30d23;
color: white;
font-weight: bold;
display: inline-block;
line-height: 18px;
z-index: 10;
margin: 0 2px;
}
.jOrgChart .node p {
display: table;
height: 100%;
}
.jOrgChart .node a {
display: table-cell;
vertical-align: middle;
color: white;
}
.jOrgChart .node a:hover {
color: #565656;
}