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

body {width: 100%; min-width: 320px;}

.header {min-width: 320px; height: 50px; background: #FFF;}
	.header .wrapper {width: 100%; min-width: 320px; height: 50px;}
	.header .logo {width: auto; height: 50px; padding-left: 10px;}
		.header .logo img {height: 50px;}
	.header .ver {display: none;}
#menu_btn {position: fixed; z-index: 999990; display: block;}
#menu_btn.close {width: 30px; height: 30px; background: #0068b7 url(../images/menu_btn.png) center no-repeat; background-size: 20px 20px; border-radius: 5px; right: 10px; top: 10px;}
#menu_btn.open {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); border-radius: 0px; right: 0px; top: 0px;}
#menu_list {width: 60%; height: 100%; background: #FFF; box-shadow: #000 -1px 0px 8px; position: fixed; top: 0px; z-index: 999999; float: none;}
#menu_list.close {right: -70%; transition: all 0.5s;}
#menu_list.open {right: 0px; transition: all 0.5s;}
	#menu_list li {width: 80%; height: 50px; margin: 0px auto; border-bottom: #DDD 2px solid; text-align: left; line-height: 50px; float: none;}
		#menu_list li a {width: 100%; height: 50px; color: #333; display: block;}
		#menu_list>li ul {display: none;}

.banner {margin-top: 50px;}
	.banner p {margin: 15px 0px 0px 4%; padding: 0px 40px; line-height: 30px; letter-spacing: 0px; font-size: 20px;}
	.banner p:before {width: 30px; top: 15px;}
	.banner p:after {width: 30px; right: 0px; top: 15px;}

.mainbody .wrapper {width: 100%;}
.mainbody .left {width: 100%; padding: 0px;}
.mainbody .right {width: 100%; min-height: 300px; padding: 0px;}
.more {padding-top: 10px;}
	.more a {width: 100px; height: 30px; line-height: 30px;}

.page1 video {margin-top: 50px;}
.about {background: none;}
	.about .title {display: none;}
	.about .profile {width: 95%; margin: 0px auto; padding: 10px 0px; float: none; opacity: 0;}
		.about .profile .content {width: 100%; height: 210px; line-height: 30px; font-size: 14px;}
	.about .about-num {display: none;}
.product {min-height: 0px; background: none;}
	.product .title {display: none;}
	.product .image {width: 100%; margin: 0px;}
		.product .image li {width: 50%; margin: 10px 0px 0px 0px; border-radius: 0px; box-shadow: none;}
		.product .image li:nth-child(3n+1) {clear: none;}
		.product .image li:nth-child(2n+1) {clear: left;}
			.product .image li img {width: 90%; margin: 0px auto; border: #DDD 1px solid;}
			.product .image li p {width: 90%; margin: 0px auto; background: #FFF; position: static;}
				.product .image li p span {font-size: 14px; color: #333; position: static;}
			.product .image li:hover p {height: 40px;}
				.product .image li:hover p span {margin: 0px;}
.course {padding-bottom: 10px; background: #d8dae6 url(../images/coursebg.jpg) no-repeat; background-size: auto 100%;}
	.course .block-title {padding: 10px 0px; font-size: 18px;}
	.course-box {width: 95%; margin: 20px auto 0px auto; padding: 0px; position: static; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}
	.course-box:before {display: none;}
	.course-box:after {display: none;}
		.course-box #prev {display: none;}
		.course-box #next {display: none;}
		#dates li {width: 100%; height: auto; margin: 10px 0px 0px 0px;}
			#dates li h3 {width: 60px; height: 60px; margin-top: 0px; line-height: 60px; position: static; float: left;}
			#dates li div {width: 76%; padding: 15px 0px 0px 2%; border-left: none; position: static; float: left;}
			#dates li:nth-child(odd) div {margin-bottom: 0px; padding: 15px 0px 0px 2%;}
			#dates li:nth-child(even) div {margin-top: 0px; padding: 15px 0px 0px 2%;}
				#dates li div p {width: 100%; padding: 0px; border: none;}
.news {background: #F7F7F7;}
	.news .block-title {padding: 10px 0px; font-size: 18px;}
	.news ul {padding: 0px 0px 10px 0px;}
		.news ul li {width: 95%; height: auto; margin: 10px 2.5% 0px 2.5%; padding-bottom: 10px;}
			.news ul li .image {margin-bottom: 10px;}
			.news ul li .title {height: auto; max-height: 60px;}
.service {width: 100%; height: auto;}
	.service .image {padding-top: 0px;}
	.service ul {width: 100%; margin: 10px auto;}
		.service ul li {width: 33.3%;}
			.service ul li a {width: 80px; height: 80px; line-height: 80px; font-size: 14px;}
.human {width: 95%; height: auto; padding: 10px 2.5%;}
	.human ul {margin-top: 0px;}
		.human ul li {width: 100%; height: auto; margin-top: 10px;}
			.human ul li .title {width: 95%; height: 40px; padding: 0px 2.5%; text-align: left; line-height: 40px; font-size: 16px;}
			.human ul li .content {width: 95%; height: auto; padding: 0px 2.5%; line-height: 30px; font-size: 14px;}
				.human ul li .content p {line-height: 30px;}
.case .block-title {padding: 10px 0px; font-size: 18px;}
.case ul {width: 100%; margin: 10px auto;}
	.case ul li {width: 22.5%; margin: 2% 0px 0px 2%;}
.last-page-wrapper {position: static;}
.friendlink {width: 95%; margin: 10px auto 0px auto;}
	.friendlink .title {height: 40px; line-height: 40px; font-size: 18px;}
	.friendlink ul {padding: 10px 0px;}
		.friendlink ul li {padding-right: 20px; font-size: 14px;}
.ewm_map {display: none;}

.footer {margin-top: 10px; padding: 10px 0px;}
	.footer .wrapper {width: 100%;}
	.footer .bottom_menu {display: none;}
	.footer .contact {width: 100%; min-height: 30px; padding: 0px; border-right: none;}
		.footer .contact span {padding: 0px 10px; display: block;}
		.footer .contact br {display: none;}
	.footer .copyright {width: 100%; min-height: 30px; padding: 0px; border-right: none;}
		.footer .copyright span {padding: 0px 10px; display: block;}
		.footer .copyright br {display: none;}
	.footer .support {width: 100%; min-height: 30px; padding: 0px; text-align: left;}
		.footer .support span {padding: 0px 10px; display: block;}
		.footer .support br {display: none;}

.submenu {width: 100%; padding: 0px; background: #EEE;}
	.submenu li {height: 30px; background: #EEE; border-right: #FFF 1px solid; border-bottom: #FFF 1px solid; text-align: center; float: left;}
	.submenu li:hover {background: #EEE;}
	.submenu li:hover:after {display: none;}
	.submenu li.sm50 {width: 49.6%;}
	.submenu li.sm33 {width: 33%;}
	.submenu li.sm25 {width: 24.6%;}
	.submenu li.sm20 {width: 19.6%;}
		.submenu li a {width: 100%; height: 30px; padding: 0px; line-height: 30px; font-size: 12px; color: #333; overflow: hidden;}
.pagetitle {width: 100%; height: 30px; padding: 10px 0px 0px 10px; line-height: 30px; font-size: 24px;}
.position {width: 96.8%; margin: 5px 0px; padding: 10px 0px 0px 8px; font-size: 12px;}
.singlepage {width: 95%; margin: 0px auto; padding: 10px 0px;}
	.singlepage img {width: 100%; height: auto;}
.pagelist {width: 95%;}
.newslist {width: 95%; margin: 0px auto;}
	.newslist li {padding: 10px 0px;}
		.newslist li .image {width: 30%; padding-top: 5px;}
		.newslist li .title {width: 68%; height: auto; max-height: 40px; line-height: 20px; font-size: 14px;}
		.newslist li .time {width: 68%; height: 20px; line-height: 20px;}
		.newslist li .summary {width: 68%; height: 60px; line-height: 20px; font-size: 12px;}
.downlist {width: 95%; margin: 10px auto 0px auto;}
	.downlist li span {font-size: 12px;}
.joblist {width: 95%; margin: 0px auto;}
	.joblist li .title span {padding: 0px; display: block;}
.list {width: 100%;}
	.list li {width: 50%; margin: 10px 0px 0px 0px;}
	.list li:nth-child(3n+1) {clear: none;}
	.list li:nth-child(2n+1) {clear: left;}
		.list li img {width: 90%; margin: 0px auto;}
		.list li p {width: 90%; margin: 0px auto;}





.partner-list {width: 100%;}
	.partner-list li {width: 30%; margin: 2.5% 0px 0px 2.5%;}
	.partner-list li:nth-child(5n+1) {clear: none;}
	.partner-list li:nth-child(3n+1) {clear: none;}
		.partner-list li img {width: 100%; box-sizing: border-box;}
		.partner-list li p {width: 100%;}



.detail {width: 95%; margin: 0px auto; padding: 10px 0px;}
	.detail .title {font-size: 16px;}
	.detail .image img, .detail .content img {width: 100%; height: auto;}
.productdetail {width: 95%; margin: 0px auto;}
	.productdetail .image {width: 98.6%;}
	.productdetail .item {width: 100%; padding-bottom: 10px;}
	.productdetail .title {padding-top: 10px;}
	.productdetail .content img {width: 100%; height: auto;}
.feedback {width: 95%;}