* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
html {
	width: 100%;
	font-weight: normal;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	font-size: 14px;
	line-height: 1.6;
	background-color: #fff;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
ul, ul li, ol, li {
	list-style: none outside none;
}
h1, h2, h3, h4, h5, h6, i {
	font-weight: normal;
	font-style: normal;
}
img {
	vertical-align: middle;
	border: none;
}
input, select, option, label, th {
	vertical-align: middle;
	border: none
}
a {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: none;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
	display: block;
	_height: 1px;
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.container {
	display: block;
	width: 86%;
	max-width: 1600px;
	margin: 0 auto;
}
body {
	max-width: 1920px;
	margin: 0 auto;
	margin: 0 auto;
}
.hidden {
	overflow: hidden;
}
.hide {
	display: none;
}
.flex {
	display: flex;
	align-items: center;
}
/*主导航*/
.nav {
	position: fixed;
	;
	height: 80px;
	background: rgba(50,52,54,0.8);
	width: 100%;
	z-index: 999;
	max-width: 1920px; top: 0px;
}
.nav .container {
	overflow: hidden;
	position: relative;
}
.nav .logo {
	position: absolute;
	left: 0;
	top: 16px;
	height: 48px;
	width: 185px;
	z-index: 201;
}
.nav .logo img {
	height: 48px;
	display: block;
}
.nav .logo {
	float: left;
}
.navlist {
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.navlist li {
	font-size: 16px;
	display: inline-block;
	color: #ffffff;
	line-height: 80px;
	text-align: center;
}
.navlist li a {
	padding: 0 35px;
	display: inline-block;
}
.navlist li.on, .navlist li:hover {
	background: rgba(221,180,102,0.8);
}
.nav .tel {
	width: 185px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 201;
	padding-left: 35px;
	height: 80px;
	line-height: 80px;
	font-size: 20px;
	color: #fff;
	background: url(../images/tel-bg.png) no-repeat 0 center;
}
.homenav .nav {
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}
.wbj .nav li:hover, .wbj .nav li.on {
	background: none;
}
.wbj .nav {
	background: none;
}
.nav_btn {
	display: none;
	width: 24px;
	height: 60px;
	width: 60px;
	padding: 20px 18px;
	cursor: pointer;
	position: relative;
	z-index: 201;
}
.nav_btn span {
	width: 24px;
	height: 2px;
	display: block;
	background: #ffffff;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.nav_btn span.sp02 {
	margin: 7px auto;
}
.nav_btn span.sp03 {
	width: 12px;
}
.nav_btn.close .sp01 {
	transform: matrix(-1, 1, -0.8, -0.8, 0, 8.5)
}
.nav_btn.close .sp02 {
	opacity: 0;
}
.nav_btn.close .sp03 {
	transform: matrix(-1, -1, 0.8, -0.8, 0, -8.5);
	width: 24px;
}
/*主导航*/


/*banner*/
.banner {
	height: 462px; margin-top: -22px;
}
.banner .swiper-slide {
}
.banner img {
	display: none;
}
.banner .bantxt {
	float: left;
	text-align: left;
}
.banner .bantxt h3 {
	font-size: 40px;
	color: #ffffff;
	margin-top: 200px;
}
.banner .bantxt h2 {
	font-size: 40px;
	color: #ffffff;
	margin-top: 200px;
}
.banner .bantxt .h3 {
	font-size: 40px;
	color: #ffffff;
	margin-top: 200px;
}
.banner .bantxt .h3 h1 {
	font-size: 40px;
	display: inline;
}
.banner .bantxt p {
	font-size: 18px;
	color: #ffffff;
	margin-top: 5px;
}
.banner .bantxt span {
	border: 1px solid #fff;
	text-align: center;
	cursor: pointer;
	margin-top: 30px;
	font-size: 16px;
	float: left;
	padding: 0 20px;
	height: 36px;
	line-height: 34px;
	background: transparent;
	color: #fff;
	transition: color .3s ease-in-out, background .3s ease-in-out;
}
.banner .bantxt span:hover {
	color: #666;
	background: #fff;
}
.banner .swiper-pagination {
	line-height: 0;
	bottom: 25px;
}
.banner .swiper-pagination-bullet {
	width: 25px;
	height: 3px;
	border-radius: 0;
	opacity: .4;
	background: #fff;
}
.banner .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}
.banner .bantxt>h1 {
	border: 1px solid #fff;
	text-align: center;
	cursor: pointer;
	margin-top: 30px;
	font-size: 16px;
	float: left;
	padding: 0 20px;
	height: 36px;
	line-height: 34px;
	background: transparent;
	color: #fff;
	transition: color .3s ease-in-out, background .3s ease-in-out;
}
.banner .bantxt>h1:hover {
	color: #666;
	background: #fff;
}
/*banner*/

.syaby {
	width: 100%;
	background: #f0eeee;
	overflow: hidden;
	padding: 5px 0;
}
.syaby li {
	width: 33.33%;
	float: left;
	text-align: center;
	color: #333;
}
.syaby li b {
	font-size: 14px;
	color: #ddb466;
	line-height: 1;
	margin: 10px 0;
}
.dtit {
	padding: 4% 0;
	text-align: center;
}
.dtit span {
	font-size: 40px;
	color: #161616;
	display: block;
}
.dtit p {
	font-size: 15px;
	color: #888888
}
.dtit.bai span, .dtit.bai p {
	color: #fff
}
/*我们的服务*/
.syfw {
	padding-bottom: 4%;
	overflow: hidden;
}
.syfw ul {
	display: table;
}
.syfw ul li {
	float: left;
	width: 17%;
	text-align: center;
	color: #888888;
	position: relative;
	margin: 0 1.5%;
	padding: 2% 0;
}
.syfw ul li .name {
	font-size: 18px;
	display: block;
	color: #292929;
	line-height: 35px
}
.syfw ul li a {
	display: block;
	line-height: 28px
}
.syfw ul li:after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #ddb466;
	z-index: -1
}
.syfw ul li:hover {
	color: #fff
}
.syfw ul li:hover .name {
	color: #fff;
}
.syfw ul li:hover:after {
	height: 100%;
}
.syfw ul li i {
	display: block;
	width: 65px;
	height: 65px;
	margin: 0 auto 10% auto;
}
.syfw ul li i.i1 {
	background: url(../images/syfw1.png) no-repeat center center;
	background-size: 100%;
}
.syfw ul li i.i2 {
	background: url(../images/syfw2.png) no-repeat center center;
	background-size: 100%;
}
.syfw ul li i.i3 {
	background: url(../images/syfw3.png) no-repeat center center;
	background-size: 100%;
}
.syfw ul li i.i4 {
	background: url(../images/syfw4.png) no-repeat center center;
	background-size: 100%;
}
.syfw ul li i.i5 {
	background: url(../images/syfw5.png) no-repeat center center;
	background-size: 100%;
}
.syfw ul li:hover i.i1 {
	background-image: url(../images/syfw1h.png);
}
.syfw ul li:hover i.i2 {
	background-image: url(../images/syfw2h.png);
}
.syfw ul li:hover i.i3 {
	background-image: url(../images/syfw3h.png);
}
.syfw ul li:hover i.i4 {
	background-image: url(../images/syfw4h.png);
}
.syfw ul li:hover i.i5 {
	background-image: url(../images/syfw5h.png);
}
/*我们的服务*/


.daojis {
	height: 160px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	line-height: 160px;
	background: url(../images/htbj.jpg) no-repeat center center;
	background-size: cover
}
.daojis span {
	margin: 0 10px;
	font-size: 32px;
	color: #eb4b4b;
	font-weight: bold;
}
/*案例*/
.anli {
	width: 100%;
	overflow: hidden;
}
.anli_list {
	overflow: hidden;
	margin-top: -20px;
}
.anli li {
	width: 25%;
	padding: 0 10px;
	margin-top: 20px;
	float: left;
	overflow: hidden;
}
.anli li a {
	display: block;
}
.anli li .img {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.anli li .img img {
	width: 100%;
}
.anli li .img .txts {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	top: 100%;
	left: 0;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.anli li .img .txts span {
	color: #fff;
	line-height: 2.5;
	display: inline-block;
	width: 62px;
	margin: 20% 12px 0 12px;
	font-size: 16px;
}
.anli li .img .txts span i {
	width: 48px;
	height: 48px;
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.anli li .img .txts span i.bgs1 {
	background: url(../images/i_pic1.png) center top no-repeat;
}
.anli li .img .txts span i.bgs2 {
	background: url(../images/i_pic2.png) center top no-repeat;
}
.anli li .img .txts span i.bgs3 {
	background: url(../images/i_pic3.png) center top no-repeat;
}
.anli li:hover .img .txts {
	top: 0;
}
.anli li .img .txts span i:hover {
	background-color: #ddb466;
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}
.anli li .zi {
	position: relative;
	overflow: hidden;
	background: #f6f6f6;
	width: 100%;
	text-align: center;
	padding: 16px 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.anli li p {
	font-size: 18px;
	color: #161616;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.anli li .zi:after {
	position: absolute;
	left: 0;
	bottom: 100px;
	content: "";
	width: 100%;
	height: 100px;
	background: #ddb466;
	;
	display: block;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.anli li:hover .zi:after {
	bottom: 0px;
}
.anli li:hover .zi p {
	color: #ffffff;
}
.anli li .more {
	font-size: 14px;
	color: #161616;
	font-style: italic;
	background: url(../images/anli-morebg.png) no-repeat right center;
	padding-right: 25px;
	margin-top: 15px;
}
.anli li:hover .img img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transform: scale(1.1);
}
.anli li:hover .more {
	transform: translateX(-10px);
	-webkit-transform: translateX(-10px);
	-o-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
}
/*案例*/


/*小程序服务*/
.app_list {
	overflow: hidden;
	margin-bottom: 3%;
}
.app_list li {
	float: left;
	width: 49%;
	border: 1px solid #dcdcdc;
	padding: 20px;
	margin-right: 2%;
	margin-bottom: 2%;
}
.app_list li .img {
	width: 80px;
	float: left;
}
.app_list li .img img {
	display: block;
	width: 100%;
}
.app_list li .info {
	padding-left: 100px;
}
.app_list li .info h3 {
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
}
.app_list li .info p {
	font-size: 16px;
	color: #666666;
	line-height: 20px;
	height: 40px;
	margin-top: 5px;
}
/*小程序服务*/


/*首页新闻*/
.newsbg {
	width: 100%;
	background: #f0eeee;
	padding-bottom: 4%
}
.newsnav {
	overflow: hidden;
	padding-bottom: 2%;
	margin: 0 auto;
	display: table
}
.newsnav li {
	font-size: 16px;
	color: #535353;
	float: left;
	background: #fff;
	border-radius: 20px;
	margin-right: 10px;
	overflow: hidden;
}
.newsnav li a {
	display: block;
	padding: 6px 20px;
	font-size: 16px;
}
.newsnav li.cur, .newsnav li:hover {
	background: #ddb466;
	color: #fff;
}
.newslist {
	width: 100%;
	overflow: hidden;
}
.newslist li {
	width: 33.33%;
	overflow: hidden;
	float: left;
	padding: 1px;
}
.newslist li a {
	background: #ffffff;
	padding: 8%;
	display: block;
	overflow: hidden;
}
.newslist li .time {
	color: #555555;
	text-align: center;
	margin-top: 10px;
	width: 60px;
}
.newslist li .time .d {
	font-size: 40px;
	display: block;
	line-height: 1
}
.newslist li .time .y {
	display: block;
}
.newslist li .zi {
	padding-left: 90px;
}
.newslist li .zi span {
	color: #484848;
	font-size: 16px;
	margin-bottom: 8px;
	display: block;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.newslist li .zi span i {
	display: inline-block;
	width: 0px;
	height: 1px;
	background: #ddb466;
	vertical-align: middle;
}
.newslist li:hover .zi span i {
	width: 15px;
	margin-right: 5px;
}
.newslist li:hover .zi span {
	color: #ddb466
}
.newslist li .zi p {
	color: #818181;
	height: 44px;
	overflow: hidden;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.newslist li:hover {
	box-shadow: 0 0 40px #c3c3c3;
}
/*首页新闻*/


/*首页解决方案*/
.syfanganbg {
	background: url(../images/fangan-bg.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}
.syfanganz {
	width: 28%;
	margin-top: 5%
}
.syfanganz b {
	font-size: 48px;
	color: #ddb466;
	line-height: 1.2
}
.syfanganz .info {
	color: #888888;
	margin-top: 5%;
	text-align: justify;
}
.syfanganz .more {
	position: relative;
	display: block;
	margin-top: 20%;
	width: 45px;
	height: 45px;
	border: 1px solid #fff
}
.syfanganz .more:before, .syfanganz .more:after {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%
}
.syfanganz .more:before {
	background: url(../images/jiejue-jianh.png) no-repeat center center;
	z-index: 1;
	background-size: 60% auto;
}
.syfanganz .more:after {
	background: #ddb466;
	transform: scale(0);
	z-index: 0
}
.syfanganz .more:hover:after {
	transform: scale(1);
}
.syfanganz .more:hover {
	border: none
}
.syfangany {
	width: 67%;
	overflow: hidden;
	border-left: 1px solid #787878;
	border-top: 1px solid #787878;
}
.syfangany li {
	width: 33.33%;
	float: left;
	border-right: 1px solid #787878;
	border-bottom: 1px solid #787878;
	text-align: center;
	color: #fff;
	position: relative;
	padding: 5% 0;
}
.syfangany li i {
	display: block;
	width: 70px;
	height: 70px;
	margin: 0 auto
}
.syfangany li p {
	font-size: 18px;
	margin-top: 20px;
	height: 55px;
	overflow: hidden;
}
.syfangany li:after {
	content: "";
	display: block;
	width: 20px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #ddb466;
}
.syfangany li.noaf:after {
	display: none
}
.syfangany li:hover {
	background: rgba(221,180,102,0.6);
	border-color: rgba(221,180,102,0.6)
}
.syfangany li:hover:after {
	width: 0
}
.syfangany li i.i1 {
	background: url(../images/fangan01.png) no-repeat center 0;
	background-size: 100% auto;
}
.syfangany li:hover i.i1 {
	background: url(../images/fangan01.png) no-repeat center -70px;
	background-size: 100% auto;
}
.syfangany li i.i2 {
	background: url(../images/fangan02.png) no-repeat center 0;
	background-size: 100% auto;
}
.syfangany li:hover i.i2 {
	background: url(../images/fangan02.png) no-repeat center -70px;
	background-size: 100% auto;
}
.syfangany li i.i3 {
	background: url(../images/fangan03.png) no-repeat center 0;
	background-size: 100% auto;
}
.syfangany li:hover i.i3 {
	background: url(../images/fangan03.png) no-repeat center -70px;
	background-size: 100% auto;
}
.syfangany li i.i4 {
	background: url(../images/fangan04.png) no-repeat center 0;
	background-size: 100% auto;
}
.syfangany li:hover i.i4 {
	background: url(../images/fangan04.png) no-repeat center -70px;
	background-size: 100% auto;
}
.syfangany li i.i5 {
	background: url(../images/fangan05.png) no-repeat center 0;
	background-size: 100% auto;
}
.syfangany li:hover i.i5 {
	background: url(../images/fangan05.png) no-repeat center -70px;
	background-size: 100% auto;
}
.syfangany li i.i6 {
	background: url(../images/fangan06.png) no-repeat center 0;
	background-size: 100% auto;
}
.syfangany li:hover i.i6 {
	background: url(../images/fangan06.png) no-repeat center -70px;
	background-size: 100% auto;
}
.syfangany li i.i7 {
	background: url(../images/fangan07.png) no-repeat center 0;
	background-size: 100% auto;
}
.syfangany li:hover i.i7 {
	background: url(../images/fangan07.png) no-repeat center -70px;
	background-size: 100% auto;
}
.syfangany li i.i8 {
	background: url(../images/fangan08.png) no-repeat center 0;
	background-size: 100% auto;
}
.syfangany li:hover i.i8 {
	background: url(../images/fangan08.png) no-repeat center -70px;
	background-size: 100% auto;
}
.syfangany li i.i9 {
	background: url(../images/fangan09.png) no-repeat center 0;
	background-size: 100% auto;
}
.syfangany li:hover i.i9 {
	background: url(../images/fangan09.png) no-repeat center -70px;
	background-size: 100% auto;
}
/*首页解决方案*/


/*我们的优势*/
.about-3 {
	margin: -2% 0 4% 0;
}
.about-3 li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-top: 2%;
}
.about-3 li a {
	display: block;
	border: 1px solid #eaeaea;
	padding: 5%;
}
.about-3 li h4 {
	font-size: 20px;
	margin: 0;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #ddb466;
}
.about-3 li h4 span {
	font-size: 18px;
}
.about-3 li p {
	margin: 10px 0 0;
	overflow: hidden;
	height: 40px;
}
.about-3 li a:hover {
	box-shadow: 0 0 30px #eeeeee;
}
/*我们的优势*/

/*流程*/
.liuc {
	margin-bottom: 4%;
}
.liuc li {
	width: 20%;
	text-align: center;
	float: left;
}
.liuc li i {
	display: inline-block;
	padding: 8%;
	border-radius: 50%;
	background: #ddb466;
	margin-bottom: 2%;
	position: relative;
}
.liuc li b {
	color: #212121;
	display: block;
	font-size: 22px;
	margin: 2% 0;
}
.liuc li p {
	color: #5f5f5f;
	font-size: 15px
}
.liuc li i:after {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	top: 0;
	left: 0;
	z-index: -1;
}
.liuc li:hover i {
	-webkit-transform: scale(.86);
	-moz-transform: scale(.86);
	-ms-transform: scale(.86);
	transform: scale(.86);
	-o-transform: scale(.86);
}
.liuc li:hover i:after {
	animation: sonarEffect 1.3s ease-out 75ms infinite;
	-webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
	-moz-animation: sonarEffect 1.3s ease-out 75ms infinite;
}
/*流程*/

/*footer*/
.dbinfo {
	overflow: hidden;
	padding-bottom: 50px;
	background: #333;
	width: 100%;
}
.dbinfo li {
	float: left;
	width: 31%;
	padding-top: 20px;
	color: #ccc;
}
.dbinfo li h3 {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.dbinfo li p {
	text-align: justify;
	color: #999;
	font-size: 14px;
	line-height: 1.8;
}
.footer {
	background: url(../images/foot-bg.jpg) no-repeat center center;
	background-size: cover;
}
.lian {
	width: 30%;
	background: #ddb466;
	padding: 4% 3%;
	color: #fff;
	margin-top: -40px
}
.lian b {
	font-size: 30px;
	display: block;
	letter-spacing: -1px;
	font-family: Arial;
}
.lian span {
	font-size: 23px;
	display: block;
}
.lian p {
	font-size: 18px;
	display: block;
	margin-top: 10px
}
.lian .wechat {
	display: none;
}
.mess {
	width: 62%;
	overflow: hidden;
	margin-top: 3%
}
.mess span {
	color: #fff;
	font-size: 30px;
	display: block;
	margin-bottom: 25px;
}
.mess span>i {
	font-size: 14px;
	margin-left: 20px
}
.mess .k {
	width: 49.5%;
	background: #fff;
	height: 50px;
	line-height: 50px;
	margin-bottom: 15px;
	padding: 0 20px;
	color: #9f9f9f;
}
.mess .dk {
	font-size: 14px;
	padding: 10px 20px;
	width: 100%;
	height: 100px;
	line-height: 1.8;
	font-family: 'PingFangSC-Regular,Microsoft YaHei';
}
.mess button {
	background: #ddb466;
	color: #ffffff;
	height: 50px;
	line-height: 50px;
	width: 100%;
	border: none;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}
.copy {
	font-size: 14px;
	color: #9b9b9b;
	background: #141414;
	padding: 15px 0;
}
.copy a:hover {
	text-decoration: underline;
	color: #ffffff;
}
.link {
	padding-bottom: 10px;
	background: #141414;
	color: #9b9b9b;
}
.link span {
	font-size: 14px;
	color: #ffffff;
	float: left;
}
.link a {
	color: #9b9b9b;
	margin-right: 10px;
	line-height: 1.6;
	font-size: 14px;
	float: left;
}
.link a:hover {
	text-decoration: underline;
	color: #ffffff;
}
/*footer*/

/*客服插件*/
.online-service li .way .icon {
	width: 50px;
	height: 50px;
	display: block;
}
.online-service li .way .icon1 {
	background: url(../images/online_ico01.png) no-repeat center center;
	background-size: 50%;
}
.online-service li .way .icon2 {
	background: url(../images/online_ico02.png) no-repeat center center;
	background-size: 50%;
}
.online-service li .way .icon3 {
	background: url(../images/online_ico03.png) no-repeat center center;
	background-size: 50%;
}
.online-service li .way .icon4 {
	background: url(../images/online_ico04.png) no-repeat center center;
	background-size: 50%;
}
.online-service li .way .icon5 {
	background: url(../images/message.svg) no-repeat center center;
	background-size: 50%;
}
.online-service {
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: -100px;
	z-index: 100;
}
.online-service li {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	margin-top: 5px;
}
.online-service li .way {
	display: block;
	background-color: #ddb466;
	z-index: 2;
	cursor: pointer;
	position: relative;
}
.online-service li .way:hover {
	background: #d3a142;
}
.online-service li .way .tit {
	display: none;
}
.online-service .phone .content {
	display: block;
 *display: none;
	position: absolute;
	width: 0px;
	height: 50px;
	padding: 0 50px 0 20px;
	top: 0;
	right: 0px;
	border-radius: 20px;
	opacity: 0;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	background-color: #d3a142;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}
.online-service li:hover .content {
*display: block;
	width: 215px;
	opacity: 1;
}
.online-service .wx .ewm {
	position: absolute;
	top: 50%;
	margin-top: 0;
	width: 0;
	height: 0;
	right: 60px;
	border: 1px solid #ccc;
	opacity: 0;
	z-index: 1;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}
.online-service .wx:hover .ewm {
	margin-top: -50px;
	width: 100px;
	height: 100px;
	opacity: 1;
	white-space: nowrap;
}
.online-service .wx .ewm img {
	display: block;
	width: 100%;
}
.online-service .wx .ewm .arrow {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-left: 7px solid #ccc;
	top: 50%;
	margin-top: -7px;
	right: -14px;
}
/*客服插件*/

/*内页*/
.weizhi {
	overflow: hidden;
	padding: 10px 0;
	background: #f6f6f6;
}
.weizhi2 {
	padding-left: 3%;
	padding-right: 3%;
}
.weizhi .wp {
	line-height: 40px;
}
.weizhi .wp a:hover {
	text-decoration: underline;
	color: #ddb466
}
.weizhi .wp h1 {
	display: inline;
	font-size: 14px;
}
.weizhi span {
	margin-left: 20px;
}
.weizhi h3 {
	float: right;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	background: #ddb466;
}
.weizhi h3 a {
	display: block;
	color: #ffffff;
}
/*内页*/


/*网站建设专题*/
.xj-tit {
	width: 100%;
	text-align: center;
	padding: 4% 0;
}
.xj-tit span {
	font-size: 24px;
	color: #202020;
	display: block;
	margin-bottom: 5px
}
.xj-tit p {
	font-size: 14px;
	color: #7a7a7a;
}
.xj01 {
	width: 100%;
	overflow: hidden;
	margin-bottom: 4%
}
.xj01 li {
	width: 32%;
	margin-right: 2%;
	float: left;
	padding: 2% 3%;
	background: url(../images/xj01-bg.jpg) no-repeat center;
	background-size: cover;
	margin-bottom: 30px
}
.xj01 li span {
	font-size: 18px;
	color: #464646;
	display: block;
}
.xj01 li i {
	font-size: 22px;
	color: #ddb466;
	display: block;
	margin: 5px 0
}
.xj01 li p {
	font-size: 14px;
	color: #646464;
	line-height: 20px;
	height: 60px;
}
.xj02bg {
	width: 100%;
	background: #f9f7f7;
	overflow: hidden;
	padding-bottom: 4%
}
.xj02 {
	width: 32%;
	margin-right: 2%;
	float: left;
}
.xj02 .t {
	width: 100%;
	background: url(../images/xj02-bg.jpg) no-repeat center;
	background-size: cover;
	padding: 4% 6%;
	color: #d0e2f2
}
.xj02 .t>span {
	font-size: 22px;
	color: #fff;
	display: block;
}
.xj02 .con {
	padding: 5% 6%;
	background: #fff;
	height: 1260px;
}
.xj02 .con>span {
	font-size: 16px;
	color: #181818;
	display: block;
	margin-bottom: 10px
}
.xj02 .con>span>i {
	background: #ddb466;
	padding: 0 10px;
	border-radius: 20px;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	margin-left: 10px
}
.xj02 .con>p {
	font-size: 14px;
	color: #73777a;
	padding-left: 20px;
	background: url(../images/xj02-pbg.png) no-repeat left center;
	line-height: 1.8;
}
.xj02 .con>.hr {
	width: 100%;
	height: 1px;
	background: #ebecec;
	display: block;
	margin: 4% 0;
}
.xj02 .xia>span {
	color: #ddb466;
	display: block;
	margin-bottom: 10px
}
.xj02 .xia>a {
	width: 150px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	text-align: center;
	border: 1px solid #ddb466;
	color: #ddb466;
	margin-right: 10px;
}
.xj02 .xia>a.a1, .xj02 .xia>a:hover {
	background: #ddb466;
	color: #fff
}
.xj02 .xia>p {
	color: #2a2a2a;
	display: block;
	padding-left: 20px;
	margin-top: 10px;
	background: url(../images/xj02-xiabg.png) no-repeat left center;
}
.xj02 .xj02-img {
	margin-top: 20px;
}
.xj02 .xj02-img img {
	display: block;
	width: 100%;
}
.xj03 {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5%;
	background: url(../images/xj03-bg.jpg) repeat-x center 61%;
}
.xj03 li {
	width: 16.6%;
	float: left;
	text-align: center;
}
.xj03 li b {
	font-size: 70px;
	color: #f9f7f7;
	display: block;
	line-height: 1
}
.xj03 li img {
	max-width: 100%;
	margin: 8% 0;
}
.xj03 li p {
	font-size: 16px;
	color: #2a2a2a;
	display: block;
}
.xj04bg {
	width: 100%;
	background: #f9f7f7;
	overflow: hidden;
	padding-bottom: 4%
}
.xj04 {
	width: 50%;
	text-align: right;
}
.xj04 b {
	font-size: 24px;
	color: #414141;
	display: block;
	margin-bottom: 15px;
	padding-right: 12%
}
.xj04 li {
	font-size: 16px;
	color: #535252;
	width: 100%;
	background: #fff;
	border-radius: 30px;
	height: 55px;
	line-height: 55px;
	margin-bottom: 15px;
	padding-right: 12%
}
.xj04y {
	width: 50%;
	text-align: left;
}
.xj04y b {
	font-size: 24px;
	color: #ddb466;
	display: block;
	margin-bottom: 15px;
	padding-left: 12%
}
.xj04y li {
	font-size: 16px;
	color: #fff;
	width: 100%;
	background: #ddb466;
	border-radius: 30px;
	height: 55px;
	line-height: 55px;
	margin-bottom: 15px;
	padding-left: 12%;
	position: relative;
}
.xj04y li>span {
	background: url(../images/xj04-spanbg.png) no-repeat center;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	width: 92px;
	height: 55px;
	text-align: center;
	position: absolute;
	left: -45px;
}
.huibg {
	width: 100%;
	background: #eaeaea;
	overflow: hidden;
}
.youhuanew {
	width: 100%
}
.youhuanew li {
	width: 48% !important;
	background: #fff;
	margin: 0 1% 2% 1%;
}
.youhuanew li a {
	padding: 4% !important;
}
.youhuanew li .time {
}
.youhuamore {
	text-align: center;
	margin: 3% 0;
}
.youhuamore a {
	background: #ddb466;
	border-radius: 20px;
	font-size: 14px;
	color: #fff;
	padding: 9px 80px;
	display: inline-block;
}
.youhuamore a:hover {
	box-shadow: 0px 0px 10px #5d5d5d
}
.xjanlibg {
	width: 100%;
	background: #f9f7f7;
	overflow: hidden;
	padding-bottom: 4%
}
.xjanli {
	background: #fff;
	box-shadow: 0 0 20px #ccc
}
.xjanli-m {
	width: 100%;
	overflow: hidden;
	background: #f8f8f8;
}
.xjanli-m li {
	width: 50%;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #363636;
	line-height: 50px;
	border-top: 2px solid #181818;
}
.xjanli-m li a {
	display: block;
}
.xjanli-m li:hover, .xjanli-m li.active {
	background: #ddb466;
	color: #fff;
	border-color: #ddb466;
}
.xjanli-zong {
	padding: 2% 0.5% 0 0.5%;
	overflow: hidden;
}
.xj-more {
	margin: 2% auto;
	text-align: center;
}
.xj-more a {
	background: #ddb466;
	color: #fff;
	border: 1px solid #ddb466;
	padding: 8px 50px;
	display: inline-block;
}
.xj-more a.a2 {
	background: #fff;
	color: #ddb466;
}
.xj-more a:hover {
	background: #ddb466;
	color: #fff;
}
/*网站建设专题*/

/*案例*/
.anlimenu {
	width: 100%;
	background: #fff;
	margin-bottom: 3%;
	padding: 15px 0;
	border-bottom: 1px solid #eaeaea;
}
.anlimenu ul {
	overflow: hidden;
	margin: 0 auto;
	display: table
}
.anlimenu li {
	font-size: 18px;
	color: #373737;
	float: left;
	border-radius: 20px;
	margin-right: 15px;
	overflow: hidden;
}
.anlimenu li a {
	display: block;
	width: 200px;
	text-align: center;
	height: 40px;
	line-height: 40px;
}
.anlimenu li.cur, .anlimenu li:hover {
	background: #ddb466;
	color: #fff;
}
.page {
	overflow: hidden;
	position: relative;
	text-align: center;
	margin: 3% auto;
}
.pagebj {
	text-align: center;
	padding: 7px 25px;
	background: #f5f5f5;
	display: inline-block;
	border-radius: 30px;
}
.pagebj span, .pagebj a {
	color: #666;
	display: inline-block;
*display:inline;
	padding: 5px 10px;
	text-align: center;
	margin: 0 5px;
	border-radius: 5px;
}
.pagebj span, .pagebj a:hover {
	background: #ddb466;
	color: #ffffff;
}
.pagebj .page-num-current {
	background: #ddb466;
	color: #ffffff;
}
/*案例*/


/*案例内容*/
.anlicon {
	background: #fff;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.case_show {
	padding: 0 3%;
}
.casetop {
	overflow: hidden;
	margin: 3% 0;
}
.ctleft {
	float: left;
	width: 50%;
	background: #f6f6f6;
	color: #333333;
}
.ctleft .content {
	padding: 3% 4%;
	height: 310px;
	overflow: hidden;
}
.ctleft h2 {
	height: 60px;
	line-height: 60px;
	font-size: 26px;
	margin-bottom: 28px;
}
.ctleft h2:after {
	content: "";
	display: block;
	width: 50px;
	height: 3px;
	background: #333333;
}
.ctleft p {
	line-height: 25px;
	font-size: 14px;
	height: 125px;
	overflow: hidden;
	margin-bottom: 10px;
}
.ctleft a {
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	background: #141414;
}
.ctleft a:hover {
	background: #ddb466;
}
.ctright {
	float: right;
	width: 50%;
	background: #f6f6f6;
	color: #333333;
	border-left: 1px dashed #cccccc;
	overflow: hidden;
}
.ctright .content {
	padding: 3% 4%;
	height: 310px;
	overflow: hidden;
}
.ctright h2 {
	height: 60px;
	line-height: 60px;
	font-size: 26px;
	margin-bottom: 28px;
}
.ctright h2:after {
	content: "";
	display: block;
	width: 50px;
	height: 3px;
	background: #333333;
}
.ctright ul {
	line-height: 30px;
	width: 50%;
	float: left;
}
.ctright a:hover {
	text-decoration: underline;
}
.qrcode {
	float: right;
	width: 50%;
}
.qrcode img {
	width: 150px;
	padding: 10px;
	background: #ffffff;
	margin: 0 auto;
}
.qrcode span {
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 20px;
	margin-bottom: 5px;
}
.casetxt {
	font-size: 16px;
	color: #2e2e2e;
	overflow: hidden;
}
.casetxt img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	height: auto!important;
}
.comment {
	overflow: hidden;
}
.comment .xin {
	overflow: hidden;
	margin-bottom: 10px;
}
.comment .xin .target-demo {
	float: left;
	width: 150px!important;
}
.comment .xin .hint {
	float: left;
	margin-left: 10px;
}
.cfrom {
	overflow: hidden;
}
.cfrom .c01 {
	width: 100%;
	height: 90px;
	border: 1px solid #dcdcdc;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 20px;
	font-family: 'PingFangSC-Regular,Microsoft YaHei';
	color: #333333;
}
.cfrom .c02 {
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	cursor: pointer;
	float: right;
	border: none;
	margin-top: 20px;
	text-align: center;
	color: #ffffff;
	background: #ddb466;
}
.anlipage {
	overflow: hidden;
	color: #828282;
	border: 1px solid #eeeeee;
	border-left: none;
	border-right: none;
	margin: 3% auto;
	text-align: left
}
.anlipage span {
	padding: 10px 20px;
	line-height: 1.5;
	width: 50%;
}
.anlipage span.fr {
	text-align: right;
}
.anlipage span.a1 {
	border-right: 1px solid #eeeeee
}
.anlipage span:hover {
	text-decoration: underline;
	color: #ddb466
}
.colist {
	overflow: hidden;
	padding: 3% 0;
}
.colist li {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
	border-bottom: 1px dashed #dcdcdc;
	padding-bottom: 15px;
}
.colist li .cotel {
	overflow: hidden;
	height: 24px;
	margin-top: 15px;
}
.colist li .cotel .coip {
	float: left;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
}
.colist li .cotel .xin {
	float: right;
	width: 120px;
	height: 24px;
}
.colist li .cotel .xin img {
	float: left;
}
.colist li p {
	font-size: 14px;
	line-height: 1.5;
	border: 1px solid #dcdcdc;
	background: #f8f8f8;
	padding: 15px;
	border-radius: 10px;
	overflow: hidden;
}
/*案例内容*/


/*售后服务*/
.solutionlist {
	overflow: hidden;
	padding: 3% 5%;
}
.solutionlist li {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.solutionlist li .snum {
	padding: 10px 0 0 0;
	height: 150px;
	float: left;
	width: 170px;
	background: url(../images/xiex.png) no-repeat center center;
	background-size: cover;
	color: #e6e6e6;
	font-size: 90px;
	font-family: arial;
	line-height: 1;
}
.solutionlist li .scon {
	padding-left: 170px;
	border-bottom: 1px solid #dcdcdc;
}
.solutionlist li .scon h3 {
	color: #0a0a0a;
	font-size: 28px;
	font-weight: bold;
}
.solutionlist li .scon h3:after {
	content: "";
	display: block;
	width: 55px;
	height: 5px;
	background: #ddb466;
	margin: 10px 0;
}
.solutionlist li .scon .stxt {
	color: #666666;
	font-size: 18px;
	line-height: 1.8;
	margin: 3% 0;
}
/*售后服务*/

/*关于我们*/
.abwhat {
	padding-bottom: 8%;
	overflow: hidden;
}
.abwhat li {
	float: left;
	width: 20%;
	text-align: center;
	color: #000000;
}
.abwhat li span {
	font-size: 18px;
	display: block;
}
.abwhat li i {
	display: block;
	width: 65px;
	height: 65px;
	margin: 4% auto
}
.abwhat li i.i1 {
	background: url(../images/syfw1.png) no-repeat center center;
	background-size: cover;
}
.abwhat li i.i2 {
	background: url(../images/syfw2.png) no-repeat center center;
	background-size: cover;
}
.abwhat li i.i3 {
	background: url(../images/syfw3.png) no-repeat center center;
	background-size: cover;
}
.abwhat li i.i4 {
	background: url(../images/syfw4.png) no-repeat center center;
	background-size: cover;
}
.abwhat li i.i5 {
	background: url(../images/syfw5.png) no-repeat center center;
	background-size: cover;
}
.abwhobg {
	background: url(../images/abwho-bg.jpg) no-repeat center center;
	background-size: cover;
	padding-bottom: 4%
}
.abwho {
	width: 65%;
	margin-top: -4%;
	background: #fff;
	padding: 4%;
}
.abwho .dtit {
	text-align: right;
	padding-top: 0
}
.abwho .dtit p {
	padding-right: 20px
}
.abwho .txt {
	color: #666565;
	line-height: 2;
	font-size: 16px;
}
.abwho strong {
	color: #3d3d3d;
	font-size: 24px;
}
.strength {
	padding: 5% 0;
}
.strength .item {
	position: relative;
	display: block;
	float: left;
	width: 25%;
	text-align: center;
}
.strength .item1 {
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}
.strength .item2 {
	-webkit-transition: 0.3s 0.5s ease;
	-o-transition: 0.3s 0.5s ease;
	transition: 0.3s 0.5s ease;
}
.strength .item3 {
	-webkit-transition: 0.6s 0.5s ease;
	-o-transition: 0.6s 0.5s ease;
	transition: 0.6s 0.5s ease;
}
.strength .item4 {
	-webkit-transition: 0.9s 0.5s ease;
	-o-transition: 0.9s 0.5s ease;
	transition: 0.9s 0.5s ease;
}
.strength .show .item {
	opacity: 1;
	filter: alpha(opacity=100);
}
.strength .item .num {
	text-align: center;
	font-family: Arial;
}
.strength .item .num .num-item {
	display: inline-block;
	height: 70px;
	line-height: 70px;
	color: #181818;
	font-size: 70px;
	overflow: hidden;
}
.strength .item .num .num-item span {
	display: block;
	font-family: Arial;
}
.strength .item p {
	color: #313131;
	font-size: 16px;
	line-height: 2;
}
.strength .item .num .jia {
	display: inline-block;
	font-size: 70px;
	height: 70px;
	line-height: 70px;
	color: #181818;
	overflow: hidden;
}
.abxia {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 2%;
}
.abxiaz {
	width: 56%;
	background: #fff;
	padding: 4% 0;
}
.abxiaz>div {
	width: 60%;
	margin: 0 auto
}
.abxiaz .dtit {
	text-align: left;
}
.abxiaz .txt {
	color: #636363;
	line-height: 2;
	font-size: 16px;
}
.abxiaz p {
	margin-bottom: 4%;
}
.abxiaz b {
	display: block;
	color: #303030;
	font-size: 24px;
}
.abxiay {
	position: absolute;
	width: 50%;
	bottom: 0;
	right: 0;
	z-index: 2;
}
.abxiay>img {
	width: 100%
}
.about_content {
	font-size: 16px;
	line-height: 1.8;
}
.about_content img {
	max-width: 100%;
	height: auto !important;
}
.celist {
	overflow: hidden;
	margin-bottom: 5%;
}
.celist li {
	float: left;
	margin-right: 2%;
	width: 18%;
	border: 1px solid #dcdcdc;
	cursor: pointer;
}
.celist li img {
	width: 100%;
}
/*关于我们*/

/*联系我们*/
.contact {
	width: 100%;
	overflow: hidden;
	display: table;
	padding-bottom: 5%
}
.contact li {
	float: left;
	width: 31%;
	margin-right: 3.5%;
	text-align: center;
	color: #fff;
	padding: 3% 0
}
.contact li i {
	margin: 0 auto;
	display: block;
	width: 85px;
}
.contact li i img {
	display: block;
	width: 100%;
}
.contact li p {
	font-size: 18px;
	margin-top: 4%;
	padding: 0 10%;
}
.contact li:hover i img {
	transform: scale(0.85);
	-webkit-transform: scale(0.85);
	-o-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-moz-transform: scale(0.85);
}
.pay {
	background: #ffffff;
	overflow: hidden;
}
.pay_txt {
	font-size: 18px;
	line-height: 2;
}
.pay_txt2 {
	margin-bottom: 4%;
}
.contact_list {
	overflow: hidden;
	margin: 2% 0 4% 0;
}
.contact_list li {
	float: left;
	margin-right: 6%;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
	text-align: center;
	padding: 3% 4%;
}
.contact_list li.li01 {
	width: 40%;
}
.contact_list li.li02 {
	width: 24%;
}
.contact_list li.li03 {
	width: 24%;
}
.contact_list li>span {
	display: block;
}
.contact_list li>span img {
	width: 210px;
	display: block;
	margin: 0 auto;
}
.contact_list li>span:after {
	bottom: 3px;
	display: block;
	margin: 20px auto;
	width: 40px;
	height: 3px;
	content: '';
	background: #d3d3d3;
}
.contact_list li p {
	font-size: 18px;
	line-height: 35px;
}
.contact_list li p span {
	color: #16afe6;
}
.contact_list li p img {
	width: 180px;
	display: block;
	margin: 0 auto;
}
.contact_list li.li01 p {
	text-align: left;
	padding: 0 5%;
	height: 180px;
}
.map {
	height: 500px;
}
/*联系我们*/

/*新闻*/
.tagmain {
	background: #f6f6f6;
}
.baibj {
	background: #ffffff;
}
.tagleft {
	width: 12%;
}
.tagleft {
	overflow: hidden;
	padding: 20px 0;
}
.tagleft li {
	float: left;
	width: 100%;
}
.tagleft li a {
	display: block;
	text-align: center;
	color: #757575;
	line-height: 2.5;
	font-size: 16px;
}
.tagleft li.cur a, .tagleft li a:hover {
	background: #4584e0;
	color: #fff;
}
.tagcenter {
	width: 86%;
}
.listtag {
	overflow: hidden;
}
.listtag li {
	float: left;
	padding: 20px 30px;
	border-bottom: 1px solid #dcdcdc;
	width: 100%;
}
.listtag li .tagimg {
	width: 250px;
	float: left;
}
.listtag li .tagimg img {
	width: 100%;
	display: block;
}
.listtag li .tagtxt {
	padding-left: 270px;
}
.listtag li h3 {
	line-height: 2;
	font-size: 18px;
	color: #2a2935;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.listtag li p {
	color: #3b3939;
	font-size: 15px;
	line-height: 30px;
	height: 60px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 10px 0 15px 0;
}
.listtag li .lics {
	overflow: hidden;
	font-size: 15px;
	line-height: 30px;
	color: #8f8f8f;
}
/* .listtag li .lics .fl i{ width:30px; height:30px; border:1px solid #dcdcdc; float: left; overflow: hidden; border-radius:50%; }
.listtag li .lics .fl i img{width:100%; display: block;}
.listtag li .lics span{color: #8f8f8f;  margin:0 5px; }
.listtag li .lics span i{ margin-left:5px; color: #4584e0;  }
 */
.listtag li .lics span {
	font-size: 16px;
}
.listtag li .lics .parameter {
	float: left;
	margin-right: 24px;
}
.listtag li .lics .parameter:nth-child(3) {
	margin-right: 0;
}
.listtag li a:hover {
	color: #4584e0;
}
.tagright {
	width: 21%;
}
.tagkuai {
	margin-bottom: 15px;
}
.tagtle {
	background: #4584e0;
	padding: 15px;
}
.tagtle span {
	display: block;
	line-height: 20px;
	height: 20px;
	border-left: 2px solid #ffffff;
	padding-left: 8px;
	color: #ffffff;
	font-size: 18px;
}
.picturelist {
	overflow: hidden;
	padding: 15px;
}
.picturelist li {
	float: left;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dashed #dcdcdc;
}
.picturelist li .pictitle {
	line-height: 35px;
	font-size: 14px;
	position: relative;
	padding: 5px 0 5px 10px;
}
.picturelist li .pictitle:after {
	content: "";
	width: 3px;
	height: 3px;
	background: #ddb466;
	left: 0;
	top: 50%;
	margin-top: -2px;
	position: absolute;
}
.picturelist li .pictitle a {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.picturelist li .pictitle:hover {
	color: #4584e0;
}
.picturelist li:last-child {
	border-bottom: none;
}
/*新闻*/


/*新闻内容页*/
.anlicon_news {
	padding: 3% 6% 0 6%;
}
.txt-t {
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;
	line-height: 2;
	padding-bottom: 1%;
	margin-bottom: 3%;
	text-align: center;
}
.txt-t h1 {
	font-size: 28px;
}
.txt-t p {
	font-size: 16px;
}
.news_show {
	width: 77%;
	float: left;
}
.showtxt {
	font-size: 16px;
	color: #2e2e2e;
	overflow: hidden;
	text-align: justify;
}
.showtxt img {
	max-width: 100%;
	height: auto!important;
}
.showtxt a {
	color: #ddb466;
}
.showtxt a:hover {
	text-decoration: underline;
}
.news_show .showtxt img {
	width: 650px!important;
	height: auto!important;
	display: block;
	margin: 20px auto;
}
.txtrig {
	width: 20%;
	float: right;
	position: relative;
}
.txtnav {
	overflow: hidden;
}
.txtnav li {
	float: left;
	width: 100%;
	background: #f6f6f6;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 2px;
	font-size: 16px;
}
.txtnav li a {
	display: block;
}
.txtnav li.on, .txtnav li:hover {
	background: #ddb466;
}
.txtnav li.on a, .txtnav li:hover a {
	color: #ffffff;
}
.txtsm {
	font-size: 14px;
	line-height: 1.6;
	color: #333333;
	background: #f6f6f6;
	padding: 4% 6%;
	text-align: justify;
}
.logoc {
	margin: 10px 0;
}
.logoc img {
	width: 100%;
	background: #f6f6f6;
}
.zxjl {
	width: 420px;
	overflow: hidden;
	margin: 5% auto 0 auto;
	border-top: 1px solid #dcdcdc;
	padding: 1% 0;
}
.zximg {
	float: left;
	width: 130px;
}
.zximg img {
	width: 100%;
	display: block;
}
.zxtxt {
	float: right;
	width: 270px;
}
.zxtxt h3 {
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	font-size: 16px;
	margin: 25px 0 5px 0;
}
.zxtxt p {
	line-height: 24px;
	overflow: hidden;
	font-size: 14px;
	color: #999;
}
.taglist {
	overflow: hidden;
	margin-bottom: 3%;
	font-size: 14px;
	color: #666666;
}
.taglist span {
	color: #ddb466;
}
.taglist a {
	margin-right: 10px;
}
.taglist a:hover {
	text-decoration: underline;
	color: #ddb466;
}
/*新闻内容页*/

/*TAG*/
.topnav {
	overflow: hidden;
	padding: 15px;
	border-bottom: 15px solid #f6f6f6;
}
.topnav li {
	float: left;
	margin: 5px 10px 5px 0;
}
.topnav li a {
	border: 1px solid#dddddd;
	border-radius: 5px;
	color: #6d6d6a;
	padding: 4px 12px;
	display: block;
}
.topnav li.cur a, .topnav li a:hover {
	background: #4584e0;
	color: #ffffff;
}
.weball {
	overflow: hidden;
	border-bottom: 15px solid #f6f6f6;
}
.weball li {
	padding: 20px;
	font-size: 14px;
	text-align: center;
	float: left;
	width: 25%;
	border-bottom: 2px solid #f6f6f6;
	border-right: 2px solid #f6f6f6;
}
.weball li img {
	margin: 0 auto;
	height: 70px;
	display: block;
}
.tag_content {
	padding: 0 15px;
	font-size: 14px;
	line-height: 1.8;
}
.tag_content .tit {
	font-size: 16px;
	margin-top: 15px;
	color: #4584e0;
}
.baibj {
	background: #ffffff;
}
/*TAG*/

.pagemain {
	padding: 3%;
	background: #ffffff;
	margin: 4% auto;
	font-size: 16px;
	line-height: 1.8;
}
.pagemain img {
	max-width: 100%;
	height: auto !important;
}
.solution_list {
	width: 100%;
	overflow: hidden;
	margin: 2% auto 4% auto;
}
.solution_list li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-top: 2%;
}
.solution_list li .img {
	width: 100%;
	overflow: hidden;
}
.solution_list li .img img {
	width: 100%;
	display: block;
}
.solution_list li .zi {
	padding: 3% 4%;
	background: #f6f6f6;
}
.solution_list li .zi span {
	color: #ddb466;
	font-size: 22px;
	display: block;
	margin-bottom: 1%;
}
.solution_list li .zi p {
	color: #565656;
	font-size: 16px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.solution_list li:hover .img img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
}
.solution_list li:hover .zi {
	background: #ddb466;
}
.solution_list li:hover span {
	color: #fff;
}
.solution_list li:hover p {
	color: #fff;
}
.nrban {
	width: 100%;
}
.nrban img {
	display: block;
	width: 100%;
}
.mb40 {
	margin-bottom: 4%;
}
.messagebj {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10000;
	background-color: #333;
	background-color: rgba(0,0,0,0.8);
	display: none;
}
.message {
	position: fixed;
	height: 400px;
	top: 50%;
	left: 50%;
	display: block;
	width: 600px;
	margin: -200px 0 0 -300px;
	background-color: #fff;
	display: none;
	z-index: 10001;
}
.messagebody {
	overflow: hidden;
}
.messagebody {
	overflow: hidden;
}
.mclos {
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
}
.mclos img {
	display: block;
}
.messagebody .melist {
	padding: 20px;
}
.messagebody .melist h3 {
	font-size: 24px;
	color: #333;
	text-align: center;
	padding: 10px 0 20px 0;
}
.messagebody .melist .k {
	height: 40px;
	line-height: 40px;
	border: 1px solid #eeeeee;
	padding: 0 10px;
	margin-bottom: 10px;
	width: 100%;
	font-family: 'Microsoft YaHei'
}
.messagebody .melist .hk {
	height: 90px;
	line-height: 26px;
	font-size: 14px;
}
.messagebody .melist .ti {
	margin: 0 auto;
	display: table;
}
.messagebody .melist .b {
	background: #ccc;
	font-size: 18px;
	color: #fff;
	width: 140px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-radius: 20px;
	font-family: 'Microsoft YaHei';
	cursor: pointer;
	margin-top: 20px;
}
.messagebody .melist .b2 {
	background: #ddb466;
}
.messagebody .melist .b2:hover {
	background: #E50012;
}
.messagebody .melist .b:hover {
	background: #ddb466;
}
.messagebody .inputs {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	margin-bottom: 10px;
}
.messagebody .inputs label {
	margin-left: 10px;
}

@media screen and (max-width: 768px) {
.message {
	height: 100%;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
}
}
.listtag2 li.litxt .tagtxt {
	padding-left: 0;
}
.listtag2 li.litxt .tagtxt p {
	height: auto;
}
.w73 {
	width: 73%;
}
.w25 {
	width: 25%;
}
.search {
	padding: 20px;
	background: #f5f5f5;
	overflow: hidden;
	width: 540px;
	margin: 30px auto;
}
.search .input {
	width: 400px;
	height: 40px;
	background: #ffffff;
	color: #666666;
	float: left;
	padding: 0 10px;
}
.search .btn {
	width: 100px;
	height: 40px;
	background: #4584e0;
	color: #ffffff;
	float: left;
}
.keysList {
	padding: 15px;
	overflow: hidden;
}
.keysList a {
	font-size: 14px;
	float: left;
	margin: 5px;
	padding: 5px 10px;
	background: #f5f5f5;
}
.keysList a:hover {
	background: #4584e0;
	color: #ffffff;
}
.topxian {
	border-top: 1px solid #dcdcdc;
}
.bottomNav {
	display: none;
	overflow: hidden;
	background-color: #000000;
	height: 50px;
	line-height: 50px;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	border-right: 1px solid #ffffff;
}
.bottomNav li {
	float: left;
	width: 50%;
	text-align: center;
	border-left: 1px solid #ffffff;
}
.bottomNav li a {
	display: block;
}
.bottomNav li .ico {
	display: inline-block;
}
.bottomNav li .ico img {
	width: 24px;
}
.bottomNav li .tit {
	display: inline-block;
	color: #ffffff;
	margin-left: 10px;
	font-size: 16px;
}
.wechatMain {
	width: 100%;
	position: fixed;
	left: 0;
	top: 50%;
	margin-top: -270px;
}
.wechatMain .weimg {
	width: 240px;
	margin: 0 auto;
}
.wechatMain .weimg img {
	display: block;
	width: 100%;
}
.wechatMain .wetit {
	font-size: 18px;
	line-height: 1.6;
	text-align: center;
}
.wechatMain .weTips {
	font-size: 18px;
	line-height: 1.6;
	margin-top: 50px;
	text-align: center;
	color: #ddb466;
}
.wechatMain .weInput {
	font-size: 28px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin: 20px 0;
	background: #f4f4f4;
}
.wechatMain .wxBtn {
	width: 170px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	background: #4584e0;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
}
.service-list {
	overflow: hidden;
	margin-bottom: 4%;
}
.service-list .service-item {
	width: 20%;
	float: left;
	text-align: center;
}
.service-list .service-item .seico {
	width: 70px;
	margin: 0 auto;
}
.service-list .service-item .seico img {
	display: block;
	width: 100%;
}
.service-list .service-item:hover .service-icon01 a {
	background: url("../images/seico01s.png") no-repeat center;
	background-size: cover;
}
.service-list .service-item:hover .service-icon02 a {
	background: url("../images/seico02s.png") no-repeat center;
	background-size: cover;
}
.service-list .service-item:hover .service-icon03 a {
	background: url("../images/seico03s.png") no-repeat center;
	background-size: cover;
}
.service-list .service-item:hover .service-icon04 a {
	background: url("../images/seico04s.png") no-repeat center;
	background-size: cover;
}
.service-list .service-item:hover .service-icon05 a {
	background: url("../images/seico05s.png") no-repeat center;
	background-size: cover;
}
.service-list .service-item:hover h3 a {
	color: #ddb466;
}
.service-list .service-item .service-icon {
	text-align: center;
}
.service-list .service-item .service-icon a {
	display: inline-block;
	height: 70px;
	width: 70px;
	margin: 0 auto;
}
.service-list .service-item .service-icon01 a {
	background: url("../images/seico01.png") no-repeat center;
	background-size: cover;
}
.service-list .service-item .service-icon02 a {
	background: url("../images/seico02.png") no-repeat center;
	background-size: cover;
}
.service-list .service-item .service-icon03 a {
	background: url("../images/seico03.png") no-repeat center;
	background-size: cover;
}
.service-list .service-item .service-icon04 a {
	background: url("../images/seico04.png") no-repeat center;
	background-size: cover;
}
.service-list .service-item .service-icon05 a {
	background: url("../images/seico05.png") no-repeat center;
	background-size: cover;
}
.service-list .service-item h3 {
	margin: 25px 0 15px;
}
.service-list .service-item h3 a {
	color: #3f3f3f;
	font-size: 20px;
	font-weight: 600;
}
.service-list .service-item p {
	color: #888888;
	font-size: 14px;
	line-height: 18px;
	padding: 0 10px;
}
/*.animated{opacity: 0;}*/

.delay2 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
	-moz-animation-delay: .2s;
	-o-animation-delay: .2s;
	-ms-animation-delay: .2s;
}
.delay3 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	-ms-animation-delay: .4s;
}
.delay4 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
	-moz-animation-delay: .6s;
	-o-animation-delay: .6s;
	-ms-animation-delay: .6s;
}
.delay5 {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
	;
	-moz-animation-delay: .8s;
	-o-animation-delay: .8s;
	-ms-animation-delay: .8s;
}
.delay6 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	-ms-animation-delay: 1s;
}

@media screen and (min-width: 768px) {
img, .nav, .nav.active, .leftbarbg, .leftbarbg.active, .navbtn .nbtbj span:after, .navbtn .nbtbj span:before, .banner .ban-prev:after, .banner .ban-next:after, .banner .shu li b, .banner .zi .zxa:after, .syfw ul li, .syfw ul li .name, .syfw ul li i, .syfw ul li:after, .anli li .img img, .anli li .more, .anliye .anli-prev:after, .anliye .anli-next:after, .anliye .img>img, .syfangany li, .syfangany li i, .syfanganz .more:after, .newsimp .zi span i, .newslist li, .newslist li .zi span i, .newsxia li, .newsxia li b>i, .newsnav li, .liuc li i, .nbanzi .down:after, .nbanzi .lianj>a:after, .youhua2 li .zi b, .youhua2 li, .youhua2 li i:before, .youhua2 li i:after, .youhua3 li .mask b, .jiejue li .zi, .jiejue li .zi i, .newstopy .more, .jianshe .zi .cha, .jianshe .zi .cha>i, .youhua3 li .mask, .about-3 li a, .online-service li .way, .navlist li, .xjanli-m li, .anlimenu li, .youhuamore a, .ctleft a {
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
}
}

/*liuc 悬浮*/
@keyframes sonarEffect {
 0% {
opacity:.3;
}
 40% {
opacity:.5;
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 5px 5px #ddb466, 0 0 0 5px rgba(255,255,255,.5)
}
 100% {
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 5px 5px #ddb466, 0 0 0 5px rgba(255,255,255,.5);
 -webkit-transform:scale(1.25);
opacity:0;
}
}
@-webkit-keyframes sonarEffect {
 0% {
opacity:.3
}
 40% {
opacity:.5;
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 5px 5px #ddb466, 0 0 0 5px rgba(255,255,255,.5)
}
 100% {
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 5px 5px #ddb466, 0 0 0 5px rgba(255,255,255,.5);
 -webkit-transform:scale(1.25);
opacity:0
}
}
@-moz-keyframes sonarEffect {
 0% {
opacity:.3
}
 40% {
opacity:.5;
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 5px 5px #ddb466, 0 0 0 5px rgba(255,255,255,.5)
}
 100% {
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 5px 5px #ddb466, 0 0 0 5px rgba(255,255,255,.5);
 -webkit-transform:scale(1.25);
opacity:0
}
}
/*liuc 悬浮*/