nav{
	padding:20px 40px;
	background: -webkit-gradient(top,white,white);
	background: white !important;
	opacity: 0.9;
}
.picture1{
	width: 50px;
}

.navbar-header  a img{
	margin-top: 0px;
	width:213px;
	height: 54px;
}
.navbar-nav{
	margin-left: 90px;
	margin-top: 20px;
	font-weight: bold;
	color: #1bbaa2;
	font-size: 12px;
}

.dhactive a{
	color:#1bbaa2 !important;
}

.navbar-nav li a:hover{
	color:#1bbaa2 !important;
}
.row5 ol{
	-webkit-transform:rotate(90deg) !important;
	margin-left: 120px;
	position: absolute;
	top:-70px;
	left: 0px;
}
.row5{
	background: white;
	padding:0px 40px;
	padding-top: 200px;
}
.row5 h2{
	font-size: 40px;
	padding: 20px 0px;
}
.row5 p{
	padding-bottom: 30px;
	font-size: 20px;
}
.row5 button{
	border: 0px;
	color: #fff;
	font-weight: bold;
	font-family: 黑体;
}
.row5 button:hover{
	color: #fff;
	background: #21e7c9 !important; 
}
.row6{
	margin-top: 100px;
}
.row6 span{
	font-size: 30px;
	color:#1bbaa2;
	padding: 20px 0px;
	text-align: center;
	-webkit-animation:huang 0.5s 0s ease-in infinite;
	-webkit-animation-direction:alternate;
}
@-webkit-keyframes huang{
	0%{-webkit-transform:translateY(0px);}
	100%{-webkit-transform:translateY(10px);}
}
.carousel-indicators li{
	border: 1px solid gray;
}
.carousel-indicators li:hover{
	background:#1bbaa2; 
	border:0px;
}
.row7{
	padding:0px 40px;
	padding-top: 100px;
	margin-top: 30px;
	margin: 0 auto;
	background: #f7f7f7;
}
.row7 h2{
	font-size: 34px;
	padding-bottom: 10px;
}
.row7 p{
	font-size: 18px;
	padding-bottom: 10px;
}
.row7 a{
	text-decoration: none;
	color:#1bbaa2;
}
.row7 a:hover{
	text-decoration: underline;
}  
.juzhong{
	margin: 0 auto;
}
.row8{
	padding:0px 40px;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 30px;
	margin: 0 auto;
	background: #f7f7f7;
}
.row .p1{
	border-bottom: 2px solid black;
	font-size: 12px;
	color:black;
	width: 50px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	margin-left: 15px;
}
.row8 .p2{
	border-bottom: 2px solid black;
	font-size: 12px;
	color:black;
	width: 50px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}
.row8 a{
	text-decoration: none;
	color:#1bbaa2;
	font-size: 17px;
}
.row8 a:hover{
	text-decoration: underline;
} 
.row9 a{
	text-decoration: none;
	color:#1bbaa2;
	font-size: 17px;
}
.row9 a:hover{
	text-decoration: underline;
}
.row9{
	padding:0px 40px;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 30px;
	margin: 0 auto;
	background: #f7f7f7;
}
.row9 h2{
	font-size: 34px;
	padding-bottom: 10px;
}
.row9 p{
	font-size: 18px;
	padding-bottom: 10px;
}
.row9 a{
	text-decoration: none;
	color:#1bbaa2;
} 
.row10{
	padding-top: 100px;
	padding-bottom: 100px;
}
.juzhong{
	margin: 0 auto;
}

.p3{
	font-size: 25px;

}
.row10{
	padding:0px 40px;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 30px;
	margin: 0 auto;
	background: #fff;
}
.row10 button{
	border: 0px;
	color: #fff;
	font-weight: bold;
	font-family: 黑体;
}
.row10 button:hover{
	color: #fff;
	background: #21e7c9 !important; 
}
.background{
	background: black;
}
.background ul{
	list-style: none;
}
.background ul li{
	margin: 20px 0px;
	font-weight: bold;
	font-family: 黑体;
}
.padding{
	padding:30px 0px;
}
.p3{
	padding-left: 30px;
	letter-spacing: 6px;
	color:#fff;
}
.p4{
	text-align: center;
	color: #fff;
	font-family: 黑体;
	letter-spacing: 1px;
}

/*第二个页面*/
.row12{
	padding:0px 40px;
	padding-top: 150px;
	padding-bottom: 100px;
	margin-top: 30px;
	margin: 0 auto;
	background: #fff;
}
.row12 h2{
	font-size: 34px;
	padding-bottom: 10px;
}
.row12 p{
	font-size: 18px;
	padding-bottom: 10px;
}

.p5{

	color:#1bbaa2;
	font-size: 25px !important;
	border-bottom: 3px solid #1bbaa2;
	display: inline-block;
}

