/*banner部分*/

.banner-engine .header-container {

	height: 0;

}

.banner-engine .news-casting {

	display: none;

}

.info-banner {

	position: relative;

	

	width: 100%;

	height: 600px;

}

.banner-nav {

	transition: width ease .8s;

}

.info-box {

	height: 100%;

}

.info-nav {

	position: relative;

	padding-top: 160px;

}

.product-info-title {

	margin-bottom: 22px;

	height: 46px;

	line-height: 46px;

	font-size: 46px;

	color: #fff;

	font-weight: normal;

}

.product-info-detail {

	margin-bottom: 42px;

	width: 524px;

	font-size: 14px;

	color: #c8cbcf;

	line-height: 25px;

}

.product-info-btn {

	margin-top: 20px;

}

.product-info-btn a.btn {

	display: inline-block;

	margin-right: 20px;

	width: 118px;

	height: 38px;

	text-align: center;

	line-height: 38px;

	font-size: 14px;

	color: #fff;

}

.info-btn1 {

	background: #00aaff;

	border: 1px solid #00a1f2;

}

.info-btn1:hover {

	background: #0099e5;

	border: 1px solid #0090d9;

}

.info-btn2 {

	background: transparent;

	border: 1px solid #919396;

}

.product-info-btn a.btn.info-btn2:hover {

	background: #fff;

	border: 1px solid #fff;

	color: #333333;

}

a.info-btn3 {

	margin-left: 20px;

	background: #fff;

	color: #009FD9;

	border: 1px solid #009FD9;

	line-height: 28px;

}

a.info-help-link {

	display: inline-block;

	margin-right: 20px;

	height: 40px;

	line-height: 40px;

	color: #00aaff;

	font-size: 14px;



}

.product-info-stand {

	margin-top: 15px;

	padding-left: 20px;

	font-size: 14px;

	color: #4c4c4c;

	background: url(../images/icon_product_info.png) no-repeat left 3px;

}

.product-info-stand a {

	margin: 0px 2px;

	display: inline-block;

	color: #009fd9;

}

/*区块统一样式*/

.server-module.double {

	padding-bottom: 55px;

	background: #f5f5f5;

}

.server-module.single {

	padding-bottom: 55px;

}

.server-module.server-question-module {

	padding-bottom: 75px;

}

/*公共标题*/

.module-title {

	position: relative;

	text-align: center;

	height: 172px;

	line-height: 182px;

	font-size: 32px;

}

.module-title span {

	display: inline-block;

	margin-left: 20px;

	font-size: 14px;

	color: #666;

}

.group-title .group-name {

	display: inline-block;

	color: #009fd9;

	font-size: 20px;

	background: #fff;

	padding-right: 5px;

}

.group-title .group-span {

	float: right;

	margin-top: -20px;

	width: 100%;

	height: 20px;

	display: inline-block;

	background: url(../images/line_ico.png) repeat-x;

	z-index: 10;

}

/* 常见问题 */

.qa-box li {

	position: relative;

	float: left;

	margin-left: 30px;

	width: 380px;

	background-color: #fff;

}

.qa-box li:hover {

	box-shadow: 0px 5px 13px 1px rgba(0, 0, 0, 0.2);

}

.qa-box li:first-child {

	margin-left: 0;

}

.qa-title {

	position: relative;

	height: 66px;

	line-height: 80px;

}

.qa-title1 {

	background: url(../images/icon-question-box-01.png) no-repeat 30px 30px;

}

.qa-title2 {

	background: url(../images/icon-question-box-02.png) no-repeat 30px 30px;

}

.qa-title3 {

	background: url(../images/icon-question-box-03.png) no-repeat 30px 30px;

}

.qa-title span {

	display: inline-block;

	margin-left: 58px;

	font-size: 18px;

	color: #333;

}

.qa-title a {

	position: absolute;

	right: 22px;

	top: 0px;

	display: inline-block;

	font-size: 12px;

	color: #1d8cd9;

}

