* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: "sourceHanSansCN-Light";
	src: url(../font-f/SourceHanSansCN-Light.otf);
}



@font-face {
	font-family: "Bold";
	src: url(../font-f/SourceHanSansCN-Bold.otf);
}

@font-face {
	font-family: "Regular";
	src: url(../font-f/SourceHanSansCN-Regular.otf);
}

@font-face {
	font-family: "Baidu";
	src: url(../font-f/百度综艺简体.TTF);
}

@font-face {
	font-family: "Medium";
	src: url(../font-f/SourceHanSansCN-Medium.otf);
}

@font-face {
	font-family: "Normal";
	src: url(../font-f/SourceHanSansCN-Normal.otf);
}

/* 布局 */
/* 飞流布局 */
.flex {
	display: flex;
}

/* 左右靠边 */
.flex_lr {
	display: flex;
	justify-content: space-between;
}

/* 自动空隙 */
.flex_ar {
	display: flex;
	justify-content: space-around;
}

/* 元素之间间距 */
.flex_en {
	display: flex;
	justify-content: space-evenly;
}

/* 上下居中 */
.flex_tb {
	display: flex;
	justify-content: center;
	align-items: center;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

/* 左右分开 */
.cont_lt {
	width: 50%;
}

/* 字体大小 */
.cont_txt {
	font-size: 14px;
}

.cont_txt2 {
	font-size: 16px;
}

.cont_txt3 {
	font-size: 18px;
}

/* 左右间距 */
.left_self {
	min-height: 20px;
	flex: 1
}

.right_self {
	min-height: 20px;
	flex: 1
}

/*顶部导航栏*/
.topnav {
	width: 100%; 
	/* width: 100vw; */
	background: rgba(2, 21, 49, 0.65);
	display: flex;
	height: 80px;
	position: absolute;
	z-index: 999;
	line-height: 80px;
	color: #ffffff;
}

/* 版权 */
.copyRight {
	background: #2A292F;
}

/* 标题大小 */
h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

/* 内容区域 */
.cont_box {
	width: 1200px;
}

.cont_box1 {
	width: 1600px;
}

.cont_box2 {
	width: 1400px;
}

.cont_body {
	width: 100%;
	display: flex;
}

/* 导航栏log */
.topnav_log {
	width: 20%;
	height: 100%;
	display: flex;
	align-items: center;
}
.topnav_log img {
	width: 137px;
}
/* 头部导航数字 */
.topnav .head-nav {
	height: 100%;
	float: right;
}

.topnav .head-nav .dpai {
	float: left;
	position: relative;
	margin: 0 34px;
}

.topnav .head-nav .dpai:hover .dp1 a {
	color: #007BF2;
}

.topnav .head-nav .dpai .dp1 a {
	color: #fff;
	font-size: 16px;
	display: block;
	position: relative;
	height: 100%;
}

.topnav .head-nav .dpai .dp2 {
	position: absolute;
	top: 99%;
	width: 156px;
	left: 50%;
	margin: 0 0 0 -78px;
	background: rgba(2, 21, 49, 0.65);
	line-height: 40px;
	display: none;
	z-index: 10;
	text-align: center;
}

.topnav .head-nav .dpai .dp2 a {
	display: block;
	color: #eee;
	transition: all 0.4s ease;
}

.topnav .head-nav .dpai .dp2 a:hover {
	background: #0d7fef;
	color: #ffffff;
}

/* 效果 */
.cont_img img {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	transition: transform 3s ease;
	-webkit-transition: transform 5s ease;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.IImg img {
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
}

.cont_img {
	width: 100%;
	height: 710px;
	background: url(../img/1.jpeg)no-repeat;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
}

.desc {
	/* padding: 1rem; */
	font-size: 1rem;
	letter-spacing: .2rem;
	opacity: 0;
	transition: 2s 1.5s;
	color: #fff;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 56px;
	font-family: Normal;
	font-style: italic;
	letter-spacing: 20px;
	font-weight: bold;
	position: absolute;
	z-index: 2;
}

.cont_pl {
	margin-left: 130px;
	animation: fadeInLeft;
	/* 左滑入场动画 */
}

.cont_pl1 {
	animation: fadeInLeft;
}

/*从左到右进入*/
@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate(-1000px, 0);
		transform: stranslate(-1000px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate(10px, 0);
		transform: stranslate(10px, 0);
	}
}

/*从右到左进入*/
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate(1000px, 0);
		transform: stranslate(1000px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate(10px, 0);
		transform: stranslate(10px, 0);
	}
}

.cp {
	animation: post-list-row .9s;
	-webkit-animation: post-list-row .9s;
}

/* 从下往上 */
@keyframes post-list-row {
	0% {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}

	100% {
		opacity: 1;
		transform: none;
	}
}

.by_one {
	width: 100%;
	height: 250px;
	padding: 0 0 88px;
}

.by_one ul {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: relative;
}

.by_one ul li {
	width: 31%;
	height: 260px;
	list-style: none;
	position: relative
}

.by_one ul li img {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1
}

.one_txt {
	color: #fff;
	margin-top: 20px;
	margin-left: 20px;
	position: absolute;
	z-index: 2;
}

.txt_tlit {
	font-size: 24px;
	font-style: italic;
	font-family: Medium;
}

.txt_txt1 {
	font-size: 16px;
	line-height: 30px;
	padding-top: 10px;
}

.lin1 {
	width: 0px;
	height: 3px;
	background: #fff;
}

