@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2021-04-08 14:31)
 */

/*home*/
.is-main{margin-top: 20px;}

.m-hot{padding: 15px 20px 20px; background: #fff;}
.m-hot a{margin-bottom: 5px; display: block; text-align: center; font-size: 30px; font-weight: bold; color: #317b16; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-hot p{line-height: 1.5; text-indent: 2em; color: #666;}

.g-flash,.g-flash img{height: 397px;}
.g-flash img{display: block; width: 100%;}
.g-flash .owl-item{position: relative;}
.g-flash .owl-item p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 115px 0 10px; line-height: 45px; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); color: #fff;}
.g-flash .owl-pagination{position: absolute; right: 10px; bottom: 17px;}
.g-flash .owl-pagination .owl-page{float: left; margin-left: 10px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 10px; height: 10px; background: #6a6a6c; -moz-border-radius: 10px; border-radius: 10px;}
.g-flash .owl-pagination .active span{background: #fff;}

.g-news{padding: 7px 20px; height: 397px; background: #fff;}

.m-hmbtns{padding: 20px; background: #fff;}
.m-hmbtns li{text-align: center;}
.m-hmbtns img{display: block; margin: 0 auto 10px; transition: all ease-in .4s;height:103px;width:103px;}
.m-hmbtns h2{line-height: 1.33; font-size: 24px; font-weight: bold; color: #317b16;}
.m-hmbtns p{margin-top: 5px; }
.m-hmbtns li:nth-child(1):hover img{transform: rotateZ(360deg);}
.m-hmbtns li:nth-child(2):hover img{transform: rotateZ(360deg);}
.m-hmbtns li:nth-child(3):hover img{transform: rotateZ(360deg);}
.m-hmbtns li:nth-child(4):hover img{transform: rotateZ(360deg);}

.m-hmlists{padding: 7px 20px 15px; height: 351px; background: #fff;}
.m-oneinfo a{display: block; padding: 2px 0; line-height: 1.36; font-size: 22px; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-oneinfo p{line-height: 24px; font-size: 14px; color: #999;}


/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
	.m-flash{width: 617px;}
	.m-news{width: 603px;}

	.m-hmbtns li{width: 20%;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	.m-hmbtns li{width: 20%;}

}
/*pad md*/
@media screen and (max-width: 991px ){
    .is-main{margin-top: 15px;}

	.m-hot{padding: 10px 15px 15px;}
    .m-hot a{font-size: 26px;}
    .m-hot p{font-size: 14px;}

    .g-flash,.g-flash .owl-item,.g-flash img{height: 340px;}
	.g-flash .owl-item p{padding-left: 10px; height: 40px; line-height: 40px; font-size: 14px;}
	.g-flash .owl-pagination{bottom: 15px;}

    .g-news{padding: 7px 15px;}

    .m-hmbtns{padding: 15px;}
    .m-hmbtns li{margin-bottom: 10px; width: 33.33%;}
    .m-hmbtns h2{font-size: 20px;}

    .m-hmlists{padding: 7px 15px 10px;}
    .m-oneinfo a{font-size: 18px;}
    .m-hmbtns p{margin: 0 !important;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
	.m-hot a{font-size: 22px;}

    .m-hmbtns img{width: 80px; height: 80px;}

    .m-oneinfo a{font-size: 16px;}
    .m-oneinfo p{font-size: 12px;}

}
/*small xs*/
@media screen and (max-width: 638px) {
    .g-flash,.g-flash .owl-item,.g-flash img{height: 220px;}
	
    .m-hmbtns li{width: 50%;}
}