@charset "utf-8";

.bannerApp {
	margin-top: 12vw;
}

.bannerApp img {
	width: 100%;
}

.projectFlBox {
	padding: 0 30px;
}

.projectFl {
	background: url(../images/app/projrct.png) no-repeat center center;
	height: 94px;
	padding-top: 7%;
	color: #333333;
	font-size: 40px;
	margin: 30px;
	background-size: contain;
}

/* 导航样式 */
.nav {
	background: #fff;
	position: fixed;
	padding: 2vw;
	width: 100%;
	top: 0;
	z-index: 999;
	left: 0;
	box-shadow: 0px 3px 5px #eee;
}

.nav .menu {
	background: #fff;
	position: relative;
	width: 40%;
	float: right;
}

.nav .menu a {
	color: #333;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	text-decoration: none;
}

.nav .mobNav .toolBar {
	display: -webkit-box;
	display: flex;
	height: 8vw;
	overflow: hidden;
}

.nav .mobNav .menuBtn {
	padding: 0;
	margin: 0;
	height: 8vw;
	width: 8vw;
	background: url(../images/app/menu.png) center center no-repeat;
	background-size: 7vw 7vw;
	border: none;
	outline: none;
	border-radius: 1px;
}

.nav .mobNav .menuBtn:active {
	opacity: 0.8;
}

.nav .mobNav .menuBtn.close {
	background: url(../images/app/close.png) center center no-repeat;
	background-size: 5vw 5vw;
	opacity: 1 !important;
}

.nav .mobNav a {
	flex: 1;
	/* display: flex; */
}

.nav .mobNav a img {
	padding: 2px 0;
	height: 100%;
	width: 100px;
}

.nav .mobNav span {
	width: 8vw;
	height: 8vw;
}

.nav .dropdown {
	position: absolute;
	left: 0;
	top: 12vw;
	width: 100vw;
	background: rgba(0, 0, 0, 0.3);
	z-index: 999;
	display: none;
	height: 230vw;
}

.nav .dropdown .menu li:last-child a {
	border-bottom: 0;
}

.nav .dropdown .menu a {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #eee;
	line-height: 40px;
}

/* 企业介绍 */
.firmAPP {
	clear: both;
	background-color: #f2fafa;
	margin-top: 30px;
}

.firmAPP p:nth-child(1) {
	font-size: 40px;
	color: #333333;
	padding-top: 15%;
	padding-bottom: 40px;
	background: url(../images/app/company.png) no-repeat center center;
	background-size: contain;
	margin: 0 30px;
}

.firmAPP p:nth-child(2) {
	text-align: center;
	font-size: 14px;
	color: #333333;
}

.firmAPP .firmMore {
	overflow: hidden;
	clear: both;
	display: inline-block;
}

.firmAPP img {
	width: 100%;
	margin-top: 30px;
	padding-bottom: 30px;
}

/* 手机版轮播三块大图 */
.carouselApp img {
	width: 100%;
}

