@charset "utf-8";
/* CSS Document */
body {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: '微软雅黑';
	color: #212121;
}
a {
	color: #212121;
	text-decoration: none;
}
a:hover {
	color: #107fd8;
	text-decoration: none;
}
a img {
	border: none;
}
div,
ul,
li,
p,
form,
h1,
h2,
h3,
h4,
h5,
dt,
dl,
dd,
table,
tr,
td {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
em {
	font-style: normal;
	font-weight: normal;
}
* {
	padding: 0px;
	margin: 0px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}
.Container {
	width: 1200px;
	margin: 0 auto;
}

/*头部*/
.Head {
	width: 100%;
	background: #fff;
	height: 120px;
}
.Head .logo {
	float: left;
	margin-top: 26px;
}
.Head .logo img {
	float: left;
	display: block;
}
.Head .tel {
	float: right;
	width: 290px;
	margin-top: 25px;
}
.Head .tel img {
	float: left;
	margin-top: 7px;
	margin-right: 24px;
}
.Head .tel p:nth-child(2) {
	font-size: 14px;
	color: #656565;
	height: 15px;
	line-height: 15px;
	margin-bottom: 5px;
}
.Head .tel p:nth-child(3),
.Head .tel p:nth-child(4) {
	font-size: 21px;
	color: #f00;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}
.Head .tel p:nth-child(3) span,
.Head .tel p:nth-child(4) span {
	font-size: 18px;
}

/*导航*/
#nav {
	width: 100%;
	margin: 0 auto;
	height: 50px;
	min-width: 1200px;
	background: #0d8dd4;
	font-size: 0;
}
#nav_menu {
	margin: 0 auto;
	width: 1200px;
	height: 51px;
	color: #fff;
}
#nav_menu li {
	display: inline-block;
}
#nav_menu li a {
	display: block;
	width: 150px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
}
#nav_menu li a:hover {
	color: #fff;
	background: #016298;
}
.nav_menu-item {
	display: block;
	position: relative;
}
.nav_menu-item .icons {
	position: absolute;
	right: 0;
	top: 18px;
}
.nav_menu-item:hover .icons {
	display: none;
}
.navhover {
	color: #fff !important;
	background: #016298;
}
.navhover a {
	color: #fff !important;
}
#nav_menu li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index: 99;
	border-top: solid 1px #fff;
}
#nav_menu li ul li {
	float: none;
}
#nav_menu li ul li a {
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	background: #0d8dd4;
	color: #fff !important;
	font-weight: normal;
	border-bottom: solid 1px #fff;
}
#nav_menu li ul li a:hover {
	color: #fff !important;
	background: #016298;
}