.cont_her {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.by_one ul li:hover .cont_her {
	background: rgb(17, 115, 196, 0.8);
	position: absolute;
	z-index: 1;
}

/* 标题 */
.by_three {
	padding: 110px 0 20px
}

.wb_tlite {
	width: 100%;
	font-size: 20px;
	text-align: center;
	font-family: Regular;
}

.wb_tlite1 {
	width: 100%;
	font-size: 20px;
	text-align: center;
	font-family: Regular;
	color: #fff;
}

.wb_line {
	width: 4%;
	height: 3px;
	background-color: #056FD2;
	margin: 0 48%;
	margin-top: 0px;
	margin-top: 10px;
}

.wb_line1 {
	width: 4%;
	height: 3px;
	background-color: #FFFFFF;
	margin: 0 48%;
	margin-top: 0px;
	margin-top: 10px;
}

.wb_txt {
	width: 100%;
	text-align: center;
	color: #737475;
	padding: 60px 0;
	line-height: 30px;
}

.ailt_by {
	display: flex;
	margin-bottom: 110px
}

.ailt_img {
	width: 100%;
	display: flex;
	align-items: center
}

.ailt_img img {
	width: 100%;
	height: 546px
}

.ailt_txt {
	width: 100%
}

.ailt_txt ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none
}

.ailt_txt ul li {
	width: 21%;
	background: #fbfcfd;
	margin-left: 10px;
	border-left: 7px solid #0067c5;
	margin-top: 30px;
}

.ailt_txt ul li:first-child {
	margin-left: 0
}

.ailt_txt ul li:nth-child(2n+1) {
	margin-left: 0
}

.ailt_txt ul li:nth-child(7) {
	margin-bottom: 0
}

.ailt_txt ul li:last-child {
	margin-bottom: 0
}

.ailt_tlit {
	font-size: 16px;
	font-weight: bold;
	padding-left: 18px;
	padding-top: 10px
}

.ailt_text {
	font-size: 12px;
	padding-left: 18px;
	padding-bottom: 10px;
	line-height: 30px
}

.cont_yw {
	position: relative;
	display: flex;
	justify-content: center;
}

.yw_nd {
	font-size: 52px;
	font-family: Bold;
	color: #F5F5F5;
	position: -1;
	line-height: 0;
}

.yw_show {
	font-size: 30px;
	font-family: Regular;
	color: #2F2F2F;
	background-color: #fff;
	line-height: 0px;
}

.yw_box {
	height: 40px;
	text-align: center;
}

.yw_back {
	background-color: #fff;
	height: 24px;
}

.yw_back1 {
	background-color: #054EC6;
	height: 24px;
}

.card-carousel-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0 40px;
	color: #666a73;
}

.card-carousel {
	display: flex;
	/* justify-content: center; */
	width: 1180px;
	overflow: hidden;
}

.card-carousel--overflow-container {
	overflow: hidden;
}

.card-carousel--nav__left,
.card-carousel--nav__right {
	display: inline-block;
	width: 15px;
	height: 15px;
	padding: 10px;
	box-sizing: border-box;
	border-top: 2px solid #42b883;
	border-right: 2px solid #42b883;
	cursor: pointer;
	margin: 0 10px;
	transition: transform 150ms linear;
}

.card-carousel--nav__left[disabled],
.card-carousel--nav__right[disabled] {
	opacity: 0.2;
	border-color: black;
}

.card-carousel--nav__left {
	transform: rotate(-135deg);
}

.card-carousel--nav__left:active {
	transform: rotate(-135deg) scale(0.9);
}

.card-carousel--nav__right {
	transform: rotate(45deg);
}

.card-carousel--nav__right:active {
	transform: rotate(45deg) scale(0.9);
}

.card-carousel-cards {
	display: flex;
	transition: transform 150ms ease-out;
	transform: translatex(0px);
}

.card-carousel--card {
	margin: 0 25px;
	cursor: pointer;
	box-shadow: 0 4px 15px 0 rgba(40, 44, 53, 0.06), 0 2px 2px 0 rgba(40, 44, 53, 0.08);
	background-color: #036EE7;
	border-radius: 4px;
	z-index: 3;
	margin-bottom: 2px;
	width: 359px;
	height: 248px;
}

.card-carousel-cards .card-carousel--card:first-child {
	margin-left: 0;
}

.card-carousel-cards .card-carousel--card:last-child {
	margin-right: 0;
}

.card-carousel-cards .card-carousel--card img {
	vertical-align: bottom;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	transition: opacity 150ms linear;
	user-select: none;
}

.card-carousel-cards .card-carousel--card img:hover {
	opacity: 0.5;
}

.card-carousel-cards .card-carousel--card--footer {
	border-top: 0;
	padding: 7px 15px;
	color: #FFFFFF;
	text-align: center;
}

.bk {
	background: url(../img/al.png)no-repeat;
	background-size: 100% 100%;
}

.card_box {}

.card_box1 img {
	transform: rotate3d(180deg);
}

.yw_nd1 {
	font-size: 52px;
	font-family: Bold;
	color: #FFFFFF;
	opacity: 0.1;
	line-height: 0;
}

.yw_show1 {
	font-size: 30px;
	font-family: Regular;
	color: #FFFFFF;
	line-height: 0;
}

.carousel {
	width: 100%;
	height: 350px;
	overflow: hidden;
	margin: 100px auto;
	position: relative
}

.carousel ul {
	width: 100%;
	height: 100%
}

.carousel ul li {
	position: absolute;
	width: 100%;
	height: 100%
}

.carou_img {
	width: 260px;
	height: 171px;
	background: #DBE0E8;
}

.carousel ul li ul {
	display: flex;
	width: 100%;
}

.carousel ul li ul li {
	width: 20%;
	position: relative;
}