.qa-box-list {

	margin: 0 25px 0 58px;

	padding-top: 11px;

	padding-bottom: 25px;

	border-top: 1px solid #e5e5e5;

}

.qa-box-list a {

	position: relative;

	display: block;

	padding-left: 6px;

	font-size: 14px;

	color: #333;

	height: 36px;

	line-height: 36px;

	width: 240px;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	-webkit-text-overflow: ellipsis;

	-moz-text-overflow: ellipsis;

	white-space: nowrap;

}

.qa-box-list a:hover {

	color: #009fd9;

}

.qa-box-list a:before {

	position: absolute;

	left: 0px;

	top: -4px;

	content: ".";

	font-size: 12px;

	color: #333;

}

/*根据屏幕决定定位*/



.nav-box {

	width: 100%;

	height: 76px;

	background-color: #36393d;

	box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2);

}

.nav-box.normal-nav-box {

	position: absolute;

	bottom: 0;

	background-color: transparent;

}

.nav-show {

	position: fixed;

	top: -1px;

	z-index: 9999;

	border-top: 1px solid rgba(247, 249, 250, 0.36);

}

.nav-hide {

	box-shadow: none;

}



.orientation-nav-box {

	position: relative;

}

.banner-nav {

	position: absolute;

	top: 0px;

	right: 130px;

	height: 76px;

}

.banner-nav li {

	height: 74px;

	margin-left: 40px;

	float: left;

}

.banner-nav li:first-child {

	margin-left: 0;

}

.banner-nav li a {

	height: 74px;

	display: inline-block;

	padding: 0px 10px;

	font-size: 16px;

	color: #fff;

	line-height: 74px;

}

.nav-hide .banner-nav li a {

	height: 74px;

	line-height: 74px;

}

.nav-show .banner-nav li a {

	height: 73px;

	line-height: 73px;

}

.banner-nav li a:hover, .banner-nav li a.active {

	border-bottom: 3px solid #009fd9;

	color: #009fd9;

}

.nav-server {

	display: inline-block;

	position: relative;

	font-size: 16px;

	color: #fff;

	height: 76px;

	line-height: 74px;

	width: 200px;

}

.nav-server:before {

	position: absolute;

	left: 20px;

	top: 2px;

	content: url(../images/icon_nav_server.png);

	width: 16px;

	height: 14px;

}

.nav-server ul {

	display: none;

	position: absolute;

	left: 0;

	right: 0;

	top: 75px;

	background-color: #323437;

	width: 100%;

	padding-bottom: 10px;

	border: 1px solid #3b3d41;

	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);

}

.nav-server:hover {

	background-color: #323437;

	color: #00aaff;

}

.nav-server-name {

	border-left: 1px solid transparent;

	border-right: 1px solid #56585c;

	text-align: center;

}

.nav-server:hover .nav-server-name {

	border-left: 1px solid #56585c;

}

.nav-server:hover:before {

	content: url(../images/icon_machine.png);

}

.nav-server:hover ul.nav-other-list {

	display: block;

	border: 1px solid #3b3d41;

	border-top: none;

}

.nav-server ul li {

	height: 42px;

	line-height: 42px;

}

.nav-server ul a {

	display: block;

	width: 100%;

	height: 100%;

	color: #fff;

	font-size: 14px;

	text-align: center;

}

.nav-server ul a:hover {

	background-color: #00aaff;

	color: #fff;

}

.buy_btn {

	display: block;

	position: absolute;

	right: 0px;

	top: 21px;

	width: 90px;

	height: 32px;

	line-height: 32px;

	text-align: center;

	font-size: 14px;

	color: #fff;

	background: #00aaff;

}

.buy_btn:hover {

	background: #0099e5;

}

/* 节点介绍公共样式 */

.line-introduce-module {

	position: relative;

	height: 476px;

	background: url(../images/line_introduce_bg.jpg) no-repeat center;

}