/*动画*/
.Banner {
	height: 600px;
	position: relative;
	min-width: 1200px;
	width: 100%;
	background: #e4e4e4;
}
.item {
	display: block;
	width: 100%;
	height: 5px;
	position: absolute;
	z-index: 124;
	top: 550px;
	left: 0;
	text-align: center;
}
.item a {
	display: inline-block;
	width: 30px;
	height: 8px;
	margin-right: 11px;
	background: #fff;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	overflow: hidden;
}
.item a.cur {
	background: #107fd8;
}
.slide-box,
.slide {
	display: block;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
.slide-box {
	position: relative;
}
.slide {
	display: none;
	height: 600px;
	position: relative;
	position: absolute;
	z-index: 8;
}
#bgstylea {
	background: url(banner1.png) center no-repeat;
}
#bgstyleb {
	background: url(banner2.png) center no-repeat;
}
#bgstylec {
	background: url(banner1.png) center no-repeat;
}
.slide a {
	display: block;
	width: 100%;
	height: 600px;
	cursor: pointer;
}
.obj-a,
.obj-b,
.obj-c,
.obj-d,
.obj-e,
.obj-f,
.obj-g {
	position: absolute;
	z-index: 9;
	left: 50%;
}
.obj-a,
.obj-b,
.obj-c,
.obj-d {
	width: 1200px;
	text-align: center;
}
.obj-a {
	top: 195px;
	margin-left: -930px;
}
.obj-b {
	top: 98px;
	margin-left: -300px;
}
.obj-c {
	top: 140px;
	margin-left: -880px;
}
.obj-d {
	bottom: 70px;
	margin-left: -260px;
}
.obj-e {
	margin-left: -553px;
	top: 64px;
	z-index: 12;
}
.obj-f {
	bottom: -4px;
	margin-left: 230px;
}
.obj-g {
	top: 40px;
	margin-left: 150px;
}
.banAnimate .obj-a {
	display: block;
	animation-name: baoAni;
	-webkit-animation: baoAni 0.4s linear 0s normal none;
	-moz-animation: baoAni 0.4s linear 0s normal none;
	animation: baoAni 0.4s linear 0s normal none;
}
@-webkit-keyframes baoAni {
	from {
		opacity: 0;
		left: 60%;
	}
	to {
		opacity: 1;
		left: 50%;
	}
}
@-moz-keyframes baoAni {
	from {
		opacity: 0;
		left: 60%;
	}
	to {
		opacity: 1;
		left: 50%;
	}
}
@keyframes baoAni {
	from {
		opacity: 0;
		left: 60%;
	}
	to {
		opacity: 1;
		left: 50%;
	}
}
.banAnimate .obj-b {
	display: block;
	animation-name: saAni;
	-webkit-animation: saAni 0.4s linear 0s normal none;
	-moz-animation: saAni 0.4s linear 0s normal none;
	animation: saAni 0.4s linear 0s normal none;
}
@-webkit-keyframes saAni {
	from {
		opacity: 0;
		-webkit-transform: scale(0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1, 1);
	}
}
@-moz-keyframes saAni {
	from {
		opacity: 0;
		-moz-transform: scale(0, 0);
	}
	to {
		opacity: 1;
		-moz-transform: scale(1, 1);
	}
}
@keyframes saAni {
	from {
		opacity: 0;
		transform: scale(0, 0);
	}
	to {
		opacity: 1;
		transform: scale(1, 1);
	}
}
.watch-code.code-show {
	display: block;
	animation-name: scode;
	-webkit-animation: scode 0.3s linear 0s normal none;
	-moz-animation: scode 0.3s linear 0s normal none;
	animation: scode 0.3s linear 0s normal none;
}
@-webkit-keyframes scode {
	from {
		opacity: 0;
		-webkit-transform: scale(1, 0);
		transform-origin: left bottom;
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform-origin: left bottom;
	}
}
@-moz-keyframes scode {
	from {
		opacity: 0;
		-moz-transform: scale(1, 0);
		transform-origin: left bottom;
	}
	to {
		opacity: 1;
		-moz-transform: scale(1, 1);
		transform-origin: bottom bottom;
	}
}
@keyframes scode {
	from {
		opacity: 0;
		transform: scale(1, 0);
		transform-origin: left bottom;
	}
	to {
		opacity: 1;
		transform: scale(1, 1);
		transform-origin: left bottom;
	}
}
.banAnimate .obj-c,
.banAnimate .obj-e {
	display: block;
	animation-name: saAnic;
	-webkit-animation: saAnic 0.3s linear 0s normal none;
	-moz-animation: saAnic 0.3s linear 0s normal none;
	animation: saAnic 0.3s linear 0s normal none;
}
@-webkit-keyframes saAnic {
	from {
		opacity: 0;
		left: 47%;
	}
	to {
		opacity: 1;
		left: 50%;
	}
}
@-moz-keyframes saAnic {
	from {
		opacity: 0;
		left: 47%;
	}
	to {
		opacity: 1;
		left: 50%;
	}
}
@keyframes saAnic {
	from {
		opacity: 0;
		left: 47%;
	}
	to {
		opacity: 1;
		left: 50%;
	}
}
.banAnimate .obj-d,
.banAnimate .obj-f,
.banAnimate .obj-g {
	display: block;
	animation-name: saAnid;
	-webkit-animation: saAnid 0.3s linear 0s normal none;
	-moz-animation: saAnid 0.3s linear 0s normal none;
	animation: saAnid 0.3s linear 0s normal none;
}
@-webkit-keyframes saAnid {
	from {
		opacity: 0;
		left: 53%;
	}
	to {
		opacity: 1;
		left: 50%;
	}
}
@-moz-keyframes saAnid {
	from {
		opacity: 0;
		left: 53%;
	}
	to {
		opacity: 1;
		left: 50%;
	}
}
@keyframes saAnid {
	from {
		opacity: 0;
		left: 53%;
	}
	to {
		opacity: 1;
		left: 50%;
	}
}

