/*公共样式*/
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, th, td {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style: none;
}

body {
	font: 14px/1.2 "微软雅黑",arial,'Hiragino Sans GB';
	color: #333;
	/*background: url(../Images/bg1.png) repeat;*/
	position: relative;
}

a:link, a:visited {
	color: #333;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: none;
	cursor: pointer;
}

img {
	border: 0px;
	border: none;
}

.clearFloat:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.clearFloat {
	*zoom: 1;
}

.wbox {
	background: #fff;
	box-shadow: 0 2px 2px 2px #ddd;
	width: 1197px;
	margin: 0 auto;
	padding: 0 10px;
}


.inner {
	width: 1197px;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}
/*头部 中间部分*/
.header_banner {
	height: 75px;
	overflow: hidden;
	padding: 5px;
	
}

	.header_banner div {
		float: left;
	}
/*LOGO*/
.logo {
	/*background: url(../Images/gemwell-logo.jpg) no-repeat;*/
	float: left;
	height: 75px;
	width: 235px;
	margin: 0;
	padding: 0;
}

.lab_title {
	font-size: 20px;
	color: #333;
	font-weight: bolder;
	line-height: 55px;
}
/*搜索框*/
.searchbox {
	width: 490px;
	margin: 25px 0 0 80px;
}

.text {
	border: none;
	border: 0;
	background: #fff;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	width: 381px;
	float: left;
	border: 2px solid #175ca1;
}

.searchbox .btn {
	background: #175ca1;
	color: #fff;
	font-size: 14px;
	width: 85px;
	height: 34px;
	border: 1px solid #175ca1;
	cursor: pointer;
}
/*联系方式*/
.header_banner .t_tel {
	float: right;
	width: 206px;
	height: 48px;
	margin: 15px 5px 0 0;
	font-size: 0;
	text-indent: -9999px;
	background: url(../Images/index.png) no-repeat;
	display: inline-block;
}

/*头部导航条*/
.header_nav {
	background: #175ca1;
	height: 50px;
}

	.header_nav > ul {
		position: relative;
	}

		.header_nav > ul > li {
			float: left;
		}

			.header_nav > ul > li > a {
				display: block;
				line-height: 50px;
				height: 50px;
				width: 171px;
				text-align: center;
				color: #fff;
				font-size: 16px;
			}

				.header_nav > ul > li > a:hover, .header_nav > ul > li > a:focus {
					background: #58a9de;
				}

			.header_nav > ul > li > div {
				display: none;
				top: 50px;
				left: 0;
				position: absolute;
				background: #58a9de;
				width: 1197px;
				height: 38px;
				overflow: hidden;
				display: none;
				z-index: 5;
			}

.product > div > ul {
	padding-left: 150px;
}

.emc > div > ul {
	padding-left: 320px;
}

.app > div > ul {
	padding-left: 450px;
}

.news > div > ul {
	padding-left: 550px;
}

.service > div > ul {
	padding-left: 820px;
}



.contact > div > ul {
	padding-left: 940px;
}

.header_nav > ul > li:hover > div {
	display: block;
}

.header_nav > ul > li > div > ul > li {
	float: left;
	text-align: center;
}

	.header_nav > ul > li > div > ul > li > a {
		display: block;
		height: 38px;
		line-height: 38px;
		color: #fff;
		margin: 0 10px;
		background: #58a9de;
	}

		.header_nav > ul > li > div > ul > li > a:hover {
			color: #175ca1;
			text-decoration: underline;
		}

.header_nav > ul > li:hover > ul {
	display: block;
}
/*-----------------轮播台开始----------------*/
.slide_box {
	clear: both;
	height: 445px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	width: 1197px;
	margin-bottom: 20px;
}

