@charset "utf-8";

/* CSS Document */
td {
	font-family: "微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	color: #555;
}

th {
	font-family: "微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	color: #555;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
menu {
	display: block;
	margin: 0px;
	padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
{
	display: block;
	padding: 0px;
	margin: 0px;
	color: #555;
	font-family: "微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;
}

p,
ul,
ol,
li,
form,
img,
dl,
dt,
dd,
em,
i,
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
}

em,
i {
	font-style: normal;
}

img {
	/*display: block;*/
	/*margin: 0px auto;*/
	/*border: 0px !important;*/
}

input,
button,
select {
	margin: 0;
	font-size: 12px;
	vertical-align: middle;
	outline: none;
}

dl,
dt,
ul,
ol {
	margin: 0px;
	display: block;
	padding: 0px;
	list-style: none;
}

h1 {}

h2 {
	padding: 0px;
	display: block;
	font-weight: normal;
}

h3 {
	padding: 0px;
	margin: 0px;
	display: block;
}

h4 {
	padding: 0px;
	margin: 0px;
	display: block;
}

h5 {}

h6 {}


/*详细页面公用样式*/

.title_news {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #555;
}

.news_Date {
	color: #999;
	text-align: center;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}

.Date {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 60px;
	height: 24px;
	line-height: 24px;
	float: right;
	text-align: center;
	font-style: normal;
}

.pic_show {
	margin: 0px;
	padding: 30px 0;
}

.pic_show img {
	max-width: 740px;
	height: auto;
	margin: 0 auto;
	border: 0px solid #ccc;
	padding: 0px;
	text-align: center;
}


/*behavior:url(../images/pie.htc);*/

.pic_show ul img {
	max-width: 780px;
	height: auto;
	border: 0px solid #ccc;
	padding: 0px;
	text-align: center;
}


/*Pagination*/

#Pagination {
	height: 24px;
	padding: 30px 0px 30px 0px;
}

#Pagination em {
	display: inline;
	float: left;
	margin-right: 6px;
	font-family: "宋体";
	background: #999;
	height: 24px;
	line-height: 24px;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	behavior: url(../images/pie.htc);
}

#Pagination em a {
	display: block;
	padding: 0px 10px;
	font-family: "宋体";
	height: 24px;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	behavior: url(pie.htc);
}

#Pagination em a:hover {
	display: block;
	padding: 0px 10px;
	background: #00a1be;
	color: #fff;
	font-family: "宋体";
	height: 24px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	behavior: url(../js/pie.htc);
}

#Pagination em#pa_hover {
	display: inline;
	margin-right: 10px;
	font-family: "宋体";
	float: left;
	height: 24px;
	line-height: 24px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	behavior: url(../js/pie.htc);
}

#Pagination em#pa_hover a {
	display: block;
	padding: 0px 10px;
	background: #00a1be !important;
	font-family: "宋体";
	color: #fff;
	height: 24px;
	line-height: 24px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	behavior: url(pie.htc);
}

.title_news {
	font-size: 24px;
	padding-top: 30px;
}

.top {
	width: 100%;
	height: 93px;
	background: #fff;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9;
	border-bottom: 1px solid #00a1be
}

.top ol {
	display: block;
	width: 1024px;
	height: 93px;
	margin: 0 auto;
}

.top ol .logo {
	display: block;
	width: 198px;
	height: 93px;
	float: left;
}


/*menu*/

.menu {
	width: 760px;
	float: right;
}

.menu dl {
	display: block;
	height: 17px;
	line-height: 17px;
	padding: 5px 0px;
}

.menu dl span {
	display: block;
	width: 230px;
	float: right;
	text-align: right;
}

.menu dl span a {
	display: inline;
	padding: 0px 6px;
	float: left;
	border-right: 1px solid #ddd;
}

.menu dl em {
	display: block;
	width: 158px;
	background: url(../images/phone.png) no-repeat left;
	padding-left: 30px;
	color: #00a1be;
	font-size: 18px;
	font-weight: bold;
	margin-left: 660px;
	margin-top: 33px;
}

.menu dl em a {
	display: block;
	width: 20px;
	height: 17px;
	float: right;
	margin-left: 10px;
	position: relative;
}

.menu dl em a s {
	display: none;
	width: 150px;
	height: 150px;
	position: absolute;
	top: 20px;
	right: 0px;
	z-index: 99;
}

.menu dl em a s img {
	width: 100%;
}

.menu dl em a:hover s {
	display: block;
}

ul.nav {
	display: block;
	margin: 0px;
}

ul.nav li {
	width: 98px;
	text-align: center;
}

ul.nav>li {
	float: left;
	margin-right: 10px;
}

ul.nav li h3 {}

ul.nav li h3 a {
	display: block;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
}

