/* CSS Document */
* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-size: 14px;
	zoom: 1;
	color: #a7a7a7;
}

ul li {
	list-style: none;
	float: left;
}

a {
	text-decoration: none;
	display: inline-block;
}

.fl {
	float: left;
}

.fr {
	float: right !important;
}

.clear {
	clear: both;
}

img {
	border: none;
}

header {
	height: 79px;
	background: #a9f9ed;
	width: 100%;
	position: relative;
	z-index: 22;
}

.tel p {
	color: #127a69;
	background: url(../images/tel.png) left center no-repeat;
	padding-left: 25px;
	line-height: 26px;
}

.tel a {
	color: #20dfc2;
}

.regit a {
	background: url(../images/regit.png) left center no-repeat;
	padding-left: 15px;
}

.login a {
	background: url(../images/login.png) left center no-repeat;
	padding-left: 15px;
}

.regit, .login {
	background: #fff;
	border-radius: 3px;
	padding: 1px 7px 2px;
}

.tel {
	margin: 4px 0 1px;
}

.tel li {
	margin-left: 15px;
}

.logo {
	margin-top: -53px;
	z-index: 999999;
	height: 88px;
}

.clearfix {
	*zoom: 1
}

.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0
}

.clearfix:after {
	clear: both
}
/*----------------注册-----------------*/
.zcts {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1000000;
	overflow: hidden;
}

.tsbox {
	position: absolute;
	width: 500px;
	height: 450px;
	top: 50%;
	margin-top: -225px;
	left: 50%;
	margin-left: -250px;
	background: #FFFFFF;
	border-radius: 20px;
}

.zctop {
	width: 100%;
	height: 205px;
	text-align: center;
	background: #93d3b7;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.zcmiddle {
	width: 100%;
	border-bottom: 1px solid #cccccc;
	line-height: 175px;
	text-align: center;
	font-size: 24px;
	color: #333333;
}

.zcfoot a {
	display: block;
	width: 100%;
	line-height: 69px;
	text-align: center;
	font-size: 24px;
	color: #24e2c6;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.zcfoot a:hover {
	color: #F60;
}

.hideNav {
	position: absolute;
	width: 100%;
	height: 0px;
	opacity: 0;
	background: #c4f7f0;
	top: 79px;
	z-index: 100000;
	overflow: hidden;
	transition: all 0.6s ease;
}

.show {
	opacity: 1;
	height: 125px;
}

.hideNavBox {
	margin: 0 auto;
	width: 1024px;
	height: 125px;
}

.hideNavBox li {
	margin-top: 40px;
	margin-right: 6px;
}

.hideNavBox li a {
	display: inline-block;
	line-height: 45px;
	padding: 0 20px;
	border-radius: 12px;
}

.hideNavBox li a:hover {
	background: #bbe4df;
}

.hideNavBox li a img {
	display: block;
	float: left;
	margin-top: 4px;
}

.hideNavBox li a p {
	 display: block;
	 float: left;
	 font-size: 16px;
	 color: #117a69;
}

header nav ul li {
	float: left;
}

nav {
	height: 48px;
	background: #117a69;
	width: 100%;
}

nav ul.fr li a {
	font-size: 16px;
	color: #fff;
	line-height: 48px;
	float: left;
	width: 90px;
	text-align: center;
}

nav ul.fr>li>a {
	position: relative;
}

nav ul li a img {
	width: 16px;
	height: auto;
	vertical-align: middle;
}

nav ul.fr>li:hover>a {
	background: #026152
}

nav ul.fr>li:hover .arrows {
	display: block;
}

/*****************************************/

/**********滚动新闻*****************/
.scrol {
	height: 45px;
	line-height: 45px;
	width: 100%;
}

.shell {
	width: 840px;
}

.shell a {
	text-decoration: none;
	color: #949692;
	font-size: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 95%;
	float: left;
}

.shell a:hover {
	text-decoration: underline;
}

#div1 {
	height: 45px;
	overflow: hidden;
}

#div1 ul {
	width: 30%;
}

#div1 li {
	float: none;
}
/*******************************************/
.scrol1 {
	width: 100%;
	height: 70px;
	background: #edeeee;
	line-height: 70px;
}

.wid {
	width: 870px;
	overflow: hidden;
	float: left;
	margin-left: 20px;
}

.wid li {
	width: 112px;
	height: 57px;
	width: 142px;
	margin-left: 14px;
	margin-top: 7px;
	float: left;
	overflow: hidden;
	text-align: center;
	border-radius: 5px;
}

.scrol1 img {
	width: 142px;
	height: 57px;
	border-radius: 5px;
	background: #fff;
}
/**********************************/
.wecan {
	height: 300px;
	width: 100%;
}

.wecan h1 {
	font-size: 36px;
	color: #8d8d8d;
	margin: 5px 0;
}

.wecan p {
	text-align: center;
	color: #cfcece;
	font-size: 17px;
}

.wecan ul li p span {
	display: block;
	color: #cfcece;
	font-size: 18px;
	font-family: "Arial";
	letter-spacing: -1px;
	line-height: 15px;
	height: 20px;
}

.titl {
	margin: 35px auto;
	text-align: center;
}

.wecan ul li p {
	font-size: 28px;
	color: #6d6f6f;
	margin-top: 10px;
}

.wecan ul li {
	width: 200px;
	margin-left: 45px;
	text-align: center;
}

.wecan ul li a {
	width: 200px;
	margin: 0 auto;
	text-align: center;
}

/*****************************************/
.dn {
	display: none;
}

.solutions {
	background: #fcfcfc;
	height: auto;
	width: 100%;
	margin: 20px auto 0;
	padding-bottom: 40px;
}

.titl1 {
	text-align: center;
	width: 100%;
}

.titl1 h1 {
	font-size: 36px;
	color: #24e4c7;
	padding-top: 20px;
}

.titl1 p {
	text-align: center;
	color: #cfcece;
	font-size: 17px;
}

.solutions .olutions_texts {
	width: 100%;
	margin: 5px auto;
}

.solutions ul li {
	width: 132px;
	text-align: center;
	margin-left: 52px;
	margin-top: 25px;
}

.solutions ul li p {
	width: 118px;
	text-align: center;
	color: #a7a7a7;
	font-size: 28px;
	margin-top: -3px;
}

.solutions_header {
	width: 550px;
	margin: 0 auto;
}

.solutions_header ul {
	width: 100%;
	margin: 11px auto 0;
}

.solutions_header ul li {
	width: 33.333%;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
}

.solutions_header ul li p {
	text-align: center;
	color: #cfcece;
	font-size: 16px;
	width: 100%;
	margin: 0 auto;
	height: 25px;
	line-height: 25px;
}

