header,header>ul>li>ul{
	background: #FFFFFF;
}
header>ul>li>a,header>ul>li:last-child,header>ul>li .fa{
	color: #000000;
}
header>ul>li>ul>li>a{
	color: #000000;
}
.demo{
	margin: 0 auto;
	width: 100%;
	max-width: 12rem;
}
/* banner */
.demo1{
	max-width: 100%;
}
.demo1 .banner{
	width: 100%;
	height: 600px;
	background: url(../img/homeBanner1.jpg) top center;
	background-size: cover;
	-ms-background-size: 100%;
}
.demo1 .banner hgroup{
	padding: 186px 0 0 230px;
	width: 320px;
	font-size: 14px;
	color: #EEEEEE;
	overflow: hidden;
}
.demo1 .banner hgroup h6{
	width: 100%;
	font-size: 26px;
	font-weight: 100;
	line-height: 2em;
}
.demo1 .banner hgroup h1{
	width: 100%;
	font-size: 46px;
	font-weight: 500;
	line-height: 56px;
	color: #FFFFFF;
}
.demo1 .banner hgroup div{
	margin: 20px 0;
	width: 60px;
	height: 3px;
	background: #FFFFFF;
}
.demo1 .banner hgroup p{
	padding-top: 10px;
	width: 100%;
	font-size: 14px;
	line-height: 2em;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 3;
	overflow: hidden;            
}


.demo1>section{
	width: 100%;
	height: 180px;
	overflow: hidden;
	background: #F5F5F5;
	text-align: center;
}
.demo1>section div{
	float: left;
	height: 100%;
}
.demo1>section .brand{
	width: 60%;
	font-size: 46px;
	color: #444444;
	line-height: 180px;
}
.demo1>section .tuiguang{
	width: 40%;
	background: #EEEEEE;
	overflow: hidden;
}
.demo1>section .tuiguang a,.demo1>section .tuiguang div{
	width: 50%;
	float: left;
}
.demo1>section .tuiguang a{
	margin-top: 50px;
	font-size: 24px;
	font-weight: 900;
	color: #444444;
}
.demo1>section .tuiguang a .fa{
	font-size: 24px;
	color: #444444;
}
.demo1>section .tuiguang p{
	margin-top: 4px;
	font-size: 12px;
	font-weight: 100;
	color: #888888;
}
.demo1>section button{
	margin-top: 50px;
	width: 150px;
	height: 50px;
	border: none;
	background: #00CCFF;
	color: #FFFFFF;
}
/* banner */


/* 通用标题 */
.demo>hgroup{
	padding: 60px 0 60px;
	width: 100%;
	color: #000000;
	text-align: center;
}
.demo>hgroup div{
	margin: 0 auto;
	width: 60px;
	height: 2px;
	background: #00CCFF;
}
.demo>hgroup h1{
	margin: 0 auto 16px;
	font-size: 40px;
}
.demo>hgroup h6{
	font-size: 12px;
	color: #888888;
}
/* 通用标题 */



/* demo2 */
.demo2{
	background: #FFFFFF;
	margin-bottom: 60px;
}
.demo2 ul{
	width: 100%;
	overflow: hidden;
}
.demo2 ul li{
	float: left;
	width: 33.3333%;
	height: 286px;
	padding: 80px 40px;
	
	box-sizing: border-box;
	border: 1px solid #F5F5F5;
	
	transition: padding 0.5s linear 0s;
	-webkit-transition: padding 0.5s linear 0s;	
	-moz-transition: padding 0.5s linear 0s;
	-o-transition: padding 0.5s linear 0s;
	-ms-transition: padding 0.5s linear 0s;
}
.demo2 ul li:nth-child(3n+3){
	margin-right: 0;
}
.demo2 ul li div{
	width: 100%;
	overflow: hidden;
}
.demo2 ul li i{
	width: 100%;
	font-size: 40px;
}
.demo2 ul li p,.demo2 ul li h6,.demo2 ul li h5{
	width: 100%;
	color: #888888;
	line-height: 1.6em;
}
.demo2 ul li h6{
	padding: 20px 0;
	font-size: 20px;
	font-weight: 900;
	color: #444444;
}
.demo2 ul li p{
	font-size: 16px;
	font-weight: 500;
	
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 2;
	overflow: hidden;      
		 
	
}

