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

.g-m1{margin: 37px 0 34px;}
.g-m2{margin: 15px 0;}

/*home*/

.g-flash{margin-top: 25px;}
.g-flash,.g-flash img{height:426px;}
.g-flash img{display: block; width: 100%;}
.g-flash p{position: absolute;width: 100%;height:68px;line-height: 68px;background: rgba(0,0,0,0.5);bottom: 0;color: #fff;text-align: center;font-size: 18px;}
.u-title{height: 62px;line-height: 62px;border-bottom: 1px solid #dddddd;}
.u-title h4{line-height: 62px;background: url(../images/index/bg-tit.png)no-repeat left;font-size: 23px;font-weight: bold;padding-left: 20px;}
.u-title a{font-size: 14px;color: #999999;}
.u-title .c-red{color:#e00000}
.m-liststyle ul li{line-height: 56px;border-bottom: 1px dashed #dddddd;background: url(../images/public/icon-li2.png)no-repeat left;padding-left: 15px;overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-liststyle ul li:last-child{border-bottom: none;}
.m-liststyle ul li span{float: right;color: #999999;font-size: 15px;}
.slideBox .prev,.slideBox .next{position: absolute;display: block;width: 52px;height: 92px;top: 260px;background: rgba(0,0,0,.6) url(../images/index/zt-psszj-ico-1-3.png) no-repeat center 0;color: #fff;}
.slideBox .prev{left: 10px;}
.slideBox .next{right: 10px;}
.slideBox .prev{background-position: center 30px;}
.slideBox .next {background-position: center -88px;}

.m-zjxc .bd{height: 240px;}
.m-zjxc .bd ul li{position: relative;float: left;overflow: hidden;width: 305px;height: 240px;margin-right: 20px;}
.m-zjxc .bd img{width: 100%;}
.m-zjxc .bd p{position: absolute;width: 100%;height:62px;line-height: 62px;background: rgba(0,0,0,0.5);bottom: 0;color: #fff;text-align: center;overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-zjxc .prev,.m-zjxc .next{position: absolute;display: block;width: 66px;height: 66px;top: 185px;background: #ebebeb url(../images/index/zt-psszj-ico-1-3.png) no-repeat center 0;border-radius: 50%;text-align: center;color: #b8b8b8;padding: 12px 0;}
.m-zjxc .prev{left: -90px;background-position: center 18px;}
.m-zjxc .next{right: -90px;background-position: center -100px;}
.u-zcjzs ul li{width: 50%;}
.u-zcjzs ul li:last-child {text-align: right;}
.u-ljgd ul li{float: left;overflow: hidden;}
.u-ljgd ul li img{width: 100%;}


/*home新增*/
.j-row{margin:0 -1%}
.j-col-2{float: left;width:48%;margin:0 1%}
.j-col-3{float: left;width:31.33%;margin:0 1%}
.j-col-4{float: left;width:23%;margin:0 1%}
.j-col-5{float: left;width:18%;margin:0 1%}

.m-implements{margin:10px -1%}
.m-implements .bd,.m-implements .bd ul{width:100%;height:220px;overflow: hidden;}
.m-implements li{float: left;width:31.33%;margin:1%;text-align: center;background: #f8f8f8}
.m-implements li a{display: block;padding:10px 0 0 0}
.m-implements li img{display: block;margin:auto;width:47px;height:47px;}
.m-implements li p{height: 45px;line-height: 40px;font-size:20px;font-weight:bold;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-implements .hd{position: absolute;right:0;top:42px}
.m-implements .prev,.m-implements .next{ display: inline-block; width: 18px; height: 18px;  cursor: pointer;}
.m-implements .prev{background: url(../images/index/prev.png) no-repeat center;}
.m-implements .next{background: url(../images/index/next.png) no-repeat center;}
.m-implements .prev:hover{background: url(../images/index/prevcur.png) no-repeat center;}
.m-implements .next:hover{background: url(../images/index/nextcur.png) no-repeat center;}

.m-implements li:hover img{transform: rotateY(-180deg);transition: all .3s linear;}

/*关联列表通用样式*/
.zt-titstyle1 ul{padding: 0;overflow: hidden;}
.zt-titstyle1 li{margin-bottom: 25px; line-height: 62px;}
.zt-titstyle1 li span{margin-left: 10px; float: right;}
.zt-titstyle1 .zt-libox{width: 85%;float: left;overflow: hidden;}
.zt-titstyle1 .zt-libox .zt-licont{max-width: 95%;float: left;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zt-titstyle1 .zt-libox .zt-licont p{float: right;display: block;max-width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zt-titstyle1 .zt-libox .zt-licont a.zt-li-bt{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left:10px}
.zt-titstyle1 .zt-libox i{float: left;width: 29px;height: 29px;background: url(../images/index/numbg.png) no-repeat center;text-align: center;color:#fff;font-weight:bold;line-height: 29px;margin-top:18px}
.zt-titstyle1 .zt-libox .c-white{display:inline-block;color:#fff;background: url(../images/index/wjbg.png) no-repeat center;width:62px;height:26px;line-height: 26px;text-align: center;margin:0 10px}
.zt-titstyle1 .zt-libox .fire{display:inline-block;width:20px;height:24px;color:#fff;background: url(../images/index/hot.png) no-repeat center;vertical-align: text-bottom;}
.zt-titstyle1 li:hover .fire{animation: jello 1s}
@keyframes jello {
    from,11.1%,to {
    transform:none
    }
    22.2% {
    transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
    transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
    transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
    transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
    transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
    transform:skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8% {
    transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}


.is-hot-left{width:66%;}
.rdzc-jd{display: block;width:68px;height: 100%;font-size: 28px;font-weight: bold;color: #fff!important;background: #0a7cd5;padding:20px;left:0;line-height: 30px}
.is-hot-right{width:31.25%;}
.is-hot-right a{display: block;margin-top:10px}

.j-mr1{margin:0 -1%}
.is-piclist li{float: left;}
.is-piclist li img{display: block;width:100%}
.is-piclist3 li{width:31.33%;margin:0 1%}

.j-tabstyle2{text-align: center;position: absolute;right:0;top:25px}
.j-tabstyle2 ul{text-align: center;}
.j-tabstyle2 ul li{float:left;position: relative;margin-left:15px}
.j-tabstyle2 ul a{font-size:17px;background: #819bb7;display:inline-block;height:36px;line-height:36px;padding:0 15px;color:#fff;border-radius:6px 6px 0 0}
.j-tabstyle2 ul span{font-size:10px}
.j-tabstyle2 ul i{position: absolute;bottom:0px;left:50%;margin-left:-6px;width:12px;height:8px;z-index: 1;}
.j-tabstyle2 ul .u-active a{background: #0e44b0}
.j-tabstyle2 ul .u-active i{display:block;background: url(../images/index/row.png) center no-repeat;bottom:-6px;-webkit-transition: all linear 0.2s;transition: all linear 0.2s;-moz-transition: all linear 0.2s;}


.is-zcld-list{height:402px;}
.is-zcld-list li{float:left;width:414px;margin-right:20px;background: #f3f8fc;}
.is-zcld-list li img{display: block;width: 100%;height: 198px;object-fit: cover;}
.is-zcld-list li h2{font-size: 18px;color:#0e44b0;height:68px;overflow: hidden;line-height: 28px;margin-top:5px}
.is-zcld-list li p{font-size: 14px;height: 70px;overflow: hidden;}
.tjzc{overflow: hidden;margin-top:5px}
.tjzc a{float: left;font-size: 14px;padding:5px 10px;border:1px solid #bfd3fa;margin-right:10px;border-radius:4px}
.is-zcld-list .prev,.is-zcld-list .next{ position:absolute;display: inline-block; width: 66px; height: 66px;  cursor: pointer;}
.is-zcld-list .prev{background: url(../images/index/img-left.png) no-repeat center;left:-90px;top:150px;}
.is-zcld-list .next{background: url(../images/index/img-right.png) no-repeat center;right:-90px;top:150px;}
.f-pd12{padding:12px}
.is-zcld-list ul{overflow: hidden;}


.m-liststyle-2 ul{margin:0 -1%;overflow: hidden;height:341px}
.m-liststyle-2 li{float:left;width:48%;margin:0 1%;}

/*智能推送*/
.znts-fixed{position: fixed;right:10px;bottom:10px;animation-duration: 1s;animation-name: fadeInRight;z-index:99}
.znts-cont{width:380px;height:315px;background:#fff;border:5px solid #0e44b0;border-radius:20px;padding:15px}
.znts-title{line-height: 50px;border-bottom:1px solid #ddd}
.znts-title a{font-size: 22px;font-weight: bold}
.znts-title span{display: inline-block;width: 30px;height: 30px;background: url(../images/index/close.png) center no-repeat;right:0;cursor: pointer;}
.znts-cont li{background: url(../images/index/dot.png) left 23px no-repeat;padding:15px 0 15px 15px;height:76px;overflow: hidden;}
.znts-cont li a{display: block;height:46px;overflow: hidden;}
.fadenone{animation-name: fadeInLeft;animation-fill-mode:forwards}

@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft{0%{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)};)}
 
/*新增列表页*/
.zcjdnewlist .is-zcld-list{height: auto;}
.zcjdnewlist .is-zcld-list ul{overflow: hidden;}
.zcjdnewlist .is-zcld-list li{margin-right:19px;margin-bottom:60px;height:402px}
.zcjdnewlist .is-zcld-list li:nth-child(3n){margin-right:0}
.m-paginationyun7 #pagination{display:inline-block;}
.zcjdnewlist .u-title h4{background: none;font-size: 30px;color:#0e44b0;padding-left:0}

.c-red {color: #e10000;}
/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {

}
/*medium pcScreen lg*/
@media screen and (max-width: 1279px) {
	.m-zjxc .prev{left: 0;}
	.m-zjxc .next{right: 0;}
	.g-top{width:100%;height:auto}
    .u-link{display:none}
	.u-zcjzs ul li img,.u-ljgd ul li img{width: 100%;}
	.u-zcjzs ul li{padding: 0 10px;}
	.m-zjxc .prev, .m-zjxc .next{display: none;}

	
	.zt-titstyle1 .zt-libox{width:80%}
	.zt-titstyle1 .zt-libox .zt-licont{max-width: 90%}
	img{max-width: 100%}
}
/*pad md*/
@media screen and (max-width: 991px ){
	.u-ljgd ul li{margin-bottom: 10px;}
	.m-implements li p{font-size: 14px}
	.is-hot-left,.is-hot-right{width: 100%}
	.j-tabstyle2{position: static;margin-top:10px}
    .u-zcjzs ul li{width:100%;margin-bottom:10px}
    .znts-cont li a{height:58px}
    .m-liststyle-2 li{width:100%;margin:0}


}
/*phone sm*/
@media screen and (max-width: 767px) {
	.m-zjxc .bd .swiper-slide{width: 100%;}
	.s1 .swiper-button-prev, .s1 .swiper-button-next{width:35px;height:60px;margin-top: 15px;}
	.list-switch-1{width: 100%;overflow: hidden;}
     .j-col-3{width:100%}
    .u-title h4{font-size: 20px}
    .zt-titstyle1 .zt-libox{width: 73%}
    .zt-titstyle1 .zt-libox .zt-licont{max-width: 85%}
    .zt-titstyle1 .zt-libox .zt-licont a.zt-li-bt{background: none;}
    .is-piclist3 li{width: 100%;margin:10px 0}
    .j-mr1{margin:0}
    .j-tabstyle2 ul li{width: 23%;margin:1%;height: 36px}
    .is-zcld-list li{width: 320px!important}
    .is-zcld-list li h2{height: 60px}
    .is-zcld-list li p{height: 80px}
    .is-zcld-list .prev{left:0}
    .is-zcld-list .next{right: 0}
    .is-zcld-list{overflow: hidden;}
    .zcjdnewlist .is-zcld-list li{margin-bottom:15px}
}
/*small xs*/
@media screen and (max-width: 638px) {

}
@media screen and (max-width: 460px) {
.g-flash, .g-flash img{height: 240px;}
}