﻿@media only screen and (max-width: 1720px) {
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1490px) {
}
@media only screen and (max-width: 1400px) {
}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1220px) {
}
@media only screen and (max-width: 1200px) {
.centerBox { width: 94%; }
.nav ul li { margin-left: 6%; }
.pro_zutu { height: 340px; }
.pro_ms { padding: 0 14px; }
.pro_ms h3 { margin-bottom: 10px; font-size: 20px; }
.pro_ms .txt, .pro_ms .txt * { font-size: 16px; line-height: 36px; }
a.lx { width: 200px; height: 40px; line-height: 40px; }
.sy_about .text_k { width: 94%; padding: 0 0 0 90px; }
}
@media only screen and (max-width: 1130px) {
}
@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 1024px) {
.fot_text { width: 60%; }
.fot_wechat { width: 40%; }
.nav ul li { margin-left: 4%; font-size: 15px; }
a.lx { margin-top: 60px; }
.course_list .next,  .course_list .prev { cursor: none; }
.sy_about .text_k { padding: 0 0 0 60px; }
.sy_news_li ul li h3 { margin-bottom: 10px; }
.sy_news_li ul li { margin-bottom: 30px; padding-bottom: 40px; }
}
@media only screen and (max-width: 990px) {
}
@media only screen and (max-width: 900px) {
.logo img { height: 100px; display: block; }
}
@media only screen and (max-width: 796px) {
}
@media only screen and (max-width: 770px) {
.header { height: 60px; position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 4px 4px rgba(0,0,0,0.2); z-index: 999; }
.logo img { height: 60px; width:157px; }
.nav { overflow-x: scroll; display: none; position: fixed; width: 100%; height: 100%; top: 60px; left: 0; background: #fff; z-index: 999; }
.nav ul li { width: 100%; font-size: 20px; line-height: 70px; border-bottom: none; margin: 0 auto; }
.menu { display: flex; }
.erji { position: unset; left: 0; width: 100%; background: none; padding: 0; }
.erji dl dd { font-size: 18px; line-height: 40px; color: #666; }
.link ul li { margin-right: 8%; }
.banner { margin-top: 60px; }
.product { padding: 30px 0; }
.main_title h3 { font-size: 24px; }
.pro_t ul li { font-size: 16px; margin: 0 20px; }
.pro_zutu { width: 530px; display: block; margin: auto; }
.pro_zutu { padding-bottom: 20px; height: 424px; }
.gallery-top { height: 410px!important; }
.pro_ms { width: 60%; }
.new_pro { width: 40%; }
.product_show { padding-bottom: 40px; }
.pro_title { padding-bottom: 20px; }
.service_gs .img { width: 100%; }
.service_gs .text { width: 100%; margin-top: 30px; padding: 0; }
.service { padding: 30px 0; }
.news_show { padding: 30px 0; }
.about_text .img { width: 100%; }
.about_text .text { width: 100%; padding: 0; margin-top: 20px; }
.about { padding: 30px 0; }
.about_text { margin-top: 20px; padding-bottom: 40px; }
.course { padding-bottom: 30px; }
.course_list { margin-top: 20px; }
.honor_list ul { margin-top: 20px; }
.contact { padding: 30px 0; }
.contact_map .map { width: 100%; }
.map_lsit { width: 100%; padding: 0; margin-top: 20px; }
.contact_form .form_text { height: 50px; line-height: 50px; }
.sy_banner { margin-top: 60px; }
.sy_about .text_k { padding: 0 0 0 30px; margin-bottom: 30px; }
.sy_about .text h3 { margin-bottom: 10px; margin-top: 30px; font-size: 24px; line-height: 40px; }
.about_more { margin-top: 20px; }
.sy_service, .sy_anli, .sy_news, .sy_answers { padding: 30px 0; }
.sy_news_list { margin-top: 30px; margin-bottom: 30px; }
.sy_news_li ul li { margin-bottom: 20px; padding-bottom: 24px; }
.sy_news_li { padding-left: 20px; }
}
@media only screen and (max-width: 640px) {
.nav ul li { font-size: 18px; line-height: 50px; }
.erji dl dd { font-size: 15px; line-height: 30px; }
.footer { background: #333; padding: 30px 0; }
.fot_t { font-size: 18px; padding-bottom: 16px; }
.link { margin-bottom: 40px; }
.fot_text { width: 100%; }
.fot_wechat { margin-top: 20px; width: 100%; }
.fot_wechat img { width: 120px; display: block; margin: auto; }
.fot_wechat p { width: 100%; }
.fot_cop { padding: 14px 0; }
.banner { height: 160px; }
.banner img { display: none; }
.pro_list ul li { width: 48%; margin-right: 4%; }
.pro_list ul li:nth-child(2n) { margin-right: 0; }
.main_title h3 { font-size: 20px; line-height: 30px; }
.main_title h4 { font-size: 14px; }
.pro_t ul { margin-top: 10px; }
.pro_t { margin-bottom: 30px; }
.pro_t ul li { margin: 0 14px; }
.pro_list ul li p { line-height: 30px; }
.pro_list ul li { margin-bottom: 14px; }
#pages a,  #pages span { margin: 0; }
#pages { font-size: 12px; }
#pages a.a1 { padding: 0 6px; }
.pro_zutu { width: 320px; height: 260px; }
.gallery-top { height: 240px!important; }
.pro_ms, .new_pro { width: 100%; padding: 0; }
.pro_ms h3 { font-size: 18px; }
.pro_ms .txt, .pro_ms .txt * { font-size: 14px; line-height: 30px; }
a.lx { margin-top: 40px; margin-bottom: 20px; }
.new_pro ul li { margin-top: 10px; }
.sxp span { width: 100%; font-size: 15px; }
.site { padding: 10px 0; }
.service_list ul li { width: 48%; margin-right: 4%; }
.service_list ul li:nth-child(2n) { margin-right: 0; }
.service_gs .text h3 { font-size: 18px; }
.service_gs .text { margin-top: 10px; }
.service_gs .text .txt, .service_gs .text .txt * { font-size: 14px; }
.service_gs { padding-bottom: 30px; }
.service_list .ser_h3 { font-size: 18px; }
.service_list ul li p { margin-top: 10px; }
.service_list ul li { margin-bottom: 20px; }
.news_show h3 { font-size: 18px; line-height: 24px; }
.news_show h4 { margin-bottom: 20px; font-size: 12px; line-height: 30px; }
.news_show .txt, .news_show .txt * { font-size: 14px; line-height: 24px; }
.news_show .txt { padding-bottom: 40px; }
.news_list ul li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
.news_list ul li:nth-child(3n) { margin-right: 4%; }
.news_list ul li:nth-child(2n) { margin-right: 0; }
.news_list li .text { padding: 10px; }
.news_list li .text p { font-size: 13px; margin-bottom: 0; }
.news_list li .text h3 { font-size: 16px; line-height: 24px; margin-bottom: 4px; }
.news_list li .text h4 { line-height: 22px; }
.news_list ul { margin-top: 20px; }
.about_text .text, .about_text .text * { font-size: 14px; }
.course_list .next, .course_list .prev { width: 24px; }
.course_li h3 { font-size: 14px; line-height: 30px; }
.course_li h4 { font-size: 15px; line-height: 30px; margin-top: 4px; }
.honor_list ul li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
.honor_list ul li:nth-child(2n) { margin-right: 0; }
.contact_map .map { height: 200px; }
.contact_map { margin-bottom: 30px; margin-top: 20px; }
.map_lsit ul li { margin-bottom: 6px; }
.contact_form .form_text { height: 40px; line-height: 40px; width: 100%; margin-right: 0; }
.contact_form .form_submit { height: 40px; line-height: 40px; font-size: 16px; }
.sy_banner_sj { display: block; }
.sy_banner_pc { display: none; }
.sy_banner_sj .swiper-slide { height: 160px; }
.sy_about .img { width: 100%; height: 200px!important; }
.sy_about .text { padding-top: 20px; padding-bottom: 20px; position: relative; top: -60px; z-index: 99; width: 90%; display: block; margin: 0 auto -60px; }
.sy_about .text h3 { margin-top: 0; font-size: 20px; }
.sy_about .text_k { padding: 0 30px; width: 100%; }
.sy_anli ul li { margin-bottom: 20px; width: 48%; margin-right: 4%; }
.sy_anli ul li:nth-child(2n) { margin-right: 0; }
.sy_news_one { width: 100%; }
.sy_news_li { width: 100%; padding: 0; margin-top: 30px; }
.sy_news_one .text h3 { font-size: 16px; line-height: 34px; }
.sy_news_li ul li h3 { font-size: 16px; margin-bottom: 4px; }
.sy_answers ul li { width: 100%; margin-right: 0; }
}
@media only screen and (max-width: 560px) {
}
@media only screen and (max-width: 460px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
