@charset "utf-8";
/* CSS Document */

@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box; max-width:100%;}
	
	.header{ overflow:visible; padding:8px 0px 14px 0px}
	header.header{ background:none;}
	.header .logo img{ max-height:70px;}
	.iconnav-list:before{ font-size:50px; color:#333; line-height:64px;}
	#dh{ display:block; color:#fff; margin-right:0px;}
	
	nav{ position:absolute;  top:0px; left:0px; width:100%; max-width:100%;}
	.nav{ position:absolute; float:left; background:rgba(0,0,0,0.55); overflow:hidden; height:0px; z-index:20;overflow:hidden; top:0px !important; right:0px;width:100%; margin:0px;max-width:40%; padding:0px !important;}
	.nav li{ float:left; max-width:100%; width:100%; text-align:center; padding:0px;}
	.nav li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:0px; line-height:45px;height:45px;}
	.nav>li>a:hover{ border-color:#fff; background:#fff; color:#333;}
	.nav li a{ font-size:16px;}
	
	.banner li img,.banner{ height:450px;}
	
	.often{margin:30px auto 20px auto;}
	
	.often .title{ font-size:20px;}
	.often .text{ font-size:34px;}
	.cou_l{ display:none;}
	.cou_r{ max-width:100%;}
	.cou_r li{ padding:10px 14px 14px 14px;}
	
	section.adult{padding-bottom:42px;}
	.adu_l{ max-width:33%;}
	.adu_c{ max-width:65%; float:right; margin:0px; padding:10px 20px;}
	.adu_r{ max-width:100%; width:100%}
	.adu_r .content{ max-width:49%; width:100%; float:left; margin-top:20px;}
	.adu_r .content:nth-of-type(even){float:right;}
	.net_l{ max-width:100%;}
	.net_r{ max-width:100%; margin-top:20px;}
	.cou_r li .text{ white-space:pre; text-overflow:ellipsis; overflow:hidden; float:left; width:100%;}
	
	.footer_b .contact .picture{ float:left; width:100%; text-align:center;}
	.footer_b .contact .content{ margin-left:0px; max-width:100%; width:100%;}
	.footer_b .contact .content .title{ text-align:center; font-size:20px;}
	.footer_b .contact .content .text{ text-align:center;}
	.footer_b .contact .code{ margin-right:auto; max-width:100%; width:100%; text-align:center;}



	.sj_footer{ display:block; z-index:20;}
	footer{ padding-bottom:77px;}

.list_l{ max-width:100%;}
	.list_l .contact{ display:none;}
	.list_l .column ul li{ width:28%; float:left;margin: 4px 0px;padding: 0px 2.5%;}
	.page_r{ max-width:100%; width:100%;}
	.pro_list .page_r li:first-child{ margin-left:0px;}

	
}

