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

/*home*/
.m-banner{height: 500px;}
.m-banner .bd img{width: 100%;height: 500px;}

/* work */
.m-work{ background-color: #fff;}
.u-workt{text-align: center; width: 100%; line-height: 36px; font-size: 30px; color: #008cd6; padding: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.u-workt p:nth-child(1){font-size: 20px;  color: #dddddd;}
.u-workt p:nth-child(2){font-size: 36px;  color: #008cd6; font-weight: 600; background: url(../images/home/tit.png) center no-repeat;}
.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-workl .swiper-wrapper a{z-index: 99999;}
.u-workl .swiper-wrapper a p{bottom: 0; left: 50%; width: 70%; margin-left: -25%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 50px;z-index: 9999; color: #fff;}
.swiper-pagination{width: 100px; height: 32px; line-height: 32px; background: #e2ecf1; z-index: 999; left: 20px; bottom: 9px;}
.swiper-button-next{background: url(../images/home/next.png) center no-repeat; top: auto; bottom: 0px; height: 50px; left: 90px; z-index: 99999999;}
.swiper-button-prev{background: url(../images/home/prev.png) center no-repeat; top: auto; bottom: 0px; height: 50px; left: 22px; z-index: 99999999;}
.u-workl .swiper-wrapper a img{width: 100%; height: 390px;}
.u-workroutc{margin-bottom: 20px;}
.u-workrclist{padding-bottom: 15px; border-bottom: 1px dashed #eaeaea; margin-bottom: 25px; height: 120px;}
.u-workrclist:last-child{border: 0;}
.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: 15px; background: #f5f5f5;}
.u-time p{text-align: center; color: #545454;}
.u-time p:nth-child(1){font-size: 32px;}
.u-time p:nth-child(2){font-size: 16px;}
.u-workrc1{width: 85%; 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: #008cd7; padding-left: 5px;}
.u-workrc1 p{color: #747774; font-size: 14px; width: 100%; line-height: 30px; height: 60px; overflow: hidden;}
.u-workrclist:hover .u-time{background-color: #e2eff7;}
.u-workrclist:hover .u-time p{color: #008cd7;}

/* adv */
.m-adv img{width: 100%;height: 100px;}

/* m-ztbxx */
.u-ztbxxt{text-align: center; width: 100%; line-height: 36px; font-size: 30px; color: #008cd6; padding: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.u-ztbxxt p:nth-child(1){font-size: 20px;  color: #dddddd;}
.u-ztbxxt p:nth-child(2){font-size: 36px;  color: #008cd6; font-weight: 600; background: url(../images/home/tit2.png) center no-repeat;}
.m-ztbxxc ul li a{height: 180px; border: 1px solid #ebebeb; margin-bottom: 50px;}
.m-ztbxxc ul li a .t1{font-size: 16px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px;}
.m-ztbxxc ul li a .c1{font-size: 14px; line-height: 24px; margin-bottom: 20px; color: #999999;}
.m-ztbxxc ul li a .line{width: 32px; height: 1px; background: #008cd6; margin-bottom: 20px;}
.m-ztbxxc ul li a .time{color: #666666; margin-bottom: 10px;}




/* m-listhome */
.m-listhome{background: #f0f0f0; padding-top: 50px;}
.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: #008cd6; 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: #008cd6; padding-left: 20px;}
.u-listhomec ul li span{line-height: 38px;}

/* m-jianshe */
.m-jianshe{background-color: #fff; height: 400px;}
.u-jianshe ul li{width: 300px; margin-right: 28px; 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; border: 1px solid #ebebeb; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* m-jianjie */
.m-jianjie{padding-top: 50px; background: #f0f0f0;}
.u-jianjie1{width: 31%;height: 400px; overflow: hidden;}
.u-jianjie1 img{width: 100%;height: 100%; transition: all 0.6s;}
.u-jianjie1:hover img{transform: scale(1.1);}
.u-jianjie2{width: 36%; padding: 38px 30px; height: 400px; background: #fff;}
.u-jianjie2 .u-tit{margin-bottom: 20px;}
.u-jianjie2 .u-tit .t1{font-size: 24px; font-weight: 600;}
.u-jianjie2 .u-tit .t2{font-size: 14px; color: #b3b3b3; vertical-align: bottom;}
.u-jianjie2 .line{width: 24px; height: 4px; background: #008cd6; margin-bottom: 10px;}
.u-jianjie2 .cnc{max-height: 200px; line-height: 30px; font-size: 15px; color: #808080; margin-bottom: 20px; overflow-y: auto;}
.u-jianjie2 .u-more{width: 120px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #008cd6; color: #008cd6; font-size: 14px;}
.u-jianjie3{width: 33%; height: 400px; background: #f7f7f7;}
.u-jianjie3c .f-fl{width: 50%; height: 200px;}
.u-jianjie3c .img{overflow: hidden;}
.u-jianjie3c .img img{width: 100%; height: 100%; transition: all 0.6s;}
.u-jianjie3c .img:hover img{transform: scale(1.1);}
.u-jianjie3c .wenzi{padding-left: 35px; padding-top: 75px;}
.u-jianjie3c .wenzi p:nth-child(1){font-size: 18px; font-weight: 600; line-height: 30px;}
.u-jianjie3c .wenzi p:nth-child(2){font-size: 14px; line-height: 30px; color: #b3b3b3;}

/*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;}
    .u-jianjie1,.u-jianjie2,.u-jianjie3{width: 100%;}


}
/*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{height: 300px;}
    .u-workl .swiper-wrapper a img{height: auto;}
}
/*small xs*/
@media screen and (max-width: 638px) {
    .m-banner{margin-bottom: 20px;}
    .u-workl{height: 200px;}
    .u-workt{font-size: 25px; padding: 10px 0;}
    .u-workrt ul li a{font-size: 20px;}
    .u-workrc1{width: 75%;}
    .u-workl .swiper-wrapper a p{left: auto; right: 0; width: 60%;}
    

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