.bullet {
	position: absolute;
	font-size: 0;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.bullet span {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #a8a9ab;
	margin-left: 15px;
	border-radius: 10px
}

.bullet span:first-child {
	margin-left: 0
}

.active2 {
	background-color: #0067c5 !important;
	width: 30px !important
}

.carou_title {
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	margin-top: 20px;
}

.carou_tity {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	margin-top: 8px;
}

.carou_ts {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #054EC6;
}

.bkh {
	background: #F6F7F9;
}

.cont_timg {
	margin-top: 52px;
	text-align: center;
}

.osi {
	width: 100%
}

.osi ul {
	width: 100%;
	display: flex;
	list-style: none;
	justify-content: space-between;
	margin: 50px 40px 110px;
}

.osi ul li {
	width: 22.917%;
	/* background: #333333; */
	border: 1px solid #e6e6e6;
	cursor: pointer;
}

.osi_txt {
	padding: 0px 0 20px;
	border-bottom: 1px solid #EEEEEE;
	height: 70px;
}

.osi_txt1 {
	padding: 10px 0 20px;
	margin: 0 10px;
	border-bottom: 1px solid #999999;
}

.osi_bot {
	margin: 0 10px;
	display: flex;
}

.bot_by {
	font-size: 16px;
	/* border: 1px solid #c9cacb; */
	padding: 0 5px;
	/* text-align: center; */
	border-radius: 8px;
	/* float: right; */
	margin: 10px 0;
	cursor: pointer;
	color: #333;
	width: 30%;
}

.bot_img {
	width: 70%;
	position: relative;
	text-align: right;
}

.osi_text {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	letter-spacing: 1px;
	word-break: break-all;
	margin-left: 17px;
	margin-right: 17px;
	height: 40px;
	line-height: 40px;
}

.bot_img img {
	width: 24px !important;
	height: 10px !important;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(-50%, -50%);
}

.bj {
	background: url(../img/st.png)no-repeat;
	background-size: 100% 100%;
	height: 560px;
}

.new_box {
	width: 100%;
	margin-top: 70px;
	margin-bottom: 107px;
}

.new_box ul {
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.new_box ul li {
	width: 320px;
}

.new_vox {
	width: 100%;
	margin-top: 30px;
	background-color: #fff;
}

.vox_img {
	width: 100%;
	height: 190px;
}

.vox_img img {
	width: 100%;
	height: 100%;
}

.new_til {
	width: 100%;
	text-align: center;
	font-family: Regular;
	font-size: 20px;
}

.new_vox ul {
	background-color: #fff;
	display: block !important;
	border-bottom: 1px solid rgba(153, 153, 153, 0.3);
	padding-bottom: 16px;
}

.new_vox ul li {
	display: flex;
	width: 100%;
	color: #333333;
	font-size: 14px;
	font-family: Normal;
	/* line-height: 37px; */

}

.new_vox ul li:nth-child(1) {
	background-color: #007BF2;
	color: #fff;
	font-size: 17px;
	font-family: Medium;
	line-height: 37px;
}

.vox_ox {
	margin: 0 17px;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.vox_txt {
	/* float: left; */
	/* width: 85%; */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	letter-spacing: 1px;

}

.vox_date {
	/* width: 15%; */
	text-align: right;
	margin-left: 10px;
}

.osi_bot1 {
	margin: 0 10px;
	/* display: flex; */
}

.bot_by1 {
	font-size: 16px;
	/* border: 1px solid #c9cacb; */
	padding: 0 5px;
	/* text-align: center; */
	border-radius: 8px;
	/* float: right; */
	margin: 10px 0;
	cursor: pointer;
	color: #333;
	width: 30%;
}

.blok {
	background: #2E2D33;
}

.trail {
	margin: 70px 40px 0;
}

.trail_box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #B4B4B4;
}

.log {
	width: 151px;
	height: 58px;
}

.tie {
	font-size: 18px;
	font-family: Source Han Sans CN;
	font-weight: 200;
	color: #B4B4B4;
	/* line-height: 74px; */
	margin-top: 19px;
	margin-bottom: 23px;
}

.up {
	width: 44px;
	height: 44px;
	margin-top: 40px;
}

.trail_vox {
	width: 100%;
	margin-top: 23px;
	padding-bottom: 80px;
}

.trail_vox ul {
	display: flex;
	justify-content: space-between;
}

.vox_tli {
	font-size: 18px;
	font-family: Bold;
	color: #B4B4B4;
}

.me_box {
	margin-top: 30px;
}

.me_txt {
	font-size: 16px;
	color: #B4B4B4;
	line-height: 53px;
	display: flex;
	align-items: center;
}

.me_txt img {
	margin-right: 10px;
}

.fast {
	display: flex;
	margin-top: 30px;
	justify-content: center;
}

.follow {
	margin-top: 60px;
	text-align: right;
}

.follow img {
	width: 110px;
	height: 110px;
}

.fast_a a {
	display: block;
	font-size: 16px;
	color: #B4B4B4;
	padding-bottom: 15px;
}

.follow_txt {
	font-size: 13px;
	color: #B4B4B4;
}

.trail_text {
	text-align: center;
	font-size: 15px;
	color: #818080;
	margin: 33px 0;
}
.trail_text a{
	/* text-align: center; */
	/* font-size: 15px; */
	color: #818080;
	/* margin: 33px 0; */
}
.tow_tab {
	margin-bottom: 120px;
}

.tabs UL.horizontal1 {
	list-style: none;
	margin: 0;
	display: flex;
	flex-wrap: wrap
}

.tabs .horizontal1 li {
	border-bottom: 0;
	width: 20%;
}

.tabs .horizontal1 li a {
	color: #333;
	text-align: center;
}

.box {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.box_lt1 {
	width: 476px;
	height: 412px;
	text-align: center;
	background: #FBFBFB;
}

.hide {
	overflow: hidden;
	position: relative;
	height: 140px;
}

.horizontal2 {
	display: flex;
	width: 200%;
	position: absolute;
}

.li_tba {
	width: 240px;
	height: 140px;
}

.box_rg1 {
	width: 60%;
	display: flex;
	justify-content: center;
	align-items: center
}

.box_cont {
	display: flex;
	font-size: 18px;
	width: 100%;
	line-height: 22px;
	padding-top: 10px;
}

.box_tli1 {}


.box_sve {
	width: 70%
}

.cont_img1 {
	width: 100%;
	height: 563px;
}

.cont_img1 img {
	width: 100%;
	height: 100%;
}

.tab_show {
	margin-top: 76px;
}

.tow_box {
	width: 100%;
	display: flex;
	margin-top: 110px
}

.box_lt {
	font-size: 50px;
	/* font-weight: bold; */
	width: 25%;
	text-align: center;
	font-family: Medium;
}

.box_rg {
	width: 80%;
	font-size: 14px;
	display: flex;
	align-items: center
}

.tow_img {
	/* width: 894px; */
	margin-bottom: 110px;
	margin-top: 60px;
	/* height: 804px */
}

.box_lt {
	font-size: 50px;
	/* font-weight: bold; */
	width: 25%;
	text-align: center;
	font-family: Medium;
}

.box_img {
	display: flex;
	justify-content: center;
}

.box_img img {
	width: 100%;
}

/* 合作案例 */

.ailt_by {
	display: flex;
	margin-bottom: 110px;
	width: 1200px;
}

.ailt_tlit {
	font-size: 24px;
	font-weight: bold;
	padding-left: 18px;
	padding-top: 10px
}

.ailt_text {
	font-size: 12px;
	padding-left: 18px;
	padding-bottom: 10px;
	line-height: 30px
}

#example {
	width: 100%;
	display: flex;
	list-style: none;
	margin-bottom: 50px;
	margin-top: 50px
}

#example li {
	width: 23.29%;
	background: #fff;
	border: 1px solid #c1c2c3;
	margin-left: 2%;
	margin-top: 2%;
	cursor: pointer;
}

#example li:first-child {
	margin-left: 0
}

