.banner{background-image: url(../image/banner_aboutus.png)!important;}
.center{width: 100%!important;}

.intro{text-align: center;padding-top: 20px;}
.intro > div{margin: 0 auto;width: 1480px;}
.intro .positon{text-align: left;}
.intro{width: 100%;background-image: url(../image/info_bg.png);background-size: 100% 100%;height: 660px;}
.intro .content{margin-top: 80px;}
.mt17{margin-top: 17px;}
.intro .l{float: left;width: 975px;}
.intro .l .title{ font-size: 32px;    font-family: PingFang SC;    font-weight: 500;    color: #181818;text-align: left;}
.intro .l .desc{ font-size: 14px;    font-family: PingFang SC;    font-weight: 400;    color: #333333;text-align: left;text-indent: 2em;margin-top: 48px;line-height: 24px;}
.intro .l .link{text-align: right;height: 32px;line-height: 32px;vertical-align: middle;}
.intro .l .link a{text-decoration: none; font-size: 18px;    font-family: PingFang SC;    font-weight: 400;    color: #1D87FF;float: right;margin-right: 10px;}
.intro .l .link .play{width: 32px;height: 32px;background-image: url(../image/play.png);background-size: 100% 100%;display:block;float: right;margin-left: 15px;}
.intro .r{float: right;width: 400px;}
.intro .r .title{font-size: 32px;    font-family: PingFang SC;    font-weight: 500;    color: #181818;text-align: left;}
.intro .r .short_line{width: 20px;    height: 3px;    background: #1D87FF;display: block;float: left;margin-top: 22px;margin-right: 12px;}
.intro .r .sub_title{width: 100%;    height: 26px;    font-size: 28px;    font-family: PingFang SC;    font-weight: 500;    color: #333333;float: left;text-align: left;margin-top:28px;margin-bottom: 28px;height: 26px;}
.intro .r .sub_desc{width: 100%;    height: 15px;    font-size: 14px;    font-family: PingFang SC;    font-weight: 400;    color: #333333;text-align: left;clear:both;text-indent: 32px;}

.history{width: 100%;background-color: white;text-align: center;overflow: hidden;height: 711px;position: relative;}
.history > .pos{margin: 0 auto;width: 1480px;position: relative;height: 300px;overflow: hidden;margin-top: 94px;}
.history > .pos > div.txt{position: absolute;left: 0;top:0;}
.history .title{height: 31px;font-size: 32px;font-family: PingFang SC;font-weight: 500;color: #3D3D3D;text-align: left;}
.history .sub_title{height: 18px;font-size: 18px;font-family: PingFang SC;font-weight: 400;color: #333333;text-align: left;margin-top: 14px;}
.history .link{text-align: left;height: 32px;line-height: 32px;vertical-align: middle;margin-top: 20px;}
.history .link a{text-decoration: none; font-size: 18px;font-family: PingFang SC;    font-weight: 400;    color: #1D87FF;float: left;}
.history .link .play{width: 32px;height: 32px;background-image: url(../image/play.png);background-size: 100% 100%;display:block;float: right;margin-left: 13px;}
/* #rel{position: absolute;left:0;top:100px;width: 2960px;height: 818px;}
#rel .item{position: relative;width: 1480px;height: 700px;float:left;}
#rel .item div{position: absolute;}
#rel .item .line{width: 100%;left:0;top:173px;height: 271px;background-image: url(../image/pos_line.png);background-size: 100% 100%;}
#rel .item .start{width: 36px;height: 36px;left:0;top:256px;background-image: url(../image/pos_start.png);background-size: 100% 100%;}
#rel .item .start_txt{width: 35px;height: 14px;left:0;top:296px;font-size: 18px;font-family: Impact;font-weight: 400;color: #1D87FF;}
#rel .item .curr{width: 20px;height: 20px;background: #1D87FF;border-radius: 50%;left:633px;top:280px;}
#rel .item .curr_txt{width: 35px;height: 14px;font-size: 18px;font-family: Impact;font-weight: 400;color: #333333;left:625px;top:300px;}
#rel .item .pic{width: 255px;height: 255px;background-image: url(../image/history1.png);background-size: 100% 100%;border-radius: 50%;left:950px;top:100px;}
#rel .item .year{width: 370px;height: 146px;font-size: 177px;font-family: Impact;font-weight: 400;color: #1D87FF;left:880px;top:350px;}
#rel .item .main_title{height: 19px;font-size: 20px;font-family: PingFang SC;font-weight: bold;color: #1D87FF;left:250px;top:289px;}
#rel .item .sub_title{height: 17px;font-size: 18px;font-family: PingFang SC;font-weight: 500;color: #666666;left:250px;top:338px;}
#rel .item .txt{height: 15px;font-size: 14px;font-family: PingFang SC;font-weight: 500;color: #666666;left:200px;top:390px;} */
/* .history .timeline{width: 100%;text-align: center;position: absolute;left:0;top:700px;text-align: center;}
.history .timeline > div{width: 375px;margin: 0 auto;}
.history .timeline > div > div{width: 45px;float: left;cursor: pointer;}
.history .timeline .i{width: 100%;height: 15px;background-image: url(../image/time_item.png);background-size: 100% 100%;}
.history .timeline .t{width:100%;font-size: 10px;color:#666666; ;}
.history .timeline .tail{width: 15px;}
.history .timeline .tail .i{background-image: url(../image/time_arrow.png);}
.history .timeline .curr .i{background-image: url(../image/time_item_curr.png);}
.history .timeline .curr .t{color: #1D87FF;} */
.history .bg{width: 93.44vw;height: 380px;position: absolute;left:6.56vw;top:331px;background-image: url(../image/背景.png);background-size: 100% 100%;}
.history .flag{width: 100vw;height: 711px;position: absolute;left: 0;top:0;}
.history .flag .item{width: 7.14vw;height: 315px;position: absolute;left: 0;top:0;text-align: left;}
.history .flag .item .pic1{width: 92px;height: 92px;}
.history .flag .item .pic1 img{width: 100%;height: 100%;border-radius: 50%;}
.history .flag .item .year{font-size: 20px;font-family: DIN Black;font-weight: 400;color: #333333;margin-left:1.35vw;margin-top: 12px;}
.history .flag .item .big{font-size: 18px;font-family: Source Han Sans CN;font-weight: 500;color: #333333;margin-left:1.35vw;margin-top: 9px;}
.history .flag .item .small{font-size: 12px;font-family: Source Han Sans CN;font-weight: 400;color: #333333;margin-left:1.35vw;}
.history .flag .item .pic2{width: 20px;height: 195px;background-image: url(../image/蓝.png);margin-left:1.35vw;}

.honor{width: 100%;background-color: #EFEFEF;text-align: center;padding-top: 63px;padding-bottom: 40px;}
.honor > div{width: 1480px;margin: 0 auto;text-align: left;}
.honor .title{height: 31px;font-size: 32px;font-family: PingFang SC;font-weight: 500;color: #3D3D3D;}
.honor .sub_title{height: 18px;font-size: 18px;font-family: PingFang SC;font-weight: 400;color: #333333;margin-top: 16px;}
.honor .wall{margin-top:48px;text-align: center;}
.honor .wall .tab{width: 957px;margin: 0 auto;}
.honor .wall .tab a{display: inline-block;width: 234px;height: 50px;text-decoration: none;border: 1px solid #D2D2D2;line-height: 50px;vertical-align: middle;font-size: 20px;font-family: PingFang SC;font-weight: bold;color: #3D3D3D;}
.honor .wall .tab a.curr{background: #1D87FF;font-size: 20px;font-family: PingFang SC;font-weight: bold;color: #FFFFFF;}
.honor .wall .items{margin-top: 40px;}
.honor .wall .items img{width: 100%;}
/* .honor .wall .block{margin-top:40px;width: 296px;float: left;}
.honor .wall .block .frame{width: 290px;height: 290px;background: #FFFFFF;box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.11);display: table-cell;text-align: center;vertical-align: middle;}
.honor .wall .block .frame img{max-width: 280px;max-height: 280px;cursor: pointer;}
.honor .wall .block .txt{margin-top:22px;font-size: 18px;font-family: PingFang SC;font-weight: 800;color: #333333;line-height: 22px;height: 22px; text-overflow: ellipsis;}
.honor .wall .pagination{margin: 50px 0;} */

.framework{width: 100%;background-color: #FFFFFF;text-align: center;padding-top: 78px;}
.framework .title{width:1480px;margin:0 auto;text-align:left;height: 31px;font-size: 32px;font-family: PingFang SC;font-weight: 500;color: #3D3D3D;}
.framework .sub_title{width:1480px;margin:0 auto;text-align:left;height: 18px;font-size: 18px;font-family: PingFang SC;font-weight: 400;color: #333333;margin-top: 15px;}
.framework .wrap{width:1480px;margin:0 auto;display: table;}
.framework .wrap .pic{width:100%;height: 600px;display: table-cell;text-align: center;vertical-align: middle;}

.cooper{width: 100%;background-color: #FFFFFF;text-align: center;padding-top: 63px;}
.cooper > div{width: 1482px;margin: 0 auto;text-align: left;overflow: hidden;}
.cooper .title{height: 31px;font-size: 32px;font-family: PingFang SC;font-weight: 500;color: #3D3D3D;}
.cooper .sub_title{height: 18px;font-size: 18px;font-family: PingFang SC;font-weight: 400;color: #333333;margin-top: 15px;}
.cooper .scroll{width: 1482px;height:120px;margin-top: 50px;position: relative;}
.cooper .scroll .wrap{display: table;position: absolute;}
.cooper .scroll .block{width: 245px;height: 120px;background: #FFFFFF;border: 1px solid #E9E9E9;display: table-cell;text-align: center;vertical-align: middle;}
.cooper .scroll .block img{max-width: 245px;max-height: 118px;}

.job{width: 100%;background-color: #FFFFFF;text-align: center;padding-top: 63px;}
.job > div{width: 1482px;margin: 0 auto;text-align: left;overflow: hidden;}
.job .title{height: 31px;font-size: 32px;font-family: PingFang SC;font-weight: 500;color: #3D3D3D;}
.job .sub_title{height: 18px;font-size: 18px;font-family: PingFang SC;font-weight: 400;color: #333333;margin-top: 16px;margin-bottom: 25px;}
.job .block{margin-top: 12px;clear: both;}
.job .block .head{width: 100%;height: 73px;background: #EEEEEE;border-radius: 10px;cursor: pointer;}
.job .block .head i{display: block;width: 10px;height: 10px;background: #333333;border-radius: 50%;float: left;margin-left: 75px;margin-top: 31.5;}
.job .block .head .txt{width: 500px;height: 17px;font-size: 18px;font-family: PingFang SC;font-weight: bold;color: #333333;float: left;line-height: 75px;vertical-align: middle;margin-left:16px;}
.job .block .head .icon{width: 21px;height: 18px;background-image: url(../image/+.png);background-size: 100% 100%;float: right;margin-top: 27.5px;margin-right: 46px;}
.job .block .content{width: 100%;display: none;}
.job .block .l{width: 50%;float: left;padding: 30px 0;}
.job .block .l > div,.job .block .l > pre{margin-left:74px}
.job .block .r{width: 50%;float: left;padding: 30px 0;}
.job .block .r > div,.job .block .r > pre{margin-left:74px}
.job .block .b{font-size: 16px;font-family: PingFang SC;font-weight: bold;color: #3D3D3D;}
.job .block div{font-size: 14px;font-family: PingFang SC;font-weight: 500;color: #3D3D3D;line-height: 27px;}
.job .active .icon{background-image: url(../image/-.png)!important;}
.job .active .content{display: block!important;}

#outerdiv {
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.7);
    z-index:999;
    width:100%;
    height:100%;
    display:none;
}
#innerdiv {
    position:absolute;
    left: calc(50% - 128px);
    top: calc(50% - 128px)
}
#bigimg {
    border:5px solid #fff;
}