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

.con1{width:100%; margin-top:3%; background:#fff;}
.con1con{background: #fff; width:100%; margin: 0 auto;}
.con1con .tt{width:100%; margin: 0 auto; font-size: 0.7rem; text-align: center; font-weight: bold; color: #333;}
.con1con li{    position: relative;
    float: left;
    width: 47%;
    text-align: center;
    margin: 2% 0 2% 0;
    margin-right: 2%;}
.con1con li img{width:100%}
.con1con .co1{    position: absolute;
    color: #fff;
    font-size: 0.35rem;
    line-height: 1.2em;
    left: 8%;
    top: 27%;
    text-align: center;
    font-weight: 600;}
.con1con .clickbtn1{ border-radius:1.5em; padding: 2%; background: #4e4c4c; width:60%; font-size: 0.3rem; font-weight: bold; color: #fff; margin: 5% auto 0;}

.con1con .clickbtn2{ border-radius:4em; padding: 1%; background-image:-webkit-linear-gradient(left,#894fc8,#e782df); width:70%;  margin: 5% auto 2%;animation: updown 2s 0s ease both infinite;}
.con1con .clickbtn2 .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 2%; border: 1px solid #fff; font-size: 0.46rem;text-align: center;}

.con2con .clickbtn1 .co {
    font-weight: bold;
    color: #fff;
    border-radius: 1.5em;
    padding: 2% 0;
    border: 1px solid #fff;
    font-size: 0.3rem;
    text-align: center;
}


.xxb1 .s1{position: absolute; width:3.8%; top:75%; left: 34%;animation: updown 1s 0s ease both infinite;}
.xxb1 .s2{position: absolute; width:3.8%; top:75%; right: 11%;animation: updown 1s 0s ease both infinite;}
.xxb1 .s3{position: absolute; width:3.8%; top:75%; left: 29%;animation: updown 1s 0s ease both infinite;}

 .xxb1{ width: 94%; margin: 0% auto; position: relative; display: block; padding: 2% 0 0 0}
.b1{background: url(../images/cp1-1c.jpg) no-repeat; background-size: 100%; height:4.6rem; }
.b2{background: url(../images/ad02-2b0.jpg) no-repeat; background-size: 100%; height: 5rem; }
.b3{background: url(../images/ad03-2b.jpg) no-repeat; background-size: 100%; height: 5rem; }
.b4{background: url(../images/cp4.jpg) no-repeat; background-size: 100%; height: 6.2rem; }
.xxb1 ul{ display: block; width: 78%; margin: 26% auto 0; overflow: hidden; padding-left: 6.5%}
.xxb1 ul li{ float:left; width:28%;background: url(../images/ibg-1.png) no-repeat; background-size: 100%; height: 1.5rem; text-align: center; color: #333; font-size: 0.3rem; padding-top:7.5%; margin: 23% 5% 0 0;}
.xxb1 ul li a{ width: 100%; display: block; color: #333}

 .con2case{width:100%; margin-top: 4%; }

.con2case .c .left{float: right;
    width: 58.7%; margin-top: 3%; position: relative;
	
    }
.con2case .c .right{width:41%;
    float: left;    margin-top: 5%;}
.con2case .c .right p{font-size: 0.3rem; padding-left: 5%; color: #333;margin-top:4%;margin-left: 2%;}
.con2con{width:94.5%; margin: 0 auto; background: #fff; padding-top:1% }

.con2con dt{width:100%;}

.con2con dd{width: 91%;
    padding-bottom: 3%;
    font-size: 0.32rem;
    padding-left: 5%;
    color: #333; position: relative;line-height: 0.7rem;}
.con2con dd img{width: 16%;
    float: left;
    margin-right: 4%;vertical-align: middle;}
.con2con dd span{font-weight:600;line-height: 0.7rem;margin-right:1%;}
.keyword{position:relative;padding: 1% 5%; border: 1px solid #f088e1; color: #f088e1;border-radius:1.5em; }
.keyword i{display: block;
    width: 4.66rem;
    position: absolute;
    right: -142%;
    top: -38%;
    animation: updown 3s 0s ease both infinite;}


.con2con .line{border-bottom: 3px solid #ccb3f1; margin-top: 20%;}


.con2con .clickbtn2 .co {
    font-weight: bold;
    color: #fff;
    border-radius: 1.5em;
    padding: 3% 0;
    border: 1px solid #fff;
    font-size: 0.3rem;
    text-align: center;}
.con2con .clickbtn2 {
    border-radius: 4em;
    padding: 0.5%;
    background-image: linear-gradient(90deg,#d042cf,#e47ae4);
    width: 41%;
    float: left;
    margin-top: 1%;
    animation: updown 2s 0s ease both infinite;
}
.con2con .clickbtn1 {
    border-radius: 4em;
    padding: 0.5%;
    background-image: linear-gradient(90deg,#5828ac,#8e5bce);
    width: 50%;
    float: left;
    margin: 1% 1% 0 3%;
    animation: updown 2s 0s ease both infinite;
}


.con2con .clickbtn1 .co {
    font-weight: bold;
    color: #fff;
    border-radius: 1.5em;
    padding: 2% 0;
    border: 1px solid #fff;
    font-size: 0.3rem;
    text-align: center;
}

.con2case{width:100%; margin-top: 4%; }

.con2case .c .left{float: right;
    width: 58.7%; margin-top: 3%; position: relative;
	
    }
.con2case .c .right{width:41%;
    float: left;    margin-top: 5%;}
.con2case .c .right p{font-size: 0.3rem; padding-left: 5%; color: #333;margin-top:4%;margin-left: 2%;}
.con2con{width:94.5%; margin: 0 auto; background: #fff; padding-top:1% }

.con2con dt{width:100%;}

.con2con dd{width: 91%;
    padding-bottom: 3%;
    font-size: 0.32rem;
    padding-left: 5%;
    color: #333; position: relative;}
.con2con dd img{width: 16%;
    float: left;
    margin-right: 4%;vertical-align: middle;}
.con2con dd span{font-weight:600;}
.keyword{position:relative;padding: 1% 5%; border: 1px solid #f088e1; color: #f088e1;border-radius:1.5em; }
.keyword i{display: block;
    width: 4.66rem;
    position: absolute;
    right: -142%;
    top: -38%;
    animation: updown 3s 0s ease both infinite;}
.rqpj span {
    float: left;
    width: 24%;
    margin-right: 3%;
}

.con2con .clickbtn1{ border-radius:4em; padding: 0.5%; background-image:linear-gradient(90deg,#5828ac,#8e5bce); width:50%; float:left; margin: 1% 1% 0 3%;animation: updown 2s 0s ease both infinite;}
.con2con .clickbtn1 .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 3% 0;   border: 1px solid #fff; font-size: 0.36rem;text-align: center;}
.con2con .clickbtn2{ border-radius:4em; padding: 0.5%; background-image:linear-gradient(90deg,#d042cf,#e47ae4); width:41%; float:left; margin-top: 1%;animation: updown 2s 0s ease both infinite; }
.con2con .clickbtn2 .co{font-weight: bold; color: #fff;border-radius:1.5em; padding: 4% 0;  border: 1px solid #fff; font-size: 0.36rem;text-align: center;}
.c{ display: block; margin-top: 8%; position:relative;}
.rqpj{ display: block; float:left; border-bottom:0.016rem dashed #eeaeee; padding-bottom: 7%; width:94%;}
.rqpj span{ float:left; width: 24%; margin-right: 3%;}
.rqpj font1{ float:left; width: 73%; padding-top: 6%}
.rqpj font2{ float:left; width: 73%;}
.con2con dl{margin-top: 1%;
    margin-bottom: 4%;}
.mx{ position: absolute; width: 10.3%; right: 9%; top:1%;}
.rpp{display: block;
    width: 4.66rem;
    position: absolute;
    right:3%;
    top:-50%;
    animation: zy 3s 0s ease both infinite;}
.casebox{padding-bottom: 6%;}

.zjicon{position:absolute; width:10%;left:24%; top:-6%;animation: updown 3s 0s ease both infinite;}