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

/*home*/
.u-topbar{height: 40px; line-height: 40px; }

.g-dy{margin-bottom: 43px; padding-top: 24px; background: #f9fbfe; height: 195px;}
.m-dy{padding-left: 116px; height: 142px; background: url(../images/home/bg-dy.png) 10px top no-repeat;}
.m-dy p{padding-top: 15px; height: 129px; overflow: auto; color: #333; font-size: 18px; line-height: 38px;}

.u-title{height: 46px;}
.u-title .litter{color: #0094e0; font-size: 22px; font-weight: bold;}

.m-flash{height: 415px; color: #3d3d3d;}
.m-flash .owl-wrapper-outer,.m-flash .owl-wrapper,.m-flash .owl-item,.g-flash{width: 100%; height: 100%;}
.m-flash img{object-fit: cover;}
.m-flash .owl-pagination{position: absolute; right: 16px; bottom: 20px;}
.m-flash .owl-pagination .owl-page{float: left; margin-left: 6px; width: 10px; height: 10px; border-radius: 50%; background: #8798bc;}
.m-flash .owl-pagination .owl-page.active{background: #fff;}
.m-flash a{display: block;}
/* .m-flash a p{position: absolute; padding: 0 35px 0 15px; bottom: 0; left: 0; right: 0; height: 50px; line-height: 50px; color: #fff; background: rgba(0, 0, 0, .5); overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;} */
.m-flash h1{padding: 45px 10px 30px; font-size: 27px; text-align: center; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-flash .u-bg{width: 100%; height: 100%; background: url(../images/public/pic-fj.png) top center no-repeat;}
.m-flash p{padding: 0 25px; font-size: 18px; text-indent: 4rem; line-height: 38px; height: 190px; overflow-y: auto;}
.m-flash .btn{margin-top: 25px; text-align: center; display: block;}
.m-flash .btn a{display: inline-block; border-radius: 5px; width: 152px; height: 42px; line-height: 42px; color: #fff; background: #0094e0; text-align: center;}
.m-flash .btn a:first-child{margin-right: 22px;}
.m-flash .btn a img{vertical-align: middle; margin-right: 10px;}

/* .m-text{height: 394px; text-align: center; overflow: hidden;}
.m-text img{margin: 25px 0 10px;}
.m-text p{padding: 0 5px; line-height: 33px; color: #333; text-align: start; text-indent: 3rem;}
.m-text p a{color: #ff0000;}
.m-text p a:hover{color: #0e44b0 ;} */

.m-ctadvs{padding: 10px 0 50px;}
.m-ctadvs .g-ctadvs{width: 100%;}
.m-ctadvs .g-ctadvs .tempWrap{width: 100% !important;}
.m-ctadvs .g-ctadvs .bd li{float: left; padding: 20px 0; margin: 0 12px; width: 276px;}
.m-ctadvs .g-ctadvs .bd li img{display: block; width: 100%; box-shadow: 0 0 8px 2px rgba(0, 0, 0, .3);}
.m-ctadvs .g-ctadvs .bd li p{margin-top: 20px; text-align: center; padding: 0 10px; color: #3d3d3d; font-size: 18px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-ctadvs .g-ctadvs .bd li:last-child{margin-right: 0;}
.m-ctadvs .g-ctadvs .hd a{position: absolute; top: 50%; margin-top: -45px; display: block; width: 36px; height: 90px;}
.m-ctadvs .g-ctadvs .hd .prev{left: -69px; background: url(../images/home/bg-prev.png) no-repeat;}
.m-ctadvs .g-ctadvs .hd .next{right: -69px; background: url(../images/home/bg-next.png) no-repeat;}

.u-zntj .u-tjtit{position: absolute; right: 0; top: 0; width: 225px; background: #f5f5f5;}
.u-zntj .u-tjtit li{padding: 15px 15px 0 50px; height: 129px; font-size: 14px; line-height: 24px; position: relative;}
.u-zntj .u-tjtit li a{color: #808080; display: block; width: 136px; height: 91px; overflow: hidden;}
.u-zntj .u-tjtit li.u-active{background: #0094e0;}
.u-zntj .u-tjtit li.u-active a{color: #fff;}
.u-zntj .u-tjtit li span{position: absolute; left: 0; top: 40px; width: 50px; height: 50px; line-height: 51px; font-size: 18px; font-weight: bold; background: url(../images/home/bg-tittz.png) center no-repeat; text-align: center;}
.u-zntj .u-tjlist{width: 360px; height: 387px;}
.u-zntj .u-tjlist img{width: 100%; height: 100%;}

.m-tw{position: relative; margin: 50px 0 50px; padding: 38px 38px 38px 228px; height: 180px; box-shadow: 0 0 8px 2px rgba(0, 0, 0, .3);}
.m-tw p{position: absolute; left: 38px; top: 58px; height: 57px; color: #3d3d3d; font-size: 24px; font-weight: bold;}
.m-tw p::before{content: ''; width: 46px; height: 5px; background: #0094e0; position: absolute; bottom: 0; left: 0;}
.m-tw a{margin-right: 32px;}
.m-tw a:last-child{margin-right: 0;}
.m-tw img:hover{border-radius: 5px; box-shadow: 0 0 8px 2px rgba(0, 0, 0, .3);}

.f-mt52{margin-top: 52px;}


.m-complaintHotline{margin-bottom: 50px;}

/*large pcScreen*/
@media (min-width:1200px) {

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    .m-tw{height: auto; padding: 10px;}
    .m-tw a:last-child img{margin-top: 10px;}
    .m-tw p{position: relative; left: 10px; top: 10px; font-size: 18px;}
    .m-tw img{width: 100%;}
    
}
/*pad md*/
@media screen and (max-width: 991px ){
    .f-md-mt0{margin-top: 0;}

    .m-text{padding-bottom: 10px; height: auto;}
    .m-text p{line-height: 20px; font-size: 13px;}

    .u-zntj .u-tjlist{width: 100%; height: auto;}
    .u-zntj .u-tjtit{position: static; width: 100%;}
    .u-zntj .u-tjtit li a{width: auto;}

    .u-title img{display: none;}
    .u-title .litter{display: block;}

    .m-ctadvs .g-ctadvs .hd .prev{left: 0;}
    .m-ctadvs .g-ctadvs .hd .next{right: 0;}
    .m-complaintHotline img{width: 100%;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    .m-dy p{font-size: 10px; line-height: 24px;}
}
/*small xs*/
@media screen and (max-width: 638px) {

}