.row13{
	padding:100px 40px;
	padding-top: 100px;
	background: #f7f7f7;
}
.row14{
	padding:0px 40px;
	padding-top: 100px;
	margin-top: 30px;
	margin: 0 auto;
	background: #fff;
}
.p6{
	text-align: center;
	color:#757575;
	font-size: 26px !important;
	padding: 0px !important;
	margin:0px !important;
}
.margin1{
	margin-top: 10px;
}
.margin2{
	margin-bottom: 150px;
}
.p7{
	font-size: 18px !important;
}
.h2{
	color:black;
	margin:20px 0px;
}
.box img{
			width:300px;
		}
	/*样式居中  */
	.box{
		width:300px;
		height:530px;
		margin:0 auto;	
	}
	.box:hover{
		-webkit-transition:all 0.5s ease-in 0s;
		-webkit-transform:rotateY(180deg);
	}
	/*  大div 和最小div的宽度*/
		.box,.box_2,.box_1{
			width:300px;
		}
	/* 中div设置旋转时间，旋转方式，相对定位 */
		.big_box{
			transition:0.6s;			
			transform-style:preserve-3d;
			position: relative;
		}
	/* 让第一个图片在上面一层 */
		.box_1{
			z-index: 2;
			border-bottom: 20px solid #1bbaa2;
			border-radius: 10px;
			height: 506px;
			width: 321px;
			box-shadow: 1px 1px 3px 3px #dcdcdc;
			padding: 20px 10px;
			background: white;
			margin-top: 20px;
		}
	/* 两张图片重叠 并定位，背面隐藏 */
		.box_1,.box_2{
			backface-visibility:hidden;
			position: absolute;
			top:0;
			left:0;
		}
		/*  第二张图片旋转180度*/
		.box_2{
			transform:rotateY(180deg);
			border-bottom: 20px solid #1bbaa2;
			border-radius: 10px;
			height: 506px;
			width: 321px;
			box-shadow: 1px 1px 3px 3px #dcdcdc;
			padding: 20px 10px;
			background: white;
		}
		.renwu1{
			height: 170px;
			width: 170px;
			border-radius: 85px;
			-webkit-background-clip:content-box;
			margin-left: 65px;
			border: 0px;
		}
		.renwu2{
			padding: 0px 30px;
		}
		.renwu1 img{
			width: 100%;
		}
		.p8{
			color:black;
			font-size: 12px !important;
			font-weight: bold !important;
		}
		.p9{
			font-size: 25px !important;
			color:#1bbaa2;
			font-weight: bold;
		}
		.p10{
			font-size: 20px !important;
			color:gray;
			font-family: 微软雅黑;
		}
