/* by Adon , CSS Document */





.footer{ margin-top:0}

.about-slider { float:left; position:relative;width:100%; height:1024px; color:#fff; text-align:center;background:url(../img/about.jpg) no-repeat center; background-size:cover; background-attachment:fixed;}

.about-slider .item{ position:absolute; left:0; top:50%; right:0; margin:-80px auto;}

.about-slider .item .p1{ font-size:80px;}

.about-slider .item .p2{ font-size:30px;}

.about-slider .bottom{ position:absolute; bottom:5%; left:0; right:0; text-align:center; margin:0 auto;}

.about-view { margin:12.5% 0 5% 0; overflow:hidden; clear:both;}

.about-view .about-en,.about-view .about-cn{float:left;width:50%;}

.about-view .about-en .p1{ font-size:45px; text-transform:uppercase}

.about-view .about-en .p2{ font-size:15px; text-transform:uppercase}

.about-view .about-cn{ font-size:15px; color:#727272;}

.about-base { margin-top:-100px;float:left; position:relative;width:100%; height:988px; color:#fff; text-align:center;background:url(../img/base.jpg) no-repeat center; background-size:cover}

.about-base .item{ position:absolute; left:0; top:50%; right:0; margin:-80px auto;}

.about-base .item .p1{ position:relative;font-size:36px; background:url(../img/base.png) no-repeat center;}

.about-base .item .p2{ font-size:16px; max-width:670px; margin:2.5% auto; text-align:center; line-height:26px;}

.about-base .item .p3{ font-size:18px; border:solid 2px #fff; width:170px; margin:0 auto; line-height:45px;}

.about-age ul{ max-width:1000px; margin:0 auto;}

.about-age .container{ padding:5% 15px; width:100%;overflow:hidden; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede;}

.about-age li{ float:left; width:33.33%;}

.about-age li span{ display:block; font-size:25px;}

.about-age li font em{ font-style:normal; display:inline-block;font-weight:bold;font-size:40px;}

.about-age li font { font-size:100px;}

.about-video{ overflow:hidden; margin:8% 0; font-size:16px;text-align:center; position:relative;}

.about-video .container{ overflow:hidden; position:relative;}

.about-video .about-left{ position:absolute; left:0; top:50%;margin-top:-120px;text-align:left;}

.about-video .about-left .p1{font-size:60px;}

.about-video .about-left .p2{ margin-top:25px;color:#737373;}

.about-video .about-right{ position:absolute; right:0; top:50%;margin-top:-120px;text-align:left;color:#737373; max-width:290px;}

.about-course { float:left; width:100%;}

.about-course .p{ text-align:center; text-transform:uppercase;font-size:18px; color:#464646; border-top:solid 1px #dedede; line-height:69px;}

.about-course .p a{ margin:0 20px 0 10px;}

.about-course .slider{ float:left; position:relative;width:100%; height:607px; color:#fff; text-align:center;background:url(../img/course.jpg) no-repeat center; background-size:cover;}

.about-course .slider .item{ position:absolute; left:0; top:50%; right:0; margin:-40px auto;}

.about-course .slider .item .p1{ font-size:44px;}

.about-course .slider .item .p2{ font-size:21px; margin-top:25px;}

.about-course ul { background:url(../img/age.jpg) repeat-y center; position:relative; top:-100px; clear:both; padding:20% 15px 10% 15px;}

.about-course ul li{ margin-bottom:10%; position:relative;}

.about-course ul li.r{ padding-left:60%; position:relative;}

.about-course ul li em{ background:url(../img/time.png) no-repeat top #fff; left:0; right:0; margin:0 auto;padding:55px 0 10px 0; text-align:center; width:100px; font-style:normal; font-weight:bold; position:absolute;top:26px;font-size:20px;}

.about-course ul li span{ display:block; font-size:80px;}

.about-course ul li font{ display:block; font-size:22px; color:#727272; margin-bottom:25px;}

.about-course ul li p{ display:block; font-size:16px; color:#727272; max-width:550px;}


.about-videos{ float:left; width:100%; margin:10% 0 15% 0; font-size:14px;}
.about-videos .p1{ font-size:30px;text-align:center;}
.about-videos .p2{ text-align:center; color:#737373; max-width:600px; margin:10px auto 5% auto;}
.about-videos ul{ float:left; width:100%; overflow:hidden; border-bottom:solid 1px #f2f2f2; padding-bottom:5%; margin-bottom:5%;}
.about-videos ul li .thumb{ position:relative;}
.about-videos ul li .thumb img{ width:100%;}
.about-videos ul li .thumb i{ position:absolute; z-index:2;top:50%;left:0; right:0; margin:-30px auto; text-align:center;}
.about-videos ul li .thumb i img{ width:auto;}
.about-videos .ul3{ border-bottom:0;}
.about-videos .ul1 li{ float:left; width:32.33%; margin-right:1.5%}
.about-videos .ul1 li.clear{margin-right:0}
.about-videos .ul1 li p{ color:#737373; margin-top:10px;}
.about-videos .ul2 li{ float:left; width:49%;}
.about-videos .ul2 li.l{margin-right:1%}
.about-videos .ul2 li.r{margin-left:1%}
.about-videos .ul3 li{ float:left; width:100%}


@media (max-width:1024px){

.about-slider .item .p2{ font-size:22px;}

.about-slider .item .p1{ font-size:65px;}

.about-video .about-left{ position:static; margin:0; display:block; width:100%; text-align:center;}

.about-video .video{ display:block; margin:8% 0; float:left; width:100%;}

.about-video .about-right{ position:static; margin:0; display:block; width:100%; text-align:center; max-width:inherit}

.about-course ul li span{ font-size:70px;}

.about-course ul li font{ font-size:16px;}

.about-course ul li p{ font-size:14px;}

.about-course ul li.l p{ width:45%;}

}

@media (max-width:768px){

.about-course ul li span{ font-size:50px;}	

.about-slider{ padding:75% 0; height:auto}	

.about-slider .item{ position:static; margin:0 auto;}	

.about-base{ padding:50% 0; height:auto}	

.about-base .item{ position:static; margin:0 auto;}	

.about-view .about-en, .about-view .about-cn{ width:100%;}

.about-view .about-cn{ margin-top:10%;}

.about-age li span{ font-size:20px;}

.about-age li font em{font-size:35px;}

.about-age li font { font-size:80px;}

.about-video .about-left .p1{ font-size:50px;}

.about-video{ font-size:14px;}



.about-course .slider{ padding:25% 0; height:auto}	

.about-course .slider .item{ position:static; margin:0 auto;}	

.about-course ul li.l font{ width:30%;}

.about-slider{background-attachment: inherit}


.about-videos{ font-size:13px;}
.about-videos .p1{ font-size:26px;}

}

@media (max-width:640px){

.about-age li span{ font-size:15px;}

.about-age li font em{font-size:30px;}

.about-age li font { font-size:60px;}

.about-course ul li em{ font-size:16px;}

.about-course ul li span{ font-size:40px;}	

}

@media (max-width:480px){

.about-course .slider .item .p1{ font-size:32px;}

.about-course .slider .item .p2{ font-size:15px;}	

.about-course .p{ line-height:40px; padding:15px 0; font-size:14px;}	

.about-course .p a{ display:inline-block;}	

.about-view{ margin-bottom:10%;}

.about-view .about-cn{ font-size:13px;}	

.about-age .container{ padding:10% 15px;}	

.about-age li { width:100%; text-align:center; margin:5% 0;}	

.about-base .item .p1{font-size:30px;}

.about-base .item .p2{ font-size:14px; margin:10% 0;}

.about-base .item .p3{ font-size:16px;}	

.about-slider .item .p2{ font-size:18px;}

.about-slider .item .p1{ font-size:45px;}

.about-view .about-en .p1{ font-size:36px;}

.about-view .about-en .p2{ font-size:14px;}

.about-video .about-left .p1{ font-size:36px;}

.about-video{ font-size:13px;}

.about-course ul{ top:-50px;}

.about-course ul li em{ font-size:12px; width:65px; background-size:50%; padding-top:45px;}

.about-course ul li span{ font-size:30px;}	

.about-course ul li font{ font-size:14px;}

.about-course ul li p{ font-size:12px;}

.about-course ul li.l p{ width:40%;}

.about-videos ul li{ width:100% !important; margin:5% 0 !important;}
.about-videos .p1{ font-size:22px;}
.about-videos ul li .thumb i img{ width:40px;}
.about-videos ul li .thumb i{ margin-top:-20px;}
.about-videos{ margin:15% 0 20% 0;}
.about-videos ul{ padding-bottom:7.5%; margin-bottom:7.5%}

}

@media (max-width:320px){

.about-view .about-en .p1{ font-size:32px;}

.about-view .about-en .p2{ font-size:13px;}	

.about-slider .item .p2{ font-size:16px;}

.about-slider .item .p1{ font-size:35px;}

.about-base .item .p1{font-size:26px;}

.about-base .item .p2{ font-size:13px}

.about-base .item .p3{ font-size:14px; line-height:40px; width:150px;}	

.about-video .about-left .p1{ font-size:30px;}

.about-video{ font-size:12px;}

.about-course .slider .item .p1{ font-size:28px;}

.about-course .slider .item .p2{ font-size:14px;}

.about-course ul li em{width:45px;padding-top:35px;}	
.about-videos .p1{ font-size:20px;}

}