@media (max-width: 425px){
	.header{padding:15px 0px; overflow:hidden;}
	.header .logo img{ max-height:40px;}
	.iconnav-list:before{ font-size:40px; line-height:normal;}
	.dh{ line-height:normal; height:auto;}
	
	.banner li img,.banner{ height:200px;}

	.header .logo{ max-width:50%;}
	.often{ margin:15px auto 10px auto !important;}
	.often .text{ font-size:32px;}
	section.about{ padding-bottom:25px;}
	.about_b .text{ font-size:14px;}
	.about_b .more{ margin-top:25px;}
	.cou_r li .title{ font-size:16px;}
	.cou_r li{ max-width:50%;}
	.cou_r li:nth-of-type(3n){ border-right-width:1px;}
	.cou_r li .more{line-height:30px; height:30px;}
	section.courses{ padding-bottom:40px;}
	
	.adu_l{ max-width:100%;}
	.adu_l ul{margin-top:10px;}
	.adu_c{ max-width:100%; margin-top:20px;}
	.adu_l .column .title{ font-size:18px;}
	.adu_r .content .title{ font-size:18px;}
	
	.net .column span{ min-width:50px;}
	.net_b{ margin-top:30px;}
	.net_l{ padding:12px 3% 26px 3%;}
	.net_l li{ padding:20px 0px;}
	.net_l li .title{ font-size:16px;}
	.net_l li .picture{ max-width:100%;}
	.net_l li .picture img{ height:auto;}
	.net_l li .content{ max-width:100%; margin-top:10px;}
	.net_l li .text{ margin-top:20px;}
	.net_r{ padding:12px 3% 26px 3%;}
	.net_r .special{ padding:18px 0px 16px 0px;}
	.net_r .special .title{ font-size:16px;}
	.net_r .special .picture{ max-width:100%;}
	.net_r .special .content{ max-width:100%; margin-top:10px;}
	.net_r .special .text{ margin-top:15px;}
	section.net{ padding-bottom:30px;}
	.open li{ margin:0px 60px;}
	.open .more{ margin-top:25px;}
	section.open{ padding-bottom:30px;}
	.footer_b{ display:block;}
	.footer_b .column{ max-width:100% !important; width:100%; border:0px; padding:0px; margin-bottom:20px;}
	.footer_b .column li{ float:left; margin:0px 5px;}
	.footer_b .contact{ max-width: 100%; margin-top:20px;}
	.footer_b .contact .tel{ max-width:100%; width:100%;}
	.footer_b .contact .code{ margin-top:10px; padding-bottom:20px;}
	.footer .statement{ text-align:center; line-height:30px; padding:20px 0px;}
	.footer .statement .yuanbo{ float:none;}
	
	

	
	.pro_list .page_r li{ max-width:49%; margin-right:0px;}
	.pro_list .page_r li:nth-of-type(even){ float:right;}
	.pro_list .page_r li .picture img{ height:100px;}
	.pro_list .page_r li .content{ margin:5px 0px}
	.pro_list .page_r li .title{ line-height:36px; height:36px; margin-top:10px;}
	.pro_list .page_r li .money{ float:none; display:block; width:100%; overflow:hidden; text-align:center; font-size:20px;}
	.pro_list .page_r li .text{ padding:0px; text-align:center;line-height:22px; height:22px;}
	.pro_list .page_r li .more{ float:none; display:block; width:100%; overflow:hidden; margin-top:10px; font-size:14px;}
	.page_list{ margin:20px auto;}
	.page{ padding:2px 2px 2px 2px;}
	.news_list .page_r li{ max-width:100%; width:100%;}
	.news_list .page_r li .column{ max-width:100%; float:none; display:block; margin:0px auto; padding:8px 2%; text-align:center; margin-bottom:20px;}
	.news_list .page_r li .title{ max-width:calc(100% - 50px); margin:0px; font-size:15px; color:#333;}
	.news_list .page_r li time{font-size:12px;}
	.news_list .page_r li:hover .column{ background:#0f61ed; color:#fff;}
	.page_odd_title{ margin:24px 0px 30px 0px}
	
	.footer_b .contact .text .tel{ margin-top:20px;}
	.footer_b .contact .text .tel p{ color:#999 !important; font-size:20px !important;}
	.footer_b .contact .text .tel p:nth-of-type(2){ margin-top:10px;}
	.page_odd form{ padding:0px 0px 30px 0px;}
	.page_odd form input[type=submit]{ margin:0px 2%;}
	.page_odd form input[type=reset]{ float:right; margin:0px 2%;}
}
@media (max-width: 375px){
	.banner li img,.banner{ height:180px;}

	.often .title{ font-size:16px;}
	.net .column span{padding:6px 20px;}
	.open li{margin:0px 45px;}
	.footer_b{padding-top:25px;}
	.footer_b .column ul{ margin-top:4px;}


	.page_address{ margin-bottom:25px;}
	.pro_list .page_r li{ max-width:100%;}
	.pro_list .page_r li .picture img{ height:auto;}
	.page_odd form input[type=submit],.page_odd form input[type=reset]{ max-width:120px; line-height:30px; height:34px;}
}



@media (max-width: 320px){
	.open li{margin:0px 12px}
}