/* 大于等于1025 */
@media screen and (min-width: 1025px) { 
	
	.logo,
	.firm,
	.qiyeBox{
		display: block
	}  
	.navApp,
	.bannerApp,
	.firmAPP,
	.carouselApp{
		display: none;
	}
	
	.logo {
		margin-top: 20px;
		height: 52px;
	}
	/* 导航 */
	.navTop li {
	    /*margin-top: 20px;*/
		display: inline-block;
	}
	
	.navTop li a {
		color: #333333;
		margin-left: 30px;
		font-size: 18px;
	}
	
	.navTop li:hover a {
		color: #2f82ff;
	}
	
	.default {
		color: #2f82ff !important;
	}
	
	/* banner */
	.banner {
		background: url(../images/bannerIndex.jpg) no-repeat center center;
		width: 100%;
		background-size: cover;
		height: 100vh;
	}
	.longxin {
		width: 33%;
	}
	
	.longxin p:nth-child(1) {
		font-size: 40px;
		color: #fefefe;
		letter-spacing: 10px;
		padding-bottom: 40px;
		font-weight: bold;
		background: url(../images/bannerLine.png) no-repeat left bottom;
	}
	
	.longxin p:nth-child(2) {
		font-size: 14px;
		color: #fefefe;
		margin-top: 40px;
		line-height: 28px;
	}
	
	.more {
		perspective: 200px;
		width: 150px;
		height: 50px;
		line-height: 50px;
		background-color: #2f82ff;
		border-radius: 50px;
		color: #fefefe;
		text-align: center;
		-webkit-backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition: border-color 2s, color 4s;
		transition: border-color 0.4s, color 0.4s;
		margin-top: 50px;
		font-size: 14px;
	}
	
	.more:hover {
		color: #fff;
		border-color: #1070cf;
		border-radius: 50px;
	}
	
	.more a {
		display: block;
		color: inherit;
		color: #fff;
	}
	
	.more:hover::before {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	.more::before {
		-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	}
	
	.more {
		position: relative;
		z-index: 1;
		cursor: pointer;
	}
	
	.more:before {
		content: '';
		background: red;
		position: absolute;
		left: 0;
		top: 0;
		width: 150px;
		height: 50px;
		border-radius: 50px;
		z-index: -1;
	}
	
	.more:before {
		content: '';
		background: #1e57ad;
		position: absolute;
		left: 0;
		top: 0;
		width: 150px;
		height: 50px;
		border-radius: 50px;
		z-index: -1;
		opacity: 0;
		-webkit-transform: scale3d(0.2, 1, 1);
		transform: scale3d(0.2, 1, 1);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	}
	
	.project {
		float: right;
		width: 62%;
	}
	
	.project a {
		float: left;
		padding: 6rem 1rem;
		height: auto;
	}
	
	.bannerImg1 {
		background: url(../images/1.png) no-repeat center center;
		width: 33%;
		
	}
	
	.bannerImg2 {
		background: url(../images/2.png) no-repeat center center;
		width: 33%;
	}
	
	.bannerImg3 {
		background: url(../images/3.png) no-repeat center center;
		width: 33%;
	}
	
	.bannerImg4 {
		background: url(../images/4.png) no-repeat center center;
		width: 33%;
	}
	
	.bannerImg5 {
		background: url(../images/5.png) no-repeat center center;
		width: 33%;
	}
	
	.bannerImg6 {
		background: url(../images/6.png) no-repeat center center;
		width: 33%;
	}
	.project a p {
		text-align: center;
		color: #333333;
		font-size: 24px;
	}
	
	.project a div {
		text-align: center;
		color: #333333;
		font-size: 14px;
		margin-top: 10px;
	}
	
	/* 企业介绍 */
	.firm {
		background: url(../images/firm.jpg) no-repeat center center;
		width: 100%;
		background-size: cover;
		height: 100vh;
	}
	
	.firm .introduce,
	.firm .firmMore {
		width: 30%;
		overflow: hidden;
	}
	
	.firm p:nth-child(1) {
		text-align: right;
		font-size: 40px;
		color: #333333;
		padding-bottom: 25px;
		font-weight: bold;
	}
	
	.firm p:nth-child(2) {
		text-align: right;
		font-size: 14px;
		color: #333333;
		margin-top: 40px;
		float: right;
		line-height: 28px;
	}
	
	/* 企业优势 */
	.advantage {
		background: url(../images/advantage.jpg) no-repeat center center;
		width: 100%;
		background-size: cover;
		height: 100vh;
	}
	
	.advantageTitle {
		text-align: center;
		color: #333333;
		font-size: 40px;
	}
	
	.piclist {
		width: 32%;
		background-color: rgba(12, 49, 129, 0.8);
		height: 400px;
		margin-top: 30px;
		cursor: pointer;
		padding-top: 100px;
		display: inline-table;
		transition: all 1s;
	}
	
	.piclist p {
		color: #c9c9c9;
		text-align: center;
		margin: 10px 0;
		transition: all 1s;
	}
	
	.piclist .iconImg {
		background: url(../images/icon1-moren.png) no-repeat center center;
		height: 60px;
	}
	
	.piclist .iconImg2 {
		background: url(../images/icon2-moren.png) no-repeat center center;
		height: 60px;
	}
	
	.piclist .iconImg3 {
		background: url(../images/icon3-moren.png) no-repeat center center;
		height: 60px;
	}
	
	.piclist .aline {
		font-size: 36px !important;
	}
	
	.piclist:hover {
		background-color: #0c3181;
	}
	
	.piclist:hover p {
		color: #fff;
	}
	
	.piclist:hover .iconImg {
		background: url(../images/icon1.png) no-repeat center center;
		height: 60px;
	}
	
	.piclist:hover .iconImg2 {
		background: url(../images/icon2.png) no-repeat center center;
		height: 60px;
	}
	
	.piclist:hover .iconImg3 {
		background: url(../images/icon3.png) no-repeat center center;
		height: 60px;
	}
	
	/* 三块大图 */
	.qiye {
		color: #fff;
		padding: 0 5%;
		position: relative;
	}
	
	.qiye div:first-child {
		font-size: 28px;
		font-weight: bold;
		margin-top: 220px;
	}
	
	.qiye div:nth-child(2) {
		margin: 15px 0 50px;
	}
	
	.qiye1 {
		background: url(../images/qiye1.jpg) no-repeat center center;
		background-size: cover;
		height: 100vh;
	}
	
	.qiye2 {
		background: url(../images/qiye2.jpg) no-repeat center center;
		background-size: cover;
		height: 100vh;
	}
	
	.qiye3 {
		background: url(../images/qiye3.jpg) no-repeat center center;
		background-size: cover;
		height: 100vh;
	}
	
	.black {
		width: 100%;
		background-size: cover;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		left: 0;
		transition: all 0.5s;
	}
	
	.qiye:hover .black {
		background-color: rgba(0, 0, 0, 0);
	}
	
	.qiye:hover div {
		color: #fff;
	}
	
	/* 合作伙伴 */
	.partnerBox {
		background: #eeeeee;
		background-size: cover;
		height: 100vh;
	}
	
	.partner {
		padding-top: 3rem;
	}
	
	.partnerTitle {
		background: url(../images/partner.png) no-repeat center center;
		text-align: center;
		color: #333333;
		font-size: 40px;
		padding-top: 8rem;
	}
	
	.partnerImg {
		margin-bottom: 20px;
	}
	
	.partnerImg img {
		margin-top: 1.5rem;
		width: 19%;
	}
	
	.partnerImg img:nth-child(5),
	.partnerImg img:nth-child(10) {
		margin-right: 0;
	}
	
	.footer {
		background: #333333;
		overflow: hidden;
	}
	
	.footerTitle {
		color: #fff;
		font-size: 18px;
		margin-left: 5px;
		padding-top: 2rem;
		padding-bottom: 10px;
	}
	
	.footerLeft {
		float: left;
		width: 80%;
	}
	
	.footerLeft li {
		display: inline-block;
		color: #fff;
		font-size: 12px;
	}
	
	.footerLeft li a {
		color: #fff;
		padding: 5px;
		font-size: 14px;
	}
	
	.footerRight {
		color: #fff;
		width: 20%;
		float: right;
		margin-top: 50px;
	}
	.footerRight img{
		width: 124px;
	}
	.copyright {
		background: #333;
		text-align: center;
		color: #fff;
		border-top: 1px solid #535353;
		padding: 10px 0;
		margin-top: 10px;
	}
	.fp-tableCell{
		height: auto!important;
	}
	.section:nth-child(5){
		position: relative;
	}
	.section:nth-child(5) .footer{
		position: absolute;
		bottom: 0;
		width: 100%;
	}
} 
@media screen and (max-width: 1024px) { 
	.navApp,
	.bannerApp,
	.firmApp,
	.carouselApp{
		display: block;
	}  
	.logo,
	.banner,
	.firm,
	.qiyeBox{
		display: none;
	}
	.navApp {
		background: #fff;
		position: fixed;
		padding: 2vw;
		width: 100%;
		top: 0;
		z-index: 999;
		left: 0;
		box-shadow: 0px 3px 5px #eee;
	}
	
	.navApp .menu {
		background: #fff;
		position: relative;
		width: 40%;
		float: right;
	}
	
	.navApp .menu a {
		color: #333;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		text-decoration: none;
	}
	
	.navApp .mobNav .toolBar {
		display: -webkit-box;
		display: flex;
		height: 8vw;
		overflow: hidden;
	}
	
	.navApp .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;
	}
	
	.navApp .mobNav .menuBtn:active {
		opacity: 0.8;
	}
	
	.navApp .mobNav .menuBtn.close {
		background: url(../images/app/close.png) center center no-repeat;
		background-size: 5vw 5vw;
		opacity: 1 !important;
	}
	
	.navApp .mobNav a {
		flex: 1;
		/* display: flex; */
	}
	
	.navApp .mobNav a img {
		padding: 2px 0;
		height: 100%;
		width: 100px;
	}
	
	.navApp .mobNav span {
		width: 8vw;
		height: 8vw;
	}
	
	.navApp .dropdown {
		position: absolute;
		left: 0;
		top: 12vw;
		width: 100vw;
		background: rgba(0, 0, 0, 0.3);
		z-index: 999;
		display: none;
		height: 230vw;
	}
	
	.navApp .dropdown .menu li:last-child a {
		border-bottom: 0;
	}
	
	.navApp .dropdown .menu a {
		display: flex;
		align-items: center;
		border-bottom: 1px solid #eee;
		line-height: 40px;
	}
	.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;
	}
	
	.project {
		float: right;
		width: 100%;
		padding: 15px;
	}
	
	.project a {
		float: left;
		padding: 6rem 1rem;
		height: auto;
	}
	
	.bannerImg1 {
		background: url(../images/1.png) no-repeat center center;
		width: 50%;
		background-size: cover;
	}
	
	.bannerImg2 {
		background: url(../images/2.png) no-repeat center center;
		width: 50%;
		background-size: cover;
	}
	
	.bannerImg3 {
		background: url(../images/3.png) no-repeat center center;
		width: 50%;
		background-size: cover;
	}
	
	.bannerImg4 {
		background: url(../images/4.png) no-repeat center center;
		width: 50%;
		background-size: cover;
	}
	
	.bannerImg5 {
		background: url(../images/5.png) no-repeat center center;
		width: 50%;
		background-size: cover;
	}
	
	.bannerImg6 {
		background: url(../images/6.png) no-repeat center center;
		width: 50%;
		background-size: cover;
	}
	
	.project a p:first-child {
		text-align: center;
		color: #333333;
		font-size: 2rem;
	}
	
	.project a p:last-child {
		text-align: center;
		color: #333333;
		font-size: 14px;
		margin-top: 10px;
	}
	
	/* 企业介绍 */
	.firmAPP {
		clear: both;
		background-color: #f2fafa;
	}
	
	.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;
	}
	.introduce{
		margin-top: 0!important;
	}
	.more {
		perspective: 200px;
		width: 150px;
		height: 50px;
		line-height: 50px;
		background-color: #2f82ff;
		border-radius: 50px;
		color: #fefefe;
		text-align: center;
		-webkit-backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition: border-color 2s, color 4s;
		transition: border-color 0.4s, color 0.4s;
		margin-top: 50px;
		font-size: 14px;
	}
	.more a {
		display: block;
		color: inherit;
		color: #fff;
	}
	.piclist {
		background-color: #0c3181;
		height: 170px;
		padding-top: 2rem;
		margin-top: 3rem;
		width: 100%;
		float: left;
	}
	
	.piclist p {
		color: #fff;
		font-size: 12px;
		margin-top: 1rem;
	}
	
	.piclist .aline {
		font-size: 16px !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 {
		text-align: center;
		color: #333333;
		font-size: 40px;
		margin-top: 0!important;
		padding-top: 60px;
	}

	.advantage {
		background: url(../images/app/qyys.png) no-repeat center center;
		width: 100%;
		height: 800px!important;
	}
	#dowebok .section:nth-child(2),
	#dowebok .section:nth-child(3){
		height: 680px!important;
	}
	#dowebok .section:nth-child(2) .fp-tableCell,
	#dowebok .section:nth-child(3) .fp-tableCell{
		height: 680px!important;
	}
	#dowebok .section:nth-child(4){
		height: 453px!important;
	}
	#dowebok .section:nth-child(4) .fp-tableCell{
		height: 453px!important;
	}
	#dowebok{
		transform: none!important;
	}
	.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;
	}
	.partnerBox {
	    background: #eeeeee;
	}
	.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;
	}
	.partnerImg {
		margin: 0;
	}
	
	.partner {
		padding: 50px 0;
	}
	
	.footerLeft {
		width: 100%;
	}
	
	.footerRight {
		width: 100%;
		text-align: center;
	}
	
	.footerRight img {
		float: none !important;
		text-align: center;
		width: 124px;
	}
	
	.footerRight p {
		float: none !important;
		text-align: center;
	}
	
	.footerLeft ul {
		text-align: center;
	}
	
	.footerLeft li {
		margin-bottom: 15px;
	}
	
	.footerTitle {
		text-align: center;
	}
	
	.footer {
		background: #333333;
		overflow: hidden;
	}
	
	.footerTitle {
		color: #fff;
		font-size: 18px;
		margin-left: 5px;
		padding-top: 40px;
		padding-bottom: 10px;
	}
	
	.footerLeft li {
		display: inline-block;
		color: #fff;
	}
	
	.footerLeft li a {
		color: #fff;
		padding: 5px;
		font-size: 14px;
	}
	.footerRight {
	    width: 100%;
	    text-align: center;
		color: #fff;
		margin-bottom: 20px;
	}
	.copyright {
	    background: #333;
	    text-align: center;
	    color: #fff;
	    border-top: 1px solid #535353;
	    padding: 10px;
	}
}