@charset "utf-8";
/* CSS Document */

.fwzx_fold_wrap{width: 100%;margin: 0 auto;}
.fold_wrap{width:80%;height:calc(59.84vw * 1080 / 1920);margin:0 auto 40px auto;overflow:hidden;}
.fold_wrap_li{float:right;width:25%;height:calc(59.84vw * 1080 / 1920);position:relative;overflow:hidden;cursor:pointer;border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
.fold_wrap_li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;right:0px;top:0px; text-align:right;background:rgb(255 9 0 / 85%)/*background:rgb(0 0 0 / 66%)*/;}
/*.fold_wrap_li:last-child .mask_b{background:rgb(198 36 36 / 96%);}*/
.li-active{width: 75%;}
.li-active .mask_b{background:none;/*display: none;*/}
.fold_wrap_li .mask_b h4{color:#fff;width:100%;margin:0 auto;display:block;}
.fold_wrap_li.big{width:50%;}
.pic_auto{width:100%;height:100%;}
.pic_auto img{width: 100%;height: 100%;}
.pic_auto video{height: 100%;}
.i_how_n1{height:100%;}
.i_how_n1 h2{/*width:20%;*/font-size:32px;color:#ffffff;font-weight:bold;text-align:left;margin-top:39%;margin-left:6%;letter-spacing: 0px;line-height: 60px;}
.i_how_n1 p{width:80%;font-size:16px;color:#ffffff;font-weight:bold;text-align:left;margin-top:4%;margin-left:6%;line-height: 30px;}
.li-active .i_how_n1 h2{/*width:20%;*/font-size:32px;color:#ffffff;font-weight:bold;text-align:left;margin-top:13%;margin-left:6%;}
.li-active .i_how_n1 p{width:32%;font-size:16px;color:#ffffff;font-weight:bold;text-align:left;margin-top:1%;margin-left:6%;line-height: 30px;}

.i_how_n1 img{height:100%;}

.fold_list{width: 80%;margin: 0 auto;}
.list-li{width: 100%;/* background: #f9f9f9; */border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; margin: 1px auto;height: 30px;line-height: 30px;}
/*.limain{width: 100%;margin: 0 auto;}*/
.li-left{width: 80%;float: left;/* margin-left: 40px; */}
.li-left h4{font-size: 16px;color:#b3b3b3;}
.li-right{float: right;/* margin-right: 40px; */}
.li-right span{font-size:16px;color:#b3b3b3;}
.fold_xwzx{width: 100%;margin: 120px auto 180px;}
.fold_xwzx_top{width: 80%;margin: 0 auto;text-align: right;}
.top-n{font-size: 40px;margin-right: 20px;color: #b3b3b3;}
.top-s{font-size: 20px;color: #FF0004;}
.fold_xwzx_bot{width: 79%;height: 510px;margin: 0 auto;border-right: 1px solid #ff0000;}
.bot-left{width: 37%;float:left;background: #f9f9f9;margin-top: 1.5%;border-radius: 8px;}
.bot-right{width: 60%;float:right;margin-right: 2%;}
.bot-right ul{height:calc(29.23vw  * 491 / 556);}
.bot-right-li:first-child{margin: 2.2% auto 2.6%;border-radius: 7px;-webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px;}
.bot-right-li{background:#f9f9f9;height: 30%;margin: 2.6% auto;border-radius: 7px;-webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px;}
/*.bot-right-li{background:#f9f9f9;height: 150px;margin: 22px auto;border-radius: 7px;}*/
.bot-right-li-left{height:100%;width: 88%;float: left;padding-left: 30px;}
.bot-right-li-left h2{height: 80px;line-height: 80px;font-size: 24px;font-weight: bold;color: #5f5f5f;}
.bot-right-li-left p{line-height:20px;font-size: 14px;color: #b3b3b3;}
.bot-right-li-right{height: 80px;line-height: 80px;font-size:25px;float: right;width: 10%;color: #b3b3b3;}



.slideBox{width:100%;height:100%;overflow:hidden;position:relative;margin: 20px auto;}
.slideBox .hd{height:20px;overflow:hidden;position:absolute;right: 50%;bottom:5px;z-index:1;/* margin: 0 auto; *//* text-align: center; */}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{float:left;margin-right: 10px;width:15px;height:15px;line-height:14px;text-align:center;border: 1px solid #f1f1f1;border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;cursor:pointer;margin-bottom: 10px;top:30px;}
.slideBox .hd ul li.on{ background:#ff5555; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px;}

.slideBox .prev,
.slideBox .next{ position:absolute; left:-1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }



.spqh{display: none;}
@media screen and (max-width: 1500px) {
    .fold_xwzx_bot{width: 78.6%;height: 420px;}
    .bot-right-li{height: 120px;}
    .bot-right-li-left{padding-left: 30px;}
    .bot-right-li-left h2{height: 60px;line-height: 60px;font-size: 20px;}
    .bot-right-li-left p{font-size: 13px;}
    .bot-right-li-right{height: 60px;line-height: 60px;font-size:20px;}
    .slideBox{margin:  2.8% auto}
}
@media screen and (max-width: 1366px) {
.li-active .i_how_n1 p,.i_how_n1 p{display: none;}
}
@media screen and (max-width: 1280px) {
    .fold_xwzx_bot{width: 78.6%;height: 420px;}
    .bot-right-li{height: 120px;}
    .bot-right-li-left{padding-left: 30px;}
    .bot-right-li-left h2{height: 60px;line-height: 60px;font-size: 18px;}
    .bot-right-li-left p{font-size: 12px;}
    .bot-right-li-right{height: 60px;line-height: 60px;font-size:18px;}
}

@media screen and (max-width: 1150px) {
    .fold_xwzx_bot{width: 78.6%;height: 420px;}
    .bot-right-li{height: 120px;}
    .bot-right-li-left{padding-left: 30px;}
    .bot-right-li-left h2{height: 60px;line-height: 60px;font-size: 18px;overflow: hidden;}
    .bot-right-li-left p{font-size: 12px;height: 40px;line-height: 20px; overflow: hidden;}
    .bot-right-li-right{height: 60px;line-height: 60px;font-size:16px;}
}

@media screen and (max-width: 1024px) {
    .li-left{width: 70%;}
    .li-left h4{font-size: 14px;height: 28px;overflow: hidden;}
    .li-right span{font-size: 12px;}
    .fold_xwzx_bot{width: 78.6%;height: 420px;}
    .bot-right-li{height: 120px;}
    .bot-right-li-left{padding-left: 30px;}
    .bot-right-li-left h2{height: 60px;line-height: 60px;font-size: 18px;overflow: hidden;}
    .bot-right-li-left p{font-size: 12px;height: 40px;line-height: 20px; overflow: hidden;}
    .bot-right-li-right{height: 60px;line-height: 60px;font-size:16px;}
}

@media screen and (max-width: 768px) {
    .spqh{display: block;}
    .spqh video{width: 100%;}
    .fold_xwzx{margin: 40px auto 180px;}
    .fold_wrap{width: 96%;height: calc(71.8vw * 1080 / 1920);}
    .fold_wrap_li{height: calc(71.8vw * 1080 / 1920);}
    .fold_list{width: 96%;}
    .fold_xwzx_top{display: none;}
    .fold_xwzx_bot{width: 96%;border: none;}
    .bot-left{width: 100%;}
    .bot-right{width: 100%;margin: 0 auto;}
    .bot-right-li-left{padding-left: 5px;}
    .bot-right-li-left h2{font-size: 16px;}
    .bot-right-li-right{font-size: 12px;}
}