/* 轮播图 */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.slideBox .hd{ width: 100%; height:22px; overflow:hidden; position:absolute; left:0; bottom:40px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align: center; margin: 0 auto;display: flex;align-items: center;justify-content: center;  }
.slideBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 5px;
    overflow:hidden; line-height: 99999; cursor:pointer;
    background: url(../images/inban_icon1.png) no-repeat center center; background-size: 100% auto; }
.slideBox .hd ul li.on{ width:20px; height:20px; background: url(../images/inban_icon2.png) no-repeat center center; background-size: 100% auto; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }

.floor1,.floor2,.floor3,.floor4,.floor5,.floor6,.floor7,.floor8,.floorjishu{
    width: 100%; height: auto; overflow: hidden;
}
.floor1{ height: 972px; background: url(../images/bg_floor1.jpg) no-repeat center top; background-size: 100% 972px; }
.floor2{ height: 840px;background: #fff;  }
.floor3{ height: auto; }
.floor4{ height: auto; }
.floor5{ height: 930px; overflow: hidden; background: #fff; }
.floor6{height: auto; background: #fff; }
.floor7{height: 784px;background: #f3f3f3; }

.floorjishu{ background: #F4F4F4; }

.youshibox1{
    width:100%; height: auto; overflow: hidden;
    .youshiitem{
        width:270px; height: 181px; overflow: hidden; float: left;
        border-radius: 20px; margin-left: 40px;
        background: rgba(255, 255, 255, 0.8);
        box-sizing: border-box;
        border: 1px solid #FFFFFF;
        display: flex; align-items: center; justify-content: center;
        .circle{
            width: 96px;
            height: 96px;
            background: #FFA800;
            box-sizing: border-box;
            border: 1px solid #FFFFFF;
            text-align: center;
            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            .text{
                width: 96px;
                height: 53px; margin: 0 auto;
                font-family: Source Han Sans;
                font-size: 22px;
                font-weight: bold;
                line-height: normal;
                color: #FFFFFF;
            }
        }
        .info{
            width: 114px;
            height: 80px; margin-left:10px;
            font-family: Source Han Sans;
            font-size: 18px;
            font-weight: bold;
            line-height: 20px;
            letter-spacing: 0em;
            color: #333333;
            word-break: break-all;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;

        }
    }
    .youshiitem:first-child{ margin-left: 0; }
    .youshivideo{
        width:270px; height: 181px; overflow: hidden; float: left;
        border-radius: 20px; margin-left: 40px;
        background: rgba(255, 255, 255, 0.8);
        box-sizing: border-box;
        border: 1px solid #FFFFFF;
        display: flex; align-items: center; justify-content: center;
        .video{
            .e_video{ width:198px; height: 156px; }
        }
    }
}

.youshibox2{
    width:100%; height: auto; overflow: hidden;
    .youshiitem{
        width: 370px;
        height: 444px; float: left;
        border-radius: 30px; margin-left: 45px;
        background: rgba(255, 255, 255, 0.8); position: relative;

        box-sizing: border-box;
        border: 1px solid #FFFFFF;
        .tit,.img,.info{ width:100%; height: auto; overflow: hidden; text-align: center }
        .tit{
            background: url(../images/newstyle/youshi_line1.png) no-repeat center bottom;
            background-size: 180px 4px;
            height: 56px; line-height: 56px; margin-top: 50px;
            .text{
                font-family: Source Han Sans;
                font-size: 30px;
                font-weight: bold;
                line-height: px;
                letter-spacing: 0em;
                color: #333333;
            }
        }
        .img{
            margin-top:6px;
            .icon{
                width: 146px; height: 222px; margin: 0 auto;
            }
        }
        .info{
            width: 289px; margin: 0 auto; margin-top:8px;
            height: 70px; position: relative;
            font-family: Source Han Sans;
            font-size: 24px;
            font-weight: normal;
            line-height: 35px;
            letter-spacing: 0em; text-align: left;
            color: #676767; padding-left: 16px;
            word-break: break-all;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }
    }
    .youshiitem1{ margin-left: 0; height: 464px; }
    .youshiitem1:after,.youshiitem2:after{
        position: absolute;
        right: -45px;
        top: 0px;
        width: 45px;
        height: 100%;
        font-size: 40px;
        font-weight: normal;
        line-height: 32px;
        display: flex; align-items: center; justify-content: center;
        color: #9A0812;
        text-shadow:
                -1px -1px 0 #fff,
                1px -1px 0 #fff,
                -1px 1px 0 #fff,
                1px 1px 0 #fff,
                3px 3px 6px rgba(0, 0, 0, 0.3);
    }
    .youshiitem1:after{
        content: '+';
    }
    .youshiitem2:after{
        content: '=';
    }
    .youshiitem1,.youshiitem2{
        .info:before{
            position: absolute;
            left: 0px;
            top: 12px;
            width: 10px;
            height: 10px;
            background: #024383;
            border-radius: 50%;
            content: ' ';
        }
    }
    .youshiitem3{
        .info:before{
            position: absolute;
            left: 0px;
            top: 12px;
            width: 12px;
            height: 12px;
            background: #024383;
            border-radius: 50%;
            content: ' ';
            background: url(../images/newstyle/youshi_duihao1.svg) no-repeat center center;
            background-size: 12px 12px;
        }
    }
}


.in_tit{ width:100%; height: auto; overflow: hidden; text-align: center; margin: 70px auto 0 0;  }
.in_tit .titText{ display: inline-block; margin: 0 auto; position: relative; }
.in_tit .titText .Text{ width:100%; height: 50px; line-height: 50px; overflow: hidden; text-align: center; color: #333; }
.in_tit .titText .Text1{  font-size:34px; font-weight: bold; }
.in_tit .titText .Text2{ font-size:20px; height: 28px; line-height: 28px; text-transform: uppercase; color: #666; }



.in_titauto{ margin-top: 40px; margin-bottom: 30px; }


.picScroll-left{ width:1200px;  overflow:hidden; position:relative;   }
.picScroll-left .hd{ overflow:hidden; height:30px; text-align: center; margin-top:40px; }
.picScroll-left .hd ul{  overflow:hidden; zoom:1; text-align: center; }
.picScroll-left .hd ul li{ display: inline-block; width:10px; height:10px; overflow:hidden;
    margin:0 10px; text-indent:-999px; cursor:pointer; border-radius: 50%;
    background: #D8D8D8;
}
.picScroll-left .hd ul li.on{ background: #B3020A; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd{
    overflow:hidden; zoom:1; margin: 0 -20px;
    .picList{
        height: 462px; overflow:hidden; zoom:1;
        .picli{
            margin:0 20px; float:left;
            width: 580px; position: relative;
            height: 462px; background: #fff; display: flex; align-items: center; justify-content: center;

            .piclimain{
                width: 534px; margin: 42px auto 0; display: flex;
                .pic{ width: 261px; height: 375px; margin-right: 10px; }
                .pic img{
                    width: 261px;
                    height: 375px;
                    border-radius: 30px;
                    display:block;  }
                .info{
                    width:262px;
                    .infoitem{
                        width: 100%; height: auto; overflow: hidden; display: flex;
                        cursor: pointer;
                        .lable{
                            width: 40px; height: auto; margin-right: 10px;
                            .icon{
                                width: 32px;
                            }
                        }
                        .text{
                            font-size: 18px;
                            font-weight: bold;
                            height: 90px;
                            line-height: 30px;
                            color: #333333;
                            word-break: break-all;
                            word-wrap: break-word;
                            white-space: pre-wrap;
                            text-align: justify;
                        }
                        .infofloat{ display: none; }
                    }

                    .infoitem1{
                        .text{
                            height: 90px;
                            word-break: break-all;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            text-align: justify;
                            -webkit-line-clamp: 3;
                        }
                    }
                    .infoitem2{
                        margin-top: 20px;
                        .lable{
                            .icon{
                                width: 40px;
                                scale: 1.2;
                            }
                        }
                        .text{
                            font-weight: normal;
                            height: 256px;
                            line-height: 32px;
                            font-size: 16px;
                            color: #676767;
                            word-break: break-all;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 8;
                            p{
                                line-height: 32px;
                            }
                        }
                    }
                }
            }

            .infofloat {
                display: none;
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 1;
                width: 100%;
                height: auto;
                background: rgba(0, 0, 0, 0.5);
                display: flex;
                justify-content: center;
                opacity: 0;
                transition: opacity 0.3s ease;
                padding: 10px 0;
            }

            .infofloat .desc {
                width: 94%;
                margin: 0 auto 0;
                font-family: Source Han Sans;
                font-size: 18px;
                line-height: 30px;
                word-break: break-all;
                word-wrap: break-word;
                white-space: pre-wrap;
                text-align: justify;
                color: #fff;
            }

            .infofloat .desc p {
                line-height: 30px;
                margin: 0;
            }

        }
    }
}

.inbox1Text{  width:100%; height: 50px; line-height: 50px; overflow: hidden;  }
.inbox1Text1{  line-height: 50px; font-size:34px; color: #666;  }
.inbox1Text1 span{  line-height: 50px; font-weight: bold;  }
.inbox1Text1 span.text1{  font-size:26px; color: #ad050d; }
.inbox1Text1 span.text2{  font-size:20px; color: #004483;  }
.inbox1Text2{  width:100%; height: 50px; line-height: 50px; overflow: hidden; font-size:22px; color: #333;  }

.in_box1main{ overflow: hidden; margin-top: 20px; }
.in_box1Item{ width: 368px;height: auto; overflow: hidden; float: left;margin-left: 45px; }
.in_box1Item:nth-child(1){ margin-left: 0; }
.in_box1Item .tit,.in_box1Item .info{ width: 100%; height: auto; overflow: hidden;  }
.in_box1Item .tit{  display: flex; align-items: center;  }
.in_box1Item .tit .sort,.in_box1Item .tit .text{ display: inline-block; height: 32px;line-height: 32px; }
.in_box1Item .tit .sort{  background: #ad050d; color: #f9f9fb; font-size: 25px; font-weight: bold; padding: 0 10px;  }
.in_box1Item .tit .text{ flex: 1; color: #333;font-size: 20px;padding-left: 10px;border-bottom: dashed 1px #004483;  }
.in_box1Item .info{  color: #333;font-size: 16px; line-height: 24px;margin-top: 20px; }

.in_box1bot{ width: 100%;height: auto; overflow: hidden;margin-top: 40px; }
.in_box1botItem{ width: 410px;height: auto; overflow: hidden; }
.in_box1botItem:nth-child(1){ width: 674px; float: left; }
.in_box1botItem:nth-child(2){ width: 410px; float: right; }
.in_box1botItem .img,.in_box1botItem .info{ width: 100%; height: auto; overflow: hidden;  }
.in_box1botItem .info p{ padding: 10px 0; line-height: 26px; color: #333; font-size: 20px; font-weight: bold;
    padding-left: 20px; position: relative; }
.in_box1botItem .info p::before{ position: absolute;left: 0;top: 18px;z-index: 1;width: 8px;height: 8px;overflow: hidden;
    background: #004483;border-radius: 50%;content: ''; }
.in_box1botItem .img{ margin-top: 40px; position: relative; }
.in_box1botItem .img img{ max-width: 100%;  }
.in_box1botItem .img .btn{  position: absolute;left: 50%;top: 50%; margin: -40px 0 0 -40px; z-index: 1;width: 80px;height: 80px;overflow: hidden;  }
.in_box1botItem .img .btn img{ width: 80px;height: 80px;overflow: hidden;  }
.in_box1botItem .img .e_video{ width: 408px; height: 282px;overflow: hidden; }

.inBox2{ width:100%; height: 532px; position:relative; }
.inBox2 .bd{ position:relative; height: 532px; }
.inBox2 .prev,.inBox2 .next{ position: absolute; top: 50%; margin-top: -20px; left:-68px; display: block; width: 40px; height: 40px; background:#004483;  z-index: 9; overflow: hidden;display: flex;align-items: center;justify-content: center;border-radius: 5px; }
.inBox2 .next{ left:auto; right:-64px;  }
.inBox2 .prev .arrow_le,.inBox2 .next .arrow_fr{ width: 14px; height: 14px; border-color: #fff;  border-width: 2px;  }
.inBox2 .prev .arrow_le{ margin-left: 6px; }
.inBox2 .next .arrow_fr{ margin-right: 6px; }
.inBox2 .prevStop,.inBox2 .nextStop{ background:#d2d2d2; }
.inBox2 .prevStop .arrow_le,.inBox2 .nextStop .arrow_fr{ border-color: #000;}



.inBox2 .scrollWrap{ margin: 0 -12px;   }
.inBox2List{ overflow:hidden; height: 534px; zoom:1;}
.inBox2List li{ width:282px; height: 530px; margin: 0 11px; position:relative;  cursor: pointer;
    float:left; display:inline; border: solid 1px #e4e4e4; margin-top:2px; }
.inBox2List li .pic,.inBox2List li .pic img{ width: 282px; height: 282px; overflow: hidden; }
.inBox2List li .tit,.inBox2List li .info, .inBox2List li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
.inBox2List li .tit{ line-height: 36px; color: #333; font-size: 22px; margin-top: 25px; padding: 2px 0;
    height: 36px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
}
.inBox2List li .tit a{ line-height: 36px; color: #333; font-size: 22px; }
.inBox2List li .info{ height:78px; }
.inBox2List li .info p{ padding: 3px 0; line-height: 20px; color: #999; font-size: 16px;
    padding-left: 16px; position: relative;
    height: 20px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; }
.inBox2List li .info p::before{ position: absolute;left: 0;top: 8px;z-index: 1;width: 6px;height: 6px;overflow: hidden;
    background: #004483;border-radius: 50%;content: ''; }
.inBox2List li .btn{ margin-top: 24px; }
.inBox2List li .btn a{ display: block; width:114px; height: 40px; line-height: 40px; color: #ad050d; font-size: 14px;
    border: solid 1px #ad050d; border-radius:20px; text-align: center; }
.inBox2List li:hover .tit,.inBox2List li:hover .tit a{ color: #ad050d; }
.inBox2List li:hover .info p::before{ background: #ad050d; }
.inBox2List li:hover .btn a{ background: #ad050d; color: #fff; }



.probox1{
    width:100%; height: 640px; position:relative;
    .bd{ position:relative; height: 564px; }
    .prevStop,.nextStop{ background:transparent; }
    .prevStop .arrow_le,.nextStop .arrow_fr{ border-color: #000;}


    .proArrow{
        position: absolute; bottom: 0; width: 160px; height: 40px;
        left:50%; margin-left:-80px; display: flex;align-items: center;justify-content: center;
        .prev,.next{ width: 40px; height: 40px; overflow: hidden;
            display: flex;align-items: center;justify-content: center; }
        .shubiaobtn{
            width: 60px; margin: 0 10px;
            .img{
                width: 60px;
            }
        }
        .prev .arrow_le,.next .arrow_fr{ width: 14px; height: 14px; border-color: #ddd;  border-width: 2px;  }
        .prev .arrow_le{ margin-left: 0; }
        .next .arrow_fr{ margin-right: 0; }
    }

    .scrollWrap{ margin: 0 -12px;   }
    .proList{
        overflow:hidden; height: 564px; zoom:1;
    }
    .proList li{
        width:384px; height: 564px; margin:0 12px; position:relative;  cursor: pointer;
        float:left; display:inline; margin-top:2px;
        .pic{
            width: 384px;
            height: 384px;
            border-radius: 30px 30px 0px 0px;
            opacity: 1; line-height: 0; font-size: 0;
            background: radial-gradient(195% 195% at 50% 50%, #FCFCFD 0%, #014282 100%);
            display: flex; align-items: center; justify-content: center;
            .img{ max-width: 368px; max-height: 320px; overflow: hidden; line-height: 0; font-size: 0; }
        }
        .main{
            width: 100%; height: 180px; overflow: hidden;
            background: #024383; position: relative;
            .tit,.info,.btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
            .tit{
                margin-top: 6px; line-height: 38px;
            }
            .tit a{ line-height: 36px; height: 36px;
                font-family: Source Han Sans;
                font-size: 24px;
                font-weight: bold;
                color: #FFFFFF;
                white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
            }
            .info{
                height: auto;
                display: block; /* 方法5 */
            }
            .info p{
                display: table; border-radius: 8px;
                box-sizing: border-box;
                border: 0.5px solid #FFFFFF;
                padding: 4px 6px; line-height: 18px; margin: 6px 0;
                position: relative;
                white-space: normal; /* 允许换行 */
                word-wrap: break-word;
                font-family: Source Han Sans;
                font-size: 18px;
                color: #FFFFFF;
            }
            .btn{ position: absolute; bottom: 18px; right: 10px; z-index: 1; width:24px; height: 24px; }
            .btn a{ display: block; width:24px; height: 24px;
                background: url(../images/newstyle/arrow_riwhite1.svg) no-repeat center center;
                background-size: 24px 24px;
            }
        }
    }
    .proList li:hover .tit,.proList li:hover .tit a{ color: #ffffff; }
    .proList li:hover .info p::before{ background: #fff; }
    .proList li:hover .btn a{  background: url(../images/newstyle/arrow_rired1.svg) no-repeat center center;
        background-size: 24px 24px; }
}


.videoMain{ width: 1200px; height: 610px; margin: 0 auto; position: relative; }
.videoBox1 { width: 960px; height: 610px; position: relative; overflow: hidden; position: absolute; left: -360px; top: 0; z-index: 2; }
.videoBox1Wrap { z-index: 1; white-space: nowrap; width: 960px; height: 610px; }
.videoBox1Wrap li {position:relative;  display: inline; width: 960px; height: 610px; overflow: hidden; }
.videoBox1Wrap li .thumb { width: 960px; height: 610px; overflow: hidden; }
.videoBox1Wrap li .btn {  position: absolute;left: 50%;top: 50%; margin: -53px 0 0 -53px; z-index: 1;width: 106px;height: 106px;overflow: hidden;  }
.videoBox1Wrap li .btn img{ width: 106px;height: 106px;overflow: hidden;  }

/* .videoBox1 .prev,.videoBox1 .next{ position: absolute; top: 50%; margin-top: -20px; left:0; display: block; width: 40px; height: 40px; background:#004483;  z-index: 9; overflow: hidden;display: flex;align-items: center;justify-content: center;border-radius: 5px; }

.videoBox1 .next{ left:auto; right:0;  }

.videoBox1 .prev .arrow_le,.videoBox1 .next .arrow_fr{ width: 14px; height: 14px; border-color: #fff;  border-width: 2px;  }
.videoBox1 .prev .arrow_le{ margin-left: 6px; }
.videoBox1 .next .arrow_fr{ margin-right: 6px; }
.videoBox1 .prevStop,.videoBox1 .nextStop{ background:#d2d2d2; }
.videoBox1 .prevStop .arrow_le,.videoBox1 .nextStop .arrow_fr{ border-color: #000;} */
.videoBox1 .prev,.videoBox1 .next{ position: absolute; top: 50%; margin-top: -20px; left:0; display: block; width: 40px; height: 40px; background:#d2d2d2;  z-index: 9; overflow: hidden;display: flex;align-items: center;justify-content: center;border-radius: 5px; }
.videoBox1 .next{ left:auto; right:0;  }
.videoBox1 .prev:hover,.videoBox1 .prevStop,.videoBox1 .nextStop,
.videoBox1 .next:hover{ background: #004483; }
.videoBox1 .prev .arrow_le,.videoBox1 .next .arrow_fr{ width: 14px; height: 14px; border-color: #000; border-width: 2px;  }
.videoBox1 .prev .arrow_le{ margin-left: 6px; }
.videoBox1 .next .arrow_fr{ margin-right: 6px; }
.videoBox1 .prev:hover .arrow_le,.videoBox1 .prevStop .arrow_le,.videoBox1 .nextStop .arrow_fr,
.videoBox1 .next:hover .arrow_fr{ border-color: #fff; }

.videoBox1 .e_video{ width: 960px; height: 610px; position: relative; overflow: hidden; background:#999; }

.videoRight{ width:960px; height: 610px; position: relative; margin-top:-10px;
    position: absolute; right: -360px; top: 0; z-index: 3; }
.videoRight .pic{ width: 470px; height: 300px;overflow: hidden; float: left; margin:10px 0 0 10px; }
.videoRight .pic img{ width: 470px; height: 300px;overflow: hidden; }
.videoRight .info{ position: absolute; top:50%;left: 50%; z-index: 1; margin: -129px 0 0 -204px;
    width: 408px; height: 258px; overflow:hidden; background:rgba(173,5,13,0.8); }
.videoRight .info .text{ width: 100%; height: auto; overflow: hidden;
    line-height: 56px; color: #fafaf9; text-align: center;  }
.videoRight .info .text1{ line-height: 56px;  font-size: 28px;margin-top: 38px; text-transform : uppercase;  }
.videoRight .info .text2{ line-height: 84px; height: 84px;  font-size: 50px; text-transform : uppercase; }
.videoRight .info .text3{height: 56px; line-height: 56px;  font-size: 22px; text-transform : uppercase;  }


.inBox3{ width:100%; height: 392px; position:relative; }
.inBox3 .bd{ position:relative; height: 392px; }
.inBox3 .prev,.inBox3 .next{ position: absolute; top: 50%; margin-top: -20px; left:-68px; display: block; width: 40px; height: 40px;  background: #004483;  z-index: 9; overflow: hidden;display: flex;align-items: center;justify-content: center;border-radius: 5px; }
.inBox3 .next{ left:auto; right:-64px;  }
.inBox3 .prev .arrow_le,.inBox3 .next .arrow_fr{ width: 14px; height: 14px; border-color: #fff;  border-width: 2px;  }
.inBox3 .prev .arrow_le{ margin-left: 6px; }
.inBox3 .next .arrow_fr{ margin-right: 6px; }
.inBox3 .prevStop,.inBox3 .nextStop{ background:#d2d2d2; }
.inBox3 .prevStop .arrow_le,.inBox3 .nextStop .arrow_fr{ border-color: #000;}

.inBox3 .scrollWrap{ margin: 0 -12px;   }
.inBox3List{ overflow:hidden; height: 394px; zoom:1;}
.inBox3List li{ width:282px; height: 390px; margin: 0 11px; position:relative; cursor: pointer;
    float:left; display:inline; border: solid 1px #e4e4e4; margin-top:2px; }
.inBox3List li .pic,.inBox3List li .pic img{ width: 282px; height: 200px; overflow: hidden; }
.inBox3List li .tit,.inBox3List li .info, .inBox3List li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
.inBox3List li .tit{ height: 36px; line-height: 36px; color: #333; font-size: 22px; margin-top: 25px; padding: 2px 0; margin-top: 24px;
    white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; }
.inBox3List li .tit a{ line-height: 36px; color: #333; font-size: 22px; }
.inBox3List li .info{ padding: 3px 0; height: 60px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.inBox3List li .info,.inBox3List li .info p{ line-height: 30px; color: #999; font-size: 16px;}
.inBox3List li .btn{ margin-top: 12px; }
.inBox3List li .btn a{ display: block; width:100%; height: 30px; line-height: 30px; color: #ad050d; font-size: 16px;
    text-align: right; }
.inBox3List li:hover .tit,.inBox3List li:hover .tit a{ color: #ad050d; }

.aboutBox{ width: 1200px; height: 930px; margin: 0 auto; position: relative; }
.inBox4Le{ width: 960px; height: 580px; position: absolute; left: -360px; top: 0; z-index: 2; }
.inBox4Ri{ width: 1032px; height: auto; position: absolute; right: -360px; bottom: 0; z-index: 3;  }
.inBox4Ri li{ width: 320px; height: 190px; overflow: hidden; float: left; margin: 22px 0 0 24px;
    background: url(../images/inbox4listbg.jpg) no-repeat; background-size:100%;  }
.inBox4Ri li .pic{ width: 100%; height: 90px; overflow: hidden; margin-top: 30px;
    display: flex; align-items: center; justify-content: center; }
.inBox4Ri li .pic img{ max-width: 90px; max-height: 90px; overflow: hidden; }
.inBox4Ri li .tit{ width: 100%; height: auto; overflow: hidden; text-align: center;
    line-height: 40px; color: #fff; font-size: 19px;  }
.inBox4Ri li .tit a{ line-height: 36px; color: #333; font-size: 22px; }
.inBox4Ri li .tit2{ width: 100%; height: 190px; overflow: hidden; display: flex; align-items: center; justify-content:center;
    line-height: 40px; color: #fff; font-size: 30px; font-weight: bold;  }
.inBox4Ri li .tit2 a{ line-height: 36px; color: #333; font-size: 22px; }
.inBox4{ width: 90%; height: auto; float: right; margin-right: 22px;  }
.inBox4 .Boxtit{ width: 100%; height: auto; font-weight: bold;  text-align: right;
    line-height: 50px; color: #333; font-size: 34px; }
.inBox4 .Boxtit2{ width: 100%; height: auto; text-align: right;
    line-height: 28px; text-transform: uppercase; color: #666; font-size: 20px; }
.inBox4Info{ position: absolute; right: -126px; top: 164px; z-index: 1;
    width: 1116px; height: 636px; overflow: hidden; background: #f3f3f3;  }
.inBox4Info .con{ width: 500px; height: auto; overflow: hidden; float: right; margin-top: 70px; margin-right: 148px; }
.inBox4Info .con .tit,.inBox4Info .con .btn{ width: 100%; height: auto; overflow: hidden; }
.inBox4Info .con .tit{ text-align: justify; text-indent: 2em; letter-spacing: 0; }
.inBox4Info .con .tit,.inBox4Info .con .tit p{ line-height: 26px; color: #666666; font-size: 16px; }
.inBox4Info .con .btn{ margin-top: 14px; }
.inBox4Info .con .btn a{ display: block; width:114px; height: 40px; line-height: 40px; color: #ad050d; font-size: 14px;
    border: solid 1px #ad050d; border-radius:20px; text-align: center; float: right; }

.inBox4Info .con .btn:hover a{ background:#ad050d; color: #fff; border: solid 1px #ad050d;  }

.newInTit{ width: 100%; height: auto; text-align: center;
    line-height: 32px; color: #333; font-size: 22px; }

.newBox{ position: relative; width:1200px; height: 370px; margin-top: 50px; }
.newImgList { float: left; position: relative }
.newImgList li, .newImgList img { display: block; width: 540px; height: 370px; }
.newImgList li { display: none; position: absolute; left: 0; top: 0 }
.newImgList .first { display: block }
.newImgList li .pic,.newImgList li .pic img{ width: 540px; height: 370px; overflow: hidden; }
.newImgList li .con{ position: absolute; right: 0; top:0; z-index: 1;
    width: 240px; height: 370px; overflow: hidden; background: rgba(0,68,131,0.8); }
.newImgList li .tit,.newImgList li .info, .newImgList li .btn { width: 84%; height: auto; overflow: hidden; margin: 0 auto; }
.newImgList li .tit{ line-height: 30px; color: #fff; font-size: 22px; font-weight: bold; margin-top: 40px;
    height: 60px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newImgList li .tit a{ height: 60px; overflow: hidden; line-height: 30px; color: #fff; font-size: 22px; font-weight: bold; }
.newImgList li .info{ margin-top: 10px; height: 108px; }
.newImgList li .info,.newImgList li .info p{ line-height: 26px; color: #fff; font-size: 16px;}
.newImgList li .btn{ margin-top: 24px; }
.newImgList li .btn a{ display: block; width:114px; height: 40px; line-height: 40px; color: #fff; font-size: 14px;
    border: solid 1px #fff; border-radius:20px; text-align: center; float: left; }

.newImgList li .btn:hover a{ background:#ad050d; color: #fff; border: solid 1px #ad050d;  }
.newBoxTab { width: 612px; float: right }
.newBoxTab li { width: 100%; height: 90px; overflow: hidden; margin-top: 50px; }
.newBoxTab li:first-child{ margin-top: 0; }
.newBoxTab a { text-decoration: none; display: block; position: relative; width: 100%; height: 90px; display: flex; align-items: center; }
.newBoxTab a .time {  width: 90px; height: 90px; overflow: hidden; background: rgba(0,68,131,1); text-align: center; }
.newBoxTab a .time .text{  width: 100%; height: auto; overflow: hidden; text-align: center; }
.newBoxTab a .time .text1{ line-height: 40px; color: #fff; font-size: 32px; font-weight: bold; margin-top: 12px; }
.newBoxTab a .time .text2{ line-height: 24px; color: #fff; font-size: 16px; }
.newBoxTab a .info{ flex: 1; margin-left: 24px; }
.newBoxTab a .info .tit,.newBoxTab a .info .desc{ width: 100%; height: auto; overflow: hidden; }
.newBoxTab a .info .tit{ height: 30px; line-height: 30px; color: #333; font-size: 22px; font-weight: bold;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
    text-overflow: ellipsis; -o-text-overflow:ellipsis; }
.newBoxTab a .info .desc{ height: 48px;  line-height: 24px; color: #666; font-size: 16px; margin-top: 16px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newBoxTab li:hover a .info .tit{ color: #ad050d; }
.newBoxTab .on a .info .tit{ color: #ad050d; }

.coopTit{  width: 100%; height: auto; text-align: center; line-height: 32px; color: #333; font-size: 22px;}
.coopTit span{ color: #ad050d; font-weight: bold; }
.coopList{ width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.coopList li,.coopList li .pic{ width: 176px; height: 90px; overflow: hidden; }
.coopList li{ margin: 26px 0 0 28px; float: left; }
.coopList li:nth-child(6n+1){ margin-left: 0; }
.coopList li .pic{ display:flex; align-items:center;  justify-content: center; }
.coopList li .pic img{ margin:0; max-width:176px; max-height:90px; overflow:hidden; }

.floatvideobg{ display:none; position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.5); }
.floatvideo{ display:none; position:fixed; top:50%; left:50%; margin:-250px 0 0 -400px; z-index:999999;
    width: 100%; height: 500px; width: 800px; overflow:hidden; background:#000; }
.videoclose{ position:fixed; top:50%; left:50%; margin:-275px 0 0 375px; z-index:99999999;
    width: 50px; height: 50px; overflow:hidden; }
.videoclose img{ width: 50px; height: 50px; overflow:hidden; }