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

/* reset start */
html, body {
	overflow: hidden;
	height: 100%;
}
body, h1, h2, h3, h4, p, ul, ol {
	padding: 0;
	margin: 0;
	font: 14px "微软雅黑";
	font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
}
li {
	list-style: none;
}
img {
	border: none;vertical-align:middle
}
a {
	text-decoration: none;
}
a:active {
	color: #009ee0;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
/* reset end */
/*qyd*/
.nian {
	font-size: 28px;
}
.fontquan {
	color: #949494;
}
.neaw {
	width: 231px;
	color: #e5e4e4;
	height: 180px;
	padding: 20px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 5px;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	position: relative;
	border: 1px solid #fff;
}
.neaw2 {
	width: 231px;
	color: #e5e4e4;
	height: 180px;
	padding: 20px;
	background: rgba(244, 67, 54, 0.36);
	border-radius: 5px;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	position: relative;
	border: 1px solid #fff;
}
.neaw2 a{    color: #fff;
	display: block;
	font-size: 18px;
	line-height: 180px;
	text-align: center;
	font-weight: bold;}
.neaw:nth-child(4) {
	margin-right: 0px;
}
.neaw a {
	position: absolute;
	padding: 20px;
	width: 233px;
	height: 180px;
	left: 0;
	top: 0;
	border-radius: 5px;
}
.neaw:hover {
	background: rgba(255, 255, 255, 0.8)/*rgba(66, 255, 0, 0.16)*/;
	color: #fff;
}
.neaw h2 {
	font-weight: 700;
	color: #000;
	width: valve;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	clear: both;
	overflow: hidden;
	padding-top: 10px;
	font-size: 16px;
}
.yu {
	font-size: 28px;
}
.neawcom {
	font-size: 14px;
	padding-top: 10px;
	color: #000;
	line-height: 22px;
	display: -webkit-box !important;
	text-overflow: ellipsis;
	　　overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
/* common start */
.clear {
	zoom: 1;
}
.clear:after {
	content: "";
	display: block;
	clear: both;
}
.commonTitle {
	/*color: #fff;*/
	font-size: 80px;
	line-height: 0.8;
	font-weight: bold;
	letter-spacing: -5px;
}
.commonText {
	color: white;
	line-height: 1.5;
	font-size: 15px;
}
.yingcommon {
	position: relative;
	border: 1px solid #fff;
	padding: 5px 10px;
	margin-bottom: 2px;
	width: valve;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.yingcommon a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.yingcommon:hover {
	border: 1px solid #fff;
	padding: 10px 20px;
	width: 550px;
	margin-bottom: 2px;
	transition: 0.6s;
	filter: alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	font-weight: bold;
	font-size: 20px;
}
.yingcommon span {
	border-right: 1px solid #fff;
	font-size: 30px;
	font-weight: bold;
	padding: 0px 10px;
}
#loading {
}
/*#loading div {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	background: #009ee0;
	z-index: 50;
	transition: 1s;
}*/
#loading div:nth-of-type(1) {
	top: 0;
}
#loading div:nth-of-type(2) {
	bottom: 0;
}
#loading span {
	width: 0%;
	height: 4px;
	background: white;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	z-index: 60;
	transition: .5s;
}
/* common end */

/* frame start */
#main {
	width: 100%;
	height: 100%;
}
#header {
	width: 100%;
	height: 80px; /*background:white;*/
	z-index: 999;
	position: fixed;
	top: 0px;
}
#headerMain {
	width: 1100px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
#logo {
	float: left;
	margin-top: 20px;
}
.nav{ padding-left:120px; background: url("../img/logo2.png") no-repeat}
#nav {
	float: right;
	margin-top: 50px;
}
#nav li {
	float: left;
	position: relative;
	margin-left: 25px;
}
#nav li .up {
	position: absolute;
	left: 0;
	top: 0;
	color: black;
	width: 0%;
	overflow: hidden;
	transition: .5s width;
}
#nav li a {
	color: #fff;
	font-size: 20px; /*font-weight: bold;*/
	text-shadow: 2px 4px 15px #000;
}
#nav li:hover .up {
	width: 100%;
}
#arrow {
	width: 21px;
	height: 11px;
	/*background: url(../../../static/officialwebsite/img/menuIndicator.png) no-repeat;*/
	position: absolute;
	left: 50%;
	bottom: -11px;
	transition: .5s left;
	z-index: 10;
}
#content {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
#list {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s top;
}
#list .liList {
	width: 2000px;
	position: relative;
	left: 50%;
	margin-left: -1000px;
	overflow: hidden;

}
#list .divList {
	width: 1100px;
	height: 520px;
	margin: 0px auto;
	position: relative;
}
#list .divList2 {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	position: relative;
	background: #000;
}
#menu {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 20;
}
#menu li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 10px;
	border: 1px white solid;
	cursor: pointer;
}
#menu li.active {
	background: white;
	cursor: default;
}
/* frame end */

