@charset "utf-8";
@import "common.css";


.index_con h2{
    color: #333333;
    font-size: 22px;
    font-weight: normal;
}
.index_con h2 +p{
    margin: 15px 0 40px;
}
.indexCon_one,.indexCon_two{
    padding: 50px 0 40px;
}
.indexCon_one ul li{
    margin: 5px;
    position: relative;
}
.indexCon_one ul li >img{
    width: 390px;
    height: 365px;
    vertical-align: bottom;
}
.indexCon_one ul li div{
    width: 390px;
    height: 160px;
    position: absolute;
    bottom: 0;
}
.indexCon_one ul li div p{
    line-height: 22px;
    margin: 18px 20px;
}
.indexCon_one ul li div p >img{
    margin-right: 10px;
    vertical-align: middle;
}
.indexCon_two ul{height: 440px;}
.indexCon_two ul li{
    margin: 10px;
    position: relative;
}
.indexCon_two ul li >img{
    width: 380px;
    height: 230px;
}
.indexCon_two ul li >div{
    width: 290px;
    height: 175px;
    padding: 10px 35px;
    position: absolute;
    top: 200px;
    left: 10px;
}
.indexCon_two ul li >div p{
    margin-top: 15px;
}
.indexCon_two ul li >div a{
    border: 2px solid #00B388;
    padding: 8px 45px;
    margin-top: 35px;
    display: inline-block;
}

.indexCon_three .three_one{}
.indexCon_three .three_one >div{
    padding-right: 25px;
    margin-top: 30px;
}
.indexCon_three .three_one >div p{
    width: 350px;
    margin-left: 25px;
}
.indexCon_three .three_two{
    border-left: 2px solid #E6E6E6;
    border-right: 2px solid #E6E6E6;
    padding: 10px 40px;
}
.indexCon_three .three_three{
    padding:10px 0 10px 40px;
}
.indexCon_three >div.common{
    padding: 25px 0 30px;
}
.indexCon_three .three_two img,
.indexCon_three .three_three img{
    width: 300px;
    height: 200px;
    margin: 15px 0;
}

.indexCon_four{
    padding-bottom: 40px;
}
.indexCon_four h2{
    margin: 35px;
}
.indexCon_four ul li{
    margin: 5px;
}
.indexCon_four ul li >img{
    width: 230px;
    height: 80px;
    vertical-align: bottom;
}