input:focus::-webkit-input-placeholder {color: #db500b !important; }
input:focus::-moz-placeholder {color: #db500b !important; }
input:focus::-moz-placeholder {color: #db500b !important;}
input:focus::-ms-input-placeholder {color: #db500b !important;}



.banner span img{width: 100%;height: 100%;}

.banner span.span1{ display: block;   width: 100%; height: 100%;  }
.banner span.span2{ display: none;   width: 100%; height: 100%;  }
.xt_ban{position: absolute;top:50%;width: 100%;transform: translateY(-50%);box-sizing: border-box;padding: 0 5%;text-align: center;}
.ban1_list,.banner{height: 100%;}


.xt_ban img{max-width: 100%;}
.xt_ban font{display: block;font-size: 12px;color: rgba(250,250,250,.5);line-height: 18px;transform: translateY(200px);transition: 0.8s ease-in-out 0.6s;opacity: 0;}
.xt_ban h1{font-size: 48px;font-weight: bold;color: white;text-transform: uppercase;transform: translateX(200px);transition: 0.8s ease-in-out 0.3s;opacity: 0;}
.xt_ban h1:after{content: '';display: block;margin: 20px auto;width: 70px;height:3px;background: white;}
.xt_ban p{font-size: 28px;color: white;margin-bottom: 10px;transform: translateX(-200px);transition: 0.8s ease-in-out 0.3s;opacity: 0;}
.banner .swiper-pagination{bottom:18%;transform: translateY(50%);}
.banner .swiper-pagination span{width: 70px;height: 3px;background: white;opacity: 1;border-radius: 0;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #015ba4;}
.banner .xt_ban font img{opacity: 0;}
.banner .swiper-slide-active .xt_ban font img{}
.banner .swiper-slide-active h1,.banner .swiper-slide-active p{transform: translateX(0);opacity: 1;}
.banner .swiper-slide-active font{transform: translateY(0);opacity: 1;}




.sec2_zong{position: relative;width: 100%;height: 100%;font-size: 0;}
.sec2_left,.sec2_middle{display: inline-block;vertical-align: top;width: 50%;height: 100%;}
.sec2_left{background: #dfe8f1;}
.sec2_middle img{width: 100%;height: 100%;}
.sec2_right{position: absolute;top: 50%;transform: translateY(-50%);background: white;box-sizing: border-box;padding: 70px 0;
text-align: right;width: 55%;background: url(../image/jpsf_02.jpg) no-repeat;background-size: cover;}
.sec2_right_list{display: inline-block;vertical-align: top;text-align: left;width: 510px;position: relative;}


.title h1{font-size: 30px;color: #333;font-weight: bold;}
.title span{font-size: 16px;color: lightgray;margin-top: 5px;display: block;}
.title span:after{content: '';display: block;width: 50px;height: 3px;background: #015ba4;margin: 20px 0 25px;}
.sec2_right_list p{font-size: 16px;color: gray;line-height: 25px;}
.sec2_u1{font-size: 0;margin-top: 30px;}
.sec2_u1 li{display: inline-block;vertical-align: top;width: 50%;margin-top: 50px;}
.sec2_u1 li span{display: inline-block;vertical-align: top;width: 35px;height: 35px;transition: 0.3s ease-in-out;}
.sec2_u1 li aside{display: inline-block;vertical-align: top;width: 70%;margin-left: 15px;}
.sec2_u1 li h2{font-size: 20px;color: #333;transition: 0.3s ease-in-out;}
.sec2_u1 li font{display: block;color: gray;font-size: 13px;margin-top: 10px;transition: 0.3s ease-in-out;}
.sec2_u1 li:nth-child(1) span{background: url(../image/icon1_a.png) no-repeat center center;}
.sec2_u1 li:nth-child(2) span{background: url(../image/icon2_a.png) no-repeat center center;}
.sec2_u1 li:nth-child(3) span{background: url(../image/icon3_a.png) no-repeat center center;}
.sec2_u1 li:nth-child(4) span{background: url(../image/icon4_a.png) no-repeat center center;}
.sec2_u1 li:nth-child(1):hover span{background: url(../image/icon1_b.png) no-repeat center center;}
.sec2_u1 li:nth-child(2):hover span{background: url(../image/icon2_b.png) no-repeat center center;}
.sec2_u1 li:nth-child(3):hover span{background: url(../image/icon3_b.png) no-repeat center center;}
.sec2_u1 li:nth-child(4):hover span{background: url(../image/icon4_b.png) no-repeat center center;}
.sec2_u1 li:hover h2{color: #015ba4;font-weight: bold;}
.sec2_u1 li:hover font{color: #a3b8d4;}

.sec2_right_lst{position: relative;padding-right:10%;}
.more{display: block;width: 55px;height: 55px;background: #015ba4;font-size:25px !important;color: white;text-align: center;line-height: 55px;position: absolute;
right:-25px;top: 42%;}
.more:hover{background: #035394;}

.section3{background:url(../image/index_lisr_02.jpg) no-repeat center center;background-size: cover;}
.sec3_zong .title{display: inline-block;}
.sec3_zong .title h1{color: white;}
.sec3_zong .title span{color: rgba(250,250,250,.5);}
.sec3_zong .title span:after{background: white;}
.sec3_u1{display: inline-block;float: right;font-size: 0;}
.sec3_u1 li{display: inline-block;vertical-align: top;padding: 8px 25px;font-size: 16px;cursor: pointer;background: #015ba4;margin-right: 5px;}
.sec3_u1 li a{color: rgba(250,250,250,.7);}
.sec3_u1 li:hover a,.sec3_u1 li.active a{color: white;}
.sec3_list_zong{margin-top: 50px;position: relative;height: 371px;}
.sec3_list_list{text-align: center;position: absolute;width: 100%;top: 0;height: 371px;opacity: 0;}
.sec3_list_list.active{opacity: 1;}
.sec3_swiper_list{display: inline-block;width:215px;height: 371px;transition: 0.3s ease-in-out;}
.sec3_swiper_list h2{font-size: 20px;color: white;font-weight: bold;margin-top: 270px;}
.sec3_swiper_list:hover h2{color:#fff;}
.sec3_swiper_list h2:after{content: '';display: block;margin: 15px auto 0;width: 25px;height: 2px;background: #015ba4;opacity: 0;transition: 0.3s ease-in-out;}
.sec3_list_list .swiper-slide:hover .sec3_swiper_list h2:after{opacity: 0.6;}
.sec3_list_list .swiper-slide:nth-child(1) .sec3_swiper_list{background: url(../image/index1_a.png) no-repeat center center ;background-size: 100% 100%;}
.sec3_list_list .swiper-slide:nth-child(2) .sec3_swiper_list{background: url(../image/index2_a.png) no-repeat center center ;background-size: 100% 100%;}
.sec3_list_list .swiper-slide:nth-child(3) .sec3_swiper_list{background: url(../image/index3_a.png) no-repeat center center ;background-size: 100% 100%;}
.sec3_list_list .swiper-slide:nth-child(1):hover .sec3_swiper_list{background: url(../image/index1_b.png) no-repeat center center ;background-size: 100% 100%;}
.sec3_list_list .swiper-slide:nth-child(2):hover .sec3_swiper_list{background: url(../image/index2_b.png) no-repeat center center ;background-size: 100% 100%;}
.sec3_list_list .swiper-slide:nth-child(3):hover .sec3_swiper_list{background: url(../image/index3_b.png) no-repeat center center ;background-size: 100% 100%;}


.sec4_zong{position: relative;font-size: 0;width: 100%;height: 100%;}
.sec4_top{height: 63.5%;background: #f3f7fb;}
.sec4_middle{height:36.5%;}
.sec4_middle img{width: 100%;height: 100%;}
.sec4_bottom{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}
.sec4_zong .title{display: inline-block;}
.sec4_zong .sec3_u1 li{color: rgba(250,250,250,.7);}
.sec4_zong .sec3_u1 li:hover,.sec4_zong .sec3_u1 li.active{color: white;}
.sec4_list{margin-top: 70px;position: relative;height: 351px;}
.sec4_list1{height: 351px;position: absolute;width: 100%;opacity: 0;top: 0;}
.sec4_list1.active{opacity: 1;}
.sec4_list1 span{display: block;overflow: hidden;}
.sec4_list1 span img{width: 100%;transition: 0.3s ease-in-out; height:50%}
.sec4_list1 .swiper-slide:nth-child(even) a{display: flex;flex-direction:column-reverse}
.sec4_list1 aside{box-sizing: border-box;background: white;padding: 25px;transition: 0.3s ease-in-out;}
.sec4_list1 aside time{display: inline-block;font-size: 24px;color: #015ba4;font-weight: bold;margin-right: 10px;}
.sec4_list1 aside font{display: block;font-size: 14px;color: gray;}
.sec4_list1 aside p{font-size: 14px;color: gray;line-height: 25px;margin-top: 5px;}
.sec4_list1 .swiper-slide:hover span img{transform: scale(1.05);}
.sec4_list1 .swiper-slide:hover aside{background: #015ba4;}
.sec4_list1 .swiper-slide:hover aside time,.sec4_list1 .swiper-slide:hover aside font,.sec4_list1 .swiper-slide:hover aside p{color: white;}



.sec5_zong{height: 100%;position: relative;}
.sec5_top{height: 45%;position: relative;}
.sec5_top img{width: 100%;height: 100%;}
.sec5_middle{height: 55%;position: relative;}
.sec5_top .sec5_list{bottom: 40px;}
.sec5_top .title h1{color: white;}
.sec5_top .title span:after{background: white;}
.sec5_list{position: absolute;width: 100%;}
.sec5_middle .sec5_list{top: 45%;transform: translateY(-50%);}
.sec5_middle_dl {display: inline-block;}
.sec5_middle_dl dt{display: block;font-size: 18px;color: #333;}
.sec5_middle_dl dt:after{content: '';display: block;width: 30px;height: 2px;background: #333;margin: 25px 0;}
.sec5_middle_dl dd{font-size: 16px;color: #818181;line-height: 25px;}
.sec5_middle_dl dd span{display: inline-block;margin-right: 10px;}
.sec5_middle_dl dd:hover span{color: #015ba4;}
.sec5_middle_right{font-size: 0;background: #015ba4;padding: 50px 0;display: inline-block;float: right;position: relative;}
.sec5_middle_right:after{content: '';display: inline-block;width: 3px;height: 100%;background:#015ba4;left: -6px;position: absolute;top: 0;}
.sec5_middle_right aside{display: inline-block;vertical-align: middle;text-align: center;padding: 0 65px;border-right: 1px solid rgba(250,250,250,.5);}
.sec5_middle_right aside p{color: white;font-size: 16px;margin-top: 10px;}
.sec5_middle_right ul{display: inline-block;vertical-align: middle;padding:0 65px;}
.sec5_middle_right ul li{line-height: 25px;color: #dde4ef;font-size: 16px;}
.sec5_sweir{position: absolute;bottom: 0;width: 100%;background: rgba(1,43,77,.3);line-height: 45px;}
.sec5_sweir span{color: rgba(250,250,250,.7);font-size: 14px;}
.sec5_sweir ul{display: inline-block;vertical-align: top;margin-left: 20px;font-size: 0;}
.sec5_sweir ul li{display: inline-block;vertical-align: top;}
.sec5_sweir ul li:after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 16px;background:rgba(250,250,250,.7);
margin: 0 10px;}
.sec5_sweir ul li a{font-size: 14px;color: rgba(250,250,250,.7);}
.sec5_sweir ul li:last-child:after{display: none;}
.sec5_sweir ul li:hover a{color: white;}




.sec2_right_list .title,.sec2_right_list p,.sec2_u1 li{transform: translateY(200px);transition: 0.8s ease-in-out .5s;opacity: 0;}
.sec2_right_list p{transition: 0.8s ease-in-out .8s;}
.sec2_u1 li:nth-child(1){transition: 0.8s ease-in-out 1.1s;}
.sec2_u1 li:nth-child(2){transition: 0.8s ease-in-out 1.4s;}
.sec2_u1 li:nth-child(3){transition: 0.8s ease-in-out 1.7s;}
.sec2_u1 li:nth-child(4){transition: 0.8s ease-in-out 2s;}
.section2.active .title,.section2.active .sec2_right_list p,.section2.active .sec2_u1 li,.section3.active .sec3_list_zong,
.section4.active .sec4_list{transform: translateY(0px);opacity: 1;}



.sec3_zong .title,.sec4_zong .title{transform: translateX(-200px);transition: 0.8s ease-in-out .5s;opacity:0;}
.sec3_zong .sec3_u1,.sec4_zong .sec3_u1{transform: translateX(200px);transition: 0.8s ease-in-out .5s;opacity:0;}
.sec3_list_zong,.sec4_list{transform: translateY(200px);transition: 0.8s ease-in-out 1s;opacity: 0;}

.section3.active .sec3_zong .title,.section3.active .sec3_zong .sec3_u1,
.section4.active .sec4_zong .title,.section4.active .sec4_zong .sec3_u1{transform: translateX(0px);opacity: 1;}


.sec5_top .sec5_list{bottom: 150px;transition: 0.8s ease-in-out .8s;opacity:0;}
.section5.active .sec5_top .sec5_list{bottom: 40px;opacity: 1;}
.sec5_middle_dl dt,.sec5_middle_dl dd{transform: translateY(200px);transition: 0.8s ease-in-out .5s;opacity:0;}
.section5.active .sec5_middle_dl dt,.section5.active .sec5_middle_dl dd{transform: translateY(0px);opacity: 1;}
.section5.active .sec5_middle_right{transform: translateX(0px);opacity: 1;}
.sec5_middle_right{transform: translateX(200px);transition: 0.8s ease-in-out 1.5s;opacity: 0;}
.sec5_middle_dl dd:nth-child(2){transition: 0.8s ease-in-out .7s;}
.sec5_middle_dl dd:nth-child(3){transition: 0.8s ease-in-out .9s;}
.sec5_middle_dl dd:nth-child(4){transition: 0.8s ease-in-out 1.1s;}
.sec5_middle_dl dd:nth-child(5){transition: 0.8s ease-in-out 1.3s;}

@media (min-width: 900px) {
.divbox2{ display:none; color:#00CC99}

}

@media (max-width: 768px){
.sec5_list .divBox{ display:none}
.divbox2{ width:80%; margin:0 auto; line-height:25px;}
.banner span.span1{ display: none; }
.banner span.span2{ display: block; }
}