@charset "utf-8";

/* 首页banner */

.c-banner{
	width: 100%;
	position: relative;
}
.c-banner .banner {}
.c-banner img{
	width: 70%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 20px 2px 20px 6px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #008787;
	opacity: 0.5;
	border-radius: 3px;
	z-index: 10;
	cursor:pointer;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 20px;
	height: 13px;
	border-radius: 5%;
	display: inline-block;
	background-color: #CCCCCC;
	opacity: 0.9;
	margin-left: 10px;
	cursor:pointer;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}



/* 产品类目 */
.index-pro {
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.index-pro .index-pro-list {
	width:25%;
	float:left;
}
.index-pro .index-pro-list h3 {
    color: #333;
    font-size: 15px;
    font-weight: bold;
	margin-top: 20px;
    margin-bottom: 10px;
}

.index-pro .index-pro-list li {
    list-style-type: disc;
    margin-left: 15px;
    line-height: 25px;
    font-size: 14px;
}
.index-pro .index-pro-list li a {
    font-size:12px;
}
.index-pro .index-pro-list .ckgd {
	display:block;
	font-size:14px;
	margin-top:10px;
}

/* 屏幕尺寸最大为1200px时 */

@media (max-width:1200px){
	.c-banner{
		width: 100%;
		height: 250px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 1200px;
		height: 250px;
		position: absolute;
		left: 60%;
		margin-left: -720px;
	}
}




/* 屏幕尺寸最大为900px时 */

@media (max-width:900px){
	
	.index-pro {
	    max-width: 100%;
	    margin: 0 auto;
		padding:2%;
	}
	.index-pro .index-pro-list {
	    width: 45% ;
	    float: left;
		margin: 2.4%;
	}
	.index-pro .index-pro-list h3 {
	    color: #333;
	    font-size: 16px;
	    font-weight: bold;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.index-pro .index-pro-list li a {
	    font-size: 14px;
	}
}

/* 屏幕尺寸最大为450px时 */
@media (max-width:450px){
	.index-pro .index-pro-list {
	    width: 95%;
	    float: left;
		margin: 2.4%;
	}
}