/* custom font css */
@font-face {
    font-family: 'Bold';
    src: url("../../font/MiSans-Bold.ttf");
}
@font-face {
    font-family: 'Demibold';
    src: url("../../font/MiSans-Demibold.ttf");
}
@font-face {
    font-family: 'ExtraLight';
    src: url("../../font/MiSans-ExtraLight.ttf");
}
@font-face {
    font-family: 'Heavy';
    src: url("../../font/MiSans-Heavy.ttf");
}
@font-face {
    font-family: 'Light';
    src: url("../../font/MiSans-Light.ttf");
}
@font-face {
    font-family: 'Medium';
    src: url("../../font/MiSans-Medium.ttf");
}
@font-face {
    font-family: 'Normal';
    src: url("../../font/MiSans-Normal.ttf");
}
@font-face {
    font-family: 'Regular';
    src: url("../../font/MiSans-Regular.ttf");
}

@font-face {
    font-family: 'Semibold';
    src: url("../../font/MiSans-Semibold.ttf");
}
@font-face {
    font-family: 'Thin';
    src: url("../../font/MiSans-Thin.ttf");
}

body{
	font-family: Regular;
}
.nav-item a, footer a{
	font-family: Light;
}


@media screen and (min-width:1200px){
    .container{
		max-width: 1510px !important;
	}
}

.navbar-brand img {
    width: 200px;
}
.right-sgb-logo{
	position: absolute;
	right: 0px;
	top: -18px;
}
.g-bg-primary {
    background: var(--main-blue-color) !important;
}
.g-bg-yellow-primary--hover:hover{
	background: var(--main-yellow-color) !important;
}
.g-color-primary{
	color: var(--main-blue-color) !important;
}
.g-color-primary--hover:hover{
	color: var(--main-blue-color) !important;
}
.g-brd-primary{
	border-color: var(--main-blue-color) !important;
}
.g-bg-primary--hover:hover{
	background: var(--main-blue-color) !important;
}
.u-nav-v1-1.u-nav-primary .nav-link.active{
	background: var(--main-blue-color);
}
.u-go-to-v1:hover, .u-go-to-v1:focus:hover {
    background-color: var(--main-blue-color) !important;
}

.center-button{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 30px;
	padding-bottom: 20px;
}
.center-button a{
	color: #ffffff;
	padding: 10px 60px;
	text-decoration: none;
	border-radius: 20px;
	background: linear-gradient(to right, var(--main-yellow-color) 20%,var(--main-blue-color));

}

.hs-mega-menu{
	width: 130% !important;
	left: -200px !important;
	padding: 0px 300px;
	overflow: hidden !important;

}

@media (min-width: 992px){
	.navbar-nav{
		margin-right: 120px;
	}
}

/* footer area style */
.footer-area {
    background-image: url("../img/footer_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;

}

.footer-split-line {
    width: 1px;
    height: 60px;
    background: #ffffff;
    margin-left: 25px;
    margin-right: 25px;
}

.footer-area ul {
    list-style: none;
    padding-left: 0;
}

.footer-area ul li {

}

.footer-area ul li a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
}

/******************  微信公众号的悬浮显示二维码   *********************************/

.cys-wechat-qrcode{
	display: none;
	border: 1px solid #eee;
	position: absolute;
	z-index: 999;
	top: -280px;
	left: -96px;
	width: 220px;
	height: 252px;
	color: #666;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 2px 10px #aaa;
	transition: all 200ms;
	-webkit-tansition: all 350ms;
	-moz-transition: all 350ms;
}


.cys-wechat-qrcode.bottom {
	top: 40px;
	left: -84px;
}

.cys-wechat-qrcode h4 {
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	background-color: #f3f3f3;
	margin: 0;
	padding: 0;
	color: #777;
}

.cys-wechat-qrcode .qrcode {
	width: 160px;
	margin: 10px 29px;
}

.cys-wechat-qrcode .qrcode .qrcode-img {
	width:100%;height:auto;
}



.cys-wechat-qrcode .qrcode table {
	margin: 0!important;
}

.cys-wechat-qrcode .help p {
	font-weight: normal;
	line-height: 16px;
	padding: 0;
	margin: 0;
}

.cys-wechat-qrcode:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -13px;
	width: 0;
	height: 0;
	border-width: 8px 6px 6px 6px;
	border-style: solid;
	border-color: #fff transparent transparent transparent
}

.cys-wechat-right.cys-wechat-qrcode {
	display: none;
	border: 1px solid #eee;
	position: absolute;
	z-index: 999;
	top: -110px;
	left: 30px;
	width: 220px;
	height: 252px;
	color: #666;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 2px 10px #aaa;
	transition: all 200ms;
	-webkit-tansition: all 350ms;
	-moz-transition: all 350ms;
}

@media (max-width: 768px) {
	.cys-wechat-right.cys-wechat-qrcode {
		position: absolute;
		z-index: 999;
		top: -110px;
		left: calc(50% - 110px);
	}
}


.cys-wechat:hover .cys-wechat-qrcode{
	display: block;
}

/* 页面 section 标题 */
.section-en-white-title{
	font-size: 32px;
	font-weight: 700;
	color: #ffffff;
	position: relative;
	overflow: hidden;
}
.section-en-white-title::before{
	position: absolute;
	content: "";
	left: -112px;
	top: 5px;
	background: #ffffff;
	width: 120px;
	height: 24px;
}
.section-cn-white-title{
	font-size: 24px;
	font-weight: 600;
	padding-left: 20px;
	color: #ffffff;
}
.service-split-line{
	width: 1px;
	height: 70px;
	background: var(--main-yellow-color);
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
}
.g-width-290{
	width: 285px;
	max-width: 100%;
}
.g-width-117{
	width: 117px !important;
	max-width: 100%;
}
a:hover{
	color: var(--main-yellow-color) !important;
	text-decoration: none !important;
}