/*banner*/
.ind-banner{ position:relative; z-index:6;}
.ind-banner .bg img{ width: 100%;}
.ind-banner .txtImg{ position:absolute; left:0; width:100%; text-align:center; top:20%; z-index:1;}
.ind-banner .swiper-pagination{ bottom: 180px!important; z-index:6; } 
.ind-banner .swiper-pagination-bullet { width: 24px; height: 24px; opacity: 1; background: #1876a6; border-radius: 50%; margin: 0 15px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #054f74; } 

.bannerDiv{ position:relative;}
.bannerDiv .botBg{ position:absolute; left:0; bottom:0; width:100%; z-index:5;}
.bannerDiv .botBg img{ width:100%;}

.singleBan{ position:relative; z-index:6;}
.singleBan .bg img{ width: 100%;}
.singleBan .botBg{ position:absolute; left:0; bottom:0; width:100%; z-index:5;}
.singleBan .botBg img{ width:100%;}
.singleBan .txtImg{ position:absolute; left:0; width:100%; text-align:center; top:20%; z-index:1;}

/*banner结束*/

.indexTitle .en{ position: relative; font-size: 24px; line-height: 24px; color: #0f5278; text-transform: uppercase; }
.indexTitle .en em{ padding-right: 8px; display: inline-block; }
.indexTitle .en span{ position: absolute; right: 0; top: 50%; height: 1px; background: #3d7392; }
.indexTitle .cn{ padding-top: 25px; color: #2b5070; font-size: 40px; line-height: 40px; font-weight: bold; }

.indexBox{ background:url(../images/ssBg.jpg) center top repeat-y; background-size: 100%;}

.indexP1{ padding: 140px 0 190px; position:relative; z-index:1; background: url(../images/indexP1.png) center bottom no-repeat; background-size: 100%;}
.indexP1 .leftDiv{ width: 672px; padding-top: 50px;}
.indexP1 .indexTitle .en span{ width: 66%; }
.indexP1 .msg{ font-size: 24px; color: #214e71; line-height: 36px; font-weight: bold; padding-top: 100px; text-align: justify;}
.indexP1 .content{ font-size: 18px; color: #214e71; line-height: 28px; text-align: justify; padding-top: 35px; }
.indexP1 .rightImg{ width: 600px; height: 600px; border-radius: 36px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; overflow: hidden; -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);}
.indexP1 .rightImg img{ width: 100%; height: 100%; object-fit: cover; }

.indexP1 .ssBg{ position:absolute; left:0; top:0;}
.indexP1 .ssBg img{ width:100%;}

.indexP2{ padding: 50px 0 470px; overflow: hidden; background: url(../images/indexP22.png) center bottom no-repeat; background-size: cover; position:relative;}
.indexP2 .indexTitle{ width: 260px; }
.indexP2 .indexTitle .en, .indexP2 .indexTitle .cn{ color: #fff; }
.indexP2 .indexTitle .en span{ background: #fff; width: 30%;  }

.indexP2 .list{ width: 1110px; padding-top: 105px;}
.indexP2 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between;  -webkit-justify-content: space-between;}
.indexP2 .list li{ padding-left: 28px; height: 260px; position: relative; color: #f8f7f6;}
.indexP2 .list li:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: rgba(248,247,246,0.8); }
.indexP2 .list li .name{ font-size: 96px; line-height: 96px; padding-top: 10px; letter-spacing: 5px; font-weight: bold; }
.indexP2 .list li .wen{ font-size: 18px; line-height: 30px; padding-top: 50px;}

/*.indexP3{ padding-top: 290px; padding-bottom: 50px; background: url(../images/indexP3.png) center top no-repeat; background-size: 100%; }*/
.indexP3{ padding-bottom:50px;}
.indexP3 .indexTitle{ width: 736px; }
.indexP3 .indexTitle .en span{ width: 54%; }
.historyPic{ padding-top: 100px; }
.historyPic .leftImg{ width: 736px; height: 422px; border-radius: 36px; overflow: hidden; }
.historyPic .leftImg img{ width: 100%; height: 100%; object-fit: cover; }
.historyPic .conDiv{ width: 530px; }
.historyPic .conDiv li{ padding-bottom: 85px; color: #214e71; }
.historyPic .conDiv li:last-child{ padding-bottom: 0; }
.historyPic .conDiv li .year{ font-size: 36px; line-height: 36px; padding-bottom: 15px;}
.historyPic .conDiv li .msg{ line-height: 30px; font-size: 18px; font-weight: bold; text-align: justify; }
.historyPic .swiper-pagination{ bottom: 0!important; position: relative; padding-top: 80px; } 
.historyPic .swiper-pagination-bullet { width: 24px; height: 24px; opacity: 1; background: rgba(24,118,166,0.3); border-radius: 50%; margin: 0 15px!important; } 
.historyPic .swiper-pagination-bullet-active { background: #054f74; } 

.indexP4{ padding: 270px 0 150px; background-size: cover; overflow: hidden; }
.indexP4 .indexTitle{ width: 550px;}
.indexP4 .indexTitle .en{ color:#f8f7f6; }
.indexP4 .indexTitle .en span{ width: 46%; background: #f8f7f6;}
.indexP4 .indexTitle .cn{ color:#f8f7f6;}
.indexP4 .txt{ color: #fff; font-size: 96px; text-align: right; line-height: 116px; font-weight: bold; }
.indexP4 .msg{ font-size: 18px; line-height: 30px; color: #fff; width: 900px; text-align: justify; padding-top: 70px; }

.indexP5{ padding: 120px 0 45px; }
.indexP5 .toptop{ position: relative; }
.indexP5 .indexTitle{ width: 480px; }
.indexP5 .indexTitle .en span{ width: 82%; }
.indexP5 .more{ position: absolute; right: 0; bottom: 0; }
.indexP5 .more a{ position:relative; display:block; width:186px; height:42px; border:#054f74 solid 1px; line-height:42px; text-indent:28px; color:#054f74; font-size: 24px;}
.indexP5 .more a:before{ content:''; position:absolute; right:26px; width:15px; height:28px; top:50%; margin-top:-14px; background:url(../images/nimg15_1.png) no-repeat;}
.indexP5 .more a:hover{ background:#054f74; color:#fff;}
.indexP5 .more a:hover:before{ background:url(../images/nimg15_1on.png) no-repeat;}


.indexP5 .list{ padding-top: 105px; border-bottom: #3d7392 solid 1px; }
.indexP5 .list:last-child{ border-bottom: none; }
.indexP5 .list li a{ display: block; position: relative; padding-left: 560px; height: 380px; }
.indexP5 .list li .imgDiv{ position: absolute; left: 0; top: 0; width: 480px; height: 270px; transform: rotate(0deg); border-radius: 36px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; overflow: hidden; }
.indexP5 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP5 .list li .conDiv{ height:270px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column;justify-content: center;
  -webkit-justify-content: center;}
.indexP5 .list li .type{ font-size: 36px; line-height: 36px; color: #054f74; font-weight: bold; }
.indexP5 .list li .name{ padding-top: 30px; font-size: 18px; line-height: 30px; color: #054f74; }
.indexP5 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.tipsModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.tipsModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}


.tipsLayer{ width: 800px; height: 270px; padding: 50px 90px 0; margin: 0 auto; background: #0f5278; position: relative; box-sizing: border-box;}
.tipsLayer .title{ line-height: 35px; position: relative; padding-left: 50px; font-size: 24px; color: #f0efef; font-weight: bold; }
.tipsLayer .title img{ position: absolute; left: 0; top: 0; width:35px; }
.tipsLayer .wen{ font-size: 24px; color: #f0efef; line-height: 24px; padding: 12px 0 50px;}
.tipsLayer .btnGroup ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.tipsLayer .btnGroup li a{ display: block; width: 275px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #1d5072; background: #f7f8f8; }
.tipsLayer .btnGroup li a:hover{ background: #1876a6; color: #f7f8f8; }

.newsBox{ background: url(../images/newsBg.png) center top no-repeat; background-size: 100%; padding: 120px 0;}
.newsBox .part1{ padding-bottom: 290px; }
.newsBox .part1 .indexTitle{ width: 565px; padding-top: 20px;}
.newsBox .part1 .indexTitle .en span{ width: 68%; }
.newsBox .toptop{ position: relative; height: 200px; }
.newsBox .searchDiv{ position: absolute; right: 0; top: 0; height: 60px; }
.newsBox .searchDiv .ipt_box { opacity:0.3; width: 300px; height: 60px; background: #1876a6; border-radius: 8px; position: relative; overflow: hidden; box-sizing: border-box;}
.newsBox .searchDiv .ipt_box input { display: block; width: 150px; padding-left: 60px; height: 60px; line-height: 60px; background: url(../images/nimg33_1.png) 20px center no-repeat; font-size: 18px; color: #fff;}
.newsBox .searchDiv .ipt_box .btn { position: absolute; top: 0; right: 0; width: 60px; height: 60px; }
.newsBox .searchDiv .ipt_box:hover, .newsBox .searchDiv .ipt_box.on{ opacity:1;}
.newsBox .searchDiv .ipt_box input::-webkit-input-placeholder{color: rgba(255,255,255,0.8);}
.newsBox .searchDiv .ipt_box input::-moz-placeholder{color: rgba(255,255,255,0.8);}
.newsBox .searchDiv .ipt_box input::-ms-input-placeholder{color: rgba(255,255,255,0.8);}


.newsPic .lbox a{ display: block; position: relative; padding-left: 960px; height: 472px; }
.newsPic .lbox .imgDiv{ position: absolute; left: 0; top: 0; border-radius: 36px; -webkit-border-radius: 36px; -moz-border-radius: 36px; width: 836px; height: 472px; overflow: hidden; -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);}
.newsPic .lbox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.newsPic .lbox .time{ padding: 90px 0 70px; font-size: 40px; line-height: 40px; color: #054f74; }
.newsPic .lbox .type{ font-size: 36px; line-height: 36px; color: #214e71; font-weight: bold; padding-bottom: 40px; }
.newsPic .lbox .name{ line-height: 30px; color: #054f74; font-size: 18px; }
.newsPic .swiper-pagination{ bottom: 0!important; position: relative; padding-top: 70px; } 
.newsPic .swiper-pagination-bullet { width: 24px; height: 24px; opacity: 1; background: rgba(24,118,166,0.3); border-radius: 50%; margin: 0 15px!important; } 
.newsPic .swiper-pagination-bullet-active { background: #054f74; } 
.newsPic .lbox:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.newsBox .part2{ padding-top: 80px; }
.newsBox .part2 .indexTitle{ width: 165px; }
.newsBox .part2 .indexTitle .en span{ width: 50%; }
.newsBox .part2 .tab{ padding-top: 70px; height: 65px; }
.newsBox .part2 .tab li{ float: left; margin-right: 100px; position: relative; padding-left: 40px; font-size: 36px; line-height: 65px; color: #ccc;}
.newsBox .part2 .tab li:before{ content: ''; position: absolute; left: 0; width: 24px; height: 24px; top: 50%; margin-top: -12px; background: #ccc; border-radius: 50%; }
.newsBox .part2 .tab .liNow{ color: #0f5278; }
.newsBox .part2 .tab .liNow:before{ background: #0f5278; }
.newsBox .part2 .list li{ height: 48px; font-size: 18px;}
.newsBox .part2 .list li a{ display: block; position: relative; height: 48px; line-height: 48px; color: #054f74; overflow: hidden; padding-right: 160px; }
.newsBox .part2 .list li em{ position: absolute; right: 0; top: 0; }

.newsBox .part2 .tab.on{ position: fixed; background:#fff; width: 100%; left: 0; top: 60px; z-index: 2; padding-top: 0; border-bottom:#eee solid 1px;}
.newsBox .part2 .tab.on ul{ position:absolute; left:50%; margin-left:-683px;}
.newsBox .part2 .list.on{ padding-top:125px;}

.newShow{ padding: 150px 0 120px; }
.newShow .mxfDiv{ position: relative; }
.newShow .leftDiv{ width: 405px; }
.newShow .name{ font-size: 36px; color: #054f74; font-weight: bold; line-height: 46px; max-height: 230px; overflow: hidden; text-align: justify;}
.newShow .rightImg{ width: 620px; height: 350px; border-radius: 36px; overflow: hidden; }
.newShow .rightImg img{ width: 100%; height: 100%; object-fit: cover; }
.newShow .time{ padding-top: 35px; font-size: 28px; line-height: 28px; color: #054f74; }
.newShow .share{ position: absolute; left: 0; bottom: 0; overflow: hidden;}
.newShow .share li{ float: left; position: relative; margin-right: 14px; }
.newShow .share li img{ height: 34px; }
.newShow .share li .img1{ position: absolute; left: 0; top: 0; opacity: 0; }
.newShow .share li:hover img{ opacity: 0; }
.newShow .share li:hover .img1{ opacity: 1; }
.newShow .content{ padding-top: 100px; font-size: 18px; line-height: 30px; color: #054f74; }
.newShow .content p{ padding-top: 70px; text-align: right; }
.newShow .backBtn{ padding-top:45px;}
.newShow .backBtn a{ position:relative; display:block; width:186px; height:42px; border:#054f74 solid 1px; line-height:42px; text-indent:58px; color:#054f74; font-size: 24px;}
.newShow .backBtn a:before{ content:''; position:absolute; left:26px; width:15px; height:28px; top:50%; margin-top:-14px; background:url(../images/nimg15_2.png) no-repeat;}
.newShow .backBtn a:hover{ background:#054f74; color:#fff;}
.newShow .backBtn a:hover:before{ background:url(../images/nimg15_2on.png) no-repeat;}