* {
	margin: 0;
	padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body{
  
  height: auto;
  font-family: "Microsoft Yahei";
  
  /*max-height: 660px;*/

}
/*::-webkit-scrollbar {
  width: .7em;
}
::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-color: rgba(0,0,0,0.2);
}*/

span{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none !important;
}

h1, h3, span, p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}


/*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*/
	/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css*/
	html {
	font-family:sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
body {
	margin:0
}
header,nav {
	display:block
}
a {
	background-color:transparent
}
a:active,a:hover {
	outline:0
}
h1 {
	margin:.67em 0;
	font-size:2em
}
img {
	border:0
}
table {
	border-spacing:0;
	border-collapse:collapse
}
td,th {
	padding:0
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css*/
	@media print {
	*,:after,:before {
	color:#000!important;
	text-shadow:none!important;
	background:0 0!important;
	-webkit-box-shadow:none!important;
	box-shadow:none!important
}
a,a:visited {
	text-decoration:underline
}
a[href]:after {
	content:" (" attr(href) ")"
}
a[href^="javascript:"]:after {
	content:""
}
img,tr {
	page-break-inside:avoid
}
img {
	max-width:100%!important
}
h3,p {
	orphans:3;
	widows:3
}
h3 {
	page-break-after:avoid
}
.navbar {
	display:none
}
.table {
	border-collapse:collapse!important
}
.table td,.table th {
	background-color:#fff!important
}
.table-bordered td,.table-bordered th {
	border:1px solid #ddd!important
}
}@font-face {
	font-family:'Glyphicons halflings';
	src:url(../fonts/glyphicons-halflings-regular.eot);
	src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphiconhalflingsregular) format('svg')
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
:after,:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
html {
	font-size:10px;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
body {
	font-family:"helvetica Neue",helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:1.42857143;
	color:#333;
	background-color:#fff
}
a {
	color:#337ab7;
	text-decoration:none
}
a:focus,a:hover {
	color:#23527c;
	text-decoration:underline
}
a:focus {
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}
img {
	vertical-align:middle
}

.icon-tijiao01 i{
	position:absolute;
	margin:0 auto;
	width:13px;
	height:13px;
    background:url(rightiocn.gif) no-repeat ;
}
h1,h3 {
	font-family:inherit;
	font-weight:500;
	line-height:1.1;
	color:inherit
}
h1,h3 {
	margin-top:20px;
	margin-bottom:10px
}
h1 {
	font-size:36px
}
h3 {
	font-size:20px
}
p {
	margin:0 0 10px
}
ul {
	margin-top:0;
	margin-bottom:10px
}.container-fluid {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}table {
	background-color:transparent
}
th {
	text-align:left
}
.table {
	width:100%;
	max-width:100%;
	margin-bottom:20px
}
.table>tbody>tr>td,.table>tbody>tr>th {
	padding:8px;
	line-height:1.42857143;
	vertical-align:top;
	border-top:1px solid #ddd
}
.table-bordered {
	border:1px solid #ddd
}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th {
	border:1px solid #ddd
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background-color:#f9f9f9
}
table td[class*=col-],table th[class*=col-] {
	position:static;
	display:table-cell;
	float:none
}.btn {
	display:inline-block;
	padding:6px 12px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	border-radius:4px
}
.btn:active:focus,.btn:focus {
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}
.btn:focus,.btn:hover {
	color:#333;
	text-decoration:none
}
.btn:active {
	background-image:none;
	outline:0;
	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-success {
	color:#fff;
	background-color:#5cb85c;
	border-color:#4cae4c
}
.btn-success:focus {
	color:#fff;
	background-color:#449d44;
	border-color:#255625
}
.btn-success:hover {
	color:#fff;
	background-color:#449d44;
	border-color:#398439
}
.btn-success:active {
	color:#fff;
	background-color:#449d44;
	border-color:#398439
}
.btn-success:active:focus,.btn-success:active:hover {
	color:#fff;
	background-color:#398439;
	border-color:#255625
}
.btn-success:active {
	background-image:none
}
.collapse {
	display:none
}
.nav {
	padding-left:0;
	margin-bottom:0;
	list-style:none
}
.nav>li {
	position:relative;
	display:block
}
.nav>li>a {
	position:relative;
	display:block;
	padding:10px 15px
}
.nav>li>a:focus,.nav>li>a:hover {
	text-decoration:none;
	background-color:#eee
}
.navbar {
	position:relative;
	min-height:50px;
	margin-bottom:20px;
	border:1px solid transparent
}
@media (min-width:768px) {
	.navbar {
	border-radius:4px
}
}@media (min-width:768px) {
	.navbar-header {
	float:left
}
}.navbar-collapse {
	padding-right:15px;
	padding-left:15px;
	overflow-x:visible;
	-webkit-overflow-scrolling:touch;
	border-top:1px solid transparent;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.1)
}
@media (min-width:768px) {
	.navbar-collapse {
	width:auto;
	border-top:0;
	-webkit-box-shadow:none;
	box-shadow:none
}
.navbar-collapse.collapse {
	display:block!important;
	height:auto!important;
	padding-bottom:0;
	overflow:visible!important
}
}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header {
	margin-right:-15px;
	margin-left:-15px
}
@media (min-width:768px) {
	.container-fluid>.navbar-collapse,.container-fluid>.navbar-header {
	margin-right:0;
	margin-left:0
}
}
.navbar-brand {
	float:left;
	height:50px;
	padding:15px 15px;
	font-size:18px;
	line-height:20px
}
.navbar-brand:focus,.navbar-brand:hover {
	text-decoration:none
}
@media (min-width:768px) {
	.navbar>.container-fluid .navbar-brand {
	margin-left:-15px
}
}.navbar-nav {
	margin:7.5px -15px
}
.navbar-nav>li>a {
	padding-top:10px;
	padding-bottom:10px;
	line-height:20px
}@media (min-width:768px) {
	.navbar-nav {
	float:left;
	margin:0
}
.navbar-nav>li {
	float:left
}
.navbar-nav>li>a {
	padding-top:15px;
	padding-bottom:15px
}
}.navbar-default {
	background-color:#f8f8f8;
	border-color:#e7e7e7
}
.navbar-default .navbar-brand {
	color:#777
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
	color:#5e5e5e;
	background-color:transparent
}
.navbar-default .navbar-nav>li>a {
	color:#777
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
	color:#333;
	background-color:transparent
}
.navbar-default .navbar-collapse {
	border-color:#e7e7e7
}.container-fluid:after,.container-fluid:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before {
	display:table;
	content:" "
}
.container-fluid:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after {
	clear:both
}
.show {
	display:block!important
}
@-ms-viewport {
	width:device-width
}
/*# sourceMappingURL=bootstrap.min.css.map*/

.bfd1{
            font-size: 44px;
			 margin-bottom: 20px; 
			 text-align: center;
        }

.bfd2{
            font-size: 20px; 
			margin-bottom: 40px; 
			text-align: center; 
			color:#666;
        }
html,
body {
	position: relative;
	height: 100%;
}

body {
	background: #eee;
	font-family: helvetica Neue, helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}

.alogo{
	display: inline-block;
	position: absolute;
	left:0.2rem;
	top:0.25rem;
	cursor: pointer;
}
.alogo img{
	position: absolute;
	left:0;
	top:0;
	width: 1.84rem;
	height: 0.5rem;
}
.clogo{
	opacity: 0;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
}

@media screen and (min-width:50px) and (max-width:1023px){
	.cmhomeCon {
		width: 520px;
		height: 355px;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	.cmhomeSlogan {
		width: 100%;
		font-size:12px;
		color: #333333;
		margin-top: 80px;
		font-weight: 500;
		text-align: center;
		line-height: 44px;
	}
	.cmhomeSellingPoint {
		padding: 0 0px;
		font-size:18px;
		color: #ffffff;
		margin-top: 26px;
		text-align: center;
		line-height: 20px;
	}
	.cmhomeDown {
		width: 100%;
		padding: 0 106px;
		margin-top: 34px;
		height: 130px;
	}

	.cmhomeQRCode a {
		color: #333333;
		font-size: 12px;
		text-align: center;
		width: 106px;
		display: block;
		margin-top:15px;
		text-decoration: none;
		line-height: 12px;
	}
	.cmDownBtnTitle i {
		font-style: normal;
		font-size: 12px;
		color: #666666;
		margin-right: 32px;
	}
	.cmnewsTitlezw,
	.cmStudentTitlezw,
	.cmAboutTitlezw {
		font-size: 12px;
		line-height: 12px;
	}
	.cmhomeLookMore {
		width: 100%;
		display: inline-block;
		color: #BABABA;
		font-size: 0.22rem;
		text-align: center;
		margin-top: 57px;
		cursor: pointer;
		position: relative;
		animation: LookMore 1.5s linear infinite alternate;
		-moz-animation: LookMore 1.5s linear infinite alternate;
		-webkit-animation: LookMore 1.5s linear infinite alternate;
		-o-animation: LookMore 1.5s infinite alternate;
		-ms-animation: LookMore 1.5s infinite alternate;
	}
	.rightNav a {
		width: 12px;
		height: 12px;
		display: block;
		border: 2px solid rgba(0, 0, 0, .5);
		border-radius: 50%;
		margin-bottom: 20px;
		cursor: pointer;
	}
	.cmnewsTitleyw span {
		width: 240px;
		height: 18px;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	
	.cmStudentTitleyw span {
		width: 275px;
		height: 18px;
		margin: 0 auto;
		display: block;
	}
	
	.cmAboutTitleyw span {
		width: 210px;
		height: 100px;
		margin: 0 auto;
		display: inline-block;
	}
	
	.cmAboutTitleyw i {
		float: left;
		font-size: 12px;
		color: #989898;
		line-height: 12px;
		text-align: center;
		font-style: normal;
		margin-left: 13px;
		margin-right: 13px;
		display: inline-block;
	}
	
	.cmnewsTitleyw i {
		float: left;
		font-size: 12px;
		color: #989898;
		line-height: 12px;
		text-align: center;
		font-style: normal;
		margin-left:13px;
		margin-right:13px;
		display: inline-block;
	}
	
	.cmStudentTitleyw i {
		float: left;
		font-size: 12px;
		color: #989898;
		line-height: 12px;
		text-align: center;
		font-style: normal;
		margin-left: 19px;
		margin-right: 19px;
		display: inline-block;
	}
	
	.cmnewsTitleyw a {
		width: 60px;
		border-top: 2px solid #989898;
		float: left;
		display: inline-block;
		margin-top: 7px;
	}
	
	.cmStudentTitleyw a {
		width: 60px;
		border-top: 2px solid #989898;
		float: left;
		display: inline-block;
		margin-top: 7px;
	}
	
	.cmAboutTitleyw a {
		width: 60px;
		border-top: 2px solid #989898;
		float: left;
		display: inline-block;
		margin-top: 7px;
	}
}
@media screen and (min-width:1024px) and (max-width:1366px){
	.cmhomeCon {
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	.cmhomeSlogan {
		width: 100%;
		font-size:44px;
		color: #333333;
		margin-top: 80px;
		font-weight: 500;
		text-align: center;
		line-height: 44px;
	}
	.cmhomeSellingPoint {
		padding: 0 44px;
		font-size:18px;
		color: #333333;
		margin-top: 26px;
		text-align: center;
		line-height: 20px;
	}
	.cmhomeDown {
		width: 100%;
		padding: 0 106px;
		margin-top: 34px;
		height: 130px;
	}

	.cmhomeQRCode a {
		color: #333333;
		font-size: 13px;
		text-align: center;
		width: 106px;
		display: block;
		margin-top:15px;
		text-decoration: none;
		line-height: 13px;
	}
	.cmDownBtnTitle i {
		font-style: normal;
		font-size: 13px;
		color: #666666;
		margin-right: 32px;
	}
	.cmnewsTitlezw,
	.cmStudentTitlezw,
	.cmAboutTitlezw {
		font-size: 31px;
		line-height: 31px;
	}
	.cmhomeLookMore {
		width: 100%;
		display: inline-block;
		color: #BABABA;
		font-size: 0.22rem;
		text-align: center;
		margin-top: 57px;
		cursor: pointer;
		position: relative;
		animation: LookMore 1.5s linear infinite alternate;
		-moz-animation: LookMore 1.5s linear infinite alternate;
		-webkit-animation: LookMore 1.5s linear infinite alternate;
		-o-animation: LookMore 1.5s infinite alternate;
		-ms-animation: LookMore 1.5s infinite alternate;
	}
	.rightNav a {
		width: 15px;
		height: 15px;
		display: block;
		border: 2px solid rgba(0, 0, 0, .5);
		border-radius: 50%;
		margin-bottom: 20px;
		cursor: pointer;
	}
	.cmnewsTitleyw span {
		width: 375px;
		height: 18px;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	
	.cmStudentTitleyw span {
		width: 412px;
		height: 18px;
		margin: 0 auto;
		display: block;
	}
	
	.cmAboutTitleyw span {
		width: 328px;
		height: 100px;
		margin: 0 auto;
		display: inline-block;
	}
	
	.cmAboutTitleyw i {
		float: left;
		font-size: 17px;
		color: #989898;
		line-height: 17px;
		text-align: center;
		font-style: normal;
		margin-left: 13px;
		margin-right: 13px;
		display: inline-block;
	}
	
	.cmnewsTitleyw i {
		float: left;
		font-size: 17px;
		color: #989898;
		line-height: 17px;
		text-align: center;
		font-style: normal;
		margin-left:13px;
		margin-right:13px;
		display: inline-block;
	}
	
	.cmStudentTitleyw i {
		float: left;
		font-size: 17px;
		color: #989898;
		line-height: 17px;
		text-align: center;
		font-style: normal;
		margin-left: 19px;
		margin-right: 19px;
		display: inline-block;
	}
	
	.cmnewsTitleyw a {
		width: 100px;
		border-top: 2px solid #989898;
		float: left;
		display: inline-block;
		margin-top: 7px;
	}
	
	.cmStudentTitleyw a {
		width: 100px;
		border-top: 2px solid #989898;
		float: left;
		display: inline-block;
		margin-top: 7px;
	}
	
	.cmAboutTitleyw a {
		width: 100px;
		border-top: 2px solid #989898;
		float: left;
		display: inline-block;
		margin-top: 7px;
	}
}
@media screen and (min-width:1367px) and (max-width:1920px){
	.cmhomeCon {
		width: 880px;
		height: 660px;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	.cmhomeSlogan {
		width: 100%;
		font-size:44px;
		color: #333333;
		margin-top: 160px;
		font-weight: 500;
		text-align: center;
		line-height: 0.84rem;
	}
	.cmhomeSellingPoint {
		padding: 0 44px;
		font-size:18px;
		color: #333333;
		margin-top: 20px;
		text-align: center;
		line-height: 38px;
	}
	.cmhomeDown {
		width: 100%;
		padding: 0 200px;
		margin-top: 64px;
		height: 246px;
	}
	.cmhomeQRCode {
		width: 200px;
		height: auto;
		margin-right: 100px;
		float: left;
	}
	.cmhomeQRCode img {
		width: 183px;
		height: 240px;
	}
	.cmhomeQRCode a {
		color: #333333;
		font-size: 26px;
		text-align: center;
		width: 200px;
		display: block;
		margin-top:15px;
		text-decoration: none;
		line-height: 26px;
	}
	.cmDownBtnTitle i {
		font-style: normal;
		font-size: 26px;
		color: #666666;
		margin-right: 60px;
	}
	.cmnewsTitlezw,
	.cmStudentTitlezw,
	.cmAboutTitlezw {
		font-size: 44px;
		line-height: 44px;
	}
	.cmhomeLookMore {
		width: 100%;
		display: inline-block;
		color: #BABABA;
		font-size: 0.22rem;
		text-align: center;
		margin-top: 1.07rem;
		cursor: pointer;
		position: relative;
		animation: LookMore 1.5s linear infinite alternate;
		-moz-animation: LookMore 1.5s linear infinite alternate;
		-webkit-animation: LookMore 1.5s linear infinite alternate;
		-o-animation: LookMore 1.5s infinite alternate;
		-ms-animation: LookMore 1.5s infinite alternate;
	}
	.rightNav a {
		width: 15px;
		height: 15px;
		display: block;
		border: 2px solid rgba(0, 0, 0, .5);
		border-radius: 50%;
		margin-bottom: 20px;
		cursor: pointer;
	}
	.cmnewsTitleyw span {
		width: 375px;
		height: 18px;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	
	.cmStudentTitleyw span {
		width: 412px;
		height: 18px;
		margin: 0 auto;
		display: block;
	}
	
	.cmAboutTitleyw span {
		width: 328px;
		height: 100px;
		margin: 0 auto;
		display: inline-block;
	}
	
	.cmAboutTitleyw i {
		float: left;
		font-size: 17px;
		color: #989898;
		line-height: 17px;
		text-align: center;
		font-style: normal;
		margin-left: 13px;
		margin-right: 13px;
		display: inline-block;
	}
	
	.cmnewsTitleyw i {
		float: left;
		font-size: 17px;
		color: #989898;
		line-height: 17px;
		text-align: center;
		font-style: normal;
		margin-left:13px;
		margin-right:13px;
		display: inline-block;
	}
	
	.cmStudentTitleyw i {
		float: left;
		font-size: 17px;
		color: #989898;
		line-height: 17px;
		text-align: center;
		font-style: normal;
		margin-left: 19px;
		margin-right: 19px;
		display: inline-block;
	}
	
	.cmnewsTitleyw a {
		width: 100px;
		border-top: 2px solid #989898;
		float: left;
		display: inline-block;
		margin-top: 7px;
	}
	
	.cmStudentTitleyw a {
		width: 100px;
		border-top: 2px solid #989898;
		float: left;
		display: inline-block;
		margin-top: 7px;
	}
	
	.cmAboutTitleyw a {
		width: 100px;
		border-top: 2px solid #989898;
		float: left;
		display: inline-block;
		margin-top: 7px;
	}
}





@media screen and (min-width: 1921px) {
	/*.cmhomeLookMore {
		margin-top: 2.07rem !important;
	}
	.cmfunctionOneLeft {
		margin-top: 1.8rem !important;
	}
	.cmfunctionOneRight p {
		margin-top: 4.67rem !important;
	}
	.cmfunctionTwoLeft p {
		margin-top: 4.67rem !important;
	}
	.cmfunctionTwoRight {
		margin-top: 1.87rem !important;
	}
	.cmfunctionThreeLeft {
		margin-top: 2rem !important;
	}
	.cmfunctionThreeCon {
		margin-top: 2.6rem !important;
	}
	.cmfunctionThreeRight p {
		margin-top: 4.67rem !important;
	}
	.cmfunctionfourLeft p {
		margin-top: 4.67rem !important;
	}
	.cmfunctionfourRight{
		margin-top:2rem !important;
	}*/
	.cmnews{
		padding-top:2rem !important;
	}
	.cmStudent{
		padding-top:2rem !important;
	}
	.cmAboutMin{
		padding-top:2.2rem !important;
	}
}

.ksbdlogo {
	width: 150px;
	height: 93px;
}

.headbox {
	width: 100%;
	height: 80px;
	background: rgba(255, 255, 255, .8);
	position: fixed;
	border: none;
	border-radius: 0px;
	top: 0;
}

.headbox:hover {
	background: rgba(68, 68, 68, .8);
}

.headbox:hover .navmain li a {
	color: #ffffff;
}
.headbox:hover .clogo{
	opacity: 1;
}
.headbox:hover .blogo{
	opacity: 0;
}
.headmain {
	width: 62.43%;
	height: 80px;
	margin: 0 auto;
	min-width: 12rem;
	padding: 0;
}

.logobox {
	height:80px;
	width: 1.8rem;
	background:url(../images/ksbdlogo.png) right no-repeat;
}

.logobox a {
	height: 80px;
	padding: 0;
	padding-top: 0.23rem;
	margin-left:1.35rem !important;
	display:block;
	text-indent:-999em;
	width: 0.54rem;
	height: 0.54rem;
}


.navbox {
	width: 100%;
	padding: 0;
}
.navmain{
	margin:0 auto;
	float: right !important;
	margin-right: 1.35rem;
}
.navmain li {
	margin-left: 0.8rem;
	height: 80px !important;
}

.navmain li a {
	padding: 0px;
	line-height: 80px;
	color: #333333;
	font-size: 0.23rem;
	background-color: transparent !important;
	cursor: pointer;
}

.navmain li a:hover {
	color: #5BB8ff !important;
}

.colorstyle {
	color: #5BB8ff !important;
}

.colorstylehui {
	color: #777777 !important;
}

.cmBox {
	position: relative;
	width: 100%;
	height: auto;
}

.cmhome {
	width: 100%;
	background: #fff url(https://img.alicdn.com/imgextra/i2/65985445/O1CN01VqjJs11q5r5Peq9N1_!!65985445.jpg) center no-repeat;
	background-size: 100% 100%;
}



@media screen and (min-width:50px) and (max-width:1023px){
	.cmnewsTitlezw,
	.cmAboutTitlezw {
		font-size: 12px;
		line-height: 12px;
	}
	.cmnewsTitleyw span {
		width: 240px;
		height: 18px;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	
	.cmAboutTitleyw span {
		width: 210px;
		height: 100px;
		margin: 0 auto;
		display: inline-block;
	}
}
@media screen and (min-width:1024px) and (max-width:1366px){
	.cmnewsTitlezw,
	.cmAboutTitlezw {
		font-size: 31px;
		line-height: 31px;
	}
	.cmnewsTitleyw span {
		width: 375px;
		height: 18px;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	
	.cmAboutTitleyw span {
		width: 328px;
		height: 100px;
		margin: 0 auto;
		display: inline-block;
	}
}
@media screen and (min-width:1367px) and (max-width:1920px){
	.cmnewsTitlezw,
	.cmAboutTitlezw {
		font-size: 44px;
		line-height: 44px;
	}
	.cmnewsTitleyw span {
		width: 375px;
		height: 18px;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	
	.cmAboutTitleyw span {
		width: 328px;
		height: 100px;
		margin: 0 auto;
		display: inline-block;
	}
}




.cmhomeBtn {
	width: 2rem;
	margin-top: 0.31rem;
	position: relative;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}

.cmhomeBtnAnimate {
	position: relative;
	opacity: 1;
}

.cmhomeBtnDownPc {
	width: 2rem;
	height: 0.7rem;
	border-radius: 0.35rem;
	background: #5BB8ff;
	display: block;
	text-align: center;
	line-height: 0.7rem;
	color: #ffffff;
	font-size: 0.26rem;
	cursor: pointer;
	
	
}

.cmhomeBtnExperiencePc {
	width: 2rem;
	height: 0.7rem;
	border-radius: 0.35rem;
	background: #68CE96;
	display: block;
	text-align: center;
	line-height: 0.7rem;
	color: #ffffff;
	font-size: 0.26rem;
	cursor: pointer;
	margin-top: 0.4rem;
}

.cmhomeBtnExperiencePc:hover {
	color: #22804c;
}


.navbar-brand {
	cursor: pointer;
}

.cmhomeLookMore img {
	margin-left: 0.1rem;
	width: 0.2rem;
	height: 0.13rem;
}

@keyframes LookMore {
	from {
		top: -10px;
	}
	to {
		top: 0;
	}
}

@-moz-keyframes LookMore
/* firefox */

{
	from {
		top: -10px;
	}
	to {
		top: 0;
	}
}

@-webkit-keyframes LookMore
/* Safari 和 Chrome */

{
	from {
		top: -10px;
	}
	to {
		top: 0;
	}
}

@-o-keyframes LookMore
/* Opera */

{
	from {
		top: -10px;
	}
	to {
		top: 0;
	}
}


/*功能*/


/*第一项*/

.cmfunction {
	width: 100%;
}

.cmfunctionOne {
	width: 100%;
	background: #ffffff;
}

.cmfunctionOneMin {
	width: 14.66rem;
	height: 100%;
	margin: 0 auto;
}



/*第二项*/

.cmfunctionTwo {
	width: 100%;
	background-color: #fff;
	background-position: bottom;
	background-size: 100%;
}

.cmfunctionTwoMin {
	width: 11.66rem;
	height: 100%;
	margin: 0 auto;
}

.cmfunctionTwoLeft {
	width: 5.45rem;
	float: left;
	left: -5rem;

}

.cmfunctionTwoLeft p {
	font-size: 0.6rem;
	color: #5BB8ff;
	margin-top: 3.67rem;
	text-align: center;
}


.cmfunctionTwoRight {
	margin-left: 0.93rem;
	float: left;
	margin-top: 0.87rem;
	width: 5.25rem;
	/*height: 100%;*/
	max-height: 9rem;
	min-width: 5rem;
	right: -5rem;

}

.cmfunctionTwoRight img {
	width: 100%;
	height: 100%;
}


/*第三项*/

.cmfunctionThree {
	width: 100%;
	background: #ffffff;
}

.cmfunctionThreeMin {
	width: 14.5rem;
	height: 100%;
	margin: 0 auto;
}

.cmfunctionThreeLeft {
	float: left;
	width: 4.84rem;
	max-height: 9rem;
	margin-top: 1rem;
	left: -5rem;
	
}

.cmfunctionThreeCon {
	float: left;
	width: 4.84rem;
	margin: 1.6rem 0 0 -0.73rem;
	bottom: -5rem;

}

.cmfunctionThreeRight {
	float: left;
	width: 5.5rem;
	right: -5rem;
	
}

.cmfunctionThreeRight p {
	font-size: 0.6rem;
	color: #5BB8ff;
	margin-top: 3.67rem;
	text-align: center;
}




/*第四项*/

.cmfunctionfour {
	width: 100%;
	background-repeat: no-repeat;
	background-color: #fAfAfA;
	background-position: left bottom;
}

.cmfunctionfourMin {
	width: 11.66rem;
	height: 100%;
	margin: 0 auto;
}

.cmfunctionfourLeft {
	float: left;
	width: 4.6rem;
	left: -5rem;
	
}

.cmfunctionfourLeft p {
	font-size: 0.6rem;
	color: #5BB8ff;
	margin-top: 3.97rem;
	text-align: center;
}



.cmfunctionfourRight {
	width: 4.7rem;
	margin-left: 1.69rem;
	float: left;
	margin-top: 1rem;
	position: relative;
	right: -0.5rem;

}

.cmfunctionfourRight img {
	width: 100%;
	height: 100%;
}

.cmDownMinLeft{
		margin-top:2.49rem !important;
}

.cmDownMin {
	width: 14rem;
	height: 100%;
	margin: 0 auto;
}
.cmDownMinLeft {
	float: left;
	position: relative;
	width: 6.73rem;
	height: 100%;
	max-height: 6.63rem;
	top: 0;
	right: 0;
	margin-top: 2.49rem;
}
.cmDownMinLeft span img {
	width: 100%;
	height: 100%;
}
.cmDownMinLeftA {
	width: 6.05rem;
	height: 4.06rem;
	position: absolute;
	top: 2rem;
	right: 2rem;
	opacity: 0;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
}

.cmDownMinLeftA {
	width: 6.05rem;
	height: 4.06rem;
	position: absolute;
	top: 2rem;
	right: 2rem;
	opacity: 0;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
}
.cmDownMinLeftB {
	width: 6.05rem;
	height: 4.2rem;
	position: absolute;
	bottom: 2rem;
	left: 2rem;
	opacity: 0;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
}
.cmDownMinRight {
	width: 6.75rem;
	float: right;
}
.cmDownMinRight i:last-child {
	margin-right: 0;
}
.cmDownMinRight p {
	text-align: right;

}
/*下载*/

.cmDown {
	width: 100%;
	background: #ffffff;
}



.cmDownBtn {
	margin-top: 0.35rem;
	display: inline-block;
	position: relative;
}

.cmDownBtn a {
	width: 150px;
	height: 50px;
	border-radius: 50px;
	line-height: 50px;
	display: inline-block;
	text-align: center;
	float: left;
	cursor: pointer;
}

.openPc {
	background: #ec6941;
	color: #ffffff;
	cursor: pointer;
}

.openPc:hover {
	color: #fff100;
}


/*师资*/

.cmnews {
	width: 100%;
	background: #ffffff;
	padding-top: 1.2rem;
}

.cmnewsMin {
	width: 16.16rem;
	
	margin: 0 auto;
}

.cmnewsTitle,
.cmAboutTitle {
	width: 100%;
	text-align: center;
}



.cmnewsTitleyw,
.cmAboutTitleyw {
	width: 100%;
	margin-top: 21px;
	text-align: center;
}



.cmnewsContent {
	width: 100%;
	height: 100%;
	margin-top: 0.5rem;
	justify-content: space-between;
}

.cmnewsContent div {
	width: 23%;
	height: 380px;
	text-align: center;
	position: relative;
	float: left;
	margin-left: 20px;
}

.CMnewsheadurl {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	border: 4px solid #5BB8ff;
	display: inline-block;
	overflow: hidden;
}

.CMnewsheadurl img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.cmnewsContent div p {
	color: #929292;
	font-size: 0.23rem;
	line-height: 0.23rem;
	margin-top: 0.19rem;
}

.cmnewsContent div span {
	display: block;
	width: 100%;
	overflow:hidden; 
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align: left;
	
}

.cmnewsContent div span i {
	
	font-style: normal;
	font-size: 12px;
	line-height: 0.3rem;
	text-align: left;
	
}

.cmnewsContent div span i a{

	color: #333333;
	
}


/*学员*/

.cmStudent {
	width: 100%;
	background: #ffffff;
	padding-top: 0.8rem;
}

.cmStudentMin {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	padding-top: 0.3rem;
}

.cmStudentContent {
	margin-top: 0.2rem;
	width: 100%;
	float: left;
}

.cmStudentContent>div {
	width: 100%;
	height: 3.15rem;
	margin-top: 0.5rem;
}

.cmStudentheadUrl {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	border: 4px solid #f0f0f0;
	display: inline-block;
	overflow: hidden;
	margin-right: 0.5rem;
	float: left;
}

.cmStudentheadUrls {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	border: 4px solid #f0f0f0;
	display: inline-block;
	overflow: hidden;
	margin-left: 0.5rem;
	float: left;
}

.cmStudentheadUrl img,
.cmStudentheadUrls img {
	width: 100%;
	height: 100%;
}

.cmStudentNarration {
	width: 8.9rem;
	height: 2.75rem;
	background: #ffffff;
	float: left;
	box-shadow: 0px 0px 60px #CCCCCC;
	padding: 0.5rem;
	border-radius: 0.08rem;
}

.cmStudentNarration span a {
	font-size: 23px;
	color: #000000;
	line-height: 23px;
}

.cmStudentNarration span i {
	font-size: 18px;
	color: #333333;
	font-style: normal;
	margin-left: 20px;
}

.cmStudentNarration p {
	font-size: 0.17rem;
	line-height: 0.4rem;
	color: #999999;
	margin-top: 0.2rem;
}

.rightNav {
	position: fixed;
	right: 40px;
	bottom: 50px;
}



.rightNav a:last-child {
	margin-bottom: 0 !important;
}

.rightNavSelect {
	border: none !important;
	background: rgba(0, 0, 0, .5) !important;
}

/*关于    底部*/

.cmAbout {
	width: 100%;
	height: 4.4rem;
	background: #f3f3f3;
}

.cmAboutMin {
	padding-top: 1.2rem;
	width: 18rem;
	min-width: 7.1rem;
	height: 4.4rem;
	background: #f3f3f3;
	margin: 0 auto;
}


/*.cmAboutContentImage div:hover{
	width:5.01rem;
	height: 3.31rem;
}*/

.cmAboutContent {
	display: block;
	display: flex;
	display: -webkit-flex;
	margin: 0 auto;
	margin-top: 0.2rem;
}

.cmAboutContent ul {
	width: 50%;
	float: left;
}

.cmAboutContent ul:first-child {
	width: 50%;
	text-align: center;
}

.cmAboutContent ul li {
	line-height: 0.48rem;
	font-size: 0.23rem;
	color: #999999;

}

.cmAboutContent ul li a {
	color: #999999;
}

.cmAboutContent ul li a:hover {
	color: #337ab7;
}

.LeftAnimate {
	position: relative;
	left: 0px;
	opacity: 1;
}

.RightAnimate {
	position: relative;
	right: 0px;
	opacity: 1;
}

.LeftTopAnimate {
	position: relative;
	left: 0px;
	top: 0px;
	opacity: 1;
}

.LeftBottomAnimate {
	position: relative;
	left: 0px;
	bottom: 0px;
	opacity: 1;
}

.RightTopAnimate {
	position: relative;
	right: 0px;
	top: 0px;
	opacity: 1;
}

.RightBottomAnimate {
	position: relative;
	right: 0px;
	bottom: 0px;
	opacity: 1;
}

.BottomAnimate {
	position: relative;
	bottom: 0px;
	opacity: 1;
}

.TopAnimate {
	position: relative;
	top: 0px;
	opacity: 1;
}

.top_to_mid {
	animation: top_to_mid .5s both;
	-webkit-animation: top_to_mid .5s both
}

@keyframes top_to_mid {
	0% {
		transform: translate3d(0, -100%, 0)
	}
	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes top_to_mid {
	0% {
		-webkit-transform: translate3d(0, -100%, 0)
	}
	to {
		-webkit-transform: translateZ(0)
	}
}


.mid_to_top {
	z-index: 1;
	animation: mid_to_top .5s both;
	-webkit-animation: mid_to_top .5s both
}

@keyframes mid_to_top {
	0% {
		transform: translateZ(0)
	}
	to {
		transform: translate3d(0, -100%, 0)
	}
}

@-webkit-keyframes mid_to_top {
	0% {
		-webkit-transform: translateZ(0)
	}
	to {
		-webkit-transform: translate3d(0, -100%, 0)
	}
}

.bot_to_mid {
	z-index: 1;
	animation: bot_to_mid .5s both;
	-webkit-animation: bot_to_mid .5s both
}

@keyframes bot_to_mid {
	0% {
		transform: translate3d(0, 100%, 0)
	}
	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes bot_to_mid {
	0% {
		-webkit-transform: translate3d(0, 100%, 0)
	}
	to {
		-webkit-transform: translateZ(0)
	}
}


.mid_to_bot {
	animation: mid_to_bot .5s both;
	-webkit-animation: mid_to_bot .5s both;
}

@keyframes mid_to_bot {
	0% {
		transform: translateZ(0)
	}
	to {
		transform: translate3d(0, 100%, 0)
	}
}

@-webkit-keyframes mid_to_bot {
	0% {
		-webkit-transform: translateZ(0)
	}
	to {
		-webkit-transform: translate3d(0, 100%, 0)
	}
}

.cmBox {
	height: 100%;
	position: relative;
	overflow: hidden;
}

.cmBox .swiper-slide {
	position: absolute;
	top: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}

.show {
	opacity: 1 !important;
}


.pc-content {

  padding-top: 200px;
  text-align: right;
}

.pc-content-title {
  font-size: 46px;
  color: #333;
  font-weight: 100;
}

.pc-content-desc {
  font-size: 18px;
  font-weight: 10;
  color: #666;
}
.pc-content-desca {
  font-size: 16px;
  font-weight: 10;
  color: #666;
}

.pc-content-version {
  font-size: 10px;
  color: #999;
  margin-top: 10px;
}

.pc-btns {
  font-size: 16px;
  margin-top: 1px;
} 
	
	
<!--
.ttl{height:18px;}
-->
.tabs1:hover .arwlink{border-bottom:1px solid #000;border-left:1px solid #999;height:31px}




/* 全站导航 */

/* 其他 */



/**/

/**/

/**图标样式*/

.white_about {
	display: none;
	position: absolute;
	top: 70px;
	left: 0%;
	width: 100%;
	height: 170px;
	border-bottom:none;
	background-color:#f3f3f3;
	overflow: auto;
}

 .text-f{font-weight:bold;color:#333} .col-features{width:10%;font-size:16px; text-align:center;} .table th.col-list{ width:10%; text-align:center;font-weight:bold;color:#333;font-size:16px; } .icon-rec{ color:red; font-size:16px; animation: changeshadow 1s ease-in infinite ; -webkit-animation: changeshadow 1s linear infinite; -moz-animation: changeshadow 1s linear infinite; -ms-animation: changeshadow 1s linear infinite; -o-animation: changeshadow 1s linear infinite; } @keyframes changeshadow { 0%{ text-shadow: 0 0 4px orange} 50%{ text-shadow: 0 0 40px orange} 100%{ text-shadow: 0 0 4px orange} } @-webkit-keyframes changeshadow { 0%{ text-shadow: 0 0 4px orange} 50%{ text-shadow: 0 0 40px orange} 100%{ text-shadow: 0 0 4px orange} } @-moz-keyframes changeshadow { 0%{ text-shadow: 0 0 4px orange} 50%{ text-shadow: 0 0 40px orange} 100%{ text-shadow: 0 0 4px orange} } @-ms-keyframes changeshadow { 0%{ text-shadow: 0 0 4px orange} 50%{ text-shadow: 0 0 40px orange} 100%{ text-shadow: 0 0 4px orange} } @-o-keyframes changeshadow { 0%{ text-shadow: 0 0 4px orange} 50%{ text-shadow: 0 0 40px orange} 100%{ text-shadow: 0 0 4px orange} }