﻿/*织梦97（dede97.com）做最好的织梦整站模板下载网站*/

@charset "UTF-8";

body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {

	margin: 0px;

}

input, button, ul, ol {

	margin: 0px;

	padding: 0px;

}

body, input, button, form {

	font-size: 14px;

	line-height: 28px;

	font-family: "microsoft yahei", "Arial";

	color: #333333;

}

body {

	overflow-x: hidden;

	overflow-y: auto;

}

h1, h2, h3, h4, h5, h6 {

	font-size: 14px;

	font-weight: normal;

}

ul, ol, li {

	list-style: none;

}

input {

	background: none;

	border: 0 none;

}

img, iframe {

	border: 0px;

}

em, i {

	font-style: normal;

}

button, input, select, textarea {

	font-size: 100%;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

.red {

	color: #ba292e;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.left {

	float: left;

}

.right {

	float: right;

}

.tac {

	text-align: center;

}

.tar {

	text-align: right;

}

.poa {

	position: absolute;

}

.por {

	position: relative;

}

.hidden {

	display: none;

}

.w1200 {

	width: 1200px;

	margin: 0 auto;

}

.w1300 {

	width: 1300px;

	margin: 0 auto;

}

.ico {

	background: url(/skin/images/icon.png) no-repeat;

	display: inline-block;

	vertical-align: middle;

}

.itit-ico {

	background: url(/skin/images/itit-ico.png) no-repeat;

	display: inline-block;

	vertical-align: middle;

}

.ilink {

	background: url(/skin/images/ilink.png) no-repeat;

	display: inline-block;

	vertical-align: middle;

}

.bicon {

	background: url(/skin/images/bicon.png) no-repeat;

	display: inline-block;

	vertical-align: middle;

}

.icon {

	background: url(/skin/images/icon.png) no-repeat;

	display: inline-block;

	vertical-align: middle;

}

a {

	color: #333;

	text-decoration: none;

	cursor: pointer;

}

a:hover {

	color: #0195df;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

}

.ease, .ease * {

	transition: all ease 300ms;

}

.noease, .noease * {

	transition: none;

}

:-moz-placeholder {

color: #aaa;

}

::-moz-placeholder {

color: #aaa;

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {

color: #aaa;

}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

color: #aaa;

}

/*清除浮动*/

.clearfix {

*zoom: 1;

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

.dialog-layout {

	width: 100%;

	height: 100%;

	position: fixed;

	z-index: 100;

	top: 0;

	left: 0;

	background: #000;

	opacity: 0.3;

	filter: alpha(opacity=30);

}

/***************top and bottom css*********************/

/*top*/

.top_main {

	position: relative;

	z-index: 99;

	height: 30px;

	line-height: 30px;

	border-top: 2px solid #0998e0;

	background: #f5f5f5;

}

.top_main .top_l {

	font-size: 12px;

	color: #666;

}

.top_main .top_r {

	text-align: center;

	display: block;

	width: 258px;

	height: 32px;

	background: url("/skin/images/trbg.png") no-repeat center center;

	background-size: 258px 32px;

}

.top_main .top_r .list {

	display: inline-block;

	width: 258px;

	margin-left: 68px;

}

.top_main .top_r a {

	float: left;

	font-size: 12px;

	color: #fff;

}

.top_main .top_r .line {

	margin: 9px 12px 0;

	float: left;

	display: block;

	width: 1px;

	height: 14px;

	background: #fff;

}

/*header_main*/

.header_main {

	position: relative;

	width: 100%;

	height: 156px;

	z-index: 98;

	background: #fff;

	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);

}

.header_main .header {

	padding-top: 29px;

}

.header_main .webLogo {

	float: left;

	display: block;

	height: 60px;

}

.header_main .webLogo img {

	display: block;

	height: 60px;

	vertical-align: middle;

}

.header_main .tel_main {

	float: right;

	padding-left: 60px;

	background: url("/skin/images/tel1.png") no-repeat left center;

	background-size: 48px 48px;

}

.header_main .tel_main .zx {

	font-size: 14px;

	line-height: 14px;

	color: #333;

}

.header_main .tel_main .webTel {

	margin-top: 12px;

	font-weight: bold;

	font-family: arial;

	font-size: 30px;

	line-height: 24px;

	color: #0195df;

}

/*nav*/

#nav {

	position: relative;

	height: 46px;

	margin-top: 20px;

	z-index: 12;

}

#nav .navlist {

	position: relative;

	display: block;

	z-index: 4;

}

#nav li {

	padding: 0 50px;

	position: relative;

	float: left;

	display: block;

	list-style: none;

	font-size: 16px;

	text-align: center;

	background: url("/skin/images/navline.png") no-repeat left center;

	background-size: 1px 14px;

}

#nav li:first-child {

	padding-left: 0;

	padding-right: 44px;

	background: none;

}

#nav li:last-child {

	padding-right: 0;

	padding-left: 40px;

}

#nav li a {

	display: block;

	height: 46px;

	text-align: center;

	font-size: 16px;

	line-height: 40px;

	color: #333;

	transition: all ease 300ms;

}

#nav li.hover a, #nav li:hover a {

	color: #0195df;

}

#nav li a.hover {

	color: #0195df;

}

/*导航栏下拉*/

#nav ul .suNav {

	width: 100%;

	position: absolute;

	left: 0;

	top: 47px;

	z-index: 100;

	background: #fff;

	border: 1px solid #ddd;

}

#nav ul .suNav {

filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);

	opacity: 0;

	visibility: hidden;

	transition: all .6s ease 0s;

	transform: translate3d(0, 10px, 0);

	-moz-transform: translate3d(0, 10px, 0);

	-webkit-transform: translate3d(0, 10px, 0);

}

#nav ul li:hover .suNav {

	opacity: 1;

	visibility: visible;

	transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

}

#nav ul .suNav a {

	font-weight: normal;

	color: #333!important;

	line-height: 35px;

	height: 35px;

	padding: 0;

	text-align: center;

	overflow: hidden;

	display: block;

	margin: 0;

	font-size: 14px;

	border-top: 1px solid #eaeaea;

	background: #fff;

}

#nav ul .suNav a:first-child {

	border-top: none;

}

#nav ul .suNav a:first-child:hover {

	border-top: none;

}

#nav ul .suNav a:hover {

	border-top: 1px solid #0195df;

	background: #0195df;

	color: #fff !important;

}

/* banner*/

#banner_main {

	overflow: hidden;

	z-index: 2;

	max-width: 1920px;

	margin: 0 auto;

}

#banner_main .banner1 {

	position: relative;

	width: 100%;

	height: 440px;

	margin: 0 auto;

	min-width: 1200px;

}

#banner {

	width: 100%;

	min-width: 1000px;

	position: relative;

	overflow: hidden;

	z-index: 0;

}

#banner, .banner1 ul {

	max-height: 440px;

	overflow: hidden;

}

.banner1 li {

	width: 100%;

	position: absolute;

	z-index: 1;

	overflow: hidden;

	display: none;

}

.banner1 li:first-child {

	display: block;

}

.banner1 li img {

	width: 1920px;

	height: 440px;

	display: block;

	position: relative;

	left: 50%;

	margin-left: -960px;

	top: 0;

	min-width: 1200px;

}

#banner .tip {

	width: 1000px;

	height: 4px;

	line-height: 0;

	font-size: 0;

	text-align: center;

	position: absolute;

	left: 50%;

	margin-left: -500px;

	bottom: 30px;

	z-index: 13;

}

#banner .tip span {

	width: 50px;

	height: 4px;

	margin: 0 5px;

	display: inline-block;

	font-size: 0;

	cursor: pointer;

	background: #fff;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

#banner .tip span.cur {

	background: #0195df;

}

#banner #btn_prev, #banner #btn_next {

	width: 24px;

	height: 73px;

	position: absolute;

	top: 300px;

	z-index: 5;

	display: none;

	-webkit-transition: all .0s ease-in-out 0s;

	-moz-transition: all .0s ease-in-out 0s;

	transition: all .0s ease-in-out 0s;

}

#banner #btn_prev {

	background-position: -26px 0;

	left: 6.6%;

}

#banner #btn_next {

	background-position: -56px 0;

	right: 6.6%;

}

#banner #btn_prev:hover {

	background-position: 0 0;

}

#banner #btn_next:hover {

	background-position: -82px 0;

}

/*banner end*/

/*搜索栏*/

.announ_main {

	width: 100%;

	height: 76px;

	line-height: 76px;

	border-bottom: 1px solid #eee;

}

.announ_main .announ_right {

	width: 282px;

	padding-top: 20px;

}

.announ_main .announ_right .search {

	width: 282px;

	height: 35px;

	line-height: 35px;

	-moz-border-radius: 30px;

	-webkit-border-radius: 30px;

	border-radius: 30px;

	background: #f6f6f6;

	position: relative;

}

.announ_main .announ_right .search input {

	outline: none;

	border: 0 none;

	height: 35px;

	line-height: 35px;

}

.announ_main .announ_right .search .txt {

	width: 200px;

	background: none;

	padding-left: 15px;

	display: block;

	color: #999;

}

