/* CSS Document */
.pronBg{
	width:100%;
	height:806px;
	background:url(../img/pdt1_bg.png) center;
	background-repeat:no-repeat;
	background-height:100%;
}
.pronM{
	position:relative;
	height:806px;
}
.pronText{
	width:550px;
	margin-left:12px;
	margin-top:258px;
}

.pronT{
	width:100%;
	font-size:48px;
	line-height:72px;
	color:#fff;
	display:block;
}
.pronTC{
	width:100%;
	font-size:48px;
	line-height:72px;
	color:#fff;
	display:block;
}
.pronTcont{
	width:100%;
	font-size:24px;
	color:#fff;
	display:block;
	line-height:80px;
}

.pronImg{
	width:519px;
	height:399px;
	background:url(../img/pdt1_pic.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:231px;
	right:14px;
	transition:top 1s;
	-moz-transition:top 1s; /* Firefox 4 */
	-webkit-transition:top 1s; /* Safari and Chrome */
	-o-transition:top 1s; /* Opera */
}
.pronImg:hover{
	top:211px;
}

.proFunBg{
	background:#EFFAFD;
}
.proFunModel{
	width:974px;
	margin:0 auto;
	margin-top:95px;
	margin-bottom:107px;
}
.proFW1{
	width:486px;
	height:371px;
	display:inline-block;
	float:left;
}
.proFW3{
	width:488px;
	height:373px;
	display:inline-block;
	float:left;
}
.proFW4{
	width:486px;
	height:373px;
	display:inline-block;
	float:right;
}
.proFW2{
	width:488px;
	height:371px;
	display:inline-block;
	float:right;
}
.proFW2 img,.proFW3 img{ width:100%; height:100%;}
.proFWImg1{
	width:112px;
	height:116px;
	background:url(../img/tb1.png) no-repeat;
	background-size:100% 100%;
	display:block;
	margin:0 auto;
	margin-top:74px;
	margin-bottom:26px;
	transition: transform 2s;
	-moz-transition: -moz-transform 2s; /* Firefox 4 */
	-webkit-transition: -webkit-transform 2s; /* Safari and Chrome */
	-o-transition: -o-transform 2s; /* Opera */
}
.proFWImg2{
	width:113px;
	height:105px;
	background:url(../img/tb2.png) no-repeat;
	background-size:100% 100%;
	display:block;
	margin:0 auto;
	margin-top:66px;
	margin-bottom:29px;
	transition: transform 2s;
	-moz-transition: -moz-transform 2s; /* Firefox 4 */
	-webkit-transition: -webkit-transform 2s; /* Safari and Chrome */
	-o-transition: -o-transform 2s; /* Opera */
}

.proFWImg1:hover,.proFWImg2:hover{
	transform:rotateY(180deg);
	-moz-transform:rotateY(180deg); /* Firefox 4 */
	-webkit-transform:rotateY(180deg); /* Safari and Chrome */
	-o-transform:rotateY(180deg); /* Opera */
}

.proFWtit{
	width:100%;
	text-align:center;
	font-size:24px;
	color:#333;
	display:block;
}
.proFWcont1{
	width:370px;
	font-size:16px;
	line-height:25px;
	height:73px;
	color:#464646;
	display:block;
	margin:0 auto;
	margin-top:26px;
	letter-spacing:0.5px;
}
.proFWcont2{
	width:331px;
	font-size:16px;
	line-height:25px;
	height:73px;
	color:#464646;
	display:block;
	margin:0 auto;
	margin-top:28px;
}
.promsgModel{
	position:relative;
}
.promsgImg{
	width:653px;
	height:489px;
	background:url(../img/pdt1Img.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:209px;
	left:0;
	transition:top 1s;
	-moz-transition:top 1s;  /***firfox****/
	-o-transition:top 1s;	/***opera***/
	-webkit-transition:top 1s;	  /****chrome and safari****/
}
.promsgImg:hover{
	top:189px;
}

.promsgText{
	width:317px;
	margin-top:119px;
	margin-bottom:106px;
	float:right;
	margin-right:102px;
}

.promsgTitle{
	width:100%;
	font-size:24px;
	color:#333333;
}
.promsgCont{
	width:100%;
	margin-top:38px;
}
.promsgCont_i{
	font-size:18px;
	line-height:35px;
	display:block;
}
.promsge{
	display:inline-block;
	width:154px;
}
.promsgtent{
	text-indent:55px;
	display:inline-block;
}
.promsgGap{
	margin-top:32px;
}

@media screen and (min-width:769px) and (max-width: 1024px){
	 .pronImg{ right:0px;}
	 .pronT{font-size:48px;}
}

@media screen and (max-width:768px){
	.pronImg{display:none;}
	.proFunModel{ width:488px;}
	.promsgImg{display:none;}
	.pronT{font-size:42px;}
	.promsgText{ float:none; margin:98px auto;}
}

@media screen and (max-width:415px){
	.pronText{ width:100%; margin-left:5px;}
	.pronTC{ font-size:26px; line-height:36px; margin-top:85px; margin-bottom:25px;}
	.pronTcont{ font-size:20px; line-height:28px;}
	.proFunModel{ width:360px;}
	.proFW2{ width:360px; height:273px;}
	.proFW1{ width:360px; }
	.proFW3{ width:360px; height:273px;}
	.proFW4{ width:360px; }
	.pronT{font-size:26px;}
}

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