/*banner*/
.banner {
    width: 100%;
    position: relative;
	height:100vh;
}

.focus {
    width: 100%;
    position: relative;
    zoom: 1;
    overflow: hidden;
    z-index: 9;
}

.f426x240, .f160x160 {
    width: 100%;
    overflow: hidden;
    z-index: 9;
}

.rslides li {
    width: 100%;
    float: left;
    display: none;
    z-index: 9;
	height: 100vh;
}

.rslides li img {
	position:absolute;
	left:0;
	top:0;
	z-index: 9;
	display:block;
	width:100%;
	height:100%;
	object-fit: cover;
}

.rslides {
    width: 100%;
    position: relative;
    z-index: 9;
    margin: 0 auto;
}

.rslides_nav {
    height: 51px;
    width: 31px;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    display: none;
}

.rslides_nav:active {
	opacity: 1.0;
}

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

.rslides_tabs {
    text-align: center;
    position: absolute;
    bottom: 30px;
    z-index: 9;
    left: 0;
	width: 100%;
}

.rslides_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin:0 10px;
}

.rslides_tabs a {
	margin-top: 0px;
	text-indent: 9999px;
	overflow: hidden;
	background:rgba(255,255,255,0.5);
    border-radius: 50%;
	display: inline-block;
	_display: block;
	*display: block;
	width: 12px;
	height: 12px;
	z-index: 9;
	*z-index: 9;
}

.rslides_tabs .rslides_here a {
	background:#15499a;
}

