@charset "utf-8";

/*字体*/
@font-face { font-family: "Basetica"; src: url("../Font/BaseticaLight.otf"); }

/*全局*/
html { font-size: 62.5%; }
body { width: 100%; font-size: 1.2rem; font-family: "Basetica", "苹方-简", "Source Hans Sans", "微软雅黑", "Helvetica Neue", "黑体-简", Helvetica, Arial, sans-serif; line-height: 180%; background: #fff; color: #333333; }
.wrap { margin: 0 8%; }
.line { position: relative }
.line:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #333; -webkit-transform: scaleY(.5); transform: scaleY(.5); }

/*wrap*/
@media screen and (min-width:901px) {
	.big { display: block; width: 100%; height: 100%; text-align: center !important; }
	.big .big-content { width: 100%; height: 270px; position: absolute; top: 50%; margin-top: -135px !important; }
	.big .big-content img,
	.big .big-content hr,
	.big .big-content h4 { margin-bottom: 18px !important; }
	.big .big-content hr { width: 300px; margin: 0 auto; background-color: #eee; height: 1px; border: none; }
	.big .big-content p { height: 24px; line-height: 24px; font-size: 14px; color: #999; }
	.small { display: none; }
}
@media screen and (max-width:900px) {
	.small { display: block; width: 100%; min-width: 320px; }
	.big { display: none; }
}

/*header*/
.header { height: 130px; position: relative; }
.header a.header-logo { width: 40px; height: 40px; position: absolute; right: 5%; top: 67px; display: block; }
.header a.header-logo svg { width: 25px; }
.header a.header-menu { width: 40px; height: 11px; position: absolute; left: 8%; top: 74px; display: block; }
#menu span:before { content: ''; display: inline-block; width: 30px; height: 1px; background-color: #333; transition: transform 0.1s ease-out, top 0.3s ease 0.2s; transform: rotate(0deg); }
#menu span:after { content: ''; display: inline-block; width: 30px; height: 1px; background-color: #333; position: absolute; top: 5px; left: 0px; transition: transform 0.1s ease-out, top 0.3s ease 0.2s; transform: rotate(0deg); }
.menu_click span:before { transform: rotate(-22deg) translateY(-4px)  !important; }
.menu_click span:after { transform: rotate(22deg) translateY(5px) !important; }

/*index*/
.index img { width: 100%; display: block; margin-bottom: 20px; }

/*nav*/
.nav { display: none; }
.nav-main { margin: 0 8%; min-height: 180px; position: relative; }
.nav-title { position: absolute; left: 0; top: 0; padding: 15px 0; width: 33%; }
.nav-title a { padding: 10px 0; height: 30px; line-height: 30px; color: #333333; display: inline-block; }
.nav-title a svg { height: 10px; }
.nav-title a.en svg { height: 9px; }
.nav-list { position: absolute; left: 35%; top: 0;padding: 15px 0; }
.nav-list ul { list-style: none; }
.nav-list ul li { padding: 10px 0; height: 30px; line-height: 30px; }
.nav-list ul li a { width: 100%; height: 30px; line-height: 30px; display: inline-block; }
.nav-list ul li a svg { height: 10px; }

/*news*/
.news { min-height: 180px; position: relative; margin-top: 30px; }
.news-time { position: absolute; left: 0; top: 0; padding: 15px 0; width: 33%; }
.news-time ul { list-style: none; }
.news-time ul li { padding: 10px 0; height: 30px; line-height: 30px; color: #333333; }
.news-time ul li span { width: 30px; display: block; text-align: center; }
.news-list { position: absolute; left: 34%; width: 66%; top: 0; padding: 15px 0; }
.news-list ul { list-style: none; }
.news-list ul li { width: 100%; padding: 10px 0; height: 30px; line-height: 30px; }
.news-list ul li a { width: 48%; height: 30px; line-height: 30px; display: inline-block; }

/*project*/
.project { padding: 47px 0 80px; text-align: center; }
.project p { padding: 5px 0; letter-spacing: 3px; }
.project p.time { font-size: 0.75rem; letter-spacing: 1px; }

/*flower*/
.teacher { padding: 50px 0; text-align: center; }
.teacher .teacher-pic img { width: 40%; }
.teacher .teacher-title { padding: 30px 0; }
.teacher .teacher-title p { padding: 5px 0; letter-spacing: 2px; }
.teacher .teacher-content { line-height: 30px; letter-spacing: 1px; }
.lesson { padding: 30px 0; text-align: center; }
.lesson .lesson-title { padding-bottom: 30px; padding-top: 30px; font-size: 13px; letter-spacing: 3px; line-height: 26px; }
.lesson .lesson-title p.en { font-size: 0.75rem; letter-spacing: 1px; }
.lesson .lesson-pic img { width: 100%; }
.lesson .lesson-teacher { padding-top: 50px; letter-spacing: 2px; }
.lesson .lesson-time { padding-top: 50px; letter-spacing: 2px; }
.lesson .lesson-teacher p,.lesson .lesson-time p { line-height: 30px; }
.lesson .lesson-time p.time { letter-spacing: 1px; line-height: 180%; }

/*history*/
.history { padding: 80px; text-align: center; }
.history ul { list-style: none; }
.history ul li a { line-height: 55px; font-size: 1.2rem; display: block; letter-spacing: 3px; }
.history-title { padding: 47px 0 80px; text-align: center; }
.history-title p { padding: 5px 0; }

/*products*/
.products-title { padding: 30px 0 40px; text-align: center; font-size: 0.8rem; letter-spacing: 2px; }

/*contact*/
.contact-banner img { width: 100%; }
.contact-add, .contact-us { margin-top: 50px; letter-spacing: 1px; }
.contact-add p { padding: 10px 0; }
.contact-add p span { display: block; }
.contact-us p { line-height: 30px; }
.contact-link { padding: 20px 0; }
.contact-link a img { width: 30px; padding: 15px 6% 15px 0; }
.contact-bus { margin-top: 30px; font-size: 12px; margin-bottom: 80px; }

/*content*/
.content img { max-width: 100% !important; display: block; margin-bottom: 10px; }

/*footer*/
.footer { padding: 80px 0 50px; text-align: center; }
.footer .wechat img { width: 100px; }
.footer .footer-title { padding: 10px 0 20px; color: #736357; font-size: 0.75rem; letter-spacing: 2px; }
.footer .footer-title span { margin-left: 10px; }
.footer .link a img { width: 25px; padding: 15px 2%; }

/*分页*/
.page { float: right; display: inline-block; }
.page a,
.page span.pagecur { margin-left: 4px; padding: 0 8px; height: 36px; line-height: 36px; color: #2F4056; background: #FFF; border: 1px solid #2F4056; border-radius: 2px; display: inline-block; }
.page span { margin-left: 4px; padding: 0 8px; height: 36px; line-height: 36px; color: #2F4056; background: #FFF; border: 1px solid #2F4056; border-radius: 2px; }
.page a:hover,
.page span.current { margin-left: 4px; padding: 0 8px; height: 36px; line-height: 36px; color: #FFF; background: #2F4056; border: 1px solid #2F4056; border-radius: 2px; display: inline-block; }