@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; }

.u-titimg{margin: 53px 0 49px;}

.m-flash{width: 50%; height: 410px;}
.m-flash img,.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 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-text{width: 50%; height: 394px; text-align: center; border: 1px solid #ddd; overflow: hidden;}
.m-text img{margin: 25px 0 10px;}
.m-text p{padding: 0 25px; line-height: 33px; text-align: start;}
.m-text p a{color: #ff8a00;}
.m-text p a:hover{color: #b90609;}

.g-dy{margin-top: 20px;}
.m-dy{padding:0 28px 0 152px; height: 182px; background: url(../images/home/bg-dy.png) 10px top no-repeat;}
.m-dy p{padding-top: 32px; color: #333; font-size: 18px; line-height: 38px; text-indent: 4rem;}

.m-ghtx ul{display: block; margin: 0 -27px;}
.m-ghtx ul li{float: left; padding: 0 27px;}
.m-ghtx ul li a{position: relative; display: block; width: 196px; height: 215px; background: url(../images/home/pic-ghtx.png) no-repeat;}
.m-ghtx ul li a p{text-align: center; position: absolute; bottom: 0; width: 100%; color: #333; font-size: 20px;}
.m-ghtx ul li a:hover p{color: #b90609;}
.m-ghtx ul li:nth-child(2) a{background-position: -250px 0;}
.m-ghtx ul li:nth-child(3) a{background-position: -500px 0;}
.m-ghtx ul li:nth-child(4) a{background-position: -750px 0;}
.m-ghtx ul li:nth-child(5) a{background-position: -1000px 0;}


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

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    .m-ghtx ul{padding: 0;}
    .m-ghtx ul li:nth-child(2n){margin-top: 0;}
    .m-ghtx ul li img{width: 80px;}
    .m-ghtx ul li p{margin-top: 5px; font-size: 16px;}
    
}
/*pad md*/
@media screen and (max-width: 991px ){
    .m-flash,.m-text,.m-text img{float: none; width: 100%;}
    .m-text{padding-bottom: 10px; height: auto;}
    .m-text p{line-height: 20px; font-size: 13px;}

    .g-dy,.m-dy{padding: 5px 0 5px; height: auto;}
    .m-dy{padding-left: 90px; background-position: -20px top;}
    .m-dy p{padding-top: 55px; color: #333; font-size: 14px; line-height: 28px;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    .m-ghtx ul li{float:none}
    .m-ghtx ul li a{margin:10px auto}

}
/*small xs*/
@media screen and (max-width: 638px) {
    .m-flash{height: 188px;}

}