.announ_main .announ_right .search .btn {

	width: 50px;

	background: url(/skin/images/sou.png) no-repeat center #0195df;

	position: absolute;

	right: 0;

	top: 0;

	cursor: pointer;

	-moz-border-radius: 30px;

	-webkit-border-radius: 30px;

	border-radius: 30px;

}

.announ_main .announ_right .search .btn:hover {

	background-color: #10c09f;

}

.announ_main .announ_left span {

	display: inline-block;

}

.announ_main .announ_left a {

	display: inline-block;

	padding: 0 10px 0 0;

	color: #666;

}

.announ_main .announ_left a s {

	width: 1px;

	height: 16px;

	display: inline-block;

	margin-right: 10px;

	background: #e9e9e9;

	vertical-align: middle;

}

.announ_main .announ_left a:first-child s {

	display: none;

}

/*footer*/

.bottom_main {

	width: 100%;

	background: #222;

	padding-bottom: 80px;

}

.bottom_main .footer {

	padding-top: 0;

}

.bottom_main .bott_nav {

	border-bottom: 1px solid #5d5f61;

	line-height: 60px;

	margin-bottom: 80px;

}

.bottom_main .bott_nav span {

	display: inline-block;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

}

.bottom_main .bott_nav a {

	display: inline-block;

	color: #fff;

	padding-right: 10px;

}

.bottom_main .left {

	float: left;

	width: 400px;

}

.bottom_main .left .bLogo {

	display: block;

	height: 60px;

	cursor: pointer;

}

.bottom_main .left .bLogo img {

	display: block;

	height: 60px;

	overflow: hidden;

}

.bottom_main .left .bLogo img:hover {

	filter: brightness(105%);

	-webkit-filter: brightness(105%);

}

.bottom_main .left .bNav {

	margin-top: 26px;

}

.bottom_main .left .bNav a {

	margin-right: 50px;

	margin-bottom: 12px;

	float: left;

	font-size: 14px;

	line-height: 14px;

	color: #ccc;

}

.bottom_main .left .bNav a:nth-child(4n) {

	margin-right: 0;

}

.bottom_main .left .bNav a:hover {

	color: #fff;

}

.bottom_main .right {

	float: right;

}

.bottom_main .ewm {

	float: left;

	display: block;

	width: 114px;

	height: 114px;

	border: 3px solid #999;

	background: pink;

}

.bottom_main .ewm img {

	display: block;

	width: 114px;

	height: 114px;

}

.bottom_main .bInfo {

	float: right;

	margin-left: 80px;

}

.bottom_main .bInfo .telM {

	padding-left: 55px;

	background: url("/skin/images/tel3.png") no-repeat left center;

	background-size: 45px 45px;

}

.bottom_main .bInfo .telM .tx {

	padding-top: 6px;

	font-size: 14px;

	line-height: 14px;

	color: #fff;

}

.bottom_main .bInfo .telM .webTel {

	margin-top: 12px;

	font-size: 26px;

	line-height: 24px;

	color: #3abdfe;

}

.bottom_main .bInfo .contact {

	padding-left: 55px;

	margin-top: 30px;

	background: url("/skin/images/address.png") no-repeat left center;

	background-size: 45px 45px;

}

.bottom_main .bInfo .contact .tx {

	padding-top: 6px;

	font-size: 14px;

	line-height: 14px;

	color: #fff;

}

.bottom_main .bInfo .contact .address {

	margin-top: 11px;

	font-size: 14px;

	line-height: 16px;

	color: #ccc;

}

.bottom_copy .w1200 div {

	text-align: left;

}

.bottom_copy {

	width: 100%;

	height: 50px;

	line-height: 50px;

	color: #ccc;

	font-size: 12px;

	text-align: center;

	background: #222;

	border-top: 1px solid #5d5f61;

}

.bottom_copy span {

	display: inline-block;

	padding-left: 8px;

}

.bottom_copy a {

	display: inline-block;

	color: #ccc;

}

.bottom_copy a:hover {

	opacity: 0.9;

	filter: alpha(opacity=90);

	color: #fff;

}

.bottom_copy .copy {

	float: right;

}

.bottom_copy .copy1 {

	float: left;

}

.ewmbox {

	width: 300px;

	height: 320px;

	padding-top: 20px;

	background: #fff;

	z-index: 9999;

	position: fixed;

	left: 50%;

	top: 50%;

	margin: -170px 0 0 -150px;

	text-align: center;

	font-size: 16px;

	display: none;

}

.ewmbox .close {

	width: 32px;

	height: 32px;

	position: absolute;

	top: -25px;

	right: -40px;

	cursor: pointer;

	border-radius: 100%;

	background: #f3f3f3 url(/skin/images/dialogclose.png) no-repeat center center;

	transition: all ease 300ms;

}

.ewmbox .close:hover {

	transform: rotate(180deg);

}

.ewmbox img {

	width: 260px;

	height: 260px;

	display: block;

	margin: 0 auto 10px;

}

/***********top and bottom css end***********/

/*******index css*******/

.index {

	background: #fff;

}

.index .indexTit {

	padding-top: 56px;

}

.index .indexTit .tit {

	font-size: 40px;

	line-height: 40px;

	text-align: center;

	color: #333;

}

.index .indexTit .tit em {

	display: block;

	font-weight: bold;

	color: #0195df;

	text-align: center;

}

.index .indexTit .subtit {

	width: 599px;

	height: 32px;

	margin: 0 auto;

	margin-top: 16px;

	background: url("/skin/images/titline1.png") no-repeat center center;

	background-size: 599px 32px;

}

.index .indexTit .kMore {

	padding-right: 24px;

	margin-top: 30px;

	float: right;

	font-size: 16px;

	line-height: 16px;

	color: #666;

	background: url("/skin/images/more.png") no-repeat right center;

}

.index .indexTit .kMore:hover {

	color: #0195df;

}

/*询盘*/

.enquiryM {

	width: 100%;

	height: 200px;

	background: url("/skin/images/enquirybg.png") no-repeat center center;

	background-size: 1920px 200px;

}

.enquiryM .left {

	float: left;

}

.enquiryM .txt {

	padding-top: 56px;

}

.enquiryM .txt .tit {

	margin-bottom: 20px;

	font-weight: bold;

	font-size: 32px;

	line-height: 36px;

	text-align: left;

	color: #fff;

}

.enquiryM .txt .tit em {

	color: #4bc3ff;

}

.enquiryM .txt .subtit {

	padding-left: 20px;

	margin-top: 10px;

	font-size: 18px;

	line-height: 20px;

	color: #fff;

	background: url("/skin/images/point.png") no-repeat left center;

	background-size: 8px 8px;

}

.enquiryM .right {

	float: right;

}

.enquiryM .webTel {

	padding-left: 34px;

	margin-top: 60px;

	height: 30px;

	font-family: arial;

	font-weight: bold;

	font-size: 34px;

	color: #fff;

	background: url("/skin/images/tel2.png") no-repeat left center;

	background-size: 26px 26px;

}

.enquiryM .online {

	float: right;

	display: block;

	width: 200px;

	height: 45px;

	margin-top: 24px;

	font-weight: bold;

	font-size: 18px;

	line-height: 45px;

	text-align: center;

	color: #0181c1;

	background: url("/skin/images/onlineico.png") no-repeat center center;

	background-size: 200px 45px;

	transition: all ease 300ms;

}

.enquiryM .online:hover {

	text-indent: 10px;

	transition: all ease 300ms;

}

/*产品中心*/

.index .floor_1_main {

	position: relative;

	padding-bottom: 100px;

	background: #fff;

}

.index .floor_1 .menu1 {

	position: relative;

	margin-top: 60px;

	text-align: center;

}

.index .floor_1 .menu1 .item {

	float: left;

	display: block;

	width: 140px;

	height: 40px;

	margin: 0 5px;

	margin-bottom: 10px;

	font-size: 14px;

	line-height: 40px;

	text-align: center;

	color: #333;

	background: #eee;

	border-radius: 5px;

}

.index .floor_1 .menu1 .item:hover {

	background: #0195df;

	color: #fff;

}

.index .floor_1 .product {

	margin-top: 40px;

}

.index .floor_1 .left {

	float: left;

	width: 601px;

}

.index .floor_1 .left dd .box1 {

	border: 1px solid #d2dee7;

	width: 299px;

	height: 223px;

	float: left;

	position: relative;

	background: #fff;

	border-right: none;

}

.index .floor_1 .left dd .box1 i {

	position: absolute;

	bottom: 20px;

	left: 30px;

	display: block;

	width: 30px;

	height: 5px;

	background-position: -180px 0;

}

.index .floor_1 .left dd .box1 h3 {

	padding-left: 30px;

	font-size: 20px;

	padding-top: 30px;

	font-weight: 100;

}

.index .floor_1 .left dd .box1 p {

	padding-left: 30px;

	padding-right: 30px;

	color: #999;

	padding-top: 10px;

	line-height: 26px;

	text-align: justify;

}

.index .floor_1 .left dd .box1 span {

	width: 16px;

	height: 32px;

	position: absolute;

	right: -16px;

	top: 50%;

	margin-top: -16px;

	z-index: 10;

	background-position: -321px 0;

}

