@charset "UTF-8";

@font-face {
  font-family: "Myriad Pro";
  src: url("../font/MYRIADPRO-BOLD.woff2") format("woff2"),
       url("../font/MYRIADPRO-BOLD.woff") format("woff"),
       url("../font/MYRIADPRO-BOLD.ttf") format("truetype"),
       url("../font/MYRIADPRO-BOLD.eot") format("embedded-opentype"),
       url("../font/MYRIADPRO-BOLD.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DIN-1451-Std";
  src: url("../font/DINENGSCHRIFTSTD.woff2") format("woff2"),
       url("../font/DINENGSCHRIFTSTD.woff") format("woff"),
       url("../font/DINENGSCHRIFTSTD.ttf") format("truetype"),
       url("../font/DINENGSCHRIFTSTD.eot") format("embedded-opentype"),
       url("../font/DINENGSCHRIFTSTD.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'DINCond-Light';
    src: url(../font/DINCond-Light.otf);
}
/*@font-face {
    font-family: 'DIN-1451-Std';
    src: url(../font/DINENGSCHRIFTSTD.OTF);
}*/
@font-face {
    font-family: 'DINCond-Medium';
    src: url(../font/DINCond-Medium.otf);
}
/*@font-face {
    font-family: 'Myriad Pro';
    src: url(../font/MYRIADPRO-BOLD.OTF);
}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
html,body {
	position:relative;
	height:100%;
	font-family:"宋体",Georgia,"DINCond-Light"," Arial",STXihei,"DIN-1451-Std","Source Han Sans CN","Segoe Script","Rubik","DINCond-Medium","Myriad Pro","DINCond-Bold",serif;
	background:#101926;
	font-size:14px;
	color:#fff;
}
ul li {
	list-style:none
}
img {
	border:0;
	vertical-align:middle
}
table {
	border-collapse:collapse;
	border-spacing:0
}
p {
	word-wrap:break-word
}
a {
	color:#FF7F00;
	text-decoration:none;
}
a:hover {
	color:#FF7F00;
	text-decoration:none;
}
.clearfix:after {
	/*content:".";*/
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	*zoom:1;
}
.v-divider {
	margin-left:20px;
	margin-right:20px;
	border:0;
	border-left:1px solid rgba(255,255,255,0.2);
}
.v-divider-offer {
	margin-left:20px;
	margin-right:20px;
	border:0;
	border-left:1px solid #6666;
}
.text-truncate-2 {
	height:40px;
	position:relative;
	line-height:20px;
	display:-moz-box;
	-moz-line-clamp:2!important;
	-moz-box-orient:vertical;
	text-overflow:ellipsis;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.text-truncate-2:after {
	bottom:0;
	/*content:"...";*/
	padding:0;
	position:absolute;
	right:0;
}
@supports (-webkit-line-clamp:2) {
	.text-truncate-2 {
	height:40px;
	position:relative;
	line-height:20px;
	text-overflow:ellipsis;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.text-truncate-2:after {
	display:none;
}
}.swiper-container {
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
.swiper-slide {
	/* text-align:center; */
	font-size:18px;
	/* Center slide text vertically */
  	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
}
.layui-layer-tips .layui-layer-content {
	padding:5px !important;
}
.layui-layer-tips i.layui-layer-TipsG {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-top: 10px solid #ff7f00 !important;
    margin-bottom: -9px;
    margin-left: 46px;
}
.layui-layer-tips .layui-layer-content {
	margin-left: -40px;
}
.normal-layout {
	}.darkmenu {
	background:#0f1925;
}
.darkmenu .menu-bar {
	padding-top:16px;
}
.menu-bar {
  	margin:0 auto;
	padding-top:35px;
}
.menu-bar .logo {
	width:222px;
	height:62px;
	float:left;
	margin-left:200px;
}
.menu-bar .menu-other {
	float:right;
	margin-right:182px;
	height: 30px;
}
.menu-bar .cut-off {
	/* height:25px; */
	/* margin-bottom: 4px; */
	opacity:.3;
	margin-left: 10px;
	margin-bottom: 1px;
}
.menu {
	float:right;
}
.menu>li {
	float:left;
	margin:4px 23px;
	position:relative;
}
.menu>li a {
	font-family: "宋体";
	color:#fff;
	font-size:18px;
	text-decoration:none;
}
.menu>li:hover>a {
	font-weight: bold;
	color:#ff7f00;
}
.menu>li.active a {
	font-weight: bold;
	color:#ff7f00;
}
.stock {
	font-family: "DIN-1451-Std";
	color:#ea0101;
	font-size:32px;
	margin-left:10px;
}
.stock:hover {
	color:#ea0101;
}
.stock .stock-arrow {
	height:18px;
	width:18px;
	padding-left: 5px;
	padding-top: 5px;
}
.arrow-down {
	position:absolute;
	bottom:5%;
	left:50%;
	margin-left:-15px;
	z-index:11;
	cursor:pointer;
}
.top-menu-bar {    
    left: 50%;
    height: 23px;
    margin-left: 10px;
}
.bars {
	display: block;
    width: 25px;
    height: 4px;
    background-color: #fff;
    box-shadow: 0 20px 0 #fff, 0 10px 0 #fff;
}
.text-title {
	font-family: "宋体";
	font-size: 42px;
	color:#c8e2fb;
	font-weight:bold;
}
.text-title-en {
	/* font-family: "Myriad Pro"; */
	font-size: 36px;
	color:#9fa2ac;
	font-weight: normal;
	letter-spacing: -2px;
}
.banner-title {
	font-family: "Source Han Sans CN";
	font-weight: bold;
	font-size: 42px;
}
.banner-title-en {
	font-family: "Rubik";
	font-size: 18px;
}
.divider {
	height:2px;
	width:550px;
	z-index:10;
	background:-webkit-linear-gradient(90deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-o-linear-gradient(90deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-moz-linear-gradient(90deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:linear-gradient(90deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
}
.vertical-divider-1 {
	position:relative;
	height:85px;
	width:2px;
	z-index:10;
	background:-webkit-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-o-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-moz-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:linear-gradient(45deg,hsl(228,47.9%,14.3%),hsl(198,27.8%,54.9%),hsl(228,47.9%,14.3%));
}
.vertical-divider-1:before {
	position:absolute;
	top:49%;
	content:'';
	margin-left:-6px;
	margin-top:-6px;
	display:table;
	width:15px;
	height:15px;
	border-radius:50%;
	background-image:url(../images/media_point.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.vertical-divider-2 {
	position:relative;
	height:160px;
	width:2px;
	z-index:10;
	background:-webkit-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-o-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-moz-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:linear-gradient(45deg,hsl(228,47.9%,14.3%),hsl(198,27.8%,54.9%),hsl(228,47.9%,14.3%));
}
.vertical-divider-2:before {
	position:absolute;
	top:49%;
	content:'';
	margin-left:-6px;
	margin-top:-6px;
	display:table;
	width:15px;
	height:15px;
	border-radius:50%;
	background-image:url(../images/media_point.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.vertical-divider-3 {
	position:relative;
	height:100px;
	width:2px;
	z-index:10;
	background:-webkit-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-o-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-moz-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:linear-gradient(45deg,hsl(228,47.9%,14.3%),hsl(198,27.8%,54.9%),hsl(228,47.9%,14.3%));
}
.vertical-divider-3:before {
	position:absolute;
	top:49%;
	content:'';
	margin-left:-6px;
	margin-top:-6px;
	display:table;
	width:15px;
	height:15px;
	border-radius:50%;
	background-image:url(../images/media_point.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.vertical-divider-4 {
	position:relative;
	height:160px;
	width:2px;
	z-index:10;
	background:-webkit-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-o-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-moz-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:linear-gradient(45deg,hsl(228,47.9%,14.3%),hsl(198,27.8%,54.9%),hsl(228,47.9%,14.3%));
}
.vertical-divider-4:before {
	position:absolute;
	top:49%;
	content:'';
	margin-left:-6px;
	margin-top:-6px;
	display:table;
	width:15px;
	height:15px;
	border-radius:50%;
	background-image:url(../images/media_point.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.vertical-divider-5 {
	position:relative;
	height:160px;
	width:2px;
	z-index:10;
	background:-webkit-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-o-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-moz-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:linear-gradient(45deg,hsl(228,47.9%,14.3%),hsl(198,27.8%,54.9%),hsl(228,47.9%,14.3%));
}
.vertical-divider-5:before {
	position:absolute;
	top:49%;
	content:'';
	margin-left:-6px;
	margin-top:-6px;
	display:table;
	width:15px;
	height:15px;
	border-radius:50%;
	background-image:url(../images/media_point.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.vertical-divider-6 {
	position:relative;
	height:85px;
	width:2px;
	z-index:10;
	background:-webkit-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-o-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-moz-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:linear-gradient(45deg,hsl(228,47.9%,14.3%),hsl(198,27.8%,54.9%),hsl(228,47.9%,14.3%));
}
.vertical-divider-6:before {
	position:absolute;
	top:49%;
	content:'';
	margin-left:-6px;
	margin-top:-6px;
	display:table;
	width:15px;
	height:15px;
	border-radius:50%;
	background-image:url(../images/media_point.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.vertical-divider-7 {
	position:relative;
	height:100px;
	width:2px;
	z-index:10;
	background:-webkit-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-o-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-moz-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:linear-gradient(45deg,hsl(228,47.9%,14.3%),hsl(198,27.8%,54.9%),hsl(228,47.9%,14.3%));
}
.vertical-divider-7:before {
	position:absolute;
	top:49%;
	content:'';
	margin-left:-6px;
	margin-top:-6px;
	display:table;
	width:15px;
	height:15px;
	border-radius:50%;
	background-image:url(../images/media_point.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.vertical-divider-8 {
	position:relative;
	height:85px;
	width:2px;
	z-index:10;
	background:-webkit-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-o-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-moz-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:linear-gradient(45deg,hsl(228,47.9%,14.3%),hsl(198,27.8%,54.9%),hsl(228,47.9%,14.3%));
}
.vertical-divider-8:before {
	position:absolute;
	top:49%;
	content:'';
	margin-left:-6px;
	margin-top:-6px;
	display:table;
	width:15px;
	height:15px;
	border-radius:50%;
	background-image:url(../images/media_point.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.vertical-divider-9 {
	position:relative;
	height:280px;
	width:2px;
	z-index:10;
	background:-webkit-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-o-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-moz-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:linear-gradient(45deg,hsl(228,47.9%,14.3%),hsl(198,27.8%,54.9%),hsl(228,47.9%,14.3%));
}
.vertical-divider-9:before {
	position:absolute;
	top:49%;
	content:'';
	margin-left:-6px;
	margin-top:-6px;
	display:table;
	width:15px;
	height:15px;
	border-radius:50%;
	background-image:url(../images/media_point.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.vertical-divider-10 {
	position:relative;
	height:85px;
	width:2px;
	z-index:10;
	background:-webkit-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-o-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:-moz-linear-gradient(45deg,hsl(217,79.59%,9.61%),hsl(0,0%,90%),hsl(217,79.59%,9.61%));
	background:linear-gradient(45deg,hsl(228,47.9%,14.3%),hsl(198,27.8%,54.9%),hsl(228,47.9%,14.3%));
}
.vertical-divider-10:before {
	position:absolute;
	top:49%;
	content:'';
	margin-left:-6px;
	margin-top:-6px;
	display:table;
	width:15px;
	height:15px;
	border-radius:50%;
	background-image:url(../images/media_point.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.home-layer {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	text-align: center;
}
.home-layer div:nth-child(1),
.home-layer div:nth-child(3),
.home-layer div:nth-child(6),
.home-layer div:nth-child(8){
	background: rgba(0,0,0,0.5);
}

.header {
	height:140px;
	z-index:99;
}
.slogan {
	z-index:10;
}
.slogan li {
	margin-top:25px;
}
.slogan li:first-child {
	margin-left:-226px;
	font-size: 35px;
	color:#fff;
	font-family: "Source Han Sans CN";
}
.slogan li:last-child {
	margin-right:-226px;
	font-size: 35px;
	color:#ff7f00;
	font-family: "Segoe Script";
}

.button-next {
	background-image:url(../images/button-next.png);
	background-size:60px 60px;
	width:60px;
	height:60px;
	right:120px;
	left:auto;
}
.button-next:hover {
	background-image:url(../images/button-next-hover.png);
	background-size:60px 60px;
	width:60px;
	height:60px;
	right:120px;
	left:auto;
}
.button-next:active {
	border:none;
}
.button-prev {
	background-image:url(../images/button-prev.png);
	background-size:60px 60px;
	width:60px;
	height:60px;
	left:120px;
	right:auto;
}
.button-prev:hover {
	background-image:url(../images/button-prev-hover.png);
	background-size:60px 60px;
	width:60px;
	height:60px;
	left:120px;
	right:auto;
}
.button-prev:active {
	border:none;
}
.swiper-layer-1 {
	background-image:url(../images/index-swiper-slide-1.png);
	width:100%;
	height:100%;
	position:absolute;
	top: 0;
	left: 0;
	/*  animation:slowScale 10s forwards;
	-webkit-animation:slowScale 10s forwards;
	*/
}
/*.slide-1 {
	background-image:url(../images/index-swiper-slide-1.png);
	width:100%;
	position:absolute;
}
*/

.swiper-layer-2 {
	background-image:url(../images/index-swiper-slide-2.png);
	width:100%;
	height:100%;
	position:absolute;
	top: 0;
	left: 0;
	/*  animation:slowScale 10s forwards;
	-webkit-animation:slowScale 10s forwards;
	*/
}
/*.slide-2 {
	background-image:url(../images/index-swiper-slide-2.png);
	width:100%;
	position:absolute;
}
*/

.swiper-layer-2-1 {
	position:fixed;
	z-index:2;
	width:100%;
	height:100%;
	background-image:url(../images/index-swiper-slide-2-1.png);
}
.swiper-layer-2-2 {
	position:fixed;
	z-index:3;
	width:100%;
	height:100%;
	background-image:url(../images/index-swiper-slide-2-2.png);
}
.swiper-layer-2-3 {
	position:fixed;
	z-index:4;
	width:100%;
	height:100%;
	background-image:url(../images/index-swiper-slide-2-3.png);
}
.swiper-layer-2-4 {
	position:fixed;
	z-index:5;
	opacity:0.5;
	width:100%;
	height:100%;
	background-image:url(../images/index-swiper-slide-2-4.png);
}
.page-2-bg {
	background-image:url(../images/page-2-bg.png);
	background-size:cover;
	/* div */
  	height:100%;
	width:100%;
	/*position:absolute;
	*/
	  position: absolute;;
	  top: 0;
	  left: 0;
	  z-index: 1;
	/* animation */
  /*animation:pulse;
	animation-duration:3s;
	animation-delay:0.75s;
	animation-iteration-count:infinite;
	*/
/*  animation:slowScale 6s forwards;
	-webkit-animation:slowScale 6s forwards;
	*/
}
.page-2-title {
	font-family: "宋体";
	font-size: 42px;
	top:12.6%;
	margin-top:88px;
	position:absolute;
	left: 0;
	text-align: center;
	width: 100%;
	z-index:2;
}
.page-2-title-en {
	font-family: "Rubik";
	font-size: 88px;
	color:#fff;
	opacity: .1;
	top:12.6%;
	position:absolute;
	left: 0;
	width: 100%;
	text-align: center;
	z-index:2;
}
.page-2-main-company {
	font-family: "宋体";
	font-size: 24px;
	color: #ff7f00;
	top:12.6%;
	margin-top:220px;
	position:absolute;
	z-index:2;
	left: 0;
	width: 100%;
	text-align: center;
}
.page-2-main-create-at {
	font-family: "宋体";
	font-size: 14px;
	color: #fff;
	top:12.6%;
	margin-top:262px;
	position:absolute;
	z-index:2;	
	left: 0;
	width: 100%;
	text-align: center;
}
.page-2-main-create-at span {
	font-size: 22px;
	color: #ff7f00;
	margin-left: 2px;
	margin-right: 2px;
	left: 0;
	width: 100%;
	text-align: center;
}
.page-2-main-exchange {
	font-family: "宋体";
	font-size: 16px;
	color: #fff;
	top:12.6%;
	margin-top:303px;
	position:absolute;
	z-index:2;	
	left: 0;
	width: 100%;
	text-align: center;
}
.page-2-main-ticker {
	font-family: "宋体";
	font-size: 14px;
	color: #fff;
	top:12.6%;
	margin-top:330px;
	position:absolute;
	z-index:2;	
	left: 0;
	width: 100%;
	text-align: center;
}
.page-2-main-ticker span {
	font-family: "Rubik";
	font-size: 22px;
	color: #ff7f00;
	margin-left: 2px;
	margin-right: 2px;
	left: 0;
	width: 100%;
	text-align: center;
}
.page-2-main-slogan-1 {
	font-family: "宋体";
	font-size: 30px;
	color: #fff;
	top:12.6%;
	margin-top:415px;
	position:absolute;
	z-index:2;
	left: 0;
	width: 100%;
	text-align: center;
}
.page-2-main-slogan-2 {
	font-family: "宋体";
	font-size: 30px;
	color: #fff;
	top:12.6%;
	margin-top:455px;
	position:absolute;
	z-index:2;
	left: 0;
	width: 100%;
	text-align: center;
}
/*.page-2-desc {
	position:fixed;
	z-index:2;
	width:100%;
}*/
.page-2-position {
	position:absolute;
	top:12.6%;
	left: 0;
	right: 0;
	margin: 390px auto;
	width: 100%;
	text-align: center;
}
.page-3 {
	background-image:url(../images/page-3-bg.jpg);
	background-size:cover;
	z-index:10;
}
.col25 {
	float:left;
	height:50%;
	background-size:cover;
	/* padding-top: 60px; */
}
.col25 span {
	font-family:"DIN";
}
.col25 {
	width:25%;
}
.col25 span {
	font-size:100px;
}
.col25 p:nth-child(1) {
	/*font-size:24px;*/
	margin-top:12%;
}
.col25 p:nth-child(2) {
	margin-top:-40px;
	font-family: "宋体";
	font-size:18px;
}
.col25 p:nth-child(3) {
	margin-top:0px;
	font-family: "Rubik";
	font-size:16px;
}
#data-number1,#data-number2,#data-number3,#data-number4,#data-number5,#data-number6,#data-number7,#data-number8 {
	color:#ff7f00;
	font-size:150px;
	font-family: "DINCond-Light"
}
.data-small {
	font-size: 14px !important;
	font-weight: bold;
	color:#ff7f00;
	position:absolute;
    margin-left: -5px;
    margin-top: 41px;
}
.page-4 {
	background-color:#101926;
}
.page-4-bg {
	background-image:url(../images/page-4-bg.png);
	height:100%;
	width:100%;
	left:0;
	top:0;
	position:absolute;
	background-position:top right;
	cursor:pointer;
	background-size:cover
}
.page-4-title {
	font-family: "宋体";
	font-size: 42px;
	top:10.6%;
	margin-top:88px;
	position:absolute;
	z-index:2;
	left: 0;
	width: 100%;
	text-align: center;
}
.page-4-title-en {
	font-family: "Rubik";
	font-size: 88px;
	color:#fff;
	opacity: .1;
	top:10.6%;
	position:absolute;
	z-index:2;
	left: 0;
	width: 100%;
	text-align: center;
}
.page-4-main-slogan-1 {
	font-family: "宋体";
	font-size: 24px;
	color: #ff7f00;
	top:10.6%;
	margin-top:236px;
	position:absolute;
	z-index:2;
	left: 0;
	width: 100%;
	text-align: center;
}
.page-4-main-slogan-2 {
	font-family: "宋体";
	font-size: 16px;
	color: #fff;
	top:10.6%;
	margin-top:276px;
	position:absolute;
	z-index:2;
	left: 0;
	width: 100%;
	text-align: center;
}
.page-4-main-slogan-3 {
	font-family: "宋体";
	font-size: 16px;
	color: #fff;
	top:10.6%;
	margin-top:364px;
	position:absolute;
	z-index:2;
	left: 0;
	width: 100%;
	text-align: center;
}
.page-4-main-slogan-4 {
	font-family: "宋体";
	font-size: 16px;
	color: #fff;
	top:10.6%;
	margin-top:394px;
	position:absolute;
	z-index:2;
	left: 0;
	width: 100%;
	text-align: center;
}
.page-4-position {
	position:absolute;
	top:10.6%;
	/* margin-top:337px; */
	left: 0;
	right: 0;
	margin: 337px auto;
}
.footer {
	height: 120px;
	width:100%;
	bottom:0;
	left:0;
	position:absolute;
	background:#0B1620;
	z-index:10;
}
.footer .footer-info {
	width:1200px;
	height:120px;
	margin:0 auto;
	text-align:left;
	font-size:14px;
}
.footer .footer-info-left {
	width:550px;
	float:left;
}
.footer .footer-info-left p {
	color:#90969d;
	font-size: 12px;
	/*line-height:28px;*/
	opacity:1;
	margin-top:5px;
	text-indent: 30px;
}
.footer .footer-info-right {
	width:450px;
	float:right;
}
.footer .footer-info-right p {
	font-size: 14px;
	color: #90969d;
	/*line-height:28px;*/
	opacity:1;
	margin:30px auto 0 auto;
}
.footer .footer-info-right img {
	/* float:left; */
	margin-left:10px;
	margin-top: -6px;
}
.footer-menu {
	margin:30px auto 0 auto;
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	padding-left:25px;
	/*background-position-y:12px;*/
}
.footer-menu>li {
	font-size: 14px;
	float:left;
	margin:0 5px;
	/*line-height:24px;*/
	position:relative;
	color:#90969d;
}
.footer-menu>li a {
	color:#90969d;
	opacity:1;
	font-size:14px;
	text-decoration:none;
	padding-right:10px;
}
.footer-menu>li:hover>a {
	color:#ff7f00;
	opacity:1;
}
.location {
	background-image:url(../images/location.png);
	background-repeat:no-repeat;
	padding-left:25px;
	background-size: 18px;
	/*background-position-y:5px;*/
}
.phone {
	/*line-height:40px !important;*/
	font-family: "DINCond-Medium";
	color:#FF7F00 !important;
	margin-top:0px !important;
	font-size:34px !important;
	text-indent: 24px;
	float: left;
	width: 240px;
}
.about-head-content {
	min-height:100vh;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
}
.about-banner {
	position:absolute;
	z-index:9;
	width:100%;
	height:100%;
	background-image:url(../images/about-banner.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.about-banner-1 {
	position:absolute;
	z-index:11;
	width:100%;
	height:100%;
	background-image:url(../images/about-banner-1.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.about-banner-2 {
	position:absolute;
	z-index:12;
	width:100%;
	height:100%;
	background-image:url(../images/about-banner-2.png);
	background-repeat:no-repeat;
	/* background-size:cover; */
	background-position:center;
}
.about-banner-3 {
	position:absolute;
	z-index:10;
	width:100%;
	height:100%;
	background-image:url(../images/about-banner-3.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.about-banner-4 {
	position:absolute;
	z-index:14;
	width:100%;
	height:100%;
	background-image:url(../images/myabout-banner-4.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.about-banner-5 {
	position:absolute;
	z-index:15;
	width:100%;
	height:100%;
	background-image:url(../images/about-banner-5.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.about-banner-6 {
	position:absolute;
	top: 0;
    left: 0;
    right: 0;
    bottom: 78px;
    margin: auto;
	z-index:15;
	width:322px;
	height:290px;
	background-image:url(../images/about_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.company-profile-bg {
	background:-webkit-gradient(linear,0 0,0 100%,from(#363D5A),to(#0A1741));
	background: -ms-linear-gradient(top,#363D5A,#0A1741);
	background:-moz-linear-gradient(top,#363D5A,#0A1741);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#363D5A,endColorstr=#0A1741,grandientType=1);
}
.company-profile {
	height: 710px;
	width: 1200px;
	margin:0 auto;
	background:-webkit-gradient(linear,0 0,0 100%,from(#363D5A),to(#0A1741));
	background: -ms-linear-gradient(top,#363D5A,#0A1741);
	background:-moz-linear-gradient(top,#363D5A,#0A1741);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#363D5A,endColorstr=#0A1741,grandientType=1);
	padding-top:220px;
}
.the-board {
	width: 1200px;
	margin:0 auto;
	padding-top:100px;
	padding-bottom: 50px;
}
.text-main-title {
	font-family: "宋体";
	font-size: 18px;
	font-weight: bold;
	color:#bbbfcb;
}
.text-main-title-muted {
	font-family: "宋体";
	font-size: 14px;
	font-weight: normal;
	color:#bbbfcb;
	line-height:24px;
}
.text-management-team {
	color:#dedee0;
	font-size: 14px;
	line-height: 24px;
	list-style-image:url('../images/team_r2_c3.png'); 
	/*list-style-type:square; */
	margin-left: 10px;
	margin-bottom: 10px;
/*	background: url('../images/team_r2_c3.png') no-repeat left center; 
	padding-left: 10px;*/
/*    background-image: url('../images/team_r2_c3.png');
    background-repeat: no-repeat;
    line-height: 16px;
    padding-left: 10px;*/
}
.management-team {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
	min-height:950px;
}
.management-team-bg {
	background-image:url(../images/management_team_bg.png);
	height:100%;
	width:100%;
	left:0;
	top:0;
	position:absolute;
	background-position:top right;
	cursor:pointer;
	background-size:cover
}
.manage-team-title {
	margin-top: 75px;
}
.manage-team-title-en {

}
.album {
	width: 1200px;
	margin:40px auto;
}
.management-team-item {
	margin-bottom: 30px;
}
.management-team-item:hover {
	/*color:#ff7f00;*/
}
.management-team-item-name {
	font-family: "宋体";
	font-size: 20px;
	margin-top:20px;
}
.management-team-item-title {
	font-family: "宋体";
	font-size: 16px;
}
.development-path-bg {
	width:100%;
	height:980px;
	background-image:url(../images/my_bg01.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:relative;
}
.development-path .swiper-slide {
	font-size:16px;
	/* background: url(../images/list_bg_zi.png) no-repeat center left; */
}
.swiper-container-development {
	/*height: 980px;*/
	padding-top: 6.8%;
	padding-bottom: 6.8%;
	position:relative;
	overflow:hidden;
}
.development-path {
	width:100%;
	height:980px;
}
.equal-panels, .equal-panels > div[class*='col-'] { 
	display: flex; 
}
.equal-panels .panel { 
	display: flex; flex: 1; 
	flex-flow: column nowrap;
	overflow: hidden;
}
.equal-panels .panel-body { 
	flex-grow: 1; 
}
.development-path h1 {
	font-family: "DIN-1451-Std";
	font-size: 160px;
	line-height: 120px;
	color:#092b51;
	margin-bottom: 10px;
}
.development-path span:first-child {
	font-family: "DIN-1451-Std";
	font-size: 82px;
	line-height: 62px;
	color:#092b51;
}
.development-path span:last-child {
	font-family: "DIN-1451-Std";
	font-size: 24px;
	color:#092b51;
}
.development-path p {
	font-family: "宋体";
	font-size: 14px;
	color:#bbbfcb;
	font-weight: 24px !important;
}
/*.development-path-body {
	margin-top:100px;
}*/
.text-desc {
	font-family: "宋体";
	font-size: 14px;
	color:#bbbfcb;
	font-weight: 24px;
}
.development-path-info {
	margin-top:130px;
}
.development-path-info-img {
	margin-bottom: 130px;
}
.development-swiper-wrapper {

}
.card-img {
	/*height: 300px;*/
}
.card-block {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.card-footer {
    align-self: flex-end;
    flex: 1 1 auto;
}
.about-button-next {
	background-image:url(../images/button-next.png);
	background-size:50px 50px;
	width:60px;
	height:60px;
	right:20%;
}
.about-button-prev {
	background-image:url(../images/button-prev.png);
	background-size:50px 50px;
	width:60px;
	height:60px;
	left:20%;
}
.company-honor-bg {
	background-color:#363C4D;
	min-height: 750px;
}
.company-honor-title {
	padding-top:70px;
	padding-bottom: 30px;
}
.company-honor {
	background-color:#131628;
	margin:5px;
	width: 468px;
	height: 412px;
}
/* .company-honor img {
	width:80px;
	height: 264px;
} */
.btn-more-honor {
	margin-top: 40px;
	margin-bottom: 40px;
}
.innerText {
	box-sizing:border-box;
	position:absolute;
	background:#fe7f2a;
	opacity:0;
	padding:5px 55px;
	color:#fff;
	width:100%;
	height:0;
	left:0;
	bottom:0;
	text-align:center;
}
.innerText h3 {
	font-family: "DIN-1451-Std";
	font-size:82px;
	/*height:45px;
	text-align:center;
	line-height:45px;*/
	
}
.innerText p {
	font-family: "宋体";
	font-weight: bold;
	font-size:14px;
	line-height:22px;
	/*text-align:center;*/
	
}
.btn-more {
	width: 174px;
	/* height: 75px; */
	line-height: 75px;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	background-color:#506991;
	text-align: center;
	display: inline-block;
	vertical-align:middle;
	z-index:10;
}
.btn-more img {
	margin-left: 10px;
	margin-top: -3px;
}
.btn-more:hover {
	background-color:#fe7f2a;
	color: #fff;
}
.btn-news {
	margin-top:40px;
	margin-bottom:40px;
}
.btn-annoucement {
	margin-top:10px;
	margin-bottom:10px;
}
.btn-cinfo {
	margin-top:40px;
	margin-bottom:40px;
}
.btn-industry-more {
	width:180px;
	height:80px;
}
/*.sub-brands-bg {
	background-color:#506991;
}*/
.services-banner-bg {
	position:absolute;
	z-index:9;
	width:100%;
	height:100%;
	background-image:url(../images/services-banner-bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.services-banner-1 {
	position:absolute;
	z-index:11;
	width:100%;
	height:100%;
	background-image:url(../images/services-banner-1.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0;
}
.services-banner-2 {
	position:absolute;
	z-index:12;
	width:100%;
	height:100%;
	opacity:0;
	background-image:url(../images/services-banner-2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	animation:slowScaleS 4s forwards;
	animation-delay:0s;
	-webkit-animation:slowScaleS 4s forwards;
	-webkit-animation-delay:0s;
}
.services-banner-4 {
	opacity:0;
	position:absolute;
	z-index:13;
	width:100%;
	height:100%;
	background-image:url(../images/services-banner-4.png);
	background-repeat:no-repeat;
	/* background-size:cover; */
	background-position:center;
}
.sub-brands-bg {
	width:100%;
	height:930px;
	background-image:url(../images/sub-brands-bg.png);
	background-repeat:no-repeat;
	/*background-size:100% 100%;
	background-position:center;*/
	position:relative;
	background-color:#03050F;
}
.sub-brands-title {
	margin-left:10px;
	margin-top:130px;
}
.sub-brands-title-en {
	margin-left:10px;
	margin-bottom: 110px;
}
.sub-brand {
	max-width: 270px;
	height: 80px;
	border:1px solid #fff;
	margin:10px;
	padding:0px;
}
.sub-brand img {
	width: 100%;
	height: 78px;
	/* object-fit: cover; */
}
.sub-brand.active {
	background-color:transparent !important;
}
[aria-selected="false"] > .sub-brand-selected,[aria-selected="true"] > .sub-brand-no-selected {
	display:none;
}
.sub-brand-selected,.sub-brand-no-selected {
	width:100%;
}
.tab-content {
	/* margin-top: 80px; */
	font-size: 14px;
	line-height:24px;
	color:#bbbfcb;
}
.btn-sub-brands {
	/* margin-top: 80px; */
	/* margin-bottom: 40px; */
	position: absolute;
	/* top: 800px; */
	left: 1px;
	z-index: 99;
}
.media-bg {
	width:100%;
	height:750px;
	background-image:url(../images/media-bg.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:relative;
}
.media-title {
	padding-top:100px;
}
.media-title-en {
	padding-bottom: 60px;
}
.media-resources {
	margin-top:150px;
}
.color-transparent {
	background-color:transparent;
}
.clients {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
	height:750px;
}
.client-content {
	margin:0 auto;
	width: 1200px;
	height:750px;
}
.clients-bg {
	background-image:url(../images/customers_bg2.png);
	height:750px;
	width:100%;
	left:0;
	top:0;
	position:absolute;
	background-position:top right;
	cursor:pointer;
	background-size:cover;
	z-index: -1;
}
.clients-title {
	padding-top: 90px;
}
.clients-title-en {
	padding-bottom: 30px;
}
.client:hover {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/* Firefox */
	-webkit-box-sizing:border-box;
	/* Safari */
	border:1.5px solid #ED7D35;
	border-radius:5px;
}
.clients-items {
	padding-bottom: 20px;
	display: flex;
	justify-content: space-between;
}
.clients-item {
	width: 224px;
	height: 80px;
	/* margin-left: 20px; */
	/* margin-right: 20px; */
}
.news-banner {
	min-height:100vh;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
}
.news-banner-1 {
	position:absolute;
	z-index:9;
	width:100%;
	height:100%;
	background-image:url(../images/news_banner_1.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity: .5;
}
.news-banner-2 {
	position:absolute;
	z-index:11;
	width:100%;
	height:100%;
	background-image:url(../images/news_banner_2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0;
}
.news-banner-2-1 {
	position:absolute;
	z-index:11;
	width:100%;
	height:100%;
	background-image:url(../images/news_banner_2_1.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0;
}
.news-banner-2-2 {
	position:absolute;
	z-index:11;
	width:100%;
	height:100%;
	background-image:url(../images/news_banner_2_2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0;
}
.news-banner-3 {
	/* position:absolute; 
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index:11;
	width:100%;
	height:100%;
	background: url(../images/news_bg.png) no-repeat center center;
	opacity:0; */

	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 78px;
    margin: auto;
    z-index: 15;
    width: 322px;
    height: 290px;
    background-image: url(../images/news_bg.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* .w1260{
	width: 1260px;
	margin: 0 auto;
	position: relative;
} */

.news-banner-4{
	position: absolute;
    z-index: 11;
    width: 100%;
    height: 100%;
    background-image: url(../images/news_bg2_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
}

.news-title {
	padding-top: 100px;
}
.news-title-en {
	padding-bottom: 60px;
}
.kaisa-cloud-news-list {
	width: 1260px;
}
.kaisa-cloud-news {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
	min-height:750px;
}
.kaisa-cloud-news-thumbnail {
	width:100%;
	height:230px;
	/* opacity: .8; */
}
.kaisa-cloud-news-bg {
	background-image:url(../images/news_main_1.png);
	height:100%;
	width:100%;
	left:0;
	top:0;
	position:absolute;
	background-position:top right;
	cursor:pointer;
	background-size:cover
}
.kaisa-cloud-news-card {
	/*width: 400px;*/
	margin:0 15px 30px 15px;
	height: 430px;
	overflow: hidden;
}
.kaisa-cloud-news-card{
	background-color:#ecf2ff;
}
.kaisa-cloud-news-card:hover {
	background-color:#FE7F2A;
	transition: 1s;
}
/* .kaisa-cloud-news-card:hover *{
	color: #fff;
} */
/* .card .card-body{
	background-color: #ecf2ff;
} */
.kaisa-cloud-news-card:hover > .card-body > a > div > .text-warning {
	color:#fff !important;
}
.kaisa-cloud-news-card:hover > .card-body > a > .card-title {
	color:#fff !important;
}
.kaisa-cloud-news-card:hover > .card-body > a > .card-text {
	color:#ecf2ff !important;
}
.kaisa-cloud-news-card:hover > .kaisa-cloud-news-thumbnail {
	opacity: 1 !important;
}
.kaisa-cloud-news-card:hover > .card-body > div > .text-warning {
	color:#fff !important;
}
.kaisa-cloud-news-card:hover > .card-body > .card-title {
	font-size: 18px;
	font-family: "宋体"；
	color:#282828 !important;
}
.kaisa-cloud-news-card:hover > .card-body > .card-text {
	font-size: 14px;
	font-family: "宋体"；
	color:#8c8f96 !important;
}
.btn-performance {
	margin-top: 85px;
	overflow: hidden;
}
.text-news-date {
	font-size: 16px;
	font-family: "Rubik";
	padding-top: 40px;
	padding-bottom: 20px;
}
.industry-news {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
	min-height:750px;
}
.industry-news-bg {
	background-image:url(../images/news_main_2.png);
	height:100%;
	width:100%;
	left:0;
	top:0;
	position:absolute;
	background-position:top right;
	cursor:pointer;
	background-size:cover
}
.contact-us-banner {
	height:100vh;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
}
.contact-us-banner-bg {
	position:absolute;
	z-index:9;
	width:100%;
	height:100%;
	background-image:url(../images/contact_us_banner_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.contact-us-banner-1 {
	position:absolute;
	z-index:10;
	width:100%;
	height:100%;
	background-image:url(../images/contact_us_banner_1.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0;
}
.contact-us-banner-2 {
	position:absolute;
	z-index:11;
	width:100%;
	height:100%;
	background-image:url(../images/contact_us_banner_2.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0;
}
.contact-us-banner-3 {
	position:absolute;
	z-index:12;
	width:100%;
	height:100%;
	background-image:url(../images/contact_us_banner_3.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0;
}
.contact-us-banner-4 {
	position:absolute;
	z-index:13;
	width:100%;
	height:100%;
	background-image:url(../images/contact_us_banner_4.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0;
}
.contact-us-banner-5 {
	position:absolute;
	z-index:14;
	width:100%;
	height:100%;
	background-image:url(../images/contact_us_banner_5.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0;
}
.contact-us-banner-6 {
	position:absolute;
	left: 0;
	right: 0;
	bottom: 34px;
	z-index:15;
	width:100%;
	height:100%;
	background:url(../images/contact_us_banner_6.png) no-repeat center center;
	opacity:0;
}
.contact_information_bg {
	background-image:url(../images/contact_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.contact_information {
	margin:0 auto;
	width: 1200px;
	padding-top: 150px;
	height: 920px;
}
.contact-information-container {
	margin-top: 40px;
	width: 340px;
	height: 400px;
  	position: relative;
}
.contact-information-title-image {
	width: 340px;
	height: 400px;
  	position: absolute;
  	left: 0;
  	top: 0;
}
.contact-information-container p.p-1 {
  	z-index: 100;
  	position: absolute;
  	font-family: "宋体";
  	font-size: 22px;
  	font-weight: bold;
  	color: #ff7f00;
  	left: 27px;
  	top: 280px;
}
.contact-information-container p.p-2 {
  	z-index: 100;
  	position: absolute;
  	color: white;
  	font-family: "宋体";
  	font-size: 14px;
  	font-weight: 24px;
  	left: 22px;
  	top: 322px;
}
.contact-information-container p.p-3 {
  	z-index: 100;
  	position: absolute;
  	color: white;
  	font-family: "宋体";
  	font-size: 14px;
  	font-weight: 24px;
  	left: 15px;
  	top: 340px;
}
.contact-information-title-img {
	margin-top: 40px;
	width: 340px;
	height: 400px;
}
.contact_information_list {
	padding:10px;
}
.contact_information_list_item {
	margin-bottom: 10px;
}
.contact_information_list_item > div{
	height: 60px;
}
.text-contact-information-item {
	margin-top: 5px;
	font-family: "宋体";
	font-size: 14px;
	color: #ecf2ff;
}
.text-sub-brands-title {
	margin-top: 50px;
	margin-bottom: 20px;
	font-family: "宋体";
	font-size: 16px;
	font-weight: bold;
	color: #ecf2ff;
}
.sub-brand-list {
	width: 390px !important;
	height: 136px !important;
	padding:25px 10px;
}
.sub-brand-list-title {
	font-family: "宋体";
	font-size: 16px;
	font-weight: bold;
}
.sub-brand-list-address {
	font-family: "宋体";
	font-size: 14px;
	line-height: 24px;
}
.sub-brand-list-phone {
	font-family: "宋体";
	font-size: 14px;
	line-height: 24px;
}
.sub-brand-list-email {
	font-family: "宋体";
	font-size: 14px;
	line-height: 24px;
}
.sub-brand-list-button {
	font-family: "宋体";
	font-size: 14px;
	font-weight: bold;
}
.sub-brand-bg {
	background-color:#53709A;
}
.brand-hover {

}
.brand-hover .overlay {
	width: 100%;
	height: 100%;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	padding:50px 20px;
}
.brand-hover img {
	width:20px;
	height:20px;
	margin-top:-2px;
	margin-left:8px;
}
.brand-hover .overlay:hover {
	background:#FD7F2A;
}
.brand-hover a {
	text-decoration:none;
	text-align:center;
	color:#FFF;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
}
.brand-hover:hover a {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
.job-offers-bg {
	background:#ECF2FF;
}
.job-offers {
	width: 1200px;
	margin:0 auto;
	padding-top: 100px;
	padding-bottom: 100px;
	min-height: 750px;
}
.text-job-offers {
	font-family: "宋体";
	font-size: 42px;
	color:#53709a;
	font-weight:bold;
}
.text-job-offers-en {
	font-family: "Myriad Pro";
	font-size: 36px;
	color:#9fa2ab;
	font-weight: normal;
}
.job-offers-title {
	color:#FC8205;
}
.job-offers-content {
	/*margin-top:25px;
	*/
}
.job-offers-tabs {
	border-bottom: 1px solid #dee2e6 !important;
}
.job-offers-tabs li {
	width: 118px;
	height: 53px;
	text-align: center;
}
.job-offers-tabs li a {
	font-family: "宋体";
	font-weight: 16px;
	padding:15px;
	background-color:transparent;
	color:#6e6e79;
}
.job-offers-tabs li a.active {
	font-weight: bold !important;
	color:#fff !important;
	background-color:#FF7F00 !important;
	border-radius:0 !important;
	border:none !important;
	border-bottom:1px solid #FF7F00 !important;
}
.job-offers-tabs > .card-body {
	color:#777;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: none;
}
.job-offers-card {
	margin-bottom: 20px;
	border-radius:0 !important;
	background-color:transparent !important;
}
.job-offers-card > .card-header {
	background-color:transparent !important;
}
.card-offer-body {
	padding: 30px;
	color: #6e6e79;
}
.border-gray {
	border-color:rgba(0,0,0,.125) !important;
}
.border-light-gray {
	border-color:rgba(255,255,255,.125) !important;
}
.bg-gray {
	background-color:#53709A;
}
.bg-news {
	background-color:#ECF2FF;
}
.kaisa-cloud-news-detail {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
	min-height:750px;
	padding-top: 100px;
	width: 1260px;
}
.text-news-title {
	font-family: "宋体";
    font-size: 42px;
    color: #53709a;
    font-weight: bold;
}
.text-news-title-en {
	/* font-family: "Myriad Pro"; */
    font-size: 36px;
    color: #9fa2ab;
	font-weight: normal;
	letter-spacing: -2px;
}
.news-post-title {
	font-family: "宋体";
	font-size: 20px;
	color: #5f5f6a;
	font-weight: bold;
	margin-bottom: 20px;
}
.news-post-date {
	font-family: "Rubik";
	font-size: 22px;
}
.form-control-h70 {
	height:70px;
}
[aria-expanded="false"] > .job-offers-icon > .expanded,[aria-expanded="true"] > .job-offers-icon > .collapsed {
	display:none;
}
.job-offer-contact {
	color:#FC8205;
}
.post-input {
	padding-left:20px;
}
.wrapper-dropdown {
  	position:relative;
  	margin:0 auto;
	padding:10px;
  	background:transparent;
	border:1px solid rgba(0,0,0,0.15);
  	cursor:pointer;
	outline:none;
}
.wrapper-dropdown:after {
	content:"";
	width:0;
	height:0;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-3px;
	border-width:6px 6px 0 6px;
	border-style:solid;
	border-color:#fff transparent;
}
.wrapper-dropdown span {
	color:#000;
	padding-left:10px;
}
.wrapper-dropdown .dropdown {
	z-index:99;
	/* Size & position */
  	position:absolute;
	top:100%;
	left:0;
	right:0;
	padding:0;
	margin:0;
	/* Styles */
  	background:#53709A;
	font-weight:normal;
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-ms-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in;
	list-style:none;
	/* Hiding */
  	opacity:0;
	pointer-events:none;
	max-height: 250px;
	overflow: auto;
}
.wrapper-dropdown .dropdown li a {
    height: 70px;
    background-color: #ecf2ff;
    color: #5f5f6a;
	display:block;
	padding:20px;
	text-decoration:none;
	/*color:#fff;*/
	box-shadow:inset 0 1px 0 #07163d;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.wrapper-dropdown .dropdown li i {
	float:right;
	color:inherit;
}
.wrapper-dropdown .dropdown li:first-of-type a {
	}.wrapper-dropdown .dropdown li:last-of-type a {
	border:none;
}
/* Hover state */

.wrapper-dropdown .dropdown li:hover a {
	background-color: #ff7f00;
    color: #fff;
}
/* Active state */

.wrapper-dropdown.active .dropdown {
	opacity:1;
	pointer-events:auto;
}
/* No CSS3 support */

.no-opacity       .wrapper-dropdown .dropdown,.no-pointerevents .wrapper-dropdown .dropdown {
	display:none;
	opacity:1;
	/* If opacity support but no pointer-events support */
  	pointer-events:auto;
	/* If pointer-events support but no pointer-events support */
}
.no-opacity       .wrapper-dropdown.active .dropdown,.no-pointerevents .wrapper-dropdown.active .dropdown {
	display:block;
}
.btn-search:not(:disabled):not(.disabled):active {
	background-color:#53709A !important;
}
.btn-search:not(:disabled):not(.disabled):hover {
	background-color:#53709A !important;
}
.investor-contact-bg {
	width: 100%;
	min-height: 750px;
	background-image:url(../images/contact_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.investor-contact {
	width: 1200px;
	min-height: 750px;
	margin:0 auto; 
	padding-top: 100px;
}
.investor-contact-title {
	/*padding-top: 100px;*/
}
.investor-contact-title-en {
	padding-bottom: 40px;
}
.investor-contact textarea:focus {
    box-shadow: none;
}
.investor-contact input:focus {
	box-shadow:none;
}
.investor-contact input::-webkit-input-placeholder {
	font-family: "宋体";
	font-size: 16px;
	color:#ecf2ff;
	padding:5px;
}
.message::-webkit-input-placeholder {
	font-family: "宋体";
	font-size: 16px;
	color:#ecf2ff;
	/*padding:5px;*/
}
.investor-contact-select:after {
	border-color:#fff transparent;
}
.investor-contact input {
	font-family: "宋体";
	font-size: 16px;
	color:#ecf2ff;
	padding:5px;
}
.investor-banner {
	min-height:100vh;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
}
.investor-banner-bg {
	position:absolute;
	z-index:9;
	width:100%;
	height:100%;
	background-image:url(../images/investor_banner_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.investor-banner-1 {
	position: absolute;
    z-index: 10;
    width: 1000px;
	height: 100%;
	left: 0;
	top: 0;
    background-image: url(../images/investor_banner_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* opacity: 0; */
}
.investor-banner-2 {
	position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-image: url(../images/investor_banner_2.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
    opacity: 0;
}
.annoucement-bg {
	background:-webkit-gradient(linear,0 0,0 100%,from(#363D5A),to(#0A1741));
	background: -ms-linear-gradient(top,#363D5A,#0A1741);
	background:-moz-linear-gradient(top,#363D5A,#0A1741);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#363D5A,endColorstr=#0A1741,grandientType=1);
}
.annoucement {
	width: 1200px;
	margin:0 auto;
	min-height:1270px;
	padding-top:220px;
	overflow: hidden;
}
/* .annoucement-content {
	margin-top:50px !important;
} */
.annoucement-content .btn {
	/*background-color: #53709A !important;*/
	background-color: transparent !important;
	border: 1px solid #4a526c;
	margin-bottom: 10px;
}
.annoucement-content .btn:hover {
	background-color: #ff7f00 !important;
}
.annoucement-date {
	font-family: "宋体";
	font-size: 18px;
	color: #fff;
	padding-left: 20px;
}
.annoucement-title {
	font-family: "宋体";
	font-size: 18px;
	color: #fff;
}
.wrapper-tabs {
	position:relative;
	margin:0 auto;
	overflow:hidden;
	/*min-height:250px;
	*/
}
.wrapper-tabs-list {
	position:absolute;
	left:0px;
	top:0px;
	min-width:3000px;
	margin-top:0px;
}
.wrapper-tabs-list li {
	width: 118px;
	height: 55px;
	display:table-cell;
	position:relative;
	text-align:center;
	cursor:grab;
	cursor:-webkit-grab;
	color:#efefef;
	vertical-align:middle;
	margin-right: 25px;
}
.wrapper-tabs-list .nav-link.active {
	color:#fff;
	background-color:#F27C30;
	border-color:#F27C30;
}
.wrapper-tabs-list .nav-link:focus,.wrapper-tabs-list .nav-link:hover {
	border-color:transparent;
}
.wrapper-tabs-scroller {
	text-align:center;
	cursor:pointer;
	display:none;
	padding:7px;
	padding-top:11px;
	white-space:no-wrap;
	vertical-align:middle;
	background-color:transparent;
}
.scroller-next {
	float:right;
}
.scroller-prev {
	float:right;
}
.pdf-title {
	color:#fff;
}
#myWrapperTabContent .btn-link:hover {
	text-decoration:none;
}
#myWrapperTabContent a:hover {
	text-decoration:none;
}
#myWrapperTabContent .btn-link.focus,#myWrapperTabContent .btn-link:focus {
	text-decoration:none;
	box-shadow:none;
}
.cinfo {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
	min-height:640px;
}
.cinfo-bg {
	background-image:url(../images/hdy_banner.png);
	height:100%;
	width:100%;
	left:0;
	top:0;
	position:absolute;
	background-position:center;
	/*cursor:pointer;
	*/
	background-size:cover
}
.cinfo-title {
	padding-top: 80px;
}
.cinfo-title-en {
	padding-bottom: 130px;
}
.performance {
	background-color:#32394C;
	background-repeat:no-repeat;
	background-size:cover;
	/*padding:60px 120px;
	*/
	height:680px;
	overflow: hidden;
}
.performance-title {
	padding-top:120px; 
}
.performance-title-en {
	padding-bottom: 140px;
}
.font-small {
	font-size:16px;
	color:#fff;
}
.nav-performance > .nav-link.active {
	background-color:transparent;
	color:#EC7700;
	/*font-size: 48px;*/
	opacity:1;
}
.nav-performance > a:first-child {
	color:#EC7700;
	margin-bottom:15px;
	/*font-weight:500;*/
	/*line-height:1.2;*/
	/*font-size:2.5rem;*/
	opacity:0.5;
}
.nav-performance > .nav-link:focus,.nav-performance > .nav-link:hover {
	text-decoration:none;
	color:#EC7700;
}
.performance-content {
	height:680px;
	margin-top: 0px !important;
}
.performance-year {
	font-family: "DIN-1451-Std";
	font-size: 30px;
	color: #7e4f3b;
	opacity: .8;
}
/*.performance-year:hover {
	font-size: 48px;
}*/
.performance-small {
	font-family: "宋体";
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	opacity: .8;
}
/*.performance-small:hover {
	font-size: 16px;
}*/
.nav-performance > .nav-link.active > .performance-year {
	background-color:transparent;
	color:#ff7f00;
	font-size: 48px;
}
.nav-performance > .nav-link.active > .performance-small {
	background-color:transparent;
	color:#fff;
	font-size: 16px;
}
.performance-content-item {
	padding-left:50px;
	height:680px;
}
.performance-content-item img {
	/* height:680px; */
	max-width: none;
	float: right;
	/* transition: 1s; */
}
.z_index{
	position: relative;
	z-index: 999;
}

.pt-125 {
	padding-top:125px;
}
#performanceModal .modal-body {
	/*overflow-y:scroll;
	*/
}
.news-post {
	font-family:"宋体";
	padding-right: 40px;
}
.news-post-meta {
	color:#BDC2CC;
}
.news-post-meta span {
	color:#FF7F00;
}
.news-post-body {
	line-height:2em;
}
.news-card {
	background-color:#DFE6F8;
}
.news-sidebar {
	padding-left:30px;
}
.news-sidebar-date {
	font-family: "Rubik";
	font-size: 22px;
	color: #ff7f00;
	margin-bottom: 10px;
}
.news-sidebar-title {
	font-family: "宋体";
	font-size: 18px;
	color: #a1a4b2 !important;
}
.news-card-header {
	font-family: "宋体";
	font-size:16px;
	font-weight:bold;
	background-color:transparent;
	color:#5f5f6a;
	padding:30px 30px 20px 30px;
}
.news-card .list-group-item {
	height: 120px;
	background-color:#DFE6F8;
	color:#A9AFBF;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 30px;
	padding-bottom: 20px;
}
.news-card .list-group-item a {
	color:#A9AFBF;
}
.news-card .list-group-item p {
	color:#FF7F00;
}
.news-card-footer {
	white-space:nowrap;
	overflow:hidden;
	background-color:#DFE6F8;
	padding:20px;
	font-size:14px;
	height: 60px;
}
.news-card-footer a {
	color:#A9AFBF;
}
.news-card-footer a:hover {
	color:#FF7F00;
}
.news-card-border-top {
	border-top:1.5px solid #D4DBED !important;
}
/*.lib-panel {

}
.lib-panel img {
	width:100%;
	background-color:transparent;
}
.lib-panel .row,.lib-panel .col-md-6 {
	padding:0;
	background-color:#FFFFFF;
}
.lib-panel .lib-row {
	padding:0 20px 0 20px;
}
.lib-panel .lib-row.lib-header {
	background-color:#FFFFFF;
	font-size:20px;
	padding:10px 20px 0 20px;
}
.lib-panel .lib-row.lib-header .lib-header-seperator {
	height:2px;
	width:26px;
	background-color:#d9d9d9;
	margin:7px 0 7px 0;
}
.lib-panel .lib-row.lib-desc {
	position:relative;
	display:block;
	font-size:13px;
}
.lib-panel .lib-row.lib-desc a {
	position:absolute;
	width:100%;
	bottom:10px;
	left:20px;
}
.row-margin-bottom {
	margin-bottom:20px;
}*/
.fadeInDown {
	opacity:1 !important;
	transform:translateY(40px) !important;
}
/* slide menu */ 

.mdl-layout__obfuscator {
	background-color:transparent;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	visibility:hidden;
	-webkit-transition-property:background-color;
	transition-property:background-color;
	-webkit-transition-duration:.2s;
	transition-duration:.2s;
	-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	z-index:99;
}
.slide-menu-active~.mdl-layout__obfuscator {
	background-color:rgba(0,0,0,.5);
	visibility:visible;
}
.slide-menu-btn {
	position:absolute;
	top:50px;
	right:20px;
	padding:10px 20px;
	border:1px solid transparent;
	/* To avoid icon movement on hover */
  font-weight:300;
	user-select:none;
	transition:border-color 0.3s;
	transform:translateY(-50%);
}
.slide-menu-btn i {
	margin-left:10px;
}
.slide-menu-btn &:hover {
	cursor:pointer;
	border-color:#fff;
}
.slide-menu__panel {
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	width:350px;
	z-index:9999;
	background-color:#152A38;
	box-shadow:-2px 2px 20px rgba(#000,0.5);
	user-select:none;
	transform:translateX(350px);
	transition:transform 0.5s;
}
.slide-menu {
	position:absolute;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-content:center;
	top:50px;
	bottom:0;
	left:0;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	overflow-y:auto;
}
.side-menu-container {
	padding:25px;
}
.side-menu-title {
	padding-bottom:10px;
	padding-top: 20px;
	font-size: 18px;
	font-weight: bold;
}
.padding-y-15-10 {
	padding-top:15px;
	padding-bottom:10px;
}
.text-indent-2 {
	text-indent:2em;
}
.side-menu-body {
	padding-bottom: 20px;
}
.side-menu-body p {
	color:#626364;
}
.side-menu-body a {
	font-size: 14px;
	color:#626364;
	margin-right: 10px;
}
.side-menu-body a:hover, 
.side-menu-body a.active {
	color:#ff7f00;
}
.ticker-symbol {
	color: #ff7f00;
	display: block;
}
.slide-menu-item {
	width:100%;
	height:60px;
	opacity:0;
	transform:translateY(0);
	transition:all 0.3s;
}
.slide-menu-item &:hover {
	background-color:#29435C;
}
.slide-menu-item i {
	margin:0 10px;
}
.slide-menu-item a {
	display:inline-block;
	width:100%;
	height:70px;
	padding-left:50px;
	line-height:70px;
}
.slide-menu__close {
	position:absolute;
	top:10px;
	right:10px;
	padding:5px 10px;
	transition:transform 0.5s;
	cursor: pointer;
}
.slide-menu__close &:hover {
	cursor:pointer;
}
.slide-menu-scrollable::-webkit-scrollbar {
	width:5px
}
.slide-menu-scrollable::-webkit-scrollbar-track {
	background:#131C25;
}
.slide-menu-scrollable::-webkit-scrollbar-thumb {
	background:#465666
}
.slide-menu-scrollable::-webkit-scrollbar-thumb:hover {
	background:#465666
}
.layui-layer-dialog .layui-layer-content {
	color:#000;
}
@keyframes slowScale {
	0% {
	transform:scale(1.2)
}
100% {
	transform:scale(1)
}
}@-webkit-keyframes slowScale {
	0% {
	-webkit-transform:scale(1.2)
}
100% {
	-webkit-transform:scale(1)
}
}@keyframes slowScaleX {
	0% {
	opacity:0;
	transform:scaleX(1.5);
}
100% {
	transform:scale(1);
	opacity:1;
}
}@-webkit-keyframes slowScaleX {
	0% {
	opacity:0;
	-webkit-transform:scaleX(1.5);
}
100% {
	-webkit-transform:scale(1);
	opacity:1;
}
}@keyframes slowScaleY {
	0% {
	transform:scaleY(1.2)
}
100% {
	transform:scale(1)
}
}@-webkit-keyframes slowScaleY {
	0% {
	-webkit-transform:scaleY(1.2)
}
100% {
	-webkit-transform:scale(1)
}
}@keyframes slowScaleS {
	0% {
	transform:scale(0)
}
50% {
	transform:scale(0)
}
60% {
	opacity:0;
}
70% {
	opacity:0.1;
}
100% {
	transform:scale(1);
	opacity:1;
}
}@-webkit-keyframes slowScaleS {
	0% {
	-webkit-transform:scale(0)
}
50% {
	transform:scale(0)
}
60% {
	opacity:0;
}
70% {
	opacity:0.1;
}
100% {
	-webkit-transform:scale(1);
	opacity:1;
}
}@-webkit-keyframes divider {
	from {
	width:0px;
	height:2px;
	opacity:0;
}
to {
	width:550px;
	height:2px;
	opacity:1;
}
}@keyframes divider {
	from {
	width:0px;
	height:2px;
	opacity:0;
}
to {
	width:550px;
	height:2px;
	opacity:1;
}
}.swiper-slide-active >.swiper-layer-1 {
	animation:slowScale 6s forwards;
	-webkit-animation:slowScale 6s forwards;
}
.swiper-slide-active >.swiper-layer-2 {
	animation:slowScale 6s forwards;
	-webkit-animation:slowScale 6s forwards;
}
.swiper-slide-active .page-3 {
	animation:slowScale 6s forwards;
	-webkit-animation:slowScale 6s forwards;
}
.swiper-slide-active .page-2-bg {
	animation:slowScale 6s forwards;
	-webkit-animation:slowScale 6s forwards;
}
.swiper-slide-active .page-4-bg {
	animation:slowScale 6s forwards;
	-webkit-animation:slowScale 6s forwards;
}
.scroll-top-wrapper,
.scroll-top-wrapper1{
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 999;
    background-color: #53709A;
	color: #eeeeee;
	width: 50px;
	height: 50px;
	line-height: 48px;
	right: 50px;
	bottom: 60px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background-image:url(../images/to-top.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.scroll-top-wrapper:hover,
.scroll-top-wrapper1:hover {
	background-color: #53709A;
	background-image:url(../images/to-top-hover.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.scroll-top-wrapper.show,
.scroll-top-wrapper1.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
	bottom: 120px;
}
@media screen and (max-width: 1850px) {
	.development-path h1 {
	    font-size: 140px !important;
	    line-height: 120px !important;
	}
}
@media screen and (max-width: 1750px) {
	.development-path h1 {
	    font-size: 120px !important;
	    line-height: 120px !important;
	}
}
@media screen and (max-width: 1600px) {
	.my_menu em{
		font-size: 15px !important;
	}
	.my_header{
		height: 100px !important;
		line-height: 100px !important;
	}
	.my_logo{
		margin-left: 0px !important;
		transform: scale(.8);
	}
	.my_nav{
		margin-right: 190px !important;
	}
	.my_menu{
		width: 200px !important;
		right: 0px !important;
	}
	.my_nav li{
		margin-right: 20px !important;
		margin-top: 2px !important;
	}
	.my_nav li a{
		font-size: 15px !important;
	}
	.performance-content-item img {
		transform: translateX(50px);
	}
	.menu_btn{
		margin-top: 4px;
		transform: scale(.7);
	}
	.menu_sanjiao{
		margin-top: -5px !important;
		margin-left: 38px !important;
	}
}
@media screen and (max-width: 1520px) {
	.menu>li {
	    margin: 2px 10px !important;
	}
	.menu-bar .logo {
	    margin-left: 150px !important;
	}
	.development-path h1 {
	    font-size: 100px !important;
	    line-height: 100px !important;
	}
	.logo{
		transform: scale(.7);
	}
	.menu-bar{
		padding-top: 15px;
	}
	.menu>li a{
		font-size: 15px;
	}
	.performance-content-item img{
		transform: translateX(340px);
	}
	.stock{
		font-size: 30px;
	}
	.menu-bar .cut-off{
		height: 20px;
		margin-bottom: 0px;
		margin-left: 10px;
	}
	.my_sousuo{
		transform: scale(.8);
	}
}

.menu-other img:nth-child(2){
	vertical-align: unset;
	/* height: 20px; */
}
.menu-other img:nth-child(3){
	vertical-align: baseline;
}

.swiper-pagination-bullet{
	margin: 12px 0 !important;
    width: 12px;
    height: 12px;
	/* opacity: .5; */
	background-color: #fff;
}
.swiper-pagination-bullet-active{
	background-color: #ff7f00;
}
.swiper-pagination-bullet{
	opacity: 1 !important;
}
/* .scroll-top-wrapper{
	display: none;
} */

.search{
	width: 0px;
	/* border: 1px solid #999; */
	border: none;
	transition: 1s;
	background-color: rgba(255,255,255,.1);
	color: #fff;
	height: 30px;
}

.search.on{
	width: 100px;
}

.mengban{
	width: 0px;
	height: 100%;
	z-index: 99;
	transition: 5s;
	/* background-color: #000; */
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.development-path h1.color1{
	color: #0a3868;
}

.development-path p.color2{
	color: #a7a7a7;
}

.development-path p.color2:hover{
	color: #fff !important;
}


.my_wrap{
	width: 100%;
	height: 740px;
	/* background-color: red; */
	position: relative;
	z-index: 999;
}

.my_wrap em{
	font-size: 82px;
	font-style: normal;
}

.my_list{
	width: 970px;
	height: 740px;
}
.my_list li{
	width: 33.3333%;
	height: 740px;
	float: left;
	/* border-left: 1px solid #273d51; */
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.my_list li:last-child{
	/* border-right: 1px solid #273d51; */
}

.my_list li:hover *{
	transition: 1s;
	color: #fff !important;
}

.my_top{
	width: 100%;
	height: 302px;
	position: absolute;
	top: 0;
	left: 0;
	/* background: #000; */
}

.my_bottom{
	width: 100%;
	height: 302px;
	position: absolute;
	bottom: 0;
	left: 0;
	/* background: #f40; */
}

.my_h3{
	color: #0a3868;
	font-size: 110px;
	margin-bottom: -30px;
	font-family: "DIN-1451-Std";
	text-align: left
}

.my_h4{
	color: #0a3868;
	font-size: 24px;
	text-align: left;
	font-family: "DIN-1451-Std";
}

.p30 p{
	font-size: 14px;
	/* color: rgba(255,255,255,.5); */
	color: #a7a7a7;
	width: 230px;
	text-align: left;
}

.p30{
	padding: 0 30px;
	box-sizing: border-box;
}

.swiper-button-prev2{
	position: absolute;
	top: 50%;
	left: -100px;
	background-image:url(../images/my_btn_lef.png);	
	background-size:60px 60px;
	width:60px;
	height:60px;
	outline:0 none !important; blr:expression(this.onFocus=this.blur());
}

.swiper-button-next2{
	position: absolute;
	top: 50%;
	right: -100px;
	background-image:url(../images/my_btn_rig.png);
	background-size:60px 60px;
	width:60px;
	height:60px;
	outline:0 none !important; blr:expression(this.onFocus=this.blur());
}
.swiper-button-prev2:hover{
	background-image:url(../images/my_btn_lef2.png);	
}
.swiper-button-next2:hover{
	background-image:url(../images/my_btn_rig2.png);
}


.swiper-button-btn{
	width: 970px;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.list_bg{
	position: absolute;
	top: 343px;
	left: 36px;
	z-index: 999;
}

.my_xian{
	width: 970px;
    /* height: 740px; */
	/* margin: 0 auto; */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	/* z-index: 9999; */
}

.my_xian li{
	width: 33.3333%;
    height: 980px;
    float: left;
    border-left: 1px solid #273d51;
    box-sizing: border-box;
	overflow: hidden;
	/* color: #fff !important; */
}

.my_xian li:last-child{
    border-right: 1px solid #273d51;
}

.nwes_mengban{
	width: 400px;
	height: 230px;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .2;
	transition: 1s;
	z-index: 99;
}

/* .kaisa-cloud-news-card:hover .nwes_mengban{
	left: 0px;
} */

.card img{
	transition: 1s;
}
/* .card{
	background: url(../images/job2_r3_c1.png) no-repeat center right;
} */
.card .job-offers-icon{
	width: 43px;
	height: 23px;
	transition: 1s;
	background: url(../images/job2_r3_c1.png) no-repeat center right;
}
.card:hover .job-offers-icon{
	transform: translateX(10px);
	background: url(../images/job2_r1_c1.png) no-repeat center right;
}

 
.kaisa-cloud-news-center .card:hover img{
	transform: scale(1.2);
}

.inv_list{
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-indent: 26px;
	/* background: red; */
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.inv_list>li:nth-child(1){
	width: 220px;
	height: 70px;
	border: 1px solid #4a526c;
	background: url(../images/my_sanjiao.png) no-repeat 178px center;
}

.inv_list>li:nth-child(2){
	width: 220px;
	height: 70px;
	border: 1px solid #4a526c;
	background: url(../images/my_sanjiao.png) no-repeat 178px center;
}

.inv_list>li:nth-child(3){
	width: 317px;
	height: 70px;
	border: 1px solid #4a526c;
	box-sizing: border-box;
}

.inv_list>li:nth-child(3) input{
	height: 70px;
	width: 245px;
	border: none;
	box-sizing: border-box;
	float: left;
	background-color: transparent;
	color: #fff;
	text-indent: 26px;
}
.inv_list>li:nth-child(3) input::-webkit-input-placeholder{
	color: #fff;
	text-indent: 26px;
}

.inv_list>li:nth-child(3) a.my_search{
	width: 70px;
	height: 68px;
	/* background: url(../images/my_search.png) no-repeat; */
	float: right;
	background-color: #53709a;
	transition: 1s;
}
.inv_list>li:nth-child(3) a.my_search:hover{
	background-color: #ff7f00;
}
.my_search img {
	display: flex;
	margin:auto;
}


.tow_list{
	position: absolute;
	z-index: 10;
	height: 0px;
	transition: 1s;
	overflow: hidden;
	top: 70px;
	left: 242px;;
}

.one_list{
	position: absolute;
	z-index: 10;
	height: 0px;
	transition: 1s;
	overflow: hidden;
	top: 70px;
	left: 0px;
	overflow: auto;
	/* height: 242px; */
}

.tow_list.on{
	height: 142px;
}
.one_list.on{
	height: 279px;
}

.tow_list li,
.one_list li{
	width: 203px;
	height: 70px;
	background-color: #ecf2ff;
	color: #5f5f6a;
	border-bottom: 1px solid #07163d;
}

.tow_list li{
	width: 220px;
}
.tow_list li:last-child,
.one_list li:last-child{
	border-bottom: none;
}

.tow_list li:hover,
.one_list li:hover{
	background-color: #ff7f00 ;
	color: #fff;
}

.swiper-slide-active{
	opacity: 1 !important;
	transition: 2s;
}

.swiper-slide{
	opacity: 0;
	transition: 2s;
}

.sousuo{
	vertical-align: initial;
}

/* .accordion>div:hover{
	transition: 1s;
	color: #fff !important;
	background-color: #FF7F00 !important;
} */

/* .accordion>div:hover *{
	color: #fff !important;
} */


.btn-link{
	/* height: 80px !important; */
	position: relative;
}

.my_gonggao_time{
	font-family: "宋体";
    font-size: 18px;
	color: #fff;
	border-left:1px solid rgba(255,255,255,0.2);
	position: absolute;
	top: 50%;
	margin-top: -13.5px;
	right: 30px;
	padding-left: 20px;
}

.navbar-nav{
	height: 26px;
	line-height: 20px;
}

.navbar-collapse{
	line-height: 48px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: 0;
}

.annoucement-content .btn{
	height: 80px;
}

.w540{
	width: 540px;
	padding-top: 70px;
	padding-left: 10px !important;
}

#pills-tabContent{
	padding-left: 1px !important;
	height: 420px;
	overflow: hidden;
}

/* .my_body{
	overflow: -webkit-paged-y;
} */

.py-5{
	margin-left: 0;
	margin-right: 0;
}

.my_lef{
	width: 750px;
	/* height: 800px; */
	border-right: 1px solid #d4d9e5;
	/* background: yellow; */
	float: left;
	padding-right: 40px;
	box-sizing: border-box;
	margin-bottom: 50px;
}

.my_rig{
	width: 383px;
	/* background: red; */
	float: right;
	margin-left: 40px;
	background-color: #dee6f8;
	height: 450px;
	position: relative;
	padding: 30px;
	box-sizing: border-box;
}

.my_lef h3{
	font-size: 20px;
	color: #5f5f6a;
	font-weight: bold;
	margin-bottom: 20px;
}
.my_lef h4{margin-bottom: 30px;}
.my_lef h4 em{
	color: #fe7f2a;
	font-style: normal;
	font-size: 22px;
}

.my_lef h4 img{
	vertical-align: unset;
}

.my_lef h4 img:nth-child(2){
	margin-left: 50px;
}

.my_lef h4 span{
	color: #bdc2cc;
	font-size: 16px;
}

.my_lef .my_box{
	margin-top: 30px;
}

.my_lef .my_box p{
	color: #6e6e79;
}

.my_lef .my_box ul{
	padding-left: 100px;
	padding-right: 138px;
	box-sizing: border-box;
}

/* .my_lef .my_box>p{
	margin-bottom: 30px;
} */

.my_lef .my_box ul li p{
	text-align: center;
	margin-top: 16px;
}

.my_lef .my_box ul li img{
	margin-top: 30px;
}

.my_share{
	margin-top: 50px;
}
.my_share span{
	color: #6e6e79;
	margin-right: 5px;
}
.my_share img{
	cursor: pointer;
}

.my_rig h3{
	color: rgba(110, 110, 121, 0.6);
	font-size: 16px;
	font-weight: bold;
	border-bottom: 4px solid #d3daeb;
	padding-bottom: 20px;
	box-sizing: border-box;
	/* padding-top: 30px; */
}
/* .my_rig ul{
	padding: 30px;
	box-sizing: border-box;
} */
.my_rig ul li{
	padding-top: 20px;
	padding-bottom: 15px;
	box-sizing: border-box;
	border-bottom: 1px solid #d3daeb;
}
.my_rig ul li:hover p{
	color: #fe7f2a;
}


.my_rig ul li h4{
	font-size: 22px;
	color: #fe7f2a;
}

.my_rig ul li p{
	font-size: 18px;
	color: rgba(110, 110, 121, 0.6);
	font-weight: bold;
	transition: 1s;
}
.my_rig ul li:last-child{
	border: none;
}

.news_btn{
	width: 383px;
	height: 60px;
	line-height: 60px;
	background-color: #dee6f8;
	margin-left: -30px;
	margin-top: 40px;
	position: relative;
	cursor: pointer;
}

.news_btn .lef{
	width: 50%;
	height: 60px;
	float: left;
	text-align: center;
	background: url(../images/btn_lef02.png) no-repeat center;
	background-position-x: 40px;
	transition: 1s;
	color: rgba(110, 110, 121, 0.6);
} 

.news_btn .rig{
	width: 50%;
	height: 60px;
	float: left;
	text-align: center;
	background: url(../images/btn_rig01.png) no-repeat center;
	background-position-x: 120px;
	transition: 1s;
	color: rgba(110, 110, 121, 0.6);
}

.news_btn .lef:hover{
	color: #fe7f2a;
	background: url(../images/btn_lef01.png) no-repeat center;
	background-position-x: 50px;
}

.news_btn .rig:hover{
	color: #fe7f2a;
	background: url(../images/btn_rig02.png) no-repeat center;
	background-position-x: 130px;
}

.my_zxian{
	margin-top: -10px;
    position: absolute;
    top: 50%;
}

.my_header{
	height: 140px;
	line-height: 140px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	overflow: hidden;
}

.w1200{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.my_logo{
	float: left;
	margin-left: -160px;
}

.my_nav{
	/* margin-right: 150px; */
	height: 100px;
	float: right;
	transition: 1s;
	margin-right: -13px;
}

.my_nav li{
	float: left;
	margin-right: 30px;
	margin-top: 4px;
}

.my_nav li a{
	color: #fff;
	font-size: 18px;
}
.my_nav li a.active{
	color: #ff7f00;
}

.my_nav li:hover a{
	color: #ff7f00;
}

.my_menu{
	height: 140px;
	width: 300px;
	/* background: red; */
	position: absolute;
	top: 0;
	right: -300px;
	z-index: 999;
}

.my_menu_i1{
	/* vertical-align: text-top; */
	vertical-align: sub;
	margin-left: 10px;
}

.menu_xian{
	margin: 0px 13px;
	vertical-align: sub;
}

.my_menu em{
	color: #00bc00;
	font-size: 18px;
	font-style: normal;
	position: absolute;
	top: 3px;
	/* font-family: "DIN-1451-Std"; */
}

.menu_sanjiao{
	margin-top: -8px;
	margin-left: 53px;
	margin-right: 10px;
}

.heade_search{
	height: 30px;
	width: 200px;
	display: inline-block;
	transition: 1s;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -15px;
	border: none;
	/* opacity: .5; */
	/* transform: translateX(-100px); */
	padding-left: 10px;
	padding-right: 40px;
	border-radius: 25px;
	color: #fff;
	background: url(../images/search.png) no-repeat center right;
	background-position: 168px;
	background-color: #ff7f00;
	outline:none;
	font-size: 12px;
}

.heade_search::-webkit-input-placeholder{
	color:#fff;
	opacity: .7;
}

.heade_search.on{
	width: 100px;
}

.search_btn{
	position: relative;
	/* border-left: 1px solid red; */
	display: none;
}

.search_btn::before{
	content: "";
	display: inline-block;
	height: 18px;
    background-color: white;
	border: 1px solid #fff;
	opacity: .2;
    position: absolute;
    top: 3px;
	right: 40px;
	z-index: 999;
}

.nav-pills li{
	width: 290px;
}

.footer_lef{
	float: left;
	padding-top: 20px;
	color: rgba(255,255,255,.3);
}

.footer_lef p{
	margin-bottom: 8px;
	text-indent: 25px;
}

.footer_lef p:nth-child(1){
	background: url(../images/footer_bg1.png) no-repeat center left;
}
.footer_lef p:nth-child(2){
	background: url(../images/footer_bg2.png) no-repeat center left;
}
.footer_lef p:nth-child(3){
	background: url(../images/footer_bg3.png) no-repeat center left;
}

.footer_rig{
	float: right;
	height: 120px;
}

.footer_rig img{
	margin-top: 22px;
	transition: 1s;
	margin-right: 10px;
	width: 80px;
	height: 80px;
}
.footer_rig img:hover{
	transform: scale(1.2);
}

.footer_rig div{
	margin-top: 55px;
	width: 150px;
	float: right;
	color: rgba(255,255,255,.3);
}

.investor-contact-bg{
	/*display: none;*/
}

.lib-panel {
    /*margin-bottom: 20Px;*/
}
.lib-img-show {
    /*width: 100%;*/
    float:right;
    background-color: transparent;
}

.lib-panel .row,
.lib-panel .col-md-6 {
    padding: 0;
    background-color: transparent;
}


.lib-panel .lib-row {
    padding: 0 0 0 30px;
    list-style:none;
}

.lib-panel .lib-row.lib-header {
    font-size: 22px;
    padding: 20px 0 15px 30px;
}

.header-small {
	font-size: 16px;
}

.lib-panel .lib-row.lib-header .lib-header-seperator {
    height: 2px;
    width: 26px;
    background-color: #d9d9d9;
    margin: 7px 0 7px 0;
}

.lib-panel .lib-row.lib-desc {
    position: relative;
    /*height: 100%;*/
    display: block;
    font-size: 16px;
}
.lib-panel .lib-row.lib-desc a{
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 20px;
}
.btn-link:hover {
    color: #0056b3;
    text-decoration: none;
}
.btn-link.focus, .btn-link:focus {
    text-decoration: none;
    box-shadow: none;
}
.w220 {
	width: 220px;
}
.w317 {
	width: 317px;
	height: 70px;
    border: 1px solid #4a526c;
}
.w317 input {
    height: 70px;
    width: 245px;
    border: none;
    box-sizing: border-box;
    float: left;
    background-color: transparent;
    color: #fff;
    text-indent: 26px;
}
.w317 input::-webkit-input-placeholder{
	color: #fff;
	text-indent: 26px;
}
.w317 .my_search {
    width: 70px;
    height: 70px;
    float: right;
    background-color: #53709a;
    transition: 1s;
}
.w317 .my_search < img {
    border: 0;
    vertical-align: middle;
}
.w317 .my_search:hover{
	background-color: #ff7f00;
}
.distpicker option{
    height: 70px;
    background-color: #ecf2ff;
    color: #5f5f6a;
    display: block;
    padding: 20px;
    text-decoration: none;
    box-shadow: inset 0 1px 0 #07163d;
}
.has-error {
	border:1px solid #fff;
}
.form-control:focus {
	box-shadow: none; 
	background-color:transparent;
}