.solutions_header ul li.s1 p span {
	color: #19d007;
	font-size: 25px;
}

.solutions_header ul li.s2 p span {
	color: #fcc00b;
	font-size: 25px;
}

.solutions_header ul li.s3 p span {
	color: #24e4c7;
	font-size: 25px;
}

.solutions_header ul li.on p {
	border-bottom: 2px solid #1ad8bb;
	display: inline;
}

.olutions_texts h2 {
	width: 100%;
	margin: 3% auto 0;
	text-align: center;
	color: #b7b7b7;
	font-size: 14px;
}

.ad1 {
	background: url(../images/ad1.png) top center no-repeat;
	padding-top: 48px;
}

.ad2 {
	background: url(../images/ad2.png) top center no-repeat;
	padding-top: 48px;
}

.ad3 {
	background: url(../images/ad3.png) top center no-repeat;
	padding-top: 48px;
}

.ad4 {
	background: url(../images/ad4.png) top center no-repeat;
	padding-top: 48px;
}

.ad5 {
	background: url(../images/ad5.png) top center no-repeat;
	padding-top: 48px;
}

.ad6 {
	background: url(../images/ad6.png) top center no-repeat;
	padding-top: 48px;
}

.ad7 {
	background: url(../images/ad7.png) top center no-repeat;
	padding-top: 48px;
}

.ad8 {
	background: url(../images/ad8.png) top center no-repeat;
	padding-top: 48px;
}

.ad9 {
	background: url(../images/ad9.png) top center no-repeat;
	padding-top: 48px;
}

.ad10 {
	background: url(../images/ad10.png) top center no-repeat;
	padding-top: 48px;
}

.ad11 {
	background: url(../images/ad11.png) top center no-repeat;
	padding-top: 48px;
}

.ad12 {
	background: url(../images/ad12.png) top center no-repeat;
	padding-top: 48px;
}

.ad13 {
	background: url(../images/ad13.png) top center no-repeat;
	padding-top: 48px;
}

.ad14 {
	background: url(../images/ad14.png) top center no-repeat;
	padding-top: 48px;
}

.ad15 {
	background: url(../images/ad15.png) top center no-repeat;
	padding-top: 48px;
}

.ad16 {
	background: url(../images/ad16.png) top center no-repeat;
	padding-top: 48px;
}

.ad17 {
	background: url(../images/ad17.png) top center no-repeat;
	padding-top: 48px;
}

.ad18 {
	background: url(../images/ad18.png) top center no-repeat;
	padding-top: 48px;
}

.ad19 {
	background: url(../images/ad19.png) top center no-repeat;
	padding-top: 48px;
}

.ad20 {
	background: url(../images/ad20.png) top center no-repeat;
	padding-top: 48px;
}

.ad21 {
	background: url(../images/ad21.png) top center no-repeat;
	padding-top: 48px;
}

.ad22 {
	background: url(../images/ad22.png) top center no-repeat;
	padding-top: 48px;
}

.ad23 {
	background: url(../images/ad23.png) top center no-repeat;
	padding-top: 48px;
}

.ad24 {
	background: url(../images/ad24.png) top center no-repeat;
	padding-top: 48px;
}

.hove {
	width: 1054px;
	margin: 0 auto;
}

.hove a {
	width: 132px;
	text-align: center;
	color: #a7a7a7;
	font-size: 16px;
	padding-top: 4px;
}

.hove_two a {
	width: 141px;
}

.hove_tre a {
	width: 121px;
}

.ad1:hover {
	background: url(../images/ad1_1.png) top center no-repeat;
	padding-top: 48px;
}

.ad2:hover {
	background: url(../images/ad2_2.png) top center no-repeat;
	padding-top: 48px;
}

.ad3:hover {
	background: url(../images/ad3_3.png) top center no-repeat;
	padding-top: 48px;
}

.ad4:hover {
	background: url(../images/ad4_4.png) top center no-repeat;
	padding-top: 48px;
}

.ad5:hover {
	background: url(../images/ad5_5.png) top center no-repeat;
	padding-top: 48px;
}

.ad6:hover {
	background: url(../images/ad6_6.png) top center no-repeat;
	padding-top: 48px;
}

.ad7:hover {
	background: url(../images/ad7_7.png) top center no-repeat;
	padding-top: 48px;
}

.ad8:hover {
	background: url(../images/ad8_8.png) top center no-repeat;
	padding-top: 48px;
}

.ad9:hover {
	background: url(../images/ad9_9.png) top center no-repeat;
	padding-top: 48px;
}

.ad10:hover {
	background: url(../images/ad10_10.png) top center no-repeat;
	padding-top: 48px;
}

.ad11:hover {
	background: url(../images/ad11_11.png) top center no-repeat;
	padding-top: 48px;
}

.ad12:hover {
	background: url(../images/ad12_12.png) top center no-repeat;
	padding-top: 48px;
}

.ad13:hover {
	background: url(../images/ad13_13.png) top center no-repeat;
	padding-top: 48px;
}

.ad14:hover {
	background: url(../images/ad14_14.png) top center no-repeat;
	padding-top: 48px;
}

.ad15:hover {
	background: url(../images/ad15_15.png) top center no-repeat;
	padding-top: 48px;
}

.ad16:hover {
	background: url(../images/ad16_16.png) top center no-repeat;
	padding-top: 48px;
}

.ad17:hover {
	background: url(../images/ad17_17.png) top center no-repeat;
	padding-top: 48px;
}

.ad18:hover {
	background: url(../images/ad18_18.png) top center no-repeat;
	padding-top: 48px;
}

.ad19:hover {
	background: url(../images/ad19_19.png) top center no-repeat;
	padding-top: 48px;
}

.ad20:hover {
	background: url(../images/ad20_20.png) top center no-repeat;
	padding-top: 48px;
}

.ad21:hover {
	background: url(../images/ad21_21.png) top center no-repeat;
	padding-top: 48px;
}

.ad22:hover {
	background: url(../images/ad22_22.png) top center no-repeat;
	padding-top: 48px;
}

.ad23:hover {
	background: url(../images/ad23_23.png) top center no-repeat;
	padding-top: 48px;
}

.ad24:hover {
	background: url(../images/ad24_24.png) top center no-repeat;
	padding-top: 48px;
}

.spa {
	font-size: 14px !important;
}

.as1 {
	background: url(../images/as1.png) top center no-repeat;
	padding-top: 48px;
}

.as2 {
	background: url(../images/as2.png) top center no-repeat;
	padding-top: 48px;
}

.as3 {
	background: url(../images/as3.png) top center no-repeat;
	padding-top: 48px;
}

.as4 {
	background: url(../images/as4.png) top center no-repeat;
	padding-top: 48px;
}

