@media only screen and (max-width: 768px) {

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl{margin: 0;padding: 0;list-style: none;}
ul, ol{list-style: none;}
em, i{font-style: normal;}
img{object-fit: cover;border: 0;vertical-align: middle;}
input, select{vertical-align: middle;outline: none;}
a{text-decoration: none;}
img{border: none;}
body{width:100%;font-family: 'Microsoft YaHei', 'Arial', 'Heiti SC';font-size:14px;}
body{transform: scale(x, y);   /***-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;**/}


.header-area{float:left;background:#000;width: 100%;padding: 0px auto;overflow: hidden;height:80px;}
.container{width: 90%;margin: 0 auto;padding:0 5%;overflow: hidden;}


.logo{float:left;color:#fff;width: 100%;margin: 0 auto;overflow: hidden;} 
.logo img{display:block;margin: 15px auto;overflow: hidden;height:50px;} 
.main-menu{display:none;float:right;width: 50%;margin: 0 auto;overflow: hidden;line-height:100px}   
.main-menu a{float:right;color:#fff;font-size:16px;text-align:right;margin:0 0 0 30px}   

.app-slider{float:left;width: 100%;    background: rgba(0, 0, 0, 0) linear-gradient(45deg, #160696, #340071) repeat scroll 0 0;height:600px;padding: 30px 0 0 0;overflow: hidden; }
.hero-content{float:left;width: 100%;overflow: hidden; }
.hero-content{float:left;line-height:50px;font-size:39px;margin:80px 0 0 0;font-weight:700;color:#fff;}
.hero-content p{float:left;width:100%;text-align:center;line-height:30px;font-size:14px;margin:8px 0 0 0;font-weight:500;color:#bbb;}
.col-md-8-2{float:left;width:100%;margin:0px auto;}
.hero-content h2{margin:00px 0% 0 0%;text-align:center;line-height: 60px;font-size:38px}
.hero-content h3{margin:20px 0% 0 0%;text-align:center;height:40px;line-height: 40px;font-size:18px}
.head-url{float:left;width:96%;margin:0px 2%;}
.head-url a{float:left;width:45%;border-radius: 100px;margin:50px 2%;text-align:center;height:60px;line-height: 60px;background:#fff;color:#000;font-size:16px}
.head-url a:hover{ transition: all 1s ease 0s;font-weight:700;color:#333}
.head-url a.apk{background:#17a2b8;color:#fff;}
.col-md-8-r{float:right;width: 25%;overflow: hidden; }
.col-md-8-r img{height:500px;max-width: 100%; float:right}

.service-area{width: 100%;margin: 0px auto;padding:80px 0;overflow: hidden;  background: #000;font-size:14px;}
.ouyi-003-tit{text-align:center;font-size:26px;color:#000;font-weight:700;line-height:160px;}
.r1{width: 100%;margin: 0px auto;padding:0px 0;overflow: hidden;  background: #fff;font-size:14px;}
.col-md-4{        border-radius: 10px;float:left;width:90%;margin:20px 0%;background:#111;height:150px;padding:20px 5%;overflow: hidden;}
.col-md-4 h4{color:#fff;float:left;width:100%;margin:10px 0 0  0%;line-height:50px;text-align:center;font-size:18px;}
.col-md-4 p{color:#999;float:left;width:90%;margin:0 5%;line-height:35px;font-size:16px;text-align:center;}

.app-cta-area{float:left;width: 100%;background:#111;margin:0px 0 0 0 ;padding: 50px 0 80px 0;overflow: hidden; }
.appcta-content{float:left;width: 100%;overflow: hidden; }
.appcta-content p{float:left;line-height:30px;font-size:16px;text-align: center;margin:18px 0 0 0;font-weight:500;color:#666;}
.appcta-content h2{margin:50px 0% 0 0%;color:#fff;text-align:center;line-height: 45px;font-size:22px}
.links-right a{float:left;width:46%;border-radius: 100px;margin:50px 2%;text-align:center;height:50px;line-height:50px;background:#eee;color:#000;font-size:16px}
.links-right a.apk{background:#17a2b8;color:#fff;}
.mscreen-right{float:right;width:100%;overflow: hidden; }
.mscreen-right img{width: 80%; margin:0px 10% 0 10%;float:right}


.ouyi-005{float:left;width: 100%;background:#eee;margin:0px 0;padding: 0px 0 100px 0;overflow: hidden; }
.appcta-right{float:right;width:100%;margin:30px 0 0 0;overflow: hidden; }
.appcta-right p{float:left;width:100%;line-height:30px;text-align:center;font-size:16px;margin:18px 0 0 0;font-weight:500;color:#666;}
.appcta-right h2{margin:50px 0% 0 0%;color:#fff;text-align:center;line-height: 35px;font-size:22px}
.appcta-right a{float:right;width:46%;border-radius: 100px;margin:50px 2%;text-align:center;height:50px;line-height:50px;background:#eee;color:#000;font-size:16px}
.appcta-right a.apk{background:#17a2b8;color:#fff;}
.mscreen-left{float:left;width: 100%;overflow: hidden; }
.mscreen-left img{width: 80%; margin:0 10%; float:left}
.trainer-area{float:left;width: 100%;background:#000;margin:0px 0;padding: 100px 0;overflow: hidden; }
.col-lg-4{float:left;width:96%;margin:0 2% 60px 2%;overflow: hidden; }
.col-lg-4 p{float:left;line-height:50px;text-align:center;width:100%;font-size:16px;margin:0px 0 0 0;font-weight:500;color:#999;}
.content{float:left;width:100%;margin:0px auto;}
.content h4{float:left;width:100%;margin:50px 0% 0 0%;color:#fff;text-align:center;height:35px;line-height: 35px;font-size:22px}
.content span{float:left;width:100%;margin:5px 0% 0 0%;color:#fff;text-align:center;height:45px;line-height: 25px;font-size:16px}


.single-trainer{ margin-right: 50px;   padding-right: 50px;    border-bottom: 1px solid #333;float:left;width:100%;overflow: hidden; }
.single-trainer img{width:96%; margin:2%; box-shadow: 0px 0px 5px #333;border-radius: 10px;min-height:200px;float:left}
.h5-title{float:left;width: 100%;text-align:center;overflow: hidden; }
.h5-title h2{float:left;width:100%;line-height:50px;font-size:26px;margin:10px 0 50px 0;font-weight:700;color:#fff;}
.footer-area{float:left;width: 100%;background:#111;margin:0 0 0px 0;padding: 0px 0 0px 0;overflow: hidden; }

.footer-content p{float:left;width: 100%;line-height:30px;text-align:center;font-size:14px;margin:38px 0 20px 0;font-weight:500;color:#666;}




}
@media only screen and (min-width: 768px) {
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl{margin: 0;padding: 0;list-style: none;}
ul, ol{list-style: none;}
em, i{font-style: normal;}
img{object-fit: cover;border: 0;vertical-align: middle;}
input, select{vertical-align: middle;outline: none;}
a{text-decoration: none;}
img{border: none;}
body{width:100%;font-family: 'Microsoft YaHei', 'Arial', 'Heiti SC';font-size:14px;}
body{transform: scale(x, y);   /***-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;**/}


.header-area{float:left;background:#000;width: 100%;padding: 0px auto;overflow: hidden;height:100px;}
.container{width: 1100px;margin: 0 auto;overflow: hidden;}


.logo{float:left;color:#fff;width: 50%;margin: 0 auto;overflow: hidden;line-height:40px;} 
.logo img{float:left;margin: 35px auto;overflow: hidden;height:50px;} 
.main-menu{float:right;width: 50%;margin: 0 auto;overflow: hidden;line-height:100px}   
.main-menu a{float:right;color:#fff;font-size:16px;text-align:right;margin:0 0 0 30px}   

.app-slider{float:left;width: 100%;    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #160696, #08f9ce) repeat scroll 0 0;height:600px;padding: 30px 0 0 0;overflow: hidden; }
.hero-content{float:left;width: 100%;overflow: hidden; }
.hero-content{float:left;line-height:50px;font-size:39px;margin:80px 0 0 0;font-weight:700;color:#fff;}
.hero-content p{float:left;width:100%;text-align:center;line-height:50px;font-size:18px;margin:8px 0 0 0;font-weight:500;color:#bbb;}
.col-md-8-2{float:left;width:100%;margin:0px auto;}
.hero-content h2{margin:00px 0% 0 0%;text-align:center;line-height: 60px;font-size:48px}
.hero-content h3{margin:20px 0% 0 0%;text-align:center;height:60px;line-height: 60px;font-size:32px}
.head-url{float:left;width:60%;margin:0px 20%;}
.head-url a{float:left;width:45%;border-radius: 100px;margin:50px 5% 0 0%;text-align:center;height:65px;line-height: 65px;background:#fff;color:#000;font-size:18px}
.head-url a:hover{ transition: all 1s ease 0s;font-weight:700;color:#333}
.head-url a.apk{background:#17a2b8;color:#fff;}
.col-md-8-r{float:right;width: 25%;overflow: hidden; }
.col-md-8-r img{height:500px;max-width: 100%; float:right}

.service-area{width: 100%;margin: 0px auto;padding:50px 0;overflow: hidden;  background: #fff;font-size:14px;}
.ouyi-003-tit{text-align:center;font-size:26px;color:#000;font-weight:700;line-height:160px;}
.r1{width: 100%;margin: 0px auto;padding:0px 0;overflow: hidden;  background: #fff;font-size:14px;}
.col-md-4{float:left;width:25.3%;margin:0 2%;background:#eee;height:150px;padding:20px 2%;overflow: hidden;}
.col-md-4 h4{float:left;width:100%;margin:0 0%;line-height:60px;text-align:center;font-size:18px;}
.col-md-4 p{float:left;width:100%;margin:0 0%;line-height:35px;font-size:16px;text-align:center;}

.app-cta-area{float:left;width: 100%;background:#eee;margin:30px 0 0 0 ;padding: 80px 0 150px 0;overflow: hidden; }
.appcta-content{float:left;width: 65%;overflow: hidden; }
.appcta-content p{float:left;line-height:30px;font-size:16px;margin:18px 0 0 0;font-weight:500;color:#666;}
.ouyi-004-2,.ouyi-004-3{float:left;width:100%;margin:0px auto;}
.appcta-content h2{margin:50px 0% 0 0%;color:#000;text-align:left;height:35px;line-height: 35px;font-size:32px}
.links-right a{float:left;width:30%;border-radius: 100px;margin:30px 5% 0 0%;text-align:center;height:60px;line-height:60px;background:#000;color:#FFF;font-size:18px}
.links-right a.apk{background:#17a2b8;color:#fff;}
.mscreen-right{float:right;width: 33%;overflow: hidden; }
.mscreen-right img{width: 100%; float:right}


.ouyi-005{float:left;width: 100%;background:#eee;margin:0px 0;padding: 0px 0 100px 0;overflow: hidden; }
.appcta-right{float:right;width:53%;margin:30px 0 0 0;overflow: hidden; }
.appcta-right p{float:right;line-height:30px;text-align:right;font-size:16px;margin:18px 0 0 0;font-weight:500;color:#666;}
.appcta-right h2{margin:50px 0% 0 0%;color:#000;text-align:right;height:35px;line-height: 35px;font-size:32px}
.appcta-right a{float:right;width:30%;border-radius: 100px;margin:30px 5% 0 0%;text-align:center;height:60px;line-height:60px;background:#000;color:#FFF;font-size:18px}
.appcta-right a.apk{background:#17a2b8;color:#fff;}
.mscreen-left{float:left;width: 43%;overflow: hidden; }
.mscreen-left img{width: 90%; float:left}
.trainer-area{float:left;width: 100%;background:#333;margin:0px 0;padding: 160px 0 160px 0;overflow: hidden; }
.col-lg-4{float:left;width:29%;margin:0 2%;overflow: hidden; }
.col-lg-4 p{float:left;line-height:30px;text-align:left;font-size:16px;margin:0px 0 0 0;font-weight:500;color:#999;}
.content{float:left;width:100%;margin:0px auto;}
.content h4{float:left;width:100%;margin:20px 0% 0 0%;color:#fff;text-align:left;height:35px;line-height: 35px;font-size:18px}
.content span{float:left;width:100%;margin:5px 0% 0 0%;color:#fff;text-align:left;height:25px;line-height: 25px;font-size:14px}


.single-trainer{ margin-right: 50px;   padding-right: 50px;    border-right: 1px solid #ddd;float:left;width:100%;overflow: hidden; }
.single-trainer img{width:100%; min-height:200px;float:left}
.h5-title{float:left;width: 100%;text-align:center;overflow: hidden; }
.h5-title h2{float:left;width:100%;line-height:50px;font-size:39px;margin:10px 0 50px 0;font-weight:700;color:#fff;}
.footer-area{float:left;width: 100%;background:#000;margin:0 0 -150px 0;padding: 20px 0 80px 0;overflow: hidden; }

.footer-content p{float:left;width: 100%;line-height:30px;text-align:center;font-size:16px;margin:38px 0 20px 0;font-weight:500;color:#666;}



}