ul.nav>li>h3 {}

ul.nav>li>ul>li h3 {
	height: 40px;
	line-height: 40px;
}

ul.nav>li h3:hover,
.choice {

}

ul>li>ul {
	display: none;
}

ul>li.on>ul {
	display: block;
}

ul.nav li {
	background: #fff;
	height: 30px;
	line-height: 30px;
}

ul.nav li a:hover {
	display: block;
	background: #00a1be;
	color: #fff;
}

ul.nav>li>ul>li ul {
	position: absolute;
	top: 0;
	right: -200px;
}

ul.nav span.sub {
	position: absolute;
	display: block;
	right: 10px;
	top: 0;
	width: 10px;
	height: 40px;
}


/*banner*/

.index_show {
	position: relative;
	width: 100%;
	height: 500px;
	padding-top: 93px;
}

.index_show ol {
	display: block;
	hanging-punctuation: 0px;
	width: 1180px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.index_show ol dl {
	display: block;
	width: 209px;
	height: 500px;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px 10px;
}

.index_show ol dl td {
	line-height: 24px;
}

.bxslider {
	height: 500px;
	overflow: hidden;
	width: 100%;
}

.bxslider li {
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.bx-controls {
	display: none;
}

#bx-pager {
	position: absolute;
	left: 50%;
	bottom: 15px;
	z-index: 10;
	margin-left: -100px;
	padding-bottom: 6px;
}

#bx-pager a {
	float: left;
	width: 45px;
	height: 5px;
	background: #fff;
	margin-left: 10px;
}

#bx-pager a:hover {
	text-decoration: none;
}

#bx-pager .active {
	position: relative;
	background: #00a1be;
	color: #fff;
}

#bx-pager .active::before {
	content: '';
	position: absolute;
	top: -10px;
	left: 25px;
}

.navigation {
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 50px 0px 0px 0;
}

.navigation span {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 36px;
	text-align: center;
	color: #333;
	font-weight: normal;
	padding: 10px 0px;
}

.navigation span.ys {
	color: #fff;
}

.navigation dl {
	display: block;
	height: 42px;
	background: url(../images/png_06.png) no-repeat center bottom;
}

.navigation dl em {
	width: 47%;
	height: 1px;
	border-bottom: 1px solid #9fa0a0;
	float: left;
	padding-top: 21px;
}

.navigation dl i {
	width: 47%;
	height: 1px;
	border-bottom: 1px solid #9fa0a0;
	float: right;
	padding-top: 21px;
}

.more_01 {
	display: block;
	width: 100px;
	height: 30px;
	margin: 0 auto;
	line-height: 30px;
	border: 1px solid #eee;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.more_02 {
	display: block;
	width: 100px;
	height: 30px;
	margin: 0 auto;
	line-height: 30px;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}


/* 本例子css */

.picScroll-left {
	width: 1024px;
	overflow: hidden;
	margin: 0 auto 15px auto;
	padding: 50px 0px;
}

.picScroll-left .hd {
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	color: #c40202;
}

.picScroll-left .hd ul {
	overflow: hidden;
	zoom: 1;
	zoom: 1;
	list-style: none;
	position: relative;
	top: 3px;
	left: 0;
	height: 30px;
	letter-spacing: -6px;
	text-align: center;
}

.picScroll-left .hd ul li {
	display: inline;
	overflow: hidden;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	letter-spacing: normal;
	cursor: pointer;
	margin-right: 5px;
	width: 14px;
	height: 14px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
}

.picScroll-left .hd ul li.on {

}

.picScroll-left .bd {
	padding: 10px 0 20px 0;
}

.picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}

.picScroll-left .bd ul li {
	width: 230px;
	margin: 0 12px 0 0;
	float: left;
	_display: inline;
	overflow: hidden;
	padding: 5px;
	background: #eee;
}

.picScroll-left .bd ul li s {
	display: block;
	width: 230px;
	height: 184px;
	text-align: center;
}

.picScroll-left .bd ul li s img {
	max-width: 230px;
	max-height: 218px;
	width: expression(this.width > 230 && this.width > this.height ? 218:true);
	height: expression(this.height >218 ? 218: true);
	vertical-align: middle;
	display: block;
}

.picScroll-left .bd ul li span {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
}

.picScroll-left .bd ul li a:hover span {
	display: block;
	background: #00a1be;
	color: #fff;
}

.picScroll-left .bd ul li:hover {
	display: block;
	background: #00a1be;
	color: #fff;
}

.jieshao{
	visibility: visible;
    animation-duration: 2s;
    animation-delay: 0.5s;
    animation-name: fadeInRight;
    line-height: 1.8;
    text-align: justify;
}
.more{
	text-align: center;
    color: #fff;
    background: #007cc4;
    padding: 4px 20px;
    float: right;
    margin-top: 20px;
    font-size: 12px;
    display: inline-block;
    color: #fff !important;
}
.home_about {
	background-color: #F1F1F1;
	height: 662px
}

