.banner{width:1900px;}

    .about{width: 1900px;height:auto;background: url('../images/about-bg.jpg') no-repeat center center;padding: 60px 0;}
    .about1{width:600px;flex:0 1 auto;}
    .about2{width:600px;flex:0 1 auto;}
    
    .about1 h1{font-size: 36px;letter-spacing: 3px;font-weight: bold;color: var(--font-color2);line-height: 60px;}
    .about1 h5{font-size: 16px;color: var(--font-color2);font-weight: bold;letter-spacing: 3px;}
    .about1 img{
    width: 500px;
    margin-top: 80px;
    }
    
    .about2{
    width: 596px;flex:0 1 auto;border-top:6px solid
    var(--main-color);
    padding: 30px 60px;
    background: url('../images//about-bg1.png') no-repeat #fff;
    background-position: 100% 100%;
    box-shadow: 0px 0px 9px #ccc;
    margin-bottom: 4px;
    }
    .about21{width:100%;height: 130px;position: relative;margin-bottom: 80px;}
    .about21::after{position: absolute;content:"";width:20px;height:2px;background-color:var(--main-color);bottom: 0px;left: 0px;}
    .about21 h1{font-size: 28px;color:var(--font-color2);font-weight:bold;letter-spacing:3px;line-height: 80px;}
.about21 h5{font-size: 14px;color:var(--font-color);}

    .about22{width: 100%;height: 160px;margin-bottom: 100px;}
    .about22 h3{font-size: 20px;color:var(--main-color);font-weight: bold;letter-spacing: 3px;line-height: 60px;}
    .about22 h5{line-height: 26px;font-size:14px;color:var(--font-color);letter-spacing: 1px;}
    
    .about23{width: 100%;display: flex;}
    .about231{text-align: center;width: 33%;flex:0 1 auto;border-right: 1px solid #ccc;}
.about231:last-child{border-right:0px;}
    .about231 h1{font-size: 34px;color:var(--main-color);font-weight: bold;line-height: 60px;}
    .about231 h5{font-size:14px;color:var(--font-color);}
    
    
    .pro{width: 1900px;height: 847px;background: url('../images/pro-bg.jpg') no-repeat center center;}
    .pro-in{display:flex;}
    .pro1{width: 30%;padding: 120px 40px 80px 320px;}
    .pro1 h1{font-size:36px;color:#fff;font-weight:bold;letter-spacing: 1px;margin-bottom: 20px;}
    .pro1 h5{font-size:16px;color:#fff;letter-spacing: 1px;}
    .pro1 a{width:140px;height:36px;line-height:36px;padding-left:20px;background-color:#fff;color:var(--font-color2);display:inline-block;margin-top:60px;}

    .pro-list{width: 70%;display: flex;height: 847px;}
    .pro-l{width: 28%;position:relative;padding: 120px 40px;}
    .pro-l:after{content:"01";position:absolute;bottom: 0px;left: 30%;font-size: 200px;color: #032875;font-weight: bold;display: none;}
    .pro-l:nth-child(1):after{content:"01";}
    .pro-l:nth-child(2):after{content:"02";}
    .pro-l:nth-child(3):after{content:"03";}
    .pro-list div{cursor: pointer;}
    .pro-list div.active{width:44%;background-color: rgba(3, 44, 132,0.8);text-align: center;height: 100%;}
    .pro-list1{text-align: -webkit-center;position: relative;transition: all 0.5s;opacity: 100%;}
    .pro-list2{transition: all 0.5s;opacity: 0%;}
.pro-list1 h1{writing-mode:vertical-rl;font-size:26px;color:#fff;letter-spacing:8px;font-weight:bold;}
.pro-list1 span{font-size: 40px;font-weight:bold;color:#fff;position: absolute;top: 400px;left: 50%;margin-left: -20px;}
.pro-list2 h1{font-size:30px;color:#fff;letter-spacing:3px;position:relative;margin-bottom:100px;font-weight: bold;}
.pro-list2 h1:after{content:"";position: absolute;width: 24px;height: 2px;background-color: rgba(255,255,255,0.6);left: 48%;top: 65px;}
.pro-list2 p{color:#fff;line-height: 30px;letter-spacing: 1px;}
    
    .pro-list div.active .pro-list1{opacity: 0%;display: none;}
    .pro-list div.active .pro-list2{opacity: 100%;}
    
    .pro-list div.active::after{display: block;}


.news{width: 1900px;margin: 60px 0;}
.news-title{width:100%;display: flex;align-items: end;margin-bottom: 20px;}
.news-title1{flex: 0 1 1000px;}
.news-title h1{
    font-size: 30px;
    font-weight: bold;
    color: var(--main-color);
    /* line-height: 60px; */
    margin-bottom: 10px;
}
.news-title h5{
    font-size: 14px;
    color: var(--font-color2);
}
.news-title2{flex: 1 1 auto;}
.news-title a{
    width: 140px;
    height: 40px;
    float: right;
    background-color: var(--main-color);
    text-align: center;
    color: #fff;
    line-height: 40px;
}

.news-content{width:100%;height:500px;display: flex;justify-content: space-between;}
.news-content1{flex: 0 1 570px;}
.news-content11{
    width: 100%;
    height: 225px;
    padding: 30px;
    display: flex;
    cursor:
    pointer;
    background-color: #eff8ff;
    transition: all 0.5s;
    /* box-shadow: 0 0 3px #eee; */
}
.news-content11:hover{
    background-color: var(--main-color);}
.news-content11 dl{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.news-content11 dt {
    flex: 0 1 224px;
}
.news-content11 dt img{}
.news-content11 dd{
    flex: 0 1 260px;
}

.news-content11 dd span{font-size:12px;color: #000000;}
.news-content11 dd p{color: var(--font-color2);line-height: 26px;margin-top: 14px;}
.news-content11 dd a{
    width: 100px;
    margin-top: 20px;
    color: var(--font-color2);
    display: block;
}

.news-content11:hover dd span{font-size:12px;color: #687aad;}
.news-content11:hover dd p{color: #eee;line-height: 26px;margin-top: 14px;}
.news-content11:hover dd a{
    width: 100px;
    margin-top: 50px;
    color: #fff;
    display: block;
}

.news-content12{padding: 0 10px;width:100%;height: 56px;display:flex;line-height: 60px;border-bottom: 1px dashed #ccc;justify-content: space-between;cursor:pointer;}
.news-content12:hover{background-color: #eff8ff;border-bottom: none;}
.news-content12 span{
    color: #333;
}
.news-content12 h3{
    color: #333;
}

.news-content2{flex: 0 1 582px;background: url(../images/news-bg.jpg);padding: 30px;position:relative;}
.news-content2 p{position:absolute;bottom:80px;left:50px;color:#fff;letter-spacing:1px;}