#example li:nth-child(4n+1) {
	margin-left: 0
}

#example li img {
	width: 100%;
	height: 190px
}

.osi_tlit {
	font-size: 17px;
	font-weight: bold;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	margin-left: 17px;
}

.osi_tlit1 {
	font-size: 17px;
	font-weight: bold;
	line-height: 30px;
	background: #007BF2;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	padding-left: 17px;
}


.bot_by1 {
	font-size: 14px;
	border: 1px solid #c9cacb;
	padding: 0 5px;
	text-align: center;
	border-radius: 8px;
	margin: 10px 0;
}

.box_ox {
	width: 100%;
	margin-top: 55px;
	position: relative;
}

.ox_cont {
	width: 100%;
	/* background-color: #fff; */
	/* border-radius: 20px; */
	/* box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.1); */
	height: 434px;
}

.ox_cont ul {
	display: flex;
	margin: 0 100px;
	padding-top: 76px;
}

.ox_cont ul li {
	width: 23.33%;
	background: #fff;
	border: 1px solid #c1c2c3;
	margin-left: 2%;
}

.ox_cont ul li img {
	width: 100%;
	height: 190px;
}

.ox_cont ul li:first-child {
	margin-left: 0;
}

.tb {
	position: absolute;
	top: 0;
	right: -130px;
	width: 217px;
	height: 64px;
}

.cont_box6 {
	width: 100%;
	display: flex;
}

.cont_top {
	margin-top: 110px;
	padding-bottom: 40px;
	border-bottom: 1px solid #EEEEEE;
}

.cont_text {
	display: flex;
	color: #333;
	padding-left: 40px;
}

.cont_nr {
	font-size: 30px;
	font-family: Regular;
	line-height: 30px;
}

.cont_yw {
	font-size: 16px;
	font-family: Regular;
}

.cont_tt {
	padding-left: 40px;
	;
	text-align: justify;
	padding-top: 20px;
	width: 90%;
	line-height: 30px;
}

.cont_but {
	width: 150px;
	height: 44px;
	background-color: #1F74D9;
	line-height: 44px;
	text-align: center;
	color: #fff;
	margin-left: 40px;
	margin-top: 44px;
}

.cont_lt img {
	width: 577px;
	height: 362px;
}

.concept_box {
	width: 100%;
	padding-bottom: 59px;
	border-bottom: 1px solid #EEEEEE;
	margin-top: 44px;
}

.concept_box ul {
	width: 100%
}

.concept_box ul li {
	width: 100%;
	height: 200px;
	background-color: #fbfbfb;
	margin-top: 5px;
	display: flex;
	align-items: center
}

.concept_box ul li:first-child {
	margin-top: 20px
}

.concept_vox {
	width: 100%;
	height: 100px;
	display: flex
}

.vox_lf {
	width: 30%;
	height: 100%;
	border-right: 4px dotted #dadada;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.vox_rg {
	width: 70%;
	height: 100%;
	display: flex;
	align-items: center
}

.vox_tit {
	font-size: 28px;
	/* font-weight: bold; */
	font-family: Baidu
}

.vox_eng {
	font-size: 20px;
	font-family: Baidu
}

.vox_cont1 {
	padding-left: 83px
}

.rg_tit {
	font-size: 18px;
	font-family: Regular;
}

.rg_txt {
	font-size: 14px;
	margin-top: 16px;
	line-height: 20px;
}

.ry {
	width: 100%;
	padding-bottom: 124px;
	margin-top: 50px;
}

.ry img {
	width: 1120px;
	height: 506px;
}

.label {
	width: 1200px;
	position: relative;
	display: flex;
}

.label ul {
	display: flex;
}

.label ul a {
	color: #272727;
	margin-left: 60px;
	line-height: 70px;
}

