@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*home*/
.is-main{background-color: #fff;}

.m-tabs{margin: -40px auto 40px;}
.m-tabs>ul>li{width: 242px;height: 155px;background-color: #ef5b60;font-family: MicrosoftYaHei-Bold;font-size: 24px;font-weight: bold;color: #ffffff;text-align: center;line-height: 155px;margin-bottom: 5px;position: relative;cursor: pointer;}
.m-tabs>ul>li.active{background-color: #da161d;}
.m-tabs>ul>li img{position: absolute;left: 0;top: 0;}
.m-tabs>ul>li.active img{display: block; top: 31px;left:231px;}
.m-tabs>ul>li:last-child{margin-bottom: 0;}
.m-tablists{height: 475px;background-color: #ffffff;border: solid 4px #ef5b60;}
.tab-title{display: flex;align-items: center;border-bottom: 1px dotted #e6e6e6;position: relative;}
.tab-title p{font-family: MicrosoftYaHei-Bold;font-size: 24px;font-weight: bold;color: #da161d;padding: 17px 0;}
.tab-title a{font-family: MicrosoftYaHei;font-size: 18px;color: #999999;position: absolute;right: 0;cursor: pointer;}
.tab-title a:hover{color: #ba082e;}
.m-tablists>div>div{padding: 0;}
.m-tablists li{height: 47px; line-height: 47px;}
.m-tablists li a{background: url(../images/home/m-libg.png) no-repeat center left;background-position: 0 20px; padding-left: 12px;float: left;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: MicrosoftYaHei;font-size: 16px;color: #333333;width: calc(100% - 80px);}
.m-tablists li a:hover{color: #ba082e;padding-left: 17px;transition: all .5s;}
.m-tablists li span{font-family: MicrosoftYaHei;font-size: 14px;color: #999999;}
.m-tablists>div{padding: 0 30px;}
.m-tablists>div>div:nth-child(1){padding-right: 15px;}
.m-tablists>div>div:nth-child(2){padding-left: 15px;}

.m-zcjd{background-color: #FDF7F7;}
.m-zcjd>div{padding: 40px 0 55px 0;position: relative;}
.zcjd-left{padding: 0;}
.u-title{background: url(../images/home/m-lmt.png) no-repeat center;	font-family: MicrosoftYaHei-Bold;font-size: 24px;font-weight: bold;color: #ffffff;text-align: center;padding: 15px 0 25px;line-height: 25px;}
.u-title a{color: #ffffff;}
.zcjd-left li{height: 49px; line-height: 49px;}
.zcjd-left li a{background: url(../images/home/m-libg.png) no-repeat center left;background-position: 0 20px; padding-left: 12px;float: left;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: MicrosoftYaHei;font-size: 18px;color: #333333;width: calc(100% - 90px);}
.zcjd-left li a:hover{color: #ba082e;padding-left: 17px;transition: all .5s;}
.zcjd-left li span{font-family: MicrosoftYaHei;font-size: 16px;color: #999999;}
.zcjd-left{padding-top: 30px;}
.zcjd-right{padding-top: 32px;}
.zcjd-left img{width: 100%;}
.zcjd-img{width: calc(100% - 224px);height: 390px;}
.zcjd-img img{width: 100%;height: 100%;}
.zcjd-lis li{width: 224px;height: 130px;position: relative;background-color: #fff;}
.zcjd-lis li.active{background-color: #da161d;}
.li-sz{font-family: MicrosoftYaHei-Bold;font-size: 36px;font-weight: bold;color: #c6c6c6;position: absolute;left: 20px;top: 20px;}
.li-xg{width: 48px;height: 47px; position: absolute;left: 40px;top: 45px;background: url(../images/home/m-zcjd-xg2.png) no-repeat;}
.li-text{width: 110px;height: 88px;font-family: MicrosoftYaHei;font-size: 16px;color: #333333;position: absolute;left: 100px;top: 15px;}
.zcjd-lis li.active .li-xg{background: url(../images/home/m-zcjd-xg.png);}
.zcjd-lis li.active .li-sz,.zcjd-lis li.active .li-text{color: #fff;}
.zcjd-lis li.active .zcjd-a-img{display: block;position: absolute;left: -19px;bottom: 0;}
.zcjd-p{width: 224px;height: 42px;background-color: #ffdddd;line-height: 42px;text-align: center;}
.zcjd-p a{font-family: MicrosoftYaHei;font-size: 16px;color: #da161d;}

.m-sjzc{padding: 40px 0 30px;}
.m-sjzc>div{position: relative;}
.u-title2{background: url(../images/home/m-lmt2.png) no-repeat center;}
.sjzc-div{padding: 0;}
.lists-ul{margin-top: 20px;}
.lists-ul li{height: 50px; line-height: 50px;}
.lists-ul li a{background: url(../images/home/m-libg.png) no-repeat center left;background-position: 0 20px; padding-left: 12px;float: left;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: MicrosoftYaHei;font-size: 18px;color: #333333;width: calc(100% - 90px);}
.lists-ul li a:hover{color: #ba082e;padding-left: 17px;transition: all .5s;}
.lists-ul li span{font-family: MicrosoftYaHei;font-size: 16px;color: #999999;}
.sjzc-div1{padding-right: 35px;}
.sjzc-div2{padding-left: 35px;}

.m-zqfw{padding-bottom: 40px;}
.m-zqfw img{cursor: pointer;}
.zqfu-pre{width: 264px;height: 124px;float: left;margin: 20px 20px 20px 0;}
.zqfu-pre1,.zqfu-pre2,.zqfu-pre3,.zqfu-pre4{width: 335px;}
.zqfu-pre4{margin: 20px 0 20px 0;}
.zqfu-pre1{background: url(../images/home/m-zqfw11.jpg) no-repeat;background-size: 100% 100%;}
.zqfu-pre2{background: url(../images/home/m-zqfw22.jpg) no-repeat;background-size: 100% 100%;}
.zqfu-pre3{background: url(../images/home/m-zqfw33.jpg) no-repeat;background-size: 100% 100%;}
.zqfu-pre4{background: url(../images/home/m-zqfw4.png) no-repeat;background-size: 100% 100%;}
.zqfu-pre5{margin-right: 0;}
.g-special li{float: left;width: 264px;}
.g-special .hd a{display: block; width: 16px; height: 28px; position: absolute;border-radius: 2px;}
.g-special .hd .prev{background: rgba(0, 0, 0, .4) url(../images/home/m-lb-right.png) center no-repeat;  right: 0; top: 50%; margin-top: -14px;}
.g-special .hd .next{background: rgba(0, 0, 0, .4) url(../images/home/m-lb-left.png) center no-repeat;  left: 0; top: 50%;margin-top: -14px;}
.g-special li img{width: 264px;height: 140px;}
.zqfu-pre{transition: all 0.5s}
.zqfu-pre:hover{box-shadow: 2px 2px 4px 2px darkgrey;transition: all 0.5s;}

.m-xqlj{background-color: #FDF7F7;padding: 40px 0;display: none;}
.xqlj-zl{padding: 0;}
.xqlj-div{background: url(../images/home/m-xqlj.png) no-repeat;width: 100%;height: 120px;position: relative;background-size: 100% 100%;cursor: pointer;}
.xqlj-div P{font-family: MicrosoftYaHei-Bold;font-size: 24px;color: #da161d;position: absolute;left: 25px;top: 30px;}
.xqlj-zl{margin-top: 30px;}
.xqlj-zl:nth-child(1){padding-right: 10px;}
.xqlj-zl:nth-child(2),.xqlj-zl:nth-child(3){padding:0 10px;}
.xqlj-zl:nth-child(4){padding-left: 10px;}

.u-more{z-index: 2;position: absolute;padding-left:15px;background-color: #FDF7F7;font-size: 18px;right: 0;top: 55px;}
.u-more a{color: #E25C5F;}
.u-more2{background-color: #fff;top: 15px;}

/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
    .m-tablists{width: 1158px;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    .container{padding: 0;}
    .m-tabs>ul{width: 20%;}
    .m-tabs .m-tablists{width: 80%;}
    .m-tabs>ul>li,.m-zqfw img{width: 100%;}
    .m-tabs>ul>li.active img{left: calc(100% - 14px);}
    .u-title{background-size: 100% 100%;}
    .u-title2{background-size: 150% 100%;background-position: 50%;}
    .xqlj-zl{padding:10px !important;}
    .zqfu-pre{width: calc(33.33% - 40px);margin: 20px;}
    .zqfu-pre1,.zqfu-pre2,.zqfu-pre3,.zqfu-pre4{background-size: 100% 100%;}
    .g-special li,.g-special li img{width: 100%;}
    .zcjd-left li{height: 54px;line-height: 54px;}
}
/*pad md*/
@media screen and (max-width: 991px ){
    .m-tablists,.container,.m-tabs .m-tablists{width: 100%;}
    .m-tabs{margin: 20px 0;}
    .m-tabs>ul,.m-tabs>ul>li{width: 100%;}
    .m-tabs>ul>li img{display: none !important;}
    .m-tablists{height: auto;}
    .m-tablists>div{padding: 0;}
    .m-tablists>div>div:nth-child(1),.m-tablists>div>div:nth-child(2){padding: 0 10px;}
    .u-title{background-size: 200% 100%;background-position: 50% 0;}
    .zcjd-left{padding: 10px;}
    .sjzc-div{padding: 0 10px;}
    .zqfu-pre{width: calc(50% - 40px);margin: 20px;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    .u-title2{background-size: 300% 100%;}
    .zqfu-pre{width: calc(100% - 20px);margin: 10px;}
    .zcjd-lis li,.zcjd-p{width: 174px;}
    .zcjd-img{width: calc(100% - 174px)}
    .li-text{width: 70px;overflow: hidden;text-overflow: ellipsis;}
}
/*small xs*/
@media screen and (max-width: 638px) {
    

}