@media(max-width:768px){
	body,html{ font-size:14px}
	.content{ width:96%}
	.line1{ height:15px;}
	.line2{ height:10px;}
	.a_height{ height:30px}
	.padding_1em{ padding:.5em 0}
	.padding_5em{ padding:2.5em 0}
	.xs-hide,.banner_form,.nav .a,.nav .b{ display:none}
	.xs-show,.top .hide,.nav .hide{ display:block;}
	.margin_50{ height:20px}
	.margin_30{ height:10px}
    .banner,.swiper-container-banner,.sub_banner{ height:170px}
	.swiper-container-banner .swiper-pagination-bullets{ bottom:15px}
	.swiper-container-banner .swiper-pagination-bullet{ border:none;}
	.top{ position:relative; background:#000; height:70px; line-height:70px; overflow:hidden}
	.top .a{ line-height:70px}
	.top .a img{ max-width:160px;}
    .top .c{ width:58%; float:right; text-align:right; color:#fff;}
	.top .c dl dt,.top .c dl dd{ display:block; float:right;line-height:70px; border-left: solid 1px #333}
	.top .c dl dt a,.top .c dl dd a{ padding:0 1em; display:block}
	.top .c dd img{ max-width:30px}
	.top .c dl dt a{ padding:0 1.2em}
	.top .c a{ font-size:1.05em; color:#fff;font-weight:bold}
	.top .c a:hover{ background:#111}
	.nav{background:url(../images/mask70.png); height:54px; line-height:54px; position:relative; top:0; overflow:hidden}
	.nav_in{ height:auto; padding:.5em 0; line-height:40px; overflow:auto}
	.nav li{ width:20%; float:left; display:block; text-align:center}
	.nav li a{ font-size:.9285em; color:#fff; font-weight:bold}
	.nav li img{ margin-left:3px}
	dl.title{ background:none; margin:1.5em auto}
	dl.title dt{ background:url(../images/title_line.png) bottom center no-repeat; padding:.8em 0}
    dl.title dt,dl.title p{ font-size:1.5em; font-weight:bold}
	dl.title dd{ width:94%; margin:0 auto; font-size:.875em; line-height:1.8}
	.about_title{ font-size:1.8em; line-height:60px}
	.about_title img{ height:60px}
	.index_course ul{ width:100%; float:none; clear:both; border-bottom:solid 1px #ddd; padding:.5em 0}
	.index_course ul dl{ width:94%; text-align:left}
	.index_course dt{ float:left; width:18%;}
	.index_course dd{ float:right; width:78%; display:none}
	.index_course dd.xs-show{ display:block; font-weight:bold; line-height:4em; font-size:.9285em}
	.index_course dd.xs-show span{ float:right; font-family:"宋体"; font-weight:bold}
	.index_course a{ display:block}
	.kc_a ul li{max-width:88%; text-align:center}
	.kc_a ul dl dt,.kc_a ul.even dt{ width:100%; display:block; text-align:center}
	.kc_a ul dl dt img{ max-width:100%; margin:.3em auto .8em auto}
	.kc_a ul dl em{ font-size:1.25em}
	.kc_a ul dl dd{ width:100%; display:block; line-height:1.4}
	.kc_c ul{ position:relative; overflow:hidden}
	.kc_c ul li{float:none; margin:0 auto; font-size:.875em;}
	.kc_c ul li dl{ width:74%; margin:0 auto}
	.kc_c ul li dl dt{ text-align:center; width:100%; margin:0 auto}
	.kc_c ul li dl img{ max-width:65%; margin:0 auto}
	.kc_d li{ width:50%; font-size:.875em}
	.kc_d li dl{ width:96%; margin-bottom:.3em}
	.kc_d li dt,.kc_b,.kc_a{ font-size:.875em}
	.kc_d li dt span{ font-size:1.8em}	
	.index_ad1{ padding:1.5em 0 0; position:relative; overflow:hidden}
	.index_ad1 dl{ width:100%; text-align:center}
	.index_ad1 dl img{ max-width:94%; margin:0 auto}
	.index_news li,.index_news .b dl{ height:auto; text-align:center; font-size:.9285em}
	.index_news .b dt,.index_news .b dd{ float:none; width:100%}
	.index_news .b dt img{ margin:0 auto}
	.index_news .b dd h5{ background:url(../images/h5_line.png) center bottom no-repeat; margin:.5em auto}
	.index_news .a img,.index_news .c img{ max-width:20px}
	.footer{ padding-bottom:7em}
    .footer .a .r{ width:100%; float:none; text-align:center}
	.footer .d{ text-align:center; padding:3em 0 1em 0}
	.bottom_hide_nav dl{ width:50%; float:left; text-align:left}
	.bottom_hide_nav dt,.bottom_hide_nav dd{ width:90%; margin:0 auto}
	.bottom_hide_nav dt{ font-size:1.2em; margin-bottom:.5em}
	.bottom_hide_nav a{ color:#a2988a; padding:.2em 0; display:block;}
	
	.sub_about18 ul.a{ display:none}
	.row3 li{ width:100%; float:none; text-align:left}
	.row3 li dl{ width:100%}	
    .row3 .h5{padding:.8em 0; margin:.8em 0; background:url(../images/h5_line.png) bottom left no-repeat}
	.row3 dd{ font-size:.875em; line-height:1.8}
	.sub_about18 ul.a li dd{ line-height:1.2; font-size:.9285em}
	.sub_about18 ul.a li dd,.sub_about18 ul.a li dt{ width:33.3333%; float:left; height:120px; display:block}
	.sub_about18 ul.a li dd div{ padding:.5em .2em}
	.sub_about18 ul.a li dd h5{ display:none}
	.sub_about18 div.c ul{ font-size:.75em; }
	.sub_about18 div.c ul li{ width:90%; padding:1em 0;max-height:250px; overflow:hidden}
	.about18_m td{font-size:.75em; background:#F1EAE0}
	.sub_menu_about{ width:100%;position:relative; display:block; z-index:123; padding:1em 0; margin:0 auto}
	.sub_menu_about li{ width:25%; height:40px; line-height:40px; float:left;text-align:center;display:block;}
	.sub_menu_about li a{width:99%;}
    .sub_about ul.b div{ width:50%; font-size:.875em;}	
    .sub_about ul.b div ul{ width:96%; padding:0; margin:0 auto; max-height:280px; min-height:280px; margin-bottom:.5em; overflow:hidden; background:none}
	.sub_about ul.b div dl{ width:96%; margin:0 auto; padding:0}
    .sub_about ul.b div dt{ min-height:auto}
    .sub_about div.c li{ font-size:.6em; height:30px; line-height:30px;}
	.sub_about div.c li a{ border-radius:2px; width:96%}
    .teacher ul.a li{ width:100%; float:none; padding-bottom:1.5em}
	.about_video{ width:100%; font-size:.875em}
    .about_video .a dt div{ width:90%; margin:0 auto; padding:1em 0;}
	.about_video .a dt h5{ font-size:1em}
	.about_video .a dt ul.st{ font-size:1em; line-height:1.3}
	#sub_student .about_video .b div dl{ width:90%}
	#sub_student .about_video .b div h5{ font-size:1em; padding:.8em 0}
	.honor_list li dl{ width:47%; margin:0 1%; float:left}
	.honor_list li dl dt{}
	.sub_about18 .margin_50,.sub_about18 .margin_20{ height:10px}
	.sub_about18 ul.d dt{ font-size:.875em}
	.sub_about18 ul.d dt h5{ font-size:1.8em}
	.sub_about18 ul.d dl img{ max-width:140px; margin:0 0 3em 2em}
	.teacher ul.c li{ width:100%; float:none;}
	.teacher ul.c li dl{ width:100%; clear:both;}
	.teacher ul.c li dt{ width:46%; float:left; margin-bottom:1.5em}
	.teacher ul.c li dt img{ border-radius:5px}
	.teacher ul.c li dd{ width:50%; float:right; line-height:1; text-align:left; font-size:.875em; margin-bottom:1.5em}
	.teacher ul.c li dd h5.h5{ padding:0; margin:0; background:none}
	.teacher ul.c li dd div.ln{ line-height:1.2; padding:.6em 0 0}
	
	.sub_l,.sub_r{ width:100%; float:none; clear:both}
	.sub_r{ padding-top:4em}
	.sub_l{ width:100%; margin:0 auto}
	.sub_r .box{ width:100%; margin:0 auto}
	.sub_menu_course{padding:2em 0 1em 0; width:98%;}
	.sub_menu_course li{width:24%; height:36px;background:#333; margin-bottom:.4em; border-radius:5px;}
	.sub_menu_course li a{ font-size:.9285em;line-height:36px; }
	.sub_menu_course li.b{display:none}
	.sub_menu_course_re{ padding:0 0 1em 0; font-size:.875em}
	.sub_menu_course_re li{ width:24%;}
	.sub_news_row3 ul{ width:100%; float:none;  clear:both;}
	.sub_news_row3 ul li{ width:100%; clear:both; border:none; padding:0 0 2em 0; border-bottom:solid 1px #ccc;background:none}
	.sub_news_row3 ul li img{ width:100%}
	.sub_news_row3 ul li dl{ width:50%; float:left;}
	.sub_news_row3 ul li dl.a{ width:45%; float:right; border:none}
	.sub_news_row3 ul li dl.a dt{ height:auto; line-height:1.3}
	.sub_news_row3 ul li dl.b{ display:none}
	.activity_old ul{ width:50%; padding-bottom:2em}
	.activity_title{ font-size:1.8em; line-height:1px}
	.activity_title img{ max-height:40px}
    .top_img dl dt div{width:100%;}
	.top_img ul{ height:auto;background:#F2E9E0;}
	.top_img dl{height:auto; position:relative; left:0; top:0; text-align:center;}
	.top_img dl dt{ width:100%;}
	.top_img dl dt a{ margin:.8em 0;}
	.top_img dl dt div{width:100%;}
	.top_img dl dt ul{ height:auto; padding:2em 0;}
	.top_img dl dt ul p{ width:90%; margin:0 auto}
	.top_img dl dt h5{ font-size:1.5em; padding:.3em 0; margin:.5em 0}
	.top_img dl dt a{ margin-top:1em;}
	.top_img div.img{position:relative;height:auto; left:0; width:90%; margin:0 auto; min-height:auto;clear:both; text-align:center}
	.top_img div.img a{ position:relative; width:100%; text-align:center;}
	.top_img div.img a p{top:50%; margin-top:-39px; left:50%; margin-left:-39px}
	.search_contact{ padding-bottom:2em}
	.search_contact li.a{ width:66%;}
	.search_contact li.b{ width:34%}
	.contact_list{ width:100%}
	.contact_list li.a{ padding:2em 0 0 0; border-top:solid 1px #ccc; font-size:.875em}
	.contact_list li.a dt{ width:56%; float:right}
	.contact_list li.a dd{ width:40%; float:left}
	.contact_list li.a dt h3{ font-size:1.05em;}
    .contact_list li.a dt h5{ font-size:1em; margin:12em 0 0 0}
	.contact_list li.a dt div ul.a{height:76px;}
	.contact_list li.a dt p a.b{ display:none}
	.contact_list li.a dt p a.a{ width:40%; height:30px; line-height:30px; margin-bottom:1em}
	.contact_list li.a dt div{ border:none; padding:0; line-height:1.3; padding:0; margin:.5em 0}
	.contact_list li.a .margin_20{ height:3px}
    .contact_list li.a dd h4{ font-size:1em;}
	.contact_detailed{ padding-top:2em}
	.contact_detailed dt{ padding:2em 0 1em 0}
	.contact_detailed div{ font-size:.875em;}
	.contact_detailed div ul{ width:92%;}
	.min_height{ max-height:160px; min-height:160px; margin-bottom:.5em; overflow:hidden; line-height:1.3;}
	.contact_detailed dt img{ position:absolute; top:-39px; left:50%; width:80px; margin-left:-40px}
    .contact_list iframe{height:200px; background:#eee}
	.show_contact li.a dt,.show_contact li.a dd{ width:100%; float:none}	
	.show_contact li.a dt h3,.show_contact li.a dd h4{ font-size:1.5em;}
	.show_contact li.a dd h4{ margin-top:.8em; text-align:left}
    .show_contact li.a dt h5{ font-size:1.5em; margin:1em 0 0}
	.inline_content{ width:300px; padding:20px; min-height:200px;}
	.encyclopedia_list{ margin-top:1em; border-bottom:solid 1px #999; padding-bottom:1em}
	.encyclopedia_list dl{ width:100%; margin:0 auto; font-size:.875em}
	.encyclopedia_list dd h5{ font-size:1.05em; line-height:1.3}
	.encyclopedia_list dd div.read{ display:none}
	.encyclopedia_list dd a.a{ height:30px; line-height:30px}
	.encyclopedia_list dt img{ width:100%}
	.about_video .a dt ul.st{ max-height:50px; overflow:hidden}
    .view_header h2{ font-size:1.5em;}
	.page404 li.a,.page404 li.b{ width:100%; float:none}
	.page404_link{ display:none}
	.sitemap{ margin:0 auto}
	.dqwz{ width:96%; margin:0 auto}	
	.sub_course ul.a{ padding:0}
	.sub_course ul.a li{ width:100%; float:none}
	.sub_course ul.a li dl{ width:80%; margin:0 auto; text-align:center; clear:both; padding-top:2em}
	.sub_course ul.a li dt img{ max-width:173px; margin:0 auto}
	.sub_course ul.a li dl h5{ font-size:1.05em; margin:.8em 0}
	.sub_course ul.b dl{ width:100%}
	.sub_course ul.b dt{ width:40%; font-size:.75em; padding:1em 0 0; text-align:center}
	.sub_course ul.b h6{ display:none}
	.sub_course .btn_box a.btn_a,.sub_course .btn_box a.btn_b{ padding:10px 5px; font-size:.65em}
	.padding_5em{ padding:2em 0}
	.sub_course ul.b dt div.a{ width:90%}
	.sub_course ul.b dd{ width:60%;}
	.course_tab li dl{ font-size:1em}
	.course_tab li dl img{ max-width:36px}
    .course_es li{ width:100%;}
	.fy2,.fy_total,.page_jum{ display:none}
	.course_xg a{width:100%; float:none;}
	.news_xg ul li{ width:100%; float:none}
	.faq_a form dl.w50{ width:100%; float:none;}
	.faq_a form dt,.faq_a form dl.w50 dt{ width:25%;}
    .faq_a form dd,.faq_a form dl.w50 dd{ width:75%;}
	.sub_faq ul dt{ width:20%;}
	.sub_faq ul dd{ width:80%;}
	.list_course{ margin:0}
	.list_course ul li.a{ width:100%; float:none; margin-bottom:.8em}
	.list_course ul li.b{ width:100%; float:none; text-align:center; margin-bottom:.8em;background:#fff}
	.list_course ul li.b dd{ padding-right:0}
	.list_course ul li.b dt{ font-size:1.3333em; background:url(../images/h5_line.png) bottom center no-repeat;}
    .submit{ padding-top:30px}
    .submit h2{ font-size:1.5em; color:#e5007f; text-align:center}
	.submit h4{ padding:1em; font-size:.875em}
    .content iframe{ min-width:320px; width:100%; min-height:213px}
}