/* by Adon , CSS Document */



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: transparent;

}



::-webkit-scrollbar-thumb {

    border-radius: 8px;

    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);

    background-color: #bcbcbc;

}



@font-face

{

font-family:Family;src:url("../fonts/AvenirNextLTPro-Regular.otf");src:url("img/AvenirNextLTPro-Regular.ttf");src:url("img/AvenirNextLTPro-Regular.ttf")} 



*{margin:0;padding:0;-webkit-touch-callout:none;}

body{ font-size:16px;font-family:"Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", ??????, Arial, sans-serif;color:#252525;}

a,body{color:#000}

a{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

a,a:focus,a:hover{text-decoration:none;color:#000;}

h1,h2,h3,h4,h5,h6,li,ul{margin:0}

li,ul{list-style:none}

a:focus,input,textarea,select{outline:none} 

img{-ms-interpolation-mode:bicubic;max-width:100%;-webkit-touch-callout:none}

p,big,small,span,font,em{display:block;margin:0}

.en{font-family:"Oswald-Regular",Tahoma,Geneva,sans-serif}

.left{float:left}

.right{float:right}

.clearfix{clear:both}

.container{width:100%;max-width:1530px;margin:0 auto;padding-left:15px;padding-right:15px}

.pic-scale{-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}

.radius{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}



.revealOnScroll{ opacity:0;}

.header-div{ float:left; width:0%; height:120px;}

.header.fix{ position:fixed; z-index:99; background:#fff !important;border-bottom: solid 1px #d9d9d9;}

.header{ padding:15px 0; float:left; width:100%; position:fixed; top:0; left:0;border-bottom:solid 1px #d9d9d9; background:#fff;}

.header .logo{ width:320px; height:60px; background:url(img/logos.png) no-repeat center; background-size:contain}

.header .navs{ margin-left:50px; line-height:59px;}

.header .navs li{ float:left; font-size:16px;}

.header .search{ width:20px; height:21px; background:url(img/search.jpg) no-repeat center; background-size:cover; cursor:pointer}

.header .lan{ background:url(img/bor.png) no-repeat left; padding-left:22px; margin-left:22px;}

.header .lan .en{ font-size:15px;}

.header .lan .on{ border:solid 1px #d30000; background:#d30000; color:#fff;}

.header .lan a{ text-align:center;width:23px; float:left;line-height:23px; margin-right:15px;}

.header .hright .mar{ margin-top:18px; float:left;}

.header .tel{ font-size:15px; background:#d30000; text-align:center;margin-top:7px;margin-left:25px;color:#fff;border:solid 2px #d30000; width:195px; line-height:43px;}

.header .menu{ display:none;width:39px; height:39px; margin-left:20px; margin-top:8px;background:url(img/menus.png) no-repeat center; background-size:cover}

.header1{ border-bottom:none;color:#fff; position:fixed; top:0; left:0; right:0;z-index:9; background:none;}

.header1 a{ color:#fff;}

.header1 .lan .on{ border:solid 1px #fff; background:none;}

.header1 .logo{background:url(img/logo.png) no-repeat center; background-size:contain}

.header1 .search{background:url(img/search.png) no-repeat center; background-size:cover}

.header1 .lan{ background:url(img/bor.jpg) no-repeat left;}

.header1 .tel{background:none; border:solid 2px #fff;}

.header1 .menu{background:url(img/menu.png) no-repeat center; background-size:cover}


.header .navs li a{padding:4px 27px;}
.header .navs > li.sub{ position:relative;}
.header .navs > li.sub:hover > a {background: #d6000f;border-radius: 5px; color:#fff;}
.header .navs li.sub:hover .ul {display: block;}
.header .navs li.sub .ul li{float:none;margin:0;text-align:center;color: #252525;font-size:14px; line-height:26px;}
.header .navs li.sub .ul li a{color: #252525 !important; padding:0 !important;}
.header .navs li.sub .ul {border: solid 1px #d9d9d9;display: none;line-height: 18px;position: absolute;width: 200px;top:43px;left: 0;padding: 10px 0;background: #fff;border-radius: 0 0 5px 5px;}





.title{ margin:5% 0 5% 0; overflow:hidden;}

.title font{ font-size:30px; line-height:34px; text-transform:uppercase}

.title em{ font-size:18px; border:solid 2px #cfcfcf; margin-top:10px;text-align:center; width:100%; font-style:normal;max-width:170px; line-height:46px;}

.title em a{ color:#464646;}

.news li{ float:left; width:49.5%; border:solid 1px #cdcdcd; padding:2.5%; margin:0.5% 0; overflow:hidden; min-height:288px;}

.news li .item{ width:45%;}

.news li .item span{ font-size:18px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden; margin:7.5% 0 5% 0;}

.news li .item p{ font-size:13px; color:#797979; max-height:72px; overflow:hidden;}

.news li .item em{ font-size:13px; line-height:30px; margin-top:5px;font-style:normal; color:#333333;}

.news li .item em font{ display:block; font-size:40px;}

.news li .thumb{ width:50%;}

.news li .thumb img{ width:100%;}

.news li.l{ margin-right:0.5%;}

.news li.r{ margin-left:0.5%;}

.news li:hover{ border:solid 1px #d30000}

.news li:hover .item em{ color:#d30000}



.class{ border-bottom:solid 1px #d9d9d9; padding:22px 0; float:left; width:100%;}

.class li { float:left; font-size:16px; background:url(img/bor.png) no-repeat right; padding-right:25px; margin-right:25px;}

.class li.clear{ background:none;}



.footer{ float:left; width:100%;margin-top:10%;border-top:solid 1px #e6e6e6; padding-top:3%;}

.footer .footer-left .p1{ font-size:20px;}

.footer .footer-left .p2{ height:1px; background:#e5e5e5; width:60px; margin:10px 0;}

.footer .footer-left .p3{ font-size:28px;}

.footer .footer-left .p4{ margin-top:25px;}

.footer .footer-dl{ margin-left:5%;}

.footer .footer-dl dl{ float:left; margin-left:60px}

.footer .footer-dl dl dt{ display:block; font-size:18px; font-weight:normal; margin-bottom:30px;}

.footer .footer-dl dl dd{ display:block; font-size:14px; line-height:24px;}

.footer .footer-dl dl dd a{ color:#5e5e5e;}

.footer .footer-right{ font-size:14px; color:#5e5e5e;}

.footer .footer-right a{color:#5e5e5e;}

.footer .footer-by{border-top:solid 1px #e6e6e6; padding:10px 0;font-size:15px;margin:5% 0 5% 0; overflow:hidden;}

.footer .footer-by p.left font{ display:inline-block; margin-right:25px}

.footer .footer-by p.right a{ text-decoration:underline}

.footer .link{ width:50%; font-size:14px; margin-bottom:10%; overflow:hidden;}

.footer .link .p1{ color:#fff; background:#252525; text-align:center; width:100px; line-height:38px; margin-bottom:20px;}

.footer .link ul li{ float:left; margin-right:20px;}

.footer .link ul li a{ color:#7a7a7a;}



.modal .modal-header{ border-bottom:none;}

.modal{text-align:center; width:100%; height:100%;}

.modal .modal-content{ width:100%; height:100%; position:absolute;margin:0 auto; left:0; right:0;top:50%;margin-top:-275px;max-width:800px; max-height:500px;}

.modal .modal-content video{ width:100%; height:100%; max-height:480px;}







.search-fix{ display:none;position:fixed; top:0; left:0; width:100%; height:100%; z-index:888}

.search-fix .bg{ position:absolute; top:0; width:100%; height:100%; left:0; background:url(img/bg.png) repeat;}

.search-fix .search-content{ background:#fff; max-width:1850px; margin:-300px auto; padding:200px 15px; top:50%;position:relative; z-index:1}

.search-fix .search-content .item{ max-width:1000px; margin:0 auto;}

.search-fix .search-content .item .p{ font-size:25px; text-align:center; margin-bottom:8%;}

.search-fix .search-content .item .form{ position:relative; margin:2.5% 0;}

.search-fix .search-content .item .submit{ position:absolute; top:15px; right:15px; border:0; width:21px; height:21px;background:url(img/search.jpg) no-repeat; background-size: cover}

.search-fix .search-content .item .text{ border-bottom:solid 1px #d8d8d8; font-size:20px; padding:15px 5% 15px 2.5%; color:#808080;border-top:0;border-left:0;border-right:0; display:block; width:100%;}





.navigation{ display:none;position:fixed; top:0; left:0;z-index:99;height:100%;overflow:hidden;width:100%;}

.navigation .navigation-bg{background:url(img/bg.png) repeat; position:absolute; top:0; height:100%; width:100%; left:0;}

.navigation .item{ background:#252525;font-size:25px;max-width:700px; padding-left:20%; padding-right:15px;width:100%; height:100%; position:absolute; left:-100%; top:0;-moz-user-select: -moz-none;-webkit-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-overflow-scrolling: touch!important;overflow-y: auto;}

.navigation .item .top{ position:absolute; top:0; left:0;}

.navigation .item .tel{ position:absolute; top:45px; right:25px; font-size:20px; color:#fff; background:url(img/tel.png) no-repeat left; padding-left:35px;}

.navigation .item .top .logos{ height:112px;}

.navigation ul{ margin-top:30%;}

.navigation ul li{ display:block; color:#fff; margin-bottom:5%;}

.navigation ul li a{color:#fff;}

.navigation .item .p{ font-size:15px; color:#fff; margin-top:10%; margin-bottom:15%;}




.fix-down{ position: fixed; top:0; left:0; width:100%; height:100%; z-index:99; display:none;}
.fix-down .bg{background:url(img/bg.png) repeat; position:absolute; top:0; height:100%; width:100%; left:0;}
.fix-down .item{ z-index:1; max-width:820px; height:600px; top:50%;position:relative; padding:3%;margin:-300px auto;background:url(img/store.png) no-repeat right bottom #d30000; color:#fff;}
.fix-down .item .closes{ position:absolute; right:5%; top:5%;}
.fix-down .item .p1{ font-size:25px;}
.fix-down .item .p2{ font-size:14px; max-width:380px;}
.fix-down .item .p3{ margin:5% 0 2.5% 0;}
.fix-down .item .p3 .text{ border:solid 1px #fff;max-width:330px; line-height:30px;width:100%;background:none; font-size:15px; color:#fff;}
.fix-down .item .p4 .submits{ border:0;font-size:18px; background:#fff; color:#222222;text-align:center;width:174px;line-height: 47px; margin:25px 0;}
.fix-down .item .p5{ font-size:18px;}




.contact{ float:left; width:100%; background:#f5f5f5; padding:2.5%; margin-top:5%}

.contact .map{ width:620px; height:325px;}

.contact .map img{ max-width:none;}

.contact .p{ font-size:20px; border-bottom:solid 1px #d9d9d9; color:#55504f; padding:0 20px 15px 20px; margin-bottom:25px;}

.contact .item{ margin:2.5% 5%;color:#55504f;}

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

.contact .item .p2{ font-size:16px; line-height:30px; margin:45px 0}

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

.contacts{float:left; width:100%; border:solid 1px #d2d2d2; background:none; margin:15px 0;}

.contacts .form{margin-top:3%;max-width:780px;}

.contacts .form ul li{ min-width:360px;float:left; width:47.5%; margin-right:2.5%; margin-bottom:2.5%;}

.contacts .form ul li .text{ border:0; background:#f5f5f5; border:solid 1px #d2d2d2; font-size:18px; color:#313131; padding:0 5%; line-height:50px; width:100%;}

.contacts .form ul li .select{ border:0; background:#f5f5f5; border:solid 1px #d2d2d2; font-size:18px; color:#313131; padding:14px 5%; width:100%;height:52px}

.contacts .form .submit{ background:#d30000; border:0; display:block; color:#fff; text-align:center; font-size:18px; width:190px; line-height:45px; margin:20px 0; clear:both;}


.t{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;background: url(img/bg.png) repeat;text-align:center;}
.t .pic{ width:100%; height:100%;background: url(img/t.jpg) no-repeat center; background-size:contain;}

.sitemap-dl{width:100%; max-width:1100px; margin-left:auto; margin-right:auto;margin-top:10%;}
.sitemap-dl dl{ float:left; width:100%; font-size:16px; margin-bottom:2.5%;}
.sitemap-dl dl dt{ float:left; display:block; margin-bottom:2.5%;font-size:18px;}
.sitemap-dl dl dd{ float:left; margin-right:46px;}




@media (min-width:1366px){

	.navigation{ display:none !important;}

}



@media (max-width:1500px){

.header .navs{ margin-left:40px;}
.header .navs li a{ padding:4px 20px;}
}

@media (max-width:1366px){

.footer .footer-dl{ margin-left:0}

.revealOnScroll{ opacity:1;}

}

@media (max-width:1365px) and (min-width:1025px){

.header .menu{ display:block;}

.header .navs{ display:none;}

.news li .item em font{ font-size:30px;}

.news li .item span{ font-size:16px;text-overflow:unset;white-space: inherit;}

.news li .item p{ display:none}

.contact .map{ width:36%;}

.contacts .form{ width:50%;}

.contacts .form ul li{ width:100%;}

}

@media (max-width:1300px){

.footer .footer-right{ width:100%; margin-top:5%;}

}

@media (max-width:1024px){

.header .menu{ display:block;}	

.header .navs{ display:none;}

.news li{ width:100%;margin:1% 0 !important;}

.contact .item{ width:100%; margin-bottom:5%;}

.contact .map,.contacts .form{ width:100%; max-width:none}


}

@media (max-width:960px){

.footer .footer-dl{ width:100%; margin-top:10%}

.footer .footer-dl dl{ width:15%;margin-right:5%; margin-left:0}	

}

@media (max-width:768px){
	
	
.fix-down .item{ padding:5%;}	

.modal .modal-content{ top:40%;width:auto; height:auto; max-height:none; max-width:none; margin:0 auto;}

	

.title font{ font-size:22px; line-height:30px;}

.title em{ font-size:16px; line-height:40px; max-width:150px;}

	

.footer{ padding-top:5%;}	

.footer .footer-by p.left,.footer .footer-by p.right{ display:block; float:none;}	

.footer .footer-by p.right{ margin-top:5%;}

.footer .link{ width:100%;}


.contact .p,.store .area,.store font{ font-size:16px;}

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

.contact .item .p3{ font-size:18px;}	

.contacts .form ul li{ min-width:inherit}

.contacts .item .p2{ margin-bottom:0}

}

@media (max-width:640px){

.header .hright{ display:none;}	

.news li{ width:100%;padding:5%; margin:2.5% 0 !important;}	

.news li .item{ width:100%;}

.news li .thumb{ width:100%; margin-top:5%;}

.news li .item span{ margin:5% 0;text-overflow:unset;white-space: inherit;}

.news li .item p{ max-height:inherit;}

}

@media (max-width:480px){
	
.sitemap-dl dl{ font-size:14px; margin:2.5% auto;}
.sitemap-dl dl dt{ font-size:15px;}	
.sitemap-dl dl dd{line-height: 30px;}
	
.fix-down .item{ padding:10%; height:500px; margin-top:-250px;}	
.fix-down .item .p1{ font-size:18px;}
.fix-down .item .p4 .submits{font-size: 14px;line-height: 35px;width: 140px;}
.fix-down .item .p5{ font-size:16px;}
.fix-down .item .closes img{ width:20px;}
	

.header-div{ height:82px;}

.header{ padding:5px 0;}	

.header .logo{ width:170px; height:45px;}

.header .menu{ width:32px; height:32px;}



.class{ padding:15px 0;}

.class li{ padding-top:5px; margin-bottom:5px; font-size:14px;}

	

.title{ margin:5% 0 5% 0;}

.title font{ font-size:18px; line-height:25px;}

.title em{ font-size:13px; margin-top:5px;line-height:35px; max-width:120px;}

.news li .item em font{ font-size:36px;}

.news li .item span{ font-size:16px;}



.navigation .item .top img{ height:70px;}

.navigation .item .tel{ font-size:15px; right:15px; top:28px;}

.navigation .item{ font-size:18px;}

.navigation ul{ margin-top:35%;}

.navigation .item .p{ font-size:14px;}



.search-fix .search-content{ padding-top:150px; padding-bottom:150px; margin-top:-210px;}

.search-fix .search-content .item .p{ font-size:18px;}

.search-fix .search-content .item .text{ font-size:16px;}





.footer .footer-by,.footer .link{ margin-bottom:15%}	

.footer{ padding-top:10%; margin-top:15%;}		

.footer .footer-left .p1{ font-size:16px;}

.footer .footer-left .p3{ font-size:20px;}	

.footer .footer-dl dl{ width:33.33%; margin-right:0}

.footer .footer-dl dl dt{ font-size:16px; margin-bottom:20px;}

.footer .footer-dl dl dd{ font-size:12.1px;}

.footer .footer-right{ font-size:13px;}

.footer .footer-by{ font-size:14px;}



.contacts .form .submit{ font-size:14px; width:150px;}	

.contact{ margin-top:10%; padding:5%;}	

.contact .p,.store .area,.store font{ font-size:14px;}

.contact .item{ margin-bottom:10%}

.contact .item .p1{ font-size:22px;}

.contact .item .p2{ font-size:14px;}	

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

.contacts .form ul li{ min-width:inherit; width:100%;}

.contacts .form ul li .text,.contacts .form ul li .select{ font-size:14px;}



}

@media (max-width:320px){
	
.sitemap-dl dl{ font-size:13px;}

.navigation .item{ font-size:16px;}

.navigation ul{ margin-top:45%;}

.navigation .item .p{ font-size:13px;}



.navigation .item .tel{ display:none;}	

.header .logo{ width:160px; height:40px;}

.header .menu{ width:28px; height:28px;}

	

.class li{ padding-right:20px; margin-right:20px;}

	

.title font{ font-size:18px; line-height:26px;}

.title em{ font-size:13px; line-height:30px; max-width:100px;}

.news li .item em font{ font-size:32px;}	

.news li .item em{ font-size:12px;}

.news li .item span{ font-size:15px;}

.news li .item p{ font-size:12px;}





.search-fix .search-content{ padding-top:125px; padding-bottom:125px; margin-top:-160px;}

.search-fix .search-content .item .p{ font-size:16px;}

.search-fix .search-content .item .text{ font-size:14px;}

.contacts .form .submit{ font-size:13px; width:140px; line-height:40px;}	

.contact .p,.store .area{ font-size:12px;}

.contact .item .p1{ font-size:18px;}

.contact .item .p2{ font-size:12px;}	

.contact .item .p3{ font-size:14px;}	

.contacts .form ul li .text,.contacts .form ul li .select{ font-size:13px;}



}









.about-slider { float:left; position:relative;width:100%; height:987px; color:#fff; text-align: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;}













@media (max-width:768px){

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

.about-slider{ padding:30% 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-size: cover !important;}	
.about-slider{background-attachment: inherit !important;}


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

}

@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%}

}