@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan 
 */

/*home*/
.m-title{margin-top:20px;padding:35px 50px 0 50px;height:148px;background:url(../images/home/t_title.png) center center no-repeat;}
.m-title h1{margin-bottom:12px;text-align:center;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:30px;font-family:MicrosoftYaHei-Bold;}
.m-title h1 a{color:#c6211f;}
.m-title p{display:-webkit-box;overflow:hidden;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.m-title p span{color:grey;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:15px;font-family:MicrosoftYaHei;line-height:24px;}
.m-title p a{color:#ff9a18;letter-spacing:0;font-weight:400;font-size:15px;font-family:MicrosoftYaHei;}

/* 首页轮播 */
.m-information{margin: 28px 0 10px;}
.m-flash{width: 634px;margin-right: 20px;}
.g-flash,.g-flash .owl-item,.g-flash img{height: 424px;}
.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: 50px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); 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: #FFF; -moz-border-radius: 10px; border-radius: 10px;}
.g-flash .owl-pagination .active span{background: #ff8400;}

/* 新闻列表 */
.m-news{width: 546px;}
.m-tabstyle ul{display: flex;justify-content: space-around;width: 100%;}
.m-tabstyle ul li a{display: block;width: 180px;line-height:46px;height: 46px;background: #959595;text-align: center;font-size: 20px;}
.m-tabstyle ul li.u-active a{color: #fff;background: #c60204;font-weight:bold;}
.m-liststyle ul{padding-top: 5px;}
.m-liststyle li{position:relative;padding-left:14px;height:38px;line-height:38px;background: url(../images/home/u-dian.jpg) left center no-repeat;}
.m-liststyle li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststyle li a:hover{padding-left: 5px;}
.m-liststyle li span{float:right;padding-left:10px;color: #999999;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:16px;font-family:MicrosoftYaHei;}


.m-tabstyle5{display:flex;height:46px;border-bottom:1px solid #c60204;align-items:center;justify-content:space-between;}
.m-tabstyle5>h1{width:235px;height:46px;background:url(../images/home/u-hz.png) left center no-repeat;}
.m-tabstyle5>h1>a{display:block;padding-left:57px;color:#fff;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:24px;font-family:MicrosoftYaHei-Bold;line-height:46px;}
.m-tabstyle5 ul{display:flex;margin-bottom:6px;}
.m-tabstyle5 ul li{margin-right:8px;}
.m-tabstyle5 ul li:last-child{margin-right:0;}
.m-tabstyle5 ul li a{display:block;padding:8px 15px;background-color:#f0f0f0;}
.m-tabstyle5 ul li.u-active a{background-color:#c60204;color:#fff!important;}

.m-columnlist{padding-top:25px;}
/* .g-columnlist{display:flex;} */
.g-columnpic{margin-top:25px;}
.g-columnpic a{position:relative;display:block;width:320px;height:246px;}
.g-columnpic a img{width:100%;height:100%;}
.g-columnpic a p{position:absolute;bottom:0;overflow:hidden;width:100%;height:48px;background:rgba(0,0,0,.5);color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;line-height:48px;}

.m-liststyle2{padding-left:28px;}
.m-liststyle2 ul{padding-top:10px;}
.m-liststyle2 li{position:relative;width:50%;height:56px;border-bottom:1px dashed #ddd;line-height:56px;}
.m-liststyle2 li:nth-child(odd){float:left;padding-right:20px;}
.m-liststyle2 li:nth-child(even){float:right;padding-left:20px;}
.m-liststyle2 li:nth-last-child(1),.m-liststyle2 li:nth-last-child(2){border-bottom:none;}
.m-liststyle2 li a{display:block;overflow:hidden;padding-left:14px;background:url(../images/home/u-dian.jpg) left center no-repeat;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.m-liststyle2 li span{float:right;padding-left:10px;color:#666;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:16px;font-family:MicrosoftYaHei;}
.m-liststyle2 li a:hover{padding-left:19px;}

.m-block{width:580px;}
.m-block .m-liststyle2,.g-columnblock .m-liststyle2{padding-left:0;}
.m-block li{padding:0!important;width:100%;}
.g-columnblock li{width: 580px;}

.m-column a{display: block;}
.m-column a:nth-child(2){margin-top: 20px;}

.m-special{margin: 40px 0 15px;}
.g-special{height: 134px;position: relative;width: 100%;}
.g-special li{float:left;display:flex;box-sizing:border-box;margin-right:20px;width: 285px !important;height:134px;}
.g-special li a p{padding-top: 20px;text-align: center;}
.g-special li:last-child{margin-right: 0;}
.g-special .hd a{display: block;position: absolute;width: 28px;text-align: center; height: 54px;transform: translateY(-50%);z-index: 9999999;}
.g-special .hd .prev{left: 0;top: 50%;background: url(../images/home/u_left.png) center no-repeat;}
.g-special .hd .next{right: 0;top: 50%;background: url(../images/home/u_right.png) center no-repeat;}

.m-linklist{margin: 25px 0 40px;}
.m-linklist li{margin-right: 20px;float: left;}
.m-linklist li:last-child{margin-right: 0;}
.m-linklist li a{display: flex; align-items: center;justify-content: center;width: 285px;height: 90px;background-color: #f5f5f5;}
.m-linklist li a:hover img{transform: rotateY(360deg);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
.m-linklist li a span{margin-left: 19px;}

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

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

/*pad md*/
@media screen and (max-width: 991px) {}

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

/*small xs*/
@media screen and (max-width: 638px) {}