.home_about ol {
	display: block;
	width: 1150px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

.home_about ol dl {
	display: block;
	width: 400px;
	height: 390px;
	float: left;
	margin-left: 70px;
}

.home_about ol dl s img {
	width: 100%;
    height: 400px;
    border: 1px solid #cccccc;
    padding: 5px;
    box-sizing: border-box;
}

.home_about ol ul {
	display: block;
	height: 390px;
	margin: 0 0 0 395px;
}

.home_about ol ul span {
	display: block;
	text-indent: 2em;
	color: #333;
	padding: 16px 0 0 110px;
    font-size: 14.5px;
    line-height: 1.8;
	text-align: justify;
}




.home_fuwu {
	height: 682px;
	background: url(../images/about_bg.jpg) no-repeat center top;
}

.home_fuwu ol {
	display: block;
	width: 1024px;
	margin: 0 auto;
	padding: 60px 0 0 0;
}

.home_fuwu ol dl {
	display: block;
	width: 260px;
	height: 390px;
	border: 10px solid #00a1be;
	float: left;
	margin-left: 70px;
	position: relative;
}

.home_fuwu ol dl s {
	display: block;
	width: 285px;
	height: 215px;
	background: #fff;
	padding: 10px;
	position: absolute;
	top: 80px;
	left: -80px;
}

.home_fuwu ol ul {
	display: block;
	height: 390px;
	margin: 0 0 0 395px;
}

.home_fuwu ol ul span {
	display: block;
	width: 400px;
	padding-top: 130px;
	text-indent: 20px;
	color: #fff;
}

.home_fuwu ol ul em {
	display: block;
	width: 185px;
	height: 316px;
	float: right;
	position: relative;
	margin-top: 40px;
}

.home_fuwu ol ul em .about_more {
	display: block;
	width: 180px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #00a1be;
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: 30px;
	left: -90px;
}

.home_hezuo {
	display: block;
	overflow: hidden;
	padding-bottom: 50px;
}

.home_hezuo ul {
	display: block;
	width: 1024px;
	margin: 0 auto;
	padding: 50px 0 20px 0;
	overflow: hidden;
	width: 1100px;
}

.home_hezuo ul li {
	display: inline;
	width: 192px;
	position: relative;
	margin: 0 26px 15px 0;
	float: left;
	border: 1px solid #eee;
}

.home_hezuo ul li img {
	display: block;
	max-width: 192px;
	max-height: 154px;
	width: expression(this.width > 192 && this.width > this.height ? 192:true);
	height: expression(this.height >154 ? 154: true);
	vertical-align: middle;
}

.home_hezuo ul li span {
	display: none;
	width: 192px;
	height: 30px;
	line-height: 30px;
	background: #00a1be;
	color: #fff;
	text-align: center;
	opacity: 0.8;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.home_hezuo ul li:hover span {
	display: block;
}

.home_youshi {
	display: block;
	overflow: hidden;
	padding-bottom: 50px;
}


.home_youshi ol {
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}

.home_youshi ul {
	display: block;
	padding: 50px 0 20px 0;
	overflow: hidden;
	width: 1100px;
}

.home_youshi ul li {
	display: block;
	width: 488px;
	float: left;
	margin: 0 48px 15px 0;
}
/*优势照片*/
.home_youshi ul li img {
	width: 100%;
}
/*优势标号*/
.home_youshi ul li span {
	margin-top: 10px;
	display: block;
	width: 70px;
	background: #fff;
	float: left;
	font-size: 16px;
	color: #999;
	line-height: 50px;
	text-align: center;
	font-family: baskerville, georgia, arial, serif;
}

.home_youshi ul li span em {
	display: block;
	height: 50px;
	font-size: 30px;
	color: #fff;
	background: #00a1be;
	font-family: baskerville, georgia, arial, serif;
}
/*优势介绍*/
.home_youshi ul li dl {
	display: block;
	/*height: 100px;*/
	margin: 0 0 0 80px;
	color: #888;
}

.home_youshi ul li dl dt {
	display: block;
	height: 24px;
	line-height: 24px;
}

.home_youshi ul li dl dt a {
	font-size: 14px;
	color: #333;
}
.home_news {
	display: block;
	overflow: hidden;
	padding-bottom: 50px;
	background: url(../images/news_bg.jpg);
}
.home_case{
	height: 682px;
	background: url(../images/case_bg.jpg) no-repeat center top;
}
.home_case .navigation span{
	color: #fff;
}

.home_news ol {
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}

.home_news ul {
	display: block;
	padding: 50px 0 20px 0;
	overflow: hidden;
	width: 1100px;
}

.home_news ul li {
	display: block;
	width: 488px;
	float: left;
	margin: 0 48px 15px 0;
}
/*优势照片*/
.home_news ul li img {
	width: 100%;
}
/*优势标号*/
.home_news ul li span {
	margin-top: 10px;
	display: block;
	width: 70px;
	background: #fff;
	float: left;
	font-size: 16px;
	color: #999;
	line-height: 50px;
	text-align: center;
	font-family: baskerville, georgia, arial, serif;
}

.home_news ul li span em {
	display: block;
	height: 50px;
	font-size: 30px;
	color: #fff;
	background: #00a1be;
	font-family: baskerville, georgia, arial, serif;
}
/*优势介绍*/
.home_news ul li dl {
	display: block;
	/*height: 100px;*/
	margin: 0 0 0 80px;
	color: #888;
}

.home_news ul li dl dt {
	display: block;
	height: 24px;
	line-height: 24px;
}

.home_news ul li dl dt a {
	font-size: 14px;
	color: #333;
}

.footer {
	width: 100%;
	overflow: hidden;
	background: #222132;
}

.footer ul {
	display: block;
	width: 1024px;
	margin: 0 auto;
	padding: 60px 0 20px 0;
	color: #848484 !important;
}

.footer ul dl {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 710px;
	float: right;
}

.footer ul dl li {
	display: block;
	width: 100px;
	float: right;
}

.footer ul dl li h4 {
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
}

.footer ul dl li a {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #848484;
}

.footer ul dl li a:hover {
	color: #fff;
}

.footer ul span {
	display: block;
	width: 300px;
	float: left;
	color: #848484 !important;
}

.footer ul span a {
	color: #848484 !important;
}

.footer ul span td {
	color: #848484 !important
}


/*返回顶部*/

#back-to-top {
	position: fixed;
	bottom: 100px;
	right: 30px;
}

#back-to-top a {
	text-align: center;
	text-decoration: none;
	color: #d1d1d1;
	display: block;
	height: 59px;
	width: 59px;
	border-radius: 59px;
	-moz-border-radius: 59px;
	-ms-border-radius: 59px;
	-o-border-radius: 59px;
	-webkit-border-radius: 59px;
	behavior: url(pie.htc);
	-moz-transition: color 1s;
	-webkit-transition: color 1s;
	-o-transition: color 1s;
}