/* home start */
#home {
	background: black; /*background:url(../img/bg1.jpg) no-repeat;*/
}
#homeContent .homeContent1 {
	width: 100%;
	height: 100%;
	position: relative;
	perspective: 800px;
	transform-style: preserve-3d;
	-webkit-perspective: 800px;
	-webkit-transform-style: preserve-3d;
	transition: 1s;
}
#homeContent .homeContent1 li {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: black;
	visibility: hidden;
}
#homeContent .homeContent1 li:nth-of-type(1) {
	background: url(../img/banner02.jpg) fixed center center no-repeat;
	background-size: cover;
	width: 100%;
}
#homeContent .homeContent1 li:nth-of-type(2) {
	background: url(../img/banner.jpg) fixed center center no-repeat;
	background-size: cover;
	width: 100%;
}
#homeContent .homeContent1 li:nth-of-type(3) {
	background: url(../img/banner03.jpg) fixed center center no-repeat;
	background-size: cover;
	width: 100%;
}
#homeContent .homeContent1 li:nth-of-type(4) {
	background: url(../img/banner04.jpg) fixed center center no-repeat;
	background-size: cover;
	width: 100%;
}
#homeContent .homeContent1 li:nth-of-type(5) {
	background: url(../img/banner0.jpg) fixed center center no-repeat;
	background-size: cover;
	width: 100%;
}
#homeContent .homeContent1 li h1 {
	color: white;
	text-align: center;
	padding-top: 310px;
}
#homeContent .homeContent1 li.active {
	z-index: 1;
	visibility: visible;
}
#homeContent .homeContent1 .leftShow {
	animation: 1s homeLeftShow;
	visibility: visible;
	z-index: 3;
	-webkit-animation: 1s homeLeftShow;
}
#homeContent .homeContent1 .rightHide {
	animation: 1s homeRightHide;
	visibility: hidden;
	-webkit-animation: 1s homeRightHide;
}
#homeContent .homeContent1 .leftHide {
	animation: 1s homeLeftHide;
	visibility: hidden;
	-webkit-animation: 1s homeLeftHide;
}
#homeContent .homeContent1 .rightShow {
	animation: 1s homeRightShow;
	visibility: visible;
	z-index: 3;
	-webkit-animation: 1s homeRightShow;
}
#homeContent .homeContent2 {
	position: absolute;
	bottom: 45px;
	z-index: 2;
	text-align: center;
	width: 100%;
	transition: 1s;
	/*z-index: 999;*/
}
#homeContent .homeContent2 li {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(255,255,255,0.5);
	display: inline-block;
	margin: 2px;
	box-shadow: 0 0 4px rgba(25,25,25,0.8);
	cursor: pointer;
}
#homeContent .homeContent2 li.active {
	background: white;
	cursor: default;
}
 @keyframes homeLeftHide {
 0% {
transform:translateZ(0px);
visibility:visible;
}
 40% {
transform:translate(-40%, 0) scale(0.8) rotateY(20deg);
}
 100% {
transform:translateZ(-200px);
}
}
@keyframes homeRightShow {
 0% {
transform:translateZ(-200px);
}
 40% {
transform:translate(40%, 0) scale(0.8) rotateY(-20deg);
}
 100% {
transform:translateZ(0px);
}
}
 @-webkit-keyframes homeLeftHide {
 0% {
-webkit-transform:translateZ(0px);
visibility:visible;
}
 40% {
-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);
}
 100% {
-webkit-transform:translateZ(-200px);
}
}
@-webkit-keyframes homeRightShow {
 0% {
-webkit-transform:translateZ(-200px);
}
 40% {
-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);
}
 100% {
-webkit-transform:translateZ(0px);
}
}
 @keyframes homeLeftShow {
 0% {
transform:translateZ(-200px);
}
 40% {
transform:translate(-40%, 0) scale(0.8) rotateY(20deg);
}
 100% {
transform:translateZ(0px);
}
}
@keyframes homeRightHide {
 0% {
transform:translateZ(0px);
visibility:visible;
}
 40% {
transform:translate(40%, 0) scale(0.8) rotateY(-20deg);
}
 100% {
transform:translateZ(-200px);
}
}
@-webkit-keyframes homeLeftShow {
 0% {
-webkit-transform:translateZ(-200px);
}
 40% {
-webkit-transform:translate(-40%, 0) scale(0.8) rotateY(20deg);
}
 100% {
-webkit-transform:translateZ(0px);
}
}
@-webkit-keyframes homeRightHide {
 0% {
-webkit-transform:translateZ(0px);
visibility:visible;
}
 40% {
-webkit-transform:translate(40%, 0) scale(0.8) rotateY(-20deg);
}
 100% {
-webkit-transform:translateZ(-200px);
}
}
/* course start */
#course {
	background: url(../../../static/officialwebsite/img/bg2.jpg) no-repeat;
	background-size: cover;
	width: 100%;
}
#new {
	background: url(../../../static/officialwebsite/img/new.jpg) fixed center center no-repeat;
	background-size: cover;
	width: 100%;
}
#course .courseContent1 {
	padding: 50px;
	float: left;
	width: 400px;
	transition: 1s;
}
#course .courseContent2 {
	padding: 50px;
	float: right;
	width: 400px;
	transition: 1s;
}
#course .courseContent3 {
	position: absolute;
	bottom: -150px;
	width: 1100px;
	height: 520px;/*left:50%; margin-left:-472px;*/
}
#course .courseContent3 ul {
}
#course .courseContent3 li {
	width: 220px;
	height: 520px;
	/*background: url(../../../static/officialwebsite/img/team.png) no-repeat;*/
	float: left;
	cursor: pointer;
	transition: 1s;
}
#canvasBubble {
	position: absolute;
	left: 0;
	bottom: 100px;
	cursor: pointer;
}
#course .plane1 {
	width: 359px;
	height: 283px;
	background: url(../../../static/officialwebsite/img/plane1.png) no-repeat;
	position: absolute;
	left: 300px;
	top: -100px;
	transition: 1s;
}
#course .plane2 {
	width: 309px;
	height: 249px;
	background: url(../../../static/officialwebsite/img/plane2.png) no-repeat;
	position: absolute;
	left: -225px;
	top: 200px;
	transition: 1s;
}
#course .plane3 {
	width: 230px;
	height: 182px;
	background: url(../../../static/officialwebsite/img/plane3.png) no-repeat;
	position: absolute;
	right: -110px;
	top: 100px;
	transition: 1s;
}
/* course end */

