@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;height: calc(30vw* 491 / 556);}
.bot-left{width: 37%;float:left;background: #f9f9f9;/* margin-top: 1.5%; */border-radius: 8px;height:calc(29.23vw  * 491 / 556);}
.bot-right{width: 60%;float:right;margin-right: 2%;}
.bot-right ul{height:calc(29.23vw  * 491 / 556);}
.bot-right-li:first-child{margin: 0 auto 10px;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;-o-border-radius: 7px;}
.bot-right-li{background:#f9f9f9;height: 33%;margin: 10px 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;overflow: hidden;}
.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: 15px 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: 1780px) {
.fold_xwzx_bot{width: 79%;/* height: 470px; */}
}             
@media screen and (max-width: 1760px) {
.i_how_n1 h2{margin-top:30%;margin-left:6%;font-size: 28px;}
.i_how_n1 p{margin-top:4%;margin-left:6%;line-height: 30px;font-size: 15px;}
.li-active .i_how_n1 h2{margin-top:10%;margin-left:6%;font-size: 28px;}
.li-active .i_how_n1 p{margin-top:1%;margin-left:6%;font-size: 15px;}
}

@media screen and (max-width: 1550px) {
    .fold_xwzx_bot{width: 79%;/*height: 410px;*/}
.bot-right-li-right{font-size:20px;float: right;}
    .bot-right-li-left h2{height: 70px;line-height: 70px;font-size: 21px;}
}
@media screen and (max-width: 1530px) {
.i_how_n1 h2{margin-top:30%;margin-left:6%;font-size: 25px;line-height:40px;}
.i_how_n1 p{margin-top:4%;margin-left:6%;line-height: 30px;font-size: 14px;}
.li-active .i_how_n1 h2{margin-top:10%;margin-left:6%;font-size: 25px;line-height:40px;}
.li-active .i_how_n1 p{margin-top:1%;margin-left:6%;font-size: 14px;}
}
@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: 1370px) {
    .i_how_n1 h2{font-size:24px;margin-top:30%;margin-left:6%;letter-spacing: 0px;line-height: 35px;}
    .i_how_n1 p{font-size:14px;margin-top:4%;margin-left:6%;line-height: 30px;}
    .li-active .i_how_n1 h2{font-size: 24px;margin-top: 10%;margin-left:6%;line-height: 35px;}
    .li-active .i_how_n1 p{font-size: 14px;margin-top:1%;margin-left:6%;line-height: 30px;}
}
@media screen and (max-width: 1367px) {
    /*.slideBox{margin: 30px auto;}
    .li-active .i_how_n1 p,.i_how_n1 p{display: none;}*/
    .bot-right-li-right{font-size:18px;float: right;height: 60px;line-height: 60px;}
    .bot-right-li-left h2{height: 60px;line-height: 60px;font-size: 19px;}
    .bot-right-li-left p{line-height:14px;font-size: 14px;}
}
@media screen and (max-width: 1315px) {
    .bot-right-li-right{font-size:16px;float: right;height: 60px;line-height: 60px;}
    .bot-right-li-left h2{height: 60px;line-height: 60px;font-size: 16px;}
    .bot-right-li-left p{line-height:14px;font-size: 12px;}
}
@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;}*/
    
    .i_how_n1 h2{font-size: 20px;margin-top:30%;margin-left:6%;letter-spacing: 0px;line-height: 35px;}
    .i_how_n1 p{font-size: 12px;margin-top:4%;margin-left:6%;line-height: 20px;}
    .li-active .i_how_n1 h2{font-size: 20px;margin-top: 10%;margin-left:6%;line-height: 35px;}
    .li-active .i_how_n1 p{font-size: 12px;margin-top:1%;margin-left:6%;line-height: 20px;}
}
@media screen and (max-width: 1200px) {
    .bot-right-li-right{font-size:14px;;height: 50px;line-height: 50px;}
    .bot-right-li-left h2{height: 50px;line-height: 50px;font-size: 17px;}
    .bot-right-li-left p{line-height:20px;font-size: 12px;}
}
@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;}*/
    .bot-right-li-right{font-size:13px;;height: 40px;line-height: 40px;}
    .bot-right-li-left h2{height: 40px;line-height: 40px;font-size: 15px;}
    .bot-right-li-left p{line-height:20px;font-size: 11px;}
    
}

@media screen and (max-width: 1024px) {
    .fold_xwzx{height: 1180px;margin: 40px auto;}
    .fold_xwzx_top{display:none;}
    .bot-left{width: 100%;height: calc(80vw* 491 / 556);margin-bottom: 10px;}
    .fold_xwzx_bot{border-right: 0px solid #ff0000;}

    .bot-right{width: 100%;margin-right: 0;margin-top: 20px;}
    
    .li-left{width: 70%;}
    .li-left h4{font-size: 14px;height: 28px;overflow: hidden;}
    .li-right span{font-size: 12px;}
    .fold_xwzx_bot{width: 80%;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;}

        .i_how_n1 h2{font-size: 20px;margin-top:30%;margin-left:6%;letter-spacing: 0px;line-height: 35px;}
    .i_how_n1 p{display:none;}
    .li-active .i_how_n1 h2{font-size: 20px;margin-top: 10%;margin-left:6%;line-height: 35px;}
    .li-active .i_how_n1 p{display:none;}
}


@media screen and (max-width: 970px) {
    .fold_xwzx{height: 1100px;}
}

@media screen and (max-width: 900px) {
    .fold_xwzx{height: 1050px;}
}

@media screen and (max-width: 830px) {
    .fold_xwzx{height: 1000px;}
}

@media screen and (max-width: 768px) {
    .spqh{display: block;}
    .spqh video{width: 96%;margin:0 2%;border-radius:5px;}
    .fold_xwzx{height: 920px;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%;height: calc(98vw* 491 / 556);}
    .bot-right{width: 100%;margin: 0 auto;}
    .bot-right-li-left{padding-left: 5px;}
    .bot-right-li-left h2{font-size: 16px;margin-left: 10px;}
    .bot-right-li-left p{margin-left: 10px;}
    .bot-right-li-right{font-size: 12px;}
}
@media screen and (max-width: 750px) {
    .fold_xwzx{height: 880px;}
}
@media screen and (max-width: 710px) {
    .fold_xwzx{height: 860px;}
}
@media screen and (max-width: 697px) {
    .fold_xwzx{height: 830px;}
}
@media screen and (max-width: 646px) {
    .fold_xwzx{height: 780px;}
}
@media screen and (max-width: 600px) {
    .fold_xwzx{height: 740px;}
}
@media screen and (max-width: 560px) {
    .fold_xwzx{height: 700px;}
}
@media screen and (max-width: 530px) {
    .fold_xwzx{height: 670px;}
}
@media screen and (max-width: 480px) {
    .fold_xwzx{height: 640px;}
}
@media screen and (max-width: 450px) {
    .fold_xwzx{height: 620px;}
}
@media screen and (max-width: 420px) {
    .fold_xwzx{height: 580px;}
}
@media screen and (max-width: 395px) {
    .fold_xwzx{height: 560px;}
}
@media screen and (max-width: 360px) {
    .fold_xwzx{height: 540px;}
}
@media screen and (max-width: 345px) {
    .fold_xwzx{height: 520px;}
}