.as5 {
	background: url(../images/as5.png) top center no-repeat;
	padding-top: 48px;
}

.as6 {
	background: url(../images/as6.png) top center no-repeat;
	padding-top: 48px;
}

.as7 {
	background: url(../images/as7.png) top center no-repeat;
	padding-top: 48px;
}

.as8 {
	background: url(../images/as8.png) top center no-repeat;
	padding-top: 48px;
}

.as9 {
	background: url(../images/as9.png) top center no-repeat;
	padding-top: 48px;
}

.as10 {
	background: url(../images/as10.png) top center no-repeat;
	padding-top: 48px;
}

.as11 {
	background: url(../images/as11.png) top center no-repeat;
	padding-top: 48px;
}

.as12 {
	background: url(../images/as12.png) top center no-repeat;
	padding-top: 48px;
}

.as13 {
	background: url(../images/as13.png) top center no-repeat;
	padding-top: 48px;
}

.as14 {
	background: url(../images/as14.png) top center no-repeat;
	padding-top: 48px;
}

.as15 {
	background: url(../images/as15.png) top center no-repeat;
	padding-top: 48px;
}

.as16 {
	background: url(../images/as16.png) top center no-repeat;
	padding-top: 48px;
}

.as17 {
	background: url(../images/as17.png) top center no-repeat;
	padding-top: 48px;
}

.as18 {
	background: url(../images/as18.png) top center no-repeat;
	padding-top: 48px;
}

.as19 {
	background: url(../images/as19.png) top center no-repeat;
	padding-top: 48px;
}

.as20 {
	background: url(../images/as20.png) top center no-repeat;
	padding-top: 48px;
}

.as21 {
	background: url(../images/as21.png) top center no-repeat;
	padding-top: 48px;
}

.as22 {
	background: url(../images/as22.png) top center no-repeat;
	padding-top: 48px;
}

.as23 {
	background: url(../images/as23.png) top center no-repeat;
	padding-top: 48px;
}

.as24 {
	background: url(../images/as24.png) top center no-repeat;
	padding-top: 48px;
}

.as1:hover {
	background: url(../images/as1_1.png) top center no-repeat;
	padding-top: 48px;
}

.as2:hover {
	background: url(../images/as2_2.png) top center no-repeat;
	padding-top: 48px;
}

.as3:hover {
	background: url(../images/as3_3.png) top center no-repeat;
	padding-top: 48px;
}

.as4:hover {
	background: url(../images/as4_4.png) top center no-repeat;
	padding-top: 48px;
}

.as5:hover {
	background: url(../images/as5_5.png) top center no-repeat;
	padding-top: 48px;
}

.as6:hover {
	background: url(../images/as6_6.png) top center no-repeat;
	padding-top: 48px;
}

.as7:hover {
	background: url(../images/as7_7.png) top center no-repeat;
	padding-top: 48px;
}

.as8:hover {
	background: url(../images/as8_8.png) top center no-repeat;
	padding-top: 48px;
}

.as9:hover {
	background: url(../images/as9_9.png) top center no-repeat;
	padding-top: 48px;
}

.as10:hover {
	background: url(../images/as10_10.png) top center no-repeat;
	padding-top: 48px;
}

.as11:hover {
	background: url(../images/as11_11.png) top center no-repeat;
	padding-top: 48px;
}

.as12:hover {
	background: url(../images/as12_12.png) top center no-repeat;
	padding-top: 48px;
}

.as13:hover {
	background: url(../images/as13_13.png) top center no-repeat;
	padding-top: 48px;
}

.as14:hover {
	background: url(../images/as14_14.png) top center no-repeat;
	padding-top: 48px;
}

.as15:hover {
	background: url(../images/as15_15.png) top center no-repeat;
	padding-top: 48px;
}

.as16:hover {
	background: url(../images/as16_16.png) top center no-repeat;
	padding-top: 48px;
}

.as17:hover {
	background: url(../images/as17_17.png) top center no-repeat;
	padding-top: 48px;
}

.as18:hover {
	background: url(../images/as18_18.png) top center no-repeat;
	padding-top: 48px;
}

.as19:hover {
	background: url(../images/as19_19.png) top center no-repeat;
	padding-top: 48px;
}

.as20:hover {
	background: url(../images/as20_20.png) top center no-repeat;
	padding-top: 48px;
}

.as21:hover {
	background: url(../images/as21_21.png) top center no-repeat;
	padding-top: 48px;
}

.as22:hover {
	background: url(../images/as22_22.png) top center no-repeat;
	padding-top: 48px;
}

.as23:hover {
	background: url(../images/as23_23.png) top center no-repeat;
	padding-top: 48px;
}

.as24:hover {
	background: url(../images/as24_24.png) top center no-repeat;
	padding-top: 48px;
}

.at1 {
	background: url(../images/at1.png) top center no-repeat;
	padding-top: 48px;
}

.at2 {
	background: url(../images/at2.png) top center no-repeat;
	padding-top: 48px;
}

.at3 {
	background: url(../images/at3.png) top center no-repeat;
	padding-top: 48px;
}

.at4 {
	background: url(../images/at4.png) top center no-repeat;
	padding-top: 48px;
}

.at5 {
	background: url(../images/at5.png) top center no-repeat;
	padding-top: 48px;
}

.at6 {
	background: url(../images/at6.png) top center no-repeat;
	padding-top: 48px;
}

.at7 {
	background: url(../images/at7.png) top center no-repeat;
	padding-top: 48px;
}

.at8 {
	background: url(../images/at8.png) top center no-repeat;
	padding-top: 48px;
}

.at9 {
	background: url(../images/at9.png) top center no-repeat;
	padding-top: 48px;
}

.at10 {
	background: url(../images/at10.png) top center no-repeat;
	padding-top: 48px;
}

.at11 {
	background: url(../images/at11.png) top center no-repeat;
	padding-top: 48px;
}

.at12 {
	background: url(../images/at12.png) top center no-repeat;
	padding-top: 48px;
}

.at13 {
	background: url(../images/at13.png) top center no-repeat;
	padding-top: 48px;
}

.at14 {
	background: url(../images/at14.png) top center no-repeat;
	padding-top: 48px;
}

.at15 {
	background: url(../images/at15.png) top center no-repeat;
	padding-top: 48px;
}

.at16 {
	background: url(../images/at16.png) top center no-repeat;
	padding-top: 48px;
}

.at17 {
	background: url(../images/at17.png) top center no-repeat;
	padding-top: 48px;
}

.at18 {
	background: url(../images/at18.png) top center no-repeat;
	padding-top: 48px;
}

.at19 {
	background: url(../images/at19.png) top center no-repeat;
	padding-top: 48px;
}

