/******************************
*同创模板网-专业提供企业网站源码程序模板*
* moban.cnfusu.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/

@charset "UTF-8";

html {

	min-width: 1200px;

}

body {

	overflow-x: hidden;

	overflow-y: auto;

}

body {

	background: #f6f6f6;

}

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", 'Helvetica Neue', Helvetica, Arial, sans-serif;

	color: #333333;

}

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: #e74037;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.tac {

	text-align: center;

}

.tar {

	text-align: right;

}

.poa {

	position: absolute;

}

.por {

	position: relative;

}

.hidden {

	display: none;

}

.hide {

	display: none !important;

}

.w1200 {

	width: 1200px;

	margin: 0 auto;

}

.icon {

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

	display: inline-block;

	vertical-align: middle;

}

a {

	color: #333333;

	text-decoration: none;

}

a:hover {

	color: #03b2b5;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

}

.ease, .ease * {

	transition: all ease 300ms;

}

.noease, .noease * {

	transition: none;

}

:-moz-placeholder {

color: #fff;

}

::-moz-placeholder {

color: #fff;

}

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

color: #fff;

}

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

color: #fff;

}

/*清除浮动*/

.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_main {

	width: 100%;

	position: relative;

	z-index: 999;

	background: #03b2b5;

	height: 40px;

	line-height: 40px;

	font-size: 12px;

	color: #fff;

}

.top_main .top {

	position: relative;

}

.top_main .logo {

	width: 224px;

	height: 128px;

	padding-top:50px;

	position: absolute;

	left: -10px;

	top: 0;

	z-index: 1111;

}

.top_main .logo img {

	display: block;

	height: 100px;

	max-width: 100%;

	margin: 0 auto;

}

.top_main p {

	display: inline-block;

*display: inline;

*zoom: 1;

	float: left;

	padding-left: 247px;

}

.top_main .top_right {

	text-align: right;

	font-size: 0;

	line-height: 0;

}

.top_main .top_right li {

	display: inline-block;

	vertical-align: middle;

	color: #fff;

	line-height: 40px;

	font-size: 12px;

	height: 40px;

}

.top_main .top_right li a {

	display: inline-block;

	height: 40px;

	color: #fff;

}