.line-star-box {

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -300px;

	width: 600px;

	height: 110px;

}

.line-star {

	position: absolute;

}

.line-star-1 {

	left: 47px;

	top: 69px;

}

.line-star-1 .pulse {

	-webkit-animation: warn 2s ease-out;

	-moz-animation: warn 2s ease-out;

	animation: warn 2s ease-out;

}

.line-star-2 {

	left: 173px;

	top: 77px;

}

.line-star-2 .pulse {

	-webkit-animation: warn 2s ease-out 1s;

	-moz-animation: warn 2s ease-out 1s;

	animation: warn 2s ease-out 1s;

}

.line-star-3 {

	left: 105px;

	top: 49px;

}

.line-star-3 .pulse {

	-webkit-animation: warn 2s ease-out .8s;

	-moz-animation: warn 2s ease-out .8s;

	animation: warn 2s ease-out .8s;

}

.line-star-4 {

	left: 267px;

	top: 1px;

}

.line-star-4 .pulse {

	-webkit-animation: warn 2s ease-out .6s;

	-moz-animation: warn 2s ease-out .6s;

	animation: warn 2s ease-out .6s;

}

.line-star-5 {

	left: 380px;

	top: 35px;

}

.line-star-5 .pulse {

	-webkit-animation: warn 2s ease-out .4s;

	-moz-animation: warn 2s ease-out .4s;

	animation: warn 2s ease-out .4s;

}

.line-star-6 {

	left: 451px;

	top: 41px;

}

.line-star-6 .pulse {

	-webkit-animation: warn 2s ease-out .2s;

	-moz-animation: warn 2s ease-out .2s;

	animation: warn 2s ease-out .2s;

}

.line-star .pulse {

	position: absolute;

	left: 0;

	top: 0;

	border-radius: 50%;

	left: -15px;

	top: -15px;

	width: 40px;

	height: 40px;

	opacity: 0;

	filter: alpha(opacity=0);

	background-color: blueviolet;

	-webkit-animation-iteration-count: infinite;

	-moz-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

}

@keyframes warn {

	0% {

		transform: scale(0);

		opacity: 1

	}



	30% {

		transform: scale(0);

		opacity: .2

	}



	60% {

		transform: scale(.5);

		opacity: .7

	}



	100% {

		transform: scale(1);

		opacity: 0

	}

}

@-webkit-keyframes warn {

	0% {

		-webkit-transform: scale(0);

		opacity: 0

	}



	30% {

		transform: scale(0);

		opacity: .2

	}



	60% {

		transform: scale(.5);

		opacity: .7

	}



	100% {

		-webkit-transform: scale(1);

		opacity: 0

	}

}

@-moz-keyframes warn {

	0% {

		-moz-transform: scale(0);

		opacity: 0

	}



	30% {

		transform: scale(0);

		opacity: .2

	}



	60% {

		transform: scale(.5);

		opacity: .7

	}



	100% {

		-moz-transform: scale(1);

		opacity: 0

	}

}

.line-introduce-module .module-title {

	color: #ddd;

}

.line-intro-list {

	width: 100%;

}

.line-intro-list li {

	display: list-item;

	float: left;

	margin-left: 20px;

	padding-top: 20px;

	width: 224px;

	height: 130px;

	border: 1px solid #4a659b;

	background: transparent url(../images/line_join.png) no-repeat center 92px;

	text-align: center;

}

.line-intro-list li:first-child {

	margin-left: 0;

}

.line-intro-list li:hover {

	background-color: #4864e5;

	background-image: url(../images/line_join_hover.png);

}

.line-intro-list li a {

	display: block;

	width: 100%;

	height: 100%;

	color: #6f99ee;

}

.line-name {

	font-size: 22px;

}

.line-intro-list li:hover .line-name {

	color: #fff;

}

.line-info {

	margin-top: 15px;

	font-size: 12px;

}

.line-intro-list li:hover .line-info {

	color: #d3d8f7;

}