@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 768px) {
	body {width: 100%;}
	.header {height: 50px; background: #FFF; box-shadow: #999 0px 0px 5px; position: fixed; left: 0px; top: 0px; z-index: 99;}
	.header .wrapper {width: 100%; height: 50px;}
	.header .logo {height: 50px; padding-left: 10px;}
	.header .logo img {height: 50px;}
	.menu {width: 50px; height: 50px; background: none; position: fixed; right: 0px; top: 0px; z-index: 990;}
	.menu-fixed {width: 50px; height: 50px; background: none;}
	.menu-fixed.fixed {min-width: 50px; background: none; position: fixed; right: 0px; top: 0px; z-index: 990;}
	#menu_btn {position: fixed; z-index: 990; display: block;}
	#menu_btn.close {width: 50px; height: 50px; background: url(menu_btn.png) center no-repeat; background-size: 20px 20px; right: 0px; top: 0px;}
	#menu_btn.open {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); right: 0px; top: 0px;}
	#menu_list {width: 60%; height: 100%; margin: 0px; background: #FFF; box-shadow: #000 -1px 0px 8px; position: fixed; top: 0px; z-index: 999;}
	#menu_list.close {right: -70%; transition: all 0.5s;}
	#menu_list.open {right: 0px; transition: all 0.5s;}
	#menu_list li {width: 80% !important; height: auto; margin: 0px auto; border-bottom: #DDD 2px solid; text-align: left; line-height: 40px; font-size: 16px; float: none; position: relative; z-index: 999;}
	#menu_list li a, #menu_list li a:hover {background: #FFF; color: #999; display: block;}
	#menu_list li:hover dl {display: none;}
	.banner {margin-top: 50px;}
	.block-title {line-height: 30px; font-size: 18px;}
	.block-title:after {width: 140px; margin-left: -70px; top: 31px;}
	.mainbody .wrapper {width: 100%;}
	.mainbody .left {width: 100%;}
	.mainbody .right {width: 100%;}
	.about {padding: 20px 0px;}
	.about .profile {width: 95%; margin: 0px auto; line-height: 30px;}
	.about .more {width: 100%; height: auto; margin-top: 20px; overflow: hidden;}
	.about .more a {width: 120px; height: 40px; margin: 0px auto; background: #2767af; text-align: center; line-height: 40px; color: #FFF; display: block;}
	.about .more a:hover {background: #176fb6; color: #FFF;}
	.about2 {padding: 20px 0px; height: auto; background: none;}
	.about2-box {height: auto; background: none;}
	.about2-left {width: 100%; height: auto; line-height: 30px; color: #333;}
	.about2-left p {line-height: 30px; font-size: 16px;}
	.about2-right {width: 100%; height: auto; margin: 10px 0px;}
	.about2-right li {width: 100%; height: auto;}
	.about2-right li:after {display: none;}
	.about2-right li .title {height: auto; line-height: 30px; font-size: 14px;}
	.about2-right li .content {height: auto; line-height: 30px; font-size: 14px; font-weight: normal; color: #999;}
	.about2-right li .content span {font-size: 20px;}
	.business {padding: 20px 0px;}
	.business ul {width: 95%; margin: 0px auto; padding: 0px;}
	.business ul li {width: 100%; height: auto; margin-top: 10px; padding: 0px;}
	.business ul li .image {width: 100%; height: auto;}
	.business ul li .image img {width: 100%; height: auto;}
	.business ul li:hover .image img {width: 100%; height: auto; margin: 0px;}
	.business ul li .content {width: 100%; height: 100%; left: 0px; top: 0px;}
	.business ul li .content a {width: 100%; height: 100%; padding-top: 0px;}
	.business ul li:hover .content a {height: 100%; padding-top: 0px;}
	.business ul li .content a h2 {margin: -15px 0px 0px 0px; font-size: 16px; position: absolute; left: 0px; top: 50%;}
	.business ul li:hover .content a p {height: 0px;}
	.about3 {height: auto; background: #FFF;}
	.about3 ul {width: 100%;}
	.about3 ul li {width: 49.8%; height: auto; margin: 0.4% 0.4% 0 0;}
	.about3 ul li:nth-child(even) {margin: 0.4% 0 0 0;}
	.about3 ul li .image {width: 100%; height: auto;}
	.about3 ul li .image img {width: 100%; height: auto;}
	.about3 ul li .content {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
	.about3 ul li:hover .content {background: rgba(0, 0, 0, 0.4);}
	.about3 ul li .content a {width: 100%; height: 100%; padding-top: 0px;}
	.about3 ul li:hover .content a {height: 100%; padding-top: 0px;}
	.about3 ul li .content img {width: 40px; height: 40px; margin: -30px 0px 0px -20px; position: absolute; left: 50%; top: 50%;}
	.about3 ul li .content h2 {margin-top: 10px; padding: 10px 0px 0px 0px; font-size: 16px; font-weight: normal; position: absolute; left: 0px; top: 50%;}
	.news {padding: 20px 0px; background: #FFF;}
	.news-top {width: 95%; margin: 0px 2.5%;}
	.news-top li {height: auto; border-bottom: #DDD 1px dashed;}
	.news-top li .title {height: 30px; line-height: 30px; font-size: 14px;}
	.news-top li .title a {color: #333;}
	.news-top li .title a:hover {color: #333;}
	.news-top li .summary {height: 40px; line-height: 20px; font-size: 12px; color: #666;}
	.case {padding: 20px 0px; background: #F1F1F1;}
	.case ul {width: 95%; margin: 0px auto;}
	.case ul li {width: 100%; margin: 10px 0px 0px 0px; padding: 0px; background: #FFF; box-shadow: none;}
	.case ul li:hover {margin: 10px 0px 0px 0px;}
	.case ul li .more {display: none;}
	.link {display: none;}
	.bottom-menu {display: none;}
	.footer {padding: 10px 0px;}
	.footer .wrapper {width: 100%;}
	.footer .contact {width: 100%; min-height: 0px; padding: 0px; border-right: none; line-height: 30px;}
	.footer .contact span {padding: 0px 10px; display: block;}
	.footer .contact br {display: none;}
	.footer .copyright {width: 100%; min-height: 0px; padding: 0px; border-right: none; line-height: 30px;}
	.footer .copyright span {padding: 0px 10px; display: block;}
	.footer .copyright br {display: none;}
	.footer .support {width: 100%; min-height: 0px; padding: 0px; text-align: left; line-height: 30px;}
	.footer .support span {padding: 0px 10px; display: block;}
	.footer .support br {display: none;}
	.submenu {width: 100%; margin-top: 0px; background: #EEE; border-bottom: none;}
	.submenu dt {display: none;}
	.submenu dd {height: 30px; margin-top: 0px; background: #EEE; border-right: #FFF 1px solid; border-bottom: #FFF 1px solid; float: left;}
	.submenu dd.sm50 {width: 49.6%;}
	.submenu dd.sm33 {width: 33%;}
	.submenu dd.sm25 {width: 24.6%;}
	.submenu dd.sm20 {width: 19.6%;}
	.submenu dd a {width: 100%; height: 30px; padding: 0px; border: none; text-align: center; line-height: 30px; font-size: 12px; color: #333;}
	.submenu dd a:after {display: none;}
	.submenu dd a:hover {background: #EEE; border: none; color: #333;}
	.submenu dd a.cur {border: none;}
	.position {width: 95%; height: auto; margin-top: 0px; padding: 5px 2.5%; border-bottom: #DDD 1px solid; line-height: 30px; font-size: 12px;}
	.position span {display: none;}
	.singlepage {width: 95%; margin: 0px auto; padding: 10px 0px;}
	.singlepage img {width: 100%; height: auto;}
	.pagelist {width: 95%;}
	.joblist {width: 95%; margin: 0px auto;}
	.joblist li {padding: 10px 0px;}
	.joblist li .title p {width: 100%; display: block;}
	.newslist {width: 95%; margin: 0px auto;}
	.newslist li {width: 100%;}
	.newslist li p {width: 65%;}
	.newslist li span {font-size: 12px;}
	.list {width: 100%;}
	.list li {width: 50%; margin: 10px 0px 0px 0px;}
	.list li:nth-child(3n+1) {clear: none;}
	.list li:nth-child(odd) {clear: left;}
	.list li img {width: 90%; margin: 0px auto;}
	.list li p {width: 90%; padding: 0px 2px; height: 30px; line-height: 30px; font-size: 12px;}
	.detail {width: 95%; margin: 0px auto; padding: 10px 0px;}
	.detail .title {font-size: 16px;}
	.detail .image, .detail .content {padding-top: 10px;}
	.detail .image img, .detail .content img {width: 100%; height: auto;}
	.login {min-height: 450px; padding-bottom: 10px;}
	.loginform {width: 90%; margin: 10px auto; padding: 2.5%; float: none; display: block;}
	.loginform .logininput {margin-bottom: 10px;}
	.loginform .logininput label {width: 23%; font-size: 14px;}
	.loginform .logininput input {width: 72%; font-size: 14px;}
	.loginform .logininput input#code {width: 27%;}
	.loginform .logininput img {width: 45%;}
	.loginform .loginbtn {width: 75%; margin: 0px 0px 0px 23%;}
	.loginlink {width: 95%; margin: 10px auto; float: none; display: block;}
	.mymenu {width: 100%; height: auto; margin: 0px; background: #003278; line-height: 30px; font-size: 12px;}
	.mymenu dt {display: none;}
	.mymenu dd {width: 19.6%; height: 30px; padding: 0px; border-right: #FFF 1px solid; border-bottom: #FFF 1px solid; text-align: center; float: left;}
	.mymenu dd a {color: #FFF; display: block;}
	.mybody {width: 95%; min-height: 450px; margin: 30px 2.5%;}
	.myinfo {width: 100%;}
	.myinfo dt {width: 32%;}
	.myinfo dd {width: 68%;}
	.myinfo dd.order-goods {width: 100%; clear: left;}
	.myinfo dd input[type=text], .myinfo dd input[type=password], .myinfo dd select {width: 99%;}
	.myinfo #submit-full {width: 68%; margin: 10px 0px 0px 32%;}
	.myinfo #submit-half {width: 35%; margin: 10px 0px 0px 25%;}
	.myinfo #btn-back {width: 35%; margin: 10px 0px 0px 5%;}

	.exam-list {width: 100%; margin: 0px;}
	.exam-list li {width: 100%; padding: 5px 0px;}
	.exam-list li.list-title {display: none;}
	.exam-list li div {margin-right: 0px; padding: 0px 0px 0px 22%; position: relative;}
	.exam-list li div:before {line-height: 30px; font-weight: bold; position: absolute; left: 0px; top: 0px;}
	.exam-list li .list-cc {width: 78%;}
	.exam-list li .list-cc:before {content: "考试场次";}
	.exam-list li .list-kssj {width: 78%;}
	.exam-list li .list-kssj:before {content: "开始时间";}
	.exam-list li .list-jssj {width: 78%;}
	.exam-list li .list-jssj:before {content: "结束时间";}
	.exam-list li .list-cj {width: 78%; text-align: left;}
	.exam-list li .list-cj:before {content: "考试成绩";}
	.exam-list li .empty {width: 100%; padding: 0px;}

	.award-list {width: 100%; margin: 0px;}
	.award-list li {width: 100%; padding: 5px 0px;}
	.award-list li.list-title {display: none;}
	.award-list li div {margin-right: 0px; padding: 0px 0px 0px 22%; position: relative;}
	.award-list li div:before {line-height: 30px; font-weight: bold; position: absolute; left: 0px; top: 0px;}
	.award-list li .list-cc {width: 78%;}
	.award-list li .list-cc:before {content: "考试场次";}
	.award-list li .list-zjxx {width: 78%;}
	.award-list li .list-zjxx:before {content: "中奖信息";}
	.award-list li .empty {width: 100%; padding: 0px;}
	.exam-bg {width: 100%; height: 100%; background: url(bg1.jpg) no-repeat; background-size: 100% 100%; position: fixed; left: 0px; top: 0px; z-index: 1;}
	.exam-box {width: 100%; height: auto; overflow: hidden; position: relative; z-index: 99;}
	.exam-title {text-align: center; color: #FFF;}
	.exam-msg {color: #FFF;}
	.exam-msg a {background: #a50303;}
	.exam-note {width: 95%; margin: 20px auto 0px auto;}
	.question-title {color: #FFF;}
	.question-option li label {color: #FFF;}
	.question-btn {background: #a50303;}
	.question-note {width: 95%; margin: 20px auto 0px auto;}
	.sidefloat,#index_p{display: none;}
    .submenu dd.sm44{width:100%}
}