@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*home*/
.m-banner{height: 390px;}
.m-banner .hd{width: 126px;height: 30px; left: 50%; margin-left: -63px; bottom: 8%;overflow: hidden; background-color: rgba(0, 0, 0, 0.5); border-radius: 15px;}
.m-banner .hd ul li{float: left; text-indent: 999999999em; width: 12px; height: 12px; margin-right: 30px; background: #fff; border-radius: 100%; margin-top: 9px; cursor: pointer;}
.m-banner .hd ul li:first-child{margin-left: 15px;}
.m-banner .hd ul li:last-child{margin-right: 0px;}
.m-banner .hd ul li.on{background: url(../images/home/chose.png) center no-repeat; width: 16px; height: 16px;margin-top: 8px;}
.m-banner .bd img{width: 100%;height: 390px;}

/* work */
.m-work{padding: 0 20px; background-color: #fff;}
.u-workt{font-family: "方正大标宋简体";text-align: center; width: 100%; line-height: 36px; font-size: 30px; color: #ec0b0b; padding: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.u-workl .bg{ bottom: 0; width: 100%; height: 50px; background-color: rgba(0, 0, 0, 0.5); z-index: 99;}
.u-workl,.u-workr{height: 410px; margin-bottom: 20px;}
.u-workroutc{margin-bottom: 20px;}
.u-workl .bd ul li a img{width: 100%; height: 410px;}
.u-workl .bd ul li a p{left: 10px; bottom: 0; line-height: 50px; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; z-index: 999;}
.u-workl .hd{ right: 0; bottom: 20px; z-index: 999;}
.u-workl .hd ul li{float: left; margin-right: 8px; width: 10px; height: 10px; border-radius: 100%; background-color: #8f9095; text-indent: 999999em; overflow: hidden; cursor: pointer;}
.u-workl .hd ul li.on{background-color: #fff;}
.u-workrclist{padding-bottom: 15px; border-bottom: 1px solid #eaeaea; margin-bottom: 15px;}
.u-workrt ul li{float: left;width: 25%; text-align: center;margin-bottom: 25px;}
.u-workrt ul li a{color: #b0b0b0; font-size: 26px; font-weight: 600;}
.u-workrt ul li.on a,.u-workrt ul li:hover a{color: #005f96;}
.u-time{padding: 0 15px; border-right: 1px solid #eaeaea;}
.u-time p{text-align: center; color: #b0b0b0;}
.u-time p:nth-child(1){font-size: 30px; font-weight: 600;}
.u-time p:nth-child(2){font-size: 12px;}
.u-workrc1{width: 70%; padding-left: 10px;}
.u-workrc1 a{display: block; color: #333; font-size: 16px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; transition: all 0.6s;}
.u-workrc1 a:hover{color: #005f96; padding-left: 5px;}
.u-workrc1 p{color: #747774; font-size: 12px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px;}
.u-more{width: 33px; height: 60px; background: url(../images/home/more.png) left center no-repeat; cursor: pointer; transition: all 0.6s;}
.u-more a{width: 33px; height: 60px;}
.u-more:hover{background-position: right center;}
/* adv */
.m-adv img{width: 100%;height: 100px;}

/* m-listhome */
.u-listhome{background-color: #fff;padding: 0 20px; height: 308px;}
.u-listhomet{line-height: 50px;border-bottom: 1px solid #e1e1e1; padding-top: 5px;}
.u-listhometl{color: #005f96; font-size: 26px; font-weight: 600; transition: all .6s;}
.u-listhometr{color: #75a0b9; font-size: 16px; transition: all .6s;}
.u-listhomec ul li a{padding-left: 15px; background: url(../images/public/icon-list.png) left center no-repeat; width: 80%; line-height: 38px; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .6s;}
.u-listhomec ul li a:hover{color: #005f96; padding-left: 20px;}
.u-listhomec ul li span{line-height: 38px;}

/* m-jianshe */
.m-jianshe{padding: 0 20px;background-color: #fff; height: 330px;}
.u-jianshe ul li{width: 300px; margin-right: 10px; float: left;}
.u-jianshe ul li img{width: 100%;height: 200px; transition: all 0.6s;}
.u-jiansheimg{width: 100%;height: 200px;overflow: hidden;}
.u-jianshe .tempWrap{width: 100%!important;}
.u-jianshe ul li a:hover img{transform: scale(1.1);}
.u-jianshe ul li p{width: 100%; line-height: 45px; color: #333333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*media query*/
/*large pcScreen*/
@media (min-width:1280px) {
	.m-listhome .col-md-6:first-child,.u-workl{padding-right: 10px;}
	.m-listhome .col-md-6:last-child,.u-workr{padding-left: 10px;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1279px) {
    .u-listhomec ul li a{width: 70%;}

}
/*pad md*/
@media screen and (max-width: 991px ){
	.m-banner .bd img{height: 200px;}

}
/*phone sm*/
@media screen and (max-width: 767px) {
    .m-banner .hd{height: 20px; bottom: 10px;}
    .m-banner .hd ul li{margin-top: 4px;}
    .m-banner .hd ul li.on{margin-top: 2px;}
    .m-banner .bd img{height: 150px;}
    .u-workl .bd ul li a img,.u-workl{height: 300px;}
}
/*small xs*/
@media screen and (max-width: 638px) {
    .m-banner{margin-bottom: 20px;}
    .u-workl .bd ul li a img,.u-workl{height: 200px;}
    .u-workl .bd ul li a p{width: 50%;}
    .u-workt{font-size: 25px; padding: 10px 0;}
    .u-workrt ul li a{font-size: 20px;}
    .u-workrc1{width: 55%;}

}
@media screen and (max-width: 410px){
    .u-workrt ul li a{font-size: 14px;}
}