/*base*/
*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}

img{vertical-align:top;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{font-family: "黑体";}
.wrap{
	overflow: hidden;
}
/*head*/
.header{
	width: 100%;
	height: 2rem;
	background: #42cab4;
}
.header .head{
	width:15rem;
	padding-top: 0.45rem;
	margin: 0 auto;
}
.header .head h1{
	width: 3.225rem;
	height: 0.975rem;
	background: url(../img/logo.png) no-repeat;
	background-size: 100% 100%;
}
.header .head h1 a{
	width: 100%;
	height: 100%;
	text-indent: -999em;
	display: block;
}
.con{
	border-left: 1px solid #fff;
	font-size: 0.4rem;
	color: #fff;
	margin-left: 0.25rem;
	padding-left: 0.25rem;
}
.tel{
	background: url(../img/tel.png) no-repeat center left;
	background-size: 1.4rem 1.325rem;
	padding-left: 1.125rem;
	height: 1.45rem;
	font-size: 0.6rem;
	color: #fff;
	line-height: 1rem;
}
/*nav*/
.nav{
	width: 15.025rem;
	margin: 0.3rem auto;
	font-size: 0.4rem;	
}
.nav li{
	width: 2.3rem;
	height: 0.8rem;
	border: 1px solid #fff;
	line-height: 0.8rem;
	text-align: center;
	margin-right: 0.125rem;
}
.nav li.last{
	margin-right: 0rem;
}
.nav li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
#item2{display: none;}
#item{width: 100%;z-index: 999;}
/*banner*/
.banner img{
	width: 100%;
	height: 10rem;
}
/*part1*/
.part1{
	width: 15rem;
	margin: 0.75rem auto 1rem;
	text-align: center;
}
.part1 h2{
	background: url(../img/top5.png) no-repeat center top;
	background-size:3.975rem 1.75rem;
	height:1.75rem;
	line-height:1.78rem;
	font-size: 0.7rem;
	color: #3399ff;
	margin-bottom: 0.5rem;
}
.part1 h2 span{
	color: #999;
}
.part1 h2 i{
	color: #fc0;
}
.part1 .content{
	width: 100%;
	height: 10rem;
	margin: 0 auto;
	position: relative;
}
.part1 .content li{
	position: relative;
}
.part1 .content li strong{
	position: absolute;
	left: 0.7rem;
	bottom: 0.8rem;
	font-size: 0.5rem;
	color: #fff;
	text-shadow: 1px 1px 1px #3bb4a0;
}
.part1 .content img{
	width:6.025rem;
	height: 4.125rem;
}
.part1 .content li.sec{
	position: absolute;
	left:4.85rem;
	top: 1.95rem;
	background: url(../img/mid.png) no-repeat center center;
	background-size:100% 100% ;
	width:5.45rem;
	height: 5.5rem;
	cursor: pointer;
	z-index: 1;
}
.part1 .content li.sec strong{
	left:1rem;
	bottom: 0.9rem;
	text-shadow: 1px 1px 1px #d99d00;
}
.part1 .content li.thr{
	margin-left: 2.95rem;
}
.part1 .content li.thr strong{
	left: 4rem;
}
.part1 .content li p{
	font-size: 0.4rem;
	color: #666;
	padding-top: 0.25rem;
}
.part1 .content li.sec p{
	color: #ff9900;
	margin-top: 5.5rem;
}
.part1 .content li.mart{
	margin-top: 0.5rem;
}
/*part2*/
.part2{
	text-align: center;
	width: 100%;
	background: #f5f5f5;
	padding-bottom: 0.7rem;
}
.part2 .box{
	width: 15rem;
	margin: 0 auto;
}
.part2  h2{
	font-size: 0.7rem;
	color: #4b8df9;
	padding-top: 0.75rem;
	margin-bottom:0.25rem ;
}
.part2  h2 span{
	color: #ffb800;
}
.part2  i{
	display: block;
	width: 100%;
	height: 0.7rem;
	background: url(../img/theway.png) no-repeat center top;
	background-size: 100% 100%;
}
.part2 .tab-btn{
	width: 16rem;
	margin: 0 auto;
}
.part2 .tab-btn li{
	width: 3.75rem;
	height: 1rem;
	border-bottom: 1px solid #bcb8ad;
	border-right: 1px solid #bcb8ad;
	transform: rotate(-4deg);
	color: #FFFFFF;
	font-size: 0.4rem;
	line-height: 1rem;
	margin-right: 0.05rem;
	margin-top: .65rem;
	transition: 1s;	
}
.part2 .tab-btn li.changeColor{
	color: #000;
}
.part2 .tab-btn li:nth-child(1){
	background:#ffb800;
	width: 3.5rem;
}
.part2 .tab-btn li:nth-child(2){
	background:#c3db3d;
	width: 3.2rem;
}
.part2 .tab-btn li:nth-child(3){
	background:#42cab4;
	width: 4rem;
}
.part2 .tab-btn li:nth-child(4){
	background:#028ebf;
}
/*.part2 .tab-btn li.max{
	transform:rotate(-4deg) scale(1.05);
}
.part2 .tab-btn li.min{
	transform:rotate(-4deg) scale(0.95);
}*/
.part2 .tabImg-box{
	width: 15rem;
	height: 10rem;
	background: url(../img/tabbg.png) no-repeat;
	background-size:100% 100%;	
	margin: 0.4rem auto 0;
}
.part2 .over{
	width: 13.8rem;
	height: 8.3rem;
	overflow: hidden;
	position: relative;
	margin-left: 0.6rem;
}
.part2 .pic{
	/*width:55.2rem;*/
	width:13.8rem
	height: 8.3rem;
	position: absolute;
	left: 0;
	top: 0.85rem;	
}
.part2 .pic img{
	width: 13.8rem;
	height: 100%;
}
.part2 .pic li{
	position: absolute;
	left: 0;
	top: 0;
	transition: 1s;
	transform: scale(0);
}
.part2 .pic li.max{
	transform: scale(1);
}
.button{
	width: 6.5rem;
	height: 0.875rem;
	margin: 0 auto;
	background: #ffb800;
	border-radius: 0.1rem;
	display: block;
	font-size: 0.6rem;
	color: #fff;
	text-align: center;
	line-height: 0.875rem;
	text-shadow: 1px 1px 1px #c28b00;
	margin-top: 0.55rem;
}
/*part3*/
.part3{
	width: 14rem;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 0.75rem;
	text-align: center;
}
.part3 h2{
	font-size: 0.7rem;
	color: #028ebf;
	padding-top: 0.7rem;
}
.part3 h2 span{
	color: #ffb800;
}
.part3 h2 i{
	display:inline-block;
	width: 1rem;
	height: 0.6rem;
	background: url(../img/icon.png) no-repeat;
	background-size: 100% 100%;
}
.part3 h2 i.one{
	margin-right: 0.5rem;
}
.part3 h2 i.two{
	margin-left: 0.5rem;
}
.part3 .part3ul{
	width: 14rem;
	margin: 0.5rem auto 0;
}
.part3 .part3ul li{
	width: 6.75rem;
	height: 4rem;
	margin-right: 0.5rem;
	margin-bottom: 0.25rem;
}
.part3 .part3ul li.last{
	margin-right: -0.5rem;
}
.part3 .part3ul li:nth-child(1){
	background: url(../img/icon1.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .part3ul li:nth-child(2){
	background: url(../img/icon2.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .part3ul li:nth-child(3){
	background: url(../img/icon3.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .part3ul li:nth-child(4){
	background: url(../img/icon4.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .part3ul li:nth-child(5){
	background: url(../img/icon5.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .part3ul li:nth-child(6){
	background: url(../img/icon6.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .part3ul h3{
	font-size: 0.7rem;
	color: #00fffc;
	padding-top: 0.25rem;
}
.part3 .part3ul li p{
	font-size: 0.44rem;
	color: #fff;
	margin-top: 1.7rem;
}
.part3 .part3ul li.fonts p{
	font-size: 0.4rem;
	margin-top: 1.8rem;
}
.part3 .part3ul li.sec h3{
	color: #fff600;
}
.part3 .part3ul li.fonts h3{
	color: #028ebf;
}
/*part4*/
.part4{
	width: 100%;
	background: #f5f5f5;
	padding-bottom: 0.75rem;
	padding-top: 0.75rem;
	text-align: center;
}
.part4 h2{
	width: 100%;
	height: 0.7rem;
	background: url(../img/title.png) no-repeat bottom left;
	background-size:100% 100%;
}
.part4 p{
	font-size: 0.4rem;
	color: #8a8a8a;
	padding-top: 0.25rem;
	padding-bottom: 0.5rem;
}
.part4 img{
	width: 15.025rem;
	height: 8.575rem;
}
/*part5*/
.part5 ul{
	width: 14rem;
	margin: 0.5rem auto 0;	
}
.part5 ul li{
	position: relative;
	width: 5rem;
	padding-left: 1rem;
	height: 1.75rem;
	line-height: 1.75rem;
	background: #028ebf;
	font-size: 0.5rem;
	color: #fff;
	text-align: left;
	margin-right:1.2rem;	
	margin-bottom: 0.25rem;
}
.part5 ul li.last{
	margin-right: 0;
}
.part5 ul li.thr{
	line-height: 0.6rem;
	padding-top:0.35rem ;
	height: 1.4rem;
}
.part5 ul li i{
	width:1.5rem;
	height: 1.5rem;
	background: #ffb800;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: -0.75rem;
	top: 0.125rem;
	font-size: 0.5rem;
	line-height: 1.5rem;
	font-weight: bold;
	text-align: center;
}
.part5 ul li.odd{
	margin-left: 0.75rem;
}
/*part6*/
.part6{
	padding-bottom: 0.75rem;
}
.part6 h2{
	width: 100%;
	height: 0.725rem;
	margin: 0 auto;
	background: url(../img/title2.png) no-repeat bottom left;
	background-size: 100% 100%;
}
.part6 .button{
	width: 6.35rem;
}
.part6 .table{
	width: 14.95rem;
	height: 9.8rem;
	border: 1px solid #cbcbcb;
	/*border-bottom: none;*/
	margin: 0.55rem auto 0;
	overflow: hidden;
}
.part6 .table .ul1{
	height: 1.2rem;
	background: #42cab4;
	text-align: center;
	line-height: 1.2rem;
}
.part6 .table .ul1 li{
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	font-size: 0.5rem;
	color: #fff;
	height: 100%;
}
.part6 .table .ul1 li:nth-child(1){
	width: 3.7rem;
}
.part6 .table .ul1 li:nth-child(2){
	width: 4.95rem;
}
.part6 .table .ul1 li:nth-child(3){
	width: 6.2rem;
	border-right: none;
}
.part6 .table .ul2{
	height: 2.45rem;
	background: #d9eef5;
}
.part6 .table .ul3{
	background: #f3f8d8;
}
.part6 .table .ul4{
	background: #fff8e5;
	height: 3.7rem;	
}

.part6 .table .ul2 li p{
	font-size: 0.4rem;
	color: #6c6c6c;
	line-height: 0.55rem;
	margin-top: 0.75rem;
	
}
.part6 .table .ul2 li.sec p{
	height: 1.2rem;
	line-height: 1.2rem;
	margin-top: 0;
}
.part6 .table .ul2 li.sec p:nth-child(1){
	border-bottom: 1px solid #cbcbcb;
}
.part6 .table .ul2 li.sec p:nth-child(2){
	border-bottom: none;
}
.part6 .table .ul2 li.thr{
	text-align: left;
}
.part6 .table .ul2 li.thr p{
	margin-top: 0.5rem;
	margin-left: 0.35rem;
}
.part6 .table .ul4 li.sec p:nth-child(2){
	border-bottom: 1px solid #cbcbcb;
}
.part6 .table .ul4 li.sec p:nth-child(3){
	border-bottom: none;
}
.part6 .table .ul4 li p{
	margin-top: 1.35rem;	
}
.part6 .table .ul4 li.thr p{
	margin-top: 0.8rem;
}
/*part7*/
.part7{
	width: 100%;
	background: #f5f5f5;
	text-align: center;
	padding-bottom:0.75rem;
}
.part7 h2{
	font-size: 0.75rem;
	color: #454545;
	padding-top: 0.75rem;
}
.part7 em{
	width:100%;
	height: 0.6rem;
	margin: 0.25rem auto 0.4rem;
	background: url(../img/power.png) no-repeat;
	background-size: 100% 100%;
	display: block;
}
.part7 ul{
	width: 14.75rem;
	margin: 0 auto;
}
.part7 ul img{
	width:4.775rem;
	height: 3.025rem;
	border: 0;
}
.part7 ul li{
	margin-right: 0.25rem;
}
.part7 ul li.last{
	margin-right: -0.25rem;
}
.part7 ul li.mart{
	margin-top: 0.25rem;
}
/*part8*/
.part8{
	padding-bottom:1.5rem;
}
.part8 h2{
	color: #ff9600;
}
.part8 img{
	border: 0.05rem solid #42cab4;
	margin-bottom: 0.25rem;
	width: 4.4rem;
	height: 4.4rem;
}
.part8 ul{
	width: 14rem;
	margin: 0.5rem auto 0;
}
.part8 ul li{
	margin-right: 0.22rem;
}
.part8 ul li.last{
	margin-right: 0;
}
.part8 ul li.mart{
	margin-top: 0.5rem;
}
.part8 ul li p{
	font-size: 0.45rem;
	color: #909090;
}
/*part9*/
.part9{
	position: relative;
	width: 100%;
	background: #f5f5f5;
	height: 9.65rem;
	padding-top: 1.5rem;
}
.part9 strong{
	position: absolute;
	left:4.5rem;
	top: -0.8rem;
	width: 5.95rem;
	padding-left: 1.1rem;
	height: 1.825rem;
	background: url(../img/ques.png) no-repeat left top;
	background-size: 7.05rem 1.825rem;
	font-size: 0.55rem;
	color: #454545;
	line-height:2.05rem;
}
.part9 .roll-bg{
	width: 14.7rem;
	height: 8.85rem;
	background: url(../img/roll.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;	
	position: relative;
}
.part9 .roll-bg .roll-box{
	width:13.05rem ;
	height: 6.5rem;
	position: absolute;
	left: 0.5rem;
	top: 1.2rem;
	overflow: hidden;
	margin-left: 0.35rem;
}
#roll{
	position: absolute;
	left: 0;
	top: 0;
}
.part9 .roll-bg .roll-box li{
	margin-bottom: 0.5rem;
}
.part9 .roll-bg .roll-box h3{
	font-size: 0.5rem;
	color: #028ebf;
	margin-bottom: 0.25rem;
}
.part9 .roll-bg .roll-box p{
	font-size: 0.45rem;
	color: #6b6b6b;
}






/*footImg*/
.footImg{
	width: 100%;
	height: 8.75rem;
	background: url(../img/footImg.png) no-repeat center center;
	background-size: 100% 100%;
}
.footImg .button{
	width: 6.35rem;
	padding-top: 6.85rem;
	background: url(../img/footButton.png) no-repeat center bottom;
	background-size: 6.35rem 0.875rem;
	text-align: center;
	margin: 0 auto;
}
/*foot*/
.foot{
	width: 100%;
	height: 1.75rem;
	line-height:1.75rem;
	font-size: 0.35rem;
	font-style: italic;
	color: #fff;
	background: #42cab4;
	text-align: center;
}
.footH{
	height: 1.75rem;
	background: #42cab4;
}