/* news start */
#news {
	background: url(../../../static/officialwebsite/img/bg04.jpg) no-repeat;
}
#newsContent {
}
#newsContent .newsContent1 {
	padding-top: 20px;/*padding-bottom:50px ;*/
	position: relative;
	z-index: 1;
	height:95px;
	padding-left: 50px;
}
#newsContent .newsContent2 { /*padding-left:50px;*/
	position: relative;
	z-index: 1;
}
.newsContent2 .neaw:nth-child(8){

}

#newsContent .worksImgParent {
	width: 270px;
	height: 218px;
	float: left;
	overflow: hidden;
	margin: 0 1px;
	position: relative;
}
#newsContent .worksImgParent:last-of-type {
	width: 270px;
	border-radius: 5px;
}
#newsContent .worksImgMark {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(25,25,25,0.8);
	color: white;
	padding: 15px;
	box-sizing: border-box;
	opacity: 0;
	transition: .5s;
}
#newsContent .worksImg {
	transition: .5s;
	width: 100%;
	height: 100%;
}
#newsContent .worksImgMark div {
	width: 32px;
	height: 34px;
	background: url(../../../static/officialwebsite/img/zoomico.png) no-repeat;
	margin: 10px auto;
	cursor: pointer;
	transition: .5s;
}
#newsContent .worksImgMark div:hover {
	background-position: 0 -36px;
}
#newsContent .worksImgParent:hover .worksImgMark {
	opacity: 1;
}
#newsContent .worksImgParent:hover .worksImg {
	transform: scale(1.5) rotate(20deg);
}
#newsContent .newsContent3 {
	width: 167px;
	height: 191px;
	/*background: url(../../../static/officialwebsite/img/robot.png) no-repeat;*/
	position: absolute;
	left: 900px;
	top: 170px;
	animation: 10s linear infinite worksMove;
	-webkit-animation: 10s linear infinite worksMove;
	z-index: 1;
}
#news .pencel1 {
	width: 180px;
	height: 97px;
	background: url(../../../static/officialwebsite/img/pencel1.png) no-repeat;
	position: absolute;
	transition: 1s;
	left: 500px;
	top: 0;
}
#news .pencel2 {
	width: 268px;
	height: 38px;
	background: url(../../../static/officialwebsite/img/pencel2.png) no-repeat;
	position: absolute;
	transition: 1s;
	left: 300px;
	top: 250px;
}
#news .pencel3 {
	width: 441px;
	height: 231px;
	background: url(../../../static/officialwebsite/img/pencel3.png) no-repeat;
	position: absolute;
	transition: 1s;
	left: 650px;
	top: 300px;
}
@keyframes worksMove {
 0% {
}
 49% {
transform:rotateY(0deg);
}
 50% {
left:450px;
transform:rotateY(180deg);
}
 100% {
transform:rotateY(180deg);
}
}
@-webkit-keyframes worksMove {
 0% {
}
 49% {
-webkit-transform:rotateY(0deg);
}
 50% {
left:450px;
-webkit-transform:rotateY(180deg);
}
 100% {
-webkit-transform:rotateY(180deg);
}
}
/* application start */
#application {
	background: url(../../../static/officialwebsite/img/bg50.jpg) no-repeat;
}
#applicationContent .applicationContent1 {
	padding: 50px 0 50px 50px;
}
#applicationContent .applicationContent2 { /*padding-left:50px;*/
	width: 850px; margin: auto;
}
#applicationContent .applicationContent3 {
}
#application .blueLine {
	width: 357px;
	height: 998px;
	background: url(../../../static/officialwebsite/img/greenLine.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 0;
}
#applicationContent .aboutImg {
	position: absolute;
	width: 260px;
	height: 200px;
	border: 5px solid rgba(255,255,255,0.5);
	border-radius: 8px;
	z-index: 3;
	overflow: hidden;
	cursor: pointer;
	transition: 1s;
}
#applicationContent .aboutImg:nth-of-type(1) {
	left: 750px;
	top: 50px;
}
#applicationContent .aboutImg:nth-of-type(2) {
	left: 600px;
	top: 290px;
}
#applicationContent .aboutImg ul {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}
#applicationContent .aboutImg ul li {
	float: left;
	position: relative;
	overflow: hidden;
}
#applicationContent .aboutImg ul img {
	position: absolute;
	transition: .5s;
}
#applicationContent .aboutImg span {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transition: .5s;
}
/* application end */





