/*
**导航栏
*/
.navbar-itcast #nav-bar .navbar-nav > li > a{
  color:#333;
}
.navbar-itcast #nav-bar .navbar-nav > li a > p{
  border-color:#459ad3;
  color:#459ad3;
}
.navbar-itcast #nav-bar .navbar-nav > li a > p:hover{
  color:#fff;
  border-color:#3466f6;
}
/*
**banner
*/
#banner{
  width:100%;
  height:400px;
  background:url(../image/banner.jpg) center center no-repeat;
  margin-top:80px;
  color:#fff;
}
#banner .container .word{
  margin-left:30px;
  font-size:16px;
}
#banner .container .word  h1{
  font-size:40px;
  margin-top:120px;
}
#banner .container .word  p{
  font-size:18px;
  margin-top:30px;
  color:#fff;
}
#banner .container .word  .button button{
  width: 126px;
  height: 46px;
  background-color: #ffffff;
  border-radius: 2px;
  margin-top:35px;
  border:none;
  color: #5d2bcf;
}
#banner .container .word  .button button+button{
  color:#fff;
  background: transparent;
  border: solid 1px #ffffff;
  margin-left:20px;
}
/*question*/
#question {
	height: 700px;
	text-align: center;
}
#question .word {
	margin-left: auto;
	margin-right: auto;
	width: 1211px;
}
#question .word h2 {
	margin-top:105px;
	margin-bottom: 90px;
}
#question .word .left {
	float: left;
	width: 550px;
	margin-right: 34px;
}
#question .word .right {
	float: right;
	width: 550px;
	margin-left: 34px;
}
#question .word h4 {
	font-size: 24px;
	color: #7942DE;
	height: 60px;
	line-height: 60px;
	text-align: left;
	padding-left: 56px;
	margin-bottom: 30px;
}
#question .word .left h4 {
	background:url(../image/dialog-left.png) center center no-repeat;
}
#question .word .right h4 {
	background:url(../image/dialog-right.png) center center no-repeat;
}
#question .word p {
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
	height: 189px;
	font-size: 16px;
	color: #666666;
	text-indent: 1em;
}
#question .word img {
	margin-top: 54px;
}
/*introduction*/
#introduction {
	height: 803px;
	text-align: center;
	background:url(../image/7model.png) center top no-repeat;
}
#introduction .word {
	margin-left: auto;
	margin-right: auto;
	width: 1211px;
}
#introduction .word h2 {
	padding-top:105px;
	padding-bottom: 30px;
	color: #FFFFFF;
}
#introduction .word h3 {
	margin-bottom: 90px;
	color: #FFFFFF;
}
#introduction .word p {
	height: 44px;
	width: 124px;
	color: #666666;
	font-size: 18px;
	line-height: 44px;
}
#introduction .word div {
	display: none;
}
#introduction .word>ul {
	position: relative;
	float: left;
}
#introduction .word .hover-introduction p {
	background-color: #D69C6E;
	color: #FFFFFF;
	border-radius: 2em;
}
#introduction .word .hover-introduction div {
	display: block;
	position: absolute;
	top: 90px;
	left: 206px;
	width: 420px;
	text-align: left;
}
#introduction .word .hover-introduction h4 {
	font-size: 24px;
	color: #333333;
	margin-bottom: 30px;
}
#introduction .word .hover-introduction li {
	list-style-type: disc;
	color: #666666;
	line-height: 24px;
}
#introduction .word .hover-introduction img {
	position: absolute;
	top: -204px;
	left: 593px;
}
/*advantage*/
#advantage {
	height: 700px;
	text-align: center;
}
#advantage .word {
	margin-left: auto;
	margin-right: auto;
	width: 1211px;
}
#advantage .word h2 {
	margin-top: 105px;
	margin-bottom: 90px;
}
#advantage .word img {
	margin-top:45px;
	margin-bottom: 48px;
}
#advantage .word h3 {
	font-size: 24px;
	color: #333333;
	margin-bottom: 30px;
}
#advantage .word div {
	float: left;
	width: 258px;
	height: 392px;
	box-shadow: 2px 4px 7px 2px rgba(116, 116, 116, 0.12);
	margin-left: 10px;
	margin-right: 20px;
}
#advantage .word div:hover {
	background-color: #f2f9ff;
	border: 1px solid #94c5f3;
}
#advantage .word p {
	margin-left: auto;
	margin-right: auto;
	width: 12em;
	font-size: 14px;
	color: #666666;
}
/*platform*/
#platform {
	height: 704px;
	text-align: center;
	background:url(../image/platform.png) center center no-repeat;
}
#platform .word {
	margin-left: auto;
	margin-right: auto;
	width: 1211px;
}
#platform .word h2 {
	padding-top: 105px;
	margin-bottom: 90px;
	color: #FFFFFF;
}
#platform .word img {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}