.demo2 ul li:hover{
	padding: 40px;
}
.demo2 ul li:hover p{
	-webkit-line-clamp: 5;
}
/* demo2 */


/* demo3 */
.demo3{
	max-width: 100%;
	background: url(../img/demo2-bg.jpg) top center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.demo3 section{
	margin: 0 10%;
	width: 80%;
	overflow: hidden;
}
.demo3 section>div{
	float: left;
}
.demo3 section .image{
	padding: 5%;
	width: 50%;
}
.demo3 section .demo3_right{
	padding: 5%;
	width: 30%;
}
/* 通用标题 */
.demo3 section .demo3_right>hgroup{
	padding: 120px 0;
	width: 100%;
	color: #000000;
}
.demo3 section .demo3_right>hgroup div{
	width: 60px;
	height: 2px;
	background: #00CCFF;
}
.demo3 section .demo3_right>hgroup h1{
	margin: 0 auto 6px;
	font-size: 26px;
}
.demo3 section .demo3_right>hgroup h6{
	font-size: 12px;
	color: #888888;
}
.demo3 section .demo3_right>hgroup p{
	padding: 20px 0;
	font-size: 14px;
	line-height: 1.6em;
	color: #888888;
}
.demo3 section .demo3_right>hgroup a{
	width: 140px;
	height: 40px;
	background: #00CCFF;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 40px;
	text-align: center;
	
	transition: box-shadow 0.5s linear 0s;
	-webkit-transition: box-shadow 0.5s linear 0s;	
	-moz-transition: box-shadow 0.5s linear 0s;
	-o-transition: box-shadow 0.5s linear 0s;
	-ms-transition: box-shadow 0.5s linear 0s;
}
.demo3 section .demo3_right>hgroup a:hover{
	box-shadow: 0 0 40px #00CCFF;
}
/* demo3 */


/* demo4 */
.demo4 .product{
	padding-bottom: 0.4rem;
	width: 100%;
}
.demo4 .product ul{
	width: 100%;
}
.demo4 .product>ul>li{
	float: left;
	margin-right: 0.6rem;
	margin-bottom: 0.6rem;
	width: 3.6rem;
	height: 4.6rem;
	box-sizing: border-box;
	border-radius: 6px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	
	transition: box-shadow 0.5s linear 0s;
	-webkit-transition: box-shadow 0.5s linear 0s;	
	-moz-transition: box-shadow 0.5s linear 0s;
	-o-transition: box-shadow 0.5s linear 0s;
	-ms-transition: box-shadow 0.5s linear 0s;
}
.demo4 .product>ul>li:hover{
	border: none;
	box-shadow: 0 0 40px #00CEFF;
}
.demo4 .product ul li:nth-child(3n+3){
	margin-right: 0;
}
.demo4 .product ul li a img{
	height: 2.2rem;
}
.demo4 .product ul li a{
	width: 100%;
	color: #888888;
}
.demo4 .product ul li a h1{
	margin: 0.4rem auto 0.2rem;
	width: 66.666%;
	font: 20px "微软雅黑";
	color: #444444;
}
.demo4 .product ul li a h6{
	margin: 0 auto;
	width: 66.666%;
	font: 14px "微软雅黑";
	color: #88888888;
}
.demo4 .product ul li a div{
	margin: 0.3rem auto 0.2rem;
	width: 66.666%;
	height: 1px;
	background: #CCCCCC;
}
.demo4 .product ul li a ul{
	margin: 0 auto;
	width: 66.666%;
	overflow: hidden;
}
.demo4 .product ul li a ul li{
	float: left;
	width: 44%;
	margin-right: 6%;
	font: 14px "微软雅黑";
	color: #88888888;
}
.demo4 .product ul li a ul li span{
	font-weight: 900;
	color: #ff3300;
}
.demo4 .product>a{
	margin: 0 auto 0;
	width: 1.4rem;
	height: 0.4rem;
	background: #00CEFF;
	font: 14px "微软雅黑";
	color: #FFFFFF;
	text-align: center;
	line-height: 0.4rem;
	
	transition: all 0.5s linear 0s;
	-webkit-transition: all 0.5s linear 0s;	
	-moz-transition: all 0.5s linear 0s;
	-o-transition: all 0.5s linear 0s;
	-ms-transition: all 0.5s linear 0s;
} 
.demo4 .product>a:hover{
	background: #00CEFF;
	color: #FFFFFF;
	box-shadow: 0 0 20px #00CEFF;
}
/* demo4 */



.demo5{
	padding-bottom: 60px;
	max-width: 100%;
	background: #F5F5F5;
}
.demo5 ul{
	margin: 0 auto;
	width: 100%;
	max-width: 12rem;
	overflow: hidden;
}
.demo5 ul li{
	margin-top: 40px;
	padding: 20px 0 40px;
	float: left;
	width: 33%;
	margin-right: 0.5%;
	background: #FFFFFF;
	text-align: center;
	
	transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;	
	-moz-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
}

.demo5 ul li:last-child{
	margin-right: 0;
}
.demo5 ul li h1{
	padding: 20px 0;
	margin-bottom: 20px;
	font-size: 30px;
	color: #444444;
	border-bottom: 1px solid #EEEEEE;
}
.demo5 ul li h1 span{
	font-size: 12px;
	color: #00CCFF;
	text-decoration: underline;
}
.demo5 ul li h4{
	padding: 20px 0;
	font-size: 30px;
	font-weight: 900;
	color: #00CCFF;
}
.demo5 ul li p{
	margin: 0 auto;
	width: 60%;
	font-size: 12px;
	color: #888888;
	line-height: 2.4em;
}
.demo5 ul li p span{
	font-size: 30px;
	color: #00CCFF;
	line-height: 1em;
}
.demo5 ul li p .date{
	font-size: 12px;
	font-weight: 900;
	color: #00CCFF;
	line-height: 1em;
}
.demo5 ul li a{
	margin: 0 auto;
	margin-top: 20px;
	width: 120px;
	height: 30px;
	border: 1px solid #00CCFF;
	
	color: #00CCFF;
	line-height: 30px;
}

/* demo5 */


/* demo6   联系我们 */
.contact{
	width: 100%;
	background: rgba(0,299,238,0.07);
}
.contact section{
	padding: 0.6rem 0;
	margin: 0 auto;
	width: 100%;
	max-width: 12rem;
	
}
.contact section h1{
	padding-bottom: 0.2rem;
	font: 0.32rem "微软雅黑";
}
.contact section form{
	width: 100%;
	overflow: hidden;
}
.contact section form input{
	float: left;
	margin-right: 1%;
	width:28%;
	height: 0.4rem;
	border: 1px solid #00CEFF;
	
	font: 14px "微软雅黑";
	color: #888888;
	text-indent: 1em;
}
.contact section form input:focus{
	border: 1px solid #00b9e5;
	color: #444444;
}
.contact section form input[type="submit"]{
	width: 13%;
	margin-right: 0;
	border-radius: 2px;
	background: #00ceff;
	font-size: 16px;
	color: #FFFFFF;
	text-indent: 0;
}
.contact section form input[type="submit"]:hover{
	background: #00b9e5;
}
/* demo6   联系我们 */


/* demo7 */
.demo7{
	padding-bottom: 60px;
	max-width: 100%;
	border-top: 1px solid #EEEEEE;
}
.demo7 table{
	margin: 0 auto;
	width: 100%;
	max-width: 12rem;
}
.demo7 table tr td,.demo7 table tr th{
	
	height: 60px;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	text-align: center;
	
	border: 1px solid #EEEEEE;
}
.demo7 table tr td:last-child{
	color: #00BFFF;
}
/* demo7 */



/* jq加载类名 */
.demo2 ul .demo2_li{
	background: #00CCFF;
}
.demo2 ul .demo2_li .fa,.demo2 ul .demo2_li h6,.demo2 ul .demo2_li p{
	color: #FFFFFF;
}

.demo5 ul .demo5_li{
	margin-top: 0;
	padding-bottom: 60px;
	padding-top: 40px;
}
.demo5 ul .demo5_li a{
	background: #00CCFF;
	color: #FFFFFF;
}


@media only screen and (max-width:1400px) {
	header>ul>li:last-child{
		margin-right: 2%;
	}
}

@media only screen and (max-width:1300px) {
	header>ul>li:last-child{
		margin-right: 0;
	}
}

@media only screen and (max-width:600px) {
	.demo{
		width: 94%;
		margin-left: 3%;
	}
	.demo>hgroup{
		padding: 30px 0;
	}
	.demo>hgroup h1{
		margin-bottom: 4px;
		font-size: 26px;
	}
	
	
	.demo1 .banner{
		width: 100%;
		height: 600px;
		background: url(../img/homeBanner1-phone.jpg) top center;
		background-size: cover;
		-ms-background-size: 100%;
	}
	.demo1 .banner hgroup{
		margin: 0 auto;
		padding: 0;
		padding-top: 100px;
		font-size: 12px;
	}
	.demo1 .banner hgroup h6{
		display: none;
	}
	.demo1 .banner hgroup h1{
		font-size: 36px;
	}
	.demo1 .banner hgroup div{
		margin: 10px 0;
	}
	.demo1>section{
		height: 120px;
	}
	.demo1>section .brand{
		display: none;
	}
	.demo1>section .tuiguang{
		width: 100%;
	}
	.demo1>section .tuiguang a{
		margin-top: 34px;
		font-size: 20px;
	}
	.demo1>section button{
		height: 36px;
		margin-top: 0;
		line-height: 36px;
	}
	.demo1>section .tuiguang a .fa{
		font-size: 18px;
	}
	
	/* demo2 */
	.demo2 ul li{
		width: 100%;
		height: auto;
	}
	
	/* demo3 */
	.demo3{
		margin: 20px 0;
		padding: 20px 0 0;
		width: 100%;
	}
	.demo3 section{
		margin: 0 auto;
		padding: 0;
		width: 94%;
	}
	.demo3 section .image{
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}
	.demo3 section .demo3_right{
		padding: 0;
		width: 100%;
		text-align: center;
	}
	.demo3 section .demo3_right>hgroup{
		padding: 0;
	}
	.demo3 section .demo3_right>hgroup div{
		margin: 0 auto;
	}
	.demo3 section .demo3_right>hgroup a{
		margin: 0 auto 30px;
	}
	
	/* demo4 */
	.demo4 .product>ul>li{
		margin: 0 10% 0.4rem;
		width: 80%;
		height: 6rem;
	}
	.demo4 .product>a{
		width: 120px;
		height: 30px;
		line-height: 30px;
	}
	
	
	/* demo5 */
	.demo5{
		width: 100%;
		margin-left: 0;
		padding-bottom: 20px;
	}
	.demo5 ul{
		margin: 0 3%;
		width: 94%;
	}
	.demo5 ul li{
		margin: 0 auto 10px;
		width: 100%;
	}
	.demo5 ul li a{
		font-size: 12px;
	}
	
	/* demo6 */
	.contact{
		width: 100%;
		box-sizing: border-box;
		padding: 0 5%;
	}
	.contact section form input,.contact section form input[type="submit"]{
		margin-bottom: 20px;
		width: 100%;
		height: 40px;
	}
	.contact section form input[type="submit"]{
		margin-bottom: 0;
	}
	
	/* demo7 */
	.demo7{
		padding-bottom: 10px;
	}
	.demo7 table tr td:first-child{
		width: 20%;
	}
	.demo7 table tr td{
		width: 40%;
		padding: 10px;
	}
}