@charset "UTF-8";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
	font-family:"Microsoft YaHei", Arial
	}
body {
	font-size:13px;
	line-height:20px;
	color:#333;
	background:#f8f8f8;
	}
ul,li {
	list-style:none;
	}
.fl {
	float:left;
	}
.fr {
	float:right;
	}
.clear {
	clear:both;
	float:none !important;
	height:0px !important;
	width:100% !important;
	overflow:hidden;
	line-height:1px;
	font-size:1px;
	 }
img {
	display:block;
	border:0px;
	}
a {
	text-decoration:none;
	}
	
/*-----------------------------------head-------------------------*/
.head_box {
	position:fixed;
	width:100%;
	top:0px;
	border-top:4px #036eb8 solid;
	height:72px;
	background:#fff;
	border-bottom:1px #ebeaea solid;
	z-index:9;
	}
	.logo {
		width:250px;
		height:54px;
		padding:9px 10px;
		float:left;
		}
	.menu_box {
		display:block;
		width:750px;
		margin:0 auto;
		position:absolute;
		left:50%;
		margin-left:-330px;
		height:72px;
		
		}
		.menu_box li {
			float:left;
			width:106px;
			background:url(../images/menu_line.png) no-repeat right center;
			line-height:22px;
			height:72px;
			text-align:center;
			}
			.menu_box li.no_line {
				background:none;
				}
			.menu_box a {
				display:block;
				width:106px;
				height:22px;
				padding:25px 0px;
				color:#666;
				}
			.menu_box a:hover,.menu_box a.on_mouse {
				color:#036eb8;
				}
	.rs_btn {
		float:right;
		height:72px;
		}
		.talk_btn {
			display:block;
			background:url(../images/icon_talk.png) no-repeat center center;
			border-left:1px #e2e2e2 solid;
			width:72px;
			height:72px;
			float:right; 
			}
		.seach_btn {
			border-left:1px #e2e2e2 solid;
			float:right;
			width:72px;
			height:72px;
			overflow:hidden;
			position:relative;
			}
	.seach_btn2 {
		display:block;
		width:32px;
		height:32px;
		background:none;
		border:0px;
		overflow:hidden;
		text-indent:99999;
		background:url(../images/icon_seach.png) no-repeat center center;
		position:absolute;
		top:20px;
		right:20px;
		z-index:9;
		cursor:pointer;
		}
	.seach_text {
		display:block;
		width:156px;
		height:34px;
		position:absolute;
		right:18px;
		background:none;
		background:url(../images/seach_bg.png) no-repeat;
		border:0px;
		padding:0px 10px;
		top:19px;
		z-index:1;
		display:none;
		
		}
.foot_box {
	text-align:center;
	font-size:12px;
	text-align:center;
	padding:15px 0px;
	width:100%;
	height:45px;
	background:#fff;
	color:#999;
	border-top:1px #e2e2e2 solid;
	position: fixed;
	z-index:99;
	bottom:0px;
	}
	.index_foot {
		position:absolute;
		top:100%;
		left:0px;
		}
/*------------------------------kv_index--------------------*/
.kv_index {
	position:absolute;
	top:76px;
	bottom:0px;
	width:100%;
	overflow:hidden;
	background: url(../images/bg.png) #f8f8f8;
	z-index:1;
	min-height:100%;
	}
.device {
  width:100%;
  height:100%;
  position: absolute;
}

.swiper-container {
  height:100% ;
  width:100%;
}
.swiper-slide {
	position:relative;
	overflow:hidden;
	}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:95px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #e1e1e1;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #036eb8;
}

.center_box {
	width:100%;
	padding-top:76px;
	position: absolute;
	background:#f8f8f8;
	z-index:1;
	min-height:100%;
	}
	.postion {
		position:absolute;
		top:0px;
		bottom:0px;
		overflow:hidden;
		z-index:1;
		}
		
/*----------------------------------------company-------------------------------*/
.company_bg {
	width:50%;

	height:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:1;
	}
.company_p {
	position:absolute;
	z-index:9;
	left:2%;
	top:100px;
	bottom:0px;
	}
	.company_p img {
		height:100%;
		}
.company_text {
	width:520px;
	position:absolute;
	right:10%;
	top:50%;
	margin-top:-220px;
	font-size:12px;
	line-height:22px;
	color:#666
	}
	.title_en {
		font-family:Arial !important;
		font-size:24px;
		line-height:24px;
		color:#111;
		}
	.title_cn {
		color:#999;
		background:url(../images/title_line.png) repeat-x left center;
		font-size:12px;
		margin-bottom:25px;
		}
		.title_cn span {
			background:#f8f8f8;
			padding-right:15px;
			}

