﻿.kv {
	position: relative;
	overflow: hidden;
	height: 700px;
	background:url(../images/kv1.jpg) no-repeat center 0;
	z-index: 10000000 !important
}
@media only all and (max-width: 768px) {
.setHeight {background-size: auto 100%;}
}
.kv .change {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.kv .title {
	background:url(../images/btbg.png) no-repeat;
	position: absolute;
	top: 265px;
	left:0;
	width:100%;
	height: 138px;
	line-height:138px;
	z-index: 0
}
@media only all and (max-width: 768px) {
.kv .title {
	top: 40%;
	left:5%;
	width:90%;
	height: 100px;
	line-height:100px;
	background:url(../images/kv-center.png) no-repeat;
	background-size:100% 100%;
	text-align:center;
}
}
@media only all and (max-width: 414px) {
.kv .title {
	top: 36%;
}
}
@media only all and (max-width: 360px) {
.kv .title {
	top: 30%
}
}
.kv .title>div h5 {
	font-size: 50px;
	font-weight:100;
	font-family: '微软雅黑';
	color: #EB3A28;
}
@media only all and (max-width: 768px) {
.kv .title>div h5 {
	font-size: 26px;
}
}
@media only all and (max-width: 414px) {
.kv .title>div h5 {
	font-size: 20px
}
}
.kv .list {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 61%;
	z-index: 9999
}
@media only all and (max-width: 1366px) {
.kv .list {
	width: 80%
}
}
@media only all and (max-width: 1024px) {
.kv .list {
	width: 75%
}
}
@media only all and (max-width: 768px) {
.kv .list {
	width: 87%;
	bottom: 35px
}
}
@media only all and (max-width: 360px) {
.kv .list {
	bottom: 20px
}
}
.kv .list>ul {
	text-align: center;
	background: rgba(52,52,52,0.7);
}
.kv .list>ul li {
	position: relative;
	float: left;
	width: 20%;
	transition: all 1s
}
.kv .list>ul li:last-child {
	border-right: none
}
@media only all and (max-width: 768px) {
.kv .list>ul li {
	width: 33.33%
}
}
.kv .list>ul li>p {
	display: none;
	position: absolute;
	top: -75px;
	left: 0;
	width: 100%;
	padding: 8px 0 10px;
	background: #F09F07;
	opacity: 0;
	transition: all 1s;
	text-align: center
}
@media only all and (max-width: 768px) {
.kv .list>ul li>p {
	display: none
}
}
.kv .list>ul li>a {
	color: #fff;
	display: block;
	width: 100%;
	padding: 25px 0;
	font-size: 18px;
	letter-spacing: 2px
}
@media only all and (max-width: 768px) {
.kv .list>ul li>a {
	padding: 15px 0;
	font-size: 14px
}
}
@media only all and (max-width: 414px) {
.kv .list>ul li>a {
	font-size: 14px
}
}
.kv .list>ul li:hover {
	background: #F09F07
}
.kv .list>ul li:hover>p {
	opacity: 1
}
.kv .list>ul li:hover a {
	color: #fff
}


.intro {margin: 50px auto 30px auto}
@media only all and (max-width: 768px) {
	.intro {margin: 30px auto 10px auto}
}
.intro .world{ margin-top:0px;}
@media only all and (max-width: 768px) {
	.intro .world { margin:0 5%;}
}
.intro .world>p {font-size: 28px;font-family: myFirstFont3;}
@media only all and (max-width: 1440px) {
	.intro .world>p {font-size: 28px	}
}
@media only all and (max-width: 1024px) {
	.intro .world>p {font-size: 20px}
}
@media only all and (max-width: 768px) {
	.intro .world>p {font-size: 16px}
}
@media only all and (max-width: 375px) {
	.intro .world>p {font-size: 14px}
}
.intro .world>h5 {	margin-top: 10px;	font-size: 22px;}
@media only all and (max-width: 1440px) {
	.intro .world>h5 {font-size: 23.72px}
}
@media only all and (max-width: 768px) {
	.intro .world>h5 {font-size: 14px}
}
.intro .icon {margin: 70px auto 70px}
@media only all and (max-width: 1366px) {
	.intro .icon {margin: 50px auto 50px}
}
@media only all and (max-width: 768px) {
.intro .icon {margin: 30px 5% 0 5%}
}
.intro .icon>div {float: left;width: 20%}
@media only all and (max-width: 768px) {
.intro .icon>div {width: 50%;margin-bottom: 20px}
}
.intro .icon>div .inner-l {float: left;	width: 20%}
.intro .icon>div .inner-l>img {	width: 100%}
@media only all and (max-width: 768px) {
.intro .icon>div .inner-l>img {	width: 72%}
}
@media only all and (max-width: 414px) {
.intro .icon>div .inner-l>img {	width: 100%}
}
.intro .icon>div .inner-r {float: left;	width: 54%;	margin-left: 15px}
.intro .icon>div .inner-r span {font-size: 18px;font-family: myFirstFont2}
@media only all and (max-width: 1366px) {
.intro .icon>div .inner-r span {font-size: 16px}
}
@media only all and (max-width: 768px) {
.intro .icon>div .inner-r span {font-size: 14px}
}
@media only all and (max-width: 414px) {
.intro .icon>div .inner-r span {font-size: 14px}
}
.intro .icon>div .inner-r p {font-size: 20px}
@media only all and (max-width: 1366px) {
.intro .icon>div .inner-r p {font-size: 16px}
}
@media only all and (max-width: 768px) {
.intro .icon>div .inner-r p {font-size: 16px}
}
@media only all and (max-width: 414px) {
.intro .icon>div .inner-r p {font-size: 14px}
}
.intro .icon .last {margin-right: 0}
.intro .article {padding-bottom: 25px;}
.intro .article>div {float: left; width: 49%}
@media only all and (max-width: 768px) {
.intro .article>div {width: 90%; margin:0 5%;}
}
.intro .article .chinese {}
@media only all and (max-width: 768px) {
.intro .article .chinese {padding-right: 0}
}
.intro .article .chinese>p {font-size: 14px;line-height: 2}
@media only all and (max-width: 1366px) {
.intro .article .chinese>p {font-size: 14px}
}
.intro .article .eng {padding-left: 20px}
@media only all and (max-width: 768px) {
.intro .article .eng {padding-left: 0}
}
.intro .article .eng>p {font-size: 14px;line-height: 1.8;font-family: myFirstFont2}
.intro>p {margin-top: 25px}
.intro>p a {color: #000;font-size: 16px;margin-right: 15px;	transition: all 1s}
@media only all and (max-width: 1366px) {
.intro>p a {font-size: 14px}
}
.intro>p img {transition: all 1s;}
.intro>p:hover a {color: #F09F07}
.intro>p:hover>img {transform: translateX(10px);-webkit-transform: translateX(10px)}

.contentMun{ width:100%; height:230px;margin:0px auto; text-align:center;}
.contentMun .child{padding-top:50px;height:165px; margin:0 25px; text-align:center; display:inline-block; background:#;/*margin-right: 62px;*/}
.contentMun .child .mun{font-family:'DIN Condensed Bold';font-size:70px;color:#F09F07;font-weight: bold; text-align:center;}
.contentMun .child .mun .counter{font-size:70px;}
.contentMun .child p{font-family:'Noto Sans S Chinese Light','NotoSansHans-Light','微软雅黑';font-weight:100;font-size:16px;color:#444; text-align:center;}
@media only all and (max-width: 768px) {
	.contentMun { display:none;}
}

.w-tit{text-align: center; overflow:hidden; margin-bottom:50px;}
.w-tit h1{display:block;font-family: 'Noto Sans S Chinese Light','NotoSansHans-Light','微软雅黑';font-size: 41px; font-size:bold;height:45px; color: #434343;font-weight: 100; font-family:myFirstFont3; text-transform:uppercase;} 
.w-tit span{display: inline-block;position: relative;color:#434343;font-size: 18px;}
.w-tit span i{width: 100%;height: 2px;background: #F09F07; display:block; margin-bottom:20px;}
@media only all and (max-width: 768px) {
	.w-tit{ margin-bottom:20px;}
	.w-tit h1 { font-size: 1.5rem;}
	.w-tit span{font-size: 1.25rem;}
}



/*定制*/
.dingzhi{ height:135px; margin:0 auto 35px auto; background:#3E3A39; overflow:hidden;}
.dingzhiItem{padding:18px 46px;position:relative; color:#FFF;}
.dingzhi .dingzhiTit{font-family:'微软雅黑';font-size:34px;}
.dingzhi .dingzhiDesc{font-size:18px;margin-top:15px;}
@media only all and (max-width: 768px) {
	.dingzhi{ height:auto; margin:0 auto 15px auto;}
	.dingzhiItem{padding:18px 26px;}
	.dingzhi .dingzhiTit{font-size:1.25rem; text-align:center;}
	.dingzhi .dingzhiDesc{font-size:0.9rem; text-align:center;}
}

/*企业顾问 品牌执行*/
.serviceTitle{width:100%;margin-top:30px;background:url(../images/sbg.png) repeat-x;height:42px;}
.titleText{ float:left; background:#231816;color:#fff;height:42px;line-height:42px; padding:0 25px; font-size:18px;text-align:center;}
.serviceItem{float:left; margin-top:30px; margin-right:35px;}
.last{margin-right:0;}
.boxgrid{width: 375px; height: 275px; overflow: hidden; position: relative; }
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; display:block; width: 375px; height: 275px; }
.cover{position:absolute;top:235px;left:0; width: 375px; height:60px; line-height:40px; background:#808080;}
.chTitle{float:left;width:155px;color:#fff;font-size:18px;background:#231816;text-align:center;height:60px;}
.enTitle{float:right;width:210px;color:#c9caca;font-family:Arial, Helvetica;font-size:16px;text-indent:10px;z-index:1;position:relative;}

@media only all and (max-width: 768px) {
	.serviceTitle{margin-top:10px;}
	.titleText{ padding:0 10px; font-size:1rem;}
	.serviceItem{width:31.3333%; margin:0 1%; margin-top:10px;}
	.boxgrid{width:100%; height:100px;}
	.boxgrid img{width: 100%; height:100px;}
	.cover{top:70px; width: 100%;height:30px; line-height:30px;}
	.chTitle{width:100%; font-size:0.9rem;}
}
	
.kehu{ height:60px; line-height:60px; padding:0 25px; color:#FFF; font-family:'微软雅黑';font-size:25px; background:#3E3A39; margin-top:40px;}
.hezuo{ padding:30px 0 30px 0; position:relative; height: 135px;}
.partner{ width:1120px; height: 135px; overflow:hidden; position:absolute; left:40px; top:30px; }
.partner ul li{ float: left; width:224px;height: 135px; position: relative;}
.partner ul li img{ display:block; width:195px; height: 135px;}

.hezuo .sPrev, .hezuo .sNext{ position:absolute; top:30px; display:block; width:15px; height:135px; background:url(../images/larr.png) no-repeat; z-index:999;}
.hezuo .sPrev{ left:0px; background-position:0 center;}
.hezuo .sNext{ right:0px; background-position:right center;}
@media only all and (max-width: 768px) {
	.kehu{ height:40px; line-height:40px; padding:0 15px;font-size:1rem; margin-top:10px;}
	.hezuo{height:60px;}
	.partner{ width:80%; left:10%; top:30px; height:auto;}
	.partner ul li{ float: left; width:33.33%; height:auto;}
	.partner ul li img{ width:80%; height:auto; margin:0 auto;}
	.hezuo .sPrev, .hezuo .sNext{top:30px;height:60px;}
	.hezuo .sPrev{ left:10px;}
	.hezuo .sNext{ right:10px;}
}


.line {
	position: fixed;
	bottom: 200px;
	right: 0
}