.index .floor_1 .left dd .box2 {

	float: left;

	border-left: 1px solid #d2dee7;

	width: 300px;

	height: 225px;

}

.index .floor_1 .left dd .box2 img {

	display: block;

	width: 300px;

	height: 225px;

}

.index .floor_1 .left .d2 .box1 {

	border-right: 1px solid #d2dee7;

	float: right;

}

.index .floor_1 .left .d2 .box1 span {

	right: auto;

	left: -16px;

	background-position: -289px 0;

}

.index .floor_1 .left .d2 .box2 {

	float: left;

	border-left: none;

}

.index .floor_1 .right {

	float: left;

	width: 599px;

}

.index .floor_1 .iproduct {

	position: relative;

}

.index .floor_1 .iproduct .bd {

	position: relative;

	width: 599px;

	height: 450px;

	overflow: hidden;

}

.index .floor_1 .iproduct .bd .item {

	position: relative;

	float: left;

	display: block;

	width: 599px;

	height: 450px;

}

.index .floor_1 .iproduct .bd .item a {

	display: block;

}

.index .floor_1 .iproduct .bd .item .img {

	display: block;

	width: 599px;

	height: 450px;

	overflow: hidden;

}

.index .floor_1 .iproduct .bd .item .img img {

	display: block;

	width: 100%;

	height: 100%;

}

.index .floor_1 .iproduct .bd .item .txt {

	position: absolute;

	bottom: 0;

	left: 0;

	display: block;

	width: 599px;

	height: 80px;

	line-height: 80px;

	background: url("/skin/images/txtbg.png") no-repeat center center;

	background-size: 600px 80px;

}

.index .floor_1 .iproduct .bd .item .txt .tit {

	font-size: 20px;

	line-height: 80px;

	text-indent: 30px;

	color: #fff;

}

.index .floor_1 .iproduct .hd {

	position: absolute;

	bottom: 34px;

	right: 40px;

}

.index .floor_1 .iproduct .hd li {

	margin-left: 10px;

	width: 12px;

	height: 12px;

	font-size: 0;

	line-height: 14px;

	text-align: center;

	background: #fff;

	cursor: pointer;

	-moz-border-radius: 100%;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	display: block;

	float: left;

}

.index .floor_1 .iproduct .hd li.on {

	background: #58ebca;

	color: #fff;

}

/*经典案例*/

.index .floor_2_main {

	width: 100%;

	height: 657px;

	background: url("/skin/images/casebg.jpg") no-repeat center center;

	background-size: 1920px 657px;

}

.index .floor_2 .indexTit {

	padding-top: 80px;

}

.index .floor_2 .indexTit .tit {

	color: #fff;

}

.index .floor_2 .indexTit .tit em {

	color: #fff;

}

.index .floor_2 .indexTit .subtit {

	background: url("/skin/images/titline2.png") no-repeat center center;

	background-size: 599px 32px;

}

.index .floor_2 .caseList {

	margin-top: 60px;

	position: relative;

}

.index .floor_2 .caseList .item {

	float: left;

	display: block;

	width: 280px;

	height: 270px;

	margin-right: 30px;

}

.index .floor_2 .caseList .item a {

	display: block;

}

.index .floor_2 .caseList .item .img {

	display: block;

	width: 280px;

	height: 210px;

	overflow: hidden;

}

.index .floor_2 .caseList .item .img img {

	display: block;

	width: 100%;

	height: 100%;

}

.index .floor_2 .caseList .item .txt {

	height: 60px;

	line-height: 60px;

	background: #fff;

	transition: background ease 0.36s;

}

.index .floor_2 .caseList .item .txt .tit {

	height: 60px;

	font-size: 16px;

	line-height: 60px;

	text-indent: 30px;

	color: #666;

	background: url("/skin/images/arra.png") no-repeat 92% center;

	background-size: 21px 4px;

}

.index .floor_2 .caseList .item:hover .txt {

	background: #0497e0;

	transition: background ease 0.36s;

}

.index .floor_2 .caseList .item:hover .txt .tit {

	color: #fff;

	background: url("/skin/images/arrh.png") no-repeat 92% center;

	background-size: 21px 4px;

	transition: background ease 0.36s;

}

.index .floor_2 .caseList .hd {

	position: absolute;

	width: 100%;

	top: 90px;

}

.index .floor_2 .caseList .hd span {

	position: absolute;

	display: block;

	width: 40px;

	height: 40px;

	cursor: pointer;

}

.index .floor_2 .caseList .hd .prev {

	left: -80px;

	background-position: -152px -20px;

}

.index .floor_2 .caseList .hd .next {

	right: -90px;

	background-position: -194px -20px;

}

.index .floor_2 .caseList .hd .prev:hover {

	background-position: -110px -20px;

}

.index .floor_2 .caseList .hd .next:hover {

	background-position: -236px -20px;

}

.index .floor_2 .cMore {

	display: block;

	width: 198px;

	height: 43px;

	margin: 0 auto;

	margin-top: 40px;

	font-size: 16px;

	line-height: 43px;

	text-align: center;

	color: #fff;

	border: 1px solid #cfdce5;

	transition: all ease 600ms;

}

.index .floor_2 .cMore:hover {

	width: 240px;

	background: #cfdce5;

	color: #fff;

	transition: all ease 600ms;

}

/*六大优势*/

.index .floor_3_main {

	padding-bottom: 80px;

	background: #fff;

}

.index .floor_3 .indexTit {

	padding-top: 80px;

}

.index .floor_3 .advantList {

	margin-top: 60px;

}

.index .floor_3 .advantList .list {

	width: 112%;

}

.index .floor_3 .advantList .item {

	float: left;

	position: relative;

	display: block;

	width: 610px;

	height: 288px;

	margin: 0 auto;

	margin-bottom: 2px;

	background: url("/skin/images/adlibg1.png") no-repeat center center;

	background-size: 610px 288px;

	cursor: pointer;

	transition: all ease 600ms;

}

.index .floor_3 .advantList .item .txt {

	padding-top: 50px;

	margin-left: 50px;

}

.index .floor_3 .advantList .item .txt .tit {

	font-weight: bold;

	font-size: 32px;

	line-height: 46px;

	color: #333;

}

.index .floor_3 .advantList .item .txt .tit em {

	display: block;

	color: #0195df;

}

.index .floor_3 .advantList .item .txt .cont {

	margin-top: 36px;

	font-size: 18px;

	line-height: 30px;

	color: #666;

}

.index .floor_3 .advantList .item .sIco {

	position: absolute;

	top: 40px;

	right: 50px;

	display: block;

	width: 100px;

	height: 100px;

	transition: all ease 600ms;

}

.index .floor_3 .advantList .item:hover {

	transform: translateY(-6px);

	transition: all ease 600ms;

}

.index .floor_3 .advantList .item:hover .sIco {

	transform: rotate(180deg);

	transition: all ease 600ms;

}

.index .floor_3 .advantList .item.ad2, .index .floor_3 .advantList .item.ad3, .index .floor_3 .advantList .item.ad6 {

	background: url("/skin/images/adlibg2.png") no-repeat center center;

}

/*公司介绍*/

.index .floor_4_main {

	padding-top: 90px;

	padding-bottom: 100px;

	background: #f5f5f5;

}

.index .floor_4 .about {

	height: 420px;

	background: url("/skin/images/aboutc.png") no-repeat bottom right;

}

.index .floor_4 .about .aImg {

	float: left;

	display: block;

	width: 600px;

	height: 340px;

	overflow: hidden;

	transition: all ease 600ms;

}

