.indexAbout{
    width:100%;
    height:auto;overflow:hidden;
    background-color:#f6f9ff;
    background-image:url(../Images/index_about_bg.jpg);
    background-repeat:no-repeat;
    background-position:left bottom;
    padding-top:50px;
}
.indexAboutTitle{
    width:100%;
    height:90px;line-height:90px;overflow:hidden;
    font-weight:bold;
    font-size:36px;
}
.indexAboutContent{
    width:60%;float:left;
    margin-right:10%;
}
.indexAboutContent .content{
    width:100%;
    height:210px;overflow:hidden;
    line-height:30px;
    color:#666;
}
.indexAboutContent .more{
    width:100%;
}
.indexAboutContent .more a{
    display:block;
    width:120px;
    height:40px;line-height:40px;
    background:#1590e7;
    border-radius:30px;
    color:#fff;
    text-align:center;
    transition:0.5s all;
}
.indexAboutContent .more a:hover{
    background:#0b7ccb;
}
.indexAboutContent .list{
    width:100%;
    height:auto;overflow:hidden;
}
.indexAboutContent .list li{
    width:33%;float:left;
    text-align:center;
    color:#1590e7;
    font-size:36px;
    font-weight:bold;
    line-height:40px;
}
.list .r{
    border-right:1px solid #e1e1e1;
}
.list li span{
    font-size:16px;
    color:#666;
}

.indexAboutPic{
    width:30%;float:left;
}
.indexAboutPic img{
    width:100%;
}


.indexProductTitle{
    width:100%;
    height:90px;line-height:90px;overflow:hidden;
    font-weight:bold;
    font-size:36px;
}

.indexProduct{
    width:100%;
    height:auto;overflow:hidden;
}
.indexProduct li{
    position: relative;
    width:300px;float:left;
    height:auto;overflow:hidden;
    margin:20px 10px;
    background:#f9f9f9;
}
.indexProduct li div{
    width:100%;
    height:40px;line-height:40px;
    overflow:hidden;
    text-align:center;
}
.indexProduct li img{
    width:100%;
    height:260px;
}


	.indexProduct li .word{
		position: absolute;
		top: 0px;
		left:-100%;
		width: 90%;
		height: 260px;
		background: rgba(6,137,218,0.7);
		padding: 0 5%;
	}
	.indexProduct li .word h2{
        width:100%;
        height:50px;line-height:50px;
		color: #fff;
		font-size: 20px;
        font-weight:bold;
		text-align: left;
		margin-top: 20px;
		border-bottom: 1px solid #FFFFFF;
		padding-bottom: 5px;
	}
        .indexProduct li .word h3 {
            width: 100%;
            height: 60px;overflow:hidden;
            color: #fff;
            font-size: 14px;
            line-height: 30px;
            margin: 20px auto 10px auto;
            text-align:left;
        }
        .indexProduct li .word .arrow{
            width:100%;
            height:auto;overflow:hidden;
            text-align:right;
            transform:rotate(180deg);
        }
        .indexProduct li .word .arrow span{
            color:#fff;font-size:24px;
        }