/* About */
.About {
	font-size: 0;
	padding-top: 40px;
	padding-bottom: 50px;
}
.aboutTitle {
	text-align: center;
}
.aboutTitle h2 {
	font-size: 30px;
	color: #107fd8;
	margin-bottom: 5px;
}
.aboutTitle span {
	width: 200px;
	height: 1px;
	display: block;
	margin: 0 auto;
	background: url(title_bottom.png) no-repeat top center;
	margin-bottom: 8px;
}
.aboutTitle p {
	font-size: 18px;
	color: #107fd8;
	font-family: 'Arial';
}
.aboutList {
	text-align: center;
	margin-top: 20px;
}
.aboutList p {
	font-size: 14px;
	color: #454545;
	line-height: 30px;
}
.aboutList p span {
	color: #107fd8;
}
.aboutList p a {
	color: #107fd8;
}
.aboutList ul {
	margin-top: 40px;
}
.aboutList li {
	display: inline-block;
	font-size: 21px;
	color: #107fd8;
	border: 1px solid #107fd8;
	width: 180px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	vertical-align: top;
	margin-right: 74px;
	border-radius: 10px;
	cursor: context-menu;
}
.aboutList li:hover {
	background: #107fd8;
	color: #fff;
	transition: 0.3s ease-in-out;
}
.aboutList li .icon1,
.icon2,
.icon3,
.icon4 {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.aboutList li .icon1 {
	background: url(about_img1.png) no-repeat center;
}
.aboutList li:hover .icon1 {
	background: url(about_img1_1.png) no-repeat center;
	transition: 0.3s ease-in-out;
}
.aboutList li .icon2 {
	background: url(about_img2.png) no-repeat center;
}
.aboutList li:hover .icon2 {
	background: url(about_img2_1.png) no-repeat center;
	transition: 0.3s ease-in-out;
}
.aboutList li .icon3 {
	background: url(about_img3.png) no-repeat center;
}
.aboutList li:hover .icon3 {
	background: url(about_img3_1.png) no-repeat center;
	transition: 0.3s ease-in-out;
}
.aboutList li .icon4 {
	background: url(about_img4.png) no-repeat center;
}
.aboutList li:hover .icon4 {
	background: url(about_img4_1.png) no-repeat center;
	transition: 0.3s ease-in-out;
}

/* Product */
.Product {
	font-size: 0;
	background: #e4e4e4;
	padding-top: 51px;
	padding-bottom: 40px;
}
.productMune {
	float: left;
	width: 265px;
}
.productTitle {
	background: #107fd8;
	text-align: center;
	height: 76px;
	padding-top: 12px;
}
.productTitle h2 {
	font-size: 30px;
	color: #fff;
}
.productTitle p {
	font-size: 14px;
	color: #fff;
	font-family: 'Arial';
}
.productMune ul {
	background: #e4e4e4;
}
.productMune li {
	font-size: 16px;
	color: #434343;
	background: #fff;
	height: 100px;
	line-height: 100px;
	text-align: center;
	margin-top: 18px;
	cursor: pointer;
}
.productMune li.active {
	color: #434343;
	background: #d7d7d7;
}
.productMune li:hover {
	color: #434343;
	background: #d7d7d7;
	transition: 0.3s ease-in-out;
}
.productList {
	float: right;
	width: 895px;
}
.productList li {
	display: inline-block;
	margin-right: 13px;
	margin-bottom: 20px;
}
.productList li:nth-child(3n) {
	margin-right: 0;
}
.productList li .productImg {
	width: 289px;
	overflow: hidden;
}
.productList li .productImg img {
	width: 100%;
}
.productList li p {
	font-size: 16px;
	color: #434343;
	text-align: center;
	padding: 13px 0;
}
.productList li:hover p {
	color: #107fd8;
	transition: 0.3s ease-in-out;
}

/* News */
.News {
	font-size: 0;
	background: #fff;
	padding-top: 40px;
}
.newsTitle {
	text-align: center;
}
.newsTitle h2 {
	font-size: 30px;
	color: #107fd8;
	margin-bottom: 5px;
}
.newsTitle span {
	width: 200px;
	height: 1px;
	display: block;
	margin: 0 auto;
	background: url(title_bottom.png) no-repeat top center;
	margin-bottom: 8px;
}
.newsTitle p {
	font-size: 18px;
	color: #107fd8;
	font-family: 'Arial';
}
.Message {
	width: 355px;
	display: inline-block;
}
.messageTitle p:first-of-type {
	font-size: 55px;
	color: #107fd8;
	float: left;
	height: 45px;
	line-height: 45px;
	font-weight: bold;
	margin-top: 0px;
}
.messageTitle h2 {
	font-size: 24px;
	color: #107fd8;
	height: 25px;
	line-height: 24px;
	padding-top: 3px;
}
.messageTitle p {
	font-size: 12px;
	color: #107fd8;
	font-family: 'Arial';
	height: 10px;
	line-height: 12px;
	margin-top: 7px;
}
.newsBox {
	margin-top: 30px;
	margin-bottom: 67px;
}
.Message ul {
	margin-top: 21px;
}
.Message li {
	margin-bottom: 15px;
}
.Message li span {
	font-size: 12px;
	color: #454545;
	vertical-align: middle;
	margin-right: 21px;
}
.Message li input {
	outline: none;
	border: 1px solid #d6d6d6;
	border-radius: 2px;
	background: #f7f7f7;
	width: 230px;
	height: 38px;
	vertical-align: middle;
	padding: 0 10px;
}
.Message li textarea {
	outline: none;
	border: 1px solid #d6d6d6;
	border-radius: 2px;
	background: #f7f7f7;
	width: 230px;
	height: 84px;
	vertical-align: middle;
	resize: none;
	padding: 10px;
}
.Message li:last-child {
	text-align: right;
	padding-right: 35px;
	margin-bottom: 0;
}
.Message li:last-child input {
	outline: none;
	border-radius: 5px;
	border: none;
	background: #ff9900;
	width: 251px;
	height: 40px;
	color: #fff;
	cursor: pointer;
}
.newsList {
	width: 488px;
	display: inline-block;
	background: #107fd8;
	vertical-align: top;
}
.newsList ul {
	padding: 19px 20px 30px;
}
.newsList li {
	padding: 16px 0;
	border-bottom: 1px dashed #fff;
}
.newsList img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
}
.newsList p {
	font-size: 14px;
	color: #fefefe;
	display: inline-block;
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
}
.newsList li:hover p {
	color: #d6d6d6;
	transition: 0.3s ease-in-out;
}
.newsList span {
	font-size: 14px;
	color: #fefefe;
	float: right;
}
.contactUs {
	width: 334px;
	display: inline-block;
	vertical-align: top;
	margin-left: 23px;
}
.newsList li:hover span {
	color: #d6d6d6;
	transition: 0.3s ease-in-out;
}
.contactTitle {
	width: 334px;
	height: 88px;
	text-align: center;
	background: url(contact_bg.png) no-repeat center top;
	padding-top: 30px;
}
.contactTitle h2 {
	font-size: 24px;
	color: #107fd9;
	margin-bottom: 3px;
}
.contactTitle p {
	font-size: 14px;
	color: #107fd9;
	font-family: 'Arial';
}
.contactUs ul {
	background: #f7f7f7;
	padding-left: 36px;
	padding-top: 18px;
	padding-bottom: 1px;
}
.contactUs li {
	margin-bottom: 12px;
}
.contactUs li img {
	vertical-align: top;
	margin-right: 20px;
}
.contactUs li span {
	font-size: 14px;
	color: #434343;
	display: inline-block;
	width: 250px;
	vertical-align: top;
	line-height: 24px;
	margin-top: -4px;
}
.contactUs li span a {
	color: #434343;
}

