@charset "utf-8";

body{
	font-family: "Microsoft YaHei";
	background-repeat: no-repeat;
	width: 100%;
	height:100%;
		
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, 
fieldset,input,textarea,p,blockquote,th,td { 
margin:0; 
padding:0; 
} 

*{outline:none;}
a{ text-decoration:none;

}


li{
	list-style: none;
}





.bannerbottom{
	background: url(../images/231_02.png)!important;
}


	
	
.bannerbottom a {
    cursor: pointer;
    display: block;
    width: 57px!important;
    height: 57px!important;
    position: absolute;
    top: 14px!important;
}

.bannerbottom a.a2 {
    left: 322px!important;
  
}

.bannerbottom a.a3 {
    left: 600px!important;
   
}

.bannerbottom a.a4 {
    left: 894px!important;
   
}


.bannerbottom div {
    position: relative;
    background: url(../images/con1.png)!important;
    width: 1126px!important;
    height: 88px!important;
    margin: 0 auto;
}



.indexMainContent h4 span, .consultingCenterDiv h4 span {
    position: absolute;
    display: inline-block;
    width: 92px!important;
    height: 3px!important;
    background-color: #00689a!important;
}


.indexMainContent h4 p, .consultingCenterDiv h4 p {
	color: #00689a;
    width: 375px!important;
}



.indexUl li.indexLi div.indexLiDiv div.icon1 {
    margin: 0 auto;
    width: 158px;
    height: 148px;
    background: url("../images/1_05.png") no-repeat center center!important;
}

.indexUl li.indexLi:hover div.indexLiDiv div.icon1 {
    background: url("../images/1_03.png") no-repeat center center!important;
}


.indexUl li.indexLi div.indexLiDiv div.icon2 {
    margin: 0 auto;
    width: 158px;
    height: 148px;
    background: url("../images/2_03.png") no-repeat center center!important;
}

.indexUl li.indexLi:hover div.indexLiDiv div.icon2 {
    background: url("../images/2_04.png") no-repeat center center!important;
}

.indexUl li.indexLi div.indexLiDiv div.icon3 {
    margin: 0 auto;
    width: 158px;
    height: 148px;
    background: url("../images/3_01.png") no-repeat center center!important;
}

.indexUl li.indexLi:hover div.indexLiDiv div.icon3 {
    background: url("../images/3_02.png") no-repeat center center!important;
}


.indexUl li.indexLi div.indexLiDiv div.icon4 {
    margin: 0 auto;
    width: 158px;
    height: 148px;
    background: url("../images/4_01.png") no-repeat center center!important;
}

.indexUl li.indexLi:hover div.indexLiDiv div.icon4 {
    background: url("../images/4_02.png") no-repeat center center!important;
}








.indexUl li.indexLi:hover div.indexLiDiv {
    border-radius: 12px;
    background-color: #fff!important;
    background: url(../../images/img/selectBg.png) no-repeat center center\9;
    width: 243px;
    height: 405px;
}

.indexUl li.indexLi:hover div.indexLiDiv p, .indexUl li.indexLi:hover div.indexLiDiv h6 {
    color: #000!important;
}

.indexUl li.indexLi div.indexLiDiv a.zxBut {
    margin: 20px auto;
    display: block;
    width: 176px;
    height: 42px;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    color: #fff;
    border-radius: 10px;
    background-color: #000!important;
    background: url(../../images/img/noselectAbg.png) no-repeat center center\9;
}



.indexUl li.indexLi:hover div.indexLiDiv a.zxBut {
    background-color: #19a6dc!important;
    background: url(../../images/img/selectAbg.png) no-repeat center center\9;
    color: #fff!important;
}




.consultingCenter{
	background: none!important;
}


.consultingCenterDiv h5 {
    color: #000!important;
}


.consultingList h6 span {
    float: left;
    color: #2495cb!important;
    font-size: 15px;
    display: inline-block;
}

.consultingList h6 a {
    display: inline-block;
    float: right;
    font-size: 12px;
    color: #2495cb!important;
}

.consultingList h6 {
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-weight: normal;
    border-bottom: 1px solid #2495cb!important
}


.listText li a {
    display: block;
    padding-left: 16px;
    font-size: 14px;
    color: #000!important;
    background: url(../../images/img/i.png) no-repeat left center;
} 
















.main{
	width: 100%;
	height: 100%;
	background: #2495cb;

}

.consultingCenterDiv{
	width: 1200px!important;
	margin: 0 auto;
	overflow: hidden;
	height: auto!important;
}

.main .consultingCenterDiv h4 span{
	position: absolute;
    display: inline-block;
    width: 92px!important;
    height: 3px!important;
    background-color: #fff!important;
}


.main .consultingCenterDiv h4 p {
	color: #fff!important;
    width: 375px!important;
}

.main .consultingCenterDiv ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 72px;
	margin-bottom: 70px;
}

.main .consultingCenterDiv ul li{
	width: 340px;
	margin: 0 60px 0 0;
	
	float: left;
	text-align: center;
}



