.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;font-size: 0.2rem;color:#333;}
img{width:100%;height:auto;}
.w20{margin:0 3%;}
.wp h2{font-size:0.4rem;font-weight:400;line-height:1.3;text-align:center;font-family:"Microsoft Yahei";padding: 6% 0 4%;color:#000;font-weight: normal;}
.wp h2 span{color: #9045c6}
.fl{float: left}
a.btn{display:block;width: 68%;height: 0.6rem;line-height: 0.6rem;margin:0 auto;border-radius:1rem;color:#fff;font-size:0.26rem;overflow:hidden;text-align:center;}
a.btn img{vertical-align: middle}
.over{overflow:hidden;}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 0.6rem;}

.section1{text-align: center; padding: 0 0 6% 0}
.section1 h3{text-align: center; height: 0.5rem; line-height: 0.5rem; font-size: 0.28rem; color: #444444; font-weight: 400; background: url(../images/line.jpg) left center repeat-x; padding: 4% 0;}
.section1 h3 span{padding: 0 1%; background: #fff;}
.section1 a{width: 68%;}
.section2{width:100%; padding: 2% 0 6% 0; background: #8f45c5;}
.section2 h2{color: #fff; padding-bottom: 0}
.section2 h2 span{color: #f8d856}
.section2 h4{text-align: center; padding-bottom:8%; }
.section2 h4 img{width: 63%;}
#scroll1{padding-bottom: 6%;}
#scroll1 .hd{width: 100%; padding-top: 3%; text-align: center}
#scroll1 .hd li{width: 9px;height: 9px;border-radius: 50%;border:2px solid #fff;display: inline-block;margin:0 3px; text-indent: -9999px;}
#scroll1 .hd li.on{background: #fff;}
.box_ts{background: url(../images/img2.jpg) no-repeat; background-size: 100%; padding: 4% 4% 5% 24%; margin-bottom: 5%;}
.box_ts p{font-size: 0.18rem; color: #666; line-height: 1.5;}
.section2 a.btn{width: 50%; background: none; color: #fff; border: 1px solid #fff; border-radius: 0.08rem; font-size: 0.24rem;}
.section2 a img{width: 0.3rem; padding-bottom: 2px;}
.section3{background: #fff; padding: 4% 0 6% 0; background: url(../images/san.jpg) top center no-repeat;}
.box1{ height: 3.3rem; padding: 0.65rem 0 0 3.2rem; background: url(../images/bg4.jpg) no-repeat; background-size: 100%;}
.box1 p{font-size: 0.18rem; color: #666; line-height: 1.6; padding-right:5%; margin-bottom: 3%; margin-top:8%;}
.box1 p span{display: block; color: #fff; font-size: 0.22rem; line-height: 0.4rem; height: 0.4rem; padding-left: 0.18rem; margin-bottom: 0.2rem;}
.box1 a img{width: 2.3rem;}
.section4{width: 100%; padding:5% 0 6% 0; background: #ededed; background-size: 0.35rem;}
.section4 a.btn{ font-size: 0.2rem; color: #fff; font-weight: bold; background: #a652e3; border-radius: 0.1rem; margin-top: 4%;}
.section4 a.btn img{width: 0.3rem; vertical-align: middle; padding-bottom: 2px;}
.section5{background: #9c9db1; padding:1% 0 4% 0;}
.section5 h2{color: #fff;}
.section5 h2 span{color: #f8d856}
.section5 .w20{overflow: hidden;}
.section5 .w20 dl{width: 32%; background: #fff; text-align: center;margin-right: 2%; float: left; margin-bottom: 5%;}
.section5 .w20 dl:nth-child(3n){margin-right: 0}
.section5 .w20 dl dt{margin-bottom: 1%;}
.section5 .w20 dl dt span{font-size:0.24rem; color: #414141;}
.section5 .w20 dl dd p{height: 2.72rem; font-size: 0.18rem; color: #414141; line-height: 1.7; text-align: left; padding: 2% 8% 6% 8%;}
.section5 .w20 dl dd p span{display: block; padding: 0 3%;}
.section5 .w20 dl dd a{display: block; height: 0.36rem; line-height: 0.36rem; text-align: center; color: #fff; background: #a652e3; font-size: 0.18rem; color: #fff;}
.section6{width: 100%; padding: 1% 0 6% 0;}
.case_scroll{position: relative; overflow: hidden; }
.cs_c{width: 100%; padding: 1% 0 6% 0;}
.cs_cr{padding: 3% 6% 3% 10%; height: 2.8rem; background: #e8e8e8; margin-top: 3%;}
.cs_cr dl{height: 2.8rem; }
.cs_cr dl dd{width: 30%; float: left; margin-right: 4%;}
.cs_cr dl dd:nth-child(3){margin-right: 0;}
.cs_cr dl dd font{font-size: 0.18rem; color: #555; line-height: 1.5; display: block;}
.cs_cr a{display:block;width: 56%; height: 0.5rem; text-align: center; line-height: 0.5rem; margin: 0 auto; background: #af63e0; color: #fff; font-size: 0.24rem; border-radius: 0.1rem; }
.cs_cr a img{width:0.25rem; padding-bottom: 2px; vertical-align: middle}
.case_scroll .hd{display: inline-block; width: 100%; height: 18px; text-align: center; line-height: 18px; margin-top: 12px;}
.case_scroll .hd li{width: 9px;height: 9px;border-radius: 50%;border:1px solid #a652e3;display: inline-block;margin:0 3px; text-indent: -9999px;}
.case_scroll .hd li.on{background: #a652e3;}
.section8{ padding: 1% 0 5% 0; background: #ededed}
.section8 ul{overflow: hidden;}
.section8 ul li{width:36%; text-align: center; border-radius: 0.24rem; float: left; margin: 1% 3% 4% 3%; padding: 4%; color: #fff;}
.section8 ul li:nth-child(1){background: linear-gradient(#dba4ea,#cc88e1);}
.section8 ul li:nth-child(2){background: linear-gradient(#b0cdc1,#97baac);}
.section8 ul li:nth-child(3){background: linear-gradient(#93c8e3,#75b4d7);}
.section8 ul li:nth-child(4){background: linear-gradient(#ebcd91,#e3bb73);}
.section8 ul li p{font-size: 0.18rem; line-height: 1.7; color: #fff; padding-bottom: 4px; text-align: left;}
.section8 ul li img{width: 0.64rem;}
.section8 ul li span{display: block; font-size:0.28rem; color: #fff; margin-bottom: 14px;}
.section8 h3{text-align: center; height: 0.46rem; line-height: 0.46rem; font-size: 0.24rem; color: #b369e2; font-weight: 400; margin-bottom: 0.12rem;}
.section8 h3 img{vertical-align: middle; width: 0.32rem; padding: 0 0.1rem 2px 0;}
.section9{padding: 1% 0 1% 0;}
.section9 .w20{overflow: hidden;}
.section9 a{display:block; width: 100%; font-size: 0.2rem; height: 0.44rem; line-height: 0.44rem; color: #fff; border-radius: 0.1rem; text-align: center; color: #fff; background: linear-gradient(#af63e0,#9454be);}
.section9 dl{width: 44%; height: 5rem; background: #ededed; margin: 0 3% 10% 3%; float: left;}
.section9 dl dt{margin-bottom: 2%; text-align: center;}
.section9 dl dt span{display: block; font-size: 0.3rem; color: #af63e0; margin-top: 0.1rem;}
.section9 dl dd{width: 94%; height: 2.74rem; padding-left: 4%;}
.section9 dl dd p{height: 0.54rem; margin-bottom: 4%;}
.section9 dl dd p:nth-child(4){margin-bottom: 10%;}
.section9 dl dd p span{display: block; width: 1.8rem; float: left; margin-left: 0.12rem; font-size: 0.18rem; color: #565656; line-height: 1.5;}
.section9 dl dd p font{display: block; width: 0.55rem; height: 0.55rem; background: #af63e0; text-align: center; line-height: 1.5; font-size: 0.18rem; color: #fff; float: left}


#exports h2{font-size:0.4rem;font-weight:400;line-height:1.3;text-align:center;font-family:"Microsoft Yahei";padding: 6% 0 4%;color:#FFF;font-weight: normal;}
#exports h2 span{color: #F3B444}

#scroll4{position: relative}
#scroll4 .hd {width: 100%;text-align: center;position: absolute;left: 0;bottom: 0.25rem;z-index: 5}
#scroll4 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #064EA0;}
#scroll4 .hd li.on{background: #064EA0}


/*2017-10-17*/

.video {
    z-index: 0;
    background: url(/video/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%;
    }

}