@media only screen and (max-width:1024px) {
	#all { width:auto; min-width:inherit}
	#top .tin { width:auto}
	#top .search input.pole { width:140px}
	#header { width:auto; padding:20px 0}
	#headin { padding:0 20px}
	#content { width:auto; margin-right:244px; overflow:hidden}
	#right {}
	#ms { display:none}
	#footer .fin { width:auto}
	.last_news .content h3, .last_news .content h2, .content.news.last h2, .last_news .content .title { font-size:18px}
	.last_news .content h3 span, .content.news.last h3 span, .news_list h3 span, .last_news .content .title span, .content.news.last .title span, .news_list .title span { font-weight:normal; float:none; color:#545454}
	.course .list .item h3 { width:460px}
	.course .list .item .button { padding:0 10px}
	form .col { width:40%; float:left; box-sizing:border-box; padding-left:20px}
	form .col:first-child { width:60%; padding:0}
	.list.product .item { width:31%; margin-left:3.5%}
	.list.product .item div.img { float:none; width:auto; height:140px; text-align:center; margin:0}
	.list.product .item h4 { margin-top:10px}
	.list.product .item ul li strong { width:120px}
	.list.product .item .button { padding:0 15px}
	.page-service #headin { overflow:hidden}
	#diagram .blocks .level { padding:0; margin:0}
	#diagram .blocks .item { width:100%; margin-bottom:20px}
	#diagram .blocks .item:last-child { margin:0}
	#ccircle .blocks .item { background:none !important; display:none !important;}
	.content img { max-width:100%; height:auto}
	.page-product .tabs li { padding:0 20px 0 0; margin:0 20px 0 0}
}

@media only screen and ( max-width: 860px ){
	#top .search input.pole { display:none; position:absolute}
	#mm li { padding:0 20px}
	#content .image { float:none; display:block; text-align:center}
	#content .image {}
	#footer .fin .powered { margin:0 0 50px; float:right}
	.news_list .content { width:48%; float:left; margin:0 0 25px 4%;}
	.news_list .content:nth-child(3n+1) { margin-left:4%}
	.news_list .content:nth-child(odd) { margin-left:0}
	.last_news .content { margin-bottom:25px}
	.course .list .item { height:auto; line-height:normal}
	.course .list .item h3 { width:auto; display:block; height:auto; line-height:normal; float:none; margin:0 0 15px 50px}
	.course .list .item h3:after { content:''; display:block; clear:left}
	.course .list .item .button { padding:0 10px; margin-top:-9px}
	.archive { float:none; text-align:right}
	.info .tr, .info .tr.v2 { background:transparent; padding:0; margin:0}
	.info .tr .col:nth-child(odd) { background:#fefde1}
	.info .tr .col { float:none; width:auto; padding:5px 20px; margin-bottom:5px}
	form .col { float:none !important; width:auto !important; padding:0}
	.list.product .item { width:48%; margin-left:0 0 25px 4%}
	.list.product .item.visible:nth-child(3n+1) { margin-left:4%; clear:none}
	.list.product .item.visible:nth-child(odd) { margin-left:0; clear:left}
	.list.product .item .button { padding:0 12px}
	.page-service #headin { padding:0}
	.page-service h1 {}
	#service, #service ul { width:640px; height:640px}
	/*#service ul li { z-index:2}*/
	.circle { display:none}
	.page-product .tabs li { padding:0; width:90px; margin:0 0 -1px 0; border-bottom:solid 1px #cfcfcf; text-align:center}
	.page-product .tabs li a { display:inline-block; float:none; margin-bottom:5px}
}

@media only screen and ( max-width: 640px ){
	#top .phone { font-size:15px}
	#top .email { font-size:13px}
	#mm li { padding:0 12px}
	#content { margin:0; float:none}
	.content { border-left:none; border-right:none}
	#headin { padding:0}
	#right { margin:20px 0 0; width:auto; float:none; padding:0 20px}
	#right .r1 { height:auto}
	#right h2, #right .title { text-align:left; padding-left:25px; display:block !important;}
	#right .slider { height:80px; width:auto; padding:0 27px; position:relative}
	#right .slider .sl-wrap { height:80px; width:auto}
	#right .slider ul li { float:left;text-align:center}
	#right .slider ul li a, #right .slider ul li span {}
	#right .slider .sl-prev, #right .slider .sl-next { position:absolute; height:27px; width:14px; background-image:url(arrow_h.png); background-repeat:no-repeat; top:30%; margin:0}
	#right .slider .sl-prev span, #right .slider .sl-next span { display:none}
	#right .slider .sl-prev { background-position:left top; left:0}
	#right .slider .sl-next { background-position:right top; right:0; left:auto}
	#right .slider .sl-prev:hover { background-position:left bottom}
	#right .slider .sl-next:hover { background-position:right bottom}
	.main_service a:nth-child(odd) { margin-left:0}
	.main_service { padding:0 20px}
	.main_service a { width:46%; margin-left:8%; margin-bottom:15px; font-size:16px}
	.page-news #right { margin-bottom:20px}
	.last_news, .main_partner, .main_service { margin-top:20px}
	.last_news .content { width:100%; float:none; margin-left:0}
	.last_news .content h3 span { font-size:16px}
	#service { height:auto; padding:20px; width:auto; position:relative; margin:0; background:#fff; overflow:hidden}
	#service ul { background:#EEEEEE; width:140px; height:auto; float:left}
	#service ul li { position:relative; left:0; top:auto; bottom:auto}
	#service ul li a { height:34px; line-height:34px; width:auto; background:none !important; color:#4988c5; text-align:right; padding:0 20px 0 0 !important; border-radius:inherit}
	#service ul li a:hover { background:#A1DDFB !important}
	#service ul li a.act { background:#fff !important}
	#service #scont { position:relative; top:auto; height:auto; left:auto; right:auto; width:auto; margin:0 0 0 160px; overflow:auto}
	#service #scont .scont { width:auto; position:relative; overflow:auto}
	.page-search .content { min-height:auto}
}

@media only screen and ( max-width: 560px ){
	#top #t2 { display:none}
	.toggle-menu { display:block; position:absolute; width:22px; height:22px; background:url(close.png) no-repeat center bottom; right:25px; top:47px}
	body.overlay { overflow:hidden; position:relative}
	.overlay #mm { padding:20px 0; float:none}
	.overlay #mm li { float:none; display:block; padding:0; margin-bottom:1px}
	.overlay #mm li a { float:none; display:block; padding:7px 20px}
	.overlay #mm li a:hover, .overlay #mm li a.act { background:#35A4E3; color:#fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5)}
	#t1 { height:auto}
	#logo { float:none}
	#top .tr { float:none; overflow:hidden; clear:left; background:#A1DDFB; margin:10px 0 0; box-sizing:border-box; padding:5px 15px; border-top:solid 2px #E8E6E6}
	#top .tr > a { width:50%; padding-left:23px; box-sizing:border-box; float:left; color:#4988c5; font-size:13px}
	.overlay #top #t2 { display:block; position:fixed; background:rgba(255,255,255,0.85); left:0; right:0; top:0; bottom:0; z-index:11; height:auto}
	.overlay #top #t2 .tin { z-index:12; width:230px; position:fixed; top:0; left:0; bottom:0; background:#A1DDFB; z-index:12}
	.overlay .toggle-menu { background-position:center center; z-index:13}
	#top .search { float:none; margin:0 10px 0 10px; position:relative}
	#top .search input.pole { display:block; position:relative; width:100%; padding-right:45px}
	#top .search input.subm { position:absolute; right:0}
	#footer .fin { padding:10px 10px 0}
	#prefooter .block { width:auto !important; float:none; text-align:center; margin-bottom:20px; overflow:hidden}
	#footer #prefooter .block ul li { display:inline-block !important; margin-left:15px; margin-right:15px}
	#prefooter .block:last-child { margin-bottom:5px}
	#footer .fin .copy, #footer .fin .powered { float:none; text-align:center}
	.news_list .content { width:auto; float:none; margin:0 0 20px 0 !important;}
	.list.product .item.visible { width:auto; float:none; margin:0 0 20px !important; padding-bottom:20px; border-bottom:dashed 1px #EBEBEB}
	.list.product .item.visible:last-child { margin-bottom:0; border:none; padding-bottom:0}
	#service { padding:20px 0}
	#ctrust { max-width:340px; height:340px; background-size:100%}
	#ctrust li.lititle { left:103px; top:103px}
	#ctrust li a { font-size:18px}
	#ctrust li a.c-1 { left:92px}
	#ctrust li a.c-2 { height:152px; line-height:152px; top:96px; left:235px}
	#ctrust li a.c-3 { left:92px; top:235px}
	#ctrust li a.c-4 { height:152px; line-height:152px; top:96px}
}
@media only screen and ( max-width:359px ){
	.toggle-menu { top:40px}
	#logo { display:block; margin-right:60px; width:auto }
	#logo img { width:100%}
	#top .tr > a { width:100%}
	.content.news.last .bimg { display:block; float:none; width:auto; text-align:center; margin:0 0 5px}
	form label { float:none !important; display:block !important; width:auto !important; height:24px; line-height:24px; clear:left; padding-top:7px}
	#all form .col .input { margin-left:0; padding:0; line-height:normal; height:auto}
}