/*banner部分*/

.banner-engine .header-container {

	height: 0;

}

.banner-engine .news-casting {

	display: none;

}

.info-banner {

	position: relative;

	padding-top: 90px;

	width: 100%;

	height: 450px;

}

.banner-nav {

	transition: width ease .8s;

}

.info-box {

	height: 100%;
	

}

.info-nav {

	position: relative;

	padding-top: 90px;
	
}
.info-nav.active{

}
.product-info-title {

	margin-bottom: 22px;

	height: 46px;

	line-height: 46px;

	font-size: 36px;

	color: #fff;

	font-weight: normal;

}

.product-info-detail {

	margin-bottom: 30px;

	width: 680px;

	text-align: justify;

	font-size: 14px;

	color: #c8cbcf;

	line-height: 25px;

}

.product-info-btn {

	margin-top: 20px;

}

.product-info-btn a.btn {

	display: inline-block;

	margin-right: 15px;

	width: 150px;

	height: 38px;

	text-align: center;

	line-height: 36px;

	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: 15px;

	height: 40px;

	line-height: 40px;

	color: #00aaff;

	font-size: 14px;



}

.product-info-stand {

	margin-top: 20px;

	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: 56px;

	background: #f7f8fa;

}

.server-module.single {

	padding-bottom: 56px;

}

.server-module.server-question-module {

	padding-bottom: 0px;

}

/*公共标题*/

.module-title {

	position: relative;

	text-align: center;

	height: 130px;

	line-height: 130px;

	font-size: 24px;

}

.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: 13px;

	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: 60px;

	background-color: #fff;

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

	

}

.nav-box.normal-nav-box {



	position: absolute;

	bottom: 0;

	background-color: #fff;

	z-index: 2;

}

.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: 60px;

}

.banner-nav li {

	height: 58px;

	margin-left: 40px;

	float: left;

}

.banner-nav li:first-child {

	margin-left: 0;

}

.banner-nav li a {

	height: 63px;

	display: inline-block;

	padding: 0px 0px;

	font-size: 14px;

	color: #333;

	line-height: 63px;

}

.nav-hide .banner-nav li a {

	height: 58px;

	line-height: 58px;

}

.nav-show .banner-nav li a {

	height: 58px;

	line-height: 58px;

}

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

	border-bottom: 2px solid #00a4ff;

	color: #00a4ff;

}

.nav-server {

	display: inline-block;

	position: relative;

	font-size: 16px;

	color: #333;

	height: 60px;

	line-height: 58px;

	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: 59px;

	background-color: #fafafa;

	width: 100%;

	padding-bottom: 10px;

	border: 1px solid #eee;

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

}

.nav-server:hover {

	background-color: #fafafa;

	color: #00aaff;

}

.nav-server-name {

	text-align: center;

}



}

.nav-server:hover:before {

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

}

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

	display: block;

	border: 1px solid #eee;

	border-top: none;

}

.nav-server ul li {

	height: 50px;

	line-height: 50px;

}

.nav-server ul a {

	display: block;

	width: 100%;

	height: 100%;

	color: #333;

	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: 14px;

	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: 10px;

	padding-top: 20px;

	width: 232px;

	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: 18px;

}

.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;

}

.renting-list{ padding:0 10px; overflow: hidden;font-size: 14px;}
.renting-list dl{float:left; margin:10px 10px 20px; width: 275px;overflow:hidden;}
.renting-list dt{ height:74px; padding:15px 18px 0; border: 1px solid #059fff; border-bottom:none;background: url("../images/titlebg.png") right top no-repeat;}
.renting-list dt h2{font-size:18px; color:#fff; margin:0 0 8px;}
.renting-list dd{border: 1px solid #059fff;
    border-top: none;
    padding: 0 18px;
    
    overflow: hidden;}
.renting-list .detailtip{position: relative; cursor: pointer; }
.renting-list .detailtip p{ font-size: 12px; height: 20px; line-height: 20px; color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.renting-list .detailtiphover{ display:none; font-size: 12px; background: rgba(0,0,0,.75); width:210px;line-height:20px; padding:12px 15px; border-radius: 4px; color: #fff; position: absolute;top: 25px; left:6px;}
.renting-list .detailtiphover i{display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border:6px dashed transparent;border-bottom-style: solid;border-bottom-color:rgba(0,0,0,.75);border-top-width: 0; position:absolute; top:-6px; left:113px;}
.renting-list .detaillist{ padding:5px 0; overflow:hidden;}
.renting-list .detaillist p{ line-height:35px; color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.renting-list .detaillist span{ color:#333; font-weight: bold; margin-left:15px;}
.renting-list .systemlist{color: #666666; overflow:hidden;}
.renting-list .systemlist p{ margin: 0 0 10px; line-height:35px; overflow: hidden; }
.renting-list .systemlist select {border: 1px solid #dddddd; margin-left: 5px;width:214px;font-size: 12px;height:35px; padding: 0 0 0 15px; outline: none !important;line-height:33px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url("../images/down.png") 195px 12px no-repeat; cursor:pointer}
.renting-list .systemlist select option { padding:10px 0; }
.renting-list .systemlist select:hover{ border:1px solid #059fff;}
.renting-list .online{display: block;
    width: 160px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #ff8a00;
    color: #fff;
    margin: 20px auto 20px;}
.renting-list .online:hover{ background:#fb8b2a;}
.renting-list .detailtip:hover .detailtiphover{ display: block;}
.renting-list dl:hover dt{ border:0; padding:16px 19px 0; background: url("../images/titlebg-h.jpg") right top no-repeat;}
.renting-list dl:hover dt p,.renting-list dl:hover dt h2{ color:#fff;}
.renting-list dl:hover dd{ border: 1px solid #fb8b2a; border-top:none;}
.renting-list dl:hover{-moz-box-shadow: 0px 5px 30px rgba(4,111,178,0.15);-webkit-box-shadow: 0px 5px 30px rgba(4,111,178,0.15);box-shadow: 0px 5px 30px rgba(4,111,178,0.15);}