#back-to-top a:hover {
	color: #979797;
}

#back-to-top a span {
	display: block;
	height: 59px;
	width: 59px;
	border-radius: 59px;
	-moz-border-radius: 59px;
	-ms-border-radius: 59px;
	-o-border-radius: 59px;
	-webkit-border-radius: 59px;
	behavior: url(pie.htc);
	background: #00a1be url(../images/png_03.png) no-repeat center center;
	margin-bottom: 5px;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
}

#back-to-top a:hover span {
	background: url(../images/png_03.png) no-repeat center center;
}

.main {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0 30px 0;
}

.left {
	width: 260px;
	float: left;
}

.right {
	width: 900px;
	float: right;
}

.right ul {
	padding-top: 15px;
}

.nr {
	padding-top: 15px;
	font-size: 14px;
	line-height: 36px;
}

.nr h9 {
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: #00a1be;
	display: block;
	padding: 15px;
}

.nr h8 {
	border-bottom: 1px dashed #CCCCCC;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	padding: 0;
	margin-bottom: 20px;
	font-size: 12px;
}

.title_2 {
	display: block;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #ddd;
	font-size: 24px;
	color: #00a1be;
	padding: 0;
	font-weight: normal;
}

.title_2 span {
	display: block;
	width: 500px;
	height: 60px;
	float: right;
	text-align: right;
	font-size: 12px;
	color: #999;
}

.title_2 span a {
	color: #999;
	font-size: 12px;
}

.title_2 span a:hover {
	color: #00a1be;
	font-size: 12px;
}

.title_3 {
	display: block;
	color: #999;
	padding: 10px 0px;
	border-top: 1px solid #ccc;
	margin-top: 40px;
}

.title_3 li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dotted #ddd;
	font-size: 14px;
	font-weight: bold;
}

.title_3 li a {
	color: #999;
	font-size: 14px;
	font-weight: normal;
}

.title_3 li a:hover {
	color: #00a1be;
	font-size: 14px;
}

.side_title {
	display: block;
	height: 82px;
	background: #00a1be;
	color: #fff;
	padding: 0 10px;
	font-weight: normal;
}

.side_title i {
	display: block;
	width: 50px;
	height: 82px;
	line-height: 82px;
	font-size: 53px;
	text-transform: uppercase;
	float: left;
	text-align: center;
}

