/********************************	 通用样式	********************************/

*{
	box-sizing: border-box;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-button {
  display: none;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
:root{
	--min-width:1200px;
	--font-color:#FFF;
	--logo_margin_left:6%;
}
html{
	margin: 0 !important;
    overflow-y: auto;
    font-size: 50px;
    transition: all .5s;
}
html>body{
	width: 100% !important;
    min-width: var(--min-width);
    overflow-x: hidden;
    overflow-y: hidden;
    font-size: 14px;
    margin: 0;
    line-height: 1.42;
}
body{
    background-color: #fff;
    color: #333;
}
h1, h2, h3, h4, h5, h6, body {
    padding: 0 !important;
    font-weight: 400;
    font-family: "Arial", "Microsoft Yahei", "Helvetica Neue", "Helvetica", sans-serif;
}
ul{
    margin: 0;
    padding: 0;
}
ul, li {
    list-style: none;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
/* LOGO */
.classy-nav-container .logo{
	display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 55px 0  var(--logo_margin_left);
    cursor: pointer;
}
.logo img{
	height: 1.6rem;
}

/* 通用定义 */
.left_side{
	float: left;
}
.right_side{
	float: right;
}
.flex{
	display: flex;
}
.message{
	position: fixed !important;
}

/* banner */
.welcome_area{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:14.4rem;
	min-width: var(--min-width);
    background-position: top;
    background-color: #000;
	z-index: 0;
	background-size: 100% 100%;
}
/* 首页主要内容 */
#main-container{
	position: relative;
    width: 100%;
    min-width: var(--min-width);
    /*使元素变为不可选中*/
	user-select:none;
    -moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
}
/* 主要内容部分 标题 */
#main-container .wrapper_header{
	text-align: center;
}
#main-container .wrapper_header>h2{
	font-size: 34px;
	font-weight: 600;
	margin: 1rem 0;
	white-space: nowrap;
	color: #243042;
    letter-spacing: 1px;
}

/* 兼容分辨率 */
@media (min-width: 768px){
	.container {
		max-width: none;
	}
}
@media (min-width: 992px){
	.container {
		max-width: 990px;
	}
}
@media (min-width: 1200px){
	.container {
	    max-width: 1240px;
	}
}
@media (min-width: 992px){
	#main-container .overview_wrapper .overview_content{
	    align-items: flex-end;
	}
	#main-container .overview_wrapper .overview_content>div{
	    align-items: flex-start !important;
		max-height: 200px;
   		overflow: hidden;
	}
}

/* media 动态调整 */
@media screen and (max-width: 750px){
	:root{
		--min-width:0;
		--font-color:#FFF;
		--logo_margin_left:1%;
	}
	.classy-nav-container .logo img{
		height: 1.2rem;
	}
	/* banner */
	.welcome_area{
		height:8.4rem;
		background-size: cover;
    	background-position: center;
	}
	/* 主要内容 */
	#main-container .wrapper_header>h2{
	    font-size: .4rem;
       	margin: .5rem 0;
	}
}