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

/*home*/

.is-main .m-video{width: 100%; height: 720px;}
.is-main .m-video video{ width: 100%; height: 100%;}
.is-main .m-caption{ margin-top: 54px; padding-bottom: 8px; border-bottom: 1px solid rgba(212,12,0,0.2);}
.is-main .m-caption span {font-size: 30px; color: #D40C00; font-family: PingFangSC-Medium; font-weight: 500; padding-bottom: 8px; border-bottom: 3px solid #D40C00;}
.is-main .m-caption div{width: 140px; height: 40px; border: 1px solid #D40C00; border-radius: 6px; text-align: center; line-height: 40px; color: #D40C00; font-size: 16px; cursor: pointer;}
.is-main .m-caption div:hover{background-color: #D40C00; color: #fff;}



/* 新加内容 */
.m-csj-region li.u-active a{
    background: #D40C00;
    color: #fff !important;
}
.m-csj{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(212,12,0,0.2);
    padding-bottom: 8px;
    margin-bottom: 41px;
}
.m-csj .m-csj-name{
    margin-top: 54px;
}
.m-csj .m-csj-name span{
    font-size: 30px;
    color: #D40C00;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    padding-bottom: 8px;
    border-bottom: 3px solid #D40C00;
}
.m-csj-region ul{
    box-sizing: border-box;
    margin-top: 54px;
    display: flex;
    width: 323px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border: 1px solid rgba(212,12,0,1);
    border-radius: 2px;
}
.m-csj-region ul li{
    box-sizing: border-box;
    flex: 1;
    border-right: 1px solid rgba(212,12,0,1);
}
.m-csj-region ul li a{
    display: block;
    box-sizing: border-box;
    color: #D40C00;
}
.m-csj-region ul li:last-child{
    border-right: none;
}

/* .m-csj-tz{
    margin-top: 54px;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid rgba(212,12,0,1);
    border-radius: 6px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #D40C00;
    letter-spacing: 0;
    font-weight: 400;
} */
.m-csj-tz {
    margin-top: 30px;
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: 1px solid rgba(212,12,0,1);
    border-radius: 6px;
    font-family: MicrosoftYaHei;
    font-size: 30px;
    color: #D40C00;
    letter-spacing: 0;
    font-weight: 400;
}
.m-csj-tz a{
    color: #D40C00;
}
/* 新加内容结束 */
.s-box{ display: flex; flex-wrap: wrap;
     /* justify-content: space-between; */
    }
.s-box .u-item{  width: 12.5%;margin-bottom: 32px; }
.s-box .u-item a{display: block; text-align: center; font-size: 16px; color: rgba(0,0,0,0.85);}
.s-box .u-item a img{ width: 140px; height: 100px; margin-bottom: 8px;}
.u-item.hidden {height: 0px;box-sizing: border-box;margin: 0 !important;padding: 0 !important;}
.s-box .u-item a span{display: block;}
.s-box .u-item a:hover span{color: #D40C00; font-size: 18px; font-weight: bold;}

.u-tzzn{ padding: 0 0 59px 0; background: #F5F7FA; margin-top: 48px;} 
.zjsj{width: 100%; }
.zjsj img{width: 100%;}
.zjsj span{top: 50%; left: 50%; transform: translate(-50% ,-50%); font-size: 20px; font-weight: 700; color: #fff; cursor: pointer;}
.zjsj:hover span{color: #D40C00; font-size: 24px;}

.m-tz{display: flex; flex-wrap: wrap; justify-content: space-between;}
.m-tz li {width: 305px;margin-top: 20px; position: relative;}
.m-tz li span{ position: absolute; top: 50%; left: 50%; transform: translate(-50% ,-50%); font-size: 20px; font-weight: 700; color: #fff;}
.m-tz li a:hover span{color: #D40C00; font-size: 24px;}

.list-switch .infor{display: flex; flex-wrap: wrap; justify-content: space-between;}
.list-switch .infor li{width: 49%; padding: 16px 44px 8px 24px; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.12); overflow: hidden; min-height: 157px; margin-bottom: 16px;background: url(../images/page/bg-li.png) right top no-repeat;}
.list-switch .infor li a div .m-mtitle{font-size: 16px; color: #000; font-weight: 700; display: inline-block; margin-bottom: 24px;}
.list-switch .infor li a div p{padding-right: 6px; font-size: 14px; line-height: 22px; color: rgba(0,0,0,0.65); height: 63px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical;  -webkit-line-clamp:3; }
.u-time{font-size: 14px; color: rgba(0,0,0,0.45); line-height: 22px;}

.u-csjlm{min-height: 768px; background: url(../images/home/bg-lm.png) ;}

.m-lm{display: flex; flex-wrap: wrap; justify-content: space-between;}
.m-lm li{width: 416px; height: 115px; margin-bottom: 20px; position: relative;}
.m-lm li div{width: 100%; height: 100%; position: absolute; top: 0; font-size: 20px; color: #FFFFFF; line-height: 28px; font-weight: 700; text-align: center; padding-top: 30px; background: rgba(0,0,0,0.30);}
.m-lm li div span{display: block; font-size: 16px; line-height: 28px; font-weight: 400; margin-top: 10px;}
.m-lm li a{height: 100%; display: flex; position: relative; justify-content: center; align-items: center;}

.m-blink{padding: 60px 0; font-size: 0;}

html:root{--swiper-theme-color: #D40C00;}

/* 我要投资 */
.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
.white_content {box-sizing: border-box; display: none;position: fixed;top: 50%;left: 50%;width: 560px;/*height: 558px;*/height: 660px;background-color: white;z-index: 1002;overflow: auto;transform: translate(-50%,-50%);}
.white_content_small {display: none;position: absolute;top: 20%;left: 30%;width: 40%;height: 50%;border: 16px solid lightblue;background-color: white;z-index: 1002;overflow: auto;}
.t-fk{height: 56px; line-height: 56px; padding: 0 24px; font-size: 16px; font-weight: 600;border-bottom: 1px solid #ccc;}
.t-fk span{cursor: pointer; font-size: 20px; font-weight: normal;}
form{padding-top: 34px; overflow: hidden; text-align: right;}
form .m-inputbox{ padding-right: 88px;}
form .box-input{margin-bottom: 16px; }
form .box-input label{font-size: 14px; color: #333333; font-weight: 400;}
form .box-input label i{color: #FF4D4F;}
form .box-input input{width: 300px; height: 32px; border: 1px solid rgba(0,0,0,0.15); padding-left: 12px;}
form .box-input span{right: 8px; top: 5px;}
form .box-input .icon-slect{display: inline-block; width: 20px; height: 20px; top: 4px; right: 7px; background: #fff url(../images/home/xl.png) center no-repeat;}
.box-inputtext{ overflow: hidden; margin-bottom: 12px;}
.box-inputtext>div{float: right;}
.box-inputtext label{font-size: 14px; color: #333333; font-weight: 400;}
.box-inputtext label i{color: #FF4D4F;}
.box-inputtext textarea{width: 300px; height: 90px; border: 1px solid rgba(0,0,0,0.15); padding-left: 12px;}
.f-btn{border-top: 1px solid rgba(0,0,0,0.15); margin-top: 33px; padding-right: 16px; height: 52px;}
.f-btn span{width: 65px; height: 32px; border: 1px solid rgba(0,0,0,0.15); display: inline-block; border-radius: 2px; margin-top: 10px; text-align: center; line-height: 32px; cursor: pointer; font-size: 14px;}
.f-btn span:hover{background-color: #ccc; color: #fff;}
.f-btn .r-btn{background-color:  #D40C00; color: #fff;outline: none;width: 65px;height: 32px;line-height: 32px;border-radius: 2px;border: none;}
.f-btn .r-btn:hover{color: #D40C00; background-color: #fff;}
/*media query*/

/*large pcScreen*/
@media (min-width:1200px) {
    .is-main .u-ldzc ul li:nth-child(5n){margin-right: 0;}
    
}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    .is-main .u-ldzc ul li{margin-right: 80px;}
    .is-main .u-ldzc ul li:nth-child(4n) {margin-right: 0;}
    .s-box .u-item{width: 20%;}
    /* .m-tz li{width: 33.33%;} */
    .f-lmb20{margin-bottom: 20px;}
}
/*pad md*/
@media screen and (max-width: 991px ){
    .is-main .u-ldzc ul li{margin-right: 80px !important;}
	.is-main .u-ldzc ul li:nth-child(3n) {margin-right: 0 !important;}

    .is-main .m-nav ul li{margin-right: 65px;}
    .s-box .u-item{width: 25%;}


    /* .m-tz li{width: 40%;} */
}
/*phone sm*/
@media screen and (max-width: 767px) {
    .is-main .lg-form{width: 100%; padding: 10px;}
    .login-form {margin-top: 10px;}
    .is-main .m-nav ul li{font-size: 14px; margin-right: 10px;}

    .is-main .u-ldzc ul li{margin-right: 20px !important;}
    .is-main .u-ldzc ul li:nth-child(3n) {margin-right: 20px !important;}
	.is-main .u-ldzc ul li:nth-child(2n) {margin-right: 0 !important; z-index: 999;}
    /* .m-tz li{width: 75%;} */
    .is-main .m-video{height: 400px;}

    .list-switch .infor li{width: 100%;}
    .m-lm li{width: 100%;}
    .m-lm li img{width: 100%;}
    .m-blink img{width: 100%;}
}
/*small xs*/
@media screen and (max-width: 638px) {
    .s-box .u-item{width: 50%;}

}