.side_title span {
	display: block;
	height: 82px;
	font-size: 24px;
	margin: 0 0 0 60px;
	padding-top: 20px;
}

.side_title span em {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
}

.side_manu {
	margin-bottom: 15px;
}

.side_manu ul {
	border: 1px solid #ddd;
	display: block;
	margin: 0px;
	padding: 10px;
}

.side_manu ul li {
	height: 35px;
	line-height: 35px;
	margin-bottom: 6px;
	background:#eee;
}

.side_manu ul li a {
	display: block;
	padding-left: 30px;
}

.side_manu ul li a:hover {
	display: block;
	background: #00a1be;
	color: #fff;
	padding-left: 30px;
}

.side_manu ul li #hover {
	display: block;
	background: #00a1be url(../images/side_nav_hover.png) no-repeat 10px center;
	color: #fff;
	padding-left: 30px;
}

.side_manu ul em {
	display: block;
	height: 35px;
	line-height: 35px;
	background: #eee url(../images/side_nav.png) no-repeat 10px center;
	margin-bottom: 6px;
}

.side_manu ul em a {
	display: block;
	padding-left: 30px;
}

.side_manu ul em a:hover {
	display: block;
	background: #00a1be url(../images/side_nav_hover.png) no-repeat 10px center;
	color: #fff;
	padding-left: 30px;
}

.side_manu ul em #hover {
	display: block;
	background: #00a1be url(../images/side_nav_hover.png) no-repeat 10px center;
	color: #fff;
	padding-left: 30px;
}

.side_manu ul i {
	display: block;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dotted #ddd;
	background: url(../images/bpoint.gif) no-repeat 20px center;
	padding-left: 35px;
}

.lxwm {
	margin-bottom: 10px;
	margin-top: 40px;
}

.lxwm h3 {
	display: block;
}


.lxwm ul {
	display: block;
	margin: 0px;
	padding: 10px 0px;
}

.lxwm ul li {
	line-height: 24px;
	min-height: 24px;
}

.banner_1 {
	height: 260px;
	background: url(../images/about.jpg) no-repeat center 93px;
	padding-top: 93px;
}
.banner_2 {
	height: 260px;
	background: url(../images/product.jpg) no-repeat center 93px;
	padding-top: 93px;
}
.banner_3 {
	height: 260px;
	background: url(../images/news.jpg) no-repeat center 93px;
	padding-top: 93px;
}
.banner_4 {
	height: 260px;
	background: url(../images/contact.jpg) no-repeat center 93px;
	padding-top: 93px;
}
.banner_5 {
	height: 260px;
	background: url(../images/join.jpg) no-repeat center 93px;
	padding-top: 93px;
}
.footer_02 {
	height: 40px;
	line-height: 40px;
	background: #424548;
	color: #848484;
}

.footer_02 ul {
	display: block;
	width: 1024px;
	height: 40px;
	margin: 0 auto;
}

.footer_02 ul a {
	color: #848484;
}

.footer_02 ul a:hover {
	color: #fff;
}

.news_list {
	display: block;
	margin: 0px;
	padding: 0px;
}

.news_list li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dotted #ddd;
	background: url(../images/bpoint.gif) no-repeat left;
	padding-left: 18px;
}

.news_list li span {
	display: block;
	width: 80px;
	height: 40px;
	float: right;
	text-align: right;
	color: #999;
}

.news_list li a {
	font-size: 15px;
	display:block;width:780px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;
}

.product {
	width: 740px;
	float: right;
	overflow: hidden;
}

.product ul {
	display: block;
	margin: 0px;
	padding: 30px 0;
	width: 780px;
	overflow: hidden;
}

.product ul li {
	width: 230px;
	margin: 0 19px 20px 0;
	float: left;
	_display: inline;
	overflow: hidden;
	padding: 2px;
	background: #eee;
}

.product ul li s {
	display: block;
	width: 230px;
	height: 218px;
	text-align: center;
}

.product ul li s img {
	max-width: 230px;
	max-height: 218px;
	width: expression(this.width > 230 && this.width > this.height ? 218:true);
	height: expression(this.height >218 ? 218: true);
	vertical-align: middle;
	display: block;
}

.product ul li span {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
}

.product ul li a:hover span {
	display: block;
	background: #00a1be;
	color: #fff;
}

.product ul li:hover {
	display: block;
	background: #00a1be;
	color: #fff;
}

.pic {
	width: 900px;
	float: right;
	overflow: hidden;
}

.pic ul {
	display: block;
	margin: 0px;
	padding: 30px 0;
	width: 780px;
	overflow: hidden;
}

.pic ul li {
	width: 230px;
	margin: 0 19px 20px 0;
	float: left;
	_display: inline;
	overflow: hidden;
	padding: 2px;
	background: #eee;
}

.pic ul li s {
	display: block;
	width: 230px;
	height: 184px;
	text-align: center;
}