.n_banner {
	margin: 0 auto;
	width: 100%;
	height: 300px;
	background: url(n_banner.jpg) center no-repeat;
	background: #505050;
}

/*内页内容*/
.mainContent {
	margin: 20px auto;
	width: 1200px;
}
.weizhi {
	background: url(home.gif) left no-repeat;
	padding-left: 25px;
	margin-bottom: 25px;
	color: #999;
}
.weizhi a {
	color: #999;
}
.content {
	display: block;
	height: 50px;
	background: #107fd8;
	line-height: 50px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	box-shadow: 0 1px 4px #cfcfcf;
	border-radius: 50px 0;
}
.nTitle {
	font-size: 0;
	text-align: center;
	margin-top: 50px;
	border-bottom: 1px solid #b2b2b2;
	padding-bottom: 30px;
}
.nTitle h2 {
	font-size: 30px;
	color: #333;
	font-weight: 400;
	margin-bottom: 3px;
}
.nTitle p {
	font-size: 16px;
	color: #666;
	font-weight: 300;
	letter-spacing: 3px;
}

.list_left {
	text-align: center;
}
.list_left ul {
	margin-top: 30px;
}
.list_left li {
	display: inline-block;
	margin-right: 69px;
}
.list_left li:last-child {
	margin-right: 0;
}
.list_left li a {
	font-size: 20px;
	color: #666;
}
.list_left li:hover a {
	color: #107fd8;
	transition: 0.3s ease-in-out;
}
.list_left li a:after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #107fd8;
	margin: 0 auto;
	margin-top: 8px;
	transition: 0.3s ease-in-out;
}
.list_left li:hover a:after {
	width: 50%;
	transition: 0.3s ease-in-out;
}
.list_left .currclass a {
	color: #107fd8;
}
.list_left .currclass a:after {
	width: 50%;
}

