*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a{
    color: #333;
    text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display:block
}


.container{
    margin: 0 auto;
}
.page-wrapper{
    padding-top: 70px;
}

html {
	font-size:16px;
	line-height:21px;
	height:100%
}
body {
	font-family:Helvetica, 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', STHeiti, 'WenQuanYi Micro Hei', sans-serif;
	color:#a0a4af;
	height:100%
}
#main{
    background-color: #f8f8f8;
}

a:hover {
	text-decoration:none
}
ul, li {
	list-style-type:none
}
.page-wrapper {
	height:auto;
	min-height:100%
}
.body-ck {
	margin:0 auto;
	max-width:1120px;
	box-sizing:content-box
}
.body-ck {
	padding-top: 20px;
}


header {
    position: fixed;
    top: 0;
    height: 70px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    z-index: 99;
}
header .container{
    display: flex;
    align-items: center;
}
header .container .logo{
    width: 200px;
}
header .container .list{
    display: flex;
    margin-left: 60px;
    flex-wrap: wrap;
    width: 100%;
}
header .container .list .item{
    margin: 0 2%;
}
header .container .list .item .menu-item{
    color: #333;
}
header .container .list .item .menu-item:hover{
    color: #009FB5;
}
 header .container .list .item .menu-item.active {
         color: #009FB5;
    }
header .container .conact{
    font-size: 14px;
    display: none;

}
header .container .conact > a{
    font-weight: 700;
    color: #009FB5;
    font-size: 18px;
    padding-top: 4px;
}
/* header */

/* footer */
.footer {
	background-color:#f7f8fa;
}
.footer div {
	box-sizing:border-box
}
.footer .row.links {
	text-align:center
}
.footer .row.links .link-group {
	display:inline-block;
	vertical-align:top;
	margin:0 8%;
	text-align:left;
    color: #333;
}
.footer .row.links a {
	transition:all 0.3s ease
}
.footer .row.links a:hover {
	color:#009FB5;
}
.footer img.logo {
	width:80px;
}
.footer>.container {
	padding-top:50px;
}
.footer>.container .qr-code-wrapper img {
	width:90px;
	height:90px;
}
.footer .row.links .link-header {
	margin-bottom:16px;
	font-size:16px;
	color:#333;
}
.footer .row.links a {
	display:block;
	line-height:30px;
	color:#333;
	text-decoration:none;
    font-size: 16px;
}
.footer .copyright {
	font-size: 14px;
    text-align: center;
    color: #333;
    border-top: 1px solid #EBEBEB;
    padding: 20px 0;
}
.footer .qr-code-wrapper .link-group .link-header{
	margin-bottom: 16px;
    font-size: 16px;
    color: #333;
}
.footer .qr-code-wrapper .phone a  {
	font-size: 32px;
    color: #009FB5;
    font-weight: 700;
}

.footer .col-xs-12 {
    padding:0;
}
.footer .row.links {
    margin-bottom:20px;
    padding-bottom:20px;
    width:100%;
    display: flex;
    justify-content: space-between;
}
.footer .row.links .link-group {
    margin:0 4%;
}
.footer .row.links .col-xs-4 {
    padding-right:0;
}
.footer .footer-logo {
    text-align:center;
}
.footer .footer-logo .logo {
    display:inline-block;
    width:90px;
    margin:0px auto 20px;
}
.footer .qr-code {
    width:100px;
    margin:15px;
}
.footer .copyright {
    margin-top:0;
}

.m-footer{
    display: none;
}
.m-footer .logo{
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #E8E8EA;
}
.m-footer .logo > img{
    width: 60px;
}
.m-footer .link-group{
    margin-left: 40px;
}
.m-footer .link-group p{
    margin: 0;
    font-size: 14px;
    color: #333;
}
.m-footer .link-list .link-group{
    padding: 10px 0;
    border-bottom: 1px solid #E8E8EA;
    margin-left: 0;
}
.m-footer .link-list .link-group .link-header{
    font-size: 14px;
    color: #333;
    padding-bottom: 10px;
}
.m-footer .link-list .link-group .list{
    display: flex;
    align-items: center;
}
.m-footer .link-list .link-group .list a{
    margin-right: 20px;
    color: #333;
}
.m-footer .copyright{
    padding: 10px 0;
    text-align: center;
    color: #333;
}
/* footer */