/* 小于800 */
@media screen and (max-width:800px) {
	.banner,
	.logo,
	.firm,
	.qiyeBox {
		display: none;
	}

	/* 项目分类 */
	.project {
		width: 100%;
	}

	.project {
		margin-top: 0;
		padding: 0 15px;
		margin-bottom: 30px;
	}

	.project a {
		width: 50%;
		background-size: cover;
	}

	.bannerImg1 {
		background: url(../images/app/1.png) no-repeat center center;
	}

	.bannerImg2 {
		background: url(../images/app/2.png) no-repeat center center;
	}

	.bannerImg3 {
		background: url(../images/app/3.png) no-repeat center center;
	}

	.bannerImg4 {
		background: url(../images/app/4.png) no-repeat center center;
	}

	.bannerImg5 {
		background: url(../images/app/5.png) no-repeat center center;
	}

	.bannerImg6 {
		background: url(../images/app/6.png) no-repeat center center;
	}

	.piclist {
		background-color: #0c3181;
		padding-left: 3px;
		padding-right: 3px;
		height: 300px;
		padding-top: 70px;
		margin-top: 60px;
	}

	.piclist p {
		color: #fff;
		font-size: 12px;
	}

	.piclist .aline {
		font-size: 18px !important;
	}

	.piclist .iconImg {
		background: url(../images/app/icon1.png) no-repeat center center;
		height: 52px;
	}

	.piclist .iconImg2 {
		background: url(../images/app/icon2.png) no-repeat center center;
		height: 52px;
	}

	.piclist .iconImg3 {
		background: url(../images/app/icon3.png) no-repeat center center;
		height: 52px;
	}

	.advantageTitle {
		padding-top: 116px;
	}

	.advantage {
		height: 680px;
	}

	.partnerImg img {
		margin-top: 30px;
		width: 46%;
		margin-right: 4%;
	}

	.partnerImg img:nth-child(2n) {
		margin-right: 0;
		float: right;
	}

	.partnerTitle {
		background: url(../images/app/partner.png) no-repeat center center;
		text-align: center;
		color: #333333;
		font-size: 40px;
		padding-top: 10%;
		background-size: contain;
		margin: 0 30px;
	}

	.partnerImg {
		margin: 0;
	}

	.partner {
		padding: 50px 0;
	}

	.footerLeft {
		width: 100%;
	}

	.footerRight {
		width: 100%;
		text-align: center;
	}

	.footerRight img {
		float: none !important;
		text-align: center;
	}

	.footerRight p {
		float: none !important;
		text-align: center;
	}

	.footerLeft ul {
		text-align: center;
	}

	.footerLeft li {
		margin-bottom: 15px;
	}

	.footerTitle {
		text-align: center;
	}
}

@media screen and (min-width:801px) {

	.bannerApp,
	.nav,
	.firmAPP,
	.carouselApp {
		display: none;
	}
}

/* 集团概况页面 */
.jtgkBannerApp {
	margin-top: 12vw;
}

.jtgkBannerApp img {
	width: 100%;
}

.courseBoxApp .courseLeft div {
	color: #333;
	font-size: 40px;
	background: url(../images/lctLine.png) no-repeat bottom center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.courseBoxApp .courseLeft p {
	color: #333;
	font-size: 14px;
	text-align: justify;
}

.courseBoxApp img {
	width: 100%;
	padding: 30px 15px;
}

@media screen and (max-width:800px) {

	.jtgkBanner,
	.courseBox {
		display: none;
	}

	.jtgkBanner {
		background: url(../images/app/jtgk.jpg) no-repeat center center;
		background-size: cover;
		width: 100%;
		height: 500px;
		margin-top: 12vw;
	}

	.groupTitle {
		margin: 50px 15px;
		padding-top: 20px;
	}

	.numberBox .itemBox-left {
		width: 47%;
		margin-right: 3%;
		float: left;
		text-align: center;
		border-right: none;
		color: #333333;
		background-color: #f5f5f5;
		margin-bottom: 20px;
		padding: 15px;
	}

	.numberBox .itemBox-left p {
		font-size: 16px;
	}

	.numberBox .itemBox-left:nth-child(2n) {
		margin-right: 0;
	}

	.numberBox {
		background: none;
		padding-top: 0;
	}

	.numberBox .itemBox-left i {
		font-size: 46px;
	}

	.enterpriseBox .enterprise {
		background: url(../images/lctLine.png) no-repeat bottom center;
		text-align: center;
	}

	.enterpriseBox .enterprisePicList {
		width: 48%;
		margin-right: 2%;
		float: left;
		text-align: center;
		margin-bottom: 20px;
	}

	.enterpriseBox .enterprisePicList:nth-child(2),
	.enterpriseBox .enterprisePicList:nth-child(3),
	.enterpriseBox .enterprisePicList:nth-child(6) {
		margin-right: 0;
		float: right;
	}

	.enterpriseBox .enterprisePicList p {
		font-size: 12px;
	}
}

@media screen and (min-width:801px) {

	.jtgkBannerApp,
	.courseBoxApp {
		display: none;
	}
}

/* 项目页面 */
.projectBannerApp {
	margin-top: 12vw;
}

.projectBannerApp img {
	width: 100%;
}

@media screen and (max-width:800px) {

	.projectBanner,
	.businessBox {
		display: none;
	}

	.businessTitle {
		color: #333333;
		font-size: 34px;
		padding-bottom: 30px;
	}

	.myOrderBox {
		margin-bottom: 30px;
	}
	/* 滑动导航开始 */
	#leftsidebar {
		background: #fff;
	}

	.leftsidebarBox {
		overflow: hidden
	}

	.leftsidebarBox ::-webkit-scrollbar {
		width: 0px;
	}
	#leftsidebar li {
		float: left;
		font-size: 16px;
		padding: 10px 15px;
		cursor: pointer;
		border: 1px solid #eee;
		text-align: center;
	}
	
	.cur {
		border-top: 2px solid #2f82ff !important;
	}
	
	.none {
		display: none;
	}
	.tab-head {
		list-style-type: none;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		font-size: 16px;
		overflow: auto;
	}
	
	.tab-head-item {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		color: #333;
		padding: 0 5px;
	}
	
	.tab-head::-webkit-scrollbar {
		display: none;
	}

	/* 滑动导航结束 */

	.businessBoxAPP {
		/* background-color: #f4f4f4; */
		padding: 35px 0 125px 0;
	}

	.imgBox div {
		padding-bottom: 10vw;
	}

	.imgBox img {
		width: 100%;
		background-color: #fff;
		padding: 6vw 10vw;
	}

	.imgBox a {
		margin: 0 10vw 6vw 10vw;
		border-bottom: 1px solid #d1d1d1;
		display: block;
		background: #fff;
	}

	.imgBox a:last-child {
		border-bottom: none;
	}

	.imgBox a p:first-child {
		color: #333;
		font-size: 24px;
		padding-bottom: 15px;
	}

	.imgBox a p:last-child {
		color: #333;
		font-size: 14px;
		padding-bottom: 20px;
	}
}