.pic ul li s img {
	max-width: 230px;
	max-height: 184px;
	width: expression(this.width > 230 && this.width > this.height ? 218:true);
	height: expression(this.height >218 ? 218: true);
	vertical-align: middle;
	display: block;
}

.pic ul li span {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
}

.pic ul li a:hover span {
	display: block;
	background: #00a1be;
	color: #fff;
}

.pic ul li:hover {
	display: block;
	background: #00a1be;
	color: #fff;
}

.case {
	width: 740px;
	float: right;
	overflow: hidden;
}

.case ul {
	display: block;
	margin: 0px;
	padding: 30px 0;
	width: 780px;
	overflow: hidden;
}

.case ul li {
	display: inline;
	width: 230px;
	position: relative;
	margin: 0 22px 15px 0;
	float: left;
	border: 1px solid #eee;
}

.case ul li s {
	display: block;
	width: 230px;
	height: 230px;
	text-align: center;
}

.case ul li s img {
	display: block;
	max-width: 230px;
	max-height: 230px;
	width: expression(this.width > 230 && this.width > this.height ? 230:true);
	height: expression(this.height >230 ? 230: true);
	vertical-align: middle;
}

.case ul li span {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #f1f1f1;
}

.case ul li a:hover span {
	display: block;
	background: #00a1be;
	color: #fff;
}

.case ul li:hover {
	display: block;
	background: #00a1be;
	color: #fff;
}

.bd_1 {
	display: block;
	height: 30px;
	line-height: 30px;
	width: 300px;
	border: 1px solid #ddd;
}

.bd_2 {
	display: block;
	height: 30px;
	line-height: 30px;
	width: 640px;
	height: 150px;
	border: 1px solid #ddd;
}


/*分页样式*/

.page_fy {
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 20px;
	margin: 3px;
	padding-top: 20px;
	text-align: center;
}

.page_fy a {
	border-right: #eee 1px solid;
	border-top: #eee 1px solid;
	margin: 2px;
	border-left: #eee 1px solid;
	color: #00a1be;
	border-bottom: #eee 1px solid;
	text-decoration: none;
	padding: 5px 14px;
}

.page_fy a:hover {
	border-right: #999 1px solid;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	color: #666;
	border-bottom: #999 1px solid
}

.page_fy a:active {
	border-right: #999 1px solid;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	color: #666;
	border-bottom: #999 1px solid
}

.page_fy .focus {
	border-right: #00a1be 1px solid;
	padding-right: 5px;
	border-top: #00a1be 1px solid;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #00a1be 1px solid;
	color: #fff;
	padding-top: 2px;
	border-bottom: #00a1be 1px solid;
	background-color: #00a1be
}

.page_fy .disabled {
	border-right: #eee 1px solid;
	padding-right: 5px;
	border-top: #eee 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #eee 1px solid;
	color: #ddd;
	padding-top: 2px;
	border-bottom: #eee 1px solid
}
.page_fy span {
	padding-left: 5px;
}

.page_fy span.off {
	border: 1px solid #EEEEEE;
	color: #7a7a7a;
	margin: 2px;
	padding: 2px 5px;
}

.show_left {
	width: 406px;
	height: 380px;
	/*float: left*/
	margin: 0 auto;
}

.show_left .img {
	padding: 2px;
	margin-bottom: 8px;
	border: 1px solid #E7E7E7;
}

.show_left .img_go {}

.show_left .img_go span {
	width: 4px;
	height: 48px;
	background: url(icon5.gif) no-repeat 0 center;
	float: left;
}

.show_left .img_go span.spanR {
	width: 4px;
	height: 48px;
	background: url(icon5.gif) no-repeat -5px center;
	float: right;
}

.show_left .img_go .gallery {
	width: 375px;
	float: left;
	margin-left: 10px;
	_margin-left: 5px;
	overflow: hidden;
}

.show_left .img_go .gallery ul {
	width: auto;
}

.show_left .img_go .gallery li {
	float: left;
	width: 48px;
	margin: 0 2px;
}

.show_left .img_go .gallery li img {
	width: 46px;
	height: 46px;
	display: block;
	border: 1px solid #ccc
}

.show_right {
	width: 310px;
	float: left;
	margin-left: 20px;
}

.show_right li {
	display: block;
	padding: 0px;
	color: #666666;
	margin-left: 20px;
}

.show_right li span {
	font-weight: bold;
	color: #1B1B1B;
}

.q_body {
	margin-bottom: 4px;
	margin-top: 0px;
}

.q_body ul {
	border-bottom: 1px solid #00a1be;
	height: 29px;
}