.list_right_contact {
	display: block;
	margin-top: 20px;
	line-height: 30px;
}
.list_right_contact img {
	border: 1px solid #ccc;
	padding: 2px;
}
.list_right_contact img:hover {
	border: 1px solid #107fd8;
}
.list_right_contact .t {
	line-height: 45px;
}

.list_contact {
	display: block;
	margin: 20px 0;
	line-height: 30px;
}
.list_contact img {
	display: block;
	margin: 0 auto;
}
.list_contact .title {
	font-size: 18px;
	display: block;
	text-align: center;
	font-weight: bold;
	line-height: 45px;
}
.list_contact .date {
	display: block;
	text-align: center;
	margin: 10px 0;
}
.list_contact #next {
	display: block;
	border-top: dotted 1px #cccccc;
	margin-top: 15px;
	text-align: center;
	padding-top: 8px;
}

.list_contact_img {
	display: block;
	margin: 20px 0;
}
.list_contact_img img {
	border: solid 1px #ccc;
	padding: 1px;
}
.list_contact_img img:hover {
	border: solid 1px #107fd8;
}
.list_contact_img .t {
	line-height: 35px;
}

/*新闻栏目*/
.list_news {
	display: block;
	margin: 20px 0;
	margin-top: 50px;
}
.list_news li {
	height: 217px;
	overflow: hidden;
}
.list_news li .newsImg {
	width: 222px;
	height: 217px;
	float: left;
	margin-right: 24px;
}
.list_news li .newsImg img {
	width: 100%;
}
.list_news li .newsArt h2 {
	font-size: 24px;
	color: #333;
	font-weight: 100;
	margin-bottom: 30px;
}
.list_news li:hover .newsArt h2 {
	color: #107fd8;
	transition: 0.3s ease-in-out;
}
.list_news li .newsArt h2 span {
	font-size: 18px;
	color: #666;
	float: right;
}
.list_news li:hover .newsArt h2 span {
	color: #107fd8;
	transition: 0.3s ease-in-out;
}
.list_news li .newsArt p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}

