@charset "UTF-8";
/* CSS Document */
.phone_btn,.btn_up,.btn_down {
	display:none;
	}
@media screen and (max-width: 961px){
	
	.head_box {
	position:fixed;
	width:100%;
	top:0px;
	border-top:4px #036eb8 solid;
	height:44px;
	background:#fff;
	border-bottom:1px #ebeaea solid;
	z-index:9;
	}
	.foot_box {
		display:none;
		}
	.logo {
		width:125px;
		height:27px;
		padding:5px 5px;
		float:left;
		}
		.logo img {
			width:100%;
			}
	.rs_btn {
		display:none;
		}
	
	.menu_box {
		display:block;
		width:100%;
		position:absolute;
		top:45px;
		display:none;
		left:0px;
		margin-left:0px;
		}
		.menu_box li {
			float:none;
			width:100%;
			background:#fff;
			line-height:40px;
			height:40px;
			text-align:center;
			border-bottom:1px #e2e2e2 solid;
			}
			.menu_box li.no_line {
				background:#fff;
				}
			.menu_box a {
				display:block;
				width:100%;
				height:40px;
				padding:0px;
				color:#666;
				}
			.phone_btn {
				display:block
				}
			.phone_menu_closed {
				display:none;
				position:absolute;
				right:10px;
				top:8px;
				}
	
			.phone_menu_opened {
				position:absolute;
				right:10px;
				top:8px;
				}
.center_box {
	width:100%;
	padding-top:45px;
	position: relative;
	background:#f8f8f8;
	z-index:1;
	min-height:100%;
	}

/*----------------------------------------company-------------------------------*/
.company_bg {
	width:100%;
	height:200px;
	position: relative;
	left:0px;
	top:0px;
	z-index:1;
	}
.company_p {
	position:absolute;
	height:180px;
	z-index:9;
	left:2%;
	top:65px;
	bottom:0px;
	}
	.company_p img {
		height:100%;
		}
.company_text {
	width:90%;
	position: relative;
	left:5%;
	top:0px;
	margin-top:0px;
	font-size:12px;
	line-height:22px;
	color:#666;
	z-index:9;
	padding:20px 0px;
	}
	.title_en {
		font-family:Arial !important;
		font-size:24px;
		line-height:24px;
		color:#111;
		position:absolute;
		width:150px;
		top:-130px;
		right:0px;
		}
	.title_cn {
		color:#999;
		background:none;
		font-size:12px;
		margin-bottom:25px;
		position:absolute;
		width:150px;
		top:-110px;
		right:0px;
		}
		.title_cn span {
			background:none;
			
			}
/*------------------------------------------news--------------------------------*/
.hot_news {
	position: relative;
	top:0;
	z-index:1;
	bottom:0px;
	width:100%;
	background:#036eb8;
	}
.hot_img {
	width:100%;
	padding:0px;
	overflow:hidden;
	background:#035e9d;
	height:200px;
	}
	.hot_img img {
		width:100%
		}
.hot_text {
	padding:20px;
	color:#a4bfdd;
	font-size:12px;
	line-height:22px;
	}

		.hot_text .more_btn {
			display:block;
			width:80px;
			border:1px #fff solid;
			color:#fff;
			text-align:center;
			height:22px;
			float:none;
			line-height:22px;
			
			}


.news_list_box {
	padding-left:0px;
	padding-bottom:0px;
	}
	.news_list_box ul {
		padding:0px 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: auto;
	bottom:0px;
	width:100%;
	background:#fff;
	z-index:1;
	padding-top:0px;
	border-top:2px #e2e2e2 solid;
	}
	.product_list li {
		padding:0px
		
		}
		.product_list a {
			color:#111;
			padding:10px;
			border-bottom:1px #e2e2e2 dashed;
			display:none;
			}
		.product_list a.history {
			background:#f5f5f5;
			border-bottom:1px #fff solid;
			}
		.product_list a:hover,.product_list a.on_mouse {
			background:#fff;
			color:#046eb8;
			border-bottom:1px #046eb8 solid;
			display:block;
			}
.btn_up,.btn_down {
	
	position:absolute;
	right:6px;
	top:0px;
	}
.btn_up {display:block;}
.product_box {
	padding-left:0px;
	padding-bottom:50px;
	}
	.product_box ul {
		padding:10px 0px;
		}
	.product_box li {
		width:50%;
		height: auto;
		margin-right:0px;
		margin-bottom:10px;
		float:left;
		}
	.product_box a {
		display:block;
		width:96%;
		height:228;
		padding:10px 0px;
		background:url(../images/product_normal.png) no-repeat 99% 99% #fff;
		border-bottom:2px #dedede solid;
		text-align: center;
		color:#333;
		font-size:12px;
		margin:0 auto;
		}
		.product_box a:hover {
			background:url(../images/product_onmouse.png) no-repeat 99% 99% #fff;
			color:#046eb8;
			}
			/*.product_box a img {
				width:100%;
				}*/
	.product_box span {
		display:block;
		width:96%;
		height:180px;
		background:#fff;
		overflow:hidden;
		margin:0 auto;
		margin-bottom:20px;
		}
	.product_box strong {
		display:block;
		font-weight:normal;
		width:90%;
		margin:0 auto;
		}
/*--------------------product_inner-------------------------*/
	.right_img {
		width:300px;
		height:300px;
		overflow:hidden;
		float:none;
		margin:0 auto;
		}



.product_aw {
	width:90%;
	max-width:990px;
	margin:0 auto;
	padding:20px 0px;
	}
	.left_text {
		width:96%;
		float:none;
		font-size:18px;
		min-width:150px;
		margin:0 auto;
		margin-bottom:20px;
		}

.left_text a {
		display:block;
		background:url(../images/icon_download.png) no-repeat 10px center #046eb8;
		font-size:14px;
		color:#fff;
		padding-left:0px;
		text-align:center;
		width:100%;
		height:44px;
		line-height:44px;
		}
	.product_is a {
		display:block;
		margin:auto;
		width:98%;
		height:auto;
		overflow:hidden;
		float:none;
		margin:5px auto;
		}
	.product_is a img {
		width:100%;
		}
/*-----------------------------service---------------------------------*/
.sbg {
	width:100%;
	height:250px;
	position: relative;
	z-index:1;
	overflow:hidden;
	}

	.s_text {
		width:96%;
		float:none;
		background:none;
		position:relative;
		z-index:9;
		padding-left:0px;
		padding-top:20px;
		margin:0 auto;
		}
		.s_text .title_en {
			color:#046eb8;
			}
		.s_text .title_cn {
			color:#fff;
			background:none;
			top:-100px;
			}
		.s_text .title_cn span {
			background:#046eb8;
			text-align:center;
			padding:2px 26px;
			}
		.st {
			padding:20px;
			color:#333;
			font-size:14px;
			line-height:24px;
			}
		.st strong {
			display:block;
			padding-top:30px;
			color:#046eb8;
			}

		.qa_box input {
			width:90%;
			border:1px #e2e2e2 solid;
			background:#fff;
			display:block;
			height:30px;
			line-height:30px;
			margin:10px auto;
			padding:5px;
			color:#666
			}
		.qa_box textarea {
			width:90%;
			border:1px #e2e2e2 solid;
			background:#fff;
			display:block;
			height:80px;
			margin:10px auto;
			padding:5px;
			color:#666
			}
		.qa_box input.btn_qa {
			border:1px #3388c4 solid;
			background:none;
			width:80%;
			text-align:center;
			color:#3388c4;
			line-height:34px;
			cursor:pointer;
			margin:0 auto;
			height:44px;
			font-size:14px;
			}
			
			
.contact_box {
	position: relative;
	height: auto;
	min-height: auto;
	background:#f8f8f8;
	width:100%;
	padding:20px 0px;
	}
.contact_1 {
	background:#036eb8;
	color:#fff;
	left:0px;
	padding-top:70px;
	}
.contact_2 {
	left: auto;
	}
.cb_box {
	position: relative;
	width:80%;
	left: auto;
	height:420px;
	top:auto;
	margin:0 auto;
	}
	.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 {
		width:200px;
		margin:0 auto;
		}
/*--------------banner-----------------*/
.banner {
				width:100%;
				height:100%;
				position:absolute;
				overflow:hidden
				}
				.b_logo {
					position:absolute;
					top:10px;
					width:150px;
					height:56px;
					left:50%;
					margin-left:-75px;
					}
					.b_logo img {
						height:100%;
						margin:0 auto;
						}
					.b_text1 {
						width:60%;
						text-align:left;
						font-size:14px;
						color:#666;
						height:150px;
						position:absolute;
						left:auto;
						right:5px;
						top:25%;
						z-index:9
						}
						.b_text1 strong {
							font-size:18px;
							color:#111;
							height:20px;
							line-height:20px;
							display:block;
							padding:10px 0px;
							
							}
						.b_text1 .line {
							width:50px;
							border-bottom:1px #bebebe solid;
							height:1px;
							
							margin:0 auto;
							margin-bottom:20px;
							display:none;
							}
						.b_text1 span {
							display:block;
							font-size:12px;
							width:100%;
							margin:0 auto;
							}
						.b_right {
							position:absolute;
							height:60%;
							top:20%;
							right:-40px;
							display:none;
							}
						.b_left{
							position:absolute;
							height:60%;
							top:20%;
							left:auto;
							right:65%;
							z-index:1
							}
						.banner a {
							width:220px;
							height:44px;
							position:absolute;
							bottom:30px;
							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;
							z-index:9
							}
							.banner a:hover {
								background:url(/templates/default/images/icon_talk_w.png) no-repeat 15px center #3192d5
								}
					.pagination {
						bottom:5px;
						}
	}