.IndexBannerWord{
    width:100%;
    height:100px;overflow:hidden;
    background:url(../Images/indexbanner_word.jpg) center top fixed;
    line-height:50px;
    padding:40px 0;
    color:#fff;
    font-size:18px;
}
.IndexBannerWord h2{
    font-size:30px;
}

.indexTitle{
    width:100%;
    height:50px;line-height:50px;
    overflow:hidden;
    font-size:26px;
    font-weight:bold;
}
.indexAboutPic{
    width:35%;float:left;
    text-align:center;
    margin-right:2%;
}
.indexAboutPic img{max-width:100%;}
.indexAbout{
    width:63%;float:left;
    background-image:url(../Images/indexabout_bg.jpg);
    background-repeat:no-repeat;
    background-position:20px 50px;
}
.indexAboutContent{
    width:100%;
    height:auto;overflow:hidden;
    line-height:35px;
    font-size:16px;
}
.indexAboutList{
    width:100%;
    height:auto;overflow:hidden;
    margin-top:40px;
}
.indexAboutList li{
    width:33%;float:left;
    line-height:40px;
    color:#74b331;
    text-align:center;
    font-size:16px;
}
.indexAboutList li span{
    font-size:36px;
    font-weight:bold;
}
.indexAboutList li div{
    width:100%;
    height:30px;line-height:30px;
    color:#333;
    overflow:hidden;
}

.indexProduct{
    width:100%;
    height:auto;overflow:hidden;
    background-image:url(../Images/indexproduct_bg.jpg);
    padding:50px 0;
}
.indexProductTitle{
    width:100%;
    height:50px;line-height:50px;overflow:hidden;
    color:#fff;
    font-size:26px;
    font-weight:bold;
}
.indexProductList{
    width:100%;
    height:auto;overflow:hidden;
    margin:30px auto;
}
.indexProductList li{
    width:23%;float:left;
    margin:10px 1%;
    height:auto;overflow:hidden;
    background:#fff;
}
.indexProductList li:hover{
    background:#74b331;
}
.indexProductList li:hover a{Color:#fff;}
.indexProductList li h2{
    width:100%;
    height:240px;overflow:hidden;
    position:relative;
}
.indexProductList li h2 img{
    width:100%;
    height:240px;
    position:absolute;
    top:0;left:0;
}
.indexProductList li div{
    width:100%;
    height:50px;line-height:50px;overflow:hidden;
    text-align:center;
    font-size:16px;
}

.indexProductMore{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.indexProductMore div{
    width:200px;
    height:50px;line-height:50px;
    text-align:center;
    color:#74b331;
    background:linear-gradient(0deg,#f7f7f7,#fff);
    border-radius:30px;
    margin:20px auto;
    box-shadow:0 5px 5px #1885d0;
    font-size:18px;
    font-family:Arial;
}
.indexProductMore div:hover{
    background:#eee;
    box-shadow:0 5px 5px #11649d;
}

.indexService{
	width: 100%;
	height: auto;overflow:hidden;
	margin: 20px auto;
}
.indexService ul li{
	position: relative;
	width: 25%;
	height: 240px;
	float: left;
	overflow: hidden;
}
.indexService ul li img{
	width: 100%;
	height: 240px;
}
.indexService ul li .wordtitle{
	position: absolute;
	top: 0;
	width: 100%;
	height:240px;
	line-height:240px;
    z-index:999;
    color:#fff;
    font-size:20px;
    text-align:center;
}
.indexService ul li .txt{
	position: absolute;
	top: 0px;
	left:-100%;
	width: 100%;
	height:240px;
	background:rgba(0,0,0,0.7);
}
.indexService ul li .txt h2{
	color: #FFFFFF;
	font-size: 24px;
	text-align: center;
	margin-top: 10px;
    margin-bottom:10px;
	line-height:50px;
}
.indexService ul li .txt div{
	width:90%;
    height:auto;overflow:hidden;
    line-height:25px;
    color:#fff;
    margin:30px auto 10px auto;
    font-size:12px;
    text-align:center;
}
.indexService ul li .txt div img{width:60px;height:auto;}
.indexService ul li .btn{
		width: 80px;
		height: 30px;
        border:1px solid #fff;
		display: block;
		color: #FFFFFF;
		font-size: 11px;
		line-height: 30px;
		cursor: pointer;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
}


@media(max-width:720px){
    .IndexBannerWord{
        width:100%;
        height:100px;overflow:hidden;
        background:url(../Images/indexbanner_word.jpg) center top fixed;
        line-height:30px;
        padding:40px 0;
        color:#fff;
        font-size:13px;
    }
    .IndexBannerWord h2{
        font-size:20px;
        line-height:50px;
    }
    .indexAboutPic{
        width:100%;float:left;
        text-align:center;
        margin-right:0;
    }
    .indexAboutPic img{max-width:100%;}
    .indexAbout{
        width:100%;float:left;
        background-image:url(../Images/indexabout_bg.jpg);
        background-repeat:no-repeat;
        background-position:20px 50px;
        margin-top:20px;
    }
    .indexAboutContent{
        line-height:30px;
        font-size:14px;
    }
    .indexAboutList li span{
        font-size:26px;
        font-weight:bold;
    }
    .indexProductList li{
        width:98%;float:left;
        margin:10px 1%;
        height:auto;overflow:hidden;
        background:#fff;
    }
    .indexProductList li h2{
        width:100%;
        height:200px;overflow:hidden;
        position:relative;
    }
    .indexProductList li h2 img{
        width:100%;
        height:200px;
        position:absolute;
        top:0;left:0;
    }
    .indexService{
	    width: 94%;
    }
    .indexService ul li{
	    position: relative;
	    width: 100%;
	    height: 240px;
	    float: left;
	    overflow: hidden;
        margin-bottom:10px;
    }
    .indexService ul li img{
	    width: 100%;
	    height: 240px;
    }
    .indexService ul li .wordtitle{
	    position: absolute;
	    top: 0;
	    width: 100%;
	    height:240px;
	    line-height:240px;
        z-index:999;
        color:#fff;
        font-size:20px;
        text-align:center;
    }
    .indexService ul li .txt{
	    position: absolute;
	    top: 0px;
	    left:-100%;
	    width: 100%;
	    height:240px;
	    background:rgba(0,0,0,0.7);
    }
    .indexService ul li .txt h2{
	    color: #FFFFFF;
	    font-size: 20px;
	    text-align: center;
	    line-height:50px;
    }
    .indexService ul li .txt div{
	    width:90%;
        height:auto;overflow:hidden;
        line-height:25px;
        color:#fff;
        margin:30px auto 10px auto;
        font-size:12px;
    }
    .indexService ul li .btn{
		width: 80px;
		height: 30px;
        border:1px solid #fff;
		display: block;
		color: #FFFFFF;
		font-size: 11px;
		line-height: 30px;
		cursor: pointer;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
    }
}