/*------------------------------------------news--------------------------------*/
.hot_news {
	position:fixed;
	top:76px;
	z-index:1;
	bottom:0px;
	width:520px;
	background:#036eb8;
	}
.hot_img {
	width:480px;
	padding:20px;
	overflow:hidden;
	background:#035e9d;
	}
	.hot_img img {
		width:100%;
		}
.hot_text {
	padding:20px;
	color:#a4bfdd;
	font-size:12px;
	line-height:22px;
	}
	.hot_text strong{
		display:block;
		color:#fff;
		font-size:14px;
		}
		.hot_text span {
			display:block;
			padding:20px 0px;
			color:#fff;
			}
		.hot_text .more_btn {
			display:block;
			width:80px;
			border:1px #fff solid;
			color:#fff;
			text-align:center;
			height:22px;
			float:right;
			line-height:22px;
			
			}
		.hot_text a.more_btn:hover {
			background:#fff;
			color:#036eb8;
			}

.news_list_box {
	padding-left:520px;
	padding-bottom:60px;
	}
	.news_list_box ul {
		padding:30px 20px;
		}
.news_list a{
	display:block;
	padding:20px 10px;
	border-bottom:1px #e2e2e2 dashed;
	font-size:12px;
	color:#cfcfcf;
	}
	.news_list span {
		display:block;
		color:#036eb8;
		padding-bottom:10px;
		}
	.news_list strong {
		display:block;
		font-weight:normal;
		color:#111;
		
		}
.news_list a:hover{
	background:#fff;
}
/*---------------------------PRODUCT--------------------------*/
.product_list {
	position:fixed;
	left:0px;
	top:76px;
	bottom:0px;
	width:250px;
	background:#fff;
	z-index:1;
	padding-top:5px;
	}
	.product_list li {
		padding:0px 5px
		
		}
		.product_list a {
			display:block;
			color:#111;
			padding:5px 10px;
			border-bottom:1px #e2e2e2 dashed;
			}
		.product_list a.history {
			background:#f5f5f5;
			border-bottom:1px #fff solid;
			}
		.product_list a:hover,.product_list a.on_mouse {
			background:#046eb8;
			color:#fff;
			border-bottom:1px #fff solid
			}
.product_box {
	padding-left:250px;
	padding-bottom:60px;
	}
	.product_box ul {
		padding:20px;
		}
	.product_box li {
		width:220px;
		height:284px;
		margin-right:10px;
		margin-bottom:10px;
		float:left;
		}
	.product_box a {
		display:block;
		width:200px;
		height:262px;
		padding:10px;
		background:url(../images/product_normal.png) no-repeat 195px 257px #fff;
		border-bottom:2px #dedede solid;
		text-align: center;
		color:#333;
		font-size:12px;
		}
		.product_box a:hover {
			background:url(../images/product_onmouse.png) no-repeat 195px 257px #fff;
			color:#046eb8;
			}
	.product_box span {
		display:block;
		width:200px;
		height:168px;
		background:#fff;
		overflow:hidden;
		margin-bottom:20px;
		}
	.product_box strong {
		display:block;
		font-weight:normal;
		}
		
/*--------------------product_inner-------------------------*/
	.right_img {
		width:420px;
		height:420px;
		overflow:hidden;
		float:right;
		}
		.right_img img {
			height:100%;
			margin:0 auto;
			}
.product_1,.product_2,.product_3{
	width:100%;
	}
	.product_2 {
		background:#f5f5f5;
		}
	.product_3 {
		padding-bottom:60px;
		}
.product_aw {
	width:90%;
	max-width:990px;
	margin:0 auto;
	padding:20px 0px;
	}
	.left_text {
		width:50%;
		float:left;
		font-size:18px;
		min-width:150px;
		}
	.product_logo {
		background:url(../images/title_line.png) repeat-x left center;
		margin-bottom:10px;
		}
	.product_logo div {
		background:#fff;
		width:60px;
		height:60px;
		padding-right:20px;
		overflow:hidden;
		}
	.product_logo img {
		width:100%;
		}