.banner .layer1{ position: absolute; left: 50%; margin-left: -7.68rem; top: 50%; transform: translateY(-50%); z-index: 11; color: #fff; }
.banner .layer1 .txt1{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.1rem; font-family: '黑体'; }
.banner .layer1 .txt2{ font-size: 0.16rem; line-height: 0.28rem; height: 0.8rem; text-transform: uppercase; }
.banner .layer1 .txt2:after{ content: ''; width: 0.36rem; height: 0.04rem; background: #fff; position: absolute; left: 0; bottom: 0; }
.banner .layer2{ position: absolute; left: 50%; margin-left: -600px; top: 50%; transform: translateY(-50%); z-index: 11; color: #15499a; }
.banner .layer2 .txt1{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.1rem; font-family: '黑体'; }
.banner .layer2 .txt2{ font-size: 0.16rem; line-height: 0.28rem; height: 0.8rem; text-transform: uppercase; color: #a6b3d0;}
.banner .layer2 .txt2:after{ content: ''; width: 0.36rem; height: 0.04rem; background: #15499a; position: absolute; left: 0; bottom: 0; }
.banner .layer3{ position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); z-index: 11; color: #fff; }
.banner .layer3 .txt1{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; font-family: '黑体'; }
.banner .layer3 .txt2{ font-size: 0.16rem; text-transform: uppercase; padding-top: 0.25rem;}

/*.banner .prev{ position:absolute; left:10%; top:50%; margin-top:-29px; z-index:22; width:60px; height:60px; display:block; background:url(../images/nimg60_left.png) center no-repeat;}
.banner .next{ position:absolute; right:10%; top:50%; margin-top:-29px; z-index:22; width:60px; height:60px; display:block; background:url(../images/nimg60_right.png) center no-repeat;}
.banner .prev:hover{ background:url(../images/nimg60_lefton.png) center no-repeat;}
.banner .next:hover{ background:url(../images/nimg60_righton.png) center no-repeat;}*/

/*banner结束*/

.bannerTel{ display: none;}
.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.indexFlashTel .slick{ height:100vh;}
.indexFlashTel .slick img{ width:100%; height:100%; object-fit:cover;}
.indexFlashTel .slick-dots{position:absolute; z-index:10; left:0px; bottom:0.25rem; width:100%; text-align:center;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 0.1rem; width:0.18rem; height:0.18rem; background: rgba(255,255,255,0.5); border-radius: 50%; cursor:pointer;}
.indexFlashTel .slick-dots .slick-active{ background: #15499a;}

/*.indexBox, .footDiv{ display:none;}*/

.indexBox{ background: #ebebeb; padding: 28px 0 30px; }
.indexBox .hlsDiv{ position: relative; height: 2.47rem; }
.indexBox .leftDiv{ width: 50%; }
.indexBox .leftDiv li{ float: left; width: 25%; }
.indexBox .leftDiv li .lbox{ height: 2.47rem; background: #fff; margin-right: 1px; position: relative; text-align: center;}
.indexBox .leftDiv li a{ display: block; width: 100%; height: 100%; }
.indexBox .leftDiv li .lbox:after{ content: ''; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; z-index: 0; transition:0.6s;-moz-transition:0.6s;-webkit-transition:0.6s;-o-transition:0.6s; }
.indexBox .leftDiv li:nth-child(1) .lbox:after{ background: #fd941e; }
.indexBox .leftDiv li:nth-child(2) .lbox:after{ background: #2c276e; }
.indexBox .leftDiv li:nth-child(3) .lbox:after{ background: #19a538; }
.indexBox .leftDiv li:nth-child(4) .lbox:after{ background: #15499a; }
.indexBox .leftDiv li .ico{ padding-top: 0.72rem; position: relative; z-index: 1;}
.indexBox .leftDiv li .ico img{ width: 1.46rem; }
.indexBox .leftDiv li .ico .img2{ display: none; }
.indexBox .leftDiv li .btn{ opacity: 0; width: 34px; height: 34px; margin: 0.15rem auto 0; position: relative; z-index: 1; }
.indexBox .leftDiv li:hover .lbox:after{ height:100%; }
.indexBox .leftDiv li:hover .ico{ padding-top: 0.38rem;}
.indexBox .leftDiv li:hover .ico .img2{ display: inline-block; }
.indexBox .leftDiv li:hover .ico .img1{ display: none;}
.indexBox .leftDiv li:hover .btn{ opacity: 1; }
.indexBox .rightDiv{ width: 50%; height: 2.47rem; background: #fff; position: absolute; right: 0; bottom: 0; overflow: hidden; z-index: 10; }
.indexBox .rightDiv .mxfDiv{ padding: 0 0 0 0.35rem; position: relative; }
.indexBox .rightDiv .imgDiv{ position: absolute; right: 0; top: 0; }
.indexBox .rightDiv .imgDiv img{ width: 1.92rem; }
.indexBox .rightDiv .btnDiv{ position: absolute; left: 50%; top: 50%; display: none; margin-left: -53px; margin-top: -18px; }
.indexBox .rightDiv .btnDiv a{ display: block; width: 106px; height: 36px; line-height: 36px; background: #15499a; border-radius: 24px; color: #fff; text-indent: 25px; }
.indexBox .rightDiv .btnDiv a:after{ content: ''; width: 5px; height: 9px; position: absolute; right: 24px; top: 50%; margin-top: -5px; background: url(../images/nimg5_1.png) center no-repeat; }
.indexBox .rightDiv .wen1{ padding: 30px 0 15px; font-size: 24px; color: #cecece; line-height: 24px; overflow: hidden; font-weight: bold;}
.indexBox .rightDiv .wen2{ font-size: 22px; line-height: 22px; color: #15499a; font-weight: bold;}
.indexBox .rightDiv .content{ font-size: 14px; line-height: 24px; color: #999; padding-top: 15px; padding-right: 2.7rem; }
.indexBox .rightDiv .hideDiv{ display: none;}
.indexBox .rightDiv .content2{ padding-right: 30px; padding-top: 20px;}
.indexBox .rightDiv:hover{ height: 3.7rem; }

.indexBoxTel .list{ overflow: hidden; }
.indexBoxTel .list ul{ margin-right: -1px; }
.indexBoxTel .list li{ float: left; width: 25%; }
.indexBoxTel .list li .lbox{ height: 2.47rem; background: #f8f8f8; margin-right: 1px; position: relative; text-align: center;}
.indexBoxTel .list li .ico{ line-height: 2.47rem; position: relative; z-index: 1;}
.indexBoxTel .list li .ico img{ width: 1.46rem; }
.indexBoxTel .list li .lbox:after{ content: ''; width: 100%; height: 0.04rem; position: absolute; left: 0; bottom: 0; z-index: 0; transition:0.6s;-moz-transition:0.6s;-webkit-transition:0.6s;-o-transition:0.6s; }
.indexBoxTel .list li:nth-child(1) .lbox:after{ background: #fd941e; }
.indexBoxTel .list li:nth-child(2) .lbox:after{ background: #b62b27; }
.indexBoxTel .list li:nth-child(3) .lbox:after{ background: #19a538; }
.indexBoxTel .list li:nth-child(4) .lbox:after{ background: #15499a; }
.indexBoxTel .botbot{ padding: 0.35rem 0.42rem 0.45rem; }
.indexBoxTel .botbot .wen1{ font-size: 0.3rem; color: #cecece; line-height: 0.3rem; font-weight: bold; padding-bottom: 0.1rem; }
.indexBoxTel .botbot .wen2{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #15499a; }
.indexBoxTel .botbot .content{ padding-top: 0.15rem; font-size: 0.24rem; color: #999; line-height: 0.48rem; }
.indexBoxTel .btnDiv{ padding-top: 0.2rem; }
.indexBoxTel .btnDiv a{ display: block; position: relative; width: 1.8rem; height: 0.66rem; line-height: 0.66rem; color: #fff; font-size: 0.24rem; text-indent: 0.35rem; background: #15499a; border-radius: 0.36rem;}
.indexBoxTel .btnDiv a:after{ content: ''; width: 5px; height: 9px; position: absolute; right: 0.3rem; top: 50%; margin-top: -5px; background: url(../images/nimg5_1.png) center no-repeat; }

.about{ overflow: hidden; padding-top: 75px;}
.about .leftDiv{ width: 736px; }
.about .name{ font-size: 30px; color: #15499a; line-height: 30px; padding-bottom: 30px; }
.about .wen{ padding-bottom: 40px; color: #15499a; font-size: 50px; line-height: 50px; text-transform: uppercase; font-family:GOTHICB; }
.about .content{ font-size: 16px; line-height: 30px; }
.about .rightDiv{ width: 422px; }
.about .numList{ background: #f1f1f1; padding: 40px 0 0 25px; }
.about .numList li{ float: left; width: 50%; padding-bottom: 45px; color: #15499a; font-size: 14px;}
.about .numList li .lbox{ padding-left: 25px; }
.about .numList li .num{ color: #15499a; font-size: 14px; }
.about .numList li .num em{ font-size: 36px; line-height: 36px; padding-right: 10px; font-family:GOTHICB; }
.about .numList li .num img{ padding-right: 10px; position: relative; top: -10px;}
.about .numList li p{ padding-top: 10px; }

.honor{ padding-top: 50px; }
.honor .list ul{ margin-right: -30px; }
.honor .list li{ float: left; width: 33.33%; margin-bottom: 30px;}
.honor .list li .lbox{ margin-right: 30px; background: #fafafa; cursor: pointer;}
.honor .list li .imgDiv{ height: 305px; line-height: 305px; text-align: center; }
.honor .list li .name{ border-top: #f0f0f0 solid 1px; height: 90px; text-align: center; font-size: 18px; color: #999; overflow: hidden; }
.honor .list li .name em{ width: 380px; height: 90px; display: table-cell; vertical-align: middle; line-height: 30px; }
.honor .list li:hover .name{ background: #15499a; color: #fff; border-top: #15499a solid 1px; }

.history{ padding-top: 50px; }
.history .list{ width: 815px; position: relative; }
.history .list:after{ content: ''; width: 1px; height: 100%; background: #e9e9e9; position: absolute; left: 5px; top: 0; }
.history .list li{ padding-left: 32px; position: relative; padding-bottom: 48px;}
.history .list li:before{ content: ''; width: 11px; height: 11px; background: url(../images/nimg11_1.png) center no-repeat; position: absolute; left: 0; top: 10px; z-index: 2; }
.history .list li .time{ font-size: 30px; line-height: 30px; color: #15499a; font-family:GOTHICB; padding-bottom: 15px;}
.history .list li .content{ font-size: 18px; color: #333; line-height: 36px; }
.history .imgList{ width: 300px; }
.history .imgList li{ padding-bottom: 40px; }
.history .imgList li .name{ padding-top: 10px; font-size: 18px; color: #333; line-height: 32px; }

.speech{ overflow: hidden; padding-top: 50px; }
.speech .leftDiv{ width: 655px; }
.speech .txt{ font-size: 16px; line-height: 16px; color: #272727; font-weight: bold; padding-bottom: 35px; }
.speech .content{ font-size: 16px; line-height: 32px; }
.speech .rightImg{ width: 498px; }

.contact{ padding-top: 25px; overflow: hidden;}
.contact .leftDiv{ width: 360px; }
.contact .name{ padding: 40px 0; font-weight: bold; font-size: 32px; color: #000; }
.contact .list li{ padding-bottom: 35px; }
.contact .list li p{ font-size: 14px; color: #999; padding-bottom: 12px; }
.contact .list li .txt{ font-size: 18px; color: #333; }

.banquan .title{ text-align:center; font-size:36px; color:#000; padding-bottom:30px;}
.banquan .content{ font-size:16px; line-height:36px;}


.partners ul{ margin-right:-30px;}
.partners li{ float:left; width:25%; margin-bottom:30px; font-size:14px;}
.partners li .box{ margin-right:30px;}
.partners li .imgDiv{ border:#dcdcdc solid 1px; position:relative}
.partners li .imgDiv img{ width:100%;}
.partners li .name{ height:54px; line-height:54px; text-align:center; overflow:hidden;}
.partners li .imgDiv:before{content:"";position: absolute;left:0;top:0;border-top:1px solid #445e9f;border-left:1px solid #445e9f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.partners li .imgDiv:after{content:"";position: absolute;right:0;bottom:0;border-right:1px solid #445e9f;border-bottom:1px solid #445e9f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.partners li:hover .imgDiv:before{width:100%;height:100%;visibility: visible;}
.partners li:hover .imgDiv:after{width:100%;height:100%;visibility: visible;}

/*2023.4.10*/
.bannerDiv{ position:relative;}
.bannerDiv .bg img{ width:100%;}
.bannerDiv .layerDiv{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1; text-align:center;}
.bannerDiv .ico .letter { display: inline-block; height: 130px; width: auto; opacity:0;}
.bannerDiv .ico .letter{ animation: move 7.6s cubic-bezier(.77,0,.175,1) forwards infinite;}
.bannerDiv .ico .letter:first-child { animation-delay: .08s;}
.bannerDiv .ico .letter:nth-child(2) { animation-delay: .26s;}
.bannerDiv .ico .letter:nth-child(3) { animation-delay: .4s;}
.bannerDiv .ico .letter:nth-child(4) { animation-delay: .54s;}
.bannerDiv .txt{ margin-top:36px; color:#fff; font-size:36px; line-height:36px; padding:0 80px; display:inline-block; position:relative;}
.bannerDiv .txt:before{ content:''; position:absolute; left:0; top:50%; margin-top:-1px; width:60px; height:2px; background:#fff;}
.bannerDiv .txt:after{ content:''; position:absolute; right:0; top:50%; margin-top:-1px; width:60px; height:2px; background:#fff;}

.bannerDiv .sub-com{ position:absolute; right:50px; bottom:60px; z-index:1;}
.bannerDiv .sub-com li{ position:relative; margin-left:20px; float:left;}
.bannerDiv .sub-com li .round{ position:relative; z-index:1; width:70px; height:70px; overflow:hidden; background:#fff; border-radius:50%; }
.bannerDiv .sub-com li .round img{ position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); }
.bannerDiv .sub-com li .round .img2{ opacity:0; visibility:hidden;}
.bannerDiv .sub-com li:before{content: ""; z-index:0; width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0; animation: iconScale2 1.8s linear infinite; background-color: rgba(255, 255, 255, 0.8);}
.bannerDiv .sub-com li:hover:before{ animation:none;}
.bannerDiv .sub-com li:hover .round{ width:200px; border-radius:48px;}
.bannerDiv .sub-com li:hover .round .img1{ opacity:0; visibility:hidden;}
.bannerDiv .sub-com li:hover .round .img2{ opacity:1; visibility:visible;}

@keyframes move{0%{ transform:scale(0);-webkit-transform:scale(0);opacity:0} 40%{ transform:scale(1.0);-webkit-transform:scale(1.0);opacity:1} 90%{ transform:scale(1.0);-webkit-transform:scale(1.0); opacity:1} 100%{opacity:0; transform:scale(0);-webkit-transform:scale(0);}}
@keyframes iconScale2 { from {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    opacity: 1;
  } to {
    transform: scale(2.0);
    -webkit-transform: scale(2.0);
    -moz-transform: scale(2.0);
    -ms-transform: scale(2.0);
    -o-transform: scale(2.0);
    opacity: 0;
  }
}

.indexP1{ padding:120px 0 160px; position:relative; overflow:hidden;}
/*.indexP1:after { content: ""; width: 0; height: 78px; display: block; position: absolute; left: 0; bottom: 0; z-index: -1; background: url(../images/nimg602Bg.png) repeat-x left bottom; transition: width 4s ease; -webkit-transition: width 4s ease; -moz-transition: width 4s ease; -ms-transition: width 4s ease; -o-transition: width 4s ease;}
.indexP1.cur:after { width: 100%;}*/
.indexP1 .wal3{ position:relative;}
.indexP1 .year{ text-transform:uppercase; font-family:light; font-size:72px; line-height:72px; color:#222; padding-bottom:45px; letter-spacing: 3px;}
.indexP1 .year em{ color:#15499a;}
.indexP1 .bg{ position:absolute; left:44%; top:0; z-index:0;}
.indexP1 .mxfDiv{ position:relative; z-index:1;}
.indexP1 .cn{ color:#222; font-size:30px; line-height:30px; letter-spacing:2px;}
.indexP1 .en{ font-size:14px; color:rgba(0,0,0,0.4); text-transform:uppercase; padding:20px 0 40px; font-family:light; letter-spacing:2px;}
.indexP1 .content{ font-size:15px; line-height:30px; text-align:justify; padding-right:4.2rem; padding-bottom:80px;}
.indexP1 .content b{ color:#15499a; display:block;}

.indexP1 .shadog{ padding-right:100px; position:relative; z-index:2;}
.indexPic{ position:relative; overflow:hidden; border-bottom-right-radius:48px;}
.indexPic img{ width:100%;}
.indexPic .se{ position:absolute; z-index:2; width:55px; height:55px; border-radius:50%; top:50%; margin-top:-28px;}
.indexPic .prev{ left:40px; background:#fff url(../images/nimg9_left.png) center no-repeat;}
.indexPic .next{ right:40px; background:#fff url(../images/nimg9_right.png) center no-repeat;}
.indexPic .prev:hover{ background:#15499a url(../images/nimg9_lefton.png) center no-repeat;}
.indexPic .next:hover{ background:#15499a url(../images/nimg9_righton.png) center no-repeat;}

.indexP1 .tiao{ overflow:hidden; position:absolute; right:0; top:0; width:3.2rem; height:88%; border-top-left-radius:48px; z-index:1;background-image: linear-gradient(top,#3976cf,#15499a);
    background-image: -webkit-linear-gradient(top,#3976cf,#15499a);
    background-image: -moz-linear-gradient(top,#3976cf,#15499a);
    background-image: -o-linear-gradient(top,#3976cf,#15499a);
    background-image: linear-gradient(to bottom,#3976cf,#15499a);
    background-image: -webkit-linear-gradient(to bottom,#3976cf,#15499a);
    background-image: -moz-linear-gradient(to bottom,#3976cf,#15499a);
    background-image: -o-linear-gradient(to bottom,#3976cf,#15499a);}
.indexP1 .tiao:before{ content:''; position:absolute; left:0; top:0; width:320px; height:210px; background:url(../images/nimg320Bg.png) no-repeat;}
.indexP1 .dian{ position:absolute; z-index:1; width:0; top:148px; left:32.8%; height:0; background:url(../images/ico1.png) repeat;}
.indexP1 .dian.on{ width: 150px; height: 420px; }
.indexP1 .midmid{ position:relative; margin-top:100px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items:flex-end; -webkit-align-items:flex-end;}
.indexP1 .leftCon, .indexP1 .rightCon{ width:45.8%; text-align:justify; font-size:15px; line-height:30px;}
.indexP1 .leftCon b, .indexP1 .rightCon b{ color:#15499a; display:block;}
.indexP1 .cloud_l{ position:absolute; left: 54.2%; top:-25px;}
.indexP1 .cloud_r{ position:absolute; right: 0; top:15px;}

.indexP1 .botBg{ position:absolute; left:0; bottom:0; width:100%; height:78px; overflow:hidden;}
.indexP1 .botBg ul{ font-size:0;}
.indexP1 .botBg li{ display:inline-block; height:78px; position:relative;}
.indexP1 .botBg .li01{ width:25px;}
.indexP1 .botBg .li02{ width:38px;}
.indexP1 .botBg .li03{ width:39px;}
.indexP1 .botBg .li04{ width:31px;}
.indexP1 .botBg li div{ position:absolute; left:0; bottom:0; width:100%; height:0; animation: haha 0.8s infinite;}
.indexP1 .botBg .li01 div{ background:url(../images/bg1.png) repeat-y;}
.indexP1 .botBg .li02 div{ background:url(../images/bg2.png) repeat-y; animation: haha 1.2s infinite;}
.indexP1 .botBg .li03 div{ background:url(../images/bg3.png) repeat-y; animation: haha 1s infinite;}
.indexP1 .botBg .li04 div{ background:url(../images/bg4.png) repeat-y; animation: haha 1.4s infinite;}

@keyframes haha{0%{ height: 0;} 50%{height:78px;} 100%{ height: 20px;}}


.indexP2 .list{ overflow:hidden;}
.indexP2 .list ul{ margin-right:-20px;}
.indexP2 .list li{ float:left; width:50%;}
.indexP2 .list li .box{ margin-right:20px; overflow:hidden;}
.indexP2 .list li img{ width:100%;}
.indexP2 .list li .box:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.audioBtn{position:fixed;right:15px;bottom:15px;z-index:2; width:36px; height:36px;}
.audioBtn a{ display:block; width:100%; height:100%; position:relative; z-index:2;}
.audioBtn img{transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.audioBtn .img1{ opacity:0; position:absolute; left:0; top:0;}
.audioBtn.on img{ opacity:0;}
.audioBtn.on .img1{ opacity:1;}