.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;font-size: 0.22rem;color:#333;}
img{width:100%;height:auto;}
.wp h2{font-size:0.4rem;font-weight: normal;text-align:center;color: #000;padding: 6% 0 5%;line-height: 1.3}
.wp h2 span{display: block;font-size: 0.2rem;letter-spacing:0.35rem;margin-top: 2%}
.wp h2 i{display: block;width: 0.7rem;height: 0.06rem;background: #4E4E4E;margin: 3% auto 0}
.wp h2 strong{color: #ed8b3e;font-weight: normal}
.wp h2 p{font-size: 0.3rem}
a.btn{display:block;width: 60%;background-color:#EC8A3F;border-radius:0.1rem;color:#fff;text-align:center;height: 0.7rem;line-height: 0.7rem;margin:0.2rem auto 0;font-size: 0.32rem;}
a.btn img{display: inline-block;width: 0.35rem;vertical-align: middle}
.over{overflow:hidden;}
.fl{float: left}
.fr{float: right}
.content{width: 94%;margin: 0 auto}
.pb{padding-bottom: 0.5rem;}
.hd{width: 100%;text-align: center;padding-top: 3%}
.hd li{display: inline-block;width: 6px;height: 6px;border-radius: 50%;border: 2px solid #DC9965}
.hd li.on{background: #DC9965}
#call_form,.subject_activity{margin-bottom: 0}
#banner_slider .bd li a{position: relative;display: block}
#banner_slider .bd li a img.img{display: block;width: 0.3rem;position: absolute;right: 0.6rem;bottom: 0.68rem;animation:showh 1s .2s linear both infinite;-webkit-animation:showh 1s .2s linear both infinite;-moz-animation:showh 1s .2s linear both infinite;-o-animation:showh 1s .2s linear both infinite;-ms-animation:showh 1s .2s linear both infinite;}
@-webkit-keyframes showh{
0 {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
@-moz-keyframes showh{
0 {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
@-ms-keyframes showh{
0 {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
@-o-keyframes showh{
0 {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
.section1{background: url("../image/img1.png") no-repeat top center;background-size: 100%}
.section1 .video {z-index: 0;background: url(../image/ipad.png) no-repeat center;-webkit-background-size: 96%;background-size: 96%;overflow: hidden;}
.v_main{width:320px; height:240px; margin:15px auto 22px;}
.video_tit h2{margin:15px auto;font-size:20px;color:#222;}
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden; }
video::-webkit-media-controls-panel {width: calc(100% + 30px);}
@media only screen and (min-width:320px) and (max-width:330px){
    .video {-webkit-background-size:100%;background-size:100%;}
}
@media only screen and (min-width:400px) and (max-width:420px){
    .video {-webkit-background-size: 95%;background-size: 95%;}
}
@media only screen and (min-width:370px) and (max-width:375px){
    .video {-webkit-background-size: 95%;background-size: 95%;}
}
@media only screen and (min-width:340px) and (max-width:365px){
    .video {-webkit-background-size: 94%;background-size: 94%;}
}
.section2{background: url("../image/img1.png") no-repeat top center #2E2E2E;background-size: 100%}
.section2 h2,.section4 h2{color: #fff}
.section2 .content{width: 90%}
.section2 .over div{width: 48%}
.section2 dl{background: #fff;margin-bottom: 0.15rem}
.section2 dl dd{text-align: center;padding: 0.2rem 0 0.3rem;font-size: 0.22rem;color: #646464}
.section2 dl dd h3{font-size: 0.3rem;color: #ed8b3e;font-weight: normal}
.section2 .fl dl:nth-child(1) dd{background: url("../image/a.jpg") no-repeat center;background-size: 0.5rem}
.section2 .fl dl:nth-child(2) dd{background: url("../image/c.jpg") no-repeat center;background-size: 0.5rem}
.section2 .fr dl:nth-child(1) dd{background: url("../image/b.jpg") no-repeat center;background-size: 0.5rem}
.section2 .fr dl:nth-child(2) dd{background: url("../image/d.jpg") no-repeat center;background-size: 0.5rem}
.section2 p{font-size: 0.35rem;color: #fff;margin-top: 0.3rem;text-align: center}
.section3 {background: url("../image/img1.png") no-repeat top center #EBEBEB;background-size: 100%}
.section3 .bd div{background: #fff;padding-bottom: 0.5rem}
.section4{background: url("../image/img1.png") no-repeat top center #A28671;background-size: 100%}
.section4 h2 i{background: #fff}
.section4 dl{position: relative;padding-bottom: 0.6rem}
.section4 dd{width: 100%;position: absolute;left: 0;bottom: 0}
.section4 .text{width: 75%;margin: 0.6rem auto 0;background: #624E3E;border-top-right-radius: 0.2rem;border-top-left-radius: 0.2rem;position: relative;padding-top: 0.47rem}
.section4 .text div{width: 80%;margin: 0 auto;background: #fff;padding-bottom: 0.5rem}
.section4 .text h3{font-size: 0.25rem;line-height: 1.8;padding: 0.3rem 0 0.15rem}
.section4 .text h3 strong{display: block;font-size: 0.32rem;font-weight: normal;color: #fff;background: #EC8A3F;margin: 0 5%}
.section4 .text p{font-size: 0.22rem;margin: 0 5%}
.section4 .text img{display: block;width: 0.6rem;margin: 0 auto}
.section4 .text img.img{width: 30%;position: absolute;left: 35%;top: 0}
.section5{background: url("../image/img1.png") no-repeat top center ;background-size: 100%;padding-bottom: 0.9rem}
.section5 .over div{width: 48%;}
.section5 .over dl{background: #A38773;border-radius: 0.1rem;overflow: hidden;margin-bottom: 0.25rem}
.section5 .over dl dd{width: 90%;padding: 0.2rem 5% 0.3rem;font-size: 0.22rem;color: #fff;line-height: 1.3}
.section5 .over dl dd h3{font-size: 0.3rem;font-weight: normal;margin-bottom: 3%}
.section5 .text{border: 1px solid #505050;position: relative;padding: 0.5rem 0 0.7rem;margin-top: 0.7rem}
.section5 .text h3{width: 74%;padding: 1% 0;font-size: 0.32rem;font-weight: normal;color: #fff;background: #EC8A3F;position: absolute;left: 13%;top: -0.3rem}
.section5 .text p{font-size: 0.22rem;color: #555;margin: 0 5%}
.section5 .text ul{width: 100%;overflow: hidden;position: absolute;left: 10%;bottom: -0.5rem}
.section5 .text ul li{width: 1rem;height: 1rem;float: left;background: #9A9494;border-radius: 50%;margin: 0 2%;font-size: 0.25rem;color: #fff;display: flex;display: -webkit-flex;align-items: center;justify-content: center;line-height: 1.3}
.section5 .text ul li:nth-child(2){background: #DC9965}
.section5 .text ul li:nth-child(3){background: #505050}
.section5 .text ul li:nth-child(4){background: #A48873}
.section6 #scroll2{position: relative}
.section6 .bd li{position: relative}
.section6 .bd li a{width: 50%;font-size: 0.26rem;position: absolute;right: 5%;bottom: 1rem}
.section6 .hd{position: absolute;left: 0;bottom: 0.3rem}
.section6 .hd li{border: 2px solid #fff}
.section6 .hd li.on{background: #fff}
.section7{background: url("../image/img1.png") no-repeat top center;background-size: 100%}
.section7 .over div{width: 48%}
.section7 dl{margin-bottom: 0.15rem}
.section7 dl dd{overflow: hidden;margin: 0 3%;padding: 0.2rem 0}
.section7 dl dd img{display: block;float: left;width: 0.6rem;margin-right: 3%}
.section7 dl dd p{width: 74%;float: left;font-size: 0.22rem;color: #000;}
.section8 {background: #716763;position: relative}
.section8 a{position: absolute;left: 20%;bottom: 0.6rem}
.section9{background: url("../image/img1.png") no-repeat top center;background-size: 100%}
.section9 .over div{width: 48%}
.section9 dl{font-size: 0.2rem;text-align: center;color: #777676;margin-bottom: 0.1rem}
.section9 dd{padding: 5% 0}
.section10{background: url("../image/img1.png") no-repeat top center #F5F3EF;background-size: 100%}
.section10 ul{display: flex}
.section10 ul li{flex: 1;font-size: 0.22rem;color: #666;padding: 2% 0}
.section10 ul li:nth-child(2){margin: 0 3%}
.section10 a {width: 65%}
.section10 a img{animation:showh 1s .2s linear both infinite;-webkit-animation:showh 1s .2s linear both infinite;-moz-animation:showh 1s .2s linear both infinite;-o-animation:showh 1s .2s linear both infinite;-ms-animation:showh 1s .2s linear both infinite;}