.label_icon {
	margin: 22px 12px;
}

.label a:first-child {
	margin-left: 0
}

.nav_tab {
	background: #F7F7F7;
}

.active1 {
	border-bottom: 3px solid #0067c5;
}

.carousel {
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin: 100px auto;
	position: relative
}

.carousel ul {
	width: 100%;
	height: 100%
}

.carousel ul li {
	position: absolute;
	width: 100%;
	height: 100%
}

.carousel ul li .carousel_box {
	width: 100%;
	display: flex;
	height: 100%
}

.carousel ul li .carousel_box img {
	width: 50%;
	height: 100%
}

.carousel ul li .carousel_box .carousel_txt {
	width: 46%;
	height: 100%;
	padding: 0 2%;
	background: #fafbfc
}

.bullet1 {
	position: absolute;
	font-size: 0;
	bottom: 20px;
	right: 10%;
	margin-left: -42px
}

.bullet1 span {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #a8a9ab;
	margin-left: 15px;
	border-radius: 10px
}

.bullet1 span:first-child {
	margin-left: 0
}

.lsit_box {
	width: 100%;
	display: flex
}

.lsit_lf {
	width: 100%
}

.lf_top {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.top_tilte {
	border-bottom: 2px solid #0067c5;
	width: 11%;
	text-align: center;
	font-size: 18px;
	font-family: Medium;
	color: #373737;
}

.top_cliclk {
	width: 89%;
	text-align: right;
	border-bottom: 2px solid #d0d2d3;
	padding-right: 10px
}

.lsit_lf ul {
	width: 100%;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.lsit_lf ul li {
	border-bottom: 1px solid #d0d2d3;
	cursor: pointer;
	width: 48%;
}

.top_box {
	display: flex;
	width: 100%;
	padding: 16px 0
}

.top_img {
	width: 165px;
	height: 120px;
}

.top_img img {
	width: 100%;
	height: 100%;
}

.top_text {
	width: 77%;
	padding-left: 17px
}

.text_tlit {
	font-size: 14px;
	/* font-weight: bold; */
	font-family: Medium;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.text_txt {
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
	height: 37px;
}

.text_date {
	font-size: 14px;
	line-height: 23px;
	margin-top: 17px;
}

.lsit_rg {
	width: 33%;
	margin-left: 2%;
	padding: 0 1%;
	background: #f0f4f5;
	height: 641px
}

.fg_tile {
	border-bottom: 2px solid #d0d2d3;
	padding-left: 12px;
	padding-top: 15px;
	font-size: 18px;
	font-family: Medium;
	color: #373737;
}

.lsit_rg ul {
	width: 100%;
	height: 87%;
	scrollbar-width: none;
	-ms-overflow-style: none;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 6%
}

.lsit_rg ul::-webkit-scrollbar {
	display: none
}

.lsit_rg ul li {
	width: 100%
}

.lsit_rg ul li a {
	width: 100%;
	text-decoration: none
}

.lsit_rg ul li a img {
	width: 100%;
	height: 137px
}

.firm {
	margin-bottom: 59px;
}

.tab_img {
	width: 50%;
	height: 443px;
	overflow: hidden;
	position: relative
}

.tab_img ul {
	width: 100%;
	height: 100%
}

.tab_img ul li {
	width: 98%;
	margin: 0 1%;
	height: 100%
}

.tab_img ul li img {
	width: 100%;
	height: 100%
}

.carousel_box1 {
	width: 100%;
	display: flex;
	margin-top: 113px;
}

.switch span {
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: rgba(255, 255, 255, .4);
	font-size: 20px;
	color: #fff;
	top: 50%;
	margin: 0 6%;
	margin-top: -25px;
	cursor: pointer;
	font-family: "宋体";
	border-radius: 50%
}

.switch span:hover {
	background-color: rgba(255, 255, 255, .5)
}

.prev {
	left: 0
}

.next {
	right: 0
}

.industry_tab {
	width: 100%;
	display: flex
}

.industry_tab ul {
	width: 35%;
	display: flex
}

.industry_tab ul li {
	width: 50%;
	text-align: center;
	border-bottom: 2px solid #d0d2d3;
	font-size: 16px;
	font-family: Medium;
	color: #373737;
	cursor: pointer;
}

.active3 {
	border-bottom: 2px solid #0067c5 !important;
	color: #0067c5 !important;
}

.tab_line {
	border-bottom: 2px solid #d0d2d3;
	width: 79%
}

.new_text {
	width: 100%;
	margin-top: 2%
}

.new_text li {
	display: flex;
	align-items: center;
	font-size: 13px;
	line-height: 32px;
	padding-left: 11px;
}

.new_text li a {
	text-decoration: none;
	padding-left: 12px;
	color: #0095da
}

.triangle {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 6px solid #b1b2b3;
	border-bottom: 5px solid transparent;
}

.list_date {
	text-align: right;
	width: 139px;
}

.list_txt {
	padding-left: 12px;
	width: 430px;
}

#allmap {
	width: 704px;
	height: 350px;
	margin-top: 40px;
}

.contact_box {
	margin-top: 80px;
	position: relative;
	padding-left: 50px;
}

.map {
	display: flex;
	justify-content: space-between;
}

.contact_addis {
	font-size: 18px;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #454545;
	line-height: 34px;
	margin-top: 44px;
}
.contact_tile {
	font-size: 32px;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #454545;
	line-height: 34px;
}
.amap-toolbar {
	display: none !important;
}

.amap-logo {
	display: none !important;
}

.amap-copyright {
	display: none !important;
}

.ox_tli {
	font-size: 40px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: 30px;
	text-align: center;
	margin-top: 120px;
}

.ox_txt {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	text-align: center;
	margin-top: 34px;
}

.iput_box {
	display: flex;
	margin: 0 185px;
}

.iput_box input {
	width: 400px;
	height: 55px;
	margin-left: 30px;
	padding-left: 29px;
	margin-top: 30px;
	border: 1px solid rgba(34, 34, 34, 0.1);
}

.adds {
	margin: 0 215px;
	width: 768px;
	height: 55px;
	margin-top: 30px;
	padding-left: 29px;
	border: 1px solid rgba(34, 34, 34, 0.1);
}

.area {
	margin: 0 215px;
	width: 772px;
	height: 240px;
	margin-top: 30px;
	padding-left: 29px;
	border: 1px solid rgba(34, 34, 34, 0.1);
	padding-top: 15px;
}

.cont_but1 {
	margin: 0 215px;
	width: 250px;
	height: 65px;
	background: #02B997;
	margin-top: 59px;
	line-height: 65px;
	text-align: center;
	color: #fff;
	margin-bottom: 100px;
}

.new_conten {
	display: flex;
	margin-bottom: 57px;
}

.new_titlie {
	width: 100%;
	height: 24px;
	font-size: 22px;
	font-family: Medium;
	color: #2F2F2F;
	line-height: 34px;
	text-align: center;
	padding: 31px 0;
	border-bottom: 2px solid #C0C0C0;
}

.new_date {
	display: flex;
	justify-content: center;
	margin-top: 31px;
}

.date_ocnt {
	margin-right: 26px;
}

.new_img {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

p {
	text-indent: 2em;
	line-height: 30px;
	margin-top: 20px;
}

.cont_txt1 p {
	text-align: 0;
	line-height: 22px;
	margin-top: 10px;
}

.tab {
	display: flex;
	width: 1200px;
	margin-top: 30px;
}

.tab_icon {
	margin: 0 10px;
}

.tab_txt {
	font-size: 16px;
	font-weight: 580;
	margin-top: 15px;
}

.tab_tlit {
	font-size: 16px;
	color: #056FC6;
	line-height: 40px;
}

.new_img img {
	width: 580px;
	height: 433px;
}

/* 首页数据框 */
.sj_box {
	width: 100%;
	height: 227px;
	position: relative;
}

.sj_bk {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	z-index: 3;
	bottom: 40px;
}

.sj_tile {
	font-size: 36px;
	font-family: Microsoft YaHei;
	color: #4A4A4A;
	text-align: center;
	margin-top: 20px;
}

.sj_bk ul li .sj_sj {
	font-size: 60px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #054EC6;
	border-right: 2px solid #EEEEEE;
	text-align: center;
}

.sj_bk ul li:last-child .sj_sj {
	border-right: none;
}

.sj_bk ul {
	width: 100%;
	display: flex;
	margin-top: 30px;
}

.sj_bk ul li {
	width: 25%;
}

.sj_ti {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #4A4A4A;
	line-height: 20px;
	text-align: center;
}

.page {
	/* display: inline-block; */
	margin: 50px;
	display: flex;
	justify-content: center;
}

.pagelist {
	display: inline-block;
	height: 40px;
	line-height: 40px;
}

.pagelist span {
	font-size: 20px;
	color: rgba(51, 51, 51, 1);
}

.pagelist .jump {
	padding: 6px 14px;
	text-align: center;
	cursor: pointer;
	margin-left: 30px;
	width: 40px;
	height: 40px;
	background: rgba(204, 204, 204, 0.3);
	border-radius: 50%;
}

.pagelist .bgprimary {
	cursor: default;
	color: #fff;
	background: #056FC6;
	border-radius: 50%;
}

.jumpinp input {
	width: 55px;
	height: 26px;
	font-size: 13px;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}

.ellipsis {
	padding: 0px 8px;
	text-align: center;
	cursor: pointer;
	margin-left: 30px;
	width: 40px;
	height: 40px;
	background: rgba(204, 204, 204, 0);
	border-radius: 6px;
}

.bgprimary {
	cursor: default;
	color: #fff;
	background: rgba(255, 30, 27, 1);
	border-radius: 6px;
}

.pagelist .jump.disabled {
	pointer-events: none;
	color: rgba(153, 153, 153, 1);
}

.jumppoint {
	margin-left: 30px;
}

.pagelist .gobtn {
	font-size: 18px;
}

.pageNum {
	display: inline-block;
	height: 28px;
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: rgba(102, 102, 102, 1);
	line-height: 28px;
}

.pagelist .jump1 {
	padding: 6px 14px;
	text-align: center;
	cursor: pointer;
	margin-left: 30px;
	width: 40px;
	height: 40px;
	background: rgba(204, 204, 204, 0.3);
	border-radius: 6px;
}

.carousel_tlite {
	font-size: 20px;
	font-family: Bold;
	color: #333333;
	line-height: 24px;
	margin-top: 23px;
}

.carousel_date {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #040404;
	margin: 20px 0 16px;
}

.carousel_text {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #040404;
}

.tab_txt1 a {
	color: #333333;
}

.box_lf {
	width: 170px;
	background: #FAFAFA;
	margin-bottom: 9px;
	height: 46px;
}

.box_lf ul {
	width: 100%;
	height: 100%;
}

.box_lf ul li {
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 31px;
	margin-bottom: 9px;
	background: #FAFAFA;
}

.active4 {
	background-color: #1990FE !important;
	color: #fff !important;
}

.box_rg2 {
	width: 813px;
	margin-top: 81px;
}

.rg2_img {
	width: 100%;
	display: flex;
	justify-content: center;
}
.rg2_img img {
	height: 461px;
}
.xt_cont {
	margin-left: 151px;
}

.xt_tit {
	font-size: 24px;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #333333;
	margin-top: 46px;
}

.xt_line {
	width: 37px;
	height: 2px;
	background: #333333;
	margin-top: 34px;
}

.xt_txt {
	font-size: 20px;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #666666;
	line-height: 37px;
	margin-top: 50px;
}

.yj_box {
	text-align: center;
}

.yj_bj {
	width: 100%;
	background: #FBFBFB;
	height: 140px;
}

.xt_txt p {
	text-indent: 0em;
	line-height: 30px;
	margin-top: 20px;
}

.tab_txt1 {
	font-size: 16px;
	font-weight: 580;
}

.tab_tlit1 {
	font-size: 16px;
	color: #056FC6;
}

.osi_bot:hover .bot_by {
	color: #0067C5;
}

.jd {
	background: url(../img/jd.png)no-repeat;
	background-size: 100% 100%;
	margin-top: 56px;
}

.osi_txt2 {
	width: 100%;
	height: 54px;
	background: rgba(0, 104, 183, 0.8);
	position: absolute;
	bottom: 0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ox_cont1 {
	width: 100%;
	/* background-color: #fff; */
	/* border-radius: 20px; */
	/* box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.1); */
	height: 600px;
}

.ox_cont1 ul {
	display: flex;
	/* margin: 0 100px; */
	padding-top: 76px;
}

.ox_cont1 ul li {
	width: 388px;
	background: #fff;
	border: 1px solid #c1c2c3;
	margin-left: 2%;
	position: relative;
}

.ox_cont1 ul li img {
	width: 100%;
	height: 272px;
	cursor: pointer;
}

.ox_cont1 ul li:first-child {
	margin-left: 0;
}

.osi_tlit2 {
	font-size: 17px;
	font-weight: bold;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	margin-left: 17px;
}

.osi_date {
	font-size: 17px;
	font-weight: bold;
	line-height: 30px;
	margin-right: 17px;
	margin-left: 8px;
	width: 50%;
}

.osi_bot2 {
	margin: 0 10px;
	align-items: center;
}

.ailt_text1 {
	margin-left: 17px;
	margin-top: 7px;
	padding-bottom: 8px;
	font-size: 15px;
	text-align: justify;
}

.list_img {
	width: 100%;
	height: 190px;
}

.list_img img {
	width: 100%;
	height: 100%;
}

.bot_by1:hover {
	color: #0067C5;
}
.ahtive {
	color: #007BF2!important;
	font-weight: bold;
}
.ailt_by2 {
	width: 100%;
	margin-bottom: 110px;
}
.car_box {
	text-align: center;
}


/* 2021.4.25 */
.mobileNav{
	display: none;
}
#ry2{
	display: none;
	padding: 10vh 0;
}
#ry2 img{
	margin: 0 2vw 2vh 2vw;
	max-width: 96vw;
}
/* 媒体查询 */
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	
}		
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	/* 头部样式 */
	.topnav {display: none;}
	
	/* 首页样式 */
	.cont_img{
		width: 100vw;
		height: 40vh;
		margin-top: 50px;
	}
	.desc{
		font-size: 1rem;
	}
	.sj_tile{
		font-size: 1.5rem;
	}
	.sj_bk ul,.by_one ul{
		flex-wrap: wrap;
	}
	.sj_bk ul li{
		width: 50%;
		margin-bottom: 2vh;
	}
	.sj_bk ul li .sj_sj{
		font-size: 1.8rem;
	}
	.sj_ti{
		font-size: .9rem;
	}
	.by_one ul li{
		width: 100%;
		border-bottom: 1vh solid #F6F7F9;
	}
	.by_one{
		height: auto;
		padding-bottom: 2vh;
	}
	.wb_txt{
		width: 90vw;
		padding: 30px 5vw;
	}
	.ailt_img img{
		max-width: 100%;
		height: auto;
	}
	.ailt_txt ul li{
		width: 90%;
		margin-left: 0;
		border-left: none;
	}
	.ailt_tlit{
		border-left: 7px solid #0067c5;
		margin-left: 1vw;
	}
	.cont_box{
		width: 100vw;
	}
	.by_three{
		width: 100vw;
	}
	#leftBt,#rightBt{
		display: none;
	}
	.card-carousel--card{
		margin: 0;
		width: 96vw;
		margin: 0 2vw 2vh 2vw;
	}
	.card-carousel-cards .card-carousel--card:first-child{
		margin-left: 2vw;
	}
	.card-carousel-cards{
		display: flex;
		flex-wrap: wrap;
	}
	.card-carousel{
		width: 100vw;
	}
	.osi ul{
		margin: 5vh 3vw;
		width: 94vw;
		flex-wrap: wrap;
	}
	.osi ul li{
		width: 100%;
		margin-bottom: 2vh;
	}
	.bj{
		display: none;
	}
	.cont_timg img{
		max-width: 100%;
	}	
			
	/* 产品中心 */
	.cont_img1{
		width: 100vw;
		height: 40vh;
		margin-top: 50px;					
	}
	.cont_box{width: 100vw;}
	.cont_timg img{
		max-width: 100%;
	}
	.box{flex-wrap: wrap;}
	.box_lt1,.box_rg1,.box_sve{width: 100%;}
	.tab_txt{display: none;}
	.by_tow{margin-top: 5vh!important;}
	.li_tba{width: 20vw;}
	.slt_img{max-width: 80%;}
	.tab_show{margin-top: 0;}
	.box_lf ul{
		width: 100vw;
		display: flex;
		flex-wrap: wrap;
		margin-top: 5vh;
		justify-content: space-between;
	}
	.box_lf ul li{
		width: 32vw;
		height: auto;
		line-height: normal;
		text-align: center;
		padding: 1vh 0;
	}
	.rg2_img img{
		height: auto;
		max-width: 100%;
	}
	.box_lf{height: auto;width: 0;}
	.box_rg2{margin-top: 8vh;}
	.xt_cont{
		margin-left: 0;
		padding: 0 5vw;
	}
	.cont_txt1{
		width: 96vw;
		padding: 0 2vw;
		overflow: hidden;
		font-size: 1rem;
	}	
	
	/* 客户案例 */
	.cont_img1{
		width: 100vw;
		height: 40vh;
		margin-top: 50px;					
	}	
	.cont_box{
		width: 100vw;
	}
	.cont_timg img{max-width: 100%;}
	.ox_cont1 ul{
		padding-top: 0;
		flex-wrap: wrap;
	}
	.ox_cont1 ul li,#example li{
		width: 96vw;
		margin: 0 2vw 2vh 2vw;
	}
	.ox_cont1 ul li:first-child,#example li:nth-child(4n+1){
		margin-left: 2vw;
	}
	.ox_cont1{height: auto;}
	#example,.ailt_by{width: 100vw;}	
	
	/* 关于我们 */
	.cont_img1{
		width: 100vw;
		height: 40vh;
		margin-top: 50px;					
	}	
	.cont_box{width: 100vw;}
	.cont_top{
		flex-wrap: wrap;
		margin-top: 10vh!important;
	}
	.cont_lt{
		width: 100%;
		background: #fff;
		padding-bottom: 2vh;
	}
	.cont_lt img{
		max-width: 100%;
		height: auto;
	}
	.cont_text{padding-left: 5%;}
	.cont_tt{
		padding-left: 0;
		margin: 0 5%;
	}
	.cont_timg{margin-top: 10vh!important;}
	.cont_timg img{max-width: 100%;}
	.vox_cont1{padding-left: 15px;}
	.rg_txt{
		font-size: .6rem;
	}
	#slider-wrap{
		display: none;
	}
	#ry2{display: block;}
	.concept_box{margin-top: 10vh;}	
	
	/* 新闻动态 */
	.carousel{display: none;}
	.lsit_lf ul li{
		width: 96%;
		margin: 0 2%;
	}
	.text_txt{
		height: auto;
	}	
	
	/* 联系我们 */
	.map{
		flex-wrap: wrap;
	}
	#allmap,.contact_box{
		width: 96%;
		margin: 0 2%;
		padding-left: 0;
	}
	.contact_tile{
		font-size: 1.5rem;
		margin-top: 5vh;
	}
	.contact_addis{
		font-size: 1rem;
		margin-top: 5vh;
	}
	.iput_box{
		margin: 0 0;
		flex-wrap: wrap;
	}
	.iput_box input{
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	.adds,.area{
		margin: 30px 2% 0 2%;
		width: 88%;
		padding-left: 7%;
	}
	.cont_but1{
		width: 60vw;
		margin: 6vh 20vw;
		height: 8vh;
		line-height: 8vh;
	}	
	
	/* 新闻详情 */
	.new_titlie{
		height: auto;
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	.new_date{flex-wrap: wrap;}
	#content{padding: 0 2vw;}
	#content img{
		margin-left: -2rem;
		width: 100%;					
	}	
		
	/* 底部公共样式 */
	.up{display: none;}
	.trail{
		padding: 3vh 5vw!important;
		margin: 0;
	}
	.tie{
		font-size: 1rem;
	}
	.trail_vox ul{
		flex-wrap: wrap;
	}
	.trail_vox ul li{
		width: 100%;
	}
	.me_txt{
		align-items: start;
		margin-bottom: 5vh;		
		line-height: 4vh;
	}
	.quicklyEnter{
		display: none;
	}
	.follow{text-align: center;}
	.follow img{
		width: 50vw;
		height: 50vw;
	}
	.mobileNav{
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 999999;
	}	
	.trail_vox{
		padding-bottom: 40px;
	}
}