.at20 {
	background: url(../images/at20.png) top center no-repeat;
	padding-top: 48px;
}

.at21 {
	background: url(../images/at21.png) top center no-repeat;
	padding-top: 48px;
}

.at22 {
	background: url(../images/at22.png) top center no-repeat;
	padding-top: 48px;
}

.at23 {
	background: url(../images/at23.png) top center no-repeat;
	padding-top: 48px;
}

.at24 {
	background: url(../images/at24.png) top center no-repeat;
	padding-top: 48px;
}

.at1:hover {
	background: url(../images/at1_1.png) top center no-repeat;
	padding-top: 48px;
}

.at2:hover {
	background: url(../images/at2_2.png) top center no-repeat;
	padding-top: 48px;
}

.at3:hover {
	background: url(../images/at3_3.png) top center no-repeat;
	padding-top: 48px;
}

.at4:hover {
	background: url(../images/at4_4.png) top center no-repeat;
	padding-top: 48px;
}

.at5:hover {
	background: url(../images/at5_5.png) top center no-repeat;
	padding-top: 48px;
}

.at6:hover {
	background: url(../images/at6_6.png) top center no-repeat;
	padding-top: 48px;
}

.at7:hover {
	background: url(../images/at7_7.png) top center no-repeat;
	padding-top: 48px;
}

.at8:hover {
	background: url(../images/at8_8.png) top center no-repeat;
	padding-top: 48px;
}

.at9:hover {
	background: url(../images/at9_9.png) top center no-repeat;
	padding-top: 48px;
}

.at10:hover {
	background: url(../images/at10_10.png) top center no-repeat;
	padding-top: 48px;
}

.at11:hover {
	background: url(../images/at11_11.png) top center no-repeat;
	padding-top: 48px;
}

.at12:hover {
	background: url(../images/at12_12.png) top center no-repeat;
	padding-top: 48px;
}

.at13:hover {
	background: url(../images/at13_13.png) top center no-repeat;
	padding-top: 48px;
}

.at14:hover {
	background: url(../images/at14_14.png) top center no-repeat;
	padding-top: 48px;
}

.at15:hover {
	background: url(../images/at15_15.png) top center no-repeat;
	padding-top: 48px;
}

.at16:hover {
	background: url(../images/at16_16.png) top center no-repeat;
	padding-top: 48px;
}

.at17:hover {
	background: url(../images/at17_17.png) top center no-repeat;
	padding-top: 48px;
}

.at18:hover {
	background: url(../images/at18_18.png) top center no-repeat;
	padding-top: 48px;
}

.at19:hover {
	background: url(../images/at19_19.png) top center no-repeat;
	padding-top: 48px;
}

.at20:hover {
	background: url(../images/at20_20.png) top center no-repeat;
	padding-top: 48px;
}

.at21:hover {
	background: url(../images/at21_21.png) top center no-repeat;
	padding-top: 48px;
}

.at22:hover {
	background: url(../images/at22_22.png) top center no-repeat;
	padding-top: 48px;
}

.at23:hover {
	background: url(../images/at23_23.png) top center no-repeat;
	padding-top: 48px;
}

.at24:hover {
	background: url(../images/at24_24.png) top center no-repeat;
	padding-top: 48px;
}

/**********************************/
.function {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	background: #f7f7f7;
}

.wra {
	margin: 0 auto;
}

.titl2 {
	text-align: center;
	margin: 15px auto 30px;
}

.titl2 h1 {
	font-size: 36px;
	color: #06d03a;
	text-align: center;
}

.titl2 p {
	text-align: center;
	color: #cfcece !important;
	font-size: 17px;
}

.list1 li {
	width: 155px;
	text-align: center;
	float: none;
	margin-top: 20px;
}

.line {
	border: 2px solid #0fdabb;
	position: absolute;
	bottom: 95px;
	left: 0;
	width: 99.7%;
	z-index: -999;
}

.list1 {
	margin-left: 55px;
}

.list1 a {
	color: #fff;
	text-align: center;
	line-height: 35px;
}

.pict {
	background: url(../images/wgw.png) center center no-repeat;
	width: 93px;
	height: 93px;
	border-radius: 46.5px;
}

.cir {
	background: url(../images/green.png) center center no-repeat;
	height: 22px;
	width: 22px;
	margin-top: 15px;
}

.gw {
	background: url(../images/wgebg.png) center center no-repeat;
	width: 90px;
	height: 31px;
}

.bg, .cir:hover {
	background: url(../images/green3.png) center center no-repeat;
	height: 22px;
	width: 22px;
	margin-top: 15px;
}

.pict1 {
	background: url(../images/wyy.png) center center no-repeat;
	width: 93px;
	height: 93px;
	border-radius: 46.5px;
}

.cir1 {
	background: url(../images/yellow.png) center center no-repeat;
	height: 22px;
	width: 22px;
	margin-top: 15px;
}

.gw1 {
	background: url(../images/yybg.png) center center no-repeat;
	width: 90px;
	height: 31px;
}

.bg1, .cir1:hover {
	background: url(../images/yellow1.png) center center no-repeat;
	height: 22px;
	width: 22px;
	margin-top: 15px;
}

.pict2 {
	background: url(../images/qhb.png) center center no-repeat;
	width: 93px;
	height: 93px;
	border-radius: 46.5px;
}

.cir2 {
	background: url(../images/purple.png) center center no-repeat;
	height: 22px;
	width: 22px;
	margin-top: 15px;
}

.gw2 {
	background: url(../images/hbbg.png) center center no-repeat;
	width: 90px;
	height: 31px;
}

.bg2, .cir2:hover {
	background: url(../images/purple1.png) center center no-repeat;
	height: 22px;
	width: 22px;
	margin-top: 15px;
}

.pict3 {
	background: url(../images/pdb.png) center center no-repeat;
	width: 93px;
	height: 93px;
	border-radius: 46.5px;
}

.cir3 {
	background: url(../images/green1.png) center center no-repeat;
	height: 22px;
	width: 22px;
	margin-top: 15px;
}

.gw3 {
	background: url(../images/dbbg.png) center center no-repeat;
	width: 90px;
	height: 31px;
}

.bg3, .cir3:hover {
	background: url(../images/green2.png) center center no-repeat;
	height: 22px;
	width: 22px;
	margin-top: 15px;
}

.pict4 {
	background: url(../images/yyy.png) center center no-repeat;
	width: 93px;
	height: 93px;
	border-radius: 46.5px;
}

.cir4 {
	background: url(../images/blue.png) center center no-repeat;
	height: 22px;
	width: 22px;
	margin-top: 15px;
}

