@charset "utf-8";
/* CSS Document */

body{padding:0;margin: 0 auto;font-family:"Microsoft YaHei";min-width:320px;max-width: 640px;font-size: 16px!important;}
ol,ul{list-style:none;}
img{vertical-align:top;display:block;border:none;}
a{color:#333;cursor:pointer;text-decoration:none;}
html{font-size: 100px;}

.banner img{width:100%;}

.content{margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background:url(../images/bg.jpg) repeat center #486ff8;
	background-size:6.4rem 0.01rem;}
	
.part{
    padding-bottom:0.5rem;
    width:100%;
    background: url(../images/line.jpg) no-repeat center bottom;
    background-size:6.4rem 0.01rem;
}
.title{
    padding:0.3rem 0 0.1rem;
    width:100%;
}
.title h2{
    font-size:0.24rem;
    line-height:0.44rem;
    text-align:center;
    color:#ffe15c;
    font-weight:bold;
    background:url(../images/title.png) no-repeat center;
    background-size:6.4rem 0.44rem;
}
.title p{
    margin-top:0.08rem;
    font-size:0.20rem;
    line-height:0.20rem;
    text-align:center;
    color:#ffffff;
}

.main{
    margin:0 auto;
    width:96%;
}
.main ul{ padding:0; margin:0;}
.p1 ul li{
    margin-top:0.08rem;
    margin-left:0.2rem;
    width:5.9rem;
    height:1.9rem;
    overflow:hidden;
}
.p1 ul li.l1{
    background:url(../images/p1-img1.png) no-repeat center;
    background-size:5.9rem 1.9rem;
}
.p1 ul li.l2{
    background:url(../images/p1-img2.png) no-repeat center;
    background-size:5.9rem 1.96rem;
}
.p1 ul li.l3{
    background:url(../images/p1-img3.png) no-repeat center;
    background-size:5.9rem 1.9rem;
}
.p1 ul li.l4{
    background:url(../images/p1-img4.png) no-repeat center;
    background-size:5.9rem 1.9rem;
}
.p1 ul li .info{
    margin-top:0.7rem;
    margin-left:3.14rem;
}
.p1 ul li.l2 .info, .p1 ul li.l4 .info{
    margin-left:1.06rem;
}
.p1 ul li .info h2{
    font-size:0.22rem;
    line-height:0.22rem;
    color:#ffe15c;
    font-weight:bold;
}
.p1 ul li .info p{
    margin-top:0.18rem;
    font-size:0.18rem;
    line-height:0.25rem;
    color:#ffffff;
}
.part .link{
    margin:0.3rem auto 0;
    width:3.5rem;
    height:0.8rem;
    line-height:0.8rem;
    font-size:0.3rem;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    text-shadow:-2px -2px 2px #ff7e00;
    display:block;
    background:url(../images/link.png) no-repeat left center;
    background-size:3.5rem 0.8rem;
}	
.p2 .box{
    width:100%;
    height:5.55rem;
    position:relative;
    background:url(../images/p2-img.png) no-repeat center 0.52rem;
    background-size:6.4rem 3.41rem;
}
.p2 .box .txt{
    top:1.07rem;
    left:50%;
    margin-left:-1.40rem;
    width:2.88rem;
    height:2.58rem;
    position:absolute;
    background:url(../images/p2-txt.png) no-repeat center;
    background-size:2.88rem 2.58rem;
    animation:1s op1 infinite linear;
}
.p2 .box .info{
    width:1.7rem;
    height:0.57rem;
    position:absolute;
    background:url(../images/p2-line1.png) no-repeat center;
    background-size:1.3rem 0.03rem;
    animation:1s op2 infinite linear;
}
.p2 .box .info h2{
    font-size:0.20rem;
    line-height:0.01rem;
    color:#ffffff;
    text-align:center;
	font-weight:normal;
}
.p2 .box .info h2 span{
    font-weight:bold;
    color:#ffe15c;
}
.p2 .box .info p{
    margin-top:0.15rem;
    font-size:0.22rem;
    line-height:0.22rem;
    font-weight:bold;
    color:#ffe15c;
    text-align:center;
}
.p2 .box .info.i1{
    top:1.38rem;
    left:0.2rem;
}
.p2 .box .info.i2{
    top:3.28rem;
    left:0.2rem;
}
.p2 .box .info.i3{
    top:0;
    left:50%;
    margin-left:-1.25rem;
    width:2.5rem;
    height:0.35rem;
    position:absolute;
    background:url(../images/p2-line2.png) no-repeat bottom;
    background-size:2.5rem 0.03rem;
}
.p2 .box .info h2 span{
    font-weight:bold;
    color:#ffe15c;
}
.p2 .box .info.i4{
    top:4.71rem;
    left:50%;
    margin-left:-1.25rem;
    width:2.5rem;
    height:0.35rem;
    position:absolute;
    background:url(../images/p2-line2.png) no-repeat top;
    background-size:2.5rem 0.03rem;
}
.p2 .box .info.i4 h2{
    /*margin-top:0.09rem;*/
}
.p2 .box .info.i5{
    top:1.38rem;
    right:0.2rem;
}
.p2 .box .info.i6{
    top:3.28rem;
    right:0.2rem;
}
.p2 .box h3{
	font-weight:normal;
    bottom:0;
    right:0.2rem;
    font-size:0.18rem;
    line-height:0.18rem;
    color:#ffffff;
    text-align:right;
    position: absolute;
}
.tu{ width:90%; margin:2% auto;}
.tu img{ width:100%;}

.p9 .main{
    height:3.3rem;
    position:relative;
}
.p9 .img{
    top:0;
    left:50%;
    margin-left:-1.65rem;
    width: 3.3rem;
    height:3.3rem;
    position:absolute;
    background:url(../images/p9-y.png) no-repeat center;
    background-size:3.3rem 3.3rem;
    animation:5s y1 infinite linear;
}
.p9 ul{
    height:3.3rem;
    position:relative;
}
.p9 ul li{
    padding-right:0.2rem;
    font-size:0.16rem;
    text-align:left;
    color:#ffffff;
    line-height:0.25rem;
    position:absolute;
    background:url(../images/p9-tag.png) no-repeat right center;
    background-size:0.2rem 0.24rem;
}
.p9 ul li.tag{
    padding-left:0.34rem;
    padding-right:0;
    background:url(../images/p9-tag.png) no-repeat left center;
    background-size:0.2rem 0.24rem;
}
.p9 ul li.last{
    width:3rem;
}
.p9 ul li.l1{
    top:0.12rem;
    left:1.02rem;
}
.p9 ul li.l2{
    top:0.83rem;
    left:0.28rem;
}
.p9 ul li.l3{
    top:1.53rem;
    left:-0.02rem;
}
.p9 ul li.l4{
    top:2.24rem;
    left:0.25rem;
}
.p9 ul li.l5{
    top:2.93rem;
    left:0.97rem;
}
.p9 ul li.l6{
    top:0.12rem;
    left:3.69rem;
}
.p9 ul li.l7{
    top:0.83rem;
    left:4.4rem;
}
.p9 ul li.l8{
    top:1.53rem;
    left:4.5rem;
}
.p9 ul li.l9{
    top:2.24rem;
    left:4.35rem;
}
.p9 ul li.l10{
    top:2.93rem;
    left:3.6rem;
}
.p9 .info{
    top:1rem;
    left:50%;
    margin-left:-1.42rem;
    width:2.84rem;
    position:absolute;
}
.p9 .info h2{
    font-size:0.35rem;
    font-weight:bold;
    line-height:0.46rem;
    text-align:center;
    color:#ffffff;
	padding:0;
	margin:0;
}
.p9 .info p{
    margin-top:0.2rem;
    font-size:0.14rem;
    line-height:0.14rem;
    text-align:center;
    color:#ffffff;
}
.p9 .info .jt{
    top:1.6rem;
    left:50%;
    margin-left:-0.08rem;
    width:0.17rem;
    height:0.1rem;
    display:block;
    position:absolute;
    animation:1s tp3 infinite linear;
}

#th{
    margin:0 auto;
    width:6.0rem;
    height:4.25rem;
    overflow:hidden;
    border:0.04rem dashed #33ecff;
}
#th .box{
    margin:0 auto;
    width:98%;
}
#th .box .img{
    margin-top:0.37rem;
    float:left;
    width:2.2rem;
    height:3.05rem;
}
#th .box .img.t1{
    background:url(../images/scg.jpg) no-repeat center;
    background-size:2.08rem 2.84rem;
}
/*#th .box .img.t2{
    background:url(../images/ljn.jpg) no-repeat center;
    background-size:2.08rem 2.84rem;
}*/
#th .box .img.t3{
    background:url(../images/ljn.jpg) no-repeat center;
    background-size:2.08rem 2.84rem;
}
#th .box .img.t4{
    background:url(../images/wtt.jpg) no-repeat center;
    background-size:2.08rem 2.84rem;
}
/*#th .box .img.t5{
    background:url("../img/t5.jpg") no-repeat center;
    background-size:2.4rem 3.25rem;
}*/
#th .box .img.t6{
    background:url(../images/tanxue.jpg) no-repeat center;
    background-size:2.08rem 2.84rem;
}
#th .box .te{
    margin-top:2.55rem;
    margin-left:0.2rem;
    width:2.0rem;
    height:0.4rem;
    font-size:0.18rem;
    line-height:0.4rem;
    text-align:center;
    color:#ffffff;
    background:rgba(68,68,225,0.6);
	font-weight:normal;
}
#th .box .te span{
    font-size:0.18rem;
}
#th .box .info{
    margin-top:0.47rem;
    float:right;
    width:3.6rem;
}
#th .box .info h2{
    font-size:0.20rem;
    /*line-height:0.20rem;*/
    color:#ffffff;
    text-indent:0.1rem;
	font-weight:normal;
	margin:0;
	padding:0;
}
#th .box .info ul{
    margin-bottom:0.37rem;
    width:4rem;
}
#th .box .info ul li{
    margin-top:0.1rem;
    margin-right:0.1rem;
    float:left;
    width:1.6rem;
    height:0.59rem;
    font-size:0.18rem;
    line-height:0.59rem;
    text-align:center;
    color:#ffffff;
    background:url(../images/p10-tag.png) no-repeat center;
    background-size:1.6rem 0.59rem;
}
#th .box .info .txt{
    margin-top:0.1rem;
    width:3.5rem;
    height:0.63rem;
    background:url(../images/p10-txt.png) no-repeat center;
    background-size:3.5rem 0.63rem;
    overflow:hidden;
}
#th .box .info .txt p{
    margin-top:0.1rem;
    font-size:0.17rem;
    line-height:0.24rem;
    text-align:center;
    color:#ffffff;
}

