.main{width:1025px;}
.top1{height: 600px;background: url(../images/top-vjh2.jpg) no-repeat top center;color: #fff;}
.top1 .main{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.top1 .p1{font-size: 24px;color: #fff;opacity: .4;letter-spacing: 15px;}
.top1 h3{font-size: 60px;margin-top: 25px;line-height: 72px;}
.top1 .p2{font-size: 24px;margin-top: 10px;margin-bottom: 10px;}
.top1 .link{margin-top: 50px;}
.top1 .link a{display: inline-block;width: 180px;height: 50px;line-height: 50px;font-size: 22px;background-color: #fff;text-align:center;}

.info {text-align: center;font-size: 18px;line-height: 30px;margin-top: 25px;color: #888;}
.tip1 {position: relative;font-size: 18px;color: #666;line-height: 30.57px;text-indent: 2em;padding: 15px;margin-top: 34px;background-color: #e5edf9;border-radius: 10px;margin-bottom: 37px;}
.tip1:after{position: absolute;width: 0;height: 0;border-left: 25px solid transparent;border-right: 25px solid transparent;border-top: 35px solid #e5edf9;left: 50%;bottom: -35px;content: '';}

.d1{padding: 50px 0 70px;}
.d11 {display: flex;flex-direction: column;justify-content: center;position: relative;width: 250px;height: 470px;float: left;border-right: 1px solid #0045aa;color: #0045aa;margin-left:62px;}
.d11 p{font-size: 22px;line-height: 46px;margin-left:50px;}
.d11:before{content: '';position: absolute;right: 0;top: 0;width: 50px;border-top: 1px solid #0045aa;}
.d11:after{content: '';position: absolute;right: 0;bottom: 0;width: 50px;border-bottom: 1px solid #0045aa;}
.d11 .f{position: absolute;left: 100%;margin-left: 1px;}
.d11 .f h2{display: inline-block;font-family: Arial;font-size: 36px;line-height: 1;padding-left: 30px;background-color: #f1f4fa;font-weight:600;}
.d11 .f span{margin-left: 30px;white-space: nowrap;font-size: 20px;font-weight: bold;}
.d12{display: flex;flex-direction: column;justify-content: center;position: relative;width: 230px;height: 400px;float: right;border-left: 1px solid #06a;color: #06a;margin-top:70px;margin-right:50px;}
.d12:before{content: '';position: absolute;left: 0;top: 0;width: 50px;border-top: 1px solid #06a;}
.d12:after{content: '';position: absolute;left: 0;bottom: 0;width: 50px;border-bottom: 1px solid #06a;}
.d12 p{font-size: 22px;line-height: 46px;margin-left: 50px;}
.d11 p:hover,.d12 p:hover{text-shadow: rgba(0,69,170,.3) 2px 2px 5px ;}
.d12 .f{position: absolute;left:-208px;top:60%;}
.d12 .f h2{display: inline-block;font-family: Arial;font-size: 36px;line-height: 1;padding-left:32px;position:relative;font-weight:600;}
.d12 .f h2:after{position:absolute;content: '';width:124px;height: 100%;left: 0;background-color: #f1f9fa;z-index:-1;}
.d12 .f span{margin-left: 32px;white-space: nowrap;font-size: 20px;font-weight: bold;display:block;}

.bar1{margin-top: 45px;text-align:center;}
.bar1 a{display: inline-block;height: 52px;line-height: 52px;padding: 0 70px;font-size:22px;transition:all .2s;border: 1px solid #000;border-radius: 27px;}
.bar1 a:first-child{color: #000;}
.bar1 a:last-child{margin-left:75px;background-color: #000;color: #fff;} 
.bar1 a:first-child:hover{background-color:#000;color: #fff;}
.bar1 a:last-child:hover{background-color: #fff;color: #000;}

.d2{background:linear-gradient(to right,#142652,#3d5799);padding-top: 45px;}
.d2 .main{position: relative;}
.d2 h2.bt1{color: #fff;font-weight:500;}
.tab1{display: flex;justify-content: space-between;margin-top: 45px;}
.tab1 span{width: 235px;height: 100px;display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column;box-shadow: 10px 10px 0 hsl(0deg 0% 100% / 15%);background-color: #fff;border-radius: 16px;}
.tab1 span.on{color: #fff;background-color: #1783fc;}
.tab1 span strong{font-size: 30px;font-weight:500;}
.tab1 span p{font-size: 16px;color: #666;}
.tab1 span.on p{color: #fff;}
.map{height: 539px;background: url(../img/vjh2/map-bg.png) no-repeat center 12px;margin-top: 51px;position: relative;}
.map1,.map2,.map3,.map4,.map5{position: absolute;transition: all .7s}
.map1{left: 10px;top: -1px;}
.map2{left: 459px;top: 77px;}
.map4{left: 778px;top: 161px;z-index: 10;}
.map5{left: 819px;top: 379px;}
.map .mapf{transition: all .7s;}
.map1 .mapf{background: url(../img/vjh2/map-1.png) no-repeat;width:344px;height: 290px;}
.map2 .mapf{background: url(../img/vjh2/map-2.png) no-repeat;width: 130px;height: 163px;}
.map3{background: url(../img/vjh2/map-3.png) no-repeat;width: 187px;height: 134px;left: 691px;top: 152px;}
.map4 .mapf{background: url(../img/vjh2/map-4.png) no-repeat;width: 148px;height: 221px;}
.map5 .mapf{background: url(../img/vjh2/map-5.png) no-repeat;width: 195px;height:141px;}
.map span{display: block;position: absolute;width: 93px;height: 107px;background-repeat: no-repeat;background-position: center;transition: all .7s;}
.map span.gj1{background-image: url(../img/vjh2/bm-1.png);left: 133px;top: -14px;}
.map span.gj2{background-image: url(../img/vjh2/bm-2.png);left: 103px;top: 144px;}
.map span.gj3{background-image: url(../img/vjh2/bm-3.png);left: 276px;top: 86px;}
.map span.gj4{background-image: url(../img/vjh2/bm-4.png);left: -31px;top: -16px;}
.map span.gj5{background-image: url(../img/vjh2/bm-5.png);left: 40px;top: 43px;}
.map span.gj6{background-image: url(../img/vjh2/bm-6.png);right: -19px;top: -44px;}
.map span.gj7{background-image: url(../img/vjh2/bm-7.png);left: 0;bottom: 10px;}
.map span.gj8{background-image: url(../img/vjh2/bm-8.png);left: 33px;top: -25px;}
.body2{display: none;position: absolute;top: 245px;width: 100%;z-index: 20;padding-bottom: 115px;}
.body2 span.close{display: block;position: absolute;width: 40px;height: 40px;background: rgba(255,255,255,.25) url(../img/vjh2/ico-close.png) no-repeat center;border-radius: 50%;top: -30px;right: -45px;cursor: pointer;}
.body2 .time{width: 200px;float: left;display: flex;flex-direction: column;justify-content: space-between;height: 420px;}
.body2 .time span{height: 90px;background-color: #fff;color: #666;font-size: 20px;display: flex;justify-content: center;align-items: center;border-radius: 10px;position: relative;text-align: center;font-weight:500;}
.body2 .time span.one{height: 200px;}
.body2 .time span.on{color: #1783fc;}
.body2 .time span.on:after{content: '';width: 4px;height: 50px;background-color: #1783fc;right: 1px;top: 20px;position: absolute;}
.body2 .time span.one:after{top: 75px;}
.body2 .timebody{width: 794px;float: right;height: 420px;display: none;}
.body2 .time1{height: 199px;background-color: #fff;color: #555;border-radius: 10px;position: relative;padding: 50px 0 0 30px;box-sizing: border-box;margin-bottom: 20px;}
.body2 .time1 strong{font-size: 18px;color: #6b5f35;display: block;position: absolute;left: 0;top: 0;border-radius: 10px;background: linear-gradient(to right,#f7eac7,#e7daa8);line-height: 32px;padding: 0 10px;}
.body2 .time1 p{font-size: 16px;line-height: 1;margin-bottom: 17px;}
.body2 .time1 p>i{color: #1783fc;font-weight:600;}


.d3{padding: 50px 0;}
.ls1{display: flex;flex-wrap: wrap;justify-content:space-between;margin-top:15px;}
.ls1 li{margin-top: 30px;}
.d31{position: relative;overflow:hidden;}
.d31 span{position: absolute;top:60px;font-size:20px;color:#fff;z-index:1000;left:20px;}
.d31 img{display: block;transition: all 1s;}
.d31:hover img{transform:scale(1.1);}
.d32{display: flex;padding-left:13px;align-items: center;}
.d32 span{font-family: Arial;font-size: 39px;color:#0d60aa;position:relative;width:52px;text-align:center;z-index:0;}
.d32 span:after{content:'';width: 100%;height: 25px;background-color: rgba(160,184,222,.15);position:absolute;left:0;bottom:0;z-index:-1;}
.d32 p{line-height: 20px;margin-top: 10px;margin-left:9px;color:#000;font-size: 15px;}

.d4{padding: 30px 0 50px;}
.d4 .info{margin-top: 10px;}
.d4 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.d4 li{width: 320px;height: 430px;margin-top: 30px;}
.d4 li:hover{box-shadow:4px 4px 20px 1px hsla(0,0%,70.6%,.42)}
.d4 li .top{position: relative;}
.d4 li .top img{display: block;}
.d4 li .top p{height: 31px;line-height: 31px;font-size: 16px;color: #0948a7;background-color: #e5edf9;text-indent: 90px;white-space: nowrap;}
.d4 li .top span{position: absolute;width: 65px;height: 65px;border-radius: 50%;background-color: #0948a7;color: #fff;font-size: 18px;line-height: 65px;text-align: center;left: 20px;bottom: 0;}
.d4 li .top em{font-style: normal;position: absolute;top: 15px;right: 0;height: 28px;line-height: 28px;padding: 0 11px 0 18px;font-size: 16px;color: #5c512d;background: url(../img/vjh2/d4-bz.png) no-repeat 0 0;}
.d4 section{height: 283px;border: 1px solid #d7d8db;border-top: 0 none;border-radius: 0 0 10px 10px;background: url(../img/vjh2/d4-bg.png) repeat-x left bottom;padding: 10px 20px;box-sizing: border-box;}
.d4 section p{font-size: 16px;line-height: 23px;color: #555;}
.d4 section h3{font-size: 16px;color: #0948a7;margin: 10px 0;display: flex;}
.d4 section h3:after{content: '';flex: 1;width: 100%;margin-left: 5px;background: url(../img/vjh2/bar-1.png) repeat-x left center;}
.d4 section img{display: block;margin-top: 15px;}

.d5{padding: 50px 0 20px;}
.d5 .top{height: 230px;background-color: #e5edf9;}
.d5 .top h2{font-size: 34px;padding-top: 48px;font-weight:600;}
.d5 .top p{font-size: 18px;line-height: 2;color: #555;margin-top: 10px;}
.d5 .top .main{position: relative;}
.d5 .top .main>img{position: absolute;right: 0;top: -30px;}
.d5 .m1{margin-top: 38px;}

.d6{padding: 50px 0;}
.tab2{width: 690px;margin: 0 auto;display: flex;justify-content: space-between;}
.tab2 span{width: 140px;height: 46px;line-height: 46px;text-align: center;border: 1px solid #0948a7;color: #0948a7;border-radius: 23px;font-size: 18px;cursor: pointer;}
.tab2 span.on{background-color: #0948a7;color: #fff;}
.d6 .body1{display: none;padding-top: 10px;position: relative;}
.d6 .body1:after{content: '';display: block;height: 127px;background: url(../img/vjh2/more-bg1.png) repeat-x 0 0;position: absolute;bottom: 183px;left: 0;right: 0;z-index: 10;}
.d6 .body1.on:after{content: inherit;}
.d6 .body1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;height: 700px;overflow: hidden;}
.d6 .body1.on ul{height: auto;}
.d6 .body1 .more{height: 183px;background: url(../img/vjh2/more-bg2.jpg) no-repeat center/cover;color: #fff;display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column;}
.d6 .body1 .more h2{font-size: 30px;margin-bottom: 16px;}
.d6 .body1 .more a{display: block;width: 120px;line-height: 36px;font-size: 18px;color: #fff;background-color: #000;border-radius: 18px;}
.d6 li{position: relative; width: 238px;height: 388px;border: 1px solid #dbdbdb;border-radius: 12px;margin-top: 25px;overflow: hidden;}
.d6 li:hover{box-shadow:4px 4px 20px 1px hsla(0,0%,70.6%,.42)}
.d6 li .top{position: relative;margin: -1px;}
.d6 li .top>img{display: block;}
.d6 li .top span{position: absolute;background-color: rgba(9,72,167,.8);height: 27px;line-height: 27px;padding: 0 13px;color: #fff;top: 0;right: 14px;}
.d6 li .top em{position: absolute;top: 55px;left: 80px;}
.d6 li .top em>img{width: 80px;height: 80px;border-radius: 50%;}
.d6 li .tt1{padding-top: 50px;text-align: center;height: 95px;}
.d6 li .tt1 h3{font-size: 18px;}
.d6 li .tt1 p{font-size: 14px;color: #666;margin: 8px 0;}
.d6 li .tt2{padding: 10px 15px 0;}
.d6 li .tt2 h3{font-size: 16px;color: #0948a7;display: flex;}
.d6 li .tt2 p{font-size: 14px;line-height: 25px;color: #666;height: 50px;overflow: hidden;margin-top: 5px;}
.d6 li .tt2 h3:after{content: '';background: url(../img/vjh2/bar-1.png) repeat-x left center;width: 100%;margin-left: 5px;flex: 1;}
.d6 li>a{display: block;position: absolute;left: 0;bottom: 0;line-height: 39px;background-color: #ebf3ff;text-align: center;right: 0;color: #0948a7;}