.index .floor_4 .about .aImg img {

	display: block;

	width: 100%;

	height: 100%;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.index .floor_4 .about .aImg:hover {

	transform: translateY(-3px);

	transition: all ease 600ms;

}

.index .floor_4 .about .aImg:hover img {

	filter: brightness(105%);

	-webkit-filter: brightness(105%);

}

.index .floor_4 .aCont {

	float: left;

	width: 600px;

}

.index .floor_4 .aCont .txt {

	padding-left: 50px;

	padding-top: 100px;

	width: 480px;

}

.index .floor_4 .aCont .txt .aTit {

	width: 480px;

	font-weight: bold;

	font-size: 30px;

	color: #333;

	background: url("/skin/images/aline.png") no-repeat right center;

}

.index .floor_4 .aCont .txt .aTxt {

	margin-top: 30px;

	font-size: 14px;

	line-height: 30px;

	text-align: justify;

	color: #666;

}

.index .floor_4 .aCont .txt .kMore {

	width: 180px;

	height: 36px;

	line-height: 36px;

	margin-top: 24px;

	display: block;

	text-align: center;

	background: #444;

	color: #fff;

}

.index .floor_4 .aCont .txt .kMore:hover {

	background: #0195df;

	color: #fff;

	text-indent: 10px;

}

/*新闻资讯*/

.index .floor_5_main {

	padding-bottom: 100px;

	background: #fff;

}

.index .floor_5 .indexTit {

	padding-top: 76px;

}

.index .floor_5 .textlist {

	width: 800px;

	margin-top: 50px;

}

.index .floor_5 .newsBox {

	margin-top: 50px;

	width: 380px;

	overflow: hidden;

	position: relative;

	border: 1px solid #ddd;

}

.index .floor_5 .newsBox .hd {

	height: 28px;

	overflow: hidden;

	position: absolute;

	bottom: 1px;

	z-index: 10;

	padding-left: 20px;

	text-align: center;

}

.index .floor_5 .newsBox .hd ul {

	overflow: hidden;

	zoom: 1;

}

.index .floor_5 .newsBox .hd li {

	margin-right: 6px;

	width: 10px;

	height: 10px;

	font-size: 0px;

	line-height: 14px;

	text-align: center;

	background: #999;

	cursor: pointer;

	-moz-border-radius: 100%;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	display: inline-block;

}

.index .floor_5 .newsBox .hd li.on {

	background: #0195df;

	color: #fff;

}

.index .floor_5 .newsBox .bd li {

	zoom: 1;

	vertical-align: middle;

	position: relative;

	height: 408px;

	overflow: hidden;

}

.index .floor_5 .newsBox .bd li img {

	width: 380px;

	height: 285px;

	display: block;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.index .floor_5 .newsBox .bd li h3 {

	display: block;

	font-size: 18px;

	color: #000;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.index .floor_5 .newsBox .bd li .txt {

	z-index: 5;

	padding: 15px 20px;

	border-top: 0 none;

	height: 93px;

}

.index .floor_5 .newsBox .bd li p {

	padding: 0;

	color: #666;

	line-height: 24px;

	height: 45px;

	overflow: hidden;

}

.index .floor_5 .newsBox .bd li .time {

	font-size: 16px;

	padding-right: 30px;

	padding-top: 28px;

}

.index .floor_5 .newsBox .bd li:hover h3 {

	color: #0195df;

}

.index .floor_5 .newsBox .bd li:hover img {

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

}

.index .floor_5 .textlist .item {

	border: 1px solid #ddd;

	margin-bottom: 16px;

	transition: all 0.2s linear 0s;

}

.index .floor_5 .textlist .item a {

	display: block;

	padding: 28px;

}

.index .floor_5 .textlist .item h3 {

	font-size: 18px;

	vertical-align: top;

	color: #333;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.index .floor_5 .textlist .item p {

	font-size: 14px;

	line-height: 20px;

	color: #999;

	text-align: justify;

}

.index .floor_5 .textlist .item .time {

	display: block;

	width: 90px;

	height: 66px;

	border-right: 1px solid #ddd;

	line-height: 20px;

	margin-right: 30px;

	color: #666;

}

.index .floor_5 .textlist .item .time b {

	font-family: arial;

	color: #666;

	display: block;

	font-size: 48px;

	line-height: 48px;

}

.index .floor_5 .textlist .item:hover {

	border: 1px solid #0195df;

	-webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);

	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);

	-webkit-transform: translate3d(0, -2px, 0);

	transform: translate3d(0, -2px, 0);

}

.index .floor_5 .textlist .item:hover h3 {

	color: #0195df;

}

.index .floor_5 .more {

	width: 180px;

	height: 36px;

	line-height: 36px;

	margin: 0 auto;

	margin-top: 40px;

	display: block;

	text-align: center;

	background: #444;

	color: #fff;

}

.index .floor_5 .more:hover {

	background: #0195df;

	color: #fff;

	text-indent: 10px;

}

/*index css end*/

/*联系我们*/

.contactPage {

	padding-bottom: 80px!important;

}

.contactPage .mapArea {

	border: 1px solid #ddd;

}

.contactPage .t2 {

	padding: 58px 0 48px;

	text-align: center;

}

.contactPage .t2 .titb {

	font-size: 30px;

	margin-bottom: 16px;

}

.contactPage .t2 .txt {

	font-size: 14px;

	line-height: 24px;

}

.contactPage .t2 .txt span {

	font-weight: bold;

	color: #0195df;

}

.contactPage .formData1 {

	padding-bottom: 20px;

}

.contactPage .formData1 .item {

	float: left;

	color: #999;

	font-weight: normal;

	width: 378px;

	height: 35px;

	line-height: 35px;

	border: 1px solid #e5e5e5;

	margin-right: 30px;

	margin-bottom: 20px;

	position: relative;

}

.contactPage .formData1 .item label {

	padding-left: 15px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 11;

	text-align: center;

	display: block;

	margin: 0;

	height: 35px;

	line-height: 35px;

	font-size: 14px;

	color: #cccccc;

}

.contactPage .formData1 .item input {

	outline: none;

	line-height: 35px;

	height: 35px;

	font-size: 14px;

}

.contactPage .formData1 .item .txt {

	width: 328px;

	height: 35px;

	line-height: 35px;

	display: block;

	background: none;

	padding-left: 50px;

	border: 0 none;

	color: #333;

	font-size: 14px;

}

.contactPage .formData1 .item .red {

	position: absolute;

	right: 15px;

	top: 0;

	color: #ff0000;

	z-index: 11;

}

.contactPage .formData1 .item.mr0 {

	margin-right: 0;

}

.contactPage .formData1 .msg-box {

	position: absolute;

	left: 0;

	top: 0px;

}

.contactPage .formData1 .liuyan {

	width: 1198px;

	height: 180px;

	border: 1px solid #e5e5e5;

	float: left;

}

.contactPage .formData1 .liuyan label {

	text-align: right;

	top: 5px;

	display: block;

}

.contactPage .formData1 .liuyan textarea {

	width: 1178px;

	height: 154px;

	line-height: 28px;

	padding: 10px 10px;

	text-indent: 70px;

	font-size: 14px;

	font-family: "microsoft yahei";

	color: #333;

	border: 0 none;

	overflow: hidden;

	background: none;

	resize: none;

	display: block;

	outline: none;

}

.contactPage .formData1 .bot {

	width: 100%;

	float: left;

}

.contactPage .formData1 .sub {

	width: 232px;

	height: -4px;

	line-height: 38px;

	border: 2px solid #0195df;

	text-align: center;

	background: #0195df;

	color: #FFF;

	cursor: pointer;

	font-size: 18px;

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	margin: 0 auto;

}

.contactPage .formData1 .sub:hover {

	background: none;

	color: #0195df;

}

.contactPage .formData1 .yzm {

	width: 432px;

}

.contactPage .formData1 .yzm .txt {

	padding-left: 80px;

}

.contactPage .formData1 .yzm img {

	position: absolute;

	right: 0;

	top: 0;

	height: 50px;

	border: 0px;

	display: block;

}

/*txtlist*/

.txtlist {

	width: 100%;

	position: relative;

	overflow: hidden;

}

.txtlist .list {

	width: 120%;

	position: relative;

}

.txtlist li {

	width: 300px;

	height: 36px;

	line-height: 36px;

	overflow: hidden;

	float: left;

	margin-right: 70px;

}

.txtlist li a {

	width: 100%;

	display: block;

}

.txtlist li s {

	width: 4px;

	height: 4px;

	display: inline-block;

	vertical-align: middle;

	margin-top: -1px;

	border-radius: 100%;

	background: #333333;

	margin-right: 10px;

}

.txtlist li .time {

	float: right;

}

.banner_main {

	width: 100%;

	overflow: hidden;

	position: relative;

	z-index: 2;

}

.banner {

	width: 100%;

	min-width: 1000px;

	padding: 33.85% 0 0;

	z-index: 20;

	position: relative;

	overflow: hidden;

}

.banner .list {

	width: 100%;

}

.banner li {

	width: 100%;

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	z-index: 1;

	overflow: hidden;

	background: #fff;

}

.banner li a {

	width: 100%;

	display: block;

	height: 100%;

}

.banner li img {

	width: 100%;

	display: block;

	position: relative;

	left: 0;

	top: 0;

}

.banner .tip {

	width: 100%;

	height: 12px;

	position: absolute;

	left: 0;

	bottom: 25px;

	z-index: 10;

	text-align: center;

}

