@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan 
 */

/*home*/
.is-main{padding: 67px 0 0 0;}
.m-directory h2{text-align: center;background:url(../images/home/long.png) center center no-repeat;}
.m-matter h2{text-align: center;background:url(../images/home/short.png) center center no-repeat;}
.m-matter h2 a,.m-directory h2 a{font-family: MicrosoftYaHei-Bold;font-size: 34px;font-weight: bold;font-stretch: normal;letter-spacing: 0px;color: #c90e24;}

.g-directory{height: 128px;margin: 40px 0 59px;}
.g-directory li{width: 590px !important;height: 128px;margin-right: 20px;float: left;background-color: #f7f7f7;padding: 25px 30px;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.g-directory li:last-child{margin-right: 0;}
.g-directory li a{font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 40px;letter-spacing: 0px;color: #3d3d3d;}
.g-directory li a:hover{color: #c90e24;}
.g-directory li span{font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 40px;letter-spacing: 0px;color: #3d3d3d;}
.g-directory .hd a{display: block;position: absolute;width: 20px;height: 38px;transform: translateY(-50%);z-index: 9999999;}
.g-directory .hd .prev{left: 0;top: 50%;background: url(../images/home/left.png) center center no-repeat;}
.g-directory .hd .next{right: 0;top: 50%;background: url(../images/home/right.png) center center no-repeat;}



.m-tabstyle{margin:30px 0;}
.m-tabstyle ul{display: flex;justify-content: center;}
.m-tabstyle li{float:left;margin-right:12px;}
.m-tabstyle li a{display:block;width:138px;height:44px;border:solid 1px #c90e24;background-color:#fff;color:#c90e24;text-align:center;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:22px;font-family:MicrosoftYaHei-Bold;line-height:44px;}
.m-tabstyle li.u-active a{background-color:#c90e24;color:#fff;}


.m-matterlist>ul>li{box-sizing:border-box;margin-bottom:30px;padding: 25px 30px;height:174px;background-color: #f7f7f7;}
.m-matterlist>ul>li>.g-tit{display:flex;padding-bottom:40px;align-items:center;}
.m-matterlist>ul>li>.g-tit a{display:block;overflow:hidden;color:#3d3d3d;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:24px;font-family:MicrosoftYaHei-Bold;}
.m-matterlist>ul>li>ul{border-top:1px solid #ddd;}
.m-matterlist>ul>li>ul>li{position:relative;float:left;padding-top:26px;width:11%;text-align:center;}
.m-matterlist>ul>li>ul>li::before{position:absolute;top:-9px;left:50%;display:block;content:url(../images/home/yuan.png);transform:translateX(-50%);}
.u-more{display:block;border-radius: 4px;border: solid 1px #c90e24;margin:10px auto 50px;width:148px;height:44px;border-radius:4px;background:url(../images/home/more.png) right 28px center no-repeat;	color: #c90e24;text-indent:33px;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:16px;font-family:MicrosoftYaHei;line-height:44px;}


.u-children{position:relative;position:absolute;top:65px;z-index:2;padding:20px;min-width:378px;min-height:80px;border:solid 1px #c90e24;background-color:#fff;}
.u-children::before{position:absolute;top:-18px;left:50px;display:block;content:url(../images/home/top.png);}
.u-children li{float:left;padding:0 10px;width:50%;height:36px;background:url(../images/home/line.jpg) left center no-repeat;line-height:36px;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}


/*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 ){
    .g-directory{height: auto !important;}
    .g-directory li{width: 100% !important;margin-right: 0;margin-bottom: 10px;}
    .u-children{min-width: 100% !important;}
    .u-children li{width: 100% !important;}
    .u-children::before{left: 65px;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    


}
/*small xs*/
@media screen and (max-width: 638px) {
    

}