/* CSS Document */

/*banner*/
.index_focus {position: relative;width: 100%;height:700px;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {  display: none;position: absolute;left: 0;top: 0;width:1920px;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;margin:0 auto}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute;left:50%;bottom:-220px;}
.index_focus .slide_nav a {cursor:pointer;float:left;font-size:38px;font-family:"微软雅黑";color: #fff;text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{color: #0f68c8;}
.index_focus_pre,.index_focus_next {display: none;position: absolute;top: 50%;margin-top: -36px;width: 72px;height: 72px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;background: url(../images/ico_sliding.png) no-repeat;}
.index_focus_pre {left: 30px;background-position: 0 0;}
.index_focus_pre:hover {background-position: 0 -144px;}
.index_focus_next {right: 30px;background-position: 0 -72px;}
.index_focus_next:hover {background-position: 0 -216px;}
.procedures_media{text-align:center;margin:15px auto;}
/*页面内容*/
.media{
	padding-bottom:40px;
	float:left;
}
.container-fluid,
.container-fluid h2 span,
.product_characteristics{
	margin: 0 auto;
	width: 1200px;
}
.container-fluid h2{
	margin-bottom: 38px;
}
.container-fluid h2 span{
	display: block;
	width: 415px;
	height: 12px;
	line-height: 12px;
	font-size: 13px;
	text-transform: uppercase;
	background-image:url(../images/title_ico.png);
}
h2.title{
	color: #000;
	font-weight: bold;
	margin-bottom: 8px;
}
.product_characteristics .media{
	width: 518px;
	margin: 18px 38px;
	padding-top: 65px;
	padding-bottom: 40px;
	float: left;
}
.product_characteristics .media h2{
	margin-bottom: 10px;
}
.media p{
	line-height: 24px;
}
.quot_white{
	background: url(../images/quot_white.png) no-repeat 20px 38px;
	background-color:#0078ff;
	color: #fff;
}
.quot_white h2{
	color: #fff;
}
.quot_black{
	background: url(../images/quot_black.png) no-repeat 20px 38px;
	border:1px solid #d2d2d2;
}
.product_characteristics .media{
	border:1px solid #d2d2d2;
}
.product_characteristics .media:hover{
	border:1px solid #0078ff;
}
.application_scenario{
	height: 288px;
	margin-top: 45px;
	background-image:url(../images/application_scenario.jpg);
	background-position: 30% 0;
}
.application_scenario p{
	color: #fff;
	width: 520px;
	margin: 60px auto;
	line-height: 24px;
}
.application_scenario a.btm{
	width: 168px;
	height: 45px;
	display: block;
	color: #fff;
	font-size: 18px;
	background: #86C519;
	text-align: center;
	line-height: 45px;
	border-radius: 22px;
	margin-top:15px;}
.application_scenario a.btm{
	margin:14px auto 0;
}
.application_scenario a.btm:hover{
	color: #fff;
	background: #0061C8;
}
.application_scenario img{
	padding: 4px;
}
.product_function{
	background-color: #f3f5f4;
	padding-bottom: 38px;
}
.product_function .media{
	width: 364px;
	height: 75px;
	margin:15px 18px;
	text-align: left;
	padding-top: 28px;
	background-color:#fff;
	float: left;
}
.product_function .media h2{
	font-size: 20px;
	margin-left: 20px;
	margin-bottom: 16px;
	text-align: left;
}
.product_function .detail p{
	width: 168px;
	font-size: 13px;
	margin-left: 20px;
	line-height: 18px;
	color:#666;
}
.detail .mark,.product_function img{
	float: left;
}
.product_function img{
	margin-left: 60px;
}
.product_demonstration .display{
	height: 792px;
}
.product_demonstration .first .detail{
	padding-top: 120px;
}
.product_demonstration .display p,
.product_demonstration .display h2{
	color: #fff;
	text-align: left;
}
.product_demonstration .display h3{
	color: #5FA9FE;
	font-size: 16px;
	margin-top: 38px;
	line-height: 32px;
	text-align: left;
}
.product_demonstration .display p{
	width: 420px;
	font-size: 14px;
	line-height: 24px;
}
.product_demonstration .visitor{
	background: url(../images/display_visitor.jpg) 40%;
}
.product_demonstration .first{
	background: url(../images/display_01.jpg) 40%;
}
.product_demonstration .second{
	background: url(../images/display_02.jpg) 40%;
}
.product_demonstration .system{
	width: 300px;
	height: 200px;
	float: left;
	margin-top: 188px;
}
.product_demonstration .system p{
	width: 200px;
}
.product_demonstration .system h4{
	font-size: 18px;
}
.product_demonstration .system p{
	margin-top:18px;
	line-height: 28px;
}
.product_demonstration .system p,
.product_demonstration .system h4,
.product_demonstration .system span{
	color: #FFF;
	padding: 10px 32px;
}
.product_demonstration .visitor h2{
	text-align: center;
}
.product_demonstration .media{
	width: 600px;
	margin-right: 0px;
	padding-top: 88px;
}
.product_demonstration .media h4{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 16px;
}
.product_demonstration .media p{
	width: 342px;
	color: #666;
}
.product_demonstration .media img{
	margin-bottom: 18px;
}
.product_demonstration .mark{
	width: 342px;
	margin-left: 268px;
}
.product_demonstration .second h2{
	color: #000;
	text-align: center;
}
.product_demonstration .second .detail{
	padding-top: 10px;
}
.case_presentation .media{
	width: 1200px;
	padding-bottom: 0;
	margin-bottom: 28px;
	background-color:#fff;
	float: left;
	border:1px solid #d2d2d2;
}
.case_presentation img{
	float: left;
}
.case_presentation .mark{
	width: 600px;
	height: 273px;
}
.case_presentation .mark h2{
	margin-top: 80px;
}
.case_presentation .mark p,
.case_presentation .mark h2{
	margin-left: 80px;
	text-align: left;
	color: #666;
}
/*页面内容*/
#Footer .container-fluid{width:1200px;padding-top:10px;margin:0 auto;}
#Footer{height: 280px;background: url(../images/footer.jpg) 80%;}
#Footer .left{width: 450px;float: left;}
#Footer .right{width:450px;float:left;padding-left: 100px;padding-top: 90px;}
#Footer h3{color:#fff;font-size:26px;margin-top:60px;line-height:1.2em;}
#Footer ul{margin-top:40px;color: #fff;}
.contact li{list-style:none;font-size:16px;line-height:28px;text-transform: lowercase;}