.q_body ul li {
	height: 25px;
	margin-top: 4px;
	display: block;
	cursor: pointer;
	padding-left: 16px;
	/*background: url('li2.gif') no-repeat left top;*/
	float: left;
	margin-right: 5px;
	display: inline;
	border-radius: 5px 0;
}

.q_body ul li span {
	display: block;
	float: left;
	padding-right: 16px;
	line-height: 25px;
}

.q_body ul li.focus {
	margin-top: 0;
	height: 29px;
	background: #00a1be
}

.q_body ul li.focus span {
	background: #00a1be;
	line-height: 29px;
	color: #FFFFFF
}


/*企业精神*/

.cons_qyjs {}

.cons_qyjs ul {
	width: 100%;
}

.cons_qyjs ul li {
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0;
	border-bottom: dashed #d6d6d6 1px;
}

.cons_qyjs ul li i {
	width: 255px;
	height: 141px;
	padding: 5px;
	border: solid #ccc 1px;
}

.cons_qyjs ul li i img {
	width: 255px;
	height: 141px;
}

.cons_qyjs ul li i.fl {
	margin-right: 30px;
}

.cons_qyjs ul li p {
	float: left;
	color: #777777;
	font-size: 16px;
	line-height: 28px;
	padding-top: 0px;
	width: 440px;
	margin: 0;
}

.cons_qyjs ul li p b {
	color: #00a1be;
	font-size: 24px;
	display: block;
	padding-bottom: 15px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}
/*banner*/
.font_demo{
	font-size: 50px;
	color: white;
	letter-spacing: 15px;
}
.font_demo2{
	font-size: 35px;
	color: white;
	font-family: '微软雅黑';
}
.bann2{
	text-align: center;
	margin-top: 225px;
}
.font_demo3{
	font-size: 40px;
	color: white;
	letter-spacing: 8px;
}
.font_demo4{
	font-size: 20px;
	color: white;
	font-family: '微软雅黑';
}
.bann3{
	text-align: center;
	margin-top: 150px;
}
.font_demo5{
	font-size: 40px;
	color: white;
	letter-spacing: 5px;
}
.font_demo6{
	font-size: 30px;
	color: #f1a301;
	font-family: '微软雅黑';
	margin-top: 70px;
}
/*联系我们*/