.top_main .top_right li a:hover {

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.top_main .top_right li.icon {

	width: 7px;

	height: 7px;

	margin: 0 10px;

	vertical-align: middle;

	background-position: -40px -20px;

}

.top_main .top_right .order {

	padding-right: 20px;

}

.top_main .top_right .sou {

	width: 45px;

	border-left: 1px solid #35ad12;

	position: relative;

	margin-left: 16px;

}

.top_main .top_right .sou a {

	display: block;

	height: 27px;

	padding-top: 13px;

}

.top_main .top_right .sou s {

	width: 18px;

	height: 18px;

	display: block;

	margin: 0 auto;

	background-position: -113px 0;

}

.top_main .top_right .sou:hover {

	background-color: #272a98;

}

.top_main .top_right .xcx {

	width: 46px;

	background: #36ae12;

}

.top_main .top_right .xcx a {

	display: block;

	height: 30px;

	padding-top: 10px;

}

.top_main .top_right .xcx s {

	width: 22px;

	height: 22px;

	display: block;

	margin: 0 auto;

	background-position: -137px 2px;

}

.top_main .search {

	width: 200px;

	height: 40px;

	line-height: 40px;

	position: absolute;

	right: 0;

	top: 40px;

	background: #03b2b5;

	z-index: 999;

	display: none;

	overflow: hidden;

}

.top_main .search .stxt {

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-indent: 10px;

	float: left;

	background: none;

	border: 0px;

	outline: none;

	color: #fff;

}

.top_main .search .sbtn {

	width: 25px;

	height: 20px;

	position: absolute;

	outline: none;

	cursor: pointer;

	right: 10px;

	top: 10px;

	background-color: #03b2b5;

	background-position: -108px 1px;

}

.top_main .imgbox {

	width: 180px;

	height: 220px;

	position: absolute;

	background: #03b2b5;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	text-align: center;

	color: #fff;

	top: 40px;

	right: 0;

	display: none;

	overflow: hidden;

}

.top_main .imgbox img {

	width: 160px;

	height: 160px;

	padding: 10px 10px 0;

	display: block;

	margin: 0 auto;

}

.top_main .imgbox span {

	font-size: 16px;

	line-height: 24px;

}

.top_main .imgbox span b {

	display: block;

	font-size: 14px;

	font-weight: normal;

}

/*header_main*/

.header_main {

	width: 100%;

	height: 100px;

	position: relative;

	z-index: 998;

	background: #fff;

}

.header_main .header {

	position: relative;

}

.header_main .slogan {

	width: 358px;

	padding-left:165px;

	white-space: nowrap;

	line-height: 34px;

	padding-top: 25px;

	float: left;

}

.header_main .slogan img {

	display: block;

	float: right;

	margin-top: -10px;

}

.header_main .slogan h3 {

	font-weight: bold;

	color: #f95927;

	font-size: 36px;

}

.header_main .slogan p {

	color: #03b2b5;

	font-size: 18px;

}

.header_main .webtel {

	width: 300px;

	text-align: right;

	padding-top: 25px;

	font-size: 16px;

}

.header_main .webtel s {

	width: 20px;

	height: 20px;

	margin-right: 8px;

	background-position: -163px 0;

}

.header_main .webtel span {

	margin-right: 4px;

}

.header_main .webtel strong {

	color: #03b2b5;

	font-weight: normal;

	font-size: 34px;

	display: block;

	font-family: arial;

}

/*nav_main*/

.nav_main {

	width: 100%;

	height: 80px;

	line-height: 80px;

	position: relative;

	z-index: 10;

	background: #fff;

}

.nav_main .list {

	text-align: center;

	line-height: 0;

	font-size: 0;

}

.nav_main li {

	display: inline-block;

	height: 80px;

	line-height: 80px;

	position: relative;

	vertical-align: top;

	padding: 0 34px;

	text-align: center;

	font-size: 16px;

	background: url(../images/nav_line.jpg) no-repeat left center;

}

.nav_main li:first-child {

	background: none;

}

.nav_main li a {

	display: block;

	height: 100%;

	position: relative;

	color: #000;

}

.nav_main li i {

	position: absolute;

	bottom: 0;

	left: 50%;

	width: 0;

	height: 2px;

	background-color: #f95927;

	transition: all ease 300ms;

}

.nav_main li:hover i, .nav_main li.hover i {

	width: 100%;

	margin-left: -50%;

}

.nav_main .sub-box {

	background-color: #03b2b5;

	width: 100%;

	position: absolute;

	left: 0;

	top: 80px;

}

.nav_main .sub-box {

	position: absolute;

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_main li:hover .sub-box {

	opacity: 1;

	visibility: visible;

	transform: translate3d(0, 0, 0);

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

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

}

.nav_main .sub-box a {

	color: #fff;

	line-height: 35px;

	height: 35px;

	overflow: hidden;

	display: block;

	font-size: 14px;

	transition: all ease 300ms;

}

.nav_main .sub-box a:hover {

	background: #f95927;

}

/*footer_main*/

.footer_main {

	width: 100%;

	padding: 30px 0 30px;

	background: #03b2b5;

	color: #fff;

}

.footer_main .imsgbox {

	width: 400px;

}

.footer_main .imsgbox h3 {

	font-size: 16px;

	color: #fff;

	display: block;

}

.footer_main .imassge {

	padding-top: 20px;

}

.footer_main .imassge .item {

	width: 192px;

	margin-bottom: 10px;

	position: relative;

	float: left;

	position: relative;

	border: 1px solid #78c152;

}

.footer_main .imassge .item .txt {

	width: 182px;

	padding-left: 10px;

	height: 40px;

	line-height: 40px;

	color: #fff;

	background: none;

	outline: none;

}

.footer_main .imassge .item .msg-box {

	position: absolute;

	left: 0;

	height: 20px;

	top: -28px;

}

.footer_main .imassge .item .msg-box s {

	display: inline-block;

}

.footer_main .imassge .mr10 {

	margin-right: 12px;

}

.footer_main .imassge .mj {

	width: 100%;

}

.footer_main .imassge .mj .txt {

	width: 390px;

}

.footer_main .imassge .submit {

	width: 100%;

	height: 40px;

	line-height: 40px;

	border: 0 none;

	background: #fff;

	font-size: 16px;

	outline: none;

	cursor: pointer;

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

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

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

}

.footer_main .imassge .submit:hover {

	background: #f95927;

	color: #fff;

}

.footer_main .links {

	padding-bottom: 30px;

	margin-bottom: 30px;

	font-size: 16px;

	border-bottom: 1px solid #78c152;

}

.footer_main .links span {

	color: #f9f9f9;

	display: inline-block;

}

.footer_main .links a {

	display: inline-block;

	color: #f9f9f9;

	padding-right: 10px;

}

.footer_main .links a:hover {

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.footer_main .botnav {

	width: 290px;

}

.footer_main .botnav li {

	width: 100px;

	float: left;

	display: block;

	list-style: none;

	font-size: 16px;

	line-height: 32px;

	text-align: left;

	overflow: hidden;

	padding-left: 40px;

}

.footer_main .botnav li a {

	color: #fff;

	display: block;

	line-height: 30px;

	font-size: 16px;

}

.footer_main .botnav li a:hover {

	color: #78c152;

}

.footer_main .botnav li .drop {

	padding-top: 10px;

}

.footer_main .botnav li .drop a {

	display: block;

	line-height: 24px;

	color: #fff;

	width: 100%;

	font-size: 12px;

}

.footer_main .botnav li .drop a:hover {

	color: #78c152;

}

.footer_main .botnav li:first-child {

	padding-left: 0;

}

.footer_main .botcontcat {

	width: 250px;

	color: #fff;

	float: left;

}

.footer_main .botcontcat a {

	color: #fff;

	display: block;

	line-height: 30px;

	font-size: 16px;

}

.footer_main .botcontcat a:hover {

	color: #78c152;

}

.footer_main .botcontcat .drop {

	font-size: 12px;

	color: #fff;

}

.footer_main .botcontcat .drop .tel {

	font-size: 26px;

	line-height: 30px;

	margin-bottom: 10px;

	color: #fff;

}

.footer_main .bewm {

	width: 138px;

	height: 158px;

	float: left;

	padding: 10px 0;

	border: 1px solid #78c152;

}

.footer_main .bewm img {

	width: 119px;

	height: 119px;

	padding: 0;

	display: block;

	margin: 0 auto;

}

.footer_main .bewm p {

	text-align: center;

	line-height: 20px;

	padding-top: 5px;

}

.footer_main .copyright {

	line-height: 22px;

	border: 1px solid #78c152;

	font-size: 12px;

	color: #fff;

	padding: 0 25px;

	margin-top: 40px;

	height: 48px;

	line-height: 48px;

}

.footer_main .copyright a {

	color: #fff;

}

.footer_main .copyright a:hover {

	color: #78c152;

}

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

.toolbar {
	background-color: #03b2b5;
	
	width: 50px;

	position: fixed;

	right: 1%;

	top: 44%;

	z-index: 999;

}

.toolbar dd {

	width: 50px;

	height: 50px;

	margin-bottom: 1px;

	position: relative;

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

	-webkit-border-radius: 100%;

	border-radius: 100%;

}

.toolbar dd i {

	width: 50px;

	height: 50px;

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	cursor: pointer;

	text-align: center;

	-webkit-border-radius: 100%;

	border-radius: 100%;

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

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

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

}

.toolbar dd i span {

	width: 35px;

	height: 35px;

	display: block;

	margin: 7px 0 0 7px;

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

}

.toolbar dd.gottop {

	display: none;

}

.toolbar .slide-tel {

	display: block;

	width: 0;

	height: 50px;

	line-height: 50px;

	font-size: 24px;

	font-family: arial;

	color: #FFF;

	position: absolute;

	padding: 0 0 0 50px;

	top: 0;

	right: 0;

	overflow: hidden;

	-webkit-border-radius: 50px;

	border-radius: 50px;

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

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

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

}

.toolbar .pop {

	position: absolute;

	right: 90px;

	top: -51px;

	background: #03b2b5;

	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: 0 -47px;

}

.toolbar .qq a {

	width: 50px;

	height: 50px;

	cursor: pointer;

	display: block;

}

.toolbar .qq:hover {

	background: #03b2b5;

}

.toolbar .tel span {

	background-position: 0 0;

}

.toolbar .tel:hover {

	background: #03b2b5;

}

.toolbar .code span {

	background-position: 0 -95px;

}

.toolbar .code:hover {

	background: #03b2b5;

}

.toolbar .top span {

	background-position: 0 -142px;

}

.toolbar .top:hover {

	background: #03b2b5;

}

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

.indexMore {

	width: 180px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	border: 1px solid #03b2b5;

	color: #333;

	display: block;

	margin: 0 auto;

	border-radius: 25px;

	transition: all ease 300ms;

}

.indexMore:hover {

	background: #03b2b5;

	color: #fff;

}

.indexTit1 {

	text-align: center;

	width: 100%;

	height: 110px;

	background: url(../images/itit1bg.png) no-repeat center top;

}

.indexTit1 h3 {

	font-size: 30px;

	padding-top: 51px;

	font-weight: bold;

	color: #f95927;

}

.indexTit1 h3 s {

	width: 62px;

	height: 30px;

	margin: 0 22px;

	vertical-align: top;

	background-position: -78px -37px;

}

.indexTit1 h3 s:first-child {

	background-position: 0 -37px;

}

.indexTit2 {

	text-align: center;

	width: 100%;

	padding:16px 0 60px;

}

.indexTit2 h3 {

	font-weight: bold;

	font-size: 45px;

	color: #333333;

	line-height: 50px;

	margin-bottom: 5px;

	padding-left: 20px;

}

.indexTit2 span {

	display: inline-block;

	vertical-align: top;

}

.indexTit2 span.num {

	color: #f95927;

	font-size: 74px;

	font-weight: bold;

	line-height: 74px;

	margin: 0 15px;

	font-family: arial;

	padding-top: 5px;

}

.indexTit2 span.t {

	color: #03b2b5;

	font-size: 60px;

	font-weight: bold;

	line-height: 74px;

}

.indexTit2 span.en {

	width: 240px;

	padding-top: 14px;

	text-align: right;

	font-size: 20px;

	color: #666;

	font-family: arial;

	text-transform: uppercase;

	line-height: 28px;

}

/*prolist*/

.prolist .item {

	width: 278px;
	height:270px;
	float: left;

	margin: 0 26px 26px 0;

	position: relative;

	background: #fff;

	border: 1px solid #dddddd;

	border-radius: 6px;

	transition: all ease 300ms;

	overflow: hidden;

}

.prolist .item a {
	display: block;
	width: 100%;
}

.prolist .item img {
	width: 278px;
	height:200px;
	display: block;
	border-bottom: 1px solid #dddddd;
}

.prolist .item h3 {

	padding: 0 16px;

	height: 68px;

	font-size: 16px;

	color: #333;

	line-height: 68px;

	overflow: hidden;

	transition: all ease 300ms;

}

.prolist .item h3 span {

	width: 110px;

	height: 30px;

	line-height: 30px;

	font-weight: normal;

	margin-top: 20px;

	font-size: 14px;

	border-radius: 20px;

	border: 1px solid #f95927;

	color: #f95927;

	text-align: center;

	transition: all ease 300ms;

}

.prolist .item h3 span s {

	width: 18px;

	height: 18px;

	margin-right: 5px;

	background-position: -120px -78px;

}

.prolist .item .xcx {

	width: 278px;

	height: 247px;

	z-index: 10;

	padding-top: 30px;

	position: absolute;

	left: -2%;

	top: 0;

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

	opacity: 0;

	filter: alpha(opacity=0);

	transition: all ease 300ms;

	left: 20%;

}

.prolist .item .xcx span {

	width: 100%;

	text-align: center;

	display: block;

	position: absolute;

	left: 0;

	top: 38px;

	z-index: 10;

	font-size: 16px;

	color: #333;

}

.prolist .item .xcx img {

	width: 160px;

	height: 160px;

	border-radius: 10px;

	display: block;

	margin: 0 auto;

	padding: 40px 20px 20px;

	background: #fff;

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

}

.prolist .item:hover {

	border-color: #fff;

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

}

.prolist .item:hover .xcx {

	opacity: 1;

	filter: alpha(opacity=100);

	left: 0;

}

.prolist .item:hover h3 span {

	background: #f95927;

	color: #fff;

}

.prolist .item:hover h3 span s {

	background-position: -142px -78px;

}

/*baselist*/

.baselist .item {

	width: 280px;

	float: left;

	margin: 0 26px 26px 0;

	position: relative;

	transition: all ease 300ms;

	overflow: hidden;

}

.baselist .item a {

	display: block;

	width: 100%;

}

.baselist .item .img {

	width: 280px;

	height: 210px;

	display: block;

	overflow: hidden;

	position: relative;

}

.baselist .item .img img {

	width: 280px;

	height: 210px;

	display: block;

	transition: all .5s;

}

.baselist .item .img .zz {

	width: 280px;

	height: 210px;

	display: block;

	background: url(../images/zz.png) no-repeat center center;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 10;

}

.baselist .item .tit {

	height: 48px;

	font-size: 16px;

	text-align: center;

	line-height: 48px;

	overflow: hidden;

	transition: all ease 300ms;

	display: block;

}

.baselist .item:hover .img img {

	transform: scale(1.08);

}

.baselist .item:hover .tit {

	color: #03b2b5;

}

/*newslist*/

.newslist .item {

	border-bottom: 1px solid #dddddd;

	padding: 11px 0 0;

	width: 100%;

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

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

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

}

.newslist .item a {

	display: block;

	padding-bottom: 11px;

	width: 100%;

}

.newslist .item h3 {

	font-size: 18px;

	color: #333333;

	line-height: 28px;

	overflow: hidden;

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

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

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

}

.newslist .item h3 s {

	width: 16px;

	height: 16px;

	float: right;

	display: block;

	background-position: -35px 0;

}

.newslist .item .txt {

	color: #666666;

	line-height: 23px;

	height: 46px;

}

.newslist .item .time {

	display: block;

	color: #333333;

	font-size: 14px;

	line-height: 28px;

}

.newslist .item:hover {

	border-color: #03b2b5;

}

.newslist .item:hover h3 {

	color: #03b2b5;

}

/*xunpan*/

.xunpan {

	width: 100%;

	height: 200px;

	background: url(../images/ixbannerbg.jpg) no-repeat center top;

	color: #fff;

}

.xunpan .zixun {

	width: 454px;

*padding-right: 80px;

	padding-top: 40px;

	position: relative;

	text-align: center;

}

.xunpan .zixun .ewm {

	width: 108px;

	height: 108px;

	display: block;

	position: absolute;

	padding: 6px;

	background: #fff;

	transition: all ease 300ms;

	right: 0;

	top: 40px;

}

.xunpan .zixun .ewm.hover {

	right: 20px;

}

.xunpan .zixun .tel {

	border: 1px solid #65b44e;

	width: 300px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	font-size: 26px;

	color: #fff;

	margin-bottom: 20px;

	font-family: arial;

	font-weight: bold;

	border-radius: 30px;

}

.xunpan .zixun .tel s {

	width: 26px;

	height: 28px;

	background-position: 0 -1px;

	margin-right: 16px;

}

.xunpan .zixun .zx {

	width: 302px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	font-size: 20px;

	color: #176200;

	-moz-border-radius: 30px;

	-webkit-border-radius: 30px;

	border-radius: 30px;

	background: #ffe825;

}

.xunpan .zixun .zx s {

	width: 22px;

	height: 20px;

	display: inline-block;

	background-position: -60px 0;

*background-position: -60px 3px;

	transition: all ease 300ms;

	margin-left: 10px;

	vertical-align: middle;

}

.xunpan .zixun .zx:hover s {

	margin-left: 28px;

}

.xunpan p {
	color: #f95927;
	font-size: 20px;

}

.xunpan p strong {

	display: inline-block;

	color: #f95927;

	font-weight: bold;

	font-size: 28px;

	padding-right: 10px;

	font-style: italic;

}

.xunpan p.bigtxt {

	font-size: 40px;
	color: #f95927;
	padding-bottom: 25px;

	padding-top: 60px;

}

.xunpan p span {

	color: #03b2b5;

	display: inline-block;

}

.banner_main {

	width: 100%;

	overflow: hidden;

	position: relative;

	z-index: 2;

}

.banner {

	width: 100%;

	min-width: 1000px;

	position: relative;

	overflow: hidden;

	z-index: 0;

	height: 535px;

}

.banner .list {

	max-height: 535px;

	overflow: hidden;

}

.banner li {

	width: 100%;

	position: absolute;

	z-index: 1;

	overflow: hidden;

}

.banner li img {

	width: 1920px;

	display: block;

	position: relative;

	left: 50%;

	margin-left: -960px;

	top: 0;

}

.banner li a {

	width: 100%;

	display: block;

}

.banner .tip {

	width: 100%;

	height: 20px;

	text-align: center;

	position: absolute;

	left: 0;

	bottom: 3%;

	z-index: 10;

}

.banner .tip span {

	width: 30px;

	height: 5px;

	overflow: hidden;

	margin: 0 5px;

	display: inline-block;

	cursor: pointer;

	vertical-align: top;

	background: #666;

	font-size: 0;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}

.banner .tip span.cur {

	background: #03b2b5;

}

.banner .prev, .banner .next {

	width: 40px;

	height: 40px;

	position: absolute;

	z-index: 12;

	top: 50%;

	margin-top: -30px;

	cursor: pointer;

	background: url(../images/btn-ico.png) no-repeat center;

}

.banner .prev {

	left: 3%;

	background-position: 0 0;

}

.banner .prev:hover {

	background-position: 0 -51px;

}

.banner .next {

	right: 3%;

	background-position: -62px 0;

}

.banner .next:hover {

	background-position: -62px -51px;

}

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

.index {

	width: 100%;

	overflow: hidden;

}

.index .prev, .index .next {

	width: 40px;

	height: 40px;

	position: absolute;

	z-index: 12;

	top: 50%;

	margin-top: -40px;

	cursor: pointer;

	background: url(../images/btn-ico.png) no-repeat center;

}

.index .prev {

	left: -80px;

	background-position: 0 0;

}

.index .prev:hover {

	background-position: 0 -51px;

}

.index .next {

	right: -80px;

	background-position: -62px 0;

}

.index .next:hover {

	background-position: -62px -51px;

}

.index .more {

	width: 150px;

	height: 40px;

	line-height: 40px;

	margin: 0 auto;

	display: block;

	text-align: center;

	border: 1px solid #ccc;

	transition: all ease 300ms;

}

.index .more:hover {

	border: 1px solid #03b2b5;

	background: #03b2b5;

	color: #fff;

	text-indent: 10px;

}

.index .floor_1 {

	padding: 55px 0;

}

.index .floor_1 .tab {

	padding: 28px 0 30px;

	text-align: center;

	font-size: 0;

	line-height: 0;

}

.index .floor_1 .tab li {

	width: 180px;

	height: 40px;

	line-height: 40px;

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

	margin: 0 10px 20px;

	background: #fff;

	display: inline-block;

*display: inline;

*zoom: 1;

	vertical-align: top;

	transition: all ease 300ms;

	border-radius: 20px;

}

.index .floor_1 .tab li a {

	display: block;

	text-align: center;

	width: 100%;

	font-size: 14px;

}

.index .floor_1 .tab li:hover, .index .floor_1 .tab li.hover {

	background: #03b2b5;

}

.index .floor_1 .tab li:hover a, .index .floor_1 .tab li.hover a {

	color: #fff;

}

.index .iproduct {

	position: relative;

	padding-bottom: 30px;

}

.index .iproduct .iproCon {

	position: relative;

	overflow: hidden;

}

.index .iproduct .list {

	width: 400%;

}

.index .floor_2 {

	padding: 0 0 270px;

	background: #fff;

}

.index .floor_2 .iadvan {

	width: 100%;

	height: 380px;

	position: relative;

}

.index .floor_2 .iadvan .bigimg {

	position: absolute;

	left: 50%;

	top: 0;

	width: 380px;

	height: 380px;

	margin-left: -180px;

}

.index .floor_2 .iadvan li {

	width: 186px;

	position: absolute;

}

.index .floor_2 .iadvan li img {

	position: absolute;

}

.index .floor_2 .iadvan li h3 {

	font-weight: bold;

	color: #03b2b5;

	font-size: 32px;

}

.index .floor_2 .iadvan li h3 span {

	font-style: oblique;

	display: inline-block;

	line-height: 40px;

	color: #f95927;

	font-size: 40px;

	font-family: arial;

}

.index .floor_2 .iadvan li p {

	line-height: 24px;

	color: #444;

	padding-top: 10px;

}

.index .floor_2 .iadvan li.a1 {

	left: 0;

	top: 0;

}

.index .floor_2 .iadvan li.a1 img {

	right: -230px;

	top: -20px;

}

.index .floor_2 .iadvan li.a2 {

	right: 0;

	top: 0;

}

.index .floor_2 .iadvan li.a2 img {

	left: -200px;
	top: -30px;

}

.index .floor_2 .iadvan li.a3 {

	left: 0;

	bottom: 0;

}

.index .floor_2 .iadvan li.a3 img {
	right: -200px;
	top: -30px;
}

.index .floor_2 .iadvan li.a4 {
	right: 0;
	bottom: 0;
}

.index .floor_2 .iadvan li.a4 img {
	left: -200px;
	top: -30px;
}

.index .floor_2 .iadvan li.a5 {

	left: 590px;

	bottom: -190px;

}

.index .floor_2 .iadvan li.a5 img {

	left: -190px;

	top: -40px;

}

.index .floor_3 {

	height: 742px;

	background: url(../images/ifeatbg.jpg) no-repeat center top;

}

.index .floor_3 .indexTit2 {

	padding-top: 95px;

}

.index .floor_3 .indexTit2 h3, .index .floor_3 .indexTit2 .txt .t, .index .floor_3 .indexTit2 .txt .en {color: #fff;}

.index .floor_3 .indexTit2 .txt .num {color: #ffe825;}

.index .floor_3 .ifeat li {

	width: 260px;

	height: 330px;

	float: left;

	position: relative;

	margin-left: 50px;

}

.index .floor_3 .ifeat li:first-child {

	margin-left: 0;

}

.index .floor_3 .ifeat li .txtcon {

	z-index: 2;

	width: 100%;

	height: 290px;

	padding-top: 40px;

	transition: all ease 300ms;

	background: #fff;

	border-radius: 7px;

	text-align: center;

	position: relative;

	z-index: 10;

}

.index .floor_3 .ifeat li .line {

	width: 260px;

	height: 330px;

	border: 1px solid #9edf8a;

	position: absolute;

	right: -8px;

	top: 8px;

	border-radius: 7px;

}

.index .floor_3 .ifeat li s {

	width: 90px;

	height: 90px;

	display: block;

	border-radius: 100%;

	margin: 0 auto;

	background: #03b2b5 url(../images/feat-ico.png) no-repeat 24px center;

}

.index .floor_3 .ifeat li h3 {

	padding-top: 20px;

	font-weight: bold;

	color: #03b2b5;

	font-size: 24px;

}

.index .floor_3 .ifeat li .en {

	display: block;

	text-transform: uppercase;

	color: #999999;

}

.index .floor_3 .ifeat li .txt {

	line-height: 24px;

	padding: 20px 28px 0;

	transition: all ease 300ms;

	color: #666666;

}

.index .floor_3 .ifeat li.a2 s {

	background-position: -89px center;

}

.index .floor_3 .ifeat li.a3 s {

	background-position: -206px center;

}

.index .floor_3 .ifeat li.a4 s {

	background-position: -322px center;

}

.index .floor_3 .ifeat li:hover .txt {

	padding-top: 10px;

}

.index .floor_4 {

	padding: 55px 0;

	background: #fff;

}

.index .floor_4 .indexTit1 {

	margin-bottom: 48px;

}

.index .ibase {

	position: relative;

	padding-bottom: 30px;

}

.index .ibase .prev, .index .ibase .next {

	margin-top: -60px;

}

.index .ibase .ibaseCon {

	position: relative;

	overflow: hidden;

}

.index .ibase .list {

	width: 400%;

}

.index .floor_5 {

	padding: 50px 0 70px;

	background: #fff;

}

.index .floor_5 .indexTit1 {

	margin-bottom: 58px;

}

.index .floor_5 .inews {

	padding-bottom: 45px;

}

.index .floor_5 .newslist {

	width: 520px;

	float: right;

}

.index .floor_5 .newslist .item:first-child {

	padding-top: 0;

}

.index .imgleft {

	width: 650px;

	height: 488px;

	float: left;

	overflow: hidden;

	position: relative;

}

.index .imgleft .item {

	width: 650px;

	height: 488px;

	position: absolute;

	left: 0;

	top: 0;

	display: block;

}

.index .imgleft .item a {

	width: 100%;

	display: block;

}

.index .imgleft .item img {

	width: 650px;

	height: 488px;

	transition: all .5s;

	display: block;

}

.index .imgleft .item .txtcon {

	width: 600px;

	height: 127px;

	padding: 25px 25px 0 25px;

	position: absolute;

	left: 0;

	bottom: 0;

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

	color: #fff;

}

.index .imgleft .item .txtcon h3 {

	font-size: 20px;

	margin-bottom: 12px;

}

.index .imgleft .item .txtcon h3 .time {

	font-size: 16px;

}

.index .imgleft .item .txtcon .txt {

	line-height: 24px;

}

.index .imgleft .item:hover img {

	filter: brightness(105%);

}

.index .imgleft .tip {

	position: absolute;

	bottom: 10px;

	right: 30px;

	z-index: 10;

}

.index .imgleft .tip span {

	width: 12px;

	height: 12px;

	display: inline-block;

	vertical-align: top;

	margin-left: 10px;

	background: #fff;

	border-radius: 100%;

	cursor: pointer;

}

.index .imgleft .tip span.cur {

	background: #03b2b5;

}

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

.txtimglist .item {

	width: 100%;

	padding: 30px 0;

	border-bottom: 1px solid #dddddd;

}

.txtimglist .item a {

	width: 100%;

	height: 120px;

	display: block;

}

.txtimglist .item img {

	width: 160px;

	height: 120px;

	float: left;

	margin-right: 20px;

	transition: all ease 300ms;

}

.txtimglist .item h3 {

	font-size: 18px;

	height: 32px;

	line-height: 32px;

	margin-bottom: 10px;

	overflow: hidden;

	transition: all ease 300ms;

}

.txtimglist .item h3 .time {

	color: #666666;

	font-family: arial;

	font-weight: normal;

	float: right;

	font-size: 16px;

}

.txtimglist .item .txt {

	color: #999999;

	line-height: 25px;

	overflow: hidden;

}

.txtimglist .item:first-child {

	padding-top: 0;

}

.txtimglist .item:hover img {

	filter: brightness(105%);

	margin-right: 14px;

}

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

.nybanner {

	width: 100%;

	height: 400px;

	overflow: hidden;

	position: relative;

}

.nybanner img {

	width: 1920px;

	display: block;

	position: absolute;

	left: 50%;

	margin-left: -960px;

	top: 0;

}

/* loaction*/

.location {

	width: 100%;

	padding-bottom: 15px;

	margin-bottom: 40px;

	position: relative;

	border-bottom: 2px solid #36ae12;

}

.location h3 {

	font-size: 18px;

}

.location .sitepath {

	color: #333333;

	white-space: nowrap;

}

.location .sitepath s {

	width: 16px;

	height: 17px;

	background-position: -90px 0;

	margin: 0 6px;

}

.location .sitepath a {

	color: #333333;

}

.location .sitepath a:hover {

	color: #03b2b5;

}

/* reLink*/

.reLink {

	width: 100%;

	height: 58px;

	line-height: 58px;

	border-top: 2px solid #dddddd;

	border-bottom: 2px solid #dddddd;

}

.reLink .nextLink, .reLink .prevLink {

	width: 50%;

	display: block;

	text-align: left;

	color: #666;

}

.reLink .nextLink a:hover, .reLink .prevLink a:hover {

	color: #03b2b5;

}

.reLink .nextLink {

	text-align: right;

}

.wrapper {

	width: 1200px;

	margin: 0 auto;

	padding: 30px 0 60px;

}

.wrapper .left-tit {

	font-size: 24px;

	line-height: 30px;

	padding: 25px 0 25px 40px;

*padding-top: 1px;

	position: relative;

	margin-bottom: 20px;

	background: #03b2b5;

	color: #fff;

	border-radius: 20px;

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

}

.wrapper .left-tit h3 {

	font-size: 24px;

	height: 30px;

	line-height: 30px;

	font-weight: bold;

}

.wrapper .left-tit span {

	font-size: 16px;

	opacity: 0.8;

	filter: alpha(opacity=80);

	display: block;

	font-family: arial;

	display: none;

}

.wrapper .left-tit s {

	width: 62px;

	height: 52px;

	position: absolute;

	right: 26px;

	bottom: 15px;

	background-position: 0 -82px;

	display: block;

}

.wrapper .left-tit.left-tit2 {

	padding-top: 16px;

	padding-bottom: 19px;

*padding-top: 1px;

}

.wrapper .left-tit.left-tit2 h3 {

	font-size: 20px;

}

.wrapper .left-tit.left-tit2 s {

	width: 40px;

	height: 38px;

	background-position: -153px -32px;

	bottom: 10px;

}

.wrapper .leftCon {

	width: 260px;

	float: left;

	padding-top: 5px;

}

.wrapper .leftCon .prolist {

	position: relative;

	margin-bottom: 5px;

}

.wrapper .leftCon .prolist .item {

	width: 123px;

	margin: 0 10px 10px 0;

}

.wrapper .leftCon .prolist .item:nth-child(2n) {

	margin-right: 0;

}

.wrapper .leftCon .prolist .item img {

	width: 123px;

	height: 123px;

}

.wrapper .leftCon .prolist .item h3 {

	text-align: center;

	padding: 0;

	font-size: 14px;

	height: 40px;

	line-height: 40px;

}

.wrapper .leftCon .prolist .item h3 span {

	display: none;

}

.wrapper .leftCon .tel {

	width: 230px;

	padding: 16px 0 18px 30px;

	background: #03b2b5;

	color: #fff;

	border-radius: 6px;

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

}

.wrapper .leftCon .tel strong {

	display: block;

	font-weight: normal;

	font-size: 26px;

}

.wrapper .content {

	width: 900px;

	float: right;

	overflow: hidden;

}

.wrapper .content .prolist {

	width: 106%;

	position: relative;

}

.wrapper .content .prolist .item {

	margin-right: 29px;

}

.wrapper .content .bgfff {

	width: 818px;

	padding: 15px 40px 50px;

	border: 1px solid #dddddd;

	background: #fff;

}

.wrapper .leftNav {

	width: 260px;

	margin-bottom: 30px;

}

.wrapper .leftNav li {

	height: 50px;

	line-height: 50px;

	border-radius: 30px;

	margin-bottom: 10px;

	position: relative;

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

}

.wrapper .leftNav li a {

	display: block;

	padding: 0 38px 0 40px;

	font-size: 16px;

	color: #333;

}

.wrapper .leftNav li s {

	width: 13px;

	height: 20px;

	float: right;

	margin-top: 16px;

	background-position: -99px -80px;

}

.wrapper .leftNav li:hover, .wrapper .leftNav li.hover {

	background: #03b2b5;

}

.wrapper .leftNav li:hover a, .wrapper .leftNav li.hover a {

	color: #fff;

}

.wrapper .leftNav li:hover s, .wrapper .leftNav li.hover s {

	background-position: -75px -80px;

}

.wrapper .leftnews {

	width: 222px;

	border: 1px solid #ddd;

	padding: 15px 18px;

}

/******recommend*******/

.recomCon {

	margin-top: 20px;

	padding: 20px;

	background: #fff;

	border: 1px solid #dddddd;

}

.recomCon .recom-tit {

	font-size: 22px;

	line-height: 32px;

}

.recomCon .recom-tit .more {

	float: right;

	font-size: 16px;

	width: 120px;

	height: 30px;

	text-align: center;

	line-height: 30px;

	border: 1px solid #ddd;

	transition: all ease 600ms;

}

.recomCon .recom-tit .more:hover {

	width: 150px;

	transition: all ease 600ms;

}

.recomCon.recomNews .recom-tit {

	padding-bottom: 0;

}

.recomCon.recomNews .recom-tit s {

	width: 4px;

	height: 23px;

	margin-right: 15px;

	background: #03b2b5;

	display: inline-block;

	vertical-align: middle;

}

.recomCon .txtimglist {

	width: 106%;

}

.recomCon .txtimglist .item {

	width: 419px;

	padding: 30px 0;

	float: left;

	margin-right: 20px;

	border-bottom: 1px solid #dddddd;

}

.recomCon .txtimglist .item a {

	width: 100%;

	height: 120px;

	display: block;

}

.recomCon .txtimglist .item img {

	width: 161px;

	height: 120px;

	float: left;

	margin-right: 10px;

}

.recomCon .txtimglist .item h3 {

	font-size: 18px;

	line-height: 32px;

	height: 32px;

	position: relative;

	margin-bottom: 10px;

	overflow: hidden;

}

.recomCon .txtimglist .item .txt {

	color: #999999;

	line-height: 24px;

}

.recomCon .txtimglist .item:first-child {

	padding-top: 30px;

}

.picturePage .prolist {

	position: relative;

}

.picturePage .prolist .item img {

	/* width: 278px; */

	height: 209px;

}

.picturePage .prolist .item h3 {

	text-align: center;

}

.picturePage .prolist .item h3 span {

	display: none;

}

/****singlePage******/

.singlePage img {

	max-width: 100%;

}

.singlePage .txtcon {

	line-height: 32px;

}

.singlePage .txtcon.bgfff {

	padding-top: 30px;

}

.singlePage .t {

	padding: 0 0 15px;

	color: #03b2b5;

	font-size: 18px;

}

.singlePage .t2 {

	padding: 25px 0;

	color: #03b2b5;

	font-size: 24px;

}

.showPro .show-tit {

	font-size: 20px;

	color: #03b2b5;

	font-weight: bold;

	background: url(../images/show-titbg.png) no-repeat center right;

}

.showPro .showContxt {

	padding: 18px 2px 30px;

	line-height: 26px;

}

.showPro .showContxt img {

	max-width: 100%;

	height: auto !important;

}

.showPro .showimgCon {

	padding: 20px 0 30px;

}

.showPro .showimgCon .txtcon {

	width: 240px;

	float: left;

	margin-left: 45px;

	position: relative;

	height: 480px;

}

.showPro .showimgCon .txtcon .tit {

	font-size: 26px;

}

.showPro .showimgCon .txtcon .price {

	font-size: 34px;

	margin-bottom: 40px;

	color: #f16101;

	font-family: arial;

	margin-top: 20px;

}

.showPro .showimgCon .txtcon .xcxm {

	width: 236px;

	border: 1px solid #dddddd;

	border-radius: 6px;

}

.showPro .showimgCon .txtcon .xcxm img {

	width: 236px;

	height: 236px;

	display: block;

	border-radius: 6px;

	border-bottom: 1px solid #ddd;

}

.showPro .showimgCon .txtcon .xcxm span {

	width: 100%;

	height: 46px;

	line-height: 46px;

	text-align: center;

	font-size: 16px;

	display: block;

}

.showPro .showimgCon .txtcon .tel {

	position: absolute;

	height: 44px;

	line-height: 44px;

	text-align: center;

	left: 0;

	bottom: 0;

	width: 238px;

	border: 1px solid #03b2b5;

	color: #03b2b5;

	border-radius: 2px;

}

.showPro .showimgCon .txtcon .tel s {

	width: 22px;

	height: 22px;

	background-position: -166px -75px;

}

.showPro .showimg {

	width: 480px;

	position: relative;

	float: left;

	overflow: hidden;

}

.showPro .showimg .bigimg {

	width: 480px;

	height: 480px;

	display: block;

	position: relative;

}

.showPro .showimg .bigimg .list {

	width: 500%;

}

.showPro .showimg .bigimg .list li {

	width: 480px;

	height: 480px;

}

.showPro .showimg .bigimg .list img {

	width: 100%;

	height: 100%;

	display: block;

	transition: all ease 300ms;

}

.showPro .showimg .smallimg {

	width: 480px;

	height: 95px;

	padding-top: 11px;

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 10;

	overflow: hidden;

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

}

.showPro .showimg .list {

	width: 390px;

	overflow: hidden;

	position: relative;

	margin: 0 auto;

}

.showPro .showimg .listcon {

	width: 300%;

	position: relative;

}

.showPro .showimg .prev, .showPro .showimg .next {

	width: 20px;

	height: 84px;

	z-index: 10;

	position: absolute;

	top: 11px;

	cursor: pointer;

	background: #ffffff url(../images/btn-ico2.png) no-repeat 0 center;

}

.showPro .showimg .prev:hover, .showPro .showimg .next:hover {

	background-color: #ddd;

}

.showPro .showimg .prev {

	left: 10px;

	background-position: 7px center;

}

.showPro .showimg .next {

	right: 10px;

	background-position: -39px center;

}

.showPro .showimg li {

	width: 84px;

	height: 84px;

	margin-right: 18px;

	float: left;

	cursor: pointer;

	position: relative;

}

.showPro .showimg li img {

	width: 100%;

	height: 100%;

	display: block;

}

.showPro .showimg li.on {

	width: 80px;

	height: 80px;

	border: 2px solid #f95927;

}

/*showNews*/

.shareNew {

	padding-bottom: 20px;

}

.showInfo .title {

	font-size: 22px;

	color: #333333;

	text-align: center;

	padding: 10px 0 16px;

}

.showInfo .mark {

	color: #999999;

	height: 38px;

	line-height: 38px;

	overflow: hidden;

	text-align: center;

	margin-bottom: 20px;

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

}

.showInfo .mark span {

	margin: 0 10px;

	font-size: 12px;

}

.showInfo .img {

	width: 500px;

	display: block;

	margin: 10px auto 20px;

}

.showInfo .img img {

	max-width: 100%;

	display: block;

	margin: 0 auto;

}

.showInfo .showContxt {

	color: #666666;

	padding: 0 2px 30px;

	line-height: 30px;

}

.showInfo .showContxt .t {

	position: relative;

	display: inline-block;

*display: inline;

*zoom: 1;

	color: #333;

	padding: 0 2px 5px;

	font-size: 16px;

	margin-bottom: 10px;

}

.showInfo .showContxt .t:after {

	width: 20px;

	height: 2px;

	content: "\20";

	background: #03b2b5;

	display: block;

	position: absolute;

	left: 2px;

	bottom: -1px;

}

.showInfo .showContxt img {

	max-width: 100%;

	height: auto !important;

}

.showInfo .title2 {

	height: 40px;

	line-height: 40px;

	margin-top: 20px;

	border-bottom: 1px solid #d9d9d9;

}

.showInfo .title2 a {

	float: right;

	font-size: 12px;

	font-family: arial;

}

.showInfo .title2 .left {

	height: 38px;

	line-height: 38px;

	font-size: 18px;

	border-bottom: 3px solid #4d485b;

}

.msgPage .formData {

	padding-top: 20px;

}

.contactPage .content {

	padding-top: 80px;

}

.contactPage .tit {

	text-align: center;

	padding: 28px 0 36px;

}

.contactPage .tit .p1 {

	font-size: 25px;

	margin-bottom: 10px;

}

.contactPage .tit .p2 {

	line-height: 24px;

}

.contactPage .tit .p2 span {

	color: #03b2b5;

}

.contactPage .bcontact {

	width: 100%;

	padding-bottom: 50px;

}

.contactPage .bcontact li {

	width: 33%;

	float: left;

	padding: 20px 0 0;

	border-left: 1px solid #e5e5e5;

	text-align: center;

	font-family: arial;

}

.contactPage .bcontact li s {

	width: 60px;

	height: 55px;

	display: block;

	margin: 0 auto;

	background: url(../images/contact-ico.png) no-repeat 15px center;

}

.contactPage .bcontact li h3 {

	font-size: 16px;

	padding: 6px 0 14px;

	font-weight: bold;

	color: #737373;

}

.contactPage .bcontact li h4 {

	color: #000000;

	font-weight: bold;

	height: 48px;

	line-height: 24px;

	padding: 0 10px;

}

.contactPage .bcontact li.btel {

	border-left: 0px;

}

.contactPage .bcontact li.baddress s {

	background-position: -58px center;

}

.contactPage .bcontact li.bemail s {

	background-position: -140px center;

}

.contactPage .txtcon {

	padding-bottom: 30px;

}

.contactPage .txtcon img {

	max-width: 100%;

	height: auto !important;

}

.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: #03b2b5;

}

.contactPage .mapArea {

	width: 100%;

	height: 400px;

	margin: 0 0 40px;

}

.contactPage .mapArea #allmap {

	width: 100%;

	height: 400px;

}

.contactPage .BMap_bubble_title a {

	border-radius: 3px;

	display: inline-block;

	height: 30px;

	line-height: 30px;

	overflow: hidden;

	padding: 0 16px;

	background: #03b2b5;

	color: #fff;

}

.contactPage .BMap_bubble_title a:hover {

	background: #f95927;

}

.contactPage .BMap_bubble_title span {

	display: block;

	line-height: 22px;

}

.contactPage .BMap_bubble_content {

	line-height: 22px;

}

.formData {

	padding-bottom: 20px;

}

.formData .item {

	float: left;

	color: #999;

	font-weight: normal;

	width: 388px;

	height: 42px;

	line-height: 42px;

	border: 1px solid #e5e5e5;

	margin-right: 32px;

	margin-bottom: 20px;

	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: 42px;

	line-height: 42px;

	font-size: 14px;

	color: #cccccc;

}

.formData .item input {

	outline: none;

	line-height: 35px;

	height: 35px;

	font-size: 14px;

}

.formData .item .txt {

	width: 328px;

	height: 42px;

	line-height: 42px;

	display: block;

	background: none;

	padding-left: 50px;

	border: 0 none;

	color: #333;

	font-size: 14px;

}
.formData .item select {

	width: 300px;

	height: 42px;

	line-height: 42px;

	display: block;

	background: none;

	margin-left: 50px;

	border: 0 none;

	color: #333;

	font-size: 14px; color:#666 !important

}

.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: -30px;

}

.formData .liuyan {

	width: 810px;

	height: 180px;

	border: 1px solid #e5e5e5;

	float: left;

}

.formData .liuyan label {

	text-align: right;

	top: 5px;

	display: block;

	height: 35px;

	line-height: 35px;

}

.formData .liuyan textarea {

	width: 790px;

	height: 164px;

	line-height: 30px;

	padding: 8px 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;

}

.formData .bot {

	width: 810px;

	float: left;

}

.formData .sub {

	width: 232px;

	height: 42px;

	line-height: 42px;

	background: #03b2b5;

	color: #FFF;

	cursor: pointer;

	font-size: 18px;

	display: block;

	transition: all ease 300ms;


}
.formData .item #xx{ padding-left:85px; width:270px}
.formData .item #fs{ padding-left:85px; width:270px}
.formData .item #dz{ padding-left:85px; width:270px}
.formData .item #qq{ padding-left:85px; width:270px}
.formData .item #sj{ margin-left:80px; width:272px}
.formData .item #zy{ margin-left:80px; width:272px}
.fangshi{ width:100% !important}
.formData .item #lj{    width: 595px;  margin-left: 180px;}

.formData .sub:hover {

	background: #f95927;

	color: #fff;

}

.formData .yzm .txt {

	padding-left: 60px;

}

.formData .yzm img {

	position: absolute;

	right: 0;

	top: 0;

	height: 50px;

	border: 0px;

	display: block;

}

.map_ul {

	list-style: outside none none;

	display: block;

	width: 100%;

	padding-top: 40px;

}

.map_ul li {

	display: block;

	width: 100%;

	padding-bottom: 10px;

	margin-bottom: 10px;

	border-bottom: 1px solid #DCDBDB;

	margin-left: 10px;

	float: left;

}

.map_ul li a {

	font-size: 14px;

	width: 100%;

	height: 23px;

	line-height: 23px;

	font-weight: bold;

	display: block;

}

.map_ul .list-inline {

	display: block;

	margin-left: 7%;

	width: 80%;

	min-height: 30px;

	padding-top: 10px;

}

.map_ul .list-inline a {

	font-weight: normal;

	width: auto;

	float: none;

	line-height: 32px;

	height: 32px;

	margin: 0 10px 10px 0;

	display: inline-block;

	border: 1px solid #ccc;

	padding: 0px 10px;

}

.map_ul .list-inline a:hover {

	background: #03b2b5;

	color: #fff;

}

span.bds_more, .bds_tools a {

	line-height: 14px !important;

}

/******animated*****/

.animate-zhuan {

	animation: Swing1 5s infinite;

	transform: rotate(-5deg);

	-webkit-animation: Swing1 5s infinite;

	-webkit-transform-origin: 50% -50px;

	-webkit-transform: rotate(-5deg);

	-moz-animation: Swing1 5s infinite;

	-moz-transform-origin: 50% -50px;

	-moz-transform: rotate(-5deg);

	-ms-animation: Swing1 5s infinite;

	-ms-transform-origin: 50% -50px;

	-ms-transform: rotate(-5deg);

	-o-animation: Swing1 5s infinite;

	-o-transform-origin: 50% -50px;

	-o-transform: rotate(-5deg);

}

.animate-zhuan2 {

	animation: Swing2 4s infinite;

	transform: rotate(15deg);

	-webkit-animation: Swing2 4s infinite;

	-webkit-transform-origin: 50% 50%;

	-webkit-transform: rotate(15deg);

	-moz-animation: Swing2 4s infinite;

	-ms-animation: Swing2 4s infinite;

	-o-animation: Swing2 4s infinite;

}

.animate-tel {

	animation: tada 1s linear infinite;

	transform-origin: 50% 50%;

	-webkit-animation: tada 1s linear infinite;

	-webkit-transform-origin: 50% 50%;

	-moz-animation: tada 1s linear infinite;

	-moz-transform-origin: 50% 50%;

	-o-animation: tada 1s linear infinite;

	-o-transform-origin: 50% 50%;

	-ms-animation: tada 1s linear infinite;

	-ms-transform-origin: 50% 50%;

}

@keyframes Swing1 {

0% {

transform: rotate(-5deg);

}

50% {

transform: rotate(5deg);

}

100% {

transform: rotate(-5deg);

}

}

@-webkit-keyframes Swing1 {

0% {

-webkit-transform: rotate(-5deg);

}

50% {

-webkit-transform: rotate(5deg);

}

100% {

-webkit-transform: rotate(-5deg);

}

}

@-moz-keyframes Swing1 {

0% {

-moz-transform: rotate(-5deg);

}

50% {

-moz-transform: rotate(5deg);

}

100% {

-moz-transform: rotate(-5deg);

}

}

@-o-keyframes Swing1 {

0% {

-oz-transform: rotate(-5deg);

}

50% {

-moz-transform: rotate(5deg);

}

100% {

-moz-transform: rotate(-5deg);

}

}

@-ms-keyframes Swing1 {

0% {

-webkit-transform: rotate(-5deg);

transform: rotate(-5deg);

}

50% {

-webkit-transform: rotate(5deg);

transform: rotate(5deg);

}

100% {

-webkit-transform: rotate(-5deg);

transform: rotate(-5deg);

}

}

@keyframes Swing2 {

0% {

transform: rotate(15deg);

}

50% {

transform: rotate(-15deg);

}

100% {

transform: rotate(15deg);

}

}

@-webkit-keyframes Swing2 {

0% {

-webkit-transform: rotate(15deg);

}

50% {

-webkit-transform: rotate(-15deg);

}

100% {

-webkit-transform: rotate(15deg);

}

}

@-moz-keyframes Swing2 {

0% {

-moz-transform: rotate(15deg);

}

50% {

-moz-transform: rotate(-15deg);

}

100% {

-moz-transform: rotate(15deg);

}

}

@-ms-keyframes Swing2 {

0% {

-ms-transform: rotate(15deg);

}

50% {

-ms-transform: rotate(-15deg);

}

100% {

-ms-transform: rotate(15deg);

}

}

@-o-keyframes Swing2 {

0% {

-o-transform: rotate(15deg);

}

50% {

-o-transform: rotate(-15deg);

}

100% {

-o-transform: rotate(15deg);

}

}

@-webkit-keyframes tada {

0% {

-webkit-transform: scale(1);

transform: scale(1);

}

10%, 20% {

-webkit-transform: scale(0.9) rotate(-3deg);

transform: scale(0.9) rotate(-3deg);

}

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

-webkit-transform: scale(1.1) rotate(3deg);

transform: scale(1.1) rotate(3deg);

}

40%, 60%, 80% {

-webkit-transform: scale(1.1) rotate(-3deg);

transform: scale(1.1) rotate(-3deg);

}

100% {

-webkit-transform: scale(1) rotate(0);

transform: scale(1) rotate(0);

}

}

@keyframes tada {

0% {

-webkit-transform: scale(1);

-ms-transform: scale(1);

transform: scale(1);

}

10%, 20% {

-webkit-transform: scale(0.9) rotate(-3deg);

-ms-transform: scale(0.9) rotate(-3deg);

transform: scale(0.9) rotate(-3deg);

}

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

-webkit-transform: scale(1.1) rotate(3deg);

-ms-transform: scale(1.1) rotate(3deg);

transform: scale(1.1) rotate(3deg);

}

40%, 60%, 80% {

-webkit-transform: scale(1.1) rotate(-3deg);

-ms-transform: scale(1.1) rotate(-3deg);

transform: scale(1.1) rotate(-3deg);

}

100% {

-webkit-transform: scale(1) rotate(0);

-ms-transform: scale(1) rotate(0);

transform: scale(1) rotate(0);

}

}


/* pages*/
.mypages{text-align:center;height:40px;line-height:40px;margin-top:20px;}
.mypages ul{display:inline-block;margin:0 auto}
.mypages li{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;margin-left:-1px;float:left;background-color:#FFF;cursor:pointer;}
.page-num{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;margin-left:-1px;float:left;background-color:#FFF;cursor:pointer;}
.page-num-current,.page-num-current a,.page-num-current a:hover{color:#fff;background-color:#03b2b5;}