﻿#footnav {  min-width:320px; max-width:640px; }
.wp h2{font-size: 0.45rem;color: #11104c;padding: 6% 0;line-height: 1.3}
.wp h2 img{display: block;margin-top: 2%}
.wp h2 span{display: block;font-size: 0.28rem;font-weight: normal}
.wp .bt{padding: 3% 0}
.wp a.btn{display:block;width: 40%;height: 0.6rem;line-height: 0.6rem;text-align: center;margin: 0.3rem auto 0;background:#ff4493 ;border-radius: 0.1rem;color: #fff;font-size: 0.25rem;animation: float 4s infinite; -webkit-animation: float 4s infinite;}
.wp a.btn img{display: inline-block;width: 0.36rem; vertical-align: middle;}
.wp .over{overflow: hidden}
.wp .fl{float: left}
.wp .fr{float: right}
.wp .pb{padding-bottom: 0.5rem;}
.wp .content{width: 94%;margin: 0 auto}
/*common*/
.section1{background: url("../images/img1.jpg") no-repeat top center;background-size: 100%}
.section1 h2{color: #0f2985}
.section1 h2 span{font-size: 0.45rem;color: #333;display: inline-block}
.section1 h2 strong{display: block;font-size: 0.22rem;color: #0f2985;font-weight: normal}
.section1 .over{width: 94%;margin: 0 auto}
.section1 .over dl{width: 32%;float: left;background: #1E3078;overflow: hidden;padding: 1% 0}
.section1 .over dl:nth-child(2){margin: 0 2%}
.section1 .over dl dt{width: 36%;float: left;margin: 2% 0 0 4%}
.section1 .over dl dt img{display: block;border-radius: 50%}
.section1 .over dl dd{width: 55%;float: right;font-size: 0.2rem;color: #fff;line-height: 1.3}
.section1 .over dl dd strong{display: block;font-size: 0.22rem}
.section1 p{width: 50%;font-size: 0.22rem;color: #818181;margin-left: 48%;line-height: 1.3;padding: 1.5rem 0 1.01rem}
.section1 p strong,.section2 p strong{color: #1e3078}
.section2{background: url("../images/bg1jj.jpg") no-repeat top center #E3E6F4;background-size: 100%;position: relative;padding-top: 0.5rem}
.section2 p{margin: 0 2%;font-size: 0.22rem;color: #333}
.section2 dl{width: 23.5%;float: left;margin-right: 2%;background: #284593;font-size: 0.22rem;color: #fff;text-align: center}
.section2 dl strong{display: block;font-size: 0.23rem}
.section2 dl:nth-child(4){margin-right: 0}
.section2 dl dd{padding: 0.1rem 0}
.section3{background: url("../images/bg2jj.jpg") no-repeat top center #080935;background-size: 100%}
.section3 h2{font-weight: normal}
.section3 h2 span{font-size: 0.22rem}
.section3_v{padding: 1% 2% 4% 2%;}
.section3_v .video-js{width: 100%;}
.section3 #scroll1{width: 80%;margin: 0 auto;position: relative}
.section3 .qh{width: 0.25rem;position: absolute;top: 1.5rem;z-index: 1;}
.section3 .prev{left:-0.5rem}
.section3 .next{right:-0.5rem}
.section3 .bd p{font-size: 0.23rem;color: #fff;text-align: center;padding: 2% 0}
.section3 .p1{font-size: 0.22rem;text-indent: 2em;margin: 0 3%;color: #fff}
.section3 .p1 a{color: #e4a01e; text-decoration: underline}
.section4{background: #E3E6F4;padding-top: 0.5rem}
.section4 h2,.section7 h2,.section3 h2 {color: #fff}
.section4 .content{position: relative;padding-bottom: 1.5rem}
.section4 dl{position: relative}
.section4 dl dd{width: 90%;position: absolute;left:  5%;top: 0.6rem;font-size: 0.2rem;color: #fff;text-align: center}
.section4 dl dd h3{font-size: 0.3rem;}
.section4 dl dd h3 span{font-weight: normal}
.section4 ul{width: 100%;overflow: hidden;position: absolute;left: 0;bottom: 0}
.section4 ul li{width: 30.8%;float: left;background: #11104C;border-radius: 0.15rem;overflow: hidden;border: 2px solid #fff}
.section4 ul li:nth-child(2){margin: 0 2%}
.section4 ul li p{font-size: 0.22rem;text-align: center;color: #fff;padding: 2% 0}
.section5 {background: url("../images/bg3jj.jpg") no-repeat top center #020B25;background-size: 100%}
.section5 h2{color: #fff}
.section5 dd{font-size: 0.23rem;color: #fff;margin: 2% 2% 0}
.section5 .hd{text-align: center;margin-bottom: 4%}
.section5 .hd li{display: inline-block;width: 30%;border: 2px solid #fff;color: #0B2A7F;background: #fff;font-size: 0.23rem;padding: 2% 0}
.section5 .hd li.on{background: #0B2A7F;color: #fff}
.section5 .hd li:nth-child(2){margin: 0 2%}
.section5 dd{font-size: 0.22rem;color: #fff;padding-top: 2%}
.section5 dd strong,.section4 dl dd strong{color: #ffea00}
.section6 .over{padding: 3%}
.section6 .over div{width: 49%;}
.section6 .over dl{background: #fff;overflow: hidden;text-align: center;-moz-box-shadow:0px 0px 12px #666; -webkit-box-shadow:0px 0px 12px #666; box-shadow:0px 0px 12px #666;margin-bottom: 0.15rem}
.section6 .over dl dd{width: 94%;margin: 0 auto;padding: 3% 0;color: #9c9c9c}
.section6 img{display: block}
.section6 .hd{text-align: center}
.section6 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #666}
.section6 .hd li.on{background: #191B66}
.section7{ background: -webkit-radial-gradient(circle, #2A34A0, #141557);padding: 3% 0 0.8rem}
.section8 p{font-size: 0.23rem;color: #333;padding-top: 2%}
.section8 p strong{color: #4139ff}
.section9{background: #E3E6F4}
.section9 .over{display: flex}
.section9 .over div{flex: 1}
.section9 .over div:nth-child(2){margin: 0 0.05rem}
.section9 .over div dl{position: relative;margin-bottom: 0.2rem}
.section9 .over div dl dd{width: 100%;font-size: 0.22rem;color: #fff;background: rgba(39,48,151,0.7);text-align: center;position: absolute;left: 0;bottom: 0;padding: 2% 0}
.section9 .hd{text-align: center;padding-bottom: 0.5rem}
.section9 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #B7B7B7}
.section9 .hd li.on{background: #11104c}