/* back up  */
.back-top {
	position:fixed;
	right:100px;
	bottom:100px;
	display:none;
	z-index:1;
	width:60px;
	height:60px;
	border-radius:6px;
	box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.1);
	border:solid 1px #e1e2e4;
	background-color:#fff
}
.back-top::before {
    position:absolute;
    top:12.5px;
    left:20px;
    content:' ';
    border:10px solid transparent;
    border-bottom-color:#e1e2e4;
    transition:all 0.3s ease
}
.back-top:hover::before {
    border-bottom-color:#bcc1c9
}
/* back up  */

/* 侧边 */
.main-right {
	overflow:hidden;
	float:right;
	width:212px;
	width:320px;
	margin-left:20px
}
.main-right>div {
	border-radius:6px;
	background-color:#fff
}
.main-right .panel {
	border:1px solid #e1e2e4;
	border-radius:6px;
	padding:30px 18px
}
.main-right .panel h1 {
	margin-top:5px;
	margin-bottom:23px;
	font-size:18px;
	color:#383963
}
.main-right .panel a {
	color:#a0a4af
}
.main-right .panel.subscribe input {
	margin:10px 0 20px;
	border:1px solid #e1e2e4;
	padding:9px;
	width:100%;
	background-color:#fcfcfc;
	border-radius:4px;
	box-sizing:border-box;
	color:#65697f
}
.main-right .panel.subscribe .btn-gio-primary {
	width:100%;
	box-sizing:border-box;
	font-size:18px
}
.main-right .panel.hot ul {
	margin:0
}
.main-right .panel.hot ul li+li {
	margin-top:10px
}
.main-right .panel.hot a {
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
	display:inline-block
}
.main-right .panel.hot a:hover {
	text-decoration:underline;
	color:#383963
}
.main-right .panel.tags ul li {
	display:inline-block;
	margin-right:8px;
	margin-bottom:10px;
	background-color:#f8f8f8;
	border-radius:10px;
	font-size:12px;
	padding:3px 10px
}

.main-center {
	overflow:hidden;
	margin:0 0;
	min-height:800px;
    background: #fff;
    padding: 20px;
}

.tab-bar{
    display: none;
    /* display: flex; */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 10px 0;
}
.tab-bar .item{
    width: 25%;
}
.tab-bar .item > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.tab-bar .item > a > img{
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
}
@media (min-width: 992px) and (max-width: 1159px) {
    .main-right {
    display:none;
    }
    .body-ck{
        margin: 0 20px;
    }
    .main-center{
        padding: 20px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .main-right {
    display:none;
    }
    .main-center{
        padding: 10px;
    }
    .body-ck{
        margin: 0 20px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .main-right {
    display:none
    }
}
@media only screen and (max-width: 479px) {
	.main-right {
	display:none
	}
}

@media (max-width: 767px) {
    .body-ck{
		padding-top: 0;
	}
}


/* 移动 */
@media (max-width: 767px) {
    .page-wrapper{
        padding-top: 126px;
    }
    .tab-bar{
        display: flex;
    }
    .container{
        width: 90%;
    }
    header{
        min-height: 126px;
        border-bottom: 1px solid #f8f8f8;
    }
    header .container .conact{
    display: block;
    }
    header .container{
        display: block;
        padding: 0;
    }
    header .m-header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #EBEBEB;
        padding-bottom: 10px;
    }
    header .container .list{
        padding: 10px 0;
        margin: 0;
        width: 100%;
    }

    .footer {
        display: none;
    }
    .m-footer{
        display: flex;
        background-color: #f7f8fa;
        padding: 20px 0 80px;
    }
    .m-footer .link-list .link-group .list{
        font-size: 12px;
    }
    .m-footer .copyright{
        font-size: 12px;
    }

}
@media (min-width: 767.98px) {
   

}

@media (min-width: 768px) and (max-width: 991px) {
    
    
}