*{padding: 0;margin: 0;}
ul,li{list-style: none;}
/*body{background: url(../zn_images/bg.png) 100%  repeat-y; background-size: 100%;min-height: 100%;}*/
.main{padding-top:70px; background-size: 100% auto; background: url(../zn_images/bg.jpg) left top no-repeat;background-size: 100%; min-width: 100%;}
.banner{width: 100%;height: 8.18rem; background: url(../zn_images/banner.jpg) center no-repeat;background-size: 100%; margin: auto;}
.container{width: 15.52rem; margin: auto;}
.tltlepic{display: block;margin: auto; width: 6.97rem;height: auto; margin-top: .3rem;}
.title2{margin-bottom: .3rem;}
.xjq{  width: 2.47rem; height: 0.97rem;display: block;cursor: pointer; position: absolute;top: -0.55rem; left: 50%; margin-left: -1.235rem;}
.xjq:hover{animation: dh 1s  infinite;}

@keyframes dh
{
	0% {transform:rotate(-7deg)}
	25% {transform:rotate(7deg)}
	50% {transform:rotate(-7deg)}
	75% {transform:rotate(7deg)}
	100% {transform:rotate(-7deg)}
}
.title1{margin-top:.23rem; margin-bottom: .78rem;}
.box1 .content{width: 12.77rem;height: 3.32rem; position: relative; margin: auto; }
.box1 .content .line1{content: ""; width: .35rem; height: .03rem; background: #ff0000; position: absolute; left:0;top: 0}
.box1 .content .line2{content: "";width: .03rem; height: .35rem; background: #ff0000; position: absolute; left:0;top: 0;}
.box1 .content .line3{content: "";width: .35rem; height: .03rem; background: #ff0000; position: absolute; right: 0;bottom: 0;}
.box1 .content .line4{content: "";width: .03rem; height: .35rem; background: #ff0000; position: absolute; right:0;bottom:0;}
.box1 .content ul{padding-left: .86rem; padding-top: .17rem;}
.box1 .content li{ float: left; width: 2.04rem; margin-right:.3rem; height: 3.17rem;}
.box1 .content h2{ font-size: .24rem; color:#884123;line-height: .3rem ; padding-top: .1rem;text-align: center; font-family: '宋体';}
.box1 .content li img{ width: 100%; height: auto;border-radius: 50%;}
.box1{height: 4.77rem; padding-top: .44rem; box-sizing: border-box; background: url(../zn_images/xx.png) left top no-repeat #fff; background-size: 1.2rem 2rem;}
.box2{ width: 15.52rem;height: 4.80rem; background: rgba(255,255,255,.53)}
.box2 .content{width: 10.27rem; margin: auto;padding-top: .65rem ;overflow: hidden; margin-bottom: .3rem;}
.box2 .card{ position: relative; float: left; width: 4.59rem;height: 2.54rem; background:url(../zn_images/zxzc.png);border-radius: .1rem; background-size: 100%;}
.box2 .card1{ position: relative; float: left; width: 4.59rem;height: 2.54rem; border-radius: .1rem; background-size: 100%;}
.box2 .redtxt2{width: 12.45rem;margin: auto;}
.box2 .card:last-child{float: right; background:url(../zn_images/xmsc.png);border-radius: .1rem;background-size: 100%}
.redtxt{ background: #ff0000; box-sizing: border-box;padding: .05rem; text-align: center; width: 7.38rem;margin:.15rem auto 0 auto ;font-size: .23rem;line-height: .26rem; color: #fff;font-family: '宋体'; position: relative;}
.redtxt::after{width: 7.9rem;position: absolute; bottom: -0.12rem; border-bottom: 1px dashed  #ff0000; left: -0.3rem;content: "";}
.title4{margin-bottom: .2rem;}
.box2 .card .btn{ transition: opacity .3s ease-in; cursor: pointer; width: 2.37rem;height: .72rem; position: absolute; left: 1.08rem;bottom: .44rem;}
.box2 .card .btn:hover{  opacity: .8;}
.redtxt2{font-size: .30rem; font-family: '宋体'; text-align: center; padding-bottom: .14rem;border-bottom: 1px dashed #ff0000; color: #ff0000;}

.box3{width: 15.52rem; margin: .38rem auto; height: 4.14rem;}
.box3 img{width: 100% ;height: auto;}

.box4{width: 15.52rem; height: 7.6rem;background: rgba(255,255,255,.53); margin: auto; }
.box4 img{width: 2.16rem;height: 2.16rem;border-radius: 50%; border:1px solid #ff0000; display: block; margin: auto;}
.box4 ul{height: 6rem; width: 12.6rem;margin: auto;}
.box4 li{ width:4.2rem; float: left; padding-top: .36rem;}
.box4 li h2{ padding-top: .18rem; color: #666666;font-size: .21rem;text-align: center; font-weight: normal; line-height: .26rem; font-family: 'microsoft yahei';}
.box4 .redtxt{ width: 9.5rem; height: 0.61rem;line-height: 0.61rem; padding: 0;}
.box4 .redtxt::after{display: none;}
.box4 .jg{font-family: '宋体'; color: #eb3e12;font-size: 0.36rem;text-align: center; display: block; margin: auto; margin-bottom: .2rem; padding-top: .1rem;}
.box4 .fx{ box-sizing: border-box; font-family: 'microsoft yahei'; font-weight: 100; font-size: .42rem; line-height: .44rem;color: #eb3e12;text-align: center; width: 2.39rem;height: 1rem;background: url(../zn_images/fxbg.png); background-size: 100%; display: block; margin: auto;}
.box5 { padding: .4rem; text-align: center; overflow: hidden;}
.box4 .fx2{background: url(../zn_images/fxbg2.png);}
.box5 .card{ border-radius: .3rem; width: 2.9rem;height: 5.14rem; float: left; margin-left: .57rem; float: left; border: 2px solid #8c77e2;background: #fff; margin-left: .55rem; box-shadow: 0 0 .2rem #cce6ab;}
.box4 .sqbtn{width: 1.63rem;height: 0.59rem;display: block;margin:auto; text-align: center;;color: #fff;font-size: .3138rem; background: #ff0000; text-decoration: none;line-height: 0.59rem;;}
.box5 .card .head{width: 2.48rem; height: 2.92rem; border-radius: .1rem; margin: .21rem; margin-bottom: 0;}
.box5 .card h2{font-size: .199rem; text-align: center;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; color: #666666; font-weight: normal; display: block; margin:0 10px}
.box5 .card p{text-align: center; padding: .1rem; color: #666666;font-size: .12rem;line-height: 0.15rem ; padding-top: .05rem;}
.endsqbtn{width: 2.39rem;height: 0.59rem;display: block;margin:auto; text-align: center;;color: #fff;font-size: .3138rem; background: #ff0000; text-decoration: none;line-height: 0.59rem;;}
.redtxt3{font-size: .30rem; font-family: '宋体'; text-align: center; padding-bottom: .14rem;border-bottom: 1px dashed #ff0000; color: #ff0000; clear: both; width: 16.57rem;}
.footer{ text-align: center;font-size: .3rem;line-height: .41rem; color: #282828;padding-top: .9rem ; padding-bottom: .6rem;}
.box6{height: 5.57rem; background: rgba(255,255,255,.53); position: relative; box-sizing: border-box;padding-top: .7rem;}
.box6 .content{width: 14.13rem;height: 3.25rem;background: #fff; margin: auto;margin-bottom: .3rem;}
.box6 .content ul{padding-left: 0.04rem; padding-top: .08rem;}
.box6 .content li{float: left; padding-left: 0.08rem;}
.box6 .content .img1{width: 4.42rem;height: 3.07rem;}
.box6 .content .img2{width: 4.82rem;height: 3.07rem;}
.box6 .content .img3{width: 4.53rem;height: 3.07rem;}
.lqbtn{width: 1.36rem;height: 0.46rem; border: 1px solid #ff0000;line-height: 0.46rem; text-align: center;;font-family: '宋体'; display: block; margin: auto; font-size: .31rem; color: #ff0000;text-decoration: none; margin-bottom: .17rem;}
.lqbtn2{width: 1.36rem;height: 0.46rem; border: 1px solid #ff0000;line-height: 0.46rem; text-align: center;;font-family: '宋体'; display: block; margin: auto; font-size: .31rem; color: #fff; background: #ff0000;text-decoration: none; margin-bottom: .17rem;}
.box6 .redbox{width: 5.69rem;height: 0.47rem;background: #ff0000;color: #fff;font-size: .3rem;text-align: center;line-height: 0.47rem;font-family: '宋体';margin: auto;}
.box7{width: 15.52rem;height: 5.51rem; margin: auto; position: relative; margin-bottom: .3rem;background: rgba(255,255,255,.53);}
.box7 img{width: 13.45rem;height: 4.54rem; display: block; margin: auto; box-sizing: border-box; margin-bottom: .3rem; }
.box7  .sqbt{width: 3.3rem;height: .65rem;background: red; line-height: .65rem;text-align: center;font-size: 0.3457rem;color: #fff;font-family: '宋体'; text-decoration: none; display: block; position: absolute;top: 3.33rem;left: 50%;margin-left: -1.65rem;}
.box7 .redtxt2{width:12.46rem ;margin: auto;}
.box8{height: 4.55rem;width: 15.52rem;background: rgba(255,255,255,.53);;}
.box8 ul{ padding-top: .50rem;  overflow: hidden; padding-bottom: .26rem;}
.box8 .content li:first-child{margin-left: .82rem;}
.box8 .content li{width: 3.25rem;height: 2.24rem;float: left; margin-left: .27rem; position: relative;}
.box8 .content li .pic{width: 3.25rem;height: 2.24rem;}
.box8 .content li .btn{ width: 2.43rem;height: 0.52rem;position: absolute;;bottom: .23rem;left: .38rem;z-index: 2;cursor: pointer;}
.box8 .content  .lqbtn{width: 2.54rem;height: .52rem;background: red; color: #fff;font-size:.276rem; text-align: center; display: block;margin: auto; line-height:  .52rem; margin-bottom: .2rem;}
.box8 .content .redbox{ background: #ff0000;width: 9.11rem;height: .63rem; color: #fff; margin: auto;text-align: center; line-height: .26rem; padding-top: .1rem;}
.bottomcard{ width: 13.92rem; padding: .3rem 0; margin: auto;}
.bottomcard .card{width: 2.98rem;height: 1.45rem; margin-left: .4rem;}
a:hover{opacity: 0.8;}
.tltlepic2{margin-top: .1rem;}
@media (max-width:1024px) {
	.container{width: 7.5rem;}
	.tltlepic{width: 80%;}
	.bannner{width: 100%;}
	.banner{width:7.5rem;height:5rem; background: url(../zn_images/banner.jpg) center no-repeat;background-size: auto 100%;}
	.main{ background: url(../zn_images/bg_m.png) repeat-y; background-size: 100%;}
	.box1 .content li{ width:50%; margin: 0;}
	.box1 .content ul{ padding: 0;}
	.box1 .content .line1{ left:0;top: 0}
	.box1 .content .line2{ left:0;top: 0;}
	.box1 .content .line3{right: 0;bottom: 0;}
	.box1 .content .line4{ right:0;bottom:0;}
	.box1 .content{ width: 7.5rem;}
	.box1{height: auto;}
	.box1 .content{height: auto;overflow: hidden;}
	.box1 .content li img{width: 2rem; margin:auto; display: block;}
	.box2 .card,.box2 .card:last-child{ margin: auto;clear: both; float: none; margin-bottom: .2rem;}
	.box2 .card1,.box2 .card1:last-child{ margin: auto;clear: both; float: none; margin-bottom: .2rem;margin-left: auto !important;}
	.box2{width: 100%;height: auto;}
	.box2 .content{ width: 100%;}
	.box2 .redtxt2{ width: 80% ;margin: auto;}
	.box3{width: 100%;height: auto;}
	.box4{width:100%;height: auto;}
	.box4 ul{height: auto; overflow: hidden;}
	.box4 li{width: 50%;}
	.box4 li:first-child{margin-left: 0;}
	.box4 .redtxt{width: 100%;height: auto; padding: .1rem;box-sizing: border-box;}
	.box5 .card{width:7.1rem; margin: auto;float: none; margin-bottom: .4rem; height: auto;}
	.box5 .card:first-child{margin:auto;margin-bottom: .4rem;}
	.box5{ padding: 0;}
	.box1{margin-top: 0; overflow: hidden;}
	.tltlepic{ margin-bottom: .4rem;}
	.redtxt3{width: 100%;height: auto;}
	.redtxt{ padding: .1rem;}
	.redtxt::after{width: 7.5rem;left: 0;}
	.redtxt{box-sizing: border-box;}
	.box2{ padding: .2rem 0;}
	.redtxt3{ padding: .1rem;box-sizing: border-box;}
	.box7,.box8{width: 7.5rem; height: auto;}
	.box6,.box6 .content{height: auto;}
	.box6 .content .img1{width: 100%;}
	.box6 .content{width: 7.5rem;}
	.box6 .content ul{overflow: hidden;}
	.box7 {height:5rem;}
	.box7 .redtxt2{padding-top: 1rem;}
	.box7 .sqbt{top: 2.5rem;}
	.box7 img{ width: 7rem; height: auto; display: block; margin: auto;}
	.box7 .redtxt2{width: 80%; margin: auto;}
	.box8 .content li:first-child{ margin-left: 0;}
	.box8 .content li{ width: 50%;margin-left: 0;}
	.box8 .content li .pic{ width: 80%;height: auto; display: block; margin: auto;}
	.box8 .content li .btn{ left: 50%;margin-left: -1.21rem;}
	.box8 .content .redbox{ height:auto; width: 80%;margin: auto;}
	.box4 ul{width: auto;}
	.box4 li{width: 100%;}
	.box4 .redtxt{width: 80%;margin: auto;}
	.box4 .sqbtn{margin-bottom: .2rem;}
	.bottomcard{width: 7.5rem;}
	.main{min-width: 7.5rem;}
	.bottomcard .card{margin-left: 0.5rem;}
	.box6{padding-top: .4rem;}
	.box8 .content .redbox{font-size: 0.23rem;padding: .1rem ;}
	.box6 .content li{width: 7.3rem; margin: auto; float: none;}
	.box6 .content .img1{ width: 7.1rem; height: auto;}
	.box6 .content .img2{ width: 7.1rem; height: auto;}
	.box6 .content .img3{  width: 7.1rem; height: auto;}
	.box6 .content{width: 7.3rem;margin: .1rem;}
	.bottomcard .card{margin-bottom: .2rem;}
	.xjq{ position: relative; display: block; margin: auto;left: auto;top: auto;}
	.box2 .content{ padding: .3rem 0; margin-bottom: 0;}
	.box4 .fx2{background-size: 100%;margin-bottom: .2rem;}
	.box5 .card p{ line-height: 150%;}
	.main{padding-top: 120px;}
}