.slide_img {
	height: 445px;
	overflow: hidden;
	width: 1197px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.slide_box ul {
	list-style: none;
}

	.slide_box ul li {
		position: absolute;
		left: 0;
		top: 0;
		width: 1197px;
		height: 445px;
		border: none;
		float: left;
	}


.slide_box ol {
	position: absolute;
	bottom: 20px;
	list-style: none;
	height: 40px;
	left: 40%;
}

.slide_img ol li {
	float: left;
	width: 40px;
	height: 40px;
	list-style: none;
	margin-left: 15px;
	background-color: #fff;
	color: #024676;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	border-radius: 100%;
}

	.slide_img ol li.add-bg {
		background-color: #ff0;
	}



.left_btn, .right_btn {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	height: 60px;
	width: 30px;
	line-height: 60px;
	cursor: pointer;
	background: rgba(255,255,255,0.2);
}

	.left_btn > span, .right_btn > span {
		display: block;
		border-right: 2px solid #fff;
		border-top: 2px solid #fff;
		width: 10px;
		height: 10px;
	}

	.left_btn > span {
		position: absolute;
		transform: rotate(-135deg);
		top: 50%;
		margin-top: -4px;
		left: 50%;
		margin-left: -5px;
	}

	.right_btn > span {
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		margin-top: -4px;
		right: 50%;
		margin-right: -5px;
	}

	.left_btn:hover, .right_btn:hover {
		background: rgba(5,5,5,0.2);
		color: #e5e5e5;
	}

.right_btn {
	right: 0px;
}
/*-----------------轮播台结束----------------*/
/*楼层*/
.i-column {
	position: relative;
	height: 22px;
	border-bottom: 1px solid #bad6ec;
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
}

	.i-column > span {
		display: inline-block;
		margin-bottom: -20px;
		padding: 0 28px;
		height: 40px;
		font-size: 40px;
		line-height: 40px;
		color: #175ca1;
		background: #fff;
	}
/*展示窗口*/
.windows-view ul li {
	float: left;
	width: 292px;
	height: 300px;
	background: #bad6ec;
	margin: 3px;
}
/*推荐新闻及产品窗口*/
.new-view {
	height: 200px;
	margin-bottom: 10px;
}

	.new-view > div {
		float: left;
		height: 200px;
		border: 1px solid #eee;
	}

	.new-view-news {
		width: 460px;
		margin-right: 10px;
		height: 200px;
	}

		.new-view-news ul {
			background: #bad6ec;
			width: 100%;
			height: 40px;
		}

			.new-view-news ul li {
				float: left;
				width: 80px;
				height: 40px;
				line-height: 40px;
				background: #0094ff;
				color: #fff;
				text-align: center;
			}

				.new-view-news ul li.cur {
					color: #0094ff;
					background: #bad6ec;
				}

		.new-view-news div {
			display: none;
			width: 100%;
		}

			.new-view-news div.current {
				display: block;
			}

		.new-view-product {
			width: 723px;
		}

/*页面导航*/
.bread {
	height: 30px;
	line-height: 30px;
	text-align: left;
	border-bottom: 1px solid #58a9de;
	margin-bottom: 10px;
}
/*主体区域*/
.main {
	overflow: hidden;
	margin-top: 10px;
}

	.main > div {
		float: left;
	}

	.main .side_menu {
		width: 220px;
		margin-right: 10px;
	}

	.main .content {
		width: 967px;
	}
/*---------菜单样式开始--------------*/
.menu {
	width: 220px;
	box-shadow: 0 0 2px 2px #f0f0f0;
	margin-bottom: 20px;
	box-sizing:border-box;
}

	.menu h3 {
		background: url(../Images/icon4.png) repeat-x;
		height: 36px;
		line-height: 36px;
		font-size: 1.1em;
		font-weight: normal;
		color: White;
		margin: 0;
		padding-left: 15px;
	}

	.menu > ul {
		/*padding:5px 0;*/
		border: 1px solid #f0f0f0;
		border-top: none;
	}

	.menu ul li {
		border-bottom: 1px solid #eee;
	}

		.menu ul li a {
			/* 鼠标未移上去的超链接的样式, 超链接访问后的样式 */
			text-decoration: none;
			color: #666;
			height: 36px;
			line-height: 36px;
			border: none;
			display: block;
			padding-left: 10px;
		}

			.menu ul li a:hover {
				background: #34caef;
				color: #fff;
				/*background:#175ca1;*/
			}

	.menu > div {
		overflow: hidden;
		border-bottom: 1px solid #eee;
		padding-top: 5px;
		box-sizing: border-box;
		border: 1px solid #f0f0f0;
		border-top: none;
	}

		.menu > div > div {
			float: left;
			padding-bottom: 5px;
		}

		.menu > div.sale-line > div.lf {
			width: 60px;
			background: url(../image/lxdh.gif) no-repeat 10px;
			height: 40px;
		}

		.menu > div.sale-email > div.lf {
			width: 60px;
			background: url(../image/email.gif) no-repeat 10px;
			height: 40px;
		}

		.menu > div.sale-qq > div.lf {
			width: 60px;
			background: url(../image/qq.gif) no-repeat 10px;
			height: 40px;
		}

		.menu > div > div.rg {
			width: 140px;
		}

	.menu h4 {
		font-size: 15px;
		color: #175ca1;
		font-weight: normal;
		margin-bottom: 5px;
	}

	.menu .contact_sub li {
		height: 25px;
		border: none;
		line-height: 25px;
	}

		.menu .contact_sub li a {
			display: block;
			height: 25px;
			line-height: 25px;
			padding: 0;
			color: #666;
		}

			.menu .contact_sub li a:hover {
				background: #34caef;
				color: #fff;
			}


/* content*/
.content h3 {
	height: 36px;
	line-height: 36px;
	font-weight: normal;
	font-size: 1.1em;
	color: #fff;
	background: url(../Images/icon4.png) repeat-x;
	border-radius: 5px;
	text-indent: 1em;
}




.content .news_center li {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dotted #457db4;
	overflow: hidden;
}

	.content .news_center li span {
		display: block;
		float: left;
	}

		.content .news_center li span:last-child {
			float: right;
		}

.content .pro_box {
	position: relative;
	width: 1197px;
	height: 145px;
	/*overflow:hidden;*/
}

	.content .pro_box .demo {
		position: absolute;
		height: 145px;
		left: 0;
		margin-left: 0;
	}

		.content .pro_box .demo li {
			float: left;
			text-align: center;
		}

			.content .pro_box .demo li img {
				display: block;
			}



.content_box {
	padding-top: 10px;
	padding-bottom: 20px;
	border: 1px solid #eee;
	padding: 10px;
}



	.content_box ul {
		padding-left: 10px;
	}

		.content_box ul li {
			height: 30px;
			line-height: 30px;
			border-bottom: 1px dashed #eee;
		}

	.content_box h4 {
		text-align: center;
		height: 50px;
		line-height: 50px;
		font-weight: normal;
		font-size: 18px;
		color: #175ca1;
	}

	.content_box p {
		line-height: 25px;
		text-indent: 28px;
	}

.contact-text {
	background: #175ca1;
	padding: 5px 12px;
	color: #fff;
}

.content dl {
	padding: 10px;
	line-height: 24px;
	/*border:1px solid #eee;*/
}

	.content dl dt {
		color: #175ca1;
	}

	.content dl font {
		color: #175ca1;
		font-weight:bold;
	}

	.content dl dd {
		padding-left: 28px;
	}
/*产品中心*/
.pro {
	border: 1px solid #eee;
	padding: 10px;
}

	.pro ul li {
		width: 226px;
		margin-right: 10px;
		margin-bottom: 10px;
		border: 1px solid #eee;
	}

		.pro ul li:hover {
			border: 1px solid #175ca1;
		}
		.pro ul li img {
			border:none;
		}
		.pro ul li h8 a {
			width: 100%;
			height: 30px;
			display: inline-block;
			line-height: 30px;
			text-align: center;
		}
/*产品列表*/
.prolist {
	width: 967px;
	overflow: hidden;
	border-bottom: 1px dashed #175ca1;
	margin-bottom: 10px;
	margin-top: 10px;
}

	.prolist .pl-lf {
		width: 240px;
		height: 158px;
		float: left;
	}

	.prolist .pl-rg {
		float: left;
		width: 710px;
		line-height: 30px;
		margin-left: 5px;
	}

		.prolist .pl-rg .title {
			height: 30px;
			border-bottom: 1px solid #eee;
		}

			.prolist .pl-rg .title a {
				color: #175ca1;
				font-weight: bold;
			}

		.prolist .pl-rg .detail {
			height: 30px;
		}

			.prolist .pl-rg .detail a {
				display: block;
				color: #fff;
				width: 80px;
				height: 20px;
				line-height: 20px;
				text-align: center;
				background: #34caef;
			}

		.prolist .pl-rg .ct {
			height: 88px;
			width: 100%;
			padding-bottom: 5px;
			overflow: hidden;
		}

.proshow div {
	float: left;
	border: none;
}

.proshow > div:first-child {
	width: 400px;
	margin-right: 10px;
}

.proshow > div:last-child {
	width: 550px;
	
}
	
	.proshow > div:last-child > ul > li {
		line-height: 25px;
		clear: both;
	}

		.proshow > div:last-child > ul > li > span {
			float: left;
		}

			.proshow > div:last-child > ul > li > span:last-child {
				width: 477px;
			}
/*产品详情描述*/
.detail-box {
	margin-bottom: 15px;
}

	.detail-box .h-tag {
		margin-bottom: 0;
		margin: 0;
	}

		.detail-box .h-tag a {
			font-size: 14px;
			height: 33px;
			line-height: 33px;
		}

.h-tag {
	background: url(../Images/icon1.png) repeat-x;
	overflow: hidden;
	height: 33px;
	line-height: 33px;
	border: 1px solid #e6e5e5;
	border-top-color: #e6e5e5;
	border-bottom-color: #fff;
	margin-bottom: 25px;
}

	.h-tag ul li {
		float: left;
		padding: 0 25px;
		font-size: 16px;
		border-right: 1px solid #d7d7d7;
		cursor: pointer;
		height: 33px;
		line-height: 33px;
	}

		.h-tag ul li.on {
			color: #175ca1;
			font-size: 20px;
			background: #fff;
			border-top: 1px solid #175ca1;
		}

	.h-tag a {
		float: left;
		padding: 0 25px;
		border-right: 1px solid #d7d7d7;
		height: 33px;
		line-height: 33px;
	}

	.h-tag .on {
		color: #175ca1;
		font-size: 14px;
		background: #fff;
		border-top: 1px solid #175ca1;
	}

.detail-box-con {
	margin: 0;
	border: 1px solid #f2f2f2;
	border-top: none;
	line-height: 24px;
	padding: 20px;
	display: none;
}

.select {
	display: block;
}

.txt-article {
	min-height: 400px;
	overflow: hidden;
}

/*---------页尾区域---------*/
.footer {
	overflow: hidden;
	/*background:#ccc;*/
	background: #1b2935;
}

/*友情链接*/
.friendship {
	border-bottom: 1px solid #999;
	height: 40px;
	color: #ccc;
}

	.friendship .brand-tag {
		float: left;
		display: block;
		width: 80px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding-left: 10px;
	}

	.friendship ul {
		float: left;
		height: 40px;
	}

		.friendship ul li {
			height: 40px;
			line-height: 40px;
			padding: 0px 10px;
			float: left;
			font-size: 14px;
		}

			.friendship ul li:hover {
				color: #0094ff;
				text-decoration: underline;
				cursor: pointer;
			}

/*页脚中部*/

.fc {
	padding: 28px 0 24px 12px;
}
	/*页脚中部-左边导航*/
	.fc dl {
		width: 110px;
		float: left;
		margin-right: 50px;
		color: #ccc;
	}

		.fc dl dt {
			height: 24px;
			border-bottom: 1px solid #ccc;
			font-size: 14px;
			margin-bottom: 9px;
		}

		.fc dl dd {
			margin-bottom: 9px;
		}

			.fc dl dd a {
				color: #fff;
				text-decoration: none;
			}

				.fc dl dd a:hover {
					color: #457db4;
					text-decoration: none;
				}
/*页脚中部-右边二维码区域*/
.erweima {
	min-height: 175px;
	border-left: 1px dashed #929292;
	padding-left: 40px;
	float: left;
}

	.erweima div {
		float: left;
		margin-right: 40px;
		text-align: center;
		font-size: 14px;
		color: #ccc;
	}

		.erweima div span {
			padding: 10px;
			background: rgba(255,255,255,0.3);
			display: block;
			margin-bottom: 8px;
		}

		.erweima div img {
			height: 110px;
			width: 110px;
		}
/*页脚底部*/
.fc-bot {
	padding: 15px 0;
	border-top: 1px solid #818181;
}

.bot-link {
	text-align: center;
	color: #b4b4b4;
	margin-bottom: 8px;
}

	.bot-link a {
		color: #b4b4b4;
		margin: 0 5px;
	}

.copy {
	text-align: center;
	margin: 5px auto;
	color: #b4b4b4;
}

	.copy>span {
		line-height: 25px;
	}
		.copy>span>a{
			color:#eee;
			text-decoration:underline;
		}
			.copy>span>a:hover {
				cursor:pointer;
			}
			/*母版页banner图片*/
			.appbanner {
				clear: both;
				margin: 0 auto;
				height: 200px;
				width: 1197px;
				background: url(../Images/solutions.jpg);
				overflow: hidden;
			}

.probanner {
	clear: both;
	height: 200px;
	width: 1197px;
	background: url(../Images/probanner.jpg);
	overflow: hidden;
}

.mainbanner {
	clear: both;
	height: 200px;
	width: 1197px;
}

.newsbanner {
	clear: both;
	margin: 0 auto;
	height: 200px;
	width: 1197px;
	background: url(../Images/news.jpg);
	overflow: hidden;
}
.emcbanner {
	clear: both;
	margin: 0 auto;
	height: 200px;
	width: 1197px;
	background: url(../Images/probanner.jpg);
	overflow: hidden;
}
.contactbanner {
	clear: both;
	height: 200px;
	width: 1197px;
	background: url(../Images/contactus2.jpg);
	display: inline-block;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.techbanner {
	clear: both;
	height: 200px;
	width: 1197px;
	background: url(../image/jsfw.jpg);
	display: inline-block;
	overflow: hidden;
	text-align: center;
}

.side-catalog {
	position: fixed;
	left: 10px;
	top: 40%;
	margin-top: -90px;
	width: 60px;
}

	.side-catalog > div {
		height: 28px;
		background: #175ca1;
		color: #fff;
		font-size: 14px;
		line-height: 14px;
		padding: 16px;
		margin-bottom: 1px;
	}

		.side-catalog > div > a {
			color: #fff;
			font-size: 14px;
			line-height: 14px;
			text-decoration: none;
		}

		.side-catalog > div:hover {
			background: #37aef3;
			cursor: pointer;
		}