/* mobile-nav */
.flexRow{
	display: flex;
}
.navbar{
	background: #ffffff;
	height: 50px;
}
.navLogo{
	max-height: 30px;
	margin-top: 10px;
}
.main-nav{
	width: 10vw;
}
.second-nav{
	width: 80vw;
	text-align: center;
}
#cd-lateral-nav {
	position: fixed;
	height: 100%;
	left: -70%;
	top: 0;
	z-index: 1060;
	width: 70%;
	overflow-y: auto;
	background: #333333;
	/*-webkit-backface-visibility: hidden;
	-webkit-transition: visibility 0s .4s, -webkit-transform .4s 0s;
	transition: visibility 0s .4s, -webkit-transform .4s 0s;
	transition: transform .4s 0s, visibility 0s .4s;
	transition: transform .4s 0s, visibility 0s .4s, -webkit-transform .4s 0s;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);*/
}		
.item-has-children{
	height: 8vh;
	line-height: 8vh;
	color: #FFFFFF;
	text-align: center;
}	
.item-has-children a{
	color: #FFFFFF;
	text-decoration: none;
}

.slideItem{
	text-align: right;
}
.slideIcon{
	margin-right: 2vw;
}
.slideIn{
	animation:mymove 1s 1;
	-webkit-animation:mymove 1s 1; /*Safari and Chrome*/	
	animation-fill-mode: forwards;			
}
.slideOut{
	animation:mymove2 1s 1;
	-webkit-animation:mymove2 1s 1; /*Safari and Chrome*/	
	animation-fill-mode: forwards;					
}
@keyframes mymove
{
	from {left:-70%;}
	to {left:0;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
	from {left:-70%;}
	to {left:0;}
}
@keyframes mymove2
{
	from {left:0;}
	to {left:-70%;}
}

@-webkit-keyframes mymove2 /*Safari and Chrome*/
{
	from {left:0;}
	to {left:-70%;}
}			

.navActive{
	background: #007BF2!important;
}