/*新闻资讯*/
.navFixed {
	position: fixed;
	_position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
}
.navFixed .nav {
	float: right;
	width: 518px;
	padding: 15px 0 0 0;
	overflow: hidden;
}
.navFixed .nav.navanimate ul {
	right: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.navFixed .nav ul {
	position: relative;
	right: -518px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.navFixed .nav li {
	float: left;
	text-align: center;
	width: 74px;
}
.navFixed .nav li span {
	display: inline-block;
	width: 28px;
	height: 33px;
	line-height: 33px;
	font-size: 18px;
	color: #343434;
	font-family: "Times New Roman";
}
.navFixed .nav li strong {
	display: block;
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
}
.navFixed .nav li a:hover span, .nav li.active a span {
	background: #c20000;
	color: #fff;
	font-size: 20px;
}
.navFixed .navClick {
	float: right;
	width: 37px;
	height: 35px;
	margin: 30px 20px 0 20px;
	cursor: pointer;
	background: url(../../../static/officialwebsite/img/navClick.png) center center no-repeat;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.navFixed .navClick.navClickHover {
	background: none;
	background: url(../../../static/officialwebsite/img/navClick2.png) center center no-repeat;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
/*hdtx1*/
.headText {
	width: 100%;
	text-align: center;
	color: #FFF;
	height: 180px;
	position: absolute;
	bottom: 40px;
}
.hdtx1 {
	font-size: 36px;
	text-transform: Uppercase;
	position: relative;
	bottom: -50px;
	opacity: 0;
}
.hdtx2 {
	font-size: 21px;
	margin: 20px 0;
	position: relative;
	bottom: -50px;
	opacity: 0;
}
.hdtx3 a {
	display: block;
	width: 117px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 14px;
	font-family: "Times New Roman";
	font-weight: bold;
	text-transform: Uppercase;
	border: #fff 2px solid;
	margin: 10px auto;
	margin-top: 20px;
}
.hdtx3 a:hover {
	border: #87b672 2px solid;
	background: #87b672;
	color: #fff;
}
/*title*/
.title {
	padding: 25px 0;
	text-align: center;
}
.time-axis {
	width: 970px;
	margin: 0 auto;
	min-height: 450px;
	background: url(../../../static/officialwebsite/img/zhouxian.png) center top repeat-y;
}
.backTop {
	width: 42px;
	height: 42px;
	position: absolute;
	right: 50px;
	bottom: 50px;
	z-index: 99;
}
.backTop:hover {
	opacity: 0.6;
}
/*新闻 时间轴*/
/*newlist*/
/*.newbg{ background:#E5E5E5 url(../img/newbg.jpg) center center no-repeat;}*/
.newlist {
	float: left;
	width: 485px;
	position: relative;
	margin: 20px 0;
}
.newbox {
	width: 310px;
}
.newlist .zhou {
	position: absolute;
	right: -10px;
	top: 5px;
}
.newlist time {
	font-size: 16px;
	color: #c31010;
	display: block;
	text-align: right;
	height: 20px;
	line-height: 20px;
}
.newlist .newText {
	position: relative;
	font-size: 14px;
	line-height: 25px;
	min-height: 50px;
}
.newlist .newText .more {
	position: absolute;
	right: 0;
	bottom: 3px;
}
.newlist .newText .more:hover {
	opacity: 0.5;
}
.newlist.newlist2 .newbox {
	float: right;
}
.newlist.newlist2 {
	margin: 60px 0;
}
.newlist.newlist2 .zhou {
	position: absolute;
	right: 355px;
	top: 5px;
}
.newlist.newlist2 time {
	text-align: left;
}
.newImgVideo {
	width: 310px;
	height: 173px;
	margin: 5px 0 0 0;
}
.newWenzi {
	padding: 10px;
	background: #fff;
	font-size: 14px;
	color: #333;
	line-height: 23px;
}
.newMore {
	height: 52px;
	text-align: center;
}
.newMore a {
	display: block;
	width: 52px;
	height: 52px;
	background: url(../../../static/officialwebsite/img/newmore.png);
	margin: 0 auto;
}
/*systemimg 系统集成*/
.systemimg {
	width: 810px;
	margin: 20px auto;
}
.systemimg li {
	float: left;
	width: 135px;
	height: 135px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: -9;
}
.systemimg li.systempos {
	position: relative;
	z-index: 9;
}
.systemimg li img {
	position: absolute;
	width: 135px;
	height: 135px;
	left: 0;
	bottom: 0;
	z-index: 10;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	cursor: pointer;
}
.systemimg li:hover {
	z-index: 10;
}
.systemimg li:hover img {
	width: 160px;
	height: 160px;
	z-index: 11;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.sysMore {
	display: block;
	width: 80px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	background: #ed6f4a;
	color: #fff;
	font-size: 12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: right;
	margin: 10px 0 0 0;
}
.sysMore:hover {
	background: #f00;
	color: #fff;
}
/*实施保障*/
/*.nav li a{color: #000 !important; }*/
.content {
	background-image: url(../../../static/officialwebsite/img/bg6.jpg);
}
.kuai-baz {
	width: 1125px;
	margin: 0 auto;
	margin-top: 200px;
}
/*.kuai-baz li{ float: left;}
.kuai-baz li a{ border: 2px solid #64B9D2;   display: block; margin-right: 5px;}*/

.guarantee01 {
	width: 180px;
	background:rgba(255, 152, 0, 0.65);
	margin-right: 5px;
	padding: 20px;
}
.guarantee02 {
	width: 180px;
	background: rgba(151, 60, 182, 0.60);
	margin-right: 5px;
	padding: 20px;
}
.guarantee03 {
	width: 180px;
	background: rgba(91, 196, 81, 0.60);
	margin-right: 5px;
	padding: 20px;
}
.guarantee04 {
	width: 180px;
	background: rgba(252, 84, 81, 0.60);
	margin-right: 5px;
	padding: 20px;
}
.guarantee05 {
	width: 180px;
	background: rgba(39, 168, 227, 0.63);
	margin-right: 5px;
	padding: 20px;
}
.guarantee06 {
	width: 180px;
	background: rgba(255, 152, 0, 0.6);
	margin-right: 5px;
	padding: 20px;
}
.guarantee04:hover {
	width: 180px;
	background: #fc5451;
	margin-right: 5px;
	padding: 20px;
}
.guarantee02:hover {
	width: 180px;
	background: #973cb6;
	margin-right: 5px;
	padding: 20px;
}
.guarantee03:hover {
	width: 180px;
	background: #5bc451;
	margin-right: 5px;
	padding: 20px;
}
.guarantee05:hover {
	width: 180px;
	background: #27a8e3;
	margin-right: 5px;
	padding: 20px;
}
.guarantee01:hover {
	width: 180px;
	background: #FF9800;
	margin-right: 5px;
	padding: 20px;
}
.guarimg img {
	height: 180px;
	padding: 20px 18px;
	padding-bottom: 0px;
}
.guartext {
	font-size: 14px;
	margin: 20px 0px;
	line-height: 25px;
	color: #fff;
}
.guartext02 {
	margin: 15px 24px; /*background-color:#C20000;*/
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	width: 90px;
	height: 38px;
	padding: 0px 15px;
	line-height: 38px; /*border-radius: 5px; */
	display: block;
}
.puk {
	position: relative;
}
.puk a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
/*实施资源*/
.content-resou {
	background-image: url(../../../static/officialwebsite/img/bg7.jpg);
}
.zy-baz {
	width: 1100px;
	margin: 0 auto;
	margin-top: 200px;
}
.zylogo {
	background: rgba(23, 139, 233, 0.6);/* width: 100%; */
	padding: 20px 30px 20px 40px;
	margin-bottom: 10px;
	border-radius: 5px;
}
.zyal-logo {
	width: 470px;
}
.zyal-logo img {
	margin-top: 50px;
}
.zyal-text {
	width: 540px;
	margin-top: 15px;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
}
.clear {
	clear: both;
}
/*关于我们*/

.content-abou {
	background: url(../../../static/officialwebsite/img/bg8.jpg) repeat-y;
}
.abou-baz {
	width: 900px;
	margin: 0 auto;
	margin-top: 110px;
	background: rgba(255, 255, 255, 0.88);
	padding: 100px;
	border-radius: 5px;
}
.abou-baz h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.abou-baz p {
	font-size: 16px;
	line-height: 35px;
}
/*新闻资讯*/
.news-resou {
	background: url(../../../static/officialwebsite/img/bg04.png) no-repeat #ecf3fa;
	width: 100%;
	/* height: 100%; */
	position: relative;
	overflow: hidden;
}
.news-baz {
	width: 1100px;
	margin: 0 auto;
	margin-top: 65px;
}
.news-coment {
	width: 100%;
	height: 140px;
	margin-bottom: 8px;
	box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
}
.news-coment a {
	display: block;
	background: rgba(255, 255, 255, 0.65);
	height: 100%;
	width: 100%;
	transition: 0.5s;
}
.news-coment:hover {
	background: #fff;
	box-shadow: 0 8px 16px 0 rgba(7,17,27,.2);
}
.news-coment a:hover {
	background: #fff;
}
.news-coment h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 38px;
	width: valve;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	color: #000;
}
.news-coment p {
	font-size: 14px;
	line-height: 22px;
	color: #555;
}
.newsimg {
	margin-right: 15px;
	width: 170px;
	height: 140px;
	overflow: hidden;
}
.newsimg img {
	width: 170px;
	transition: 0.5s;
}
.newstext {
	width: 700px;
	padding-top: 30px;
}
.newstime {
	width: 100px;
	padding-top: 35px;
}
.newstime time {
	display: block;
	font-size: 18px;
	color: #9e9e9e;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.newstime span {
	display: block;
	font-size: 13px;
	color: #494949;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.news-coment a .newstime i {
	background: url(../../../static/officialwebsite/img/news_n1.png) no-repeat;
	height: 31px;
	display: inline-block;
	width: 60px;
	position: relative;
	top: 8px;
	left: 35px;
	transition: 0.5s;
}
.news-coment a:hover .newstime i {
	background: url(../../../static/officialwebsite/img/news_n2.png) no-repeat;
}
.news-coment a:hover .newsimg img {
	transform: scale(1.2);
}
/*成功应用*/
.application-resou {
	background: url(../../../static/officialwebsite/img/bg3.png) no-repeat #ecf3fa;
}
.app-baz {
	width: 1100px;
	margin: 0 auto;
	margin-top: 100px;
}
.Success01{ width: 910px; margin: 0 auto; background: rgba(255, 255, 255, 0.7); margin-bottom: 10px;height: 280px; overflow: hidden;position: relative;box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);}
.sucimg{ width: 50%; overflow: hidden;}
.sucimg img{ width: 100%; transition: 0.3s;}
.suctext{ width: 50%;}
.succep{ padding: 25px;line-height: 30px;}
.succep p{font-size: 18px; font-weight: bold;padding-bottom: 8px;}
.guartext03{
	position: absolute;
	bottom: 20px;
	right: 30px;
	border: 1px solid #5c2fcf;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	width: 90px;
	height: 38px;
	padding: 0px 15px;
	line-height: 38px; 
	 background: url(../../../static/officialwebsite/img/jtright2.png) 83px 13px no-repeat rgba(255, 255, 255, 0.1);
	 
	
}
.Success01:hover{background:rgba(255, 255, 255, 0.95);box-shadow: 0 8px 16px 0 rgba(7,17,27,.2);}
.Success01:hover .guartext03{color: #fff; background:url(../../../static/officialwebsite/img/jtright.png) 83px 13px no-repeat  #009EE0;border: 1px solid #fff;}
.Success01:hover .sucimg img{ transform: scale(1.2);}

.Success01 a{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	}
.Success02{ margin: 50px 0px;}
.Success02 a{ text-align: center;font-size: 16px; color: #fff; background: #009EE0; width: 180px; height: 35px;line-height: 35px; display: block; margin: auto; border-radius: 50px; border: 2px solid #fff;}
.Success02 a:hover{ color: #009EE0; border: 2px solid #009EE0; background: #fff;}










/*课程体系*/
.content-course {
	background-image: url(../../../static/officialwebsite/img/bg2.jpg);
}
.course-baz {
	width: 1100px;
	margin: 0 auto;
	margin-top: 200px;
	height: 500px;
}
.course-baz a {
	display: block;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	margin-right: 2px;
}
.course-baz a img{transition: 0.3s;}
.course-baz a:hover img{transform: scale(1.2);width: 100%;}
.course-baz a:nth-child(5){}
.course-baz a:hover {
	display: block;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transition: 0.5s;
	margin-right: 2px;
}
.comen-kc{ padding-bottom: 20px;
	width: 650px;
    margin: 0 auto;
    text-align: center;}
.comen-kc h1{font-size: 20px; font-weight: bold;padding-bottom: 10px; color: #fff;}
.comen-kc p{font-size: 16px; color: #fff;  text-shadow: 4px 1px 5px #048a00;}
/*.course-steam{ width:178px;height: 300px; margin-right: 8px; border: 3px solid #27A8E3; background: rgba(39, 120, 143, 0.3); padding: 15px; position: relative;}
.course-steam a{ color: #fff; display: block;}
.course-steam:hover{ background: rgba(39, 120, 143, 0.1);transition: :0.8s;border: 3px solid #fff; }
.course-steam a h2{font-size:16px;  background: #27A8E3;color: #fff; border-radius: 50px;width: 120px; height: 35px; line-height: 35px;text-align: center; margin-left:30px; position: absolute; bottom: 20px;}
.course-steam a p{ line-height: 30px;}
*/

/*课程体系-steam课程列表页*/

.course-content{ background:url(../../../static/officialwebsite/img/sz00.jpg) no-repeat ;}
.header{  height: 90px;}
.sxpx-resou{
	/*background: url(../img/bg04.png) no-repeat #c9e3fc;*/
	width: 100%;
	position: relative;
	overflow: hidden;
}

.course-baz1j{ width: 1100px;  margin: 0 auto; margin-top: 20px;}
.course-baz1j h1{ font-size: 20px;font-weight: bold; padding-bottom: 8px; clear: both;padding-top: 20px;}
.conmeszpx p{ text-indent:25px;line-height: 28px; color: #3e3e3e; font-size: 16px;    min-height: 1em; }
.course-baztu{ width: 500px; margin: 0 auto; margin-top:10px ; }
.course-baztext{ text-align: center; margin-bottom:10px ;}
.course-baztu img{width:100%;}
.imgsteam{ margin-top: 20px;
	width: 1050px;
    margin: 0 auto;}
.imgsteam li{ float:left ; margin-right:12px; margin-bottom: 20px; position: relative;}
.imgsteam li:nth-child(5n){ margin-right: 0px;}
.imgsteam li p{ width: 200px;
	overflow:hidden;
	display:block;
	padding-top: 8px;
}
.textbit{ /*white-space:nowrap;*/text-overflow:ellipsis;height: 50px;
	line-height: 25px;}
.imgsteam li a{
	color: #111;
}
.tum img{ width: 200px; height: 200px;}
.imgsteam li a:hover{ color:#19640f; font-weight: bold;}
.imgsteam li a:hover .tum img{	transform: scale(1.2);transition: 0.5s;}

.steam-xy{ z-index: 2; background: #FC5451; font-size: 14px; color: #fff; position:absolute; top: 15px; left: 0px;padding: 3px 8px;}
.steam-xy02{ z-index: 2; background: #009EE0; font-size: 14px; color: #fff; position:absolute; top: 15px; left: 0px;padding: 3px 8px;}

/*师资培训列表页*/
.gusx-content{background: url(../../../static/officialwebsite/img/sz00.jpg) no-repeat;}
.gusx-baz {
	width: 1100px;
	margin: 0 auto;
	
}
.szpxtext{ font-size: 14px; line-height: 30px;color: #666;height:300px; text-align: center;}
.szpxtext p{width: 1100px; margin: 0 auto; margin-top:95px;color: #fff;padding-top: 20px;  text-shadow: 4px 1px 5px #030133;}
.szpxtext p span{font-size: 40px; color: #fff;font-weight: bold;    display: block;}
.szpxtext strong{ color: #fff;   text-shadow: 4px 1px 5px #030133;}
.szpxtext02{ text-align: center; margin-top: 50px;}
.szpxtext02 h1{ font-size: 26px; font-weight: bold;}
.szpxtext02 h3{ font-size: 18px;  line-height:45px;color: #555;}
.imgji{ margin-top: 20px;
	width: 630px;
    margin: 0 auto;}
.imgji li{ float:left ; margin-right:8px; margin-bottom: 20px;}
.imgji li:nth-child(5){ margin-right: 0px;}
.imgji li p{ width: 200px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
	padding-top: 8px;
}

.imgji li a{
	color: #111;
}
.imgji li a:hover{ color:#19640f; font-weight: bold;}
.imgji li a:hover .tum img{	transform: scale(1.2);transition: 0.5s;}

/*研学交流列表页面*/
.gusx-contentyx{background: url(../../../static/officialwebsite/img/sp01.jpg) no-repeat;}
.szpxtext03{ text-align: center; margin-top: 50px;}
.szpxtext03 h1{ font-size: 26px; font-weight: bold;}
.szpxtext03 h3{ font-size: 18px;  line-height:45px;color: #555;}
.imgjiaoliu{ margin-top: 20px;
	width: 840px;
    margin: 0 auto;}
.imgjiaoliu li{ float:left ; margin-right:8px;}
.imgjiaoliu li:nth-child(5){ margin-right: 0px;}
.imgjiaoliu li p{ width: 200px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
	padding-top: 8px;
}

.imgjiaoliu li a{
	color: #111;
}
.imgjiaoliu li a:hover{ color:#19640f; font-weight: bold;}
.imgjiaoliu li a:hover .tum img{	transform: scale(1.2);transition: 0.5s;}

/*在线试验列表页面*/
.gusx-contentsy{background: url(../../../static/officialwebsite/img/sp03.jpg) no-repeat;}
.szpxtext04{ text-align: center; margin-top: 50px;}
.szpxtext04 h1{ font-size: 26px; font-weight: bold;}
.szpxtext04 h3{ font-size: 18px;  line-height:45px;color: #555;}
.imgshiyan{ margin-top: 20px;
	width: 840px;
    margin: 0 auto;}
.imgshiyan li{ float:left ; margin-right:8px;}
.imgshiyan li:nth-child(5){ margin-right: 0px;}
.imgshiyan li p{ width: 200px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
	padding-top: 8px;
}

.imgshiyan li a{
	color: #111;
}
.imgshiyan li a:hover{ color:#19640f; font-weight: bold;}
.imgshiyan li a:hover .tum img{	transform: scale(1.2);transition: 0.5s;}

/*校园风采列表页面*/
.gusx-contentxy{background: url(../../../static/officialwebsite/img/sp02.jpg) no-repeat;}
.szpxtext05{ text-align: center; margin-top: 50px;}
.szpxtext05 h1{ font-size: 26px; font-weight: bold;}
.szpxtext05 h3{ font-size: 18px;  line-height:45px;color: #555;}
.imgfengcai{ margin-top: 20px;
	width: 1050px;
    margin: 0 auto;}
.imgfengcai li{ float:left ; margin-right:8px;}
.imgfengcai li:nth-child(5){ margin-right: 0px;}
.imgfengcai li p{ width: 200px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
	padding-top: 8px;
}

.imgfengcai li a{
	color: #111;
}
.imgfengcai li a:hover{ color:#19640f; font-weight: bold;}
.imgfengcai li a:hover .tum img{	transform: scale(1.2);transition: 0.5s;}

/*师资培训详情页*/
.teback{ background: url(../../../static/officialwebsite/img/bg3.png) no-repeat #ecf3fa; /*background:url(../../../static/officialwebsite/img/b10.png) no-repeat ;*/}
.teback02{background: url(../../../static/officialwebsite/img/bg04.png) no-repeat #ecf3fa;width: 100%;/* height: 100%; */	position: relative;	overflow: hidden;}
.header{  height: 120px;}
.sxpx-resou{
	/*background: url(../img/bg04.png) no-repeat #c9e3fc;*/
	width: 100%;
	position: relative;
	overflow: hidden;
}

.gusx-baz3j{ width: 1000px;  margin: 0 auto; margin-top: 20px; min-height: 550px; background: #fff;	padding: 20px 50px;}
.conmeszpx{padding: 0px 100px}
.gusx-baz3j h1{ font-size: 20px;font-weight: bold; border-bottom: 1px solid #ddd;padding-bottom: 8px; clear: both;padding-top: 20px;}
.conmeszpx p{ text-indent:25px;line-height: 28px; color: #3e3e3e; font-size: 16px;    min-height: 1em; }
.gusx-baztu{ width: 500px; margin: 0 auto; margin-top:10px ; }
.gusx-baztext{ text-align: center; margin-bottom:10px ;}
.gusx-baztu img{width:100%;}

.breadCrumb{ display: block; background: #f9f9f9; height: 30px;line-height: 30px;}
.breadCrumb li{ float: left;}
.breadCrumb li a{ color: #999; padding: 5px;}
.breadCrumb li span{ color: #666;}
.breadCrumb li i{ color: #999;}
.breadCrumb li a:hover{ color: #19640F;}
.time{ font-size: 13px !important; color: #999 !important; padding-top: 8px; padding-bottom: 20px;}
.time span{padding-left: 15px;}

/*底部页面*/
/*.foot{ background: #030133; height: 300px;}*/


/*底部页面*/
.foot{clear: both; background: #000;/* height: 300px; margin-top: 30px;*/}
.foot-content{ width: 1000px; margin: auto; color: #fff;}
.foot-wq ,.foot-lx{ text-align: center; clear: both;    font-size: 12px; padding-bottom: 15px;}
.foot-lx {padding-bottom: 10px;}
.foot-lx a{ color: #fff; padding: 8px; }
.foot-content ul{ float: left;padding: 15px; padding-bottom: 55px;width: 170px;	padding-top: 30px;}
.foot-content ul:nth-child(5){ float: right;width: 122px;}
.foot-content ul:nth-child(5) li{padding-top: 10px;}
.foot-content ul li:nth-child(1){ line-height: 45px;}
.foot-content ul li{ line-height: 23px;}
.foot-content ul li a{ color: #fff;}
.foot-content ul li a:hover{ color: rgba(255, 255, 255, 0.75);}

/*导航加二级导航*/
.nav li a{ font-size:20px;}
.btn, .btn a{
	text-decoration: none;
	list-style-type: none;
	font-size: 12px;
	color: #000;
}

.cekre{z-index: 9;
	/*margin-top: 10px;*/width:186px;
	position: absolute; /*设置绝对定位*/
	left: -999em;   /*设置隐藏*/
	padding: 0;  /*离它的父元素的边界为0，所以可以位于父元素<li>的正下方*/
	background: rgba(255, 255, 255, 0.9);
	border-radius: 5px;
	/*margin-top: 5px;*/
	box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
}
.cekre li{ margin-left:0px !important; width: 100%; }
.cekre li:nth-child(1){padding-top: 10px;}
.cekre li a{display: inline-block;  /*菜单项宽度未知，设置inline－block宽度为内容宽度*/
	font-size:14px !important; font-weight:400;
	padding: 5px 10px;
	line-height: 30px;
    color: #000 !important;
	text-shadow: none !important;
	display: block;
}

/*.last {
	padding-top: 10px;
}*/

.btn:hover ul {
	left: auto; /*默认ul的padding为0，位于按钮正下方*/
}

.cekre li a:hover {
	font-weight: bold;
}
.btn{
	display: inline-block; /*设置btn是inline－block，
    默认宽度为内容宽度，则鼠标只会在hover到按钮区域时才会展开下拉菜单*/
}
.nav .backlogo:nth-child(1){ padding-left:163px; background: url(../../../static/officialwebsite/img/logo2.png)  no-repeat ;}
.product{ float: left;width: 360px;height: 80px; line-height:80px;color: #fff;  padding: 20px;border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size:20px;}
.product  span{ font-size: 60px;padding-right: 8px;margin-right: 15px;}
.product:nth-child(2n){ border-right: none;}
.product:nth-last-child(1){ border-bottom: none; border-radius: 0 0 0 10px;}
.product:nth-child(1){ border-radius: 10px 0 0 0; }
.product:nth-child(2){ border-radius: 0 10px 0 0; }
.product:nth-child(4){ background: rgba(3, 169, 244, 0.45);}
.product:nth-child(5){ background: rgba(112, 146, 46, 0.44);}
.product:hover{ background: rgba(255, 255, 255, 0.6); color: #000; /*	transform: scale(1.2);*/transition: 0.5s;}

.application-resou {

}
.produ-resou{ background: url(../img/cpba.jpg)  no-repeat #ecf3fa;
	/* background-size: cover;*/
	width: 100%;
	/*height: 100%; */
	position: relative;
	overflow: hidden;}