/*产品栏目*/
.list_product {
	margin-top: 83px;
	padding-bottom: 50px;
	font-size: 0;
}
.list_product li {
	display: inline-block;
	margin-right: 32px;
	margin-bottom: 15px;
}
.list_product .nProductImg {
	position: relative;
	width: 276px;
	overflow: hidden;
}
.list_product .nProductImg img {
	width: 100%;
}
.list_product li p {
	width: 276px;
	height: 39px;
	font-size: 20px;
	color: #fff;
	background: #107fd8;
	text-align: center;
	line-height: 39px;
	position: absolute;
	bottom: -39px;
	transition: 0.3s ease-in-out;
}
.list_product li:hover p {
	bottom: 0;
	transition: 0.3s ease-in-out;
}
.list_product li:nth-child(4n) {
	margin-right: 0;
}
.list_product li h3 {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	text-align: center;
	padding: 15px 0;
}
.list_product li:hover h3 {
	color: #107fd8;
	transition: 0.3s ease-in-out;
}

/*产品内容页*/
#list_info {
	height: 28px;
	border-bottom: 1px solid #d5d5d3;
	margin: 20px 0;
	display: block;
}
#list_info .detailed {
	background: url(nav_bg2.gif) no-repeat;
	display: block;
	width: 72px;
	line-height: 28px;
	text-align: left;
	padding-left: 18px;
	font-weight: bold;
	color: #393939;
}
#list_product_content {
	display: block;
	clear: both;
}
#list_product_content .title {
	font-size: 18px;
	display: block;
	text-align: center;
	font-weight: bold;
	height: 45px;
	line-height: 45px;
}
#list_product_content .contact {
	display: block;
	line-height: 30px;
}
#list_product_content .contact td {
	padding-left: 20px;
}
#list_product_content .contact p {
	text-align: center;
}
#list_product_content .contact img {
	max-width: 1170px;
}
#list_product_content #next {
	display: block;
	border-top: dotted 1px #cccccc;
	margin-top: 15px;
	text-align: center;
	padding-top: 8px;
}
.prodtitle {
	line-height: 45px;
	font-size: 20px;
}
.products_show_1 {
	padding-top: 15px;
	display: block;
}
.show_left {
	float: left;
	width: 450px;
	margin-top: 13px;
}
.show_right {
	width: 490px;
	float: right;
}
.show_right LI {
	line-height: 35px;
	overflow: hidden;
	display: block;
	background: url(pdf.jpg) left no-repeat;
	padding-left: 28px;
}
.show_right .d_contact {
	display: block;
	line-height: 35px;
	margin-top: 10px;
}