.main .consultingCenterDiv ul li h6{ 
	color: #fff;
	font-size: 20px;
	margin-top: 24px;
}

.main .consultingCenterDiv ul li span{
	display: block;
	color: #fff;
	font-size: 14px;
	margin-bottom: 10px;
}


.main .consultingCenterDiv ul li p{
	width: 340px;
	height: auto;
	color: #fff;
	margin: 0 auto;
	margin-top: 39px;
	text-align: left;
}






.listOne {
    position: relative;
    background: url(../images/6_26.png) no-repeat center center!important;
    width: 238px;
    height: 164px;
}




.main1{
    width: 100%;
    height: 100%;
    background: #f3f3f3;
}

.main1 .consultingCenterDiv h5 p{
    width: 385px!important;
    margin-bottom: 62px;
}


.main-con{
    width: 273px;
    height: 444px;
    background: #e3e3e3;
    margin: 0 18px;
    float: left;
    margin-bottom: 62px!important;

}


.main-con:nth-of-type(1){
    margin-left: 0px;
}

.main-con:last-child{
    margin-right: 0px;
}


.main-con:hover{
    background: #19a6dc;
    transition-duration:1s;
}

.main-con h6{
    color: #00689a;
    font-size: 1.57em;
    padding-top: 58px;
    width: 212px;
    margin: 0 auto;
}


.main-con:hover h6{
    color: #fff;
}


.main-con p{
    color: #000;
    font-size: 0.875em;
    padding-top: 28px;
    width: 212px;
    margin: 0 auto;
}

.main-con:hover p{
    color: #fff;
    line-height: 20px;
    transition-duration:0.5s;
}

@media screen and (max-width:1200px) {

    .bannerbottom{
        display:none!important;

    }

    .indexMainContent{
        width:100%!important;
         height: auto!important;
    }

    .indexUl li.indexLi{
        width: auto!important;
        margin: 0!important;
        padding: 0 20px;
    }

    .indexUl{
    width:566px;

    margin: 0 auto!important; 
    height: auto;
    overflow: hidden;
    }

    .consultingCenterDiv{
        width: 100%!important;
    }
    
    .main_con{
        width: 618px;
        margin: 0 auto;
        height: auto;
        overflow: hidden;
    }

    .main-con:nth-of-type(1){
        margin-left:18px!important;
    }

    .content1{
        width: 95%!important;
        margin: 0 auto;
        height: auto!important;
    }

    .footer1{

        height: auto!important;
        overflow: hidden;
    }

    .listOne{
        display: none;
    }

    .consultingCenter{
        height: auto!important;
        overflow: hidden;
    }

    .listTwo, .listThree, .listFour{
        margin: 0 20px!important;
    }

    .consultingList{
        width: 798px;
        margin: 0 auto;
    }

    .span{
       position: static!important;
    }


    .main .consultingCenterDiv ul{
        width: 95%!important;
        margin: 0 auto;
    }

    .main .consultingCenterDiv ul li{
        width: 100%;
	 margin-bottom: 30px!important;
    }

   

}


@media screen and (max-width:798px) {

    
     .consultingList{
        width: 95%;
        margin: 0 auto;
    }

    .listTwo, .listThree, .listFour{
        width: 100%!important;
        float: none;
        margin:0!important;
    }

  

    .listText li a p{
        width: 100%!important;
    }

    .indexMainContent h5 p{
        width: 95%!important;
        text-align:center!important;
    }

}


@media screen and (max-width:556px) {
  .indexUl{
        width: 100%!important;
        margin: 0 auto;
    }

    .indexUl li.indexLi {
    width: 50%!important;
   
   
}

	 .consultingCenterDiv h5 p{
		width:95%!important;
	}


    .indexUl li.indexLi{

        padding: 0;
    }

	.indexUl li.indexLi div.indexLiDiv{
	width:auto!important;
	padding-top:0px!important;
	}

	.indexUl li.indexLi div.indexLiDiv p{
	width:auto!important;
	height:105px;
	}

.indexUl li.indexLi div.indexLiDiv a.zxBut{
	width:auto!important;
}


}

@media screen and (max-width:618px) {
  
    .main_con{
        width: 100%;
    }

	.main-con:nth-of-type(1) {
     margin-left: 0px!important;

	}

	.main-con{
	width:50%;
	height:auto;
	margin:0px!important;
	}

	.main-con img{
	width:100%;
	}
	

	.main-con h6{
	padding:0;
	width:95%;
	


	}


	.main-con p{
	width:auto;
	height:160px;
	
	}



	.indexMainContent h4 p, .consultingCenterDiv h4 p{
	width:95%!important;
	
	}






}





.main .consultingCenterDiv ul li p{
        width: 100%!important;
	margin:0 auto;
    }

	.indexMainContent h4 span, .consultingCenterDiv h4 span{
	display:none!important;
	}


}

@media screen and (max-width:375px) {

    .indexMainContent h4 p, .consultingCenterDiv h4 p{
        width: 100%!important;
    }

	.main .consultingCenterDiv h4 p{
	width: 100%!important;
}

    .indexMainContent h4{
        font-size: 30px!important;
    }
}