.indexProductMore{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.indexProductMore a{
    display:block;
    width:120px;
    height:40px;line-height:40px;
    background:#1590e7;
    border-radius:30px;
    color:#fff;
    text-align:center;
    transition:0.5s all;
    margin:10px auto;
}
.indexProductMore a:hover{
    background:#0b7ccb;
}

.indexNews{
    width:100%;
    height:auto;overflow:hidden;
    background-image:url(../Images/index_news_bg.jpg);
    padding:50px 0 80px 0;
}
.indexNewsTitle{
    width:100%;
    height:90px;line-height:90px;overflow:hidden;
    font-weight:bold;
    font-size:36px;
}

.indexNewsLeft{
    width:70%;float:left;
    height:480px;
    background-image:url(../Images/index_news.jpg);
}
.indexNewsLeft .swiper-pagination-bullet-active{
    background-color:#fff;
}
.indexNewsList{
    width:80%;
    height:auto;overflow:hidden;
    margin:80px auto;
    text-align:left;
    transition:all 0.5s;
}
.indexNewsList h2{
    width:100%;
    height:60px;line-height:60px;overflow:hidden;
    font-size:30px;
    color:#fff;
    font-weight:bold;
    transition:all 0.5s;
}
.indexNewsList s{
    width:40px;
    display:inline-block;
    height:5px;
    background-color:#fff;
    margin-top:24px;
    margin-bottom:4px;
    transition:all 0.5s;
}
.indexNewsList div{
    width:100%;
    height:120px;
    line-height:30px;
    color:#f1f1f1;
    margin:30px auto;
    font-size:15px;
}
.indexNewsList:hover h2{
    line-height:70px;
}
.indexNewsList:hover s{
    width:100px;
    background-color:#1590e7;
}

.indexNewsRight{
    width:30%;float:left;
    height:480px;
    background-color:#fff;
}
.indexNewsRight li{
    width:88%;
    height:auto;overflow:hidden;
    border-bottom:1px solid #eee;
    border-right:4px solid #fff;
    padding:10px 5.2% 10px 6%;
    transition:all 0.5s;
}
    .indexNewsRight li h2 {
        width: 100%;
        height: 49px;
        line-height: 49px;
        overflow: hidden;
        color: #000;
        font-weight: bold;
        font-size: 16px;
    }
    .indexNewsRight li div {
        width: 100%;
        height: 50px;
        line-height: 25px;
        overflow: hidden;
        color: #999;
        font-size: 12px;
    }

.indexNewsRight li:hover{
    background-color:#f6f9ff;
    border-right:4px solid #1590e7;
}

.indexSaleTitle{
    width:100%;
    height:90px;line-height:90px;overflow:hidden;
    font-size:36px;
    color:#333;
    font-weight:bold;
    text-align:center;
}
.indexSale{
    text-align:center;
}
.indexSale img{
    width:80%;
}

.indexAgent{
    width:100%;
    height:auto;overflow:hidden;
    background-image:url(../Images/index_agent_bg.jpg);
    background-position:center;
    padding:40px 0;
}
.indexAgentTitle{
    width:100%;
    height:90px;line-height:90px;
    color:#fff;
    text-align:center;
    font-size:36px;
    font-weight:bold;
}
.indexAgentList{
    width:80%;
    height:auto;overflow:hidden;
    margin:10px auto;
}
.indexAgentList li{
    width:17%;float:left;
    height:auto;overflow:hidden;
    margin:10px 1.5%;
    transition:all 0.5s;
}
.indexAgentList li:hover{
    margin:0 1.5% 20px 1.5%;
}
.indexAgentList li:hover div{
    background:#355b8a;
    color:#fff;
}
.indexAgentList li a{color:#fff;}
.indexAgentList li div{
    width:100%;
    height:40px;line-height:40px;
    overflow:hidden;
    color:#fff;
    text-align:center;
    transition:all 0.5s;
}
.indexAgentList li img{
    width:100%;
}


@media(max-width:720px){
    .indexAboutContent{
        width:100%;float:left;
        margin-right:0;
    }
    .indexAboutContent .list li{
        width:33%;float:left;
        text-align:center;
        color:#1590e7;
        font-size:28px;
        font-weight:bold;
        line-height:30px;
    }
    .indexAboutContent .list li span{font-size:14px;font-weight:normal;}
    .indexAboutPic{
        width:100%;float:left;
    }

    .indexProduct li{
        width:48%;float:left;
        height:auto;overflow:hidden;
        margin:10px 1%;
        background:#f9f9f9;
    }
    .indexProduct li img{
        width:100%;
        height:200px;
    }
    .indexAgent{
        padding:10px 0 20px 0;
    }
    .indexAgentList{
        width:96%;
        height:auto;overflow:hidden;
        margin:10px auto;
    }
    .indexAgentList li{
        width:23%;float:left;
        height:auto;overflow:hidden;
        margin:5px 1%;
    }
    .indexNewsLeft{
        width:100%;
        height:480px;
    }
    .indexNewsRight{
        width:100%;
        height:480px;
    }

}