.banner .tip span {

	width: 52px;

	height: 2px;

	margin: 0 8px;

	display: inline-block;

	cursor: pointer;

	vertical-align: top;

	transition: all ease 300ms;

	background: #fff;

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.banner .tip span.cur {

	width: 90px;

	background: #55ecca;

}

.banner .prev, .banner .next {

	width: 36px;

	height: 80px;

	position: absolute;

	z-index: 12;

	top: 50%;

	margin-top: -40px;

	background: url(/skin/images/banner-ico.png) no-repeat 6px 4px;

	cursor: pointer;

}

.banner .prev {

	left: 80px;

}

.banner .prev:hover {

	background-position: 6px -98px;

}

.banner .next {

	right: 80px;

	background-position: -88px 4px;

}

.banner .next:hover {

	background-position: -88px -98px;

}

/*prolist*/

.prolist {

	width: 100%;

}

.prolist .item {

	width: 380px;

	float: left;

	margin: 0 27px 30px 0;

	border: 1px solid #eee;

	background: #eee;

	position: relative;

	overflow: hidden;

	transition: all ease 300ms;

}

.prolist .item:nth-child(3n) {

	margin-right: 0;

}

.prolist .item a {

	width: 100%;

	display: block;

}

.prolist .item img {

	width: 380px;

	height: 285px;

	display: block;

}

.prolist .item h3 {

	width: 100%;

	height: 64px;

	line-height: 64px;

	text-align: center;

	font-size: 16px;

	transition: all ease 300ms;

}

.prolist .item .bg {

	position: absolute;

	width: 380px;

	padding-top: 134px;

	height: 151px;

	left: -380px;

	top: 0;

	z-index: 10;

	background: url(/skin/images/blue80.png) repeat 0 0;

	text-align: center;

	transition: all ease 300ms;

}

.prolist .item .bg s {

	width: 50px;

	height: 50px;

	display: block;

	border-radius: 100%;

	margin: 0 auto;

	background-color: #fff;

	background-position: -42px -112px;

}

.prolist .item:hover {

	background: #0195df;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);

}

.prolist .item:hover h3 {

	color: #fff;

}

.prolist .item:hover .bg {

	left: 0;

}

.gridlist {

	width: 105%;

	position: relative;

}

.gridlist .item {

	width: 283px;

	float: left;

	border: 1px solid #dcdcdc;

	margin: 0 20px 20px 0;

	overflow: hidden;

}

.gridlist .item a {

	width: 100%;

	display: block;

}

.gridlist .item img {

	width: 283px;

	height: 212px;

	border-bottom: 1px solid #dcdcdc;

	display: block;

}

.gridlist .item h3 {

	text-align: center;

	height: 48px;

	line-height: 48px;

	font-size: 16px;

	overflow: hidden;

}

.gridlist .item:hover {

	border-color: #0195df;

}

.gridlist .item:hover h3 {

	color: #0195df;

}

.gridlist.gridlist9 .item img {

	width: 283px;

	height: 161px;

}

.cooperlist {

	width: 105%;

	position: relative;

}

.cooperlist .item {

	width: 283px;

	float: left;

	border: 1px solid #dcdcdc;

	margin: 0 20px 20px 0;

	overflow: hidden;

	transition: all ease 300ms;

}

.cooperlist .item a {

	width: 100%;

	display: block;

}

.cooperlist .item img {

	width: 283px;

	height: 212px;

	display: block;

	border-bottom: 1px solid #dcdcdc;

}

.cooperlist .item h3 {

	text-align: center;

	height: 48px;

	line-height: 48px;

	font-size: 16px;

	overflow: hidden;

}

.cooperlist .item:hover {

	border-color: #0195df;

}

.cooperlist .item:hover h3 {

	color: #0195df;

}

/*txtlist*/

.txtlist {

	width: 100%;

	position: relative;

	overflow: hidden;

}

.txtlist .list {

	width: 120%;

	position: relative;

}

.txtlist li {

	width: 300px;

	height: 36px;

	line-height: 36px;

	overflow: hidden;

	float: left;

	margin-right: 70px;

}

.txtlist li a {

	width: 100%;

	display: block;

}

.txtlist li s {

	width: 4px;

	height: 4px;

	display: inline-block;

	vertical-align: middle;

	margin-top: -1px;

	border-radius: 100%;

	background: #333333;

	margin-right: 10px;

}

.txtlist li .time {

	float: right;

}

/************content************/

.nyIcon {

	background: url(/skin/images/nyicon.png) no-repeat;

	display: inline-block;

	vertical-align: middle;

}

.nbody .header_main {

	position: relative;

}

/*wrapper*/

.noinfo {

	width: 100%;

	padding: 0 3%;

}

.noinfo img {

	display: block;

	margin: 0 auto;

}

.wrapper {

	padding: 0 0 36px;

	position: relative;

	min-height: 750px;

}

/*nybanner*/

.nybanner {

	width: 100%;

	height: 300px;

	overflow: hidden;

	position: relative;

	z-index: 9;

}

.nybanner img {

	width: 1920px;

	display: block;

	position: absolute;

	left: 50%;

	margin-left: -960px;

	top: 0;

}

/*menu*/

.menu {

	width: 100%;

	height: 58px;

	line-height: 58px;

	position: relative;

	box-shadow: 0px 3px 18px #f0f0f0;

	background: #fff;

}

.menu .list {

	width: 1200px;

	padding-left: 0;

	margin: 0 auto;

}

.menu li {

	height: 58px;

	float: left;

	margin-right: 11px;

	position: relative;

}

.menu li:after {

	position: absolute;

	top: 23px;

	right: -6px;

	content: " ";

	width: 1px;

	height: 14px;

	background: #ccc;

}

.menu li:last-child {

	margin-right: 0;

}

.menu li:last-child:after {

	display: none;

}

.menu li .nav1 {

	width: 140px;

	height: 58px;

	line-height: 58px;

	position: relative;

	font-size: 15px;

	display: block;

	text-align: center;

}

.menu li .nav1 s {

	position: absolute;

	bottom: 0;

	left: 50%;

	width: 0;

	height: 3px;

	background-color: #0195df;

	-webkit-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}

.menu li:hover, .menu li.hover {

	border-right-color: #0195df;

}

.menu li:hover .nav1, .menu li.hover .nav1 {

	color: #0195df;

}

.menu li:hover .nav1 s, .menu li.hover .nav1 s {

	width: 100%;

	margin-left: -50%;

}

.menu li .subMenu {

	position: absolute;

	left: 50%;

	margin-left: -70px;

	top: 58px;

filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);

	z-index: 199;

	opacity: 0;

	visibility: hidden;

	height: auto;

	overflow: hidden;

	width: 140px;

	transition: all .6s ease 0s;

	transform: translate3d(0, 10px, 0);

	-moz-transform: translate3d(0, 10px, 0);

	-webkit-transform: translate3d(0, 10px, 0);

	text-align: center;

	box-shadow: 0px 3px 18px #f0f0f0;

}

.menu li:hover .subMenu {

	opacity: 1;

	visibility: visible;

	transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

}

.menu li .subMenu a {

	display: block;

	width: 100%;

	font-size: 14px;

	line-height: 40px;

	background: #fff;

}

.menu li .subMenu a:hover {

	background: #0195df;

	color: #fff;

}

/*sitepath*/

.sitepath {

	height: 80px;

	line-height: 80px;

	text-align: right;

	color: #666;

}

.sitepath a {

	color: #666;

}

.sitepath s {

	width: 20px;

	height: 18px;

	background-position: -19px -130px;

	margin-right: 4px;

}

/* reLink*/.reLink {

	height: 48px;

	line-height: 48px;

	padding: 0 15px;

	border: 1px solid #dddddd;

}

.reLink .nextLink, .reLink .prevLink {

	width: 50%;

	color: #666;

}

.reLink .nextLink {

	text-align: right;

}

.reLink a {

	display: block;

	transition: all ease 300ms;

}

.reLink a:hover {

	color: #0195df;

}

/*n-gridlist*/

.n-gridlist {

	width: 105%;

}

.n-gridlist .item {

	width: 380px;

	float: left;

	margin: 0 30px 30px 0;

	background: #fff;

	position: relative;

	overflow: hidden;

	transition: all ease 300ms;

	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}

.n-gridlist .item a {

	width: 100%;

	display: block;

}

.n-gridlist .item img {

	width: 380px;

	height: 285px;

	display: block;

}

.n-gridlist .item h3 {

	width: 100%;

	height: 64px;

	line-height: 64px;

	text-align: center;

	font-size: 16px;

	transition: all ease 300ms;

}

.n-gridlist .item .bg {

	position: absolute;

	width: 380px;

	padding-top: 116px;

	height: 169px;

	left: -380px;

	top: 0;

	z-index: 10;

	background: url(/skin/images/red80.png) repeat 0 0;

	text-align: center;

	transition: all ease 300ms;

}

.n-gridlist .item .bg s {

	width: 64px;

	height: 64px;

	display: block;

	border-radius: 100%;

	margin: 0 auto;

	background-position: 0 -32px;

}

.n-gridlist .item:hover {

	background: #f5f5f5;

}

.n-gridlist .item:hover h3 {

	color: #0195df;

}

.n-gridlist .item:hover .bg {

	left: 0;

}

/*n-tit*/

.n-tit {

	margin-bottom: 20px;

	padding-bottom: 10px;

	border-bottom: 1px solid #eee;

}

.n-tit h3 {

	line-height: 35px;

	font-size: 24px;

}

.n-tit s {

	width: 4px;

	height: 22px;

	margin-right: 15px;

	background: #0195df;

	display: inline-block;

	vertical-align: middle;

}

.n-tit .more {

	font-size: 16px;

}

/*relateNews*/

.relateNews {

	padding: 55px 0 0;

	width: 100%;

	overflow: hidden;

}

.relateNews .list {

	width: 120%;

}

.relateNews .list li {

	width: 567px;

	float: left;

	margin-right: 65px;

	margin-bottom: 20px;

}

.relateNews .list li a {

	display: block;

	width: 100%;

}

.relateNews .list li img {

	width: 135px;

	height: 110px;

	display: block;

	float: left;

	margin-right: 20px;

}