/*联系我们*/
.inside_banner{position: relative;}
.wrap{border:0;padding:0;width:1200px;margin:0 auto;*zoom:1;}
.form_msg{height: 400px;width: 420px;position: relative;padding-left: 40px;}
.form_msg dl{position: relative;z-index: 3;}
.form_msg dt{font-size: 18px;color: #fff;padding-top: 40px;}
.form_msg dd{margin-top: 10px;}
.form_msg .msg_input{border:1px solid #cccccc;background:transparent;color:#fff;height:32px;width:182px;line-height:32px;text-indent:12px;margin-right:14px;}
.form_msg .msg_input:focus{color: #fff;border-color: #fff;outline: none;}
.form_msg .msg_input_on{border-color:#fff;color:#fff;}
.form_msg .textarea{color:#ccc;line-height:32px;padding-left:12px;}
.form_msg .sub_btn{font-size:15px;border:1px solid #ccc;background:transparent;color:#fff;height:34px;width:118px;line-height:34px; display:block; text-align:center; letter-spacing:3px;}
.form_msg textarea{width:371px;border:1px solid #ccc;background:transparent;height:100px;color: #ccc;resize: none;*margin-left: 12px;overflow:auto;}
.form_msg textarea:focus{color: #fff;border-color: #fff;outline: none;}
.c_shade{position:absolute;top:0;left:0;background: #000;opacity: 0.4;filter:alpha(opacity=30);width: 100%;height: 100%;}
.connect{min-height: 290px;}
.connect_column{margin-top: 0;}
.connect_column li{float: left;text-align: center;width: 210px;height: 150px;margin-left: 20px;position: relative;padding-top: 42px;font-size: 16px;color: #333;line-height: 32px;}
.connect_column li:first-child{margin-left: 0;}
.connect_column h2{font-size: 18px;color: #333;font-weight: normal;margin-top: 10px;margin-bottom: 10px;}
.connect_column .info{position: relative;z-index: 2;}
.connect_column .text{margin: 0 10px;}
.connect_column .s1{position:absolute;top:0;left:0;width:100%;height:100%;background: #de6764;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s2{position:absolute;top:0;left:0;width:100%;height:100%;background: #58bec8;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s3{position:absolute;top:0;left:0;width:100%;height:100%;background: #9ac047;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s4{position:absolute;top:0;left:0;width:100%;height:100%;background: #31a0e1;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .i1{display: inline-block;width: 36px;height: 46px; background: url("../images/sprite2.png") no-repeat 0 0;}
.connect_column .i2{display: inline-block;width: 42px;height: 46px; background: url("../images/sprite2.png") no-repeat -38px 0;}
.connect_column .i3{display: inline-block;width: 40px;height: 46px; background: url("../images/sprite2.png") no-repeat -83px 0;}
.connect_column .i4{display: inline-block;width: 40px;height: 46px; background: url("../images/sprite2.png") no-repeat -125px 0;}
.connect_column a{ color: #333;}
.connect_share{border-top: 2px solid #43bcc7;width: 120px;margin: 46px auto 0;text-align: center;padding-top: 46px;}
.connect_share .sh1{display: inline-block;width: 40px;height: 40px;background: url("../images/sprite2.png") 0 -48px;margin-right: 9px;}
.connect_share .sh2{display: inline-block;width: 40px;height: 40px;background: url("../images/sprite2.png") -41px -48px;}
.arrive_column_con{width:1150px;overflow:hidden;}
.arrive_column{margin-left:50px;width:1300px;}
.arrive_column dl{float:left;width:318px;margin:40px 90px 0 0px;}
.arrive_column dt{margin-bottom: 20px;}
.arrive_column dd{font-size: 16px;color: #333;line-height: 32px;}
.bus{font-size: 18px;color: #31a0e1;}
.bus dt{margin-left: -50px;}
.bus .icon{display: inline-block;width: 32px;height: 32px;background: url("../images/sprite2.png") 0 -90px;vertical-align: middle;margin-right: 18px;}
.taxi{font-size: 18px;color: #de6764;}
.taxi dt{margin-left: -50px;}
.taxi .icon{display: inline-block;width: 32px;height: 34px;background: url("../images/sprite2.png") -34px -90px;vertical-align: middle;margin-right: 18px;}
.metro{font-size: 18px;color: #9ac047;}
.metro dt{margin-left: -50px;}
.metro .icon{display: inline-block;width: 34px;height: 34px;background: url("../images/sprite2.png") -66px -90px;vertical-align: middle;margin-right: 16px;}

/*客服部分*/
.scrollsidebar { position:absolute;z-index:999;top:360px;}
.side_content { width:120px;height:auto; overflow: hidden; margin: 0; padding: 0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-radius: 0; float:left;}
.side_content .side_list { width:120px;overflow:hidden;}
.side_title1 { width:100px; height:36px; overflow:hidden; line-height:36px; color:#fff; font-size:14px; font-weight:bold; background-color:#1ab0cc; margin:0; padding:0 10px;}
.side_title1 a.close_btn { width:16px;height:16px;margin: 6px 0; padding: 4px; background: url(../images/kfjt_tb01.png) center center no-repeat; cursor: pointer; float:right;}
.side_title1 a.close_btn:hover { background: url(../images/kfjt_tb02.png) center center no-repeat;}
.show_btn { width:0; height:100px;overflow:hidden;margin-top:50px;padding: 10px 0; float:left;cursor:pointer; background-color: #1ab0cc; border-radius: 0;}
.show_btn span { display: block; width: 20px; line-height: 16px; margin: 0 auto; padding: 0; color: #fff; font-size: 14px; font-weight: bold; text-align: center;}
.show_btn a { display:block; width: 16px; height: 16px; overflow: hidden; margin: 20px auto 0; padding: 0; background: url(../images/kfjt_tb1.png) center center no-repeat;}
.show_btn:hover a { background: url(../images/kfjt_tb2.png) center center no-repeat;}

.side_center { width:120px; overflow: hidden; margin: 0 auto; padding: 0; background-color: #fff;}
.side_center .side_qq { width:100px; height: 30px; overflow: hidden; line-height: 30px; margin: 0 auto; padding: 10px; border-bottom: 1px solid #cfe8fa;}
.side_qq a { color:#565656; font-size: 12px;}
.side_center .side_tel { width:100px; overflow: hidden; margin: 0 auto; padding: 0 10px 10px;}
.side_tel h3 { width:100%; height: 30px; line-height: 30px; color:#565656; font-size: 12px; margin: 10px auto 4px;}
.side_qq a img, .side_tel h3 img { display:block; width:20px; height: 20px; overflow: hidden; margin: 5px 8px 5px 0; padding: 0; float: left;}
.side_tel a { display: block; width:100%; overflow: hidden; line-height: 20px; color: #565656; font-family: "Helvetica"; font-size: 14px; text-align: justify;}

.go_top { width:120px; height: 36px; overflow: hidden; margin: 0 auto; padding: 0;}
.go_top a { display:block; width: 120px; height: 36px; overflow: hidden; line-height: 36px; color: #fff; font-family: "Helvetica"; font-size: 12px; text-align: center; background-color: #57dbf4; border-radius: 0;}
.go_top a img { vertical-align:middle; margin: -4px 0 0 2px;}
.go_top a:hover { background-color:#1ab0cc;}