.list_order {
	border-top: 1px solid #e5e5e5;
	margin: 20px 0 0;
	padding: 20px 0;
	font-family: 'Microsoft Yahei';
}
.list_order h2 {
	font-size: 16px;
	line-height: 30px;
	color: #333;
	height: 50px;
	overflow: hidden;
}
.list_order h2 span {
	color: #666;
	display: inline-block;
	padding-left: 20px;
	font-weight: normal;
}
.list_order ul li {
	margin-bottom: 25px;
}
.list_order li span {
	display: inline-block;
	width: 80px;
	font-size: 14px;
	vertical-align: top;
	color: #4a4a4a;
	text-align: right;
	line-height: 36px;
}
.list_order li span em {
	padding-right: 2px;
	font-style: normal;
}
.list_order .li01 {
	width: 450px;
	float: left;
}
.list_order .li02 {
	width: 450px;
	float: left;
}
.list_order .li03 {
	width: 450px;
	float: left;
}
.list_order .li04 {
	width: 900px;
	clear: both;
}
.list_order li img {
	vertical-align: middle;
	height: 36px;
	background: #e5e5e5;
}
.list_order .li05,
.online .li06 {
	margin-bottom: 10px;
}
.red_x {
	color: #dd3904;
	display: inline;
	font-family: '微软雅黑';
	font-size: 12px;
}
.inp1 {
	width: 324px;
	height: 36px;
	background: url(ordr_img_lian.png) no-repeat 324px 10px #f2f2f2;
	overflow: hidden;
	line-height: 36px;
	border: 0;
	padding: 0 25px 0 10px;
}
.inp2 {
	width: 324px;
	height: 36px;
	background: url(ordr_img_tel.png) no-repeat 324px 10px #f2f2f2;
	overflow: hidden;
	line-height: 36px;
	border: 0;
	padding: 0 25px 0 10px;
}
.inp3 {
	width: 324px;
	height: 36px;
	background: url(ordr_img_mail.png) no-repeat 324px 10px #f2f2f2;
	overflow: hidden;
	line-height: 36px;
	border: 0;
	padding: 0 25px 0 10px;
}
.inp4 {
	width: 788px;
	height: 109px;
	background: none;
	overflow: hidden;
	line-height: 36px;
	border: 1px solid #e0e0e0;
	resize: none;
}
.inp5 {
	width: 205px;
	height: 36px;
	overflow: hidden;
	line-height: 36px;
	border: 1px solid #e0e0e0;
	background: none;
	margin-right: 10px;
}
.inp7 {
	width: 324px;
	height: 36px;
	background: url(ordr_img_contact.png) no-repeat 324px 10px #f2f2f2;
	overflow: hidden;
	line-height: 36px;
	border: 0;
	padding: 0 25px 0 10px;
}
.btn1 {
	width: 80px;
	height: 35px;
	border: 0;
	margin: 10px 27px 0 80px;
	background: #107fd8;
	color: #ffffff;
	cursor: pointer;
	font-family: '微软雅黑';
	font-size: 16px;
}
.btn1:hover {
	background: #ffa200;
}
.btn2 {
	width: 80px;
	height: 35px;
	border: 0;
	margin: 10px 0 0 0;
	background: #ffa200;
	color: #ffffff;
	cursor: pointer;
	font-family: '微软雅黑';
	font-size: 16px;
}
.btn2:hover {
	background: #028ed0;
}

/*图片放大镜样式*/
.jqzoom {
	float: left;
	border: none;
	position: relative;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	display: block;
}
.jqzoom img {
	width: 450px;
	height: 338px;
	max-width: 450px;
	max-height: 338px;
	border: solid 1px #eee;
}
.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 450px;
	display: none;
	text-align: center;
	overflow: hidden;
}
.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	border: 1px solid #aaa;
	background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
}

/*图片小图预览列表*/
.spec-preview {
	width: 450px;
}
.spec-scroll {
	clear: both;
	margin-top: 5px;
}
.spec-scroll .prev {
	float: left;
	margin-right: 2px;
	background: url(left.gif) no-repeat;
	margin-top: 20px;
}
.spec-scroll .next {
	float: right;
	background: url(right.gif) no-repeat;
	margin-top: 20px;
}
.spec-scroll .prev,
.spec-scroll .next {
	display: block;
	width: 17px;
	height: 54px;
	line-height: 54px;
	cursor: pointer;
	text-decoration: none;
}
.spec-scroll .items {
	float: left;
	position: relative;
	width: 408px;
	height: 56px;
	overflow: hidden;
	margin-top: 20px;
}
.spec-scroll .items ul {
	position: absolute;
	width: 999999px;
	height: 54px;
}
.spec-scroll .items ul li {
	float: left;
	width: 67px;
	text-align: center;
}
.spec-scroll .items ul li img {
	border: 1px solid #ccc;
	padding: 1px;
	width: 50px;
	height: 50px;
}
.spec-scroll .items ul li img:hover {
	border: 1px solid #ff6600;
	padding: 1px;
}

