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

/*home*/
.g-flash,.g-flash img{height: 288px;}
.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 70px 0 10px; height: 40px; line-height: 40px; 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: 11px; bottom: 16px;}
.g-flash .owl-pagination .owl-page{float: left; margin-left: 8px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 8px; height: 8px; background: #5d5351; -moz-border-radius: 8px; border-radius: 8px;}
.g-flash .owl-pagination .active span{background: #fff;}

.m-hmlists{height: 288px;}

.m-notice{height: 288px;}
.g-notice li{position: relative; margin-bottom: 24px; height: 60px;}
.g-notice .u-dateinfo{padding: 9px 0 3px; width: 70px; height: 60px; background: url(../images/home/bg-data.png) #f5f5f5 center top no-repeat;}
.g-notice .u-dateinfo span{font-size: 22px;}
.g-notice .u-dateinfo p{font-size: 12px; color: #999;}
.g-notice .u-title{margin-left: 90px; height: 52px; line-height: 26px;}

.m-hmdesc1,.m-hmdesc2{height: 288px;}
.g-hmdesc1,.g-hmdesc2{padding: 0 5px; line-height: 36px; text-indent: 2em; text-align: justify;}

/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
	.m-flash,.m-hmdesc1{width: 395px;}
	.m-hmlists{width: 465px;}
	.m-notice,.m-hmdesc2{width: 320px;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    

}
/*pad md*/
@media screen and (max-width: 991px ){
	.g-flash,.g-flash .owl-item,.g-flash img,.m-video{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-notice li{margin-bottom: 10px;}
	.g-notice .u-title{font-size: 14px;}

	.g-hmdesc1,.g-hmdesc2{line-height: 24px;}

	
}
/*phone sm*/
@media screen and (max-width: 767px) {
    

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

}