.yds5_show{margin: 3% auto;padding: 0;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-between;width: 95%}
.yds5_show li{width: 32%;margin: 1% 0;font-size: 0.16rem;font-weight:bold;line-height: 2.2em;height: 2.2em;background: #00a0e9;color: white; text-align:center;}

.zzjs_net {widtH: 98%;margin: 0 auto;}
.zzjs_net ul {overflow: hidden;list-style: none;padding: 0 0 0;display: flex;justify-content: space-between}
.zzjs_net ul li {width: 23.5%;/*border-radius: 0.07rem;*/line-height: 0.35rem;cursor: pointer;text-align: center;letter-spacing: 0.02rem;font-weight: bold;padding: 0;position: relative;}
.zzjs_net ul li h1 {widtH: 100%;margin: 0 auto;/*border-radius: 0.07rem;*/font-size: 1em;text-align: center;background: #6f80f7;color: white;padding: 2%}
.zzjs_net ul li h1:hover{background: #32cafc;}


.www_zzjs_net_3 .main{
    height:2.5rem;
    position:relative;
}

.www_zzjs_net_3 .txt2{
    
    width:6.12rem;
    height:2.50rem;
    position:absolute;
    background:url(../images/p8-img2.png);
    background-size:6.12rem 2.5rem;
    animation:1.5s op2 infinite ease-in;
}
.www_zzjs_net_3 .txt3{
    
    width:6.12rem;
    height:2.8rem;
    position:absolute;
    background:url(../images/er.png);
    background-size:6.12rem 2.8rem;
    animation:1.5s op2 infinite ease-in;
}
.www_zzjs_net_3 .txt4{
    
    width:6.12rem;
    height:2.8rem;
    position:absolute;
    background:url(../images/san.png);
    background-size:6.12rem 2.8rem;
    animation:1.5s op2 infinite ease-in;
}

.www_zzjs_net_3 .txt5{
    
    width:6.12rem;
    height:1.96rem;
    position:absolute;
    background:url(../images/si.png);
    background-size:6.12rem 1.96rem;
    animation:1.5s op2 infinite ease-in;
}

@keyframes op2 {
    0%{opacity:0.6}
    50%{opacity:1}
    100%{opacity:0.6}
}
@keyframes y1 {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@keyframes y2 {
    0%{transform:rotate(360deg)}
    100%{transform:rotate(0deg)}
}
@keyframes op1 {
    0%{opacity:1}
    50%{opacity:0.6}
    100%{opacity:1}
}
@keyframes lx1 {
    0%{top:0;left:110%;opacity:0}
    50%{opacity:1}
    100%{top:60%;left:-10%;opacity:0}
}
@keyframes lx2 {
    0%{top:30%;left:100%;opacity:0}
    50%{opacity:1}
    100%{top:60%;left:30%;opacity:0}
}
@keyframes lx3 {
    0%{top:10%;left:50%;opacity:0}
    50%{opacity:1}
    100%{top:40%;left:-10%;opacity:0}
}
@keyframes yun1 {
    0%{transform:scale(1)}
    50%{transform:scale(1.1)}
    100%{transform:scale(1)}
}
@keyframes yun2 {
    0%{transform:scale(1.1)}
    50%{transform:scale(1)}
    100%{transform:scale(1.1)}
}
@keyframes lx4 {
    0%{top:-20%;left:100%;opacity:0}
    50%{opacity:1}
    100%{top:80%;left:-10%;opacity:0}
}
@keyframes lx5 {
    0%{top:30%;left:90%;opacity:0}
    50%{opacity:1}
    100%{top:70%;left:50%;opacity:0}
}
@keyframes lx6 {
    0%{top:-10%;left:30%;opacity:0}
    50%{opacity:1}
    100%{top:30%;left:-10%;opacity:0}
}
@keyframes tp1 {
    0%{top:0;}
    50%{top:10%;}
    100%{top:0;}
}
@keyframes tp2 {
    0%{top:10%;}
    50%{top:0;}
    100%{top:10%;}
}
@keyframes tp3 {
    0%{top:120%;}
    50%{top:130%;}
    100%{top:120%;}
}
@keyframes lx7 {
    0%{top:0;left:110%;opacity:0}
    50%{opacity:1}
    100%{top:80%;left:-10%;opacity:0}
}
@keyframes lx8 {
    0%{top:30%;left:100%;opacity:0}
    50%{opacity:1}
    100%{top:100%;left:30%;opacity:0}
}@keyframes lx9 {
    0%{top:10%;left:50%;opacity:0}
    50%{opacity:1}
    100%{top:50%;left:-10%;opacity:0}
}