@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2021-03-29 10:05)
 */

/*home*/
.m-hmtop{padding: 15px 0; background: #fff; box-shadow: 0 0 10px rgb(183 183 183 / 60%);}
.m-hmtop .u-time{line-height: 30px; font-size: 14px; color: #666;}
.m-hmtop .u-weather{margin-left: 15px; width: 300px; height: 30px; line-height: 30px; overflow: hidden;}
.m-search{width: 228px; height: 30px;}
.m-search .u-searchtext{padding: 2px 50px 2px 10px; height: 30px; border-radius: 0; border-color: #ccc;}
.m-search .u-searchbtn{right: 0; top: 0; width: 40px; height: 30px; background: url(../images/home/icon-search.png) #1471b7 center no-repeat; cursor: pointer; border: none;}

.g-flash,.g-flash img{height: 426px;}
.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: 28px 10px; line-height: 40px; text-align: center; font-size: 20px; color: #fff; font-weight: bold; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: url(../images/home/bg-flash.png) left top repeat-x;}
.g-flash .owl-pagination{position: absolute; left: 50%; bottom: 13px; transform: translateX(-50%);}
.g-flash .owl-pagination .owl-page{float: left; margin: 0 5px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 12px; height: 12px; background: rgba(255, 255, 255, .2); -moz-border-radius: 50%; border-radius: 50%;}
.g-flash .owl-pagination .active span{background: #7dc142;}

.m-news{height: 426px;}
.m-hot{padding: 15px 0 9px; border-bottom: 1px dashed #ddd;}
.m-hot a{display: block; margin-bottom: 7px; font-size: 24px; font-weight: bold; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-hot p{line-height: 24px; font-size: 14px; color: #999;}

.m-ctadvs,.m-ctadvs .bd li,.m-ctadvs .bd li img{height: 100px;}
.m-ctadvs .bd ul,.m-ctadvs .bd li,.m-ctadvs .bd li img{width: 100%!important;}
.m-ctadvs .bd li img{display: block;}
.m-ctadvs .hd{position: absolute; right: 10px; bottom: 10px;}
.m-ctadvs .hd li{float: left; margin-left: 5px; width: 10px; height: 10px; border: 1px solid #595959; background: #595959;}
.m-ctadvs .hd li.on{background: #e00000; border-color: #fff;}

.m-hmlists{height: 318px;}
.m-hmlists .m-liststyle1{padding-top: 8px;}

.m-special{padding: 20px;background-color: #fff;position: relative;}
.specialtitle{width: 50px;height: 100px;background-color: #1471b7;float: left;margin-right: 20px;writing-mode: vertical-lr;text-align: center;line-height: 50px;font-size: 18px;font-weight: bold;}
.specialtitle a{color: #fff;}
.m-special .bd{height: 100px; overflow: hidden;}
.m-special .bd li,.m-special .bd li img{width: 284px; height: 100px;}
.m-special .bd li{float: left;margin-right: 25px;}
.m-special .bd li img{display: block;}

.m-special .hd a {position: absolute;display: inline-block;width: 16px;height: 28px;right: 0;}
.m-special .hd a.prev {background: url(../images/home/left.png) no-repeat;left: 0;top: 50%;margin-top: -14px;}
.m-special .hd a.next {background: url(../images/home/right.png) no-repeat;right: 0;top: 50%;margin-top: -14px;}



.m-lxwm{padding-top: 20px;}
.m-lxwm li{width: 136px;height: 143px;float: left;text-align: center;margin-top: 10px;}
.m-lxwm li:nth-child(2n){float: right;}
.m-lxwm li a{display: block; background: #f0f0f0; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;width: 100%;height: 100%;}
.m-lxwm li a:hover img{transform: rotateY(360deg);transition: all 0.8s ease;}
.m-lxwm li a img{margin: 27px 0 15px;}
.m-lxwm li a span{display: block;font-size: 18px;}

/* .m-dsdw{height: 280px;} */
/* .m-dsdw{height: 125px;} */
/* .m-dsdw ul{padding-top: 5px; height: 230px;overflow-y: auto;} */
.m-dsdw ul{padding-top: 5px;}
.m-dsdw li{margin-top: 10px; line-height: 48px;}
.m-dsdw li a{display: block; padding: 0 10px 0 20px; background: #f0f0f0; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;font-size: 18px;text-align: center;}

.m-zzry .bd{height: 222px; overflow: hidden;}
.m-zzry .bd li{float: left; margin-right: 10px; width: 232px; height: 222px;}
.m-zzry .bd li img{display: block; width: 100%; height: 185px; border: 5px solid #f0f0f0;}
.m-zzry .bd li p{padding-top: 10px; font-size: 14px; text-align: center; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.m-links{padding: 10px 0; background: #fff;}
.m-links .u-tit{padding-left: 30px; line-height: 38px; color: #666; background: url(../images/home/icon-link.png) left center no-repeat;}
.m-links ul{width: 1105px;}
.m-links li{margin-left: 15px; padding-right: 16px; line-height: 38px; float: left; background: url(../images/home/bg-line.png) right center no-repeat;}
.m-links li a{display: block; color: #666;}
.m-links li:last-child{background: none;}

/*media query*/
/*big pcScreen*/
@media (min-width:1240px) {
	.m-flash{width: 700px;}
	.m-news{width: 520px;}

	.m-hmlf{width: 915px;}
	.m-hmrg{width: 345px;}
	
}
/*large pcScreen*/
@media screen and (max-width: 1239px) {
	

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	.m-links ul{width: 830px;}

}
/*pad md*/
@media screen and (max-width: 991px ){
	.g-flash,.g-flash .owl-item,.g-flash img{height: 340px;}
	.g-flash .owl-item p{padding: 10px 10px 25px; line-height: 32px; font-size: 14px;}
	.g-flash .owl-pagination{bottom: 8px;}
	.g-flash .owl-pagination .owl-page span{width: 8px; height: 8px;}

	.m-hot a{font-size: 18px;}

	.m-links ul{width: auto;}
	.m-links li a{font-size: 14px;}

}
/*phone sm*/
@media screen and (max-width: 767px) {
	.m-hmtop{padding: 10px 0;}

	.m-hot{padding: 10px 0 5px;}
	.m-hot a{font-size: 16px;}

	.m-ctadvs,.m-ctadvs .bd li,.m-ctadvs .bd li img{height: 80px;}
	.m-ctadvs .hd{right: 5px; bottom: 5px;}
	.m-ctadvs .hd li{width: 6px; height: 6px;}

}
/*small xs*/
@media screen and (max-width: 638px) {
    .g-flash,.g-flash .owl-item,.g-flash img{height: 220px;}

    .m-ctadvs,.m-ctadvs .bd li,.m-ctadvs .bd li img{height: 60px;}

}
