@charset "utf-8";

body {color: #222;background-color: #fff;}

::-webkit-input-placeholder{color:#99A1AB}
::-moz-placeholder{color:#99A1AB}
:-moz-placeholder{color:#99A1AB}
:-ms-input-placeholder{color:#99A1AB}

/** 载入网页字体 **/
@font-face {
	font-family: 'DINCondensedBold';
	src: url('../fonts/DINCondensedBold.ttf');
}
@font-face {
	font-family: 'ShiShangZhongHeiJianTi';
	src: url('../fonts/ShiShangZhongHeiJianTi.ttf');
}

/** 设置清除浮动的元素 **/
ul:after,
dl:after,
ol:after,
.clearfix::after,
.row::after {content:"\200B";display:block;height:0;clear:both;}
.clearfix {*zoom:1;}

/* layout */
.fl{float:left;}
.fr{float:right;}
.container {max-width: 1400px;margin: 0 auto;}

.visible-xs {display: none;}

@media (max-width: 1400px) {
	.container {padding: 0 40px;}
}

/* color */
.color-primary {color: #0176FF;}
.color-info {color: #FF745C;}
.bg-gray {background: #F8F9FC;}

/* btn */
.btn {display: inline-block;padding: 0 20px;font-size: 15px;line-height: 36px;background: none;border: 1px solid transparent;}
.btn-hollow {color: #0176FF;border-color: #0176FF;}
.btn-primary {color: #fff;background-color: #0176FF;border-color: #0176FF;}
.btn-md {padding-left: 40px;padding-right: 40px;}

/* btn-easing */
.btn-easing {position: relative;transition: all .6s;overflow: hidden;}
.btn-easing span {position: relative;z-index: 2;display: inline-block;}
.btn-easing:hover {color: #fff!important;border-color: #0176FF!important;}
.btn-easing:before{position:absolute;content:'';z-index:1;background:#0176FF;top:0;left:0;width:100%;height:100%;
	-moz-transition:-moz-transform .6s cubic-bezier(.8,0,.2,1);-o-transition:-o-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition-delay:0s;transition:transform .6s cubic-bezier(.8,0,.2,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-webkit-transform:scale(0,1);transform:scale(0,1);-moz-transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;transform-origin:right top}
.btn-easing:hover:before{-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)}
.btn-easing-normal:hover,
.btn-easing.btn-success:hover {border-color: #0176FF!important;}
.btn-easing-normal.btn-easing:before,
.btn-easing.btn-success:before {background:#0176FF;}

.btn-easing.btn-primary:hover {border-color: #0166e0!important;}
.btn-easing.btn-primary:before {background:#0166e0;}

/* btn-around */
.btn-around {position: relative;}
.btn-around i {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.btn-around:before,
.btn-around:after,
.btn-around i:before,
.btn-around i:after {content: '';position: absolute;background: #fff;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.btn-around:before {left: 0;top: 0;width: 0;height: 1px;}
.btn-around:after {right: 0;bottom: 0;width: 0;height: 1px;}
.btn-around i:before {left: 0;bottom: 0;width: 1px;height: 0;}
.btn-around i:after {right: 0;top: 0;width: 1px;height: 0;}
.btn-around:hover:before,
.btn-around:hover:after {width: 100%;}
.btn-around:hover i:before,
.btn-around:hover i:after {height: 100%;}

/* 展开按钮 */
.btn-expand-toggle{position:relative;width:30px;height:40px;cursor:pointer}
.btn-expand-toggle span{display:block;position:absolute;top:50%;left:22%;width:46%;height:2px;background-color: #0176FF;animation-duration:.5s;animation-fill-mode:both}
.btn-expand-toggle span:first-child{transform:translateY(6px) rotate(0)}
.btn-expand-toggle span:last-child{transform:translateY(-6px) rotate(0)}
.btn-expand-toggle.active span:nth-child(1){animation-name:activefirst}
.btn-expand-toggle.active span:nth-child(2){animation-name:activesecond}
.btn-expand-toggle.active span:nth-child(3){animation-name:activethird}
.btn-expand-toggle.cancel span:nth-child(1){animation-name:cancelfirst}
.btn-expand-toggle.cancel span:nth-child(2){animation-name:cancelsecond}
.btn-expand-toggle.cancel span:nth-child(3){animation-name:cancelthird}
@keyframes activefirst{0%{transform:translateY(6px) rotate(0)}100%{transform:translateY(0) rotate(45deg)}}
@keyframes activesecond{0%{opacity:1}100%{opacity:0}}
@keyframes activethird{0%{transform:translateY(-6px) rotate(0)}100%{transform:translateY(0) rotate(-45deg)}}
@keyframes cancelfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-6px) rotate(0)}}
@keyframes cancelsecond{0%{opacity:0}100%{opacity:1}}
@keyframes cancelthird{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(6px) rotate(0)}}

/* icon */
.icon {display: inline-block;background-repeat: no-repeat;background-size: cover;background-position: center;}
.icon-computer {background-image: url(../images/icons/computer.png);}
.icon-altar {background-image: url(../images/icons/altar.png);}

/* title */
.title-first {position: relative;margin-bottom: 50px;text-align: center;}
.title-first h3 {position: absolute;top: 0;left: 0;width: 100%;font-size: 34px;line-height: 48px;color: #ff3a45;letter-spacing: 2.12px;}
.title-first h4 {font-family: 'DINCondensedBold';font-size: 80px;line-height: 80px;color: #B9BBC4;text-transform: uppercase;opacity: 0.3;}

.title-second {margin-bottom: 40px;}
.title-second h3 {display: inline-block;position: relative;padding-right: 94px;font-size: 30px;line-height: 42px;color: #222;letter-spacing: 1.88px;}
.title-second h3::after {content: '';display: block;position: absolute;bottom: 10px;right: 0;width: 84px;height: 4px;background: #0176FF;}


.title-second h2 {display: inline-block;position: relative;padding-right: 94px;font-size: 30px;line-height: 42px;color: #222;letter-spacing: 1.88px;}
.title-second h2::after {content: '';display: block;position: absolute;bottom: 10px;right: 0;width: 84px;height: 4px;background: #0176FF;}


/* form */
.form label.error {display: block;width: 100%;font-size: 15px;line-height: 30px;color: #0176FF;}
.form-primary .form-group {margin-bottom: 15px;}
.form-primary .form-control {width: 100%;padding: 8px 10px;font-size: 15px;line-height: 26px;background: #fff;border: 1px solid #E5E9F2;}

/* form-search */
.form-search {position: relative;z-index: 2;margin-bottom: 20px;padding: 0 110px 0 130px;border: 1px solid #E1E6F0;}
.form-search .layui-input,
.form-search .layui-textarea {height: 48px;font-size: 18px;line-height: 48px;border: none;}
.form-search .layui-form-select {position: absolute;top: 0;left: 0;width: 130px;}
.form-search .layui-form-select .layui-input {text-align: center;}
.form-search>.layui-input {padding: 0 20px;font-size: 16px;}
.form-search .btn {position: absolute;top: 0;right: 0;width: 110px;height: 48px;line-height: 46px;}
.form-search .btn .iconfont {float: left;font-size: 20px;line-height: 46px;margin-right: 10px;}

.form-search .layui-form-select dl dd,
.form-search .layui-form-select dl dt {line-height: 42px;font-size: 16px;}

/* 搜索+选项卡,取消顶部负边距 */
.form-search + .tab-nav.primary {margin-top: 0;}

/* 对齐公式(x-y)/(y-1) */
.label-5 {width: 5em;}
.label-5 > span {float: left;}
.label-5-2 {letter-spacing: 3em;margin-right: -3em;}
.label-5-3 {letter-spacing: 1em;margin-right: -1em;}
.label-5-4 {letter-spacing: .33em;margin-right: -.33em;}
.label-5-5 {letter-spacing: .25em;margin-right: -.25em;}

body .layui-form-select dl dd.layui-this {background-color: #0176FF;}

/**
 * check
 */
.check {display: block;position: relative;width: 100%;cursor: pointer;}
.check input {position: absolute;bottom: 0;right: 0;width: 0;height: 0;font-size: 0;line-height: 0;opacity: 0;}
.check i {position: absolute;top: 0;left: 0;width: 18px;height: 18px;background-color: #fff;border: 3px solid #dfdfe1;}
.check input:checked + i {border-color: #0176FF;}
.check input:checked + i::before {background-color: #0176FF;}
.check .name {text-align: justify;}
/* 多选 */
.check-checkbox i {border-radius: 2px;}
.check-checkbox i::before {content: '';display: block;position: absolute;top: 3px;left: 3px;width: 6px;height: 6px;}
/* 单选 */
.check-radio i {border-radius: 50%;}

/* 选项卡 */
.tab-nav {font-size: 0;text-align: center;}
.tab-nav a {display: block;}
.tab-nav.big {margin-bottom: 50px;}
.tab-nav.big li {display: inline-block;position: relative;width: 350px;height: 160px;padding-top: 18px;background: rgba(255,255,255,0.65);border: 1px solid #E1E6F0;cursor: pointer;
	transition: all .3s;
}
.tab-nav.big li:hover,
.tab-nav.big li.active {height: 180px;border: 1px solid #0176FF;box-shadow: 0px 7px 24px 0px rgba(56,96,244,0.1);}
.tab-nav.big .icon {position: absolute;top: 18px;left: 50%;width: 64px;height: 64px;margin-left: -32px;background-position: center;
	transition: all .3s;
}
.tab-nav.big .name {position: absolute;bottom: 20px;left: 0;width: 100%;font-size: 22px;line-height: 34px;letter-spacing: 1.5px;
	transition: all .3s;
}
.tab-nav.big li:hover .icon,
.tab-nav.big li.active .icon {top: 26px;}
.tab-nav.big li:hover .name,
.tab-nav.big li.active .name {bottom: 26px;color: #0176FF;}

.tab-nav.primary {margin-top: -20px;margin-bottom: 40px;border-bottom: 2px solid #E1E6F0;}
.tab-nav.primary li {display: inline-block;position: relative;padding: 0 10px;}
.tab-nav.primary li::before {content: '';display: block;position: absolute;top: 20px;left: 0;width: 2px;height: 32px;background: #E1E6F0;}
.tab-nav.primary li:first-child::before {content: none;}
.tab-nav.primary a {display: block;position: relative;padding: 20px 40px;font-size: 20px;line-height: 32px;letter-spacing: 1.5px;}
.tab-nav.primary li:hover a,
.tab-nav.primary .active a {color: #0176FF;}
.tab-nav.primary li:hover a::before,
.tab-nav.primary .active a::before {content: '';display: block;position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background-color: #0176FF;}

/* 背景渐变 */
.gradient-black {
	filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0);
	-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0);/*IE8*/
	background:#737374;
	background:-moz-linear-gradient(top, #000, #737374);
	background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#737374));
	background:-o-linear-gradient(top, #000, #737374);
}

/* 渐变动画 */
/* .page-section .title .iconfont {transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s} */

/* 垂直居中 */
.middle-box{display: table;margin:0 auto; position:relative;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%; text-align:center;}
.middle-inner p{position:relative; *top:-50%; *left:-50%;}

/* 图片 */
.img-response {width: 100%;}
.bg-exture {background-repeat: no-repeat;background-size: contain;background-position: center;}

/* 背景图 */
.thumbnail {font-size: 0;overflow: hidden;}
.thumbnail .content {
	padding-top: -20px !important;
	width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;
	transition: all .3s;
}
.thumbnail:hover .content {transform: scale(1.1);}

/* swiper */
.swiper-container {font-size: 0;}
.swiper-slide img {display: block;width: 100%;}
.swiper-primary .swiper-pagination {bottom: 24px;}
.swiper-primary .swiper-pagination-bullet {width: 12px;height: 12px;margin: 0 7px;background: none;border: 1px solid #fff;opacity: 1;}
.swiper-primary .swiper-pagination-bullet-active{background-color: #fff;}

/* PhotoSwipe */
.pswp .pswp__button--share {display: none;}
.pswp .pswp__caption__center {text-align: center;}
.pswp .pswp__bg {background: rgba(0,0,0,.8)}

/**
 * ***** header *****
 */
.header {position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height: 90px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.header .logo {height: 43px;margin-top: 23px;font-size: 0}
.header .logo img {display: block;height: 100%;}
.header #menu>ul>li {float: left;position: relative;margin-left: 5px;}
.header #menu>ul>li>a {display: block;position: relative;padding: 0 17px;font-size: 18px;line-height: 90px;color: #222;letter-spacing: 1.12px;}
.header #menu>ul>li.active>a,
.header #menu>ul>li:hover>a {color: #fff;background-color: #ff3a45}
.header #menu>ul>li.active>a:before,
.header #menu>ul>li:hover>a:before {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;}
.header #menu ul ul {display: none;position: absolute;top: 90px;left: 50%;width: 110px;margin-left: -55px;padding: 5px 0;font-size: 16px;line-height: 40px;text-align: center;background-color: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.header #menu ul ul li {border-top: 1px solid #eee}
.header #menu ul ul li:first-child {border-top: none;}
.header #menu ul ul a {display: block;}
.header #menu ul ul li.active a,
.header #menu ul ul a:hover {color: #fff;background-color: #ff3a45;}
.header #menu .icon-dropdown {float: right;width: 0;height: 0;margin-top: 43px;margin-left: 4px;
	border-top: 4px solid #000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.header #menu li.active .icon-dropdown,
.header #menu a:hover .icon-dropdown {
	border-top: 4px solid #ff3a45;
}

/**
 * ***** main *****
 */
.main {margin-top: 90px;}
.main-container {padding-top: 60px;padding-bottom: 60px;}

/* banner */
.banner {background-color: #3860F4;}
.banner>.container {min-height: 200px;background-repeat: no-repeat;background-size: auto 120px;background-position: right center;}
.banner h2,
.banner h3 {font-family: "ShiShangZhongHeiJianTi";color: #fff;}
.banner h2 {font-size: 60px;line-height: 78px;letter-spacing: 5.62px;}
.banner h3 {font-size: 40px;line-height: 60px;color: #ff3a45;letter-spacing: 5px;}
.banner .middle-box {width: 100%;height: 200px;}
.banner .middle-inner {text-align: left;}

.section {padding: 0;}
.section-title {margin-bottom: 18px;font-size: 24px;line-height: 38px;letter-spacing: 2.12px;}
.section-content {margin-bottom: 20px;}
.section-content .card {padding: 15px 30px;background: #fff;border: 1px solid #E1E6F0;box-shadow: 0px 11px 28px 0px rgba(0,0,0,0.04);}

.main-nav {width: 15.6%;text-align: center;}
.main-nav li {position: relative;border-top: 2px solid #E1E6F0;border-right: 2px solid #E1E6F0;}
.main-nav li:first-child {border-top: none;}
.main-nav li::before {content: '';display: block;position: absolute;top: 26px;left: 20px;width: 10px;height: 10px;background-image: linear-gradient(270deg, #F4F8FF 0%, #90B8FF 100%);border-radius: 50%;}
.main-nav a {display: block;padding: 15px 15px 15px 20px;font-size: 18px;line-height: 32px;letter-spacing: 1.5px;}
.main-nav li:hover a {background-image: linear-gradient(90deg, rgba(255, 255, 255, .5) 0%, rgba(229, 238, 255, .5) 100%);}
.main-nav li.active a {color: #0176FF;background-image: linear-gradient(90deg, #FFFFFF 0%, #E6EEFF 100%);}
.main-nav li.active::before {background-image: linear-gradient(270deg, #DDE9FF 0%, #0176FF 100%);}
.main-content {width: 81.3%;}

/* 卡片面板 */
.card-panel {margin-bottom: 50px;padding: 0 40px;background: #fff;border: 1px solid #E1E6F0;box-shadow: 0px 11px 28px 0px rgba(0,0,0,0.04);}
.card-panel .head {padding: 15px 0;border-bottom: 1px solid #E1E6F0;}
.card-panel .head .title {font-size: 22px;line-height: 36px;color: #232323;}
.card-panel .head .title img {float: left;height: 36px;margin-right: 15px;}
.card-panel .head .more {font-size: 16px;line-height: 36px;color: #9BA2B5;}
.card-panel .head .more:hover {color: #0176FF;}
.card-panel .head .more .iconfont {float: right;width: 10px;height: 36px;margin-left: 10px;text-align: center;font-size: 12px;transform: rotate(-90deg);}
.card-panel .body {padding: 15px 0;}
.card-panel .content {padding: 10px 0;}

.card-panel-simple {padding: 0 15px;}
.card-panel-simple .head {padding: 10px 0;}
.card-panel-simple .head .title {font-size: 20px;}

/* 文章 */
.article-container {padding: 0 100px;background: #fff;box-shadow: 0px 7px 45px 0px rgba(0,0,0,0.06);}
.article-header {margin-bottom: 10px;text-align: center;}
.article-header .title {padding: 25px;font-size: 30px;line-height: 48px;letter-spacing: 2.12px;border-bottom: 1px solid #E1E6F0;}
.article-header .tags {padding: 5px 0;font-size: 16px;line-height: 22px;color: #707E8F;}
.article-header .tags .item {display: inline-block;margin: 10px;}
.article-content {font-size: 17px;line-height: 30px;text-align: justify;}
.article-content p {margin-bottom: 15px;}
.article-content img {display: block;margin: 40px auto;}
.article-content>img:first-child {margin-top: 0;}
.article-attach {position: relative;padding: 20px 0;font-size: 16px;line-height: 26px;letter-spacing: 1.12px;border-top: 1px solid #E1E6F0;}
.article-attach a strong {color: #3D96FF;font-weight: normal;}
.article-attach .back {position: absolute;top: 20px;left: 50%;width: 100px;margin-left: -50px;color: #3D96FF;}
.article-attach a:hover {color: #3D96FF;}

/**
 * ***** footer *****
 */
.footer {padding: 70px 0 50px;color: #232323;background-color: #efefef;}
.footer-nav a {color: #232323;}
.footer-logo {height: 32px;margin-right: 59px;font-size: 0;}
.footer-logo img {height: 100%;}
.footer-nav .item {float: left;max-width: 215px;margin-left: 90px;}
.footer-nav .item:first-child {margin-left: 0;}
.footer-nav .title {font-size: 16px;line-height: 22px;}
.footer-nav ul {margin-top: 20px;}
.footer-nav li {padding: 13px 0;font-size: 14px;line-height: 20px;opacity: .7;}
.footer-nav li:hover {opacity: 1;}
.footer-vercode {text-align: center;}
.footer-vercode li {float: left;margin-left: 40px;}
.footer-vercode li:first-child {margin-left: 0;}
.footer-vercode img {width: 90px;}
.footer-vercode .name {margin-top: 10px;font-size: 14px;line-height: 20px;}
.footer .copyright {margin-top: 50px;font-size: 14px;line-height: 22px;text-align: center;opacity: .5;}

@media (max-width: 1187px) {
	.header #menu>ul>li>a {padding: 0 10px;font-size: 16px;}
}

@media (max-width: 768px) {
	/**
	 * ***** common *****
	 */
	.visible-xs {display: block;}
	.hidden-xs {display: none;}

	/* layout */
	.container {padding: 0 10px;}

	/* title */
	.title-first {margin-bottom: 15px;}
	.title-first h3 {font-size: 24px;line-height: 40px;}
	.title-first h4 {font-size: 60px;line-height: 60px;}

	.title-second {margin-bottom: 20px;text-align: center;}
	.title-second h3 {padding-right: 0;font-size: 22px;line-height: 34px;}
	.title-second h3::before,
	.title-second h3::after {content: '';display: block;position: absolute;top: 16px;width: 30px;height: 2px;background: #0176FF;}
	.title-second h3::before {left: -40px;}
	.title-second h3::after {right: -40px;}

	.title-second h2 {padding-right: 0;font-size: 22px;line-height: 34px;}
	.title-second h2::before,
	.title-second h2::after {content: '';display: block;position: absolute;top: 16px;width: 30px;height: 2px;background: #0176FF;}
	.title-second h2::before {left: -40px;}
	.title-second h2::after {right: -40px;}

	/* form */
	.form-control {padding: 5px 10px;font-size: 14px;line-height: 24px;}
	.form label.error {font-size: 14px;line-height: 24px;}
	.form-btn-group {text-align: center;}

	.form-search {margin-bottom: 15px;padding-left: 100px;padding-right: 72px;}
	.form-search .layui-input,
	.form-search .layui-textarea {height: 40px;font-size: 14px;line-height: 40px;}
	.form-search .layui-form-select {width: 100px;}
	.form-search .btn {width: auto;height: 40px;line-height: 40px;font-size: 14px;}
	.form-search .btn .iconfont {display: none;}
	.form-search>.layui-input {padding: 0 10px;}

	/* 选项卡 */
	.tab-nav.big {margin-bottom: 20px;}
	.tab-nav.big li {width: 40%;}
	.tab-nav.big li {height: 100px;}
	.tab-nav.big li:hover,
	.tab-nav.big li.active {height: 120px;}
	.tab-nav.big .icon {top: 15px;width: 40px;height: 40px;margin-left: -20px;}
	.tab-nav.big .name {bottom: 15px;font-size: 16px;line-height: 24px;}
	.tab-nav.big li:hover .icon,
	.tab-nav.big li.active .icon {top: 16px;}
	.tab-nav.big li:hover .name,
	.tab-nav.big li.active .name {bottom: 16px;}

	.tab-nav.primary {margin: 0 0 10px;border-bottom: none;}
	.tab-nav.primary li {margin: 0 5px 5px 0;padding: 0;}
	.tab-nav.primary li::before {content: none;}
	.tab-nav.primary a {padding: 7px 17px;font-size: 15px;line-height: 24px;}
	.tab-nav.primary li:hover a,
	.tab-nav.primary .active a {color: #fff;background-color: #0176FF;border-radius: 5px;}
	.tab-nav.primary li:hover a::before,
	.tab-nav.primary .active a::before {content: none;}

	/* swiper */
	.swiper-primary .swiper-pagination-bullet {width: 8px;height: 8px;}

	/**
	 * ***** header *****
	 */
	.header {left: auto;height: 50px;}
	.header .logo {height: 32px;margin-top: 9px;}
	.header .btn-menu {position: absolute;top: 0;right: 0;width: 50px;height: 50px;}
	.header #menu {display: none;}
	#menu .mm-list > li > a,
	#menu .mm-list > li > span {line-height: 24px;}
	#menu .submenu li a {padding-left: 40px;}
	#menu .mm-list a.mm-subclose {text-indent: 0;}
	#menu.mm-ismenu {background-color: #0B1D30;}

	/**
	 * ***** main *****
	 */
	.main {margin-top: 50px;}
	.main-container {padding-top: 20px;padding-bottom: 20px;}

	/* banner */
	.banner>.container {min-height: 200px;background-size: auto 40%;}
	.banner .middle-box {height: 200px;}
	.banner h2,
	.banner h3 {font-size: 34px;line-height: 40px;}

	.section {padding: 20px 0;}
	.section-title {margin-bottom: 15px;font-size: 20px;line-height: 30px;text-align: center;}
	.section-content .card {padding: 15px;}

	.main-nav,
	.main-content {float: none;width: 100%;}
	.main-nav {position: relative;z-index: 3;}
	.main-nav .selected {position: relative;margin-top: -20px;margin-bottom: 10px;border-bottom: 1px solid #E1E6F0;}
	.main-nav .selected h4 {font-size: 18px;line-height: 50px;color: #0176FF;}
	.main-nav .selected .btn-expand-toggle {position: absolute;top: 0;right: 0;width: 50px;height: 50px;}
	.main-nav ul {display: none;position: absolute;top: 50px;right: 0;width: 50%;background-color: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.3);}
	.main-nav a {padding: 10px;font-size: 16px;line-height: 26px;}
	.main-nav li::before {top: 16px;}

	/* 卡片面板 */
	.card-panel {margin-bottom: 20px;padding: 0 10px;}
	.card-panel .head {padding: 10px 0;}
	.card-panel .head .title {font-size: 18px;line-height: 30px;}
	.card-panel .head .title img {height: 30px;margin-right: 10px;}
	.card-panel .head .more {font-size: 14px;line-height: 30px;}
	.card-panel .head .more .iconfont {height: 30px;}
	.card-panel .body {padding: 5px 0;}
	.card-panel .content {padding: 10px 0;}

	/* 文章 */
	.article-header {margin-bottom: 5px;}
	.article-header .title {padding: 10px 0;font-size: 18px;line-height: 26px;}
	.article-header .tags {font-size: 14px;line-height: 20px;}
	.article-header .tags .item {margin: 3px;}
	.article-content {font-size: 15px;line-height: 26px;}
	.article-content img {margin: 10px auto;}
	.article-attach {text-align: center;}
	.article-attach .back {position: static;top: auto;left: auto;margin-left: 0;}
	.article-attach .prev,
	.article-attach .next {float: none;width: 100%;margin-top: 5px;text-align: left;}

	/**
	 * ***** footer *****
	 */
	.footer {padding: 20px 10px 10px;font-size: 0;text-align: center;}
	.footer-vercode {float: none;display: inline-block;}
	.footer .copyright {margin-top: 10px;font-size: 12px;line-height: 20px;}
}

/**
 * ***** bootstrap栅格系统 *****
 */
.container.padding {padding-left: 15px;padding-right: 15px;}
.container.padding .row {margin-left: -15px;margin-right: -15px;}
.container.padding .row>div {padding-left: 15px;padding-right: 15px;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	.col-sm-pull-12{right:100%}
	.col-sm-pull-11{right:91.66666667%}
	.col-sm-pull-10{right:83.33333333%}
	.col-sm-pull-9{right:75%}
	.col-sm-pull-8{right:66.66666667%}
	.col-sm-pull-7{right:58.33333333%}
	.col-sm-pull-6{right:50%}
	.col-sm-pull-5{right:41.66666667%}
	.col-sm-pull-4{right:33.33333333%}
	.col-sm-pull-3{right:25%}
	.col-sm-pull-2{right:16.66666667%}
	.col-sm-pull-1{right:8.33333333%}
	.col-sm-pull-0{right:auto}
	.col-sm-push-12{left:100%}
	.col-sm-push-11{left:91.66666667%}
	.col-sm-push-10{left:83.33333333%}
	.col-sm-push-9{left:75%}
	.col-sm-push-8{left:66.66666667%}
	.col-sm-push-7{left:58.33333333%}
	.col-sm-push-6{left:50%}
	.col-sm-push-5{left:41.66666667%}
	.col-sm-push-4{left:33.33333333%}
	.col-sm-push-3{left:25%}
	.col-sm-push-2{left:16.66666667%}
	.col-sm-push-1{left:8.33333333%}
	.col-sm-push-0{left:auto}
	.col-sm-offset-12{margin-left:100%}
	.col-sm-offset-11{margin-left:91.66666667%}
	.col-sm-offset-10{margin-left:83.33333333%}
	.col-sm-offset-9{margin-left:75%}
	.col-sm-offset-8{margin-left:66.66666667%}
	.col-sm-offset-7{margin-left:58.33333333%}
	.col-sm-offset-6{margin-left:50%}
	.col-sm-offset-5{margin-left:41.66666667%}
	.col-sm-offset-4{margin-left:33.33333333%}
	.col-sm-offset-3{margin-left:25%}
	.col-sm-offset-2{margin-left:16.66666667%}
	.col-sm-offset-1{margin-left:8.33333333%}
	.col-sm-offset-0{margin-left:0}
}
@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.66666667%}
	.col-md-10{width:83.33333333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666667%}
	.col-md-7{width:58.33333333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666667%}
	.col-md-4{width:33.33333333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.66666667%}
	.col-md-1{width:8.33333333%}
	.col-md-pull-12{right:100%}
	.col-md-pull-11{right:91.66666667%}
	.col-md-pull-10{right:83.33333333%}
	.col-md-pull-9{right:75%}
	.col-md-pull-8{right:66.66666667%}
	.col-md-pull-7{right:58.33333333%}
	.col-md-pull-6{right:50%}
	.col-md-pull-5{right:41.66666667%}
	.col-md-pull-4{right:33.33333333%}
	.col-md-pull-3{right:25%}
	.col-md-pull-2{right:16.66666667%}
	.col-md-pull-1{right:8.33333333%}
	.col-md-pull-0{right:auto}
	.col-md-push-12{left:100%}
	.col-md-push-11{left:91.66666667%}
	.col-md-push-10{left:83.33333333%}
	.col-md-push-9{left:75%}
	.col-md-push-8{left:66.66666667%}
	.col-md-push-7{left:58.33333333%}
	.col-md-push-6{left:50%}
	.col-md-push-5{left:41.66666667%}
	.col-md-push-4{left:33.33333333%}
	.col-md-push-3{left:25%}
	.col-md-push-2{left:16.66666667%}
	.col-md-push-1{left:8.33333333%}
	.col-md-push-0{left:auto}
	.col-md-offset-12{margin-left:100%}
	.col-md-offset-11{margin-left:91.66666667%}
	.col-md-offset-10{margin-left:83.33333333%}
	.col-md-offset-9{margin-left:75%}
	.col-md-offset-8{margin-left:66.66666667%}
	.col-md-offset-7{margin-left:58.33333333%}
	.col-md-offset-6{margin-left:50%}
	.col-md-offset-5{margin-left:41.66666667%}
	.col-md-offset-4{margin-left:33.33333333%}
	.col-md-offset-3{margin-left:25%}
	.col-md-offset-2{margin-left:16.66666667%}
	.col-md-offset-1{margin-left:8.33333333%}
	.col-md-offset-0{margin-left:0}
}
@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
	.col-lg-12{width:100%}
	.col-lg-11{width:91.66666667%}
	.col-lg-10{width:83.33333333%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.66666667%}
	.col-lg-7{width:58.33333333%}
	.col-lg-6{width:50%}
	.col-lg-5{width:41.66666667%}
	.col-lg-4{width:33.33333333%}
	.col-lg-3{width:25%}
	.col-lg-2{width:16.66666667%}
	.col-lg-1{width:8.33333333%}
	.col-lg-pull-12{right:100%}
	.col-lg-pull-11{right:91.66666667%}
	.col-lg-pull-10{right:83.33333333%}
	.col-lg-pull-9{right:75%}
	.col-lg-pull-8{right:66.66666667%}
	.col-lg-pull-7{right:58.33333333%}
	.col-lg-pull-6{right:50%}
	.col-lg-pull-5{right:41.66666667%}
	.col-lg-pull-4{right:33.33333333%}
	.col-lg-pull-3{right:25%}
	.col-lg-pull-2{right:16.66666667%}
	.col-lg-pull-1{right:8.33333333%}
	.col-lg-pull-0{right:auto}
	.col-lg-push-12{left:100%}
	.col-lg-push-11{left:91.66666667%}
	.col-lg-push-10{left:83.33333333%}
	.col-lg-push-9{left:75%}
	.col-lg-push-8{left:66.66666667%}
	.col-lg-push-7{left:58.33333333%}
	.col-lg-push-6{left:50%}
	.col-lg-push-5{left:41.66666667%}
	.col-lg-push-4{left:33.33333333%}
	.col-lg-push-3{left:25%}
	.col-lg-push-2{left:16.66666667%}
	.col-lg-push-1{left:8.33333333%}
	.col-lg-push-0{left:auto}
	.col-lg-offset-12{margin-left:100%}
	.col-lg-offset-11{margin-left:91.66666667%}
	.col-lg-offset-10{margin-left:83.33333333%}
	.col-lg-offset-9{margin-left:75%}
	.col-lg-offset-8{margin-left:66.66666667%}
	.col-lg-offset-7{margin-left:58.33333333%}
	.col-lg-offset-6{margin-left:50%}
	.col-lg-offset-5{margin-left:41.66666667%}
	.col-lg-offset-4{margin-left:33.33333333%}
	.col-lg-offset-3{margin-left:25%}
	.col-lg-offset-2{margin-left:16.66666667%}
	.col-lg-offset-1{margin-left:8.33333333%}
	.col-lg-offset-0{margin-left:0}
}

.layout-padding {overflow: hidden;}
.layout-padding .row {margin-left: -15px;margin-right: -15px;}
.layout-padding .row>div {padding-left: 15px;padding-right: 15px;}