/*分页*/
#fenye {
	clear: both;
	margin: 20px 20px 0 0;
	font-size: 14px;
}
#fenye .prev_h,
#fenye .next_h {
	width: 55px;
	text-align: center;
	line-height: 20px;
}
#fenye a.curr {
	width: 25px;
	background: #107fd8;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#fenye a.curr:visited {
	color: #fff;
}
#fenye a {
	color: #333333;
	background: #fff;
	margin: 0px 5px;
	border: 1px solid #dcdddd;
	float: left;
	text-align: center;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#fenye a.num {
	width: 22px;
}
#fenye a:visited {
	color: #333333;
}
#fenye a:hover {
	float: left;
}
#fenye span {
	line-height: 30px;
	font-size: 13px;
	height: 30px;
}

/*在线留言*/
.nForm {
	font-size: 0;
	margin-top: 10px;
}
.nForm li {
	display: inline-block;
	width: 50%;
	margin-bottom: 42px;
}
.nForm li p {
	font-size: 18px;
	color: #606060;
}
.nForm li input {
	height: 40px;
	background: #f2f2f2;
	outline: none;
	padding: 0 10px;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	width: 70%;
}
.nForm li:nth-child(5) {
	width: 100%;
}
.nForm li textarea {
	vertical-align: top;
	resize: none;
	background: #f2f2f2;
	outline: none;
	padding: 10px;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	width: 85%;
	height: 200px;
}
.nForm li:last-child {
	width: 100%;
	text-align: center;
}
.nForm li:last-child input {
	width: 195px;
	height: 50px;
	background: #0090c1;
	color: #fff;
	cursor: pointer;
}

/*右边浮动*/
.floating_ck {
	position: fixed;
	right: 0px;
	top: 50%;
	z-index: 99999999999;
}
.floating_ck dl dd {
	position: relative;
	width: 80px;
	height: 80px;
	background-color: #3684e6;
	border-bottom: solid 1px #fff;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 20%;
	cursor: pointer;
}
.floating_ck dl dd:hover {
	background-color: #3684e6;
	border-bottom: solid 1px #fff;
}
.floating_ck dl dd:hover .floating_left {
	display: block;
}
.consult {
	background-image: url(qq.png);
}
.qrcord {
	background-image: url(weixin.png);
}
.return {
	background-image: url(fanhui.png);
}
.floating_ck dd span {
	color: #fff;
	display: block;
	padding-top: 54px;
}
.floating_left {
	position: absolute;
	left: -120px;
	top: 0px;
	width: 120px;
	height: 80px;
	background-color: #3684e6;
	border-bottom: solid 1px #f7ab00;
	display: none;
}
.floating_left a {
	color: #fff;
	line-height: 80px;
}
.floating_ewm {
	height: 150px;
	top: -68px;
}
.floating_ewm i {
	background-image: url(mobile.jpg);
	display: block;
	width: 110px;
	height: 110px;
	margin: auto;
	margin-top: 7px;
}
.floating_ewm p {
	color: #fff;
	margin-top: 5px;
}
.floating_ewm .qrcord_p01 {
	font-size: 12px;
	line-height: 20px;
}
.floating_ewm .qrcord_p02 {
	font-size: 14px;
}

/*底部*/
.footer {
	font-size: 0;
	background: #016298;
	height: 127px;
	text-align: center;
	padding-top: 35px;
}
.footerNav {
	margin-bottom: 30px;
}
.footerNav a {
	font-size: 14px;
	color: #fff;
	display: block;
}
.footerNav li:hover a {
	color: #d7d7d7;
	transition: 0.3s ease-in-out;
}
.footerNav li {
	display: inline-block;
	margin-right: 40px;
}
.footTel {
	font-size: 14px;
	color: #fff;
}
.footTel div {
	margin-bottom: 14px;
}
.footTel a {
	color: #fff;
}