.p11{
	font-size: 15px !important;
	font-weight: bold !important;
	text-align: center;
	padding-top: 100px;
	letter-spacing: 2px;
}
.p12{
	font-size: 15px !important;
	color:black;
	letter-spacing: 2px;
	font-weight: bold !important;
	margin-top: 10px;
}
.p13{
	padding: 0px !important;
	margin:0px !important;
	line-height:33px;
	font-size: 20px !important;
	color:gray;
}
/*第三个页面*/
.row15{
	padding-bottom: 100px;
	padding-top: 200px;
}
.row15 h2{
	font-size: 40px;
	padding: 20px 0px;
}
.row15 p{
	padding-bottom: 30px;
	font-size: 20px;
}
.jumbotron8{
	padding:0px 40px;
	padding-top: 100px;
	height: 400px;
	margin-top: 30px;
	margin: 0 auto;
	background: #f7f7f7;
}
.jumbotron8 button{
	border: 0px;
	color: #fff;
	font-weight: bold;
	font-family: 黑体;
}
.jumbotron8 button:hover{
	color: #fff;
	background: #21e7c9 !important; 
}
.jumbotron9{
	padding:0px 40px;
	padding-top: 100px;
	height: 2000px;
	margin-top: 30px;
	margin: 0 auto;
	background: #f7f7f7;
}
.p14{
	font-size: 17px !important;
	color:black;
	font-family: 微软雅黑;
	line-height: 30px;
}
.box_3{
	border-radius: 10px;
	height: 480px;
	padding: 20px 10px;
	background: white;
	margin-top: 70px;
	margin-bottom: 30px;
	box-shadow: 1px 1px 3px 3px #dcdcdc;
}
.box_4{
	border-radius: 10px;
	height: 310px;
	padding: 20px 10px;
	background: white;
	margin-top: 70px;
	margin-bottom: 30px;
	box-shadow: 1px 1px 3px 3px #dcdcdc;
}
.renwu3{
	height: 150px;
	width: 150px;
	border-radius: 75px;
	border: 0px;
	box-shadow: 1px 1px 3px 3px #dcdcdc;
	position: absolute;
	top: 1%;
	left: 50%;
	margin-left: -75px;
}
.renwu4{
	padding-left:50px;
	padding-right: 50px;
	position: absolute;
	top: 160px;
	left: 0px;
}
.jumbotron10{
	padding:0px 40px;
	padding-top: 100px;
	height: 2000px;
	margin-top: 30px;
	margin: 0 auto;
	background: #fff;
}
.dingwei{
	height: 420px;
	width: 150px;
	position: absolute;
	top:60px;
	left: 47px;
}
.p15{
	font-size: 19px !important;
	margin-top: 30px; 
	color:#5e5e5e;
	margin-bottom: 30px !important;
}
h5{
	font-family: 宋体;
	font-weight: bold;
	font-size: 12px;
}
.margin4{
	margin-top: 150px;
}
.dingwei1{
	height: 420px;
	width: 150px;
	position: absolute;
	top:60px;
	left: 87px;
}
.dingwei2{
	height: 360px;
	width: 400px;
	position: absolute;
	top:50px;
	left: 67px;
}
/*第四个页面*/
.row1{
	
	background: white;
	padding:0px 40px;
	padding-top: 200px;
	height: 600px;
}
.row1 h2{
	font-size: 40px;
	padding: 20px 0px;
}
.row1 p{
	padding-bottom: 30px;
}
.row1 button{
	border: 0px;
	color: #fff;
	font-weight: bold;
	font-family: 黑体;
}
.row1 button:hover{
	color: #fff;
	background: #21e7c9 !important; 
}
.row2{
	background: #f7f7f7;
	padding-top: 100px;
}
.row3{
	background: #f7f7f7;
}
.row4{
	background: #f7f7f7;
	padding-top: 100px;
}
.out{
	height: 482px;
	width: 321px;
	background: #fff;
}
.liuyan{
	background: #1dc9b1;
	width: 321px;
	height: 60px;
}
.liuyan1{
	float: left;
	padding: 20px 10px;
	color:#fff;
	font-size: 14px;
	font-family: 微软雅黑;
}
.liuyan2{
	float: right;
}
.out p{
	margin: 10px 10px;
	font-size: 13px;
	font-family: 微软雅黑;
}
.out{
	display: none;
	position: fixed;
	bottom:40px;
	right: 0px;
}
.kefu{
	position: fixed;
	bottom:10px;
	right: 10px;
}
.kefu1{
	position: fixed;
	bottom:10px;
	right: 10px;
}
/*.kefu:hover .out{
	display: block;
}*/
.liuyan2{
	float: right;
	padding-top: 20px;
	padding-right: 20px;
}

.row16 a:hover{
	color:#1bbaa2 !important;
	text-decoration: none;
}
#suibian{
	position: relative;
}
/************************/
#phone,#suibian{
	position: relative;
	width:300px;
	height:360px;
}
#phone ol{
	left:75px;
}
#img1,#img2{
	position: absolute;
	left:0;
	top:0;
}
#press{
	position: absolute;
	left:32px;
	top:8;
}
#konvene{
	position: absolute;
	left:30px;
}
#suibian ol{
	left:60px;
}
@media (max-width:950px) and (min-width: 500px){
	.first{
		margin-left: 90px;
	}
	.mar{
		margin-left: 20px;
	}
	#laptop1{
		width: 300px !important;
	}
	#laptop1 img{
		width:100%;
	}
	#laptop1{
		width: 380px !important;
	}
	.dingwei2{
		height: 260px;
		width: 300px;
		position: absolute;
		top:40px;
		left: 57px;
	}
	.navbar-nav{
		margin-left: 10px !important;
	}
	.p14{
		font-size: 17px !important;
		line-height: 24px;
	}
}
@media (max-width:500px){
	.first{
		margin-left: 90px;
	}
	.mar{
		margin-left: 20px;
	}
	#laptop1{
		width: 300px !important;
	}
	#laptop1 img{
		width:100%;
	}
	#img3{
		height:170px;
		width: 280px !important;
	}
	.dingwei2 ol{
		height: 260px;
		width: 300px;
		position: absolute;
		top:250px;
		left: 100px;
	}
	#laptop1{
		width: 380px !important;
	}
	.p14{
		font-size: 10px !important;
		line-height: 18px;
	}
	.p6{
		font-size: 17px !important;
	}

}
/************登录**************/
.row16{
	padding-top: 150px;
}
.row16 h1{
	text-align: center;

}
.row16 a:hover{
	text-decoration: underline;
	cursor: pointer;
}
.row16 button{
	height: 60px;
	width: 100px;
	background:#1bbaa2; 
	margin-top: 50px;
	color:#fff;
	font-size: 15px;
	font-weight: bold;
}
.row16 button:hover{
	background: #1dc9b1;
	color:#fff;
}
.row16 p{
	font-size: 16px;
	margin-top: 60px;
	margin-bottom: 80px;
}
.row16 p .a1{
	text-decoration: underline !important;
	color:black;
}
.row16 p .a1:hover{
	color:black;
}