@media screen and (min-width:801px) {

	.projectBannerApp,
	.businessBoxAPP {
		display: none;
	}
}

/* 文化页面 */

@media screen and (max-width:800px) {

	.cultureBanner,
	.cultureBox,
	.personBanner,
	.rcRight,
	.jtfl{
		display: none;
	}
	.cultureBannerApp img,
	.personBannerApp img{
		width: 100%;
		margin-top: 12vw;
	}
	.cultureBoxAPP{
		padding-bottom: 60px;
		padding-left: 0;
		padding-right: 0;
	}
	.cultureBoxAPP img{
		width: 100%;
		margin-top: 60px;
	}
	.rcLeft{
		width: 100%;
	}
	.personBox .rcTop div{
		text-align: center;
		background: url(../images/lctLine.png) no-repeat bottom center;
		font-size: 36px;
	}
	.personBox .rcTop p{
		text-align: center;
	}
	.personBox .rcBottom div:nth-child(1) {
		text-align: center;
		background: url(../images/lctLine.png) no-repeat bottom center;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.personBox .rcBottom div:nth-child(2){
		text-align: center;
		padding-left: 40px;
		padding-right: 40px;
		font-size: 18px;
	}
	.personBox .rcBottom div:nth-child(3){
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 40px;
		line-height: 28px;
	}
	.personBox .rcIconBox{
		width: 100%;
		text-align: center;
	}
	.rcPic{
		background: url(../images/rc.jpg) no-repeat center center;
		width: 100%;
		height: 515px;
		margin-top: 30px;
	}
	.personBox .rcBottom div:nth-child(1){
		margin-top: 50px;
		font-size: 36px;
	}
	.jtflApp img{
		width: 100%;
		margin-bottom: 50px;
	}
	.personBox .container{
		padding: 0;
	}
	.personBox .rcIcon p{
		padding: 0 40px;
	}
	.personBox .rcIcon{
		margin-bottom: 30px;
	}
	.personBox{
		padding-top: 50px;
	}
}

@media screen and (min-width:801px) {

	.cultureBannerApp,
	.cultureBoxAPP,
	.personBannerApp,
	.jtflApp{
		display: none;
	}
}