body,html{
	width:100%;
	overflow-x:hidden;
	min-width:inherit;
	}
	

.pageWidth{
	width: 960px;
	margin-left:auto;
	margin-right:auto;
}

.pageHeight{
	height:600px;
	}	
	
.yjt_header{
	position: fixed;
	top: 0px;
	left: 0px;
	background:#fff;
	width: 100%;
	z-index:10000;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
	
}

.yjt_header .cont{
	height:80px;
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	}



.yjt_banner{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	overflow:hidden;
	background-image: url(../images/yjtApp/bg1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
.yjt_bannerCont{
	margin-right: auto;
	margin-left: auto;
	width:1200px;
	position:relative;
	}
	
.yjt_bannerCont .img1{
	position:absolute;
	right:60px;
	bottom:0px;
	
	}
	

	
.yjt_bannerInfor{
	margin-top: 160px;
	margin-left: 60px;
	float:left;
	}
	
.yjt_bannerInfor .cont{
	 margin-top:45px;
		}	
	
.yjt_bannerInfor .titleName{
	font-size: 120px;
	font-weight: bold;
	color: #FFF;
	line-height:120px;
	letter-spacing:18px;
	}
	
.yjt_bannerInfor .slogan{
	color: #FFF;
	font-size:32px;
	margin-top:20px;
	letter-spacing:3px;
	}
	
.btnList{
	color:#fff;
	float:left;
	
	}

.btnList .btn{
	height: 48px;
	display:block;
	width:auto;
	border: 1px solid #fff;
	border-radius:5px;
	line-height:48px;
	color:#fff;
	font-size:18px;
	text-align:left;
}

.btnList .btn:hover{
	background:#ffd05e;
	color:#000;
	border: 1px solid #ffd05e;
}

.btnList .btn:hover i{
	color:#000;
}

.phoneImg{
	display:none;
	}
	
.page02{
	margin-top:600px;
	}

.appPage{
	position:relative;
	background-color:#FFF;
	}
.greyBg{
	background:#f8f8f8;
	}	
	
.appPage .cont{
	position:relative;
	}
	
.appPage .txtBox{
	text-align:center;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	}
	
.appPage .txtBox .title {
	color: #000000;
	font-size: 36px;
	font-weight: bold;
	padding-top:50px;
}

.appPage .txtBox .title .label{
	background-color: #0080cc;
	height: 3px;
	width: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	}

.appPage .txtBox .txt{
	color: #333333;
	font-size:14px;
	line-height:24px;
	margin-top:15px;
	}
	
	
.itemList{
	margin-top:40px;
	}
	
.item{
	width:250px;
	text-align:center;
	color:#000000;
	margin-right:105px;
	}
	
.item .title{
	font-size: 24px;
	font-weight: bold;	
	margin-top:20px;
	}
	
.item .txt{
	font-size: 14px;
	color:#333333;
	line-height:26px;
	margin-top:15px;
	}
	

.page03{
	background-image: url(../images/yjtApp/bg2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}

.page_style1,.page_style1 .cont{
	height:600px;
	}
	
.page_style1 .kv{
	
	margin-left:-140px;
	float:left;
	}
		
.page_style1 .txtBox{
	float:left;
	text-align:left;
	margin-left:178px;
	margin-top:200px;
	width:420px;
	}
	
.page_style1 .txtBox .title {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	padding-top:65px;
}





.page_style1 .txtBox .title .label{
	background-color: #fff;
	height: 3px;
	width: 40px;
	margin-left:0px;
	margin-top: 30px;
	}
	
.page_style1 .txtBox .txt{
	color: #fff;
	}
	
	
	
.page_style2 ,.page_style2 .cont{
	height:600px;
	}
	
.page_style2 .kv{
	margin-right:30px;
	float:right;
	}
		
.page_style2 .txtBox{
	float:left;
	text-align:left;
	
	margin-top:200px;
	width:400px;
	}
	
.page_style2 .txtBox .title {
	color: #000000;
	font-size: 36px;
	font-weight: bold;
	padding-top:65px;
}

.page_style2 .txtBox .title .label{
	background-color: #0080cc;
	height: 3px;
	width: 40px;
	margin-left:0px;
	margin-top: 20px;
	}
	
	
.page05{
	background-image: url(../images/yjtApp/bg3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
	
.page07{
	background-image: url(../images/yjtApp/bg4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
	
.page07,.page07 .cont{
	height:600px;	
}		
.page07 .itemList{
	margin-top:85px;	
}


.page07 .item{
	width:50%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dfdfdf;
	margin-right:0px;	
	
}
.page07 .item2{
	width:477px;
	}

.page08{
	padding-bottom:30px;
	}

.page08 .leftCont{
	margin-top:40px;	
	width:680px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dfdfdf;
	float:left;
	}
	
.page08 .leftCont .qrItem{
	font-size:14px;
	color:#333333;
	margin-bottom:25px;
	width:92%;
	}	
	
.page08 .leftCont i{
	font-size:18px;
	color:#0080cc;
	font-weight: bold;	
	}		
.page08 .leftCont .question{
	font-size:14px;
	color:#0080cc;
	font-weight: bold;	
	}	
	
.page08 .leftCont .infor{
	padding-left:15px;
	}
	
.page08 .rightCont{
	margin-top:50px;
	}
		
.page08 .btnList{
	margin-top:25px;
	float:none;
	color:#333;
	}
	
.page08 .btnList .btn{
	background-color: #f2f3f7;
	border: 1px solid #b9b9b9;
	color:#000;
}

.page08 .btnList .btn:hover{
	background:#0080cc;
	border: 1px solid #0080cc;
	color:#fff;
}
	
.page08 .btnList .btn:hover i{
	color:#fff;
}	

.footer{
	background-color:#0080cc;
	padding-top:10px;
	padding-bottom:10px;
	}
	
.footer span{
	line-height:24px;
	font-size:12px;
	color:#FFF;
	}
	
.footer span a{
	color:#FFF;
	}
	
.footer span a:hover{
	opacity:.5;
	}
	
	
@media only screen and (max-width:960px){

	body,html{width:100%;overflow:hidden;overflow-y:auto;-webkit-text-size-adjust: none;}
	.pageWidth{width:100%;}
	.pageHeight{height:auto;}
	
	.yjt_header .cont {
		width: 100%;
	}	
	
	.logo{margin-left:10px;width:165px;}
	.backHome{
		margin-right:10px;
	}	
	.yjt_header{
		line-height:70px;
		}
		
	
		
	.yjt_header .cont{
		height:70px;
		}
		
			
	.yjt_banner{
		margin-top:70px;
	    position:relative;
		background-size: auto 100%;
		
		}	
		
	.yjt_bannerCont {
		width: 100%;
	}		
	
		
	.yjt_bannerInfor{
		margin-top: 60px;
		margin-left: 0px;
		margin-bottom:60px;
		float:none;
		width:100%;
		text-align:center;
	}
	
	.yjt_bannerInfor .cont{
		 margin-top:30px;
			}	
				
	.yjt_bannerInfor .titleName{
		font-size: 80px;
		font-weight: bold;
		color: #FFF;
		line-height:60px;
		letter-spacing:10px;
		}
		
	.yjt_bannerInfor .slogan{
		color: #FFF;
		font-size:18px;
		margin-top:20px;
		letter-spacing:4px;
		}
		
	.yjtAppQr{
		display:none;
		}	
		
	.yjt_bannerInfor .btnList{
		float:none;
		width:230px;
		margin-left:auto;
		margin-right:auto;
	}

	.yjt_bannerCont .img1{
		display:none;
		}
		
		
	/* ========================= page02 ======================== */	
		
	.page02{
		height:auto;
		margin-top:0px;
		}
			
	.appPage .txtBox .title {
		color: #000000;
		font-size: 30px;
		font-weight: bold;
		padding-top:40px;
	}
	.appPage .txtBox .title .label{
		background-color: #0080cc;
		height: 3px;
		width: 40px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
		}
	
	.appPage .txtBox .txt{
		color: #333333;
		font-size:11px;
		line-height:24px;
		margin-top:25px;
		}

		
	.page02 .itemList{
		margin-top:20px;
		}
		
	.page02 .item{
		width:90%;
		float:none;
		padding-top:20px;
		padding-bottom:20px;
		margin-left:5%;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #dfdfdf;
		
		}
		
	.page02  .item .iconImg{
		width:120px;
		float:left;
		}
		
	.page02  .item .itemTxtBox{
		width:49%;
		float:left;
		text-align:left;
		margin-left:20px;
		}
	
	.page02 .item .title{
		font-size: 24px;
		font-weight: bold;	
		margin-top:25px;
		}
		
	.page02 .item .txt{
		font-size: 13px;
		color:#333333;
		line-height:18px;
		margin-top:15px;
		}	
	
	/*=================== page_style1 ==================== */
	
	.page_style1 ,.page_style1 .cont{
		height:auto;
		}

		
	.page_style1 .kv{
		margin-left:-13%;
		float:left;
		width:50%;
		}
			
	.page_style1 .txtBox{
		float:left;
		text-align:left;
		margin-left:10%;
		line-height:18px;
		color:#FFF;
		margin-top: 22%;
		width: 45%;		
		
		}
				
	.page_style1 .txtBox .title {
		color: #FFF;
		font-size: 26px;
		font-weight: bold;
		padding-top:0px;
	}
	
	.page_style1 .txtBox .title .label{
		background-color: #FFF;
		height: 3px;
		width: 30px;
		margin-left:0px;
		margin-top: 15px;
		}
		
	.page_style1 .txtBox .txt{
		font-size: 14px;
		line-height:24px;
		color:#FFF;
		line-height:18px;
		margin-top:10px;
	}	
	
	
	/*=================== page_style2 ==================== */
	
	.page_style2 ,.page_style2 .cont{
		height:auto;
		}

	.page_style2 .kv {
		margin-right: 4%;
		float: right;
		width: 50%;
	}
	
	.page_style2 .txtBox{
		float:left;
		text-align:left;
		margin-left:40px;		
		margin-right:-65px;		
		margin-top:22%;
		width:45%;
		}
			
		
	.page_style2 .txtBox .title {
		color: #000000;
		font-size: 26px;
		font-weight: bold;
		padding-top:0px;
	}
	
	.page_style2 .txtBox .title .label{
		background-color: #0080cc;
		height: 3px;
		width: 30px;
		margin-left:0px;
		margin-top: 15px;
		}
		
	.page_style2 .txtBox .txt{
		font-size: 14px;
		line-height:24px;
		color:#333333;
		line-height:18px;
		margin-top:10px;
	}	
	
	
	
	
	/* ========================= page07 ======================== */	
	.page07 ,.page07 .cont{
		height:auto;
		}
	.page07 .itemList{
		margin-top:20px;
		}
	
	.page07 .item{
		width:90%;
		float:none;
		padding-top:20px;
		padding-bottom:20px;
		margin-left:5%;
		border-top-width: 1px;

		border-top-style: solid;
		border-top-color: #dfdfdf;
		border-right:none;
		
		}
		
	.page07  .item .iconImg{
		width:120px;
		float:left;
		}
		
	.page07  .item .itemTxtBox{
		width:50%;
		float:left;
		text-align:left;
		margin-left:20px;
		}
	
	.page07 .item .title{
		font-size: 24px;
		font-weight: bold;	
		margin-top:25px;
		}
		
	.page07 .item .txt{
		font-size: 13px;
		color:#333333;
		line-height:18px;
		margin-top:15px;
		}	
	
	
	
	
	/* ========================= page08 ======================== */	
	.page08 ,.page08 .cont{
		height:auto;
		}
		
	.page08 .rightCont{
		display:none;
		}

	.page08 .leftCont{
		width:94%;
		margin-left:3%;
		border-right:none;
		float:none;
		padding-bottom:20px;
		}

		
	.footer .pageWidth{
		width:94%;
		margin-left:3%;
		text-align:center;
		}
		
	.footer .leftCont{
		float:none;
		}
		
	.footer .rightCont{
		display:none;
		}
		
	
	.appPage .txtBox .txt{
		font-size:14px;
		line-height:24px;
		}
	
	.page02 .itemList,.page07 .itemList{
		margin-top:40px;
		}	
	
	.page02 .item,.page07 .item{
		padding-top:30px;
		padding-bottom:30px;
		}
		
	.page02  .item .iconImg,.page07  .item .iconImg{
		width:150px;
		}
		
	.page02  .item .itemTxtBox,.page07  .item .itemTxtBox{
		width:60%;
		float:left;
		text-align:left;
		margin-left:40px;
		}
	
	.page02 .item .title,.page07 .item .title{
		font-size: 26px;
		font-weight: bold;	
		margin-top:40px;
		}
		
	.page02 .item .txt,.page07 .item .txt{
		font-size: 14px;
		line-height:24px;
		margin-top:20px;
		}
		
	.page03{
		background-size:auto 100%;
	}
	
	.page05{
		background-size:auto 100%;
	}
		
	.page07{
		background-size:auto 100%;
	}
	
	.page08 .leftCont {
		padding-bottom: 0px;
	}	

}
	
	

/*小于450*/

@media only screen and (max-width:450px){
		.appPage .txtBox .txt {
			font-size: 12px;
			line-height: 20px;
		}
		
		.page02 .itemList, .page07 .itemList {
			margin-top: 20px;
		}		
		.page02 .item, .page07 .item {
			padding-top: 20px;
			padding-bottom: 20px;
		}	
		
		.page02 .item .iconImg, .page07 .item .iconImg {
			width: 30%;
		}	
		
		.page02 .item .itemTxtBox, .page07 .item .itemTxtBox {
			width: 60%;
			float: left;
			text-align: left;
			margin-left: 20px;
		}	
		
		.page02 .item .title, .page07 .item .title {
			font-size: 24px;
			font-weight: bold;
			margin-top: 10px;
		}		
		
		.page02 .item .txt, .page07 .item .txt {
			font-size: 12px;
			margin-top: 10px;
		}	
		
		.page_style2 .txtBox {
			margin-left: 5%;
			width: 50%;
		}		
			
		
	
	}

			
@media only screen and (max-width:320px){
		.appPage .txtBox .txt {
			font-size: 12px;
			line-height:18px;
		}
		
		.page_style2 .txtBox {
			margin-top: 16%;
			width: 45%;
		}		
		
		.page_style1 .txtBox {
			margin-top: 16%;
			width: 45%;
		}		
		
}