body{overflow-x: hidden;max-width: 640px; min-width: 320px; margin: 0 auto;}
.wp { max-width: 640px; min-width: 320px; margin: 0 auto; font-size: 18px; color: #000000; line-height: 1.7; }
.banner { width: 100%; }
.banner img { width: 100%; }
.btn {color: #fff;background: #6830a1;width: 70%;display: block;margin: 5% auto;text-align: center;font-size: 1rem;border-radius: 30px;line-height: 2.5;}
.btn span { color: #ffff00; font-weight: bold; }
.d1, .d2, .d3 { display: block; width: 50%; height: 50%; border-radius: 50%; background-color: #ff9600; position: absolute; left: 50%; margin-left: -25%; top: 50%; margin-top: -25%; z-index: 55; }
.btn2 .d1, .btn2 .d2, .btn2 .d3 { background-color: #09b7b7; }
.d1 { -webkit-animation: kuosan 3s linear infinite; -moz-animation: kuosan 3s linear infinite; animation: kuosan 3s linear infinite; }
.d2 { -webkit-animation: kuosan 3s linear 0.8s infinite; -moz-animation: kuosan 3s linear 0.8s infinite; animation: kuosan 3s linear0.8s infinite; }
.d3 { -webkit-animation: kuosan 3s linear 1.6s infinite; -moz-animation: kuosan 3s linear 1.6s infinite; animation: kuosan 3s linear1.6s infinite; }
@-webkit-keyframes kuosan {
	from { opacity: 1; -webkit-transform: scale(0) translate3d(0, 0, 0) }
	to { opacity: 0; -webkit-transform: scale(4) translate3d(0, 0, 0) }
}
@-moz-keyframes kuosan {
	from { opacity: 1; -moz-transform: scale(0) translate3d(0, 0, 0) }
	to { opacity: 0; -moz-transform: scale(4) translate3d(0, 0, 0) }
}
@-o-keyframes kuosan {
	from { opacity: 1; -o-transform: scale(0) translate3d(0, 0, 0) }
	to { opacity: 0; -o-transform: scale(4) translate3d(0, 0, 0) }
}
@keyframes kuosan {
	from { opacity: 1; transform: scale(0) translate3d(0, 0, 0) }
	to { opacity: 0; transform: scale(4) translate3d(0, 0, 0) }
}
.text { text-align: center; font-family: "arial"; text-transform: uppercase; margin: 5% auto; width: 95%; font-family:"Microsoft Yahei";}
.text h2 {line-height: 1.2;font-size: 1.2em;color: #333333;font-weight: normal;margin-bottom: 2%;}
.text p { font-size: 0.5em; text-align: center; color: #999999; line-height: 2; }
.text h2 strong { }
.text .line1 {width: 35%;height: 2px;background: #000;margin: 0.5% auto;border-top: 1px solid #000;}
.text .line2 {background: #000;width: 60%;height: 1px;margin: 0 auto;}
.hd { height: 30px; margin: 0 auto; }
.hd li { width: 10px; height: 10px; border-radius: 10px; background: #ccc; float: left; margin: 10px 5px; }
.hd .on { width: 10px; height: 10px; border-radius: 10px; background: #b0f; }
.w30 { width:60px; }
.w40 { width:80px; }
.w50 { width:100px; }

.wp { }
.wp .banner { }
.wp .banner .btn-a { }
.wp .banner .btn-a img { }
.wp .section1 {overflow: hidden;}

.wp .section1 .bd {overflow: hidden;margin: 0 auto;}
.wp .section1 .bd li {text-align: center;margin: 0 auto;}
.wp .section1 .bd li .box1 {float: left;width: 48%;margin-right: 4%;}
.wp .section1 .bd li .box1 img {}
.wp .section1 .bd li .box2 {width: 48%;float: left;}
.wp .section1 .bd li .box2 img { }
#slide {margin: 0 auto;padding: 5% 0;background: #eeeeee;}
.wp .section1 .hd {width: 30%;}
.wp .section1 li {}
.wp .section2 {width: 95%;overflow: hidden;margin: 0 auto;}
.wp .section2 .text { }
.wp .section2 .text h2 { }
.wp .section2 .text h2 strong { }
.wp .section2 .text .line { }
.wp .section2 img { }
.wp .section3 {width: 100%;overflow: hidden;background: #eeeeee;}
.wp .section3 .text { }
.wp .section3 .text h2 { }
.wp .section3 .text h2 strong { }
.wp .section3 .text .line { }
.wp .section3 .btn { }
.wp .section3 img {width: 95%;margin: 0 auto;display: block;} 
.wp .section4 { }
.wp .section4 .text { }
.wp .section4 .text h2 { }
.wp .section4 .text h2 strong { }
.wp .section4 .text .line { }
.wp .section4 p {width: 95%;margin: 0 auto;line-height: 1.3;color: #6a6a6a;}
.wp .section4 .hd {
    width: 35%;
}
#slides {
    background: url(../images/bg1.jpg) top center no-repeat;
    margin-top: 5%;
    overflow: hidden;
}
.wp .section4 li {overflow: hidden;}
.wp .section4 li img {
    width: 90%;
    margin: 3% auto;
    display: block;
}
.wp .section4 li h3 {color:#fff;float: left;font-size: 1.5rem;font-weight: normal;line-height: 3.5;padding-left: 5%;}
.wp .section4 li p {color: #fff;float: left;margin-top: 1%;}
.wp .section4 .area {margin: 0 auto;}
.wp .section4 li p strong {color: #d64cfe;font-weight: normal;}
.wp .section4 .btn { }
.wp .section5 { }
.wp .section5 .text { }
.wp .section5 .text h2 { }
.wp .section5 .text h2 strong { }
.wp .section5 .text .line { }
.wp .section5 ul {width: 25%;}
.wp .section5 li {}
.wp .section5 li .box {
    background: #eeeeee;
}
.wp .section5 li img {width: 50%;margin: 0 auto;display: block;}
.wp .section5 li .p1 {text-align: center;font-size: 1.2rem;font-weight: bold;color: #333333;}
.wp .section5 li .p2 {width: 65%;margin: 0 auto;border: 1px dashed #000;padding: 3%;text-align: center;font-weight: normal;font-size: 1rem;}
.wp .section5 li .p2 strong {color: #921ab5;font-weight: normal;font-size: 0.8rem;}
.wp .section5 li .p3 {width: 95%;margin: 0 auto;font-size: 0.8rem;color: #666666;padding-bottom: 5%;}
.wp .section5 li .p3 strong {font-weight: normal;color: #921ab5;}
.wp .section5 .btn { }
.wp .section6 { }
.wp .section6 .text { }
.wp .section6 .text h2 { }
.wp .section6 .text h2 strong { }
.wp .section6 .text .line { }
.wp .section6 .bd { }
.wp .section6 .bd li { }
.wp .section6 .bd li img {width: 95%;display: block;margin: 0 auto;}
.wp .section6 .hd {width: 22%;}
.wp .section6 .hd li { }
.wp .section6 p {width: 95%;margin: 0 auto;font-size: 1rem;color: #666666;}
.wp .section6 p b {display: block;font-size: 2rem;line-height: 1.5;color: #3a3a3a;}
.wp .section6 .btn { }
.wp .section7 { }
.wp .section7 .text { }
.wp .section7 .text h2 { }
.wp .section7 .text h2 strong { }
.wp .section7 .text .line { }
.wp .section7 ul {overflow: hidden;}
.wp .section7 .hd {overflow: hidden;width: 40%;}

#slide5 { width:90%;margin:0 auto; }
.wp .section7 li img {}
.wp .section7 li .p1 { }
.wp .section7 li .p2 { }
.wp .section7 li p { }
.wp .section7 .btn { }
.wp .section8 li .box {position: absolute;top: 20%;width: 50%;right: 0;}
.wp .section8 li .box p {color: #fff;font-size: 1rem;}
.wp .section8 li .box .p1 {font-size: 1.5rem;font-weight: bold;}
.wp .section8 li .box .p2 {font-size: 0.8rem;line-height: 1.5;}
.wp .section8 li .box .p3 {font-size: 0.8rem;line-height: 1.5;padding: 5% 0;}
.wp .section8 li .box .p3 strong {color: #d55fea;font-weight: normal;}
.wp .section8 li .box .btn {width: 75%;}
.wp .section8 li .box .p4 {line-height: 1;font-size: 0.5rem;margin: 3% 0;}
.wp .section8 li {position: relative;}
.wp .section8 ul { overflow:hidden; }
.wp .section8 .hd {overflow: hidden;width: 15%;}

.wp .section9 {width: 100%;overflow: hidden;}
.wp .section9 .text { }
.wp .section9 .text h2 { }
.wp .section9 .text h2 strong { }
.wp .section9 .text .line { }
.wp .section9 .bd {width: 100%;}
.wp .section9 .bd li {background: #ebebeb;}
.wp .section9 .bd li .p1 {font-weight: bold;padding: 0% 5%;line-height: 2;}
.wp .section9 .bd li .p2 {font-size: 1rem;line-height: 1.5;padding: 0 5%;color: #666666;}
.wp .section9 .bd li img {padding: 5% 0;display: block;width: 90%;margin: 0 auto;}
.wp .section9 .hd {
    width: 100%;
}
.wp .section9 .hd li {width: 13%;background: none;}
.wp .section9 .hd li span {width: 10px;height: 10px;border-radius: 10px;background: #999;display: block;margin: 0 auto;}
.wp .section9 .hd li p {color: #999999;}

.wp .section9 .hd li span.on {background: #b0f;}
.wp .section9 .hd li span.on + p { color:#b0f; } 
#slide7 {margin: 0 auto;width: 90%;padding-bottom: 8%;}
.wp .section10 {background: #eeeeee;padding: 2% 0;overflow: hidden;}
.wp .section10 .text { }
.wp .section10 .text h2 { }
.wp .section10 .text .line { }
.wp .section10 ul { }
.wp .section10 li { }
.wp .section10 ul a { }
.wp .section10 ul a img {width: 60%;display: block;margin: 0 auto;}
.wp .section10 .hd {width: 20%;}
.wp .section11 {width: 95%;margin: 0 auto;overflow: hidden;}
.wp .section11 .text { }
.wp .section11 .text h2 { }
.wp .section11 .text h2 strong { }
.wp .section11 .text .line { }
.youhui{width: 100%;margin: 0 auto;}
.youhui .text,.youhui a{display: block;width: 100%;margin: 0 auto}
.youhui .text{width: 96%;margin:1rem auto;}
.youhui .text p{width: 100%;text-align: center;color: #727272;font-family: "微软雅黑";line-height: 32px;font-size: 14px}
.youhui  h2{font-size:1rem;color:#212121;text-align: center;margin-bottom: 0.4rem;font-weight: bold}
.youhui a{display: block;width: 90%;margin: 0 auto}