@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #fff; font-size: 12px;min-width: 1100px!important; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color: #444;overflow-x: hidden;background: #fff;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.p-hide{
	display: none;
}
.section{
	display: inline-block;width: 100%;
}
.main{
	display: inline-block;width: 100%;position: relative;
}
.title{display: inline-block;width: 100%;}
.title h2{
	background: #fff;border-radius: 1rem;height: .88rem;line-height: .88rem;border: .02rem solid #c49483;box-shadow: 0 .03rem .1rem rgba(0, 0, 0, 0.25);display: inline-block;
}
.title h2>span{
	display: inline-block;float: left;
}
.title h2 .sp1{
	width: 2.73rem;height: .88rem;line-height: .88rem;font-size: .48rem;font-weight: bold;color: #fff;box-shadow: 0 .03rem .05rem rgba(0, 0, 0, 0.3);border-radius: 1rem;margin-left: -.02rem;
	background: #f29972;
	background: -webkit-linear-gradient(90deg,#f29972, #8b3111);
	background: -moz-linear-gradient(90deg,#f29972, #8b3111);
	background: -o-linear-gradient(90deg,#f29972, #8b3111);
	background: linear-gradient(90deg,#f29972, #8b3111);
}
.title h2 .sp2{
	font-size: .4rem;font-weight: bold;color: #8f3414;height: .88rem;line-height: .88rem;padding-left: .28rem;padding-right: .46rem;
}
.cot{
	display: inline-block;width: 100%;position: relative;
}
.sec2{
	background: url(../images/s2Bg.jpg) no-repeat center bottom;background-size: auto 5.91rem;height: 6.7rem;
}
.sec3{
	background: url(../images/s3Bg.jpg) no-repeat center top;background-size: auto 9.17rem;height: 9.17rem;
}
.sec4{
	background: url(../images/s4Bg.jpg) no-repeat center top;background-size: auto 9.09rem;height: 9rem;
}
.sec5{
	background: url(../images/s5Bg.jpg) no-repeat center top;background-size: auto 5.85rem;height: 5.85rem;
}
.sec6{
	background: url(../images/s6Bg.jpg) no-repeat center top;background-size: auto 8.62rem;height: 8.62rem;
}
.sec7{
	background: url(../images/s7Bg.jpg) no-repeat center top;background-size: auto 4.16rem;height: 4.16rem;
}

/* banner */
.banner-box{
	width: 100%;height:700px;position: relative;background: url(../images/banner_bg.jpg) no-repeat center top;font-size: 0; box-sizing: border-box;background-size: auto 700px;
}
.banner-box .logo{
	position: absolute;left: 0;top: .3rem;width: 1.62rem;
}
.banner-box .logo img{
	width: 100%;
}
.banimg{
	display: block;
}
.banimg1{
	width:7.53rem;display: inline-block;margin-top: 1.3rem;float: left;margin-left: .38rem;
}
.banimg3 {
    -webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
    animation: scaleUp 1.2s infinite ease-in-out alternate;
    width: 2.95rem;
    float: right;
    margin-right: .3rem;
    margin-top: 1.65rem;
}

/* sec1 */
.main1{
	height: 5.11rem;background: #2d5da4;border-radius: .2rem;margin-top: 1.21rem;
}
.cot1{
	width: 98%;margin:1.3% 1%;border-radius: .2rem;padding-top: .92rem;padding-bottom: .55rem;position: relative;
	background: #fff;
	background: -webkit-linear-gradient(180deg,#fff, #f2f7ff);
	background: -moz-linear-gradient(180deg,#fff, #f2f7ff);
	background: -o-linear-gradient(180deg,#fff, #f2f7ff);
	background: linear-gradient(180deg,#fff, #f2f7ff);
}
.s1tit{
	position: absolute;left: 0;top: -.6rem;
}
.s1sp{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.s1xqL{
	width: 5.8rem;
	height: 3.34rem;
	background: #e5e5e5;
	border-radius: .12rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.s1xqR .kcbtn{
	display: inline-block;width: 100%;margin-top: .05rem;
}
.s1xqR .kcbtn>a{
	display: inline-block;width: 4.33rem;height: .63rem;line-height: .63rem;border-radius: .08rem;font-size: .22rem;font-weight: bold;color: #fff;
	background: #032b67;
	background: -webkit-linear-gradient(180deg,#3564aa, #032b67);
	background: -moz-linear-gradient(180deg,#3564aa, #032b67);
	background: -o-linear-gradient(180deg,#3564aa, #032b67);
	background: linear-gradient(180deg,#3564aa, #032b67);
}
.s1xqL .playing {
    width: 96%;
    background: #000;
    margin: 0 auto;
}
.s1xqR{
    margin-left: .52rem;
    width: 4.33rem;	
}
.s1xqR li {
    display: flex;
    align-items: center;
    font-size: .2rem;
    color: #333333;
    margin-bottom: .21rem;
	cursor: pointer;
}
.s1xqR li i{
	display: inline-block;width: .3rem;height: .3rem;background: url(../images/play.png) no-repeat center top;background-size: 100%;margin-right: .12rem;
}
.s1xqR li span {
	display: inline-block;
    margin-left: auto;
    width: 1.2rem;
    text-align: center;
    line-height: .42rem;
    font-size: .2rem;
    font-weight: bold;
    cursor: pointer;
    border-radius: .08rem;
    color: #0a3371;
    border: .01rem solid #2b4e84;
	background: #fff;
}
.s1xqR li.cur{
	color: #963c1c;
}
.s1xqR li.cur span{
	font-weight: bold;color: #fff;
	border: .01rem solid #f29972;
	background: #f29972;
	background: -webkit-linear-gradient(right,#f29972,#8b3111);
	background: -o-linear-gradient(left,#f29972,#8b3111);
	background: -moz-linear-gradient(left,#f29972,#8b3111);
	background: linear-gradient(to right,#f29972,#8b3111)
}
.s1xqR li.cur i{
	background: url(../images/play1.png) no-repeat center top;background-size: 100%;
}
/* sec2 */
.s2tit{
	margin-top: .8rem;
}
.s2tit h2{
	border: .01rem solid #7c92b3;
}
.s2tit h2 .sp1{
    background: #022965;
    background: -webkit-linear-gradient(90deg, #3060a8, #022965);
    background: -moz-linear-gradient(90deg, #3060a8, #022965);
    background: -o-linear-gradient(90deg, #3060a8, #022965);
    background: linear-gradient(90deg, #3060a8, #022965);	
}
.s2tit h2 .sp2{
	color: #0a3371;
}
.cot2{
	margin-top: .59rem;
}
.cot2>div{
	display: inline-block;float: left;width: 3.58rem;height: 3.57rem;border: .01rem solid #0f3878;background: #fff;box-shadow: 0 0 .1rem rgba(0,0,0,0.05);margin-right: .34rem;position: relative;cursor: pointer;transition: all .8s;
}
.cot2>div:hover{
	transform: scale(1.1);
}
.cot2>div::after{
	display: inline-block;content: '';width: 2.69rem;height: 2.69rem;background: url(../images/s2img1.png) no-repeat right bottom;background-size: 100%;position: absolute;right: 0;bottom: -.2rem;
}
.cot2>div:last-child{
	margin-right: 0;
}
.cot2 .s2xq2{
	width: 4.08rem;
}
.cot2 .s2Tit{
	display: inline-block;width: 100%;height: .88rem;line-height: .88rem;font-size: .32rem;font-weight: bold;color: #fff;
	background: #3060a8;
	background: -webkit-linear-gradient(180deg,#3060a8, #022965);
	background: -moz-linear-gradient(180deg,#3060a8, #022965);
	background: -o-linear-gradient(180deg,#3060a8, #022965);
	background: linear-gradient(180deg,#3060a8, #022965);
	
}
.s2Tit img{
	width: .56rem;vertical-align: middle;margin-right: .18rem;
}
.s2P{
	width: 80%;text-align: left;font-size: .2rem;color: #333;margin: .25rem 10% 0;line-height: .32rem;
}
/* sec3 */
.s3tit{
	margin-top: .7rem;
}
.cot3{
	margin-top: .56rem;
}
.cot3>div{
	display: inline-block;width: 3.11rem;height: 3.48rem;background: url(../images/s3img1.png) no-repeat center top;background-size: 100%;float: left;margin-left: -.08rem;cursor: pointer;transition: all .8s;
}
.cot3>div:hover{
	transform: scale(1.1);
}
.cot3>div:nth-of-type(4){
	position: absolute;top: 0;right:-.06rem;
}
.cot3>div:nth-of-type(5){
	margin-left: 1.4rem;
}
.cot3>div:nth-of-type(n+5){
	margin-top: -.6rem;
}
.s3xq>img{
	margin-top: -.12rem;
}
.s3xq .p1{
	font-size: .26rem;font-weight: bold;color: #0a3371;line-height: .33rem;margin-top: .25rem;
}

.s3xq .p2{
	font-size: .2rem;color: #333;width: 71%;margin: .14rem 14.5% 0;
}
.cot3 .s3xq1{
	margin-left: -.13rem;
}
/* sec4 */
.s4tit{
	margin-top: .78rem;
}
.cot4{
	margin-top: .45rem;
}
.cot4>div{
	display: inline-block;width: 5.8rem;margin-bottom: .33rem;margin-right: .36rem;float: left;box-shadow: 0 .05rem .1rem rgba(0,0,0,0.3);border-radius: .2rem;cursor: pointer;transition: all .8s;
}
.cot4>div:hover{
	transform: scale(1.1);
}
.cot4>div:nth-of-type(2n){
	margin-right: 0;
}
.cot4 .s4x1{
	background: url(../images/s4img1.png) no-repeat center top;background-size: 100%;height: 2.52rem;
}
.cot4 .s4x2{
	background: url(../images/s4img2.png) no-repeat center top;background-size: 100%;margin-top: .49rem;height: 2.51rem;
}
.cot4 .s4x3{
	background: url(../images/s4img3.png) no-repeat center top;background-size: 100%;margin-top: -.5rem;height: 2.35rem;
}
.cot4 .s4x4{
	background: url(../images/s4img4.png) no-repeat center top;background-size: 100%;height: 2.34rem;
}
.s4xq .p1{
	width: 3.3rem;height: .54rem;line-height: .54rem;background: #fff;border-top-right-radius: 1rem;border-bottom-right-radius: 1rem;font-size: .3rem;font-weight: bold;color: #0a3371;margin-top: .36rem;
}
.s4xq .p2{
	font-size: .2rem;color: #fff;color: #fff;text-align: left;width: 84%;margin-left: .4rem;line-height: .3rem;margin-top: .24rem;
}
.s4tit h2{
	border: .01rem solid #7c92b3;
}
.s4tit h2 .sp1{
    background: #022965;
    background: -webkit-linear-gradient(90deg, #3060a8, #022965);
    background: -moz-linear-gradient(90deg, #3060a8, #022965);
    background: -o-linear-gradient(90deg, #3060a8, #022965);
    background: linear-gradient(90deg, #3060a8, #022965);	
}
.s4tit h2 .sp2{
	color: #0a3371;
}
.s4x2 .p1{
	color: #8f3414;
}
.s4x3 .p1{
	color: #8f3414;
}
/* sec5 */
.main5 {
    background: #2d5da4;
    border-radius: .2rem;
}
.cot5 {
    width: 97%;
    margin: 1.5%;
    border-radius: .2rem;
    padding-top: .77rem;
    position: relative;
    background: #fff;
    background: -webkit-linear-gradient(180deg, #fff, #f2f7ff);
    background: -moz-linear-gradient(180deg, #fff, #f2f7ff);
    background: -o-linear-gradient(180deg, #fff, #f2f7ff);
    background: linear-gradient(180deg, #fff, #f2f7ff);
}
.s5tit {
    position: absolute;
    left: 0;
    top: -.6rem;
}
.s5C {
	width: 100%; clear: both;display: inline-block;
}

.s5C table {
  width: 11.2rem;
}

.s5C thead {
  background: #022965;
  background: -webkit-linear-gradient(top, #3060a8, #022965);
  background: -o-linear-gradient(bottom, #3060a8, #022965);
  background: -moz-linear-gradient(bottom, #3060a8, #022965);
  background: linear-gradient(to bottom, #3060a8, #022965)
}

.s5C table th {
  line-height: 0.62rem;
  font-size: 0.24rem;
  color: #ffffff;
  font-weight: bold
}

.s5C table th:nth-of-type(1) {
  border-radius: 0.08rem 0 0 0;width: 16%
}

.s5C table th:nth-of-type(2) {
  width: 16%
}

.s5C table th:nth-of-type(3) {
  width: 16%
}

.s5C table th:nth-of-type(5) {
  width: 16%
}

.s5C table th:nth-last-of-type(1) {
  border-radius: 0 0.08rem 0 0
}

.s5C td {
  color: #333;
  font-size: .18rem;
  border: 0.01rem solid #2d5da4;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  line-height: 0.28rem
}
.s5C td.fuwu{
	text-align: left;padding-left: .3rem;line-height: .25rem;
}
.s5C td label{
	font-size: .24rem;
}
.s5C table td b {
  font-weight: bold
}

.s5C table td h5 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #0a3371;
  font-weight: bold;
  font-size: 0.24rem;
  padding: 0 0.2rem
}

.s5C table a {
  display: inline-block;
  width: 1.1rem;
  height: 0.36rem;
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
  line-height: 0.36rem;
  background: #fa4e4e;
  	background: -webkit-linear-gradient(#fa4e4e, #ff9979);
  	background: -moz-linear-gradient(#fa4e4e, #ff9979);
  	background: -o-linear-gradient(#fa4e4e, #ff9979);
  	background: linear-gradient(#fa4e4e, #ff9979);
  border-radius: 0.18rem;
  margin: 0.2rem auto 0;
}
.s5C table i{
	color: #ff0000;
}
.s5C table .fuwu b{color: #022965;}
.s5ts{
	font-size: .18rem;color: #666;line-height: .28rem;margin: .18rem auto .2rem;
}
/* sec6 */
.s6tit{
	margin-top: .2rem;
}
.s6tit h2{
	border: .01rem solid #7c92b3;
}
.s6tit h2 .sp1{
    background: #022965;
    background: -webkit-linear-gradient(90deg, #3060a8, #022965);
    background: -moz-linear-gradient(90deg, #3060a8, #022965);
    background: -o-linear-gradient(90deg, #3060a8, #022965);
    background: linear-gradient(90deg, #3060a8, #022965);	
}
.s6tit h2 .sp2{
	color: #0a3371;
}
.cot6{
	margin-top: .49rem;
}
.cot6>div{
	display: inline-block;width: 100%;
}
.s6T>div{
	display: inline-block;width: 2.83rem;height: 2.55rem; border: .01rem solid #0f3878;background: #fff;border-radius: .2rem;margin-right: .19rem;float: left;transition: all .8s;cursor: pointer;
}
.s6T>div:hover{
	transform: scale(1.1);
}
.s6T>div:last-of-type{
	margin-right: 0;
}
.s6T .s6p1{
	height: 2.27rem;margin-top: 1.79rem;
}
.s6T .s6p3 .p1{
	padding: 0 .16rem;
}
.s6xq>p{
	font-size: .18rem;color: #333;text-align: left;width: 84%;margin: 0 8%;line-height: .28rem;
}
.s6xq .p1{
	width: auto; height: .54rem;line-height: .54rem;font-size: .28rem;font-weight: bold;color: #fff;border-radius: 1rem;margin: .29rem auto .18rem;padding: 0 .22rem;display: inline-block;text-align: center;
	background: #022965;
	background: -webkit-linear-gradient(90deg, #3060a8, #022965);
	background: -moz-linear-gradient(90deg, #3060a8, #022965);
	background: -o-linear-gradient(90deg, #3060a8, #022965);
	background: linear-gradient(90deg, #3060a8, #022965);
}
.s6B>img {
    clear: both;
    display: block;
    margin: 0 auto;
}
.s6B .s6img1{
	margin-top: -1.04rem;
}
.s6B .s6img2{
	margin-top: -2.4rem;animation: fudong 1.2s infinite alternate linear;
}
/* sec7 */
.cot7>div{
	display: inline-block;width: 100%;
}
.cot7 .s7T{
	width: 9.77rem;margin-top: .43rem;
}
.s7T img{
	width: 100%;
}
.cot7 .s7B{
	width: 81%;margin: 0 9.5% 0;
}
.s7B>div{
	display: inline-block;float: left;width: 2.91rem;height: 1.07rem;background: url(../images/s7img3.png) no-repeat center top;background-size: 100%;position: relative;margin: .7rem auto 0;margin-right: .48rem;
}
.s7B>div:last-child{
	margin-right: 0;
}
.s7xq .p1{
	width: 1.74rem;height: .54rem;line-height: .54rem;border-radius: 1rem;margin: -.25rem auto 0;
	font-size: .3rem;font-weight: bold;color: #8f3414;
	background: #f5d58c;
	background: -webkit-linear-gradient(180deg, #fff9d7, #f5d58c);
	background: -moz-linear-gradient(180deg, #fff9d7, #f5d58c);
	background: -o-linear-gradient(180deg, #fff9d7, #f5d58c);
	background: linear-gradient(180deg, #fff9d7, #f5d58c);
}
.s7xq .p2{
	font-size: .2rem;color: #8ed6ff;
}
.s7img2 {
    position: absolute;bottom: -.66rem;left: -.4rem;animation: scale3 1s infinite alternate ease-in-out;
}
.s7img1 {
    animation: scale3 2s infinite alternate ease-in-out;
}
.s7img3 {
    animation: scale3 1.5s infinite alternate ease-in-out;
}

@keyframes fudong{
    0%{transform: translateY(-20px);}
    100%{transform: translateY(0);}
}
@keyframes scale3{
  0%{transform: scale(.8);}
  100%{transform: scale(1.2);}
}
@keyframes scale3{
  0%{transform: scale(.8);}
  100%{transform: scale(1.2);}
}