@charset "utf-8";
html, body {
    height: 100%;
   
    width: 100%;
}
.tabCon{
	display:block;
	font-family: "微软雅黑", "黑体", tahoma, arial, "宋体", sans-serif;
}
.tabCon .text{width: 500px;
}
.all .wrap .text h2{color:#333;}
.all .wrap .text h5 a{ color:#0096e1; font-size:18px;}
/*第1层*/
.first{
	background-image: url(../images/102.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.all.first .wrap .text{
	left:60%;
	top:40%;
	width: 30%;
}
.all .wrap  .texttop{
	
	top:20%;
	
}
.all.first .wrap .text h2{ line-height: normal; margin-bottom:0px;}

/*第2层*/
.second{
	background:url(../images/103.png) no-repeat center bottom;
}
.all.second .wrap .text{
	top:25%;
	width: 500px;
}
.all.second .wrap .text h2{ margin-bottom:0px;}
.all.second .wrap .text h3{ font-size:30px;}
.all.second .wrap .text h5{ padding-top:20px;}


/*第3层*/
.third{
	background:url(../images/101.png) no-repeat;
}
.all.third .wrap .img{ left:35%; top:18%;}
.all.third .wrap .img_3_2{ bottom:-5px; left:2%; position:absolute}
.all.third .wrap .text{
	top:31%;
	width: 30%;
}
.all.third .wrap .text h2,.all.third .wrap .text h4{
	color:#000;
}

/*第4层*/
.fourth{
	background:url(../images/102.png) no-repeat center bottom;
}
.all.fourth .wrap .text{
	left:0%;
	top:25%;
	width:30%
}
.all.fourth .wrap .text h4{ line-height:normal;}
.all.fourth .wrap .text h5{ text-align:center; font-size:14px;}

/*第5层*/
.fifth{
	background:url(../images/103.png) no-repeat center;
	background-size:cover;
}
.all.fifth .wrap .text h5{ padding-top:20px;}
.all.fifth .wrap .img{ left:-3%; top:12%;}
.all.fifth .wrap .text{ left:67%; top:34%;}
/*第6层*/
.sixth{
	background:url(../images/101.png) no-repeat center;
	background-size:cover;
}
.all.sixth .wrap .img{ left:-3%; top:12%;}
.all.sixth .wrap .text{ left:67%; top:34%;}

/*第7层*/
.seventh{
	background:url(../images/102.png) no-repeat center;
	background-size:cover;
}
.all.seventh .wrap .img{ left:35%; top:12%;}
.all.seventh .wrap .text h2,.all.seventh .wrap .text h4{
	color:#000;
}
.all.seventh .wrap .text{ top:37%;}
.all.seventh .wrap .text h5{ padding-top:20px;}


/*第8层*/
.eighth{
	background:url(../images/103.png) no-repeat center;
	background-size:cover;
}	
.all.eighth .wrap .img{ top:59%; left:17%;}
.all.eighth .wrap .text{ top:53%;left:60%;}
.all.eighth .wrap .text h5{ padding-top:20px;}
.all.eighth .wrap .text_8_1{ background:url(../images/feature/8-1.png) no-repeat; width:222px; height:103px; left:5%; top:14%; padding:20px 0 0 20px;}
.all.eighth .wrap .text_8_1 h2{ font-size:30px; color:#fff; margin-bottom:0px; line-height:normal;}
.all.eighth .wrap .text_8_1 h4{ font-size:17px; color:#fff;padding-left:0px;}
.all.eighth .wrap .text_8_2{background:url(../images/feature/8-2.png) no-repeat; width:130px; height:100px; left:32.5%; top:18%; padding:13px 0 0 10px;}
.all.eighth .wrap .text_8_2 h2{ font-size:25px; color:#fff; margin-bottom:0px; line-height:normal;}
.all.eighth .wrap .text_8_2 h4{ font-size:14px; color:#fff; padding-left:0px;}


.all.eighth .wrap .text_8_3{ background:url(../images/feature/8-3.png) no-repeat; width:200px; height:121px; left:48%; top:22%; padding:20px 0 0 15px;}
.all.eighth .wrap .text_8_3 h2{ font-size:28px; color:#fff; margin-bottom:0px; line-height:normal;}
.all.eighth .wrap .text_8_3 h4{ font-size:16px; color:#fff;padding-left:0px;}

.all.eighth .wrap .text_8_4{ background:url(../images/feature/8-4.png) no-repeat; width:200px; height:121px; left:3%; top:29%; padding:20px 0 0 15px;}
.all.eighth .wrap .text_8_4 h2{ font-size:28px; color:#fff; margin-bottom:0px; line-height:normal;}
.all.eighth .wrap .text_8_4 h4{ font-size:19px; color:#fff;padding-left:0px;}

.all.eighth .wrap .text_8_5{ background:url(../images/feature/8-5.png) no-repeat; width:170px; height:100px; left:26%; top:32%; padding:10px 0 0 15px;}
.all.eighth .wrap .text_8_5 h2{ font-size:28px; color:#fff; margin-bottom:0px; line-height:normal;}
.all.eighth .wrap .text_8_5 h4{ font-size:14px; color:#fff;padding-left:0px;}


.all.eighth .wrap .text_8_6{ background:url(../images/feature/8-6.png) no-repeat; width:150px; height:100px; left:45%; top:36%; padding:15px 0 0 15px;}
.all.eighth .wrap .text_8_6 h2{ font-size:20px; color:#fff; margin-bottom:0px; line-height:normal;}
.all.eighth .wrap .text_8_6 h4{ font-size:12px; color:#fff;padding-left:0px;}

.all.eighth .wrap .text_8_7{ background:url(../images/feature/8-7.png) no-repeat; width:130px; height:100px; left:6%; top:44%; padding:15px 0 0 15px;}
.all.eighth .wrap .text_8_7 h2{ font-size:26px; color:#fff; margin-bottom:0px; line-height:normal;}
.all.eighth .wrap .text_8_7 h4{ font-size:15px; color:#fff;padding-left:0px;}
.ninth{
	background:url(../images/101.png) no-repeat center;
	background-size:cover;
}	
.tenth{
	background:url(../images/102.png) no-repeat center;
	background-size:cover;
}	


.productBg{ background:url(../images/jiazhand.png) no-repeat top center;}
.downloadBg{ 
	background: url(../images/bg-down-01.jpg) no-repeat center top; 
	background-size: cover;
	position: relative;
	}

.downloadBg2{ 
	background: url(../images/down_bg2.jpg) no-repeat center;
	background-size: cover;
	}
.product_yzBg{background:url(../images/yuanzhad.png) no-repeat top center;}
.product_ydBg{background:url(../images/yuandingd.png) no-repeat top center;}
.wrap .product_ydtext{ text-align:center; width:100%;}
