.indexTitle{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.indexTitle h2{
    width:100%;
    height:40px;line-height:40px;
    font-size:30px;
}
.indexTitle h3{
    width:100%;
    height:30px;line-height:30px;
    font-size:14px;
    color:#999;
}
/*.indexTitle div{
    width:80px;
    height:3px;
    background:#117c46;
    margin:0 auto 30px auto;
    border-radius:10px;
}*/
.indexService{
	width: 100%;
	height: auto;overflow:hidden;
	margin: 20px auto;
}
.indexService ul li{
	position: relative;
	width: 20%;
	height: 390px;
	float: left;
	overflow: hidden;
}
.indexService ul li img{
	width: 100%;
	height: 390px;
}
.word{
	position: absolute;
	top: 0;
	width: 100%;
	height:390px;
	line-height:390px;
    z-index:999;
    color:#fff;
    font-size:20px;
    text-align:center;
}
.txt{
	position: absolute;
	top: 0px;
	left:-100%;
	width: 100%;
	height:390px;
	background:rgba(0,0,0,0.7);
}
.txt h2{
	color: #FFFFFF;
	font-size: 24px;
	text-align: center;
	margin-top: 50px;
	line-height:50px;
}
.txt div{
	width:90%;
    height:150px;overflow:hidden;
    line-height:25px;
    color:#fff;
    margin:20px auto;
    font-size:12px;
}
.btn{
		width: 80px;
		height: 30px;
        border:1px solid #fff;
		display: block;
		color: #FFFFFF;
		font-size: 11px;
		line-height: 30px;
		cursor: pointer;
        margin-left:8%;
        text-align:center;
}

#indexProduct{
    width:100%;
    height:auto;overflow:hidden;
    background:#efefef;
    padding:50px 0;
}
.indexProduct{
    width:100%;
}
.indexProduct li{
    width:23%;float:left;
    margin:10px 1%;
    background:#fff;
    transition:all 0.5s;
}
.indexProduct li:hover{
    box-shadow:0 0 5px 5px #ccc;
}
.indexProduct li .pic{
    width:100%;
}
.indexProduct li .pic img{
    width:100%;
    height:200px;
}
.indexProduct li .title{
    width:94%;
    height:40px;line-height:40px;overflow:hidden;
    border-bottom:1px solid #eee;
    margin:0 auto;
}
.indexProduct li .more{
    width:94%;
    height:40px;overflow:hidden;
    margin:0 auto;
}
.indexProduct li .more span{display:inline;width:20px;height:2px;background:#117c46;float:left;margin-top:18px;}
.indexProduct li .more div{
    float:right;
    text-align:right;
    line-height:40px;
    background-image:url(../Images/arrow.png);
    background-repeat:no-repeat;
    background-position:right;
    padding-right:10px;
    font-size:11px;
}
.indexProduct li .more div a{color:#666;}
.indexProduct li .line{
    width:0px;
    height:2px;
    transition:all 0.5s;
}
.indexProduct li:hover .line{
    width:100%;
    background:#117c46;
}

.indexProduct_More{
    width:100%;
}
.indexProduct_More div{
    width:180px;
    height:30px;line-height:30px;
    margin:0 auto;
    background:#fff;
    border-radius:20px;
    text-align:center;
    color:#333;
    box-shadow:0 10px 10px #e1e1e1;
    border:1px solid #fff;
    transition:all 0.8s;
    position:relative;
}
.indexProduct_More div:hover{
    box-shadow:0 10px 10px #ccc;
}

.indexProduct_More div:before,.indexProduct_More div:after{content:"";display:block;width: 0;height:0;border:1px solid transparent;box-sizing: border-box;position: absolute;border-radius:20px;}
 
.indexProduct_More div:before{top:0;left:0;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.indexProduct_More div:after{right:0;bottom:0;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in ;}
 
.indexProduct_More div:hover:before{width:100%;height:100%;transition:width 0.2s ease-in ,height 0.2s ease-in 0.2s;border-top-color:#117c46;border-right-color:#117c46;}
.indexProduct_More div:hover:after{width:100%;height:100%;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.4s,height 0.3s ease-in 0.6s;border-bottom-color:#117c46;border-left-color:#117c46;}

.subject_bg{height:29px;line-height:29px;}
.sub_menu {
    width:200px;
    height:30px;
    border:1px solid #117c46;
    border-radius:30px;
    text-align:center;
    margin:20px auto;
    padding:0 50px;
}
.sub_menu dt{float:left;width:50%;height:29px;color:#333333;text-align:center;cursor:pointer;}
.sub_menu dt.hover{color:#117c46;font-size:15px;}
.sub_menu a{color:#89C165;}
.sub_menu a:hover{color:#337D00;}

.indexNews{
    width:100%;
    height:auto;overflow:hidden;
}
.indexNews li{
    width:23%;float:left;
    margin:30px 1% 10px 1%;
    transition:all 0.5s;
}
    .indexNews li:hover{
        box-shadow:0 0 10px #eee;
    }
    .indexNews li:hover h5 {
        border-bottom: 1px solid #117c46;
    }
    .indexNews li h4 {
        width: 100%;
        height: 20px;
        line-height: 20px;
        color: #999;
        font-size: 11px;
        text-indent:2%;
    }
.indexNews li h3{
    width:96%;
    height:30px;line-height:30px;overflow:hidden;
    font-weight:bold;
    font-size:15px;
    margin-bottom:10px;
    padding:0 2%;
}
.indexNews li div{
    width:100%;
    height:200px;overflow:hidden;
    position:relative;
}
.indexNews li div img{
    width:100%;
    height:200px;
    position:absolute;
    top:0;
    left:0;
}
    .indexNews li h5 {
        width: 99%;
        height: 50px;
        line-height: 50px;
        color: #999;
        border-bottom: 1px solid #eee;
        transition: all 2s;
        text-indent: 2%;
    }
.indexNews_More{
    width:100%;
    height:auto;overflow:hidden;
    margin:30px 0 50px 0;
}
.indexNews_More div{
    width:180px;
    height:30px;line-height:30px;
    margin:10px auto;
    background: linear-gradient(to bottom,#117c46 ,#0bb660);
    border-radius:20px;
    text-align:center;
    color:#fff;
}
.indexNews_More div:hover{
    background:#0bb660;
    box-shadow:0 5px 5px #ccc;
}

#indexAbout{
    width:100%;
    height:500px;
    background: url(../Images/indexabout_bg.jpg) bottom center fixed;
    padding:100px 0;
}
.indexAbout_Left{
    width:45%;float:left;
    height:400px;overflow:hidden;
}
.indexAbout_Left img{
    height:400px;
}
.indexAbout_Right{
    width:50%;float:left;
    height:300px;overflow:hidden;
    background:#fff;
    padding-left:3%;
    padding-right:2%;
    padding-top:50px;
    padding-bottom:50px;
}
.indexAbout_Right .title{
    width:100%;
}
.indexAbout_Right .title h2{
    width:100%;
    height:30px;line-height:30px;
    font-size:24px;
}
.indexAbout_Right .title h3{
    width:100%;
    height:30px;line-height:30px;
    font-size:18px;
    color:#999;
}
.indexAbout_Right .title div{
    width:80px;
    height:3px;
    background:#117c46;
    border-radius:10px;
    transition: all 0.5s;
}
.indexAbout_Right .content{
    width:100%;
    height:175px;
    line-height:25px;
    overflow:hidden;
    margin:20px 0;
    color:#666;
}
.indexAbout_Right .more{
    width:100%;
}
.indexAbout_Right .more div{
    width:150px;
    height:30px;line-height:30px;
    border-radius:20px;
    float:right;
    background: linear-gradient(to right,#117c46 ,#0bb660);
    text-align:center;
    color:#fff;
    transition: all 0.5s;
}
.indexAbout_Right .more div:hover{
    background: linear-gradient(to right,#0bb660 ,#117c46);
}

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

    .indexProduct li{
        width:48%;float:left;
        margin:10px 1%;
        background:#fff;
        transition:all 0.5s;
    }
    .indexProduct li .pic img{
        width:100%;
        height:140px;
    }
    .indexNews li{
        width:48%;float:left;
        margin:10px 1% 10px 1%;
    }
        .indexNews li div {
            width: 100%;
            height: 120px;
            overflow: hidden;
            position: relative;
        }

            .indexNews li div img {
                width: 100%;
                height: 120px;
                position: absolute;
                top: 0;
                left: 0;
            }

    #indexAbout{
        width:100%;
        height:auto;overflow:hidden;
        background: url(../Images/indexabout_bg.jpg) bottom center fixed;
        padding:50px 0;
    }
    .indexAbout_Left{
        width:100%;float:left;
        height:auto;overflow:hidden;
    }
    .indexAbout_Left img{
        width:100%;
        height:auto;
    }
    .indexAbout_Right{
        width:95%;float:left;
        height:auto;overflow:hidden;
        background:#fff;
        padding-left:3%;
        padding-right:2%;
        padding-top:20px;
        padding-bottom:20px;
    }
}