.relateNews .list li h3 {

	float: left;

	width: 412px;

	line-height: 24px;

	height: 24px;

	padding-top: 5px;

	overflow: hidden;

	margin-bottom: 8px;

	font-size: 16px;

	color: #333;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.relateNews .list li .txt {

	float: left;

	width: 412px;

	height: 48px;

	line-height: 24px;

	color: #666;

	overflow: hidden;

	margin-bottom: 6px;

	text-align: justify;

}

.relateNews .list li .time {

	float: left;

	width: 412px;

	color: #999999;

	font-family: arial;

	line-height: 18px;

}

.relateNews .list li:hover h3 {

	color: #0195df;

}

.relateNews .gridlist {

	width: 106%;

}

.relateNews .prolist {

	padding-left: 3px;

}

/*aboutPage*/

.aboutPage {

	width: 1200px;

	margin: 0 auto;

	background: #fff;

	color: #666;

	line-height: 30px;

	text-align: justify;

}

.aboutPage .txtcon {

	min-height: 460px;

}

.aboutPage .txtcon img {

	max-width: 100%;

}

.aboutPage .txtcon .box3 h1 {

	font-size: 36px;

	padding-bottom: 15px;

	text-align: center;

}

.aboutPage .txtcon .box3 p {

	font-size: 16px;

	color: #828282;

	line-height: 24px;

	padding-bottom: 46px;

	text-align: center;

}

.aboutPage .txtcon .box3 b {

	color: #0195df;

}

.productPage {

	overflow: hidden;

	position: relative;

}

.productPage .gridlist, .productPage .marketList {

	width: 105%;

}

/*news_ul*/

.news_ul {

	width: 1200px;

	margin: 0 auto;

	padding-top: 12px;

}

.news_ul li {

	padding: 30px 0;

	border-bottom: 1px solid #eaeaea;

	position: relative;

}

.news_ul li:first-child {

	padding-top: 0;

}

.news_ul li .box1 {

	width: 253px;

	height: 190px;

	overflow: hidden;

}

