*{padding: 0;margin: 0;}
ul,li{list-style: none;}
/*body{background: url(../imagescbg.png) 100%  repeat-y; background-size: 100%;min-height: 100%;}*/
.main{padding-top:70px; background-size: 100% auto; background: url(../imagesc/bg.jpg) left 70px no-repeat;background-size: 100%; min-width: 100%; color: #666;}
.banner{width: 100%;height: 8.31rem; background: url(../imagesc/banner.jpg) center no-repeat;background-size: 100%; margin: auto; position: relative;}
.banner .hdsj{position: absolute;bottom: .9rem;width: 100%;text-align: center;font-size: .3rem;font-family: '宋体';}
.container{width: 15.52rem; margin: auto;}
.tltlepic{display: block;margin: auto; width:auto;height: auto; margin-top:0rem;}
.title2{margin-bottom: 0rem;}
.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)}
}
.main a:hover{color:#ff0000}
.title1{margin-top:0rem; margin-bottom: 0rem;}
.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(../imagesc/xx.png) left top no-repeat #fff; background-size: 1.2rem 2rem;}
.box2{ width: 15.52rem;height: 4.80rem; background: #FFFFFF;}
.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(../imagesc/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(../imagesc/xmsc.png);border-radius: .1rem;background-size: 100%}
.redtxt{ box-sizing: border-box;padding: .05rem; text-align: center; width: 200%;margin:.15rem auto 0 auto ;font-size: .23rem;line-height: .26rem; color: #000;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: 0rem;}
.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: .2rem;font-family: '宋体';text-align: center;padding-bottom: .14rem;color: #000;}

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

.box4{width: 15.52rem; height: 6.7rem;background: #FFFFFF;margin: auto; }
.box4 img{width: 2.16rem;height: 2.16rem;border-radius: 50%; border:1px solid #ff0000; display: block; margin: auto;}
.box4 ul{height:5rem; width: 13.5rem;margin: auto;}
.box4 li{ width:4.5rem; float: left; padding-top: .36rem;}
.box4 li h2{padding-top: .18rem;color: #666666;font-size: .18rem;text-align: center;font-weight: normal;line-height: .26rem;font-family: 'microsoft yahei';}
.box4 .redtxt{ width: 100%; height: 0.61rem;line-height: 0.61rem; padding: 0;}
.box4 .redtxt::after{display: none;}
.box4 .jg{padding-top: .3rem;font-family: '宋体';color: #e60719;font-size: 0.25rem;text-align: center;display: block;margin: auto;margin-bottom: .2rem;}
.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(../imagesc/fxbg.png); background-size: 100%; display: block; margin: auto;}
.box5 { padding: .4rem; text-align: center; overflow: hidden;}
.box4 .fx2{background: url(../imagesc/fxbg2.png);}
.box5 .card{ border-radius: .3rem; width: 2.9rem;height: 619px; 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: 2rem;height: 0.59rem;display: block;margin:auto;text-align: center;color: #fff;font-size: .3138rem;background: none;text-decoration: none;line-height: 0.59rem;border: 2px solid #e60012;color: #e60012;border-radius: .29rem;}
.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: 16px;line-height: 20px; padding-top: .05rem;}
.endsqbtn{width: 2.39rem;height: 0.59rem;display: block;margin:auto;text-align: center;color: #fff;font-size: .3138rem;background: none;text-decoration: none;line-height: 0.57rem;border: 2px solid #e60012;color: #e60012;border-radius: .29rem;}
.redtxt3{font-size: .30rem; font-family: '宋体'; text-align: center; padding: .14rem;padding-bottom: .14rem;border-bottom: 1px dashed #ff0000; color: #fff; clear: both; width: 16.57rem;}
/*.footer{ text-align: center;font-size: .3rem;line-height: .51rem; color: #ffffff;padding-top: .4rem ; padding-bottom: 2.1rem;}*/
.footer{     text-align: center;font-size: .2rem;  line-height: .36rem;    color: #ffffff; padding-bottom: 0.2rem;}

.box6{height:4.86rem; background: #FFFFFF;position: relative; box-sizing: border-box;padding-top: .42rem;}
.box6 .content{width: 10.92rem;height: 2.81rem;background: #fff; margin: auto;margin-bottom: .3rem;}
.box6 .content ul{ padding-top: .13rem;}
.box6 .content li{float: left; padding-left: 0.13rem;}
.box6 .content .img1{width: 4.38rem;height: 2.56rem;}
.box6 .content .img2{width: 6.15rem;height: 2.56rem;}
.box6 .content .img3{width: 4.53rem;height: 3.07rem;}
.lqbtn{width: 1.84rem;height: 0.46rem;border: 2px solid #e60012;line-height: 0.46rem;text-align: center;font-family: '宋体';display: block;margin: auto;font-size: .23rem;color: #fff;text-decoration: none;margin-bottom: .17rem;background: none;color: #e60012;border-radius: .23rem;}
.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:auto;color: #000;font-size: .2rem;text-align: center;line-height: 120%;font-family: '宋体';margin: auto;}
.box7{width: 15.52rem;height:6.2rem; margin: auto; position: relative;background: #FFFFFF;}
.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;border: 2px solid #e60012;background: none;color: #e60012;border-radius: .32rem;}
.box7 .redtxt2{width:12.46rem ;margin: auto;}
.box8{height:9.16rem;width: 15.52rem;background: #FFFFFF;}
.box8 ul{   overflow: hidden; display: flex;justify-content: center; flex-wrap: wrap; }

.box8 .content li{padding-top: .30rem; width: 3.4rem;height: 3.9rem;float: left;  position: relative; text-align: center;}
.box8 .content li .pic{width: 2.28rem;height: 2.28rem; display: block; margin: auto;border: .01rem solid #7d7d7d;}
.box8 .content li h2{line-height: .77rem;text-align: center;font-size: .2rem;font-weight: normal;}
.box8 .content li .btn{height: .52rem;text-align: center;line-height: .5rem;padding: 0 .5rem;cursor: pointer;color: #fff;margin: auto;background: none;display: inline-block;margin: auto;border: 2px solid #e60012;color: #e60012;border-radius: .26rem;font-size: .24rem;}
.box8 .content li .btn:hover{opacity: .8;}
.box8 .txt{font-size: .18rem;padding-top: .3rem;text-align: center;}
.bottomcard{ width: 13.92rem;  margin: auto;}
.bottomcard .card{width: 2.98rem;height: 1.45rem; margin-left: .4rem; background: #FFFFFF;}
a:hover{opacity: 0.8;}
.box9{height: 4.2rem;width: 15.52rem;background: #FFFFFF; position: relative;}
.box9 .hx{position: absolute; left: -1.2rem;top: -1.5rem;}
.box9 .icons ul{display: flex;justify-content: center; padding-top: .38rem; padding-bottom: .3rem;}
.box9 .icons li{width: 2rem;text-align: center; }
.box9 .icons li img{width: .89rem; height: .89rem;margin: auto;}
.box9 .icons li h3{line-height: .55rem;text-align: center;font-size: .2rem;}
.box9 .icons li h4{font-size: .16rem;}
.box9 .txt{font-size: .18rem;padding-top: .3rem;text-align: center;}
.box9 .btn{width: 1.84rem;text-align: center;font-size: .24rem;line-height: .46rem;color: #fff;background: none;margin: auto;height: .46rem;line-height: .42rem;display: block;cursor:pointer;border: 2px solid #e60012;color: #e60012;border-radius: .23rem;}
.hx2{position: absolute;;right: 0;top: 15.5rem; z-index: 1000;}
.tltlepic2{margin-top: 0rem;}
@media (max-width:1024px) {
	.banner .hdsj{bottom:.5rem}
	.box9 .btn{/* line-height: .65rem; *//* font-size: 0.3457rem; */}
	.box9{ width: auto; height: auto;padding-bottom: .2rem; background: #FFFFFF;}
	.box9 .icons ul{flex-wrap: wrap;justify-content: left;/* padding-bottom: 0.3rem; */}
	.box9 .icons li{ width: 33.3%; padding-bottom: .1rem;}
	.box9 .hx,.hx2{display: none;}
	.container{width: 7.5rem;}
	.tltlepic{width: 100%;}
	.bannner{width: 100%;}
	.banner{width:100%;height:4.17rem; background: url(../imagesc/banner.jpg) center no-repeat;background-size: 100% 100%;}
	.lqbtn{/* line-height: .65rem; *//* font-size: 0.3457rem; *//* height: .65rem; */}
	.main{ background: url(../imagesc/bg_m.png) repeat-y; background-size: 100%;}
	/*.main{ background:#fff}*/
	.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{}
	.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;margin-bottom: 0.5rem;}
	.box7,.box8{width: 7.5rem; height: auto; background: none;}
	.box6,.box6 .content{height: auto; background: #FFFFFF;}
	.box6 .redbox{ line-height: 150%;padding-bottom: .2rem;}
	.box6 .content .img1{width: 100%;}
	.box6 .content{width: 7.5rem;}
	.box6 .content ul{overflow: hidden;}
	.box6 .content .img1{margin-bottom: .1rem;}
	.box7 {height:auto;background: #FFFFFF;}
	.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{background: #FFFFFF;}
	.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{ }
	.box8 .content .redbox{ height:auto; width: 80%;margin: auto;}
	.box8 .content li{ width: 50%;height: auto;}
	.box8 .txt{font-size: .18rem;padding: 0.3rem 0;text-align: center;}
	.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;}
}