.left_text span{
	display:block;
	font-size:12px;
	padding:25px 0px;
	color:#666;
	margin-bottom:20px;
	}
	.left_text a {
		display:block;
		background:url(../images/icon_download.png) no-repeat 10px center #046eb8;
		font-size:12px;
		color:#fff;
		padding-left:50px;
		width:120px;
		height:30px;
		line-height:30px;
		}
	.product_ti li {
		padding:15px 0px;
		border-bottom:1px #dedede dashed;
		}
		.product_ti strong {
			display:block;
			margin-bottom:15px;
			}
	.product_is a {
		display:block;
		margin:2px;
		width:300px;
		height:212px;
		overflow:hidden;
		float:left;
		}
.sbg {
	width:100%;
	height:100%;
	position:fixed;
	z-index:1;
	overflow:hidden;
	}
	.sbg img {
		position:absolute;
		height:100%;
		}
	.s_text {
		width:500px;
		float:right;
		background:url(../images/s_b.png);
		position:relative;
		z-index:9;
		padding-left:10px;
		padding-top:72px;
		}
		.s_text .title_en {
			color:#99c4e1;
			}
		.s_text .title_cn {
			color:#99c4e1;
			background:url(../images/title_line2.png) repeat-x left center;
			}
		.s_text .title_cn span {
			background:#3388c4;
			}
		.st {
			padding:20px;
			color:#fff;
			font-size:12px;
			}
		.st strong {
			display:block;
			padding-top:30px;
			}
		.qa_box {
			padding:20px;
			padding-bottom:100px;
			}
		.qa_box input {
			width:455px;
			border:0px;
			background:#fff;
			display:block;
			height:30px;
			line-height:30px;
			margin-bottom:10px;
			padding:5px;
			color:#666
			}
		.qa_box textarea {
			width:455px;
			border:0px;
			background:#fff;
			display:block;
			height:80px;
			margin-bottom:10px;
			padding:5px;
			color:#666
			}
		.qa_box input.btn_qa {
			border:1px #fff solid;
			background:none;
			width:120px;
			text-align:center;
			color:#fff;
			line-height:10px;
			cursor:pointer;
			margin:0 auto;
			}
		
.contact_box {
	position:absolute;
	height:100%;
	min-height: 900px;
	background:#f8f8f8;
	width:50%;
	}
.contact_1 {
	background:#036eb8;
	color:#fff;
	left:0px;
	}
.contact_2 {
	left:50%;
	}
.cb_box {
	position:absolute;
	width:500px;
	left:50%;
	margin-left:-250px;
	height:420px;
	
	top:80px;
	margin-top:0px;
	}
	.cb_box2 {
		min-height: 700px;
		}
	.contact_text strong {
		display:block;
		font-size:16px;
		}
	.contact_text span{
		display:block;
		font-size:12px;
		filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
		padding-bottom:20px;
		}
	.cb_box img {
		margin:0 auto;
		}
		
/*--------------banner-----------------*/
.banner {
				width:100%;
				height:100%;
				position:absolute;
				overflow:hidden
				}
				.b_logo {
					position:absolute;
					top:10%;
					width:150px;
					height:56px;
					left:50%;
					margin-left:-75px;
					}
					.b_logo img {
						height:100%;
						margin:0 auto;
						}
					.b_text1 {
						width:50%;
						text-align:center;
						font-size:18px;
						color:#666;
						height:150px;
						position:absolute;
						left:25%;
						top:25%
						}
						.b_text1 strong {
							font-size:40px;
							color:#111;
							height:40px;
							line-height:40px;
							display:block;
							padding:20px 0px;
							}
						.b_text1 .line {
							width:50px;
							border-bottom:1px #bebebe solid;
							height:1px;
							
							margin:0 auto;
							margin-bottom:20px;
							}
						.b_text1 span {
							display:block;
							font-size:12px;
							width:60%;
							margin:0 auto;
							}
						.b_right {
							position:absolute;
							height:100%;
							top:10%;
							right:-80px;
							}
						.b_left{
							position:absolute;
							height:100%;
							top:10%;
							left:-80px;
							}
						.banner a {
							width:220px;
							height:44px;
							position:absolute;
							bottom:30%;
							display:block;
							background:url(/templates/default/images/icon_talk_w.png) no-repeat 15px center #036eb8;
							color:#fff;
							padding-left:40px;
							text-align:center;
							left:50%;
							margin-left:-130px;
							line-height:44px;
							}
							.banner a:hover {
								background:url(/templates/default/images/icon_talk_w.png) no-repeat 15px center #3192d5
								}
								
								
								.product_photo img {
								height:100%;
								margin:0 auto;
								}