.gw4 {
	background: url(../images/yyybg.png) center center no-repeat;
	width: 90px;
	height: 31px;
}

.bg4, .cir4:hover {
	background: url(../images/blue1.png) center center no-repeat;
	height: 22px;
	width: 22px;
	margin-top: 15px;
}

/****************腾讯广告服务***********************/
.function5 {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	background: #fff;
}

.wra {
	margin: 0 auto;
}

.titl5 {
	text-align: center;
	margin: 15px auto 30px;
}

.titl5 h1 {
	font-size: 36px;
	color: #f603af;
	text-align: center;
}

.titl5 p {
	text-align: center;
	color: #cfcece !important;
	font-size: 17px;
}

.contentBox5 {
	width: 1000px;
	margin: 0px auto;
	height: 100%;
	margin-top: 30px;
}

.functionBox5_tail {
	width: 31.3333%;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #fff;
	float: left;
}

.functionBox5_tail:hover {
	border: 1px solid #cecece;
}

.functionBox5_tail .functionBox5 {
	position: relative;
	height: 185px;
	width: 80%;
	margin: 0px auto;
}

.functionBox5_five {
	margin-left: 0%;
	margin-right: 0%;
}

.functionBox5_tail .functionBox5 i {
	display: block;
	width: 104px;
	height: 53px;
	padding: 10px 0 0;
	margin: 0px auto 0;
	border-radius: 35%;
}

.functionBox5_tail .functionBox5 i img {
	width: 100%;
	height: auto;
}

.functionBox5_tail .functionBox5 span {
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 0px;
	font-size: 20px;
	height: 34px;
	line-height: 24px;
	font-size: 16px;
	color: #cecece;
}

.functionBox5_tail .functionBox5 p {
	font-size: 12px;
	color: #cecece;
	text-align: left;
	line-height: 1.7em;
}

/****************更多微信服务***********************/
.function6 {
	position: relative;
	width: 100%;
	background: #f7f7f7;
	padding-bottom: 50px;
}

.wra {
	margin: 0 auto;
}

.titl6 {
	text-align: center;
	margin: 15px auto 30px;
}

.titl6 h1 {
	font-size: 36px;
	color: #197ea8;
	text-align: center;
}

.titl6 p {
	text-align: center;
	color: #cfcece !important;
	font-size: 17px;
}

.fuwwu_tail {
	width: 1000px;
	margin: 0px auto;
	height: 100%;
	margin-top: 30px;
}

.fuwwu_tail ul {
	width: 100%;
	margin: 0px auto;
}

.fuwwu_tail ul li {
	width: 333px;
	margin: 0px auto;
	float: left;
	padding: 7px 0;
	height: 395px;
}

.fuwwu_tail ul li h2.logo_six {
	font-size: 20px;
	color: #b7b7b7;
	text-align: center;
	padding: 20px 0;
}

.fuwwu_tail .box_six {
	width: 95%;
	margin: 0px auto;
}

.fuwwu_tail .box_six dl {
	width: 100%;
	margin: 20px auto 10px;
	text-align: center;
}

.fuwwu_tail .box_six dl dd {
	width: 47%;
	margin: 0px auto;
	float: left;
}

.fuwwu_tail .box_six dl dd.d1 {
	margin-right: 5%
}

.fuwwu_tail .box_six dl dd h2 {
	font-size: 16px;
	color: #b7b7b7;
	text-align: center;
	padding: 8px 0;
}

.fuwwu_tail .box_six dl dd p {
	font-size: 12px;
	color: #b7b7b7;
	text-align: center;
	line-height: 1.6em;
}

.fuwwu_tail .box_six .fuwwu_pic {
	width: 68px;
	height: 53px;
	margin: 0 auto;
}

.fuwwu_tail .box_six .fuwwu_pic img {
	width: 100%;
	height: auto;
}

.fuwwu_tail ul li:hover {
	background: #fff;
}

/***************************************/
.case {
	height: 655px;
	background: #fff;
	width: 100%;
	margin-top: 0px;
}

.titl3 {
	text-align: centr;
	margin: 0 auto 10px;
}

.titl3 h1 {
	font-size: 36px;
	color: #e2b20c;
	text-align: center;
	padding-top: 15px;
}

.titl3 p {
	text-align: center;
	color: #cfcece;
	font-size: 17px;
}

/***.case ul li p{text-align:center;color:#fff;position:absolute;left:0;top:7px;width:100%;}****/
.case ul li {
	margin-left: 28px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #fff;
	padding: 10px;
}

.case ul li:hover {
	border: 1px solid #eee;
}

.case ul li p.fot {
	text-align: center;
	color: #d5d5d5;
	font-size: 12px;
	padding: 10px 0 0;
}

.modpic li a {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.modpic li a span {
	display: block;
	position: absolute;
	left: 0px;
	top: 356px;
	width: 100%;
	height: 220px;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	font-size: 14px;
	transition: all 0.4s ease;
}

.featureBox:hover span {
	top: 165px;
	transition: all 0.4s ease;
}

.modpic li a span img {
	text-align: center;
	width: 190px;
	height: 170px;
	border: 1px solid #24e4c7;
	margin-top: 33px;
}

.case ul li img {
	border: 1px solid #eee;
}

.fg {
	font-size: 10px !important;
	color: #bbb !important;
	margin-top: 15px;
}

.fg a {
	padding: 5px 8px 10px;
	font-size: 14px;
}

.fg span {
	font-size: 14px;
}

.more, .fg a:hover {
	color: #24e4c7;
}

#botton-scroll {
	width: 880px !important;
	margin-left: 30px;
}

.modpic li a span p {
	text-align: center;
}

.case ul li .box {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	width: 232px;
	height: 385px;
}

.case ul li .box h2 {
	text-align: center;
	color: #cecece;
	font-size: 20px;
	padding: 20px 0 20px;
	font-weight: normal;
}

.case ul li:hover .box h2 {
	color: #1ad8bb;
}

.box table {
	width: 100%;
	margin: 0 auto 25px;
}

.box table td {
	width: 50%;
	margin: 0 auto;
	text-align: center;
}

.box table td p {
	width: 100%;
	height: 52px;
	text-align: center;
}

.box table td p img {
	width: 40%;
	text-align: center;
	border: none;
}

.box  table td h3 {
	text-align: center;
	color: #b7b7b7;
	font-size: 16px;
	padding: 0px 0;
	font-weight: normal;
}

.box  table td:hover h3 {
	color: #1ad8bb;
}