.news_ul li .box1 img {

	width: 253px;

	height: 190px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.news_ul li .box2 {

	padding-left: 42px;

	width: 759px;

	padding-top: 30px;

}

.news_ul li .box2 h1 {

	font-size: 20px;

	color: #333;

	height: 26px;

	line-height: 26px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.news_ul li .box2 p {

	color: #999;

	line-height: 24px;

	padding-top: 10px;

	height: 75px;

}

.news_ul li .box2 span {

	font-size: 12px;

	color: #999;

}

.news_ul li .right {

	padding-right: 15px;

	padding-top: 55px;

	text-align: center;

}

.news_ul li .right h3 {

	font-size: 36px;

	color: #999;

}

.news_ul li .right p {

	font-size: 24px;

	color: #bbb;

	padding-top: 10px;

}

.news_ul li a {

	display: block;

	cursor: pointer;

	width: 100%;

	height: 100%;

}

.news_ul li a:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.news_ul li a:hover h1 {

	color: #0195df;

	text-indent: 10px;

}

.news_ul li b {

	display: block;

	width: 100px;

	height: 30px;

	border: #ccc solid 1px;

	text-align: center;

	line-height: 30px;

	font-weight: normal;

	position: absolute;

	right: 12px;

	top: 161px;

}

/*showNews*/

.showNews {

	width: 1200px;

	margin: 0 auto;

}

.showNews img {

	max-width: 100%;

}

.showNews .title {

	color: #333333;

	line-height: 32px;

	text-align: center;

	font-weight: bold;

	font-size: 22px;

}

.showNews .mark {

	width: 100%;

	height: 40px;

	line-height: 40px;

	margin: 15px 0 20px;

	border-top: 1px solid #e9e9e9;

	border-bottom: 1px solid #e9e9e9;

	text-align: center;

}

.showNews .mark span {

	margin: 0 10px;

	font-size: 12px;

	color: #666666;

}

.showNews .showContxt {

	padding: 0 0 30px;

	color: #666;

	line-height: 30px;

	text-align: justify;

}

.showNews .showContxt img {

	max-width: 100%;

}

.shareNew {

	padding-bottom: 25px;

}

/*showProduct*/

/*****showProduct****/

.showProduct .showImg {

	position: relative;

	padding-bottom: 40px;

}

.showProduct .photo {

	width: 502px;

	position: relative;

	height: 450px;

}

.showProduct .photo .jqzoom {

	width: 502px;

	height: 450px;

	overflow: hidden;

	position: relative;

	padding: 0px;

	cursor: pointer;

}

.showProduct .photo .zoomdiv {

	z-index: 999;

	position: absolute;

	top: 0px;

	left: 0px;

	background: #ffffff;

	border: 1px solid #ddd;

	display: none;

	text-align: center;

	overflow: hidden;

}

.showProduct .photo .jqZoomPup {

	z-index: 999;

	visibility: hidden;

	position: absolute;

	top: 0px;

	left: 0px;

	border: 1px solid #eee;

	background: #fff;

	opacity: 0.6;

	-moz-opacity: 0.6;

	-khtml-opacity: 0.6;

	filter: alpha(opacity=50);

}

.showProduct .photo .img {

	width: 500px;

	height: 375px;

	display: block;

}

.showProduct .photo .bigimg {

	width: 500px;

	height: 375px;

	border: 1px solid #eee;

	display: block;

	position: relative;

	overflow: hidden;

}

.showProduct .photo .bigimg .list {

	width: 1000%;

	position: relative;

}

.showProduct .photo .bigimg .list li {

	width: 500px;

	height: 375px;

	float: left;

}

.showProduct .photo .bigimg .list img {

	width: 100%;

	height: 100%;

	display: block;

	transition: all ease 300ms;

}

.showProduct .photo .photoimg {

	width: 500px;

	height: 56px;

	padding: 10px 0;

	position: absolute;

	left: 0;

	bottom: 0;

}

.showProduct .photo .photoimg .list {

	width: 424px;

	overflow: hidden;

	position: relative;

	margin: 0 auto;

}

.showProduct .photo .photoimg .listcon {

	width: 300%;

	position: relative;

}

.showProduct .photo .photoimg .listcon li {

	width: 74px;

	height: 56px;

	cursor: pointer;

	display: block;

	float: left;

	margin-right: 12px;

}

.showProduct .photo .photoimg .listcon li img {

	border: 2px solid #fff;

	width: 70px;

	height: 52px;

	display: block;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.showProduct .photo .photoimg .listcon li:hover img, .showProduct .photo .photoimg .listcon li.on img {

	border-color: #3bb79b;

}

.showProduct .photo .photoimg .prev, .showProduct .photo .photoimg .next {

	width: 20px;

	height: 56px;

	z-index: 10;

	position: absolute;

	top: 10px;

	cursor: pointer;

	background: #f3f3f3 url(/skin/images/show-pro-btn.png) no-repeat 0 center;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.showProduct .photo .photoimg .prev:hover, .showProduct .photo .photoimg .next:hover {

	background-color: #ddd;

}

.showProduct .photo .photoimg .prev {

	left: 0px;

	background-position: 5px center;

}

.showProduct .photo .photoimg .next {

	right: 0px;

	background-position: -67px center;

}

.showProduct .imgtxtcon {

	width: 698px;

	float: left;

}

.showProduct .imgtxtcon .tit {

	font-size: 24px;

	color: #000;

	padding: 0 25px 5px;

	line-height: 30px;

}

.showProduct .imgtxtcon .line {

	width: 55px;

	height: 3px;

	background: #0195df;

	display: block;

	margin: 14px 0 16px 25px;

}

.showProduct .imgtxtcon p {

	padding: 25px 0 0 25px;

	color: #999999;

	font-size: 12px;

}

.showProduct .imgtxtcon .tit2 {

	color: #666;

	padding-left: 25px;

	font-size: 14px;

	line-height: 28px;

	height: auto;

	margin-bottom: 20px;

}

.showProduct .imgtxtcon .tit2 span {

	word-break: break-word;

}

.showProduct .imgtxtcon .tit2 strong {

	color: #333;

}

.showProduct .imgtxtcon .txt2 {

	line-height: 24px;

	height: 120px;

	overflow: hidden;

	margin-left: 25px;

	margin-bottom: 20px;

}

.showProduct .imgtxtcon .txt2 strong {

	display: block;

	color: #333;

	margin-bottom: 3px;

}

.showProduct .imgtxtcon .txt3 {

	margin-left: 25px;

	height: 30px;

	line-height: 30px;

	overflow: hidden;

	margin-bottom: 15px;

}

.showProduct .imgtxtcon .txt3 strong {

	color: #333;

}

.showProduct .imgtxtcon .txt {

	padding: 10px 25px 14px;

	line-height: 35px;

	background: #f1f1f1;

}

.showProduct .imgtxtcon .tel {

	margin-left: 25px;

	border-top: 1px dotted #ddd;

	padding: 20px 0;

}

.showProduct .imgtxtcon .tel span {

	color: #000;

	display: block;

}

.showProduct .imgtxtcon .tel strong {

	display: block;

	font-family: impact;

	color: #0195df;

	font-weight: normal;

	font-size: 40px;

	height: 46px;

	line-height: 46px;

}

.showProduct .imgtxtcon .btns {

	position: absolute;

	bottom: 50px;

}

.showProduct .imgtxtcon .btn1, .showProduct .imgtxtcon .btn2 {

	float: left;

	margin-right: 20px;

	font-size: 16px;

	width: 135px;

	height: 38px;

	line-height: 38px;

	margin-left: 25px;

	text-align: center;

	color: #fff;

}

.showProduct .imgtxtcon .btn1:hover, .showProduct .imgtxtcon .btn2:hover {

	background: #444;

}

.showProduct .imgtxtcon .btn1 {

	background: #0195df;

}

.showProduct .imgtxtcon .btn2 {

	text-align: center;

	margin-right: 0;

	margin-left: 0;

	background: #3bb79b;

}

.showProduct .showp_txt {

	padding-bottom: 20px;

}

.showProduct .showp_txt table {

	width: 100%!important;

}

.showProduct .showContxt {

	padding: 0 0 30px;

	color: #666;

	line-height: 28px;

	text-align: justify;

}

.showProduct .showContxt img {

	max-width: 100%;

}

/*formData*/

.formData {

	padding-bottom: 20px;

}

.formData .item {

	float: left;

	color: #999;

	font-weight: normal;

	width: 560px;

	height: 50px;

	line-height: 50px;

	border: 1px solid #e5e5e5;

	margin-right: 76px;

	margin-bottom: 30px;

	position: relative;

}

.formData .item label {

	padding-left: 15px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 11;

	text-align: center;

	display: block;

	margin: 0;

	height: 50px;

	line-height: 50px;

	font-size: 18px;

	color: #cccccc;

}

.formData .item input {

	outline: none;

	line-height: 38px;

	height: 38px;

	font-size: 18px;

}

.formData .item .txt {

	width: 355px;

	height: 50px;

	line-height: 50px;

	display: block;

	background: none;

	padding-left: 70px;

	border: 0 none;

	color: #333;

}

.formData .item .red {

	position: absolute;

	right: 15px;

	top: 0;

	color: #ff0000;

	z-index: 11;

}

.formData .item.mr0 {

	margin-right: 0;

}

.formData .msg-box {

	position: absolute;

	left: 0;

	top: 0px;

}

.formData .liuyan {

	width: 1198px;

	height: 240px;

	border: 1px solid #e5e5e5;

	float: left;

}

.formData .liuyan label {

	text-align: right;

	display: block;

}

.formData .liuyan textarea {

	width: 1178px;

	height: 214px;

	line-height: 28px;

	padding: 12px 10px;

	text-indent: 100px;

	font-size: 18px;

	font-family: "microsoft yahei";

	color: #333;

	border: 0 none;

	overflow: hidden;

	background: none;

	resize: none;

	display: block;

	outline: none;

}

.formData .bot {

	width: 100%;

}

.formData .sub {

	width: 232px;

	line-height: 46px;

	border: 2px solid #0195df;

	margin-right: 2px;

	text-align: center;

	background: #0195df;

	color: #FFF;

	cursor: pointer;

	font-size: 18px;

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.formData .sub:hover {

	background: none;

	color: #0195df;

}

.formData .yzm {

	width: 432px;

}

.formData .yzm .txt {

	padding-left: 80px;

}

.formData .yzm img {

	position: absolute;

	right: 3px;

	top: 3px;

	border: 0px;

	display: block;

}

/*searchPage*/

.searchPage {

	overflow: hidden;

}

.searchPage ul {

	width: 105%;

}

.searchPage .item {

	width: 280px;

	height: 274px;

	float: left;

	margin: 0 25px 30px 0;

	background: #fff;

	position: relative;

	overflow: hidden;

	transition: all ease 300ms;

}

.searchPage .item a {

	width: 100%;

	display: block;

}

.searchPage .item img {

	width: 280px;

	height: auto;

	display: block;

}

.searchPage .item h3 {

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 0;

	height: 64px;

	line-height: 64px;

	text-align: center;

	font-size: 16px;

	transition: all ease 300ms;

	background: #fff;

}

.searchPage .item .bg {

	position: absolute;

	width: 280px;

	padding-top: 86px;

	height: 124px;

	left: -280px;

	top: 0;

	z-index: 10;

	background: url(/skin/images/red80.png) repeat 0 0;

	text-align: center;

	transition: all ease 300ms;

}

.searchPage .item .bg s {

	width: 50px;

	height: 50px;

	display: block;

	border-radius: 100%;

	margin: 0 auto;

	background-color: #fff;

	background-position: -22px 18px;

}

.searchPage .item:hover {

	background: #fff;

}

.searchPage .item:hover h3 {

	color: #fff;

	background: #333;

}

.searchPage .item:hover .bg {

	left: 0;

}

/********toolbar*********/

.toolbar {

	width: 52px;

	position: fixed;

	right: 1%;

	top: 50%;

	margin-top: -115px;

	z-index: 999;

}

.toolbar dd {

	width: 51px;

	height: 51px;

	margin-bottom: 1px;

	position: relative;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	margin-top: 4px;

	border: #ebebeb solid 1px;

	background-color: #fff;

	-webkit-border-radius: 100%;

	border-radius: 100%;

}

.toolbar dd i {

	width: 51px;

	height: 51px;

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	cursor: pointer;

	text-align: center;

	-webkit-border-radius: 100%;

	border-radius: 100%;

}

.toolbar dd i span {

	width: 35px;

	height: 35px;

	display: block;

	margin: 8px 0 0 8px;

	background: url(/skin/images/rightfixicon.png) no-repeat 0 0;

}

.toolbar dd.gottop {

	display: none;

}

.toolbar .slide-tel {

	display: block;

	width: 0;

	height: 53px;

	line-height: 53px;

	font-size: 24px;

	font-weight: bold;

	font-family: arial;

	color: #FFF;

	position: absolute;

	padding: 0 0 0 53px;

	top: -1px;

	right: -2px;

	-webkit-border-radius: 50px;

	border-radius: 50px;

	overflow: hidden;

}

.toolbar .pop {

	position: absolute;

	right: 90px;

	top: -65px;

	background: #0195df;

	display: none;

}

.toolbar .pop-code {

	width: 160px;

}

.toolbar .pop-code img {

	width: 120px;

	height: 120px;

	display: block;

	padding: 20px 20px 0;

}

.toolbar .pop-code h3 {

	height: 52px;

	line-height: 26px;

	text-align: center;

	color: #fff;

	font-size: 16px;

	font-weight: 400;

	white-space: nowrap;

}

.toolbar .pop-code h3 b {

	display: block;

	font-size: 14px;

	font-weight: normal;

}

.toolbar .qq span {

	background-position: -35px -47px;

}

.toolbar .qq a {

	width: 52px;

	height: 52px;

	cursor: pointer;

	display: block;

}

.toolbar .qq:hover {

	background-color: #0195df;

	border-radius: 100%;

}

.toolbar .qq:hover span {

	background-position: 0 -47px;

}

.toolbar .tel span {

	background-position: -35px 0;

}

.toolbar .tel:hover {

	background: #0195df;

}

.toolbar .tel:hover span {

	background-position: 0 0;

}

.toolbar .code span {

	background-position: -35px -95px;

}

.toolbar .code:hover {

	background-color: #0195df;

	border-radius: 100%;

}

.toolbar .code:hover span {

	background-position: 0 -95px;

}

.toolbar .top span {

	background-position: -35px -142px;

}

.toolbar .top:hover {

	background-color: #0195df;

	border-radius: 100%;

}

.toolbar .top:hover span {

	background-position: 0 -142px;

}

.toolbar dd:hover {

}

span.bds_more, .bds_tools a {

	line-height: 14px !important;

}

/************** * Animations for content elements * **********/

/* 滞后*/

.delay100 {

	-webkit-animation-delay: 100ms;

	animation-delay: 100ms;

}

.delay200 {

	-webkit-animation-delay: 200ms;

	animation-delay: 200ms;

}

.delay300 {

	-webkit-animation-delay: 300ms;

	animation-delay: 300ms;

}

.delay400 {

	-webkit-animation-delay: 400ms;

	animation-delay: 400ms;

}

.delay500 {

	-webkit-animation-delay: 500ms;

	animation-delay: 500ms;

}

.delay600 {

	-webkit-animation-delay: 600ms;

	animation-delay: 600ms;

}

.delay700 {

	-webkit-animation-delay: 700ms;

	animation-delay: 700ms;

}

.delay800 {

	-webkit-animation-delay: 800ms;

	animation-delay: 800ms;

}

.delay900 {

	-webkit-animation-delay: 900ms;

	animation-delay: 900ms;

}

.delay1000 {

	-webkit-animation-delay: 1000ms;

	animation-delay: 1000ms;

}

.delay1100 {

	-webkit-animation-delay: 1100ms;

	animation-delay: 1100ms;

}

.delay1200 {

	-webkit-animation-delay: 1200ms;

	animation-delay: 1200ms;

}

.delay1300 {

	-webkit-animation-delay: 1300ms;

	animation-delay: 1300ms;

}

.delay1400 {

	-webkit-animation-delay: 1400ms;

	animation-delay: 1400ms;

}

.delay1500 {

	-webkit-animation-delay: 1500ms;

	animation-delay: 1500ms;

}

.delay1600 {

	-webkit-animation-delay: 1600ms;

	animation-delay: 1600ms;

}

.delay1700 {

	-webkit-animation-delay: 1700ms;

	animation-delay: 1700ms;

}

.delay1800 {

	-webkit-animation-delay: 1800ms;

	animation-delay: 1800ms;

}

.delay1900 {

	-webkit-animation-delay: 1900ms;

	animation-delay: 1900ms;

}

.delay2000 {

	-webkit-animation-delay: 2000ms;

	animation-delay: 2000ms;

}

.delay2100 {

	-webkit-animation-delay: 2100ms;

	animation-delay: 2100ms;

}

.delay2200 {

	-webkit-animation-delay: 2200ms;

	animation-delay: 2200ms;

}

.delay2300 {

	-webkit-animation-delay: 2300ms;

	animation-delay: 2300ms;

}

.delay2500 {

	-webkit-animation-delay: 2500ms;

	animation-delay: 2500ms;

}

.delay2700 {

	-webkit-animation-delay: 2700ms;

	animation-delay: 2700ms;

}

.delay2900 {

	-webkit-animation-delay: 2900ms;

	animation-delay: 2900ms;

}

.delay3000 {

	-webkit-animation-delay: 3000ms;

	animation-delay: 3000ms;

}

.delay4000 {

	-webkit-animation-delay: 4000ms;

	animation-delay: 4000ms;

}

.delay4500 {

	-webkit-animation-delay: 4500ms;

	animation-delay: 4500ms;

}

.delay5000 {

	-webkit-animation-delay: 5000ms;

	animation-delay: 5000ms;

}

.onactive .animated {

	-webkit-animation-duration: .8s;

	animation-duration: .8s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

.active .animated.fast {

	-webkit-animation-duration: .5s;

	animation-duration: .5s;

}

.onactive .flyInDown {

	-webkit-animation-name: flyInDown;

	animation-name: flyInDown;

}

@-webkit-keyframes flyInDown {

0% {

opacity: 0;

-webkit-transform: translateY(-20px);

}

100% {

opacity: 1;

-webkit-transform: translateY(0);

}

}

@keyframes flyInDown {

0% {

opacity: 0;

-webkit-transform: translateY(-20px);

-moz-transform: translateY(-20px);

-ms-transform: translateY(-20px);

transform: translateY(-20px);

}

100% {

opacity: 1;

-webkit-transform: translateY(0);

-moz-transform: translateY(0);

-ms-transform: translateY(0);

transform: translateY(0);

}

}

.onactive .flyInRight {

	-webkit-animation-name: flyInRight;

	animation-name: flyInRight;

}

@keyframes flyInRight {

0% {

opacity: 0;

-webkit-transform: translateX(100px);

-moz-transform: translateX(100px);

-ms-transform: translateX(100px);

transform: translateX(100px);

}

100% {

opacity: 1;

-webkit-transform: translateX(0);

-moz-transform: translateX(0);

-ms-transform: translateX(0);

transform: translateX(0);

}

}

.onactive .flyInUp {

	-webkit-animation-name: flyInUp;

	animation-name: flyInUp;

}

@keyframes flyInUp {

0% {

opacity: 0;

-webkit-transform: translateY(50px);

-moz-transform: translateY(50px);

-ms-transform: translateY(50px);

transform: translateY(50px);

}

100% {

opacity: 1;

-webkit-transform: translateY(0);

-moz-transform: translateY(0);

-ms-transform: translateY(0);

transform: translateY(0);

}

}

.onactive .flyInLeft {

	-webkit-animation-name: flyInLeft;

	animation-name: flyInLeft;

}

@-webkit-keyframes flyInLeft {

0% {

opacity: 0;

-webkit-transform: translateX(-200px);

}

100% {

opacity: 1;

-webkit-transform: translateX(0);

}

}

@keyframes flyInLeft {

0% {

opacity: 0;

-webkit-transform: translateX(-200px);

-moz-transform: translateX(-200px);

-ms-transform: translateX(-200px);

transform: translateX(-200px);

}

100% {

opacity: 1;

-webkit-transform: translateX(0);

-moz-transform: translateX(0);

-ms-transform: translateX(0);

transform: translateX(0);

}

}

.onactive .opacityI {

	-webkit-animation-name: zoomIn;

	animation-name: zoomIn;

}

@-webkit-keyframes opacityI {

0% {

opacity: 0;

}

50% {

opacity: 1;

}

}

@keyframes opacityI {

0% {

opacity: 0;

}

50% {

opacity: 1;

}

}

.onactive .shake {

	-webkit-animation-name: shake;

	animation-name: shake;

	-webkit-animation-delay: 6s;

	animation-delay: 6s;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

}

@keyframes shake {

0% {

transform: translateX(0);

}

10%, 30%, 50%, 70%, 90% {

transform: translateY(-10px);

}

20%, 40%, 60%, 80% {

-transform: translateY(6px);

}

100% {

transform: translateY(0);

}

}

@-webkit-keyframes shake {

0% {

-webkit-transform: translateX(0);

}

10%, 30%, 50%, 70%, 90% {

-webkit-transform: translateY(-10px);

}

20%, 40%, 60%, 80% {

-webkit-transform: translateY(6px);

}

100% {

-webkit-transform: translateY(0);

}

}

@-moz-keyframes shake {

0% {

-moz-transform: translateX(0);

}

10%, 30%, 50%, 70%, 90% {

-moz-transform: translateY(-10px);

}

20%, 40%, 60%, 80% {

-moz-transform: translateY(6px);

}

100% {

-moz-transform: translateY(0);

}

}

@-o-keyframes shake {

0% {

-o-transform: translateX(0);

}

10%, 30%, 50%, 70%, 90% {

-o-transform: translateY(-10px);

}

20%, 40%, 60%, 80% {

-o-transform: translateY(6px);

}

100% {

-o-transform: translateY(0);

}

}

@-ms-keyframes shake {

0% {

-ms-transform: translateX(0);

}

10%, 30%, 50%, 70%, 90% {

-ms-transform: translateY(-10px);

}

20%, 40%, 60%, 80% {

-ms-transform: translateY(6px);

}

100% {

-ms-transform: translateY(0);

}

}

.onactive .zoomIn {

	-webkit-animation-name: zoomIn;

	animation-name: zoomIn;

}

@-webkit-keyframes zoomIn {

0% {

opacity: 0;

-webkit-transform: scale3d(0.3, 0.3, 0.3);

transform: scale3d(0.3, 0.3, 0.3);

}

50% {

opacity: 1;

}

}

@keyframes zoomIn {

0% {

opacity: 0;

-webkit-transform: scale3d(0.3, 0.3, 0.3);

-ms-transform: scale3d(0.3, 0.3, 0.3);

transform: scale3d(0.3, 0.3, 0.3);

}

50% {

opacity: 1;

}

}

@-webkit-keyframes scaleIn {

0% {

opacity: 1;

-webkit-transform: scale(1);

transform: scale(1);

}

50% {

opacity: 1;

-webkit-transform: scale(1.02);

transform: scale(1.02);

}

}

@keyframes scaleIn {

0% {

opacity: 1;

-webkit-transform: scale(1);

-ms-transform: scale(1);

transform: scale(1);

}

50% {

opacity: 1;

-webkit-transform: scale(1.02);

-ms-transform: scale(1.02);

transform: scale(1.02);

}

}

.online-zx {

	width: 0;

	background: #202020;

	height: 50px;

	line-height: 50px;

	padding-left: 50px;

	position: fixed;

	left: 0;

	bottom: 200px;

	color: #fff;

}

.online-zx s {

	width: 50px;

	height: 50px;

	cursor: pointer;

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	background: url(/skin/images/zx-ico.png) no-repeat 8px center;

}

.online-zx a {

	width: 100%;

	height: 50px;

	display: block;

	color: #fff;

}

.online-zx.show {

	width: 0;

	background: #d3ad89;

	width: 98px;

}

.online-zx.show s {

	background-position: -35px center;

}

.BMap_bubble_content {

	line-height: 20px;

}

/* Underline From Center2*/

.hvr-underline-from-center1 {

	display: inline-block;

	vertical-align: middle;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;

	position: relative;

}

.hvr-underline-from-center1:before {

	content: "";

	position: absolute;

	z-index: -1;

	left: 50%;

	right: 50%;

	bottom: -1px;

	background: #0195df;

	height: 3px;

	-webkit-transition-property: left, right;

	transition-property: left, right;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.hvr-underline-from-center1:hover:before, .hvr-underline-from-center1.hover:before, .hvr-underline-from-center1:focus:before, .hvr-underline-from-center1:active:before {

	left: 0;

	right: 0;

}

.hvr-underline-from-center1:hover, .hvr-underline-from-center1.hover {

*height: 43px;

*border-bottom: 3px solid #0195df;

*line-height: 43px;

}

@-webkit-keyframes scale {

0% {

-webkit-transform: scale(1);

}

50% {

-webkit-transform: scale(1.02);

}

100% {

-webkit-transform: scale(1);

}

}

@keyframes scale {

0% {

transform: scale(1);

}

50% {

transform: scale(1.02);

}

100% {

transform: scale(1);

}

}

