@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan 
 */

/*home*/
.is-main{background-color: #f5f5f5;}
.is-main>.container{background: #fff;padding: 45px 30px 12px 30px;position: relative;top: -20px;}
.m-pictabstyle li{float:left;position: relative;margin-right: 30px;}
.m-pictabstyle li:last-child{margin-right: 0;}
.m-pictabstyle li a{display:block;width: 165px;	height: 120px;color: #a5caec;font-size:20px;text-align: center;line-height: 170px;cursor: default;}
.m-pictabstyle li.u-active::after{display: block;content: url(../images/home/u_sj.png);position: absolute;bottom: -23px;left: 50%;transform: translateX(-50%);}
.m-pictabstyle li:nth-child(1) a{background: url(../images/home/icon_1.png) #f2f5fa top 23px center no-repeat;}
.m-pictabstyle li:nth-child(2) a{background: url(../images/home/icon_2.png) #f2f5fa top 23px center no-repeat;}
.m-pictabstyle li:nth-child(3) a{background: url(../images/home/icon_3.png) #f2f5fa top 23px center no-repeat;}
.m-pictabstyle li:nth-child(4) a{background: url(../images/home/icon_4.png) #f2f5fa top 23px center no-repeat;}
.m-pictabstyle li:nth-child(5) a{background: url(../images/home/icon_5.png) #f2f5fa top 23px center no-repeat;}
.m-pictabstyle li:nth-child(6) a{background: url(../images/home/icon_6.png) #f2f5fa top 23px center no-repeat;}
.m-pictabstyle li:nth-child(7) a{background: url(../images/home/icon_7.png) #f2f5fa top 23px center no-repeat;}
.m-pictabstyle li:nth-child(1).u-active a{background: url(../images/home/icon_11.png) #0b6eca top 23px center no-repeat;color:#fff;}
.m-pictabstyle li:nth-child(2).u-active a{background: url(../images/home/icon_22.png) #0b6eca top 23px center no-repeat;color:#fff;}
.m-pictabstyle li:nth-child(3).u-active a{background: url(../images/home/icon_33.png) #0b6eca top 23px center no-repeat;color:#fff;}
.m-pictabstyle li:nth-child(4).u-active a{background: url(../images/home/icon_44.png) #0b6eca top 23px center no-repeat;color:#fff;}
.m-pictabstyle li:nth-child(5).u-active a{background: url(../images/home/icon_55.png) #0b6eca top 23px center no-repeat;color:#fff;}
.m-pictabstyle li:nth-child(6).u-active a{background: url(../images/home/icon_66.png) #0b6eca top 23px center no-repeat;color:#fff;}
.m-pictabstyle li:nth-child(7).u-active a{background: url(../images/home/icon_77.png) #0b6eca top 23px center no-repeat;color:#fff;}

/* .m-picliststyle{padding-top: 5px;}
.m-picliststyle ul:last-child{margin-top: 9px;}
.m-picliststyle li{background: url(../images/public/dian.png) left center no-repeat;height: 38px; line-height: 38px;position: relative;padding-left: 10px;}
.m-picliststyle li span{float: right; padding-left: 10px; font-size: 14px; color: #999;}
.m-picliststyle li a{display: block;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-picliststyle li a:hover{padding-left: 16px;} */

.m-picliststyle{margin-top: 48px;}
.m-picliststyle li{margin: 0 20px 20px 0; float: left;}
.m-picliststyle li:nth-child(3n){margin-right: 0;}
.m-picliststyle li a{display: block;overflow: hidden;transition: 0.4s background;width: 432px;
    height: 480px;
    background-color: #fafafa;box-sizing: border-box;}
.m-picliststyle li img{width: 100%; height: 240px; vertical-align: middle;}
.m-picliststyle li a>p{display: block; height: 70px; font-size: 18px; line-height: 70px;	color: #333333; text-align: center; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.m-picliststyle li a:hover{  padding: 4px; background: #0b6eca;box-sizing: border-box;}
.m-picliststyle li a:hover>p{color: #fff;}
.m-picliststyle li a:hover>div{color: #fff;}
.m-picliststyle li a:hover>div p{color: #fff;}

.m-picliststyle li div{
    width: 100%;
    padding: 20px 10px;
    display: block; height: auto; font-size: 18px; line-height: 36px;	
    color: #333333; text-align: left; 
}
.m-picliststyle li div p{
    font-size: 14px !important;
    /* white-space: nowrap;overflow: hidden; text-overflow: ellipsis; */
}

/*media query*/
/*large pcScreen*/
@media screen and (min-width:991px) and (max-width: 1400px){
    .m-pictabstyle li{margin-right: 10px;}
    .m-pictabstyle li a{width: 125px;}
}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    

}
/*pad md*/
@media screen and (max-width: 991px ){
	.m-picliststyle li a{width: 100%;}

}
/*phone sm*/
@media screen and (max-width: 767px) {
    .m-picliststyle li a{width: 100%;}


}
/*small xs*/
@media screen and (max-width: 638px) {
    

}