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

/*home*/
.m-hots{padding: 15px 65px 0;}
.u-onehot a{display: block; font-size: 30px; color: #d00c0c; font-family: "FZDaBiaoSong-B06S"; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-hots li{line-height: 34px;}
.m-hots li a{display: block; padding-left: 14px; background: url(../images/public/icon-li.png) left center no-repeat; font-size: 16px; color: #666; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.g-flash,.g-flash .owl-item,.g-flash img{height: 500px;}

.g-flash img{display: block; width: 100%;}
.g-flash .owl-item,.g-flash .owl-item a{position: relative;}
.g-flash .owl-item a{display: block;}
.g-flash .owl-item p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 108px 0 18px; line-height: 55px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: url(../images/home/bg-flash.png); font-size: 16px; color: #fff;}
.g-flash .owl-pagination{position: absolute; right: 18px; bottom: 22px;}
.g-flash .owl-pagination .owl-page{float: left; margin-left: 8px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 10px; height: 10px; background: rgba(255,255,255,.4); -moz-border-radius: 10px; border-radius: 10px;}
.g-flash .owl-pagination .active span{background: #fff;}

.m-news{height: 515px;}
.g-news .u-onenews{margin-bottom: 12px;}
.g-news .u-onenews a{display: block; font-size: 22px; font-weight: bold; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.g-news li span{display: none;}

.m-hmbox{padding: 30px 0; background: #f5f5f5;}

.g-notice{padding: 7px 15px 7px 100px; height: 209px; background: #fff;}
.g-notice .u-tit{left: 0; top: 0; display: block; padding: 72px 15px 25px; width: 70px; line-height: 1; text-align: center; background: url(../images/home/icon-notice.png) #c90c21 center 24px no-repeat; font-size: 28px; font-weight: bold; color: #fff;}
.g-notice li span{display: none;}

.g-btns1{padding: 33px 15px 10px; height: 209px; background: #fff;}
.g-btns1 a{display: block; text-align: center;}
.g-btns1 span{margin: 0 auto 7px; display: block; width: 110px; height: 110px; border-radius: 50%; background: #c90c21; background-image: url(../images/home/icon-btn1.png); background-repeat: no-repeat;}
.g-btns1 p{font-size: 22px; font-weight: bold;}


.m-ctadv img{display: block; width: 100%;}

.m-listbox{padding: 5px 20px; background: #fff;}
.g-listbox{height: 316px;}
.g-listbox .m-liststyle1 span{display: none;}

.m-special{padding: 10px 60px 10px 20px; background: #fff;}
.g-special{height: 90px;}
.g-special li{float: left; width: 290px; height: 90px; margin-right: 13px;}
.g-special li .u-pic{display: block; width: 290px; height: 90px;}
.u-zhang{right: 0; top: 0;}
.g-special .hd a{position: absolute; top: 31px; display: block; width: 16px; height: 28px; background-image: url(../images/home/icon-special.png); background-repeat: no-repeat;}
.g-special .hd .prev{left: 0;}
.g-special .hd .next{right: 0; background-position: -16px 0;}
.m-special .u-tit{right: 20px; top: 10px; padding: 12px 0; display: block; width: 30px; height: 90px; line-height: 1; text-align: center; background: #c90c21; color: #fff; font-size: 16px;}

.m-btns2{padding: 38px 0 30px;}
.m-btns2 li{margin-bottom: 10px;}
.m-btns2 a{display: block; text-align: center;}
.m-btns2 span{display: block; margin: 0 auto 6px; width: 110px; height: 110px; border-radius: 50%; background: #c90c21; background-image: url(../images/home/icon-btn2.png); background-repeat: no-repeat;}
.m-btns2 p{font-size: 22px; font-weight: bold;}

.u-icon1 span{background-position: 0 0;}
.u-icon2 span{background-position: -110px 0;}
.u-icon3 span{background-position: -220px 0;}
.u-icon4 span{background-position: -330px 0;}

.m-linktab{padding: 4px 0 0 20px; background: #c90c21;}
.m-linktab .u-tit{padding-left: 28px; margin-right: 72px; font-size: 18px; color: #fff; line-height: 36px; background: url(../images/home/icon-link.png) left center no-repeat;}
.m-linktab li{float: left; padding: 0 30px; line-height: 39px; font-size: 18px; color: #fff; cursor: default;}
.m-linktab li.u-active{background: #fff; color: #c90c21;}
.m-linkbox{padding: 14px 30px;}
.m-linkbox li{line-height: 30px;}
.m-linkbox li a{display: block; font-size: 16px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

/*media query*/
/*big pcScreen*/
@media (min-width:1280px) {
	.m-flash{width: 780px;}
	/* .m-news{width: 413px;} */
	.m-news{width: 530px;}
	.m-notice{width: 775px;}
	.m-btns1{width: 535px;}
	.m-linkbox li{width: 14.28%;}

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

}
/*pad md*/
@media screen and (max-width: 991px ){
	.m-hots{padding: 0;}
	.u-onehot a{font-size: 24px;}

	.g-flash,.g-flash .owl-item,.g-flash img{height: 470px;}
	.g-flash .owl-item p{line-height: 40px; padding: 0 90px 0 10px;}
	.g-flash .owl-pagination{bottom: 15px; right: 10px;}

	.g-news .u-onenews{margin-bottom: 5px;}
	.g-news .u-onenews a{font-size: 16px;}
	.g-news li span,.g-notice li span,.g-listbox .m-liststyle1 span{display: block;}

	.m-hmbox{padding: 15px 0;}

	.g-notice{height: 134px; padding-left: 65px;}
	.g-notice .u-tit{padding: 13px 10px; width: 50px; line-height: 1.5; background-image: none; font-size: 18px;}

	.m-btns2{padding: 15px 0 5px;}

	.m-linkbox{padding: 10px 0;}

}
/*phone sm*/
@media screen and (max-width: 767px) {
	.u-onehot a{font-size: 18px;}
	.m-hots li{line-height: 30px;}
    .m-hots li a{font-size: 14px;}

    .g-flash,.g-flash .owl-item,.g-flash img{height: 400px;}

    .g-btns1{padding: 15px;}
    .g-btns1 span,.m-btns2 span{width: 80px; height: 80px;}
    .u-icon1 span{background-position: -15px -15px;}
    .u-icon2 span{background-position: -126px -15px;}
    .u-icon3 span{background-position: -235px -15px;}
    .u-icon4 span{background-position: -345px -15px;}
    .g-btns1 p,.m-btns2 p{font-size: 16px;}

    .m-special{padding: 10px 50px 10px 10px;}
    .m-special .u-tit{right: 10px;}

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

}