.box table td.s1 p {
	background: url(../images/s1.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.s2 p {
	background: url(../images/s2.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.s3 p {
	background: url(../images/s3.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.s4 p {
	background: url(../images/s4.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.s5 p {
	background: url(../images/s5.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.s6 p {
	background: url(../images/s6.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.s1:hover p {
	background: url(../images/s1_1.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.s2:hover p {
	background: url(../images/s2_2.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.s3:hover p {
	background: url(../images/s3_3.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.s4:hover p {
	background: url(../images/s4_4.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.s5:hover p {
	background: url(../images/s5_5.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.s6:hover p {
	background: url(../images/s6_6.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.d1 p {
	background: url(../images/d1.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.d2 p {
	background: url(../images/d2.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.d3 p {
	background: url(../images/d3.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.d4 p {
	background: url(../images/d4.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.d5 p {
	background: url(../images/d5.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.d6 p {
	background: url(../images/d6.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.d1:hover p {
	background: url(../images/d1_1.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.d2:hover p {
	background: url(../images/d2_2.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.d3:hover p {
	background: url(../images/d3_3.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.d4:hover p {
	background: url(../images/d4_4.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.d5:hover p {
	background: url(../images/d5_5.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.d6:hover p {
	background: url(../images/d6_6.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.f1 p {
	background: url(../images/f1.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.f2 p {
	background: url(../images/f2.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.f3 p {
	background: url(../images/f3.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.f4 p {
	background: url(../images/f4.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.f5 p {
	background: url(../images/f5.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.f6 p {
	background: url(../images/f6.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.f1:hover p {
	background: url(../images/f1_1.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.f2:hover p {
	background: url(../images/f2_2.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.f3:hover p {
	background: url(../images/f3_3.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.f4:hover p {
	background: url(../images/f4_4.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.f5:hover p {
	background: url(../images/f5_5.png) no-repeat center;
	background-size: 56px 50px;
}

.box table td.f6:hover p {
	background: url(../images/f6_6.png) no-repeat center;
	background-size: 56px 50px;
}

/*********----------媒体报道及行业动态-------***************/
.meiti {
	height: 435px;
	width: 100%;
}

.newlist li {
	float: none;
	background: url(../images/jt.png) left center no-repeat;
	padding-left: 10px;
	margin-top: 8px;
}

.newlist li a {
	color: #666666;
}

.newlist li img.logo {
	width: 279px;
	height: auto;
}

.titl4 {
	text-align: center;
	margin: 20px auto 80px;
}

.titl4 h1 {
	font-size: 36px;
	color: #4a4e4e;
	text-align: center;
}

.titl4 p {
	font-size: 17px;
	text-align: center;
	color: #cfcece;
}

.wrap>li {
	margin-left: 59px;
}
/*******************底部********************************/
.functionft {
	position: relative;
	width: 100%;
	padding-bottom: 10px;
	background: #0fdabb;
}

.foot_text {
	width: 1000px;
	margin: 0px auto;
	height: 100%;
	margin-top: 10px;
}

.foot_text ul {
	width: 100%;
	margin: 0 auto;
}

.foot_text ul li {
	float: left;
}

.foot_text ul li.ft1 {
	width: 10%;
	margin-left: 3%;
	margin-right: 5%
}

.foot_text ul li.ft2 {
	width: 10%;
	margin-right: 5%
}

.foot_text ul li.ft3 {
	width: 10%;
	margin-right: 5%
}

.foot_text ul li.ft4 {
	width: 10%;
	margin-right: 5%
}

.foot_text ul li.ft5 {
	width: 10%;
	margin-right: 8%
}

.foot_text ul li.ft6 {
	width: 16%;
}

.foot_text ul li h2 {
	font-size: 16px;
	text-align: left;
	color: #125d51;
	padding: 20px 0 5px;
	border-bottom: 0px solid #91eee0;
	margin-bottom: 0px;
}

.foot_text ul li p {
	font-size: 12px;
	text-align: left;
	color: #125d51;
	padding: 5px 0px;
	font-family: '宋体';
	cursor: pointer;
}

.foot_text ul li p.img img {
	width: 87px;
	height: auto;
}

/***************************************************/
footer {
	height: 140px;
	background: #125d51;
	width: 100%;
	margin: 0px auto;
}

.middle {
	text-align: center;
	margin-top: 0px;
	margin: 0px auto;
}

.list {
	margin: 0px auto;
	width: 60%;
	padding-top: 2%;
}

.list li {
	color: #fff;
	margin-left: 10px;
	font-family: '宋体';
}

.list li a {
	color: #fff;
	font-family: '宋体';
}

.copy {
	width: 100%;
	margin: 1.6% auto 0;
}

.copy p {
	font-size: 14px;
	font-family: '宋体';
	color: #7dbbb1;
	text-align: center;
}

.color {
	color: #24e4c7 !important;
}

.wecan ul.adds li {
	width: 22.5%;
	margin-left: 1%;
	margin-right: 1%;
	text-align: center;
}

.wecan ul.adds li a {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	border: 0px solid #1ad8bb;
}

.wecan ul.adds li:first-child {
	margin-left: 0%;
}

.wecan ul.adds li:last-child {
	margin-right: 0%;
}

.wecan ul.adds li .info {
	width: 100%;
	margin: 0 auto;
	height: 205px;
	overflow: hidden;
}

.wecan ul.adds li .info .art {
	width: 80px;
	margin: 6% auto 3%;
	text-align: center;
	height: 70px;
}

.wecan ul.adds li .info .art img {
	width: 90%;
}

.wecan ul.adds li.a1 .info .art {
	background: url(../images/y1_1.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a2 .info .art {
	background: url(../images/y2_1.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a3 .info .art {
	background: url(../images/y3_1.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a4 .info .art {
	background: url(../images/y4_1.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a5 .info .art {
	background: url(../images/y5_1.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a6 .info .art {
	background: url(../images/y6_1.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a7 .info .art {
	background: url(../images/y7_1.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a8 .info .art {
	background: url(../images/y8_1.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a1.on .info .art {
	background: url(../images/y1.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a2.on .info .art {
	background: url(../images/y2.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a3.on .info .art {
	background: url(../images/y3.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a4.on .info .art {
	background: url(../images/y4.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a5.on .info .art {
	background: url(../images/y5.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a6.on .info .art {
	background: url(../images/y6.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a7.on .info .art {
	background: url(../images/y7.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li.a8.on .info .art {
	background: url(../images/y8.png) no-repeat top center;
	background-size: 100%;
}

.wecan ul.adds li .info h2 {
	font-size: 18px;
	color: #c4c4c4;
	text-align: center;
}

.wecan ul.adds li .info p {
	font-size: 12px;
	color: #c4c4c4;
	text-align: center;
}

.wecan ul.adds li.on .info h2 {
	color: #1ad8bb;
}

.wecan ul.adds li.on .info p {
	color: #1ad8bb;
}

.wecan ul.adds li.on a {
	border: 1px solid #1ad8bb;
}

/*
.info p{color:#fff !important;font-size:15px !important;width:110px;margin:0 auto;line-height:25px;}

*/
.wrap1 {
	width: 100px;
	margin: 15px auto;
	border-radius: 100px;
	height: 200px;
	text-align: center;
}

.wrap1 img {
	margin-top: 10px;
}

.olConsultation {
	position: fixed;
	right: 0;
	bottom: 40%;
	z-index: 1000;
}

.onlineBox ul {
	width: 50px;
	height: 50px;
}

.onlineBox li {
	position: absolute;
	width: 50px;
	height: 50px;
	text-align: center;
	right: 0;
	overflow: hidden;
	background: rgba(141, 141, 141, 0.7);
	transition: all 0.4s ease;
}

.onlineBox li i {
	position: absolute;
	right: 0;
	display: block;
	width: 50px;
	line-height: 50px;
	font-size: 30px;
	color: #FFFFFF;
}

.onlineBox li span {
	position: absolute;
	right: 60px;
	width: 0px;
	font-size: 16px;
	line-height: 50px;
	color: #FFFFFF;
	overflow: hidden;
	transition: all 0.4s 0.4s ease;
}

.onlineBox .zaixian {
	opacity: 1;
	bottom: 52px;
	height: 50px;
	display: block;
	z-index: 10;
	border-bottom: none;
}

.onlineBox .zaixians {
	opacity: 1;
	bottom: 0px;
	height: 50px;
	display: block;
	z-index: 10;
	border-bottom: none;
}

.rexian {
	top: -105px;
	z-index: 10;
}

.onlineBox .rexian span {
	display: block;
	overflow: hidden;
	line-height: 25px;
	color: #FFFFFF;
}

.ffq {
	bottom: 213px;
	z-index: 10;
}

.wzt {
	bottom: 159px;
	z-index: 10;
}

.qrCodeBox {
	position: absolute;
	display: block;
	width: 112px;
	opacity: 0;
	height: 0;
	overflow: hidden;
	text-align: center;
	background: rgba(141, 141, 141, 0.7);
	padding: 4px;
	transition: all 0.4s ease;
}

.wztQrcode {
	left: -130px;
	top: -109px;
}

.ffqQrcode {
	left: -130px;
	top: -163px;
}

.qrCodeBox div {
	text-align: center;
}

.qrCodeBox img {
	display: block;
	width: 81px;
	margin: 4px auto;
}

.weixin:hover+.qrCodeBox {
	height: 100px;
	opacity: 1;
	transition: all 0.4s 0.4s ease;
}

.weixin:hover .qrCodeBox {
	height: 180px;
	transition: all 0.4s 0.4s ease;
}

.onlineBox li:hover {
	width: 180px;
	transition: all 0.4s ease;
	cursor: pointer;
}

.onlineBox li:hover span {
	width: 120px;
}

.onlineBox li:hover span p {
	width: 120px;
	transition: all 0.4s ease;
}

#top {
	position: absolute;
	display: none;
	text-align: center;
	width: 50px;
	height: 50px;
	background: rgba(141, 141, 141, 0.7);
	bottom: -600px;
	right: 0;
	overflow: hidden;
	transition: all 0.4s ease;
}

#top i {
	display: block;
	position: absolute;
	right: 0px;
	width: 50px;
	line-height: 45px;
	font-size: 40px;
	color: #FFFFFF;
}

#top span {
	display: block;
	position: absolute;
	right: 50px;
	width: 0px;
	font-size: 16px;
	line-height: 50px;
	color: #FFFFFF;
	overflow: hidden;
	transition: all 0.4s ease;
}

#top:hover {
	width: 180px;
	transition: all 0.4s ease;
	cursor: pointer;
}

#top:hover span {
	width: 120px;
	transition: all 0.4s ease;
	overflow: hidden;
}

.contentBox {
	width: 1000px;
	margin: 0 auto;
	height: 180px;
	margin-top: 0px;
	/*background: #EEEEEE;*/
}

.functionBox {
	position: relative;
	float: left;
	height: 170px;
	width: 20%;
	text-align: center;
	transition: all 0.6s ease;
}

.functionBox i {
	display: block;
	width: 65px;
	height: 53px;
	padding: 11px;
	margin: 8px auto 0;
	border: 1px solid #d3d3d3;
	border-radius: 35%;
	transition: all 0.6s ease;
}

.functionBox i img {
	width: 100%;
	height: auto;
}

.functionBox span {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 20px;
	display: block;
	margin-top: 5px;
	font-size: 20px;
	line-height: 24px;
	transition: all 0.6s ease;
	font-size: 16px;
	color: #b7b7b7;
}

.hiddenBox {
	opacity: 0;
	position: absolute;
	bottom: 0px;
	height: 0px;
	width: 100%;
	cursor: pointer;
	transition: all 0.6s ease;
	overflow: hidden;
}

.hiddenBox a {
	display: block;
	float: left;
	width: 100%;
	line-height: 40px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	background: #999999;
}

.hiddenBox a:hover {
	background: #777777;
}

.functionBox:hover {
	background: #EEEEEE;
	transition: all 0.6s ease;
}

.functionBox:hover .hiddenBox {
	opacity: 1;
	height: 40px;
	transition: all 0.6s ease;
}

.functionBox:hover span {
	font-size: 16px;
	bottom: 50px;
	transition: all 0.6s ease;
}

.functionBox:hover i {
	transform: rotate(360deg);
	transition: all 0.6s ease;
}

.moreFunction a {
	display: block;
	position: absolute;
	width: 100px;
	height: 30px;
	line-height: 30px;
	left: 50%;
	margin-left: -50px;
	bottom: -40px;
	text-align: center;
	color: #0CC1A6;
	font-size: 16px;
	text-decoration: underline;
}

#xiangqingBox {
	display: none;
	position: fixed;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	z-index: 10000;
}

.xiangqing {
	position: absolute;
	top: 50%;
	margin-top: -270px;
	left: 50%;
	margin-left: -500px;
	display: none;
	width: 1000px;
	height: 540px;
	background: #FFFFFF;
}

.imgBox {
	position: relative;
	display: block;
	overflow: hidden;
	width: 260px;
	height: 520px;
	float: left;
	margin-top: 10px;
	margin-left: 30px;
}

.imgBox ul {
	width: 940px;
	-webkit-animation: in 15s ease infinite;
	-moz-animation: in 15s ease infinite;
	animation: in 15s ease infinite;
}

@
keyframes in { 0%{
	transform: translateX(280px);
}

3
.3 %{
	transform: translateX(0px);
}

33%{
transform
:
 
translateX
(0px);
}
36
.3 %{
	transform: translateX(-280px);
}

63
.3 %{
	transform: translateX(-280px);
}

66
.3 %{
	transform: translateX(-560px);
}

99
.3 %{
	transform: translateX(-560px);
}

100%{
transform
:
 
translateX
(-560px);
}
}
@
-webkit-keyframes in { 0%{
	-webkit-transform: translateX(280px);
}

3
.3 %{
	-webkit-transform: translateX(0px);
}

33%{
-webkit-transform
:
 
translateX
(0px);
}
36
.3 %{
	-webkit-transform: translateX(-280px);
}

63
.3 %{
	-webkit-transform: translateX(-280px);
}

66
.3 %{
	-webkit-transform: translateX(-560px);
}

99
.3 %{
	-webkit-transform: translateX(-560px);
}

100%{
-webkit-transform
:
 
translateX
(-560px);
}
}
@
-o-keyframes in { 0%{
	o-o-transform: translateX(280px);
}

3
.3 %{
	-o-transform: translateX(0px);
}

33%{
-o-transform
:
 
translateX
(0px);
}
36
.3 %{
	-o-transform: translateX(-280px);
}

63
.3 %{
	-o-transform: translateX(-280px);
}

66
.3 %{
	-o-transform: translateX(-560px);
}

99
.3 %{
	-o-transform: translateX(-560px);
}

100%{
-o-transform
:
 
translateX
(-560px);
}
}
@
-moz-keyframes in { 0%{
	-moz-transform: translateX(280px);
}

3
.3 %{
	-moz-transform: translateX(0px);
}

33%{
-moz-transform
:
 
translateX
(0px);
}
36
.3 %{
	-moz-transform: translateX(-280px);
}

63
.3 %{
	-moz-transform: translateX(-280px);
}

66
.3 %{
	-moz-transform: translateX(-560px);
}

99
.3 %{
	-moz-transform: translateX(-560px);
}

100%{
-moz-transform
:
 
translateX
(-560px);
}
}
.imgBox ul img {
	margin-right: 30px;
	float: left;
}

.miaoshu {
	width: 600px;
	height: 400px;
	margin-top: 70px;
	margin-left: 60px;
	float: left;
}

.miaoshu h3 {
	font-size: 24px;
	color: #444444;
}

.miaoshu p {
	display: block;
	margin-top: 20px;
	font-size: 16px;
	color: #444444;
}

.miaoshu p span {
	font-size: 16px;
	font-weight: 600;
	color: #444444;
}

.miaoshu i {
	font-style: normal;
	display: block;
	margin: 60px auto 0;
	width: 180px;
	height: 180px;
	text-align: center;
}

.erweima img {
	display: block;
	width: 180px;
	height: 180px;
}

.guangbi {
	display: block;
	position: absolute;
	z-index: 10000;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	background: url(../images/guangbi.png) no-repeat left top;
	background-size: 30px 30px;
}

.guangbi:hover {
	background: url(../images/guangbi1.png) no-repeat left top;
	background-size: 30px 30px;
}

.qrcode {
	position: absolute;
	display: none;
	top: 50%;
	margin-top: -75px;
	left: 50%;
	margin-left: -75px;
	width: 150px;
	height: 150px;
}

.qrcode img {
	width: 150px;
	height: 150px;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
	border: none;
	font-family: Microsoft YaHei;
	outline: 0;
}

.foot_phone {
	width: 100%;
	margin: 0 auto;
	position: fixed;
	bottom: 50px;
	left: 0%;
	z-index: 9999;
}

.foot_phone_text {
	width: 646px;
	height: 90px;
	margin: 0 auto;
	background: #fed30d;
	border-radius: 47px;
	position: relative;
}

.foot_phone .foot_phone_text ul {
	width: 100%;
	margin: 0 auto;
}

.foot_phone .foot_phone_text ul li {
	float: left;
}

.foot_phone .foot_phone_text ul li.f1 {
	width: 40%;
}

.foot_phone .foot_phone_text ul li.f2 {
	width: 33%;
}

.foot_phone .foot_phone_text ul li.f3 {
	width: 27%;
	line-height: 90px;
	cursor: pointer;
}

.foot_phone .foot_phone_text ul li p {
	font-size: 24px;
	color: #fff;
	text-align: center;
}

.foot_phone .foot_phone_text ul li.f2 .f2_int {
	width: 100%;
	margin: 22.5px auto 0;
}

.foot_phone .foot_phone_text ul li.f2 .f2_int input {
	width: 208px;
	height: 40px;
	font-size: 18px;
	color: #484848;
	text-align: left;
	padding: 3px 6px;
	border-radius: 30px;
}

.foot_phone .foot_phone_text ul li.f2 .f2_int ::-webkit-input-placeholder
	{ /* Mozilla Firefox 4 to 18 */
	color: #eee;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	　　color: #eee;
	　　
}

　　::-moz-placeholder { /* Mozilla Firefox 19+ */
	　　color: #eee;
	　　
}

　　:-ms-input-placeholder { /* Internet Explorer 10+ */
	　　color: #eee;
	　　
}

.foot_phone .foot_phone_text ul li.f1 p.f1_txt {
	width: 100%;
	margin: 11.25px auto 0;
}

.foot_phone  .closer {
	width: 35px;
	margin: 0 auto;
	position: absolute;
	bottom: 65px;
	right: -35px;
	z-index: 9999;
	cursor: pointer;
}

.foot_phone  .closer img {
	width: 100%;
	height: auto;
}


/*****************************************/
/* 新增服务页面 */
.productNav{
	position: absolute;
	width: 100%;
	height: 0px;
	opacity:0 ;
	background: #c4f7f0;
	top:79px;
	z-index: 100000;
	overflow: hidden;
	transition: all 0.6s ease;
}
.hideproductNavBox{
	margin: 0 auto;
	width: 1000px;
	height: 125px;
}

.hideproductNavBox li{
	margin-top: 40px;
	margin-right: 6px;
}

.hideproductNavBox li a{
	line-height: 45px;
	padding: 0 18px;
	border-radius: 12px;
}

.hideproductNavBox li a:hover{
	background: #bbe4df;
}

.hideproductNavBox li a img{
	display: block;
	float: left;
	margin-top: 4px;
}

.hideproductNavBox li a p{
	display: block;
	float: left;
	font-size: 18px;
	color: #117a69;
}

.arro{
	position: absolute;
	display: none;
	bottom: -20px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top-color: #026152;
	width: 0;
	height: 0;
	z-index: 100002;
}

.liOnto{
	background:#026152;
}

.liOnto .arro{
	display: block;
	z-index: 100010;
	
}
.showll{
	opacity: 1;
	height: 125px;
}
/*****************************************/