@charset "UTF-8";

.page-banner {
	position: relative;
	height: 410px;
	background: url(../images/bg-ymcx.jpg) center/cover no-repeat;
}

.page-banner img {
	display: none;
}

.page-banner.ymcx-banner {
	height: 460px;
}

.page-banner .container {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
}

.page-banner .container .page-title {
	text-align: center;
	color: #fff;
	margin-top: 160px;
}

.page-banner .container .page-title h2 {
	font-size: 36px;
}

.page-banner .container .page-title p {
	font-size: 16px;
	margin-top: 20px;
}

.page-banner .ymcx-main {
	margin-top: 130px;
}

.page-banner .ymcx-main .hc-title .desc {
	width: 100%;
	text-align: center;
	color: #fff;
	max-width: none;
}

.page-wrapper {
	margin: 0 0 80px;
}

.case-wrapper .container {
	max-width: 1580px;
}

.page-wrapper .page {
	margin-top: 50px;
	text-align: center;
}

.page-wrapper .page a {
	margin: 0 2px;
	border: 1px #eee solid;
	padding: 10px 12px;
	display: inline-block;
}

.page-wrapper .page a:hover,
.page-wrapper .page a.on {
	background-color: #0099e0;
	color: #fff;
}

.page-wrapper .nav-tabs {
	text-align: center;
	margin-bottom: 55px;
	border-bottom: 1px #eee solid;
	background-color: #fff;
}

.page-wrapper .nav-tabs li {
	display: inline-block;
	margin: 0 25px;
}

.page-wrapper .nav-tabs li a {
	color: #333;
	display: block;
	background-color: #fff;
	padding: 30px 10px;
	font-size: 16px;
	position: relative;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.page-wrapper .nav-tabs li a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	height: 3px;
	width: 0;
	background-color: #0099e0;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.page-wrapper .nav-tabs li.on a,
.page-wrapper .nav-tabs li:hover a {
	color: #0099e0;
}

.page-wrapper .nav-tabs li.on a::after,
.page-wrapper .nav-tabs li:hover a::after {
	width: 100%;
	background-color: #0099e0;
}


/*案例中心*/

.case-wrapper .case-list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-top: 80px;
}

.case-wrapper .case-list .case-item {
	width: 32%;
	text-align: center;
	margin-right: 2%;
	margin-bottom: 2.5%;
}

.case-wrapper .case-list .case-item .item-pic {
	width: 100%;
}

.case-wrapper .case-list .case-item .item-info {
	margin-top: 15px;
}

.case-wrapper .case-list .case-item .item-info .name {
	font-size: 16px;
}

.case-wrapper .case-list .case-item:nth-child(3n) {
	margin-right: 0;
}

.case-wrapper .case-content {
	margin-top: 150px;
}

.case-wrapper .case-content .case-info {
	padding-bottom: 100px;
	background-color: #fff;
}

.case-wrapper .case-content .case-info .container {
	display: flex;
}

.case-wrapper .case-content .case-info .case-left {
	width: 60%;
	position: relative;
	margin-right: 3%;
}

.case-wrapper .case-content .case-info .case-left .frame-wrap {
	display: flex;
}

.case-wrapper .case-content .case-info .case-left .frame-wrap .phone-pic {
	position: absolute;
	width: 15%;
	bottom: 97px;
	z-index: 3;
}

.case-wrapper .case-content .case-info .case-left .frame-wrap .phone-pic .cover-img {
	position: absolute;
	width: 86%;
	top: 12%;
	left: 7%;
}

.case-wrapper .case-content .case-info .case-left .frame-wrap .computer-pic {
	width: 57%;
	position: relative;
}

.case-wrapper .case-content .case-info .case-left .frame-wrap .computer-pic .cover-img {
	position: absolute;
	width: 92%;
	top: 5.16%;
	left: 4%;
}

.case-wrapper .case-content .case-info .case-left .frame-wrap .ipad-pic {
	position: absolute;
	width: 50%;
	right: 6%;
	bottom: 0;
	z-index: 3;
}

.case-wrapper .case-content .case-info .case-left .frame-wrap .ipad-pic .cover-img {
	position: absolute;
	width: 77%;
	top: 5.7%;
	left: 11.5%;
}

.case-wrapper .case-content .case-info .case-left .frame-wrap .frame-box {
	position: relative;
	z-index: 2;
}

.case-wrapper .case-content .case-info .case-left .frame-wrap .case-bg {
	opacity: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.case-wrapper .case-content .case-info .case-left .frame-wrap .computer-pic:hover .case-bg {
	opacity: 1;
}

.case-wrapper .case-content .case-info .case-left .frame-wrap .ipad-pic:hover .case-bg {
	opacity: 1;
}

.case-wrapper .case-content .case-info .case-left .frame-wrap .computer-pic:hover .btn-wrap .see-btn {
	opacity: 1;
	top: 21%;
}

.case-wrapper .case-content .case-info .case-left .frame-wrap .ipad-pic:hover .btn-wrap .see-btn {
	opacity: 1;
	top: 21%;
}

.case-wrapper .case-content .case-info .case-left .btn-wrap .btn {
	cursor: pointer;
	opacity: 0;
	position: absolute;
	z-index: 9;
	top: -21%;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}



.case-wrapper .case-content .case-info .case-left .btn-wrap .btn.link-btn {
	background-color: #ecad00;
}

.case-wrapper .case-content .case-info .case-right {
	width: 40%;
	background-color: #fff;
    padding: 20px 0;
    max-height: 250px;
}

.case-wrapper .case-content .case-info .case-right .case-title {
	font-size: 32px;
	margin-bottom: 20px;
}

.case-wrapper .case-content .case-info .case-right .case-title p {
	margin: 12px 0 20px;
	color: #777;
}

.case-wrapper .case-content .case-info .case-right .case-title .line {
	display: block;
	height: 2px;
	width: 35px;
	background-color: #333;
}

.case-wrapper .case-content .case-info .case-right .case-intro {
	line-height: 26px;
	color: #666;
	overflow: auto;
    padding-right: 10px;
    max-height: 150px;
}

.case-wrapper .case-content .case-info .case-right .case-intro::-webkit-scrollbar {
	width: 4px;
}

.case-wrapper .case-content .case-info .case-right .tool-box {
	margin-top: 30px;
}

.case-wrapper .case-content .case-info .case-right .tool-box .tool-item {
	display: inline-block;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	margin-right: 6px;
	background: #f5f5f5 url(../images/icon-computer_black.svg) center/cover no-repeat;
	background-size: 18px !important;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.case-wrapper .case-content .case-info .case-right .tool-box .tool-item:hover {
	background: #333 url(../images/icon-computer_white.svg) center/cover no-repeat;
}

.case-wrapper .case-content .case-info .case-right .tool-box .tool-item:nth-child(2) {
	background: #f5f5f5 url(../images/icon-phone_black.svg) center/cover no-repeat;
}

.case-wrapper .case-content .case-info .case-right .tool-box .tool-item:nth-child(2):hover {
	background: #333 url(../images/icon-phone_white.svg) center/cover no-repeat;
}

.case-wrapper .case-content .case-info .case-right .tool-box .tool-item:nth-child(3) {
	background: #f5f5f5 url(../images/icon-link.svg) center/cover no-repeat;
}

.case-wrapper .case-content .case-info .case-right .tool-box .tool-item:nth-child(3):hover {
	background: #333 url(../images/icon-link_white.svg) center/cover no-repeat;
}

.case-wrapper .case-content .case-details {
	padding-top: 50px;
	display: none;
	position: fixed;
	z-index: 999;
}

.case-wrapper .case-content .case-details .case-mask {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.case-wrapper .case-content .case-details .details-main {
	position: fixed;
	height: 90vh;
	max-width: 1407px;
	width: 90%;
	background-color: #fff;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	overflow: hidden;
}

.case-wrapper .case-content .case-details .details-main .details-head {
	position: relative;
	padding: 20px 40px;
	border-bottom: 1px #eee solid;
}

.case-wrapper .case-content .case-details .details-main .details-head .case-name {
	font-size: 24px;
	margin-bottom: 5px;
}

.case-wrapper .case-content .case-details .details-main .details-head .case-type {
	color: #777;
}

.case-wrapper .case-content .case-details .details-main .details-head .more-link {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	background-color: #0099e0;
	padding: 11px 15px;
	border-radius: 5px;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.case-wrapper .case-content .case-details .details-main .details-head .more-link:hover {
	background-color: #008fd1;
}

.case-wrapper .case-content .case-details .details-main .details-head .close-btn {
	position: absolute;
	right: -46px;
	top: 0;
	width: 21px;
	height: 21px;
	background: url(../images/icon_close.svg) center/cover no-repeat;
	cursor: pointer;
}

.case-wrapper .case-content .case-details .details-main .imgbox {
	height: 80vh;

	overflow: auto;
}


/* 模板展示*/

.template-wrapper {
	margin: 0;
	padding: 100px 0 80px;
	background: #F6F6F6;
}

.template-wrapper .container {
	max-width: 100%;
	width: 98%;
}

.template-wrapper .newtem-main {
	display: flex;
	justify-content: space-between;
}

.template-wrapper .newtem-main-l {
	width: 18%;
	min-width: 260px;
	background: white none repeat scroll 0% 0%;
	position: relative;
	z-index: 2;
	min-height: 800px;
}

.template-wrapper .newtem-main-r {
	width: 100%;
	position: relative;
	z-index: 1;
	background-color: #fff;
	margin-left: 20px;
}

.template-wrapper .newtem-main-r-m {
	min-height: 800px;
}

.template-wrapper .newtem-main-r-m .tem_main_m {
	padding-top: 40px;
	padding-bottom: 40px;
}

.template-wrapper .newtem-main-r-m .tem_main_m ul {
	width: auto;
	display: flex;
	flex-wrap: wrap;
}

.template-wrapper .newtem-main-r-m .tem_main_m_pc li {
	width: 25%;
	background: inherit;
}

.template-wrapper .newtem-main-r-m .tem_sm {
	margin: 30px 3% 40px;
}

.template-wrapper .newtem-main-r-m .tem_sm p {
	border-radius: 8px;
	border-color: #0099e0;
}

.template-wrapper .newtem-main-r-m .tem_main_m_wap_z {
	width: auto;
	display: flex;
}

.template-wrapper .newtem-main-r-m .tem_main_m_pcwp li {
	width: 24%;
	background: transparent none repeat scroll 0% 0%;
	margin-bottom: 40px;
}

.template-wrapper .newtem-main-r-m .tem_main_m_pcwp li .pcwp_m {
	width: 96%;
	position: relative;
	margin: 0px auto;
}

.template-wrapper .newtem-main-r-m .tem_main_m_pcwp li .pcwp_app {
	width: 60%;
	position: relative;
	margin: 0px auto;
}

.template-wrapper .newtem-main-r-m .tem_main_m_pcwp li:hover .eye-icon-bg {
	opacity: 1;
}

.template-wrapper .newtem-main-r-m .tem_main_m_pcwp li:hover .eye-icon-app-bg {
	opacity: 1;
}

@-webkit-keyframes bounce-down {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		-webkit-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

@-webkit-keyframes bounce-down {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
	}

	100% {
		-webkit-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

@keyframes bounce-down {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		-webkit-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

.template-wrapper .newtem-main-r-m .tem_main_m_pcwp li:hover .eye-icon {
	-webkit-animation: bounce-down .5s;
	animation: bounce-down .5s;
}

.template-wrapper .tem_main_m_pc {
	margin-top: 35px;
}

.template-wrapper .website-tab {
	font-size: 12px;
	padding-top: 15px;
	display: block;
}

.template-wrapper .website-tab li {
	text-align: center;
	text-indent: 0px;
	background-color: #f4f4f4;
	color: #fff;
	width: 100%;
	height: 38px;
	line-height: 35px;
	border-width: 3px 1px 1px;
	border-style: solid;
	border-color: transparent transparent #0099e0;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	cursor: pointer;
	box-sizing: border-box;
}

.template-wrapper .website-tab li.on {
	border-width: 3px 1px 1px;
	border-style: solid;
	background: #0099e0;
	border-color: #0099e0 #0099e0 transparent;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	font-size: 14px;
	font-weight: 700;
}

.template-wrapper .website-meau {
	width: 270px;
	display: flex;
	flex-wrap: wrap;
}

.template-wrapper .website-tem_banner_b {
	padding: 0px 14px;
}

.template-wrapper .website-tab-ipad-sx {
	display: none;
}

.template-wrapper .website-meau a {
	height: 33px;
	line-height: 33px;
	color: #535353;
	text-align: center;
	padding: 0px 25px;
	border: 1px solid gainsboro;
	margin-right: 15px;
	margin-bottom: 10px;
	border-radius: 5px;
	font-size: 12px;
	cursor: pointer;
	display: inline-block;
}

.template-wrapper .website-meau a.mbl {
	margin-right: 0px;
}

.template-wrapper .website-meau a.on,
.template-wrapper .website-meau a:hover {
	color: white;
	background-color: #0099e0;
	border-color: #0099e0;
}

.template-wrapper .website-meau {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
}

.template-wrapper .website-tem-list {
	margin: 0px 14px;
	padding: 15px 0px 10px;
	border-top: 1px solid gainsboro;
}

.template-wrapper .website-tem_category {
	padding-bottom: 0px;
}

.template-wrapper .category_top {
	position: relative;
}

.template-wrapper .xz {
	width: 100%;
	height: 2px;
	position: absolute;
	background-color: white;
	left: 0px;
	bottom: -1px;
	z-index: 2000;
}

.template-wrapper .website-tem_category .category_top,
.template-wrapper .website-tem_category .category_top div {
	line-height: 20px;
}

.template-wrapper .website-tem_category .category_top div img {
	vertical-align: top;
	margin-right: 20px;
}

.template-wrapper .website-search-mb input {
	height: 35px;
	width: 80%;
	line-height: 35px;
	border: 1px solid gainsboro;
	border-radius: 5px 0px 0px 5px;
	padding-left: 8px;
	vertical-align: top;
	box-sizing: border-box;
}

.template-wrapper .website-search-mb a {
	display: inline-block;
	height: 35px;
	width: 18%;
	line-height: 35px;
	border-width: 1px 1px 1px medium;
	border-style: solid solid solid none;
	border-color: gainsboro gainsboro gainsboro currentcolor;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	box-sizing: border-box;
	margin-left: -4px;
	background: url("../images/jz-2.png") no-repeat scroll center center;
}

.template-wrapper .wkkbd {
	display: inline-block;
	height: 35px;
	width: 18%;
	line-height: 35px;
	border-width: 1px 1px 1px medium;
	border-style: solid solid solid none;
	border-color: gainsboro gainsboro gainsboro currentcolor;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	box-sizing: border-box;
	margin-left: -4px;
	background: url("../images/jz-2.png") no-repeat scroll center center;
	outline: none;
}

.template-wrapper .website-tem-list-bottom a {
	display: block;
	text-align: center;
	line-height: 30px;
	color: #535353;
	text-decoration: underline;
	font-size: 12px;
}

.template-wrapper .tem_main_m_top {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid gainsboro;
	display: flex;
	justify-content: space-between;
}

.template-wrapper .tem_main_m_top .top-num {
	line-height: 33px;
	width: 20%;
	box-sizing: border-box;
	padding-left: 50px;
}

.template-wrapper .tem_main_m_top .top-color {
	text-align: left;
	padding-left: 50px;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 3px;
	width: 65%;
	max-width: 821px;
}

.template-wrapper .tem_main_m_top .top-color a {
	display: inline-block;
	width: 5%;
	margin-right: 1%;
}

.template-wrapper .tem_main_m_top .top-function {
	line-height: 33px;
	text-align: right;
	padding-right: 50px;
	box-sizing: border-box;
}

.template-wrapper .top-color p {
	display: inline-block;
	vertical-align: top;
	line-height: 25px;
}

.template-wrapper .top-color span {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 28px;
	display: inline-block;
	background: #0099e0 none repeat scroll 0% 0%;
	cursor: pointer;
	border: 2px solid transparent;
	font-size: 12px;
	line-height: 30px;
}

.template-wrapper .top-color span i {
	position: absolute;
	width: 5px;
	height: 5px;
	background: #0099e0 none repeat scroll 0% 0%;
	transform: rotate(45deg);
	bottom: -5px;
	left: 46%;
	z-index: 0;
	display: none;
}

.template-wrapper .top-color span b {
	position: absolute;
	left: 5px;
	top: -4px;
	color: white;
}

.template-wrapper .tem_main_m-li-img {
	opacity: 1;
	position: absolute;
	top: 5.6%;
	left: 12.2%;
	width: 76.1%;
	height: 75%;
}

.template-wrapper .top-color span.colorful {
	background: url("../images/jz-7.png") no-repeat scroll center center;
}

.template-wrapper .colwkk12 {
	background-color: #fe0000 !important;
}

.template-wrapper .colwkk11 {
	background-color: #ff6300 !important;
}

.template-wrapper .colwkk10 {
	background-color: #fae242 !important;
}

.template-wrapper .colwkk9 {
	background-color: #80d031 !important;
}

.template-wrapper .colwkk8 {
	background-color: #26e0d2 !important;
}

.template-wrapper .colwkk7 {
	background-color: #0099e0 !important;
}

.template-wrapper .colwkk6 {
	background-color: #fe68ff !important;
}

.template-wrapper .colwkk5 {
	background-color: white !important;
	width: 37px;
	height: 28px;
	border: 1px solid #d0d0d0 !important;
}

.template-wrapper .colwkk4 {
	background-color: #999999 !important;
}

.template-wrapper .colwkk3 {
	background-color: black !important;
}

.template-wrapper .colwkk2 {
	background-color: #990099 !important;
}

.template-wrapper .colwkk1 {
	background-color: #974b00 !important;
}

.template-wrapper .wkkgl {
	background: #0099e0;
	color: #fff !important;
	border: none !important;
}

.template-wrapper .top-color span.on,
.template-wrapper .top-color span:hover {
	border: 2px solid #0099e0 !important;
}

.template-wrapper .top-color span.on i,
.template-wrapper .top-color span:hover i {
	display: block;
}

.template-wrapper .tem_main_m_top .top-function a {
	display: inline-block;
	height: 33px;
	line-height: 33px;
	color: #535353;
	text-align: center;
	padding: 0px 10px;
	border: 1px solid gainsboro;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	font-size: 12px;
	cursor: pointer;
}

.template-wrapper .tem_main_m_top .top-function p {
	display: inline-block;
}

.template-wrapper .tem_main_m_top .top-function a.on,
.template-wrapper .tem_main_m_top .top-function a:hover {
	color: white;
	background-color: #0099e0;
	border-color: #0099e0;
}

.template-wrapper .tem_main_m .ap4 span.a1 {
	color: #666;
	margin: 0px 3px;
	text-decoration: none;
	font-size: 13px;
}

.template-wrapper .tem_main_m .ap4 span.pcmb {
	display: inline-block;
	height: 36px;
}

.template-wrapper .tem_main_m li img {
	opacity: 1;
}

.template-wrapper .tem_main_m li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.template-wrapper .tem_main_m li a .tem_main_app-li-img {
	opacity: 1;
	position: absolute;
	top: 11.6%;
	left: 5.5%;
	width: 202px;
}

.abcdef-a {
	display: none !important;
}

.newtem-main-r-m .tem_main_m_pcwp li:hover .abcdef {
	display: none;
}

.newtem-main-r-m .tem_main_m_pcwp li:hover .abcdef-a {
	display: block !important;
	color: #fff;
}

.template-wrapper .tem_main_m .tex-app .tex-app-bh {
	font-size: 13px;
}

.template-wrapper .tem_main_m li .pcwp {
	width: 27%;
	position: absolute;
	top: 25px;
	right: 10px;
	z-index: 2;
}

.tem_main_m_fy {
	margin-top: 40px;
	width: 100%;
	text-align: center;
}

.tem_main_m_fy a {
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 50px;
	color: #666;
	font-size: 14px;
	margin: 0px 5px;
}

.tem_main_m_fy .page_on {
	color: #fff;
	background: #333;
}

.tem_main_m_fy .page_text {
	display: inline;
}

.tem_main_m_fy .page_text:hover {
	color: #333;
	background: none;
}

.tem_main_m_fy a:hover {
	background-color: #333;
	color: rgb(255, 255, 255);
}

.template-wrapper .tem_main_m li .eye-icon {
	z-index: 1;
	width: 108px;
	height: 110px;
	background: url("../images/jz-18.png") no-repeat scroll 0% 0%;
	position: absolute;
	left: 50%;
	margin-left: -54px;
	top: 50%;
	margin-top: -55px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.template-wrapper .tem_main_m li .pcwp .eye-icon {
	z-index: 1;
	width: 80px;
	height: 80px;
	background: url("../images/jz-17.png") no-repeat scroll 0% 0%;
	margin-left: -40px;
	margin-top: -70px;
	display: none;
}

.template-wrapper .tem_main_m li .pcwp .eye-icon2 {
	z-index: 100;
	width: 80px;
	height: 90px;
	background: url("../images/jz-9.png") no-repeat scroll 0% 0%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -20px;
	display: none;
}

.template-wrapper .tem_main_m li .pcwp .eye-icon-text {
	text-align: center;
	line-height: 30px;
	border: 1px solid white;
	border-radius: 20px;
	z-index: 1;
	width: 80px;
	height: 30px;
	color: white;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: 20px;
	display: none;
}

.template-wrapper .tem_main_m li .pcwp .eye-icon-text1 {
	text-align: center;
	line-height: 30px;
	border: 1px solid white;
	border-radius: 20px;
	z-index: 1;
	width: 80px;
	height: 30px;
	color: white;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -60px;
	display: none;
}

.template-wrapper .eye-icon-bg {
	z-index: 0;
	position: absolute;
	top: 5.6%;
	left: 12.2%;
	width: 76.1%;
	opacity: 0;
	height: 76%;
	background-color: rgba(21, 147, 172, 0.6);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.template-wrapper .eye-icon-app-bg {
	z-index: 0;
	position: absolute;
	top: 11.6%;
	left: 5.5%;
	width: 88.1%;
	height: 75%;
	opacity: 0;
	background-color: rgba(21, 147, 172, 0.6);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.template-wrapper .pcwp .eye-icon-bg {
	top: 14px;
	left: 5px;
	width: 99px;
	height: 176px;
}

.template-wrapper .tem_main_m .tex {
	margin: 25px auto 0;
	width: 75%;
	font-size: 12px;
	color: #535353;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.template-wrapper .tem_main_m .tex-app {
	margin: auto;
	width: 90%;
	font-size: 12px;
	color: #535353;
}

.template-wrapper .tem_main_m_wap .wap_o .wap_o_zz img,
.template-wrapper .tem_main_m_wap .wap_o .wap_o_zz a {
	display: inline-block;
	cursor: pointer;
	width: 106px;
	height: 106px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -53px;
	/* display: none; */
}

.template-wrapper .tem_main_m-li-xys-img {
	position: absolute;
	top: 11.6%;
	left: 5.5%;
	width: 88.1%;
	height: 75%;
}

.template-wrapper .tem_main_m .tex .p2 {
	color: #0099e0;
	font-size: 14px;
	padding: 0px 13px;
	border: 1px solid #0099e0;
	border-radius: 5px;
	cursor: pointer;
	width: 81px;
	text-align: center;
	box-sizing: border-box;
	height: 26px;
	line-height: 26px;
	margin-top: 6px;
}

.template-wrapper .tem_main_m .ap4 {
	color: #535353;
	font-size: 12px;
	line-height: 24px;
	height: 24px;
	width: 300px;
	margin-top: 10px;
}

.template-wrapper .tem_main_m li .pcwp .eye-icon2 {
	z-index: 100;
	width: 80px;
	height: 90px;
	background: url("../images/2.png") no-repeat scroll center center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -38px;
	margin-top: -20px;
	display: none;
}

.template-wrapper .category-website-meau a {
	margin-right: 7px;
	padding: 0px 3px;
	width: 30%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.template-wrapper .category-website-meau a:nth-child(3n) {
	margin-right: 0;
}

.template-wrapper .category_bottom {
	position: relative;
}

.template-wrapper .category_bottom>p {
	text-align: center;
	width: 85%;
	margin: -5px auto 10px;
	height: 27px;
	line-height: 27px;
	background-color: whitesmoke;
	border-radius: 20px;
	cursor: pointer;
}

.template-wrapper .category_bottom-meau {
	display: none;
	position: absolute;
	width: 100%;
	height: 38px;
	box-sizing: border-box;
	border-width: medium 1px 3px;
	border-style: none solid solid;
	border-color: currentcolor #0099e0 #0099e0;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	text-align: center;
	line-height: 38px;
	background-color: white;
	top: 0px;
	left: 0px;
	z-index: 100;
}

.template-wrapper .category_bottom-meau>p {
	height: 35px;
	line-height: 35px;
}

.template-wrapper .category_bottom-meau .website-meau {
	position: absolute;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: -110;
	width: 1050px;
	padding: 20px 15px;
	border: 1px solid #0099e0;
	bottom: 34px;
	left: -14px;
	background-color: white;
}

.template-wrapper .xz {
	top: -1px;
	bottom: initial;
}

.template-wrapper #Pagination a.disabled span.next {
	background: url("../images/tem_10.png") no-repeat scroll -93px 5px;
}

.template-wrapper #Pagination span.currentpage {
	background-color: #0099e0;
	color: white;
	border-radius: 5px;
	display: inline-block;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	margin: 0px 8px;
	text-align: center;
	width: 26px;
}

.template-wrapper .firebugResetStyles {
	z-index: 2147483646 !important;
	top: 0px !important;
	left: 0px !important;
	display: block !important;
	border: 0px none !important;
	margin: 0px !important;
	padding: 0px !important;
	outline: 0px none !important;
	min-width: 0px !important;
	max-width: none !important;
	min-height: 0px !important;
	max-height: none !important;
	position: fixed !important;
	transform: rotate(0deg) !important;
	transform-origin: 50% 50% 0px !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	background: transparent none repeat scroll 0% 0% !important;
	pointer-events: none !important;
	white-space: normal !important;
}

.template-wrapper style.firebugResetStyles {
	display: none !important;
}

.template-wrapper .firebugResetStyles::before,
.template-wrapper .firebugResetStyles::after {
	content: "" !important;
}

.template-wrapper .pcwp_m-pc {
	width: 100%;
	/*background:url(../images/item-pc-bg.jpg) center top no-repeat; background: url(../images/item-pc-bg.jpg) no-repeat center;*/
	background-size: contain;
	-ms-behavior: url(backgroundsize.min.htc);
	behavior: url(backgroundsize.min.htc);
}

.template-wrapper .pcwp_m-app {
	width: 230px;
}

.template-wrapper .price-a {
	display: none !important;
}

.template-wrapper .newtem-main-r-m .tem_main_m_pcwp li:hover .price {
	display: none;
}

.template-wrapper .newtem-main-r-m .tem_main_m_pcwp li:hover .price-a {
	display: block !important;
	color: #fff;
}

.template-wrapper .newtem-main-r-m .tem_main_m_pcwp li:hover .p2 {
	background-color: #0099e0;
}

.template-wrapper .img-mo2-sm {
	background: url(../images/jz-21.png) center center no-repeat;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 142px;
	height: 152px;
	margin-top: -75px;
	margin-left: -71px;
}

.template-wrapper .img-mo3-sm {
	background: url(../images/jz-211.png) center center no-repeat;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	margin-top: -50%;
	margin-left: -50%;
}

.template-wrapper .img-mo3-sm img {
	width: 90%;
	margin: auto;
	margin-top: 3px;
	position: static;
	display: block;
}

.template-wrapper .tex-pc {
	margin-top: 0 !important;
}


/*模板详情*/

.hc-item-header {
	height: 45px;
	line-height: 45px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #182836;
	z-index: 99;
}

.hc-item-header .head-main {
	display: flex;
	padding: 0 30px;
	color: #dadada;
	font-size: 12px;
	justify-content: space-between;
}

.hc-item-header .head-main .head-left {
	display: flex;
	align-items: center;
}

.hc-item-header .head-main .head-left .current-device {
	margin-left: 30px;
}

.hc-item-header .head-main .head-left .current-device .icon {
	width: 25px;
}

.hc-item-header .head-main .head-left .industry {
	border-left: 1px #dadada solid;
	margin-left: 30px;
	padding-left: 30px;
	line-height: 20px;
}

.hc-item-header .head-main .head-right a {
	line-height: 20px;
	padding: 5px 20px;
	background-color: #0099e0;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	margin: 0 3px;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.hc-item-header .head-main .head-right a.btn-apply {
	background-color: #ecad00;
}

.hc-item-header .head-main .head-right a:hover {
	background-color: #008fd1;
}

#contentframe {
	width: 100%;
	overflow: hidden;
	height: 100%;
	background: #fff;
    margin-top: 45px;
}


/* 新闻中心*/

.news-wrapper {
	background-color: #f8f8f8;
	margin: 0;
	/*新闻内页*/
	/* 新闻列表 */
}

.news-wrapper .news-content {
	margin: 70px 0 0;
	padding: 50px 0 70px;
}

.news-wrapper .news-content .article-wrap {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.news-wrapper .news-content .article-wrap .article-main {
	width: calc(100% - 450px - 3%);
	margin-right: 3%;
	background-color: #fff;
	padding: 60px;
	min-height: 560px;
}

.news-wrapper .news-content .article-wrap .article-main p {
	color: #666;
	line-height: 30px;
	font-size: 15px;
	text-indent: 2em;
}

.news-wrapper .news-content .article-wrap .article-sidebar {
	width: 450px;
	background-color: #fff;
	padding: 40px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.news-wrapper .news-content .article-wrap .article-sidebar .title {
	font-size: 28px;
}

.news-wrapper .news-content .article-wrap .article-sidebar .date {
	color: #666;
	font-size: 15px;
	margin: 15px 0;
}

.news-wrapper .news-content .article-wrap .article-sidebar .desc {
	color: #666;
	line-height: 25px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px #eee solid;
}

.news-wrapper .news-content .article-wrap .article-sidebar .see-hits {
	margin-bottom: 15px;
	color: #666;
	font-size: 15px;
}

.news-wrapper .news-content .article-wrap .article-sidebar .share {
	margin-top: 20px;
}

.news-wrapper .news-content .article-wrap .article-sidebar .share a {
	margin: 0 5px;
}

.news-wrapper .news-content .article-wrap .article-sidebar .page-action {
	margin-top: 40px;
}

.news-wrapper .news-content .article-wrap .article-sidebar .page-action .item {
	margin-bottom: 15px;
}

.news-wrapper .news-content .article-wrap .article-sidebar .page-action .item a {
	padding: 15px 20px;
	background-color: #f5f5f5;
	color: #333;
	display: block;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.news-wrapper .news-content .article-wrap .article-sidebar .page-action .item a:hover {
	background-color: #0099e0;
	color: #fff;
}

.news-wrapper .news-list-wrap {
	background-color: #f8f8f8;
	padding-bottom: 60px;
}

.news-wrapper .news-list-wrap .news-list .list-wrap {
	display: flex;
	flex-wrap: wrap;
}

.news-wrapper .news-list-wrap .news-list .list-wrap .news-item {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 35px;
	background-color: #fff;
	position: relative;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.news-wrapper .news-list-wrap .news-list .list-wrap .news-item:nth-child(4n) {
	margin-right: 0;
}

.news-wrapper .news-list-wrap .news-list .list-wrap .news-item .item-pic img {
    display: none;
	width: 100%;
}

.news-wrapper .news-list-wrap .news-list .list-wrap .news-item .item-date {
	color: #999;
	margin-bottom: 10px;
}

.news-wrapper .news-list-wrap .news-list .list-wrap .news-item .item-tit {
	font-size: 18px;
	color: #333;
	margin: 15px 0;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-wrapper .news-list-wrap .news-list .list-wrap .news-item .item-text {
	padding: 25px;
	padding-bottom: 32px;
}

.news-wrapper .news-list-wrap .news-list .list-wrap .news-item .item-note {
	color: #888;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.news-wrapper .news-list-wrap .news-list .list-wrap .news-item:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
}

.news-wrapper .news-list-wrap .news-list .list-wrap .news-item:hover .item-tit {
	color: #0099e0;

}

.news-wrapper .page a {
	background-color: #fff;
}


/*网站建设*/

.website-wrapper #fullpage007 {
	margin: 0 auto;
}

.website-wrapper .wrap {
	width: 90%;
	margin: 0 auto;
	max-width: 1400px;
}

.website-wrapper html.fp-enabled,
.website-wrapper .fp-enabled body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	/*Avoid flicker on slides transitions for mobile phones #336 */
	-webkit-tap-highlight-color: transparent;
}

.website-wrapper #superContainer {
	height: 100%;
	position: relative;
	/* Touch detection for Windows 8 */
	-ms-touch-action: none;
	/* IE 11 on Windows Phone 8.1*/
	touch-action: none;
}

.website-wrapper .fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	/* Safari<=5 Android<=3 */
	-moz-box-sizing: border-box;
	/* <=28 */
	box-sizing: border-box;
}

.website-wrapper .fp-slide {
	float: left;
}

.website-wrapper .fp-slide,
.website-wrapper .fp-slidesContainer {
	height: 100%;
	display: block;
}

.website-wrapper .fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	/* Safari<=6 Android<=4.3 */
	transition: all 0.3s ease-out;
}

.website-wrapper .fp-section.fp-table,
.website-wrapper .fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.website-wrapper .fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.website-wrapper .fp-slidesContainer {
	float: left;
	position: relative;
}

.website-wrapper .fp-controlArrow {
	-webkit-user-select: none;
	/* webkit (safari, chrome) browsers */
	-moz-user-select: none;
	/* mozilla browsers */
	-khtml-user-select: none;
	/* webkit (konqueror) browsers */
	-ms-user-select: none;
	/* IE10+ */
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.website-wrapper .fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
}

.website-wrapper .fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
}

.website-wrapper .fp-scrollable {
	overflow: scroll;
}

.website-wrapper .fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

.website-wrapper #fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
}

.website-wrapper #fp-nav.right {
	right: 17px;
}

.website-wrapper #fp-nav.left {
	left: 17px;
}

.website-wrapper .fp-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1;
}

.website-wrapper .fp-slidesNav.bottom {
	bottom: 17px;
}

.website-wrapper .fp-slidesNav.top {
	top: 17px;
}

.website-wrapper #fp-nav ul,
.website-wrapper .fp-slidesNav ul {
	margin: 0;
	padding: 0;
}

.website-wrapper #fp-nav ul li,
.website-wrapper .fp-slidesNav ul li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative;
}

.website-wrapper .fp-slidesNav ul li {
	display: inline-block;
}

.website-wrapper #fp-nav ul li a,
.website-wrapper .fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}

.website-wrapper #fp-nav ul li a.active span,
.website-wrapper .fp-slidesNav ul li a.active span,
.website-wrapper #fp-nav ul li:hover a.active span,
.website-wrapper .fp-slidesNav ul li:hover a.active span {
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	border-radius: 100%;
}

.website-wrapper #fp-nav ul li a span,
.website-wrapper .fp-slidesNav ul li a span {
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 4px;
	width: 4px;
	border: 0;
	background: #333;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 -2px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.website-wrapper #fp-nav ul li:hover a span,
.website-wrapper .fp-slidesNav ul li:hover a span {
	width: 10px;
	height: 10px;
	margin: -5px 0px 0px -5px;
}

.website-wrapper #fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer;
}

.website-wrapper #fp-nav ul li:hover .fp-tooltip,
.website-wrapper #fp-nav.fp-show-active a.active+.fp-tooltip {
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	width: auto;
	opacity: 1;
}

.website-wrapper #fp-nav ul li .fp-tooltip.right {
	right: 20px;
}

.website-wrapper #fp-nav ul li .fp-tooltip.left {
	left: 20px;
}

.website-wrapper .fp-auto-height.fp-section,
.website-wrapper .fp-auto-height .fp-slide,
.website-wrapper .fp-auto-height .fp-tableCell {
	height: auto !important;
}

.website-wrapper #fullpage007 .active008.odd .d1,
.website-wrapper #fullpage007 .active008.odd .d2,
.website-wrapper #fullpage007 .active008.odd .d3,
.website-wrapper #fullpage007 .active008.odd .d4,
.website-wrapper #fullpage007 .active008.odd .a1,
.website-wrapper #fullpage007 .active008.odd .a2 {
	-webkit-animation: fadeInLeft .6s forwards;
	animation: fadeInLeft .6s forwards;
}

.website-wrapper #fullpage007 .active008.odd .d2 {
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}

.website-wrapper #fullpage007 .active008.odd .d3 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

.website-wrapper #fullpage007 .active008.odd .a1,
.website-wrapper #fullpage007 .active008.odd .a2 {
	-webkit-animation-delay: .45s;
	animation-delay: .45s;
}

.website-wrapper #fullpage007 .active008.odd .d4 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

.website-wrapper #fullpage007 .active008.even .d1,
.website-wrapper #fullpage007 .active008.even .d2,
.website-wrapper #fullpage007 .active008.even .d3,
.website-wrapper #fullpage007 .active008.even .d4,
.website-wrapper #fullpage007 .active008.even .a1,
.website-wrapper #fullpage007 .active008.even .a2 {
	-webkit-animation: fadeInRight .6s forwards;
	animation: fadeInRight .6s forwards;
}

.website-wrapper #fullpage007 .active008.even .d2 {
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}

.website-wrapper #fullpage007 .active008.even .d3 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

.website-wrapper #fullpage007 .active008.even .a1,
.website-wrapper #fullpage007 .active008.even .a2 {
	-webkit-animation-delay: .45s;
	animation-delay: .45s;
}

.website-wrapper #fullpage007 .active008.even .d4 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

.website-wrapper #fullpage007 .active008.page1 .i2,
.website-wrapper #fullpage007 .active008.page1 .i3 {
	-webkit-animation: fadeInUp .8s forwards;
	animation: fadeInUp .8s forwards;
}

.website-wrapper #fullpage007 .active008 .zcimg1 {
	-webkit-animation: fadeInUp .8s forwards;
	animation: fadeInUp .8s forwards;
	right: 0;
	bottom: -25%;
	z-index: 4;
}

.website-wrapper .zcimg1 {
	right: 0;
	z-index: 4;
	opacity: 0;
}

.website-wrapper #fullpage007 .active008.page1 .i3 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

.website-wrapper #fullpage007 .active008.page2 .i2 {
	-webkit-animation: zoomIn .8s forwards;
	animation: zoomIn .8s forwards;
}

.website-wrapper #fullpage007 .active008.page2 .i3 {
	-webkit-animation: rotateIn 1s forwards;
	-o-animation: rotateIn 1s forwards;
	animation: rotateIn 1s forwards;
}

.website-wrapper #fullpage007 .active008.page3 .i2 {
	-webkit-animation: zoomIn .8s forwards;
	animation: zoomIn .8s forwards;
}

.website-wrapper #fullpage007 .active008.page3 .i3 {
	-webkit-animation: flipInX 1s forwards;
	animation: flipInX 1s forwards;
}

.website-wrapper #fullpage007 .active008.page4 .i2 {
	-webkit-animation: zoomIn 1s forwards;
	animation: zoomIn 1s forwards;
}

.website-wrapper #fullpage007 .active008.page4 .i3 {
	-webkit-animation: flipInX 1.4s forwards;
	animation: flipInX 1.4s forwards;
}

.website-wrapper #fullpage007 .active008.page4 .i4 {
	-webkit-animation: fadeInLeft 2s forwards;
	animation: fadeInLeft 2s forwards;
}

.website-wrapper #fullpage007 .active008.page5 .i2 {
	-webkit-animation: zoomIn 1.4s forwards;
	animation: zoomIn 1.4s forwards;
}

.website-wrapper #fullpage007 .active008.page5 .i3 {
	-webkit-animation: flipInX 1.4s forwards;
	animation: flipInX 1.4s forwards;
}

.website-wrapper #fullpage007 .active008.page5 .i4 {
	-webkit-animation: zoomIn 2s forwards;
	animation: zoomIn 2s forwards;
}

.website-wrapper #fullpage007 .active008.page6 .i2 {
	-webkit-animation: zoomIn 1.4s forwards;
	animation: zoomIn 1.4s forwards;
}

.website-wrapper #fullpage007 .active008.page6 .i3 {
	-webkit-animation: flipInX 1.4s forwards;
	animation: flipInX 1.4s forwards;
}

.website-wrapper #fullpage007 .active008.page7 .i2,
.website-wrapper #fullpage007 .active008.page7 .i3,
.website-wrapper #fullpage007 .active008.page7 .i4,
.website-wrapper #fullpage007 .active008.page7 .i5,
.website-wrapper #fullpage007 .active008.page7 .i6,
.website-wrapper #fullpage007 .active008.page7 .i7,
.website-wrapper #fullpage007 .active008.page7 .i8,
.website-wrapper #fullpage007 .active008.page7 .i9,
.website-wrapper #fullpage007 .active008.page7 .i10 {
	-webkit-animation: dd .4s forwards;
	-o-animation: dd .4s forwards;
	animation: dd .4s forwards;
}

.website-wrapper #fullpage007 .active008.page7 .i2 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

.website-wrapper #fullpage007 .active008.page7 .i3 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

.website-wrapper #fullpage007 .active008.page7 .i4 {
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}

.website-wrapper #fullpage007 .active008.page7 .i6 {
	-webkit-animation-delay: .45s;
	animation-delay: .45s;
}

.website-wrapper #fullpage007 .active008.page7 .i7 {
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}

.website-wrapper #fullpage007 .active008.page7 .i8 {
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}

.website-wrapper #fullpage007 .active008.page7 .i9 {
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}

.website-wrapper #fullpage007 .active008.page7 .i10 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

.website-wrapper #fullpage007 .active008.page8 .i2 {
	-webkit-animation: zoomIn 1s forwards;
	animation: zoomIn 1s forwards;
}

.website-wrapper #fullpage007 .active008.page8 .i3,
.website-wrapper #fullpage007 .active008.page8 .i4,
.website-wrapper #fullpage007 .active008.page8 .i5 {
	-webkit-animation: zoomIn 1s forwards, page8 10s 1s infinite;
	animation: zoomIn 1s forwards, page8 10s 1s infinite;
}

.website-wrapper #fullpage007 .active008.page8 .i6 {
	-webkit-animation: zoomIn 2s forwards;
	animation: zoomIn 2s forwards;
}

.website-wrapper #fullpage007 .pagex {
	position: relative;
	padding-top: 200px;
	box-sizing: border-box;
	overflow: hidden;
}

.website-wrapper #fullpage007 .pagex .i0 {
	position: absolute;
	width: 243px;
	height: 268px;
	top: -90px;
	left: 0;
}

.website-wrapper #fullpage007 .pagex .i1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1920px;
	height: 860px;
	z-index: -1;
}

.website-wrapper #fullpage007 .pagex .page1-inner {
	color: #fff;
	position: relative;
	display: block;
}

.website-wrapper #fullpage007 .pagex .page1-inner .d4 ul li a {
	display: block;
	height: 64px;
}

.website-wrapper #fullpage007 .pagex .page1-inner .font-wrap {
	position: relative;
	z-index: 2;
}

.website-wrapper #fullpage007 .pagex .page1-inner .d1,
.website-wrapper #fullpage007 .pagex .page1-inner .d2,
.website-wrapper #fullpage007 .pagex .page1-inner .d3,
.website-wrapper #fullpage007 .pagex .page1-inner .d4,
.website-wrapper #fullpage007 .pagex .page1-inner .a1,
.website-wrapper #fullpage007 .pagex .page1-inner .a2,
.website-wrapper #fullpage007 .pagex .page1-inner .i2,
.website-wrapper #fullpage007 .pagex .page1-inner .i3,
.website-wrapper #fullpage007 .pagex .page1-inner .i4,
.website-wrapper #fullpage007 .pagex .page1-inner .i5,
.website-wrapper #fullpage007 .pagex .page1-inner .i6,
.website-wrapper #fullpage007 .pagex .page1-inner .i7,
.website-wrapper #fullpage007 .pagex .page1-inner .i8,
.website-wrapper #fullpage007 .pagex .page1-inner .i9,
.website-wrapper #fullpage007 .pagex .page1-inner .i10 {
	opacity: 0;
}

.website-wrapper #fullpage007 .pagex .page1-inner .p1 {
	font-size: 46px;
	margin-bottom: 10px;
}

.website-wrapper #fullpage007 .pagex .page1-inner .p2 {
	font-size: 24px;
	margin-bottom: 28px;
}

.website-wrapper #fullpage007 .pagex .page1-inner .p3 {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 20px;
	width: 554px;
}

.website-wrapper #fullpage007 .pagex .page1-inner .p4 {
	width: 526px;
	line-height: 1.6;
}

.website-wrapper #fullpage007 .pagex .page1-inner .p4 span {
	display: inline-block;
	font-size: 18px;
	height: 40px;
}

.website-wrapper #fullpage007 .pagex .page1-inner .p4 b {
	font-size: 16px;
}

.website-wrapper #fullpage007 .pagex .page1-inner .a1 {
	display: block;
	width: 138px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	border-radius: 2px;
	margin-top: 20px;
	color: #fff;
	position: relative;
	font-size: 18px;
	pointer-events: auto;
	border: 1px solid #fff;
	border-radius: 50px;
	overflow: hidden;
}

.website-wrapper #fullpage007 .pagex .page1-inner .a1 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #fff;
	z-index: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.website-wrapper #fullpage007 .pagex .page1-inner .a1 em {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 42px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.website-wrapper .more em {
	font-style: normal;
}

.website-wrapper .font-wrap b {
	font-weight: normal;
}

.website-wrapper #fullpage007 .pagex .page1-inner .a1:hover em {
	color: #1fa5fe;
	background: #fff;
}

.website-wrapper #fullpage007 .pagex .page1-inner .a1:hover b {
	width: 100%;
}

.website-wrapper #fullpage007 .pagex .page1-inner .a2 {
	display: block;
	width: 138px;
	height: 42px;
	border: 1px solid #00afec;
	border-radius: 50px;
	margin-top: 20px;
	position: relative;
	font-size: 18px;
	pointer-events: auto;
	color: #00afec;
	overflow: hidden;
}

.website-wrapper #fullpage007 .pagex .page1-inner .a2 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #00afec;
	z-index: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.website-wrapper #fullpage007 .pagex .page1-inner .a2 em {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 42px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.website-wrapper #fullpage007 .pagex .page1-inner .a2:hover em {
	color: #fff;
}

.website-wrapper #fullpage007 .pagex .page1-inner .a2:hover b {
	width: 100%;
}

.website-wrapper #fullpage007 .pagex .page1-inner .a3:hover em {
	color: #ffb037;
}

.website-wrapper #fullpage007 .pagex .page1-inner .ax:hover em {
	color: #f16a47;
}

.website-wrapper #fullpage007 .pagex .page1-inner .d4 {
	margin-top: 26px;
}

.website-wrapper #fullpage007 .pagex .page1-inner .more {
	float: left;
	margin-right: 12px;
}

.website-wrapper #fullpage007 .pagex .page1-inner .d4 ul {
	width: 360px;
}

.website-wrapper #fullpage007 .pagex .page1-inner .d4 ul li {
	float: left;
	width: 116px;
	height: 64px;
	margin-right: 1px;
	margin-bottom: 1px;
	/*border:1px solid #fff;*/
	background: no-repeat center;
	background-color: #fff;
}

.website-wrapper #fullpage007 .pagex .black {
	color: #333;
}

.website-wrapper #fullpage007 .pagex .black .d4 ul li {
	border: 0px 0px 8px rgba(0, 0, 0, 0.2);
	margin: 0;
}

.website-wrapper #fullpage007 .page1 .i2 {
	position: absolute;
	width: 504px;
	height: 424px;
	top: -15px;
	right: -80px;
}

.website-wrapper #fullpage007 .page1 .i3 {
	position: absolute;
	width: 510px;
	height: 316px;
	top: 102px;
	right: 285px;
}

.website-wrapper #fullpage007 .page2 .i00 {
	position: absolute;
	width: 243px;
	height: 268px;
	top: -90px;
	right: 210px;
}

.website-wrapper #fullpage007 .page2 .i1 {
	height: 860px;
}

.website-wrapper #fullpage007 .page2 .i2 {
	position: absolute;
	width: 800px;
	top: -30px;
	left: -150px;
	z-index: -1;
}

.website-wrapper #fullpage007 .page2 .i3 {
	position: absolute;
	width: 102px;
	height: 103px;
	top: 353px;
	left: -281px;
}

.website-wrapper #fullpage007 .page3 .i2 {
	position: absolute;
	width: 647px;
	height: 303px;
	right: 0;
	top: -10px;
}

.website-wrapper #fullpage007 .page3 .i3 {
	position: absolute;
	width: 900px;
	top: 0px;
	right: -150px;
}

.website-wrapper #fullpage007 .page4 .i00 {
	position: absolute;
	width: 243px;
	height: 268px;
	top: -90px;
	right: 210px;
}

.website-wrapper #fullpage007 .page4 .i2 {
	position: absolute;
	width: 749px;
	height: 446px;
	left: -28px;
}

.website-wrapper #fullpage007 .page4 .i3 {
	position: absolute;
	width: 959px;
	height: 586px;
	top: -170px;
	left: -220px;
}

.website-wrapper #fullpage007 .page4 .i4 {
	position: absolute;
	width: 198px;
	height: 226px;
	top: 300px;
	left: 50px;
}

.website-wrapper #fullpage007 .page5 .i2 {
	position: absolute;
	width: 933px;
	top: -8px;
	right: -100px;
}

.website-wrapper #fullpage007 .page5 .i3 {
	position: absolute;
	width: 95px;
	height: 95px;
	top: 117px;
	right: 556px;
}

.website-wrapper #fullpage007 .page5 .i4 {
	position: absolute;
	width: 375px;
	height: 350px;
	top: -40px;
	right: -239px;
}

.website-wrapper #fullpage007 .page6 .i00 {
	position: absolute;
	width: 243px;
	height: 268px;
	top: -90px;
	right: 210px;
}

.website-wrapper #fullpage007 .page6 .i2 {
	position: absolute;
	width: 955px;
	height: 667px;
	top: -169px;
	left: -200px;
}

.website-wrapper #fullpage007 .page6 .i3 {
	position: absolute;
	width: 700px;
	top: 30px;
	left: -80px;
}

.website-wrapper #fullpage007 .page7 img {
	position: absolute;
	height: 450px;
	right: 0;
}

.website-wrapper #fullpage007 .page7 .i2,
.website-wrapper #fullpage007 .page7 .i3,
.website-wrapper #fullpage007 .page7 .i4,
.website-wrapper #fullpage007 .page7 .i5,
.website-wrapper #fullpage007 .page7 .i6,
.website-wrapper #fullpage007 .page7 .i7,
.website-wrapper #fullpage007 .page7 .i8,
.website-wrapper #fullpage007 .page7 .i9,
.website-wrapper #fullpage007 .page7 .i10 {
	-webkit-transform: translate(700px, 350px);
	transform: translate(700px, 350px);
}

.website-wrapper #fullpage007 .page7 .i2 {
	width: 565px;
	height: 275px;
	top: 448px;
	left: 356px;
}

.website-wrapper #fullpage007 .page7 .i3 {
	width: 632px;
	height: 336px;
	top: 249px;
	left: 482px;
}

.website-wrapper #fullpage007 .page7 .i4 {
	width: 565px;
	height: 256px;
	top: 484px;
	left: 918px;
}

.website-wrapper #fullpage007 .page7 .i5 {
	width: 565px;
	height: 295px;
	top: -24px;
	left: 452px;
}

.website-wrapper #fullpage007 .page7 .i6 {
	width: 565px;
	height: 303px;
	top: 192px;
	left: 840px;
}

.website-wrapper #fullpage007 .page7 .i7 {
	width: 307px;
	height: 273px;
	top: 404px;
	left: 1253px;
}

.website-wrapper #fullpage007 .page7 .i8 {
	width: 565px;
	height: 304px;
	top: -66px;
	left: 830px;
}

.website-wrapper #fullpage007 .page7 .i9 {
	width: 337px;
	height: 297px;
	top: 146px;
	left: 1223px;
}

.website-wrapper #fullpage007 .page7 .i10 {
	width: 319px;
	height: 288px;
	top: -94px;
	left: 1246px;
}

.website-wrapper #fullpage007 .page8 img {
	position: absolute;
}

.website-wrapper #fullpage007 .page8 .i00 {
	width: 243px;
	height: 268px;
	top: -90px;
	right: 210px;
}

.website-wrapper #fullpage007 .page8 .i2 {
	width: 632px;
	top: -32px;
}

.website-wrapper #fullpage007 .page8 .i3 {
	width: 83px;
	height: 86px;
	left: 298px;
	top: -95px;
}

.website-wrapper #fullpage007 .page8 .i4 {
	width: 102px;
	height: 100px;
	top: 44px;
	left: 560px;
}

.website-wrapper #fullpage007 .page8 .i5 {
	top: 372px;
	left: 512px;
	width: 96px;
	height: 98px;
}

.website-wrapper #fullpage007 .page8 .i6 {
	width: 508px;
	height: 602px;
	left: 0;
	top: -8px;
}

.website-wrapper #fullpage007 .pagex .i1 {
	height: 100%;
}

.website-wrapper .fr {
	float: right;
}

.website-wrapper .dh-wrap {
	position: absolute;
	width: 1500px;
	height: 100%;
	top: 0;
	left: 0;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-80px);
		transform: translateX(-80px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-80px);
		transform: translateX(-80px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(80px);
		transform: translateX(80px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(80px);
		transform: translateX(80px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 150px);
		transform: translate(0, 150px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 150px);
		transform: translate(0, 150px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	100% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		-ms-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		-ms-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1;
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1;
	}
}

@-webkit-keyframes dd {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes dd {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}


/*服务项目*/

.service-wrapper {
	margin-bottom: 0;
	/*全部服务项目*/
	/*小程序项目*/
	/* 小程序解决方案 */
	/* 小程序案例 */
	/*主机服务器*/
}

.service-wrapper .nav-tabs {
	margin-bottom: 0;
}

.service-wrapper h3.title {
	font-size: 32px;
	text-align: center;
	margin-bottom: 50px;
}

.service-wrapper .grey-bg {
	padding: 80px 0;
}

.service-wrapper .service-main .service-title {
	overflow: hidden;
	text-align: center;
	padding: 0 6.75%;
	margin-bottom: 67px;
}

.service-wrapper .service-main .service-title h5 {
	margin: 0 0 12px;
	font-size: 36px;
	line-height: 72px;
	font-weight: 700;
	color: #1a1a1a;
}

.service-wrapper .service-main .service-title p {
	color: #666;
	font-size: 15px;
	line-height: 26px;
}

.service-wrapper .service-main .service-list {
	display: flex;
	flex-wrap: wrap;
}

.service-wrapper .service-main .service-list li {
	position: relative;
	width: 32%;
	box-sizing: border-box;
	background-color: #fff;
	margin-bottom: 40px;
	line-height: 1;
	margin-right: 2%;
	border: 1px solid #eee;
}

.service-wrapper .service-main .service-list li:nth-child(3n) {
	margin-right: 0;
}

.service-wrapper .service-main .service-list li {
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.service-wrapper .service-main .service-list li .p1 {
	padding-left: 24px;
	font-size: 24px;
	color: #666;
	font-weight: 700;
	margin-bottom: 6px;
}

.service-wrapper .service-main .service-list li .p1 span {
	color: #0099e0;
	font-size: 24px;
	font-weight: bold;
}

.service-wrapper .service-main .service-list li .p2 {
	padding-left: 24px;
	text-transform: uppercase;
	font-size: 8px;
	color: #c3c3c3;
	padding-bottom: 16px;
}

.service-wrapper .service-main .service-list li .d1 {}

.service-wrapper .service-main .service-list li .d1 img {
	height: auto;
	width: 100%;
}

.service-wrapper .service-main .service-list li .d1 .info-right {
	padding: 5%;
}

.service-wrapper .service-main .service-list li .d1 .title {
	font-size: 26px;
}

.service-wrapper .service-main .service-list li .d1 .info-right span {
	color: #c3c3c3;
	margin-top: 8px;
	display: block;
	font-size: 14px;
}

.service-wrapper .service-main .service-list li .d1 .p3 {
	display: inline-block;
	color: #666;
	font-size: 14px;
	line-height: 22px;
	margin-top: 18px;
	margin-bottom: 8px;
	width: 100%;
	vertical-align: top;
	min-height: 50px;
}

.service-wrapper .service-main .service-list li .d1 dl {
	overflow: hidden;
	margin: 10px 0 0px;
}

.service-wrapper .service-main .service-list li .d1 dl dt {
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	width: 23%;
}

.service-wrapper .service-main .service-list li .d1 dl dt a {
	line-height: 34px;
	display: block;
	text-align: center;
	font-size: 13px;
	color: #232323;
	-webkit-transition: all .6s;
	transition: all .6s;
	border-radius: 50px;
	box-sizing: border-box;
	background: #f8f8f8;
	overflow: hidden;
}

.service-wrapper .service-main .service-list li .d1 dl dt a:hover {
	color: #fff;
	background-color: #008fd1;
}

.service-wrapper .service-main .service-list li .d1 .more {
	height: 32px;
	line-height: 32px;
	padding: 9px 23px;
	background-color: #0099e0;
	color: #fff;
	left: 50%;
	text-align: center;
	-webkit-transition: all .6s;
	transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
}

.service-wrapper .service-main .service-list li .d1 .more:hover {
	background-color: #008fd1;
}

.service-wrapper .applets-main .container {
	max-width: 1600px;
}

.service-wrapper .applets-main .box-list {
	justify-content: space-between;
	flex-wrap: wrap;
	display: flex;
	margin-top: 60px;
}

.service-wrapper .applets-main .box-list .applets-item {
	margin: 0 0 30px 0;
	display: block;
	width: 19%;
	text-align: center;
	padding: 35px 25px 30px 25px;
	box-sizing: border-box;
	cursor: pointer;
	background-color: #f3f6fe;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.service-wrapper .applets-main .box-list .applets-item:last-child {
	display: none;
}

.service-wrapper .applets-main .box-list .applets-item:nth-last-child(2) {
	display: none;
}

.service-wrapper .applets-main .box-list .applets-item .name {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin: 30px 0 15px 0;
}

.service-wrapper .applets-main .box-list .applets-item .small {
	text-align: center;
	font-size: 14px;
	color: #5d6168;
	line-height: 25px;
	margin: 0 0 30px 0;
}

.service-wrapper .applets-main .box-list .applets-item:hover {}

.service-wrapper .applets-main .applets-list .applets-item .link-box {
	justify-content: space-between;
	display: none;
}

.service-wrapper .applets-main .applets-list .applets-item .link {
	width: 60%;
	display: inline-block;
	margin: auto;
	font-size: 14px;
	color: #0099e0;
	border: solid 1px #0099e0;
	padding: 10px 0;
	box-sizing: border-box;
	border-radius: 100px;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.service-wrapper .applets-main .applets-list .applets-item .small {
	height: 60px;
}

.service-wrapper .applets-main .applets-list .applets-item .link:hover {
	background-color: #0099e0;
	color: #fff;
}

.service-wrapper .applets-solution {
	height: 750px;
	position: relative;
	background: url(../images/applets/fa_bg_0.png) center/cover no-repeat;
	color: #fff;
	padding: 60px 0;
	margin: 0 0 100px;
}

.service-wrapper .applets-solution .bgbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #0099e0;
	opacity: .9;
}

.service-wrapper .applets-solution .container {
	position: relative;
}

.service-wrapper .applets-solution .container .applets-nav {
	text-align: center;
	margin-bottom: 60px;
}

.service-wrapper .applets-solution .container .applets-nav li {
	display: inline-block;
	padding: 15px 0;
	margin: 0 20px;
	font-size: 16px;
	position: relative;
	cursor: pointer;
}

.service-wrapper .applets-solution .container .applets-nav li:after {
	content: "";
	position: absolute;
	width: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 3px;
	background-color: #fff;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.service-wrapper .applets-solution .container .applets-nav li.on:after {
	width: 100%;
}

.service-wrapper .applets-solution .container .solution-wrap .solution-list .solution-item {
	display: none;
	justify-content: space-between;
}

.service-wrapper .applets-solution .container .solution-wrap .solution-list .solution-item.item-flex {
	display: flex;
}

.service-wrapper .applets-solution .container .solution-wrap .solution-list .solution-item .left-box {
	padding-top: 15px;
	width: 65%;
	margin-right: 8%;
}

.service-wrapper .applets-solution .container .solution-wrap .solution-list .solution-item .left-box .item-tit {
	font-size: 32px;
	margin-bottom: 30px;
}

.service-wrapper .applets-solution .container .solution-wrap .solution-list .solution-item .left-box .item-desc {
	font-size: 16px;
	line-height: 29px;
	padding-bottom: 35px;
	margin-bottom: 50px;
	border-bottom: 1px #eee dashed;
}

.service-wrapper .applets-solution .container .solution-wrap .solution-list .solution-item .left-box .icon-list .icon-item {
	display: inline-block;
	margin-right: 30px;
}

.service-wrapper .applets-solution .container .solution-wrap .solution-list .solution-item .left-box .icon-list .icon-item p {
	margin-top: 20px;
}

.service-wrapper .applets-solution .container .solution-wrap .solution-list .solution-item .right-box {
	width: 40%;
	display: flex;
	flex-wrap: wrap;
}

.service-wrapper .applets-solution .container .solution-wrap .solution-list .solution-item .right-box .case-item {
	position: relative;
	width: 170px;
	height: 170px;
	padding: 30px;
	background-color: rgba(255, 255, 255, 0.3);
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	margin-right: 20px;
	margin-bottom: 20px;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.service-wrapper .applets-solution .container .solution-wrap .solution-list .solution-item .right-box .case-item .code-img {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.service-wrapper .applets-solution .container .solution-wrap .solution-list .solution-item .right-box .case-item:hover {
	background-color: rgba(255, 255, 255, 0.7);
}

.service-wrapper .applets-solution .container .solution-wrap .solution-list .solution-item .right-box .case-item:hover .code-img {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.service-wrapper .applets-case {
	background-color: #fff;
	margin: 70px 0;
}

.service-wrapper .applets-case .case-list {
	display: flex;
}

.service-wrapper .applets-case .case-list .case-item {
	width: 18.7%;
	margin-right: 1.625%;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.service-wrapper .applets-case .case-list .case-item:nth-child(5n) {
	margin-right: 0;
}

.service-wrapper .applets-case .case-list .case-item:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
}

.service-wrapper .applets-case .case-list .case-item .item-thumb img {
	width: 100%;
}

.service-wrapper .applets-case .case-list .case-item .item-info {
	padding: 10px 20px 20px;
	border: 1px #eee solid;
}

.service-wrapper .applets-case .case-list .case-item .item-info .name {
	margin-bottom: 10px;
}

.service-wrapper .applets-case .case-list .case-item .item-info .name span {
	font-size: 16px;
}

.service-wrapper .applets-case .case-list .case-item .item-info p {
	color: #666;
}

.service-wrapper .server-content .webhosting-list {
	display: flex;
	flex-wrap: wrap;
	max-width: 1600px;
	margin: 0 auto;
}

.service-wrapper .server-content .webhosting-list>li {
	width: 23.5%;
	margin-right: 2%;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	margin-bottom: 35px;
	border: 1px solid #eee;
}

.service-wrapper .server-content .webhosting-list>li:nth-child(4n) {
	margin-right: 0;
}

.service-wrapper .server-content .webhosting-list>li:hover {
	transform: translateY(-10px);
}

.service-wrapper .server-content .sales-label {
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 10px;
	font-size: 12px;
	line-height: 20px;
}

.service-wrapper .server-content .sales-domain {
	padding: 0 6px;
	background-color: #e8f8fe;
	border-radius: 16px;
	border: 1px solid #c7dff9;
	z-index: 1;
	color: #0099e0;
}

.service-wrapper .server-content .webhosting-list .column {
	padding: 40px 0 34px;
	position: relative;
	background: #fff;
	padding: 35px 20px;
}

.service-wrapper .server-content .webhosting-hot {
	padding-right: 8px;
	padding-top: 4px;
	position: absolute;
	right: 0;
	top: 0;
	width: 71px;
	height: 59px;
	line-height: 28px;
	background: url(../images/triangle3.jpg) no-repeat top right;
	font-size: 14px;
	color: #fff;
	text-align: right;
}

.service-wrapper .server-content .webhosting-list .column .column-title {
	margin: 0 30px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e1e1e1;
	line-height: 1.1;
	font-size: 26px;
	color: #444;
	text-align: center;
	position: relative;
}

.service-wrapper .server-content .webhosting-list .column .price {
	position: relative;
	padding-top: 12px;
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 1.1;
}

.service-wrapper .server-content .webhosting-list .column .price .price-num {
	font-size: 24px;
	color: #ff8500;
}

.service-wrapper .server-content .webhosting-list .column .price .price-num span {
	font-size: 36px;
}

.service-wrapper .server-content .webhosting-list .column .price .price-line {
	margin-left: -9px;
	font-size: 24px;
	color: #a7a4a4;
}

.service-wrapper .server-content .domain-tip {
	display: inline-block;
	position: absolute;
	top: 14px;
	right: 86px;
	background-color: #e8f8fe;
	border-radius: 16px;
	border: 1px solid #c7dff9;
	font-size: 12px;
	z-index: 1;
	color: #0099e0;
	padding: 0 5px;
	line-height: 20px;
}

.service-wrapper .server-content .sheng100 {
	display: inline-block;
	position: relative;
	padding: 0 2px;
	border-radius: 2px 2px 2px 0;
	background: #2fd72b;
	font-size: 12px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 14px;
	right: 86px;
	line-height: 20px;
}

.service-wrapper .server-content .sheng100 i {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/basic-icon.jpg) no-repeat 0 -400px;
}

.service-wrapper .server-content .domain-tip .domain-refresh-tip,
.service-wrapper .server-content .sheng100 .sheng100-refresh-tip {
	position: absolute;
	top: -12px;
	left: 50px;
	padding: 2px;
	width: 220px;
	background: #FFF;
	border-radius: 4px;
	border: 1px solid #0099e0;
	font-size: 12px;
	text-align: center;
	z-index: 19;
	color: #666;
	display: none;
}

.service-wrapper .server-content .domain-tip:hover .domain-refresh-tip,
.service-wrapper .server-content .sheng100:hover .sheng100-refresh-tip {
	display: block;
}

.service-wrapper .server-content .webhosting-info {
	margin: 10px 0;
}

.service-wrapper .server-content .webhosting-info li {
	width: 32%;
	padding: 0 15px;
	font-size: 14px;
	color: #707070;
	text-align: center;
	display: inline-block;
	margin-right: 0;
}

.service-wrapper .server-content .webhosting-info li p {
	font-size: 16px;
	font-weight: 700;
	color: #565656;
}

.service-wrapper .server-content .webhosting-info .border-line {
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
}

.service-wrapper .server-content .webhosting-list .column .column-config {
	line-height: 1.1;
	text-align: left;
}

.service-wrapper .server-content .sales-label .sales-label-tip {
	position: absolute;
	top: 30px;
	left: 10px;
	padding: 4px 10px;
	width: 194px;
	line-height: 18px;
	background: #f1fbff;
	border-radius: 1px;
	border: 1px solid #c2e2ff;
	font-size: 12px;
	text-align: left;
	z-index: 19;
	color: #0099e0;
	display: none;
}

.service-wrapper .server-content .webhosting-list .column .column-config dt {
	float: left;
	padding-top: 10px;
	width: 64px;
	line-height: 20px;
	color: #2f2f2f;
	font-weight: 700;
}

.service-wrapper .server-content .webhosting-list .column .column-config dd {
	padding-top: 10px;
	line-height: 20px;
	color: #4b4b4b;
}

.service-wrapper .server-content .webhosting-list .column .column-more {
	padding: 14px 0 0 45px;
	font-family: "ÐÂËÎÌå";
}

.service-wrapper .server-content .webhosting-list .column .column-more a {
	color: #008fd1;
	font-weight: 700;
}

.service-wrapper .server-content .webhosting-list .column .column-bottom {
	padding-top: 24px;
	text-align: center;
}

.service-wrapper .server-content .webhosting-list .column .column-btn {
	display: inline-block;
	width: 220px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	background: #0099e0;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.service-wrapper .server-content .webhosting-list .column-li-hover .column {
	box-shadow: 0 10px 4px 0 rgba(0, 0, 0, 0.1);
}

.service-wrapper .server-content .webhosting-list .column-li-hover .column-btn {
	background: #0eb7fd;
}

.service-wrapper .server-content .webhosting-product {
	padding-bottom: 40px;
}

.service-wrapper .server-content .webhosting-product .wp-title {
	padding-left: 20px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eaeaea;
	background: url(../images/advantage-icon.jpg) no-repeat -178px -162px;
	font-size: 20px;
	color: #3b3b3b;
}

.service-wrapper .server-content .wjf-ui-tab-content {
	background: #F6F6F6;
}

.service-wrapper .server-content .webhosting-list .column .price {
	position: relative;
	padding-top: 12px;
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 1.1;
}

.service-wrapper.phone400 {
	margin-bottom: 120px;
}

.service-wrapper.phone400 .container {
	max-width: 1500px;
}

.service-wrapper.phone400 .phone400-intro {
	background: url(../images/xbg3.jpg) center/cover no-repeat;
	background-size: cover;
	padding: 80px 0;
}

.service-wrapper.phone400 .phone400-set-meal {
	margin: 100px 0;
}

.service-wrapper.phone400 .server-tit {
	text-align: center;
	margin-bottom: 60px;
}

.service-wrapper.phone400 .server-tit h3 {
	font-size: 30px;
}

.service-wrapper.phone400 .server-tit p {
	color: #999;
	font-size: 16px;
	margin-top: 15px;
}

.service-wrapper.phone400 .item-list {
	display: flex;
}

.service-wrapper.phone400 .tc-item {
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #fff;
	margin-bottom: 20px;
}

.service-wrapper.phone400 .fr {
	float: right;
}

.service-wrapper.phone400 .tc-item:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	border: 1px solid #e3e3e3;
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
}

.service-wrapper.phone400 .tc-list:hover .top-content {
	border-color: #fff;
}

.service-wrapper.phone400 .tc-item {
	width: 32%;
	margin-right: 2%;
}

.service-wrapper.phone400 .tc-item:nth-child(3n) {
	margin-right: 0;
}

.service-wrapper.phone400 .tc-item .top-content {
	border: 1px solid #e5e5e5;
	border-bottom: none;
	position: relative;
	padding: 30px 25px;
}

.service-wrapper.phone400 .tc-item .top-content .note-img {
	position: absolute;
	right: 14px;
	top: -12px;
}

.service-wrapper.phone400 .tc-item .top-content h3 {
	font-size: 22px;
	color: #333;
	font-weight: bold;
}

.service-wrapper.phone400 .tc-item .top-content h4 {
	color: #9b9ea0;
	margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
}

.service-wrapper.phone400 .tc-item .top-content h5 {
	margin-top: 25px;
	color: #0099e0;
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: bold;
}

.service-wrapper.phone400 .tc-item .top-content .text-list {
	margin-top: 10px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 12px;
	position: relative;
}

.service-wrapper.phone400 .tc-item .top-content .text-list div.p {
	color: #444;
	font-size: 16px;
	margin-bottom: 20px;
	position: relative;
	height: 14px;
	line-height: 14px;
	cursor: pointer;
}

.service-wrapper.phone400 .tc-item .top-content .text-list div.p img.a {
	float: left;
	margin-right: 5px;
	margin-top: 3px;
}

.service-wrapper.phone400 .tc-item .top-content .text-list div.p img.b {
	position: relative;
	margin-left: 9px;
	top: -2px;
	cursor: pointer;
}

.service-wrapper.phone400 .tc-item .top-content .text-list div.p:hover .tips {
	display: block;
}

.service-wrapper.phone400 .tc-item .top-content .text-list .tips {
	background: url(../img/tc-fcbg.png) no-repeat;
	width: 313px;
	height: 151px;
	position: absolute;
	z-index: 99;
	display: none;
}

.service-wrapper.phone400 .tc-item .top-content .text-list .tips .tips-title {
	color: rgba(0, 0, 0, 0.451);
	font-size: 12px;
	padding: 30px 30px 0 30px;
}

.service-wrapper.phone400 .tc-item .top-content .text-list .tips .tips-text {
	color: #333;
	font-size: 12px;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 18px;
	margin-top: 10px;
}

.service-wrapper.phone400 .tc-item .top-content .num-list {
	margin-top: 20px;
}

.service-wrapper.phone400 .tc-item .top-content .num-list .title-text {
	color: #0099e0;
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	margin-bottom: 6px;
}

.service-wrapper.phone400 .tc-item .top-content .num-list .title-text p {
	font-weight: 700;
}

.service-wrapper.phone400 .tc-item .top-content .num-list .title-text a {
	font-size: 12px;
	border-radius: 9px;
	background: #f4222f;
	border: 1px solid #f4222f;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
	background-image: linear-gradient(0deg, #FF512F, #F4202F);
	width: 67px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	-webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
	transition: color .3s ease-in-out, background .3s ease-in-out;
	cursor: pointer;
}

.service-wrapper.phone400 .tc-item .top-content .num-list .title-text a:hover {
	background: #fff;
	color: #e60012;
	border: 1px solid #e60012;
}

.service-wrapper.phone400 .tc-item .top-content .num-list .tel span {
	color: #333;
	font-size: 13px;
	margin-top: 13px;
	display: inline-block;
	margin-right: 12px;
	cursor: pointer;
	width: 95px;
	height: 19px;
	line-height: 19px;
}

.service-wrapper.phone400 .tc-item .top-content .num-list .tel span.active {
	width: 95px;
	height: 19px;
	line-height: 19px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	background: #f4222f;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
	background-image: linear-gradient(0deg, #FF512F, #F4202F);
}

.service-wrapper.phone400 .tc-item .top-content .num-list .tel span.mr0 {
	margin-right: 0;
}

.service-wrapper.phone400 .tc-item .bottom-content {
	background: #3DB1EA;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#33a4dc), to(#3ca7dc));
	background-image: linear-gradient(0deg, #33a4dc, #3ca7dc);
	padding: 35px 30px;
	position: relative;
}

.service-wrapper.phone400 .tc-item .bottom-content .a {
	border: 1px solid #FFFFFF;
	width: 77px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
}

.service-wrapper.phone400 .tc-item .bottom-content .star {
	background: #FFF000;
	display: inline-block;
	width: 84px;
	height: 22px;
	vertical-align: middle;
	line-height: 22px;
	text-align: center;
	position: absolute;
	color: #E60012;
	font-size: 12px;
	top: 35px;
	left: 120px;
}

.service-wrapper.phone400 .tc-item .bottom-content .b {
	margin-top: 15px;
	color: #fff;
	font-size: 20px;
}

.service-wrapper.phone400 .tc-item .bottom-content .b .fsize {
	font-size: 40px;
	font-weight: 700;
}

.service-wrapper.phone400 .tc-item .bottom-content .b .textspace {
	font-size: 14px;
	margin-left: 25px;
}

.service-wrapper.phone400 .tc-item .bottom-content .btn {
	border: 1px solid #FFFFFF;
	border-radius: 18px;
	width: 217px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	display: block;
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	cursor: pointer;
	-webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
	transition: color .3s ease-in-out, background .3s ease-in-out;
}

.service-wrapper.phone400 .tc-item .bottom-content .btn:hover {
	background: #fff;
	color: #33a4dc;
	border: 1px solid #33a4dc;
}

.service-wrapper.phone400 .phone400-lc .container .title {
	text-align: center;
}

.service-wrapper.phone400 .phone400-lc .container .kt-step-content {
	margin-top: 44px;
	display: flex;
	align-items: top;
}

.service-wrapper.phone400 .phone400-lc .container .kt-step-content .step-list {
	width: 32%;
	margin-right: 20px;
	background-color: #f6f7fa;
}

.service-wrapper.phone400 .phone400-lc .container .kt-step-content .step-list .step-top {
	background: #3DB1EA;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#33a4dc), to(#3ca7dc));
	background-image: linear-gradient(0deg, #33a4dc, #3ca7dc);
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	font-size: 20px;
	color: #fff;
}

.service-wrapper.phone400 .phone400-lc .container .kt-step-content .step-list .step-bottom {
	padding: 28px 22px;
}

.service-wrapper.phone400 .phone400-lc .container .kt-step-content .step-list .step-bottom p {
	color: #777;
	font-size: 17px;
	line-height: 30px;
}

.service-wrapper.phone400 .phone400-lc .container .kt-step-content .step-list .step-bottom a {
	display: block;
	margin-top: 20px;
	border-radius: 18px;
	background: #fff;
	width: 122px;
	height: 38px;
	line-height: 38px;
	color: #3aa6dc;
	text-align: center;
	font-size: 14px;
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	cursor: pointer;
}

.service-wrapper.phone400 .phone400-lc .container .kt-step-content .step-list .step-bottom a:hover {
	background: #3DB1EA;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#33a4dc), to(#3ca7dc));
	background-image: linear-gradient(0deg, #33a4dc, #3ca7dc);
	color: #fff;
}

.service-wrapper.phone400 .skt-light-gn .light-list {
	margin-top: 44px;
}

.service-wrapper.phone400 .skt-light-gn .light-list .light-content {
	width: 271px;
	margin-right: 15px;
	float: left;
	height: 323px;
	background: #f6f7fa;
	poSition: relative;
}

.service-wrapper.phone400 .skt-light-gn .light-list .light-content .main-con {
	padding: 28px 27px;
}

.service-wrapper.phone400 .skt-light-gn .light-list .light-content .main-con .top-content {
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 19px;
}

.service-wrapper.phone400 .skt-light-gn .light-list .light-content .main-con .top-content img {
	margin-right: 18px;
}

.service-wrapper.phone400 .skt-light-gn .light-list .light-content .main-con .top-content h3 {
	color: #333;
	font-size: 18px;
	line-height: 30px;
}

.service-wrapper.phone400 .skt-light-gn .light-list .light-content .main-con .top-content p {
	color: #333;
	font-size: 14px;
	line-height: 18px;
}

.service-wrapper.phone400 .skt-light-gn .light-list .light-content .main-con .bottom-content {
	padding-top: 10px;
}

.service-wrapper.phone400 .skt-light-gn .light-list .light-content .main-con .bottom-content p {
	color: #444;
	line-height: 22px;
	font-size: 13px;
	margin-top: 10px;
	position: relative;
}

.service-wrapper.phone400 .skt-light-gn .light-list .light-content .main-con .bottom-content p img {
	float: left;
	margin-right: 3px;
	margin-top: 6px;
}

.service-wrapper.phone400 .skt-light-gn .light-list .light-content .main-con .bottom-content a {
	display: block;
	margin-top: 20px;
	border: 1px solid #FF0000;
	border-radius: 18px;
	background: #fff;
	width: 122px;
	cursor: pointer;
	height: 38px;
	line-height: 38px;
	color: #FF0000;
	text-align: center;
	font-size: 14px;
	position: absolute;
	bottom: 28px;
	left: 27px;
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

.service-wrapper.phone400 .skt-light-gn .light-list .light-content .main-con .bottom-content a:hover {
	background: #E70012;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
	background-image: linear-gradient(0deg, #FF512F, #F4202F);
	-webkit-box-shadow: 0 0 16px 0px #F5232F;
	box-shadow: 0 0 16px 0px #F5232F;
	color: #fff;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content {
	position: relative;
	margin-top: 44px;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .left-content {
	background: #F6F7FA;
	width: 189px;
	height: 259px;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .left-content .main-content {
	padding: 0 36px;
	text-align: center;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .left-content .main-content span {
	display: block;
	cursor: pointer;
	line-height: 64px;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #dddee1;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .left-content .main-content span.active {
	color: #0099e0;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .left-content .main-content hr {
	background: #dddee1;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .center-content {
	background: #f4222f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF512F), to(#F4202F));
	background-image: linear-gradient(-180deg, #FF512F, #F4202F);
	-webkit-box-shadow: 0 0 18px 0px #FF8690;
	box-shadow: 0 0 18px 0px #FF8690;
	width: 631px;
	height: 258px;
	position: relative;
	z-index: 50;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .center-content .main-content h3 {
	color: #fff;
	font-size: 18px;
	padding-top: 50px;
	padding-bottom: 32px;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .center-content .main-content p {
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	padding-left: 83px;
	padding-right: 45px;
	margin-bottom: 6px;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .center-content .main-content p img {
	float: left;
	margin-top: 8.5px;
	margin-right: 5px;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .center-content .main-content p span {
	float: left;
	font-weight: 700;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .right-content {
	background: #f6f7fa;
	width: 310px;
	height: 220px;
	float: left;
	position: absolute;
	right: 0;
	top: 19px;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .right-content h3 {
	color: #333;
	font-size: 14px;
	margin-top: 50px;
	position: relative;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .right-content h3 img {
	position: relative;
	margin-right: 5px;
	top: -2px;
}

.service-wrapper.phone400 .skt-service-ys .wrap .service-content .right-content p {
	padding-left: 35px;
	padding-right: 35px;
	line-height: 25px;
	font-size: 14px;
	color: #333;
	padding-top: 15px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content {
	margin-top: 44px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list {
	background: #f4222f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF512F), to(#F4202F));
	background-image: linear-gradient(-180deg, #FF512F, #F4202F);
	-webkit-box-shadow: 0 0 18px 0px #FF8690;
	box-shadow: 0 0 18px 0px #FF8690;
	width: 1008px;
	height: 470px;
	position: relative;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title {
	height: 72px;
	line-height: 72px;
	color: #fff;
	padding: 0 20px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title span.txt {
	font-size: 14px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p {
	font-size: 18px;
	position: relative;
	padding-left: 40px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span {
	position: absolute;
	top: 24px;
	width: 35px;
	height: 27px;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span.a {
	background-image: url(../img/car.png);
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span.b {
	background-image: url(../img/canyin.png);
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span.c {
	background-image: url(../img/jiadian.png);
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span.d {
	background-image: url(../img/kuaidi.png);
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span.e {
	background-image: url(../img/shuma.png);
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span.f {
	background-image: url(../img/dianshang.png);
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span.g {
	background-image: url(../img/yifu.png);
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span.h {
	background-image: url(../img/bank.png);
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span.i {
	background-image: url(../img/hotel.png);
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span.j {
	background-image: url(../img/baoxian.png);
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span.k {
	background-image: url(../img/jijin.png);
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span.l {
	background-image: url(../img/food.png);
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-list .list-title p span.m {
	background-image: url(../img/muying.png);
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content {
	margin: 0 20px;
	background: #fff;
	height: 378px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img {
	background-image: url(../img/case-all.jpg);
	background-repeat: no-repeat;
	height: 378px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img ul li {
	float: left;
	width: 20%;
	height: 189px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img ul li a {
	display: none;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img ul li a img {
	position: absolute;
	top: 25px;
	left: -5px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img ul li:hover a {
	display: block;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img-contenta {
	background-position: 0 -9px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img-contentb {
	background-position: 0 -378px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img-contentc {
	background-position: 0 -744px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img-contentd {
	background-position: 0 -1112px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img-contente {
	background-position: 0 -1481px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img-contentf {
	background-position: 0 -1850px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img-contentg {
	background-position: 0 -2216px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img-contenth {
	background-position: 0 -2585px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img-contenti {
	background-position: 0 -2952px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img-contentj {
	background-position: 0 -3320px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img-contentk {
	background-position: 0 -3689px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img-contentl {
	background-position: 0 -4056px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .list-content .img-contentm {
	background-position: 0 -4423px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-nav {
	width: 123px;
	height: 470px;
	position: relative;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-nav .line {
	height: 100%;
	width: 1px;
	background: #f4222f;
	position: absolute;
	left: 50px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-nav ul li {
	text-align: right;
	padding-right: 22px;
	height: 38px;
	color: #333;
	font-size: 14px;
	position: relative;
	z-index: 110;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-nav ul li span {
	background: url(../img/red-circle.png) no-repeat center;
	position: absolute;
	width: 15px;
	height: 15px;
	right: 65px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-nav ul li a {
	color: #333;
	font-size: 14px;
}

.service-wrapper.phone400 .skt-xh-anli .wrap .anli-content .an-nav ul li.active span {
	background: url(../img/red-circle-state.png) no-repeat center;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content {
	margin-top: 44px;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item {
	float: left;
	width: 366px;
	margin-right: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	border: 1px solid #fff;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item:hover {
	margin-top: -8px;
	-webkit-box-shadow: 0 0 18px 0px #FF8690;
	box-shadow: 0 0 18px 0px #FF8690;
	border: 1px solid #FF8690;
	box-sizing: border-box;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item:hover .item-bottom {
	border-color: #fff;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-top {
	background: #f4222f;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
	background-image: linear-gradient(0deg, #FF512F, #F4202F);
	padding: 30px 20px 25px 30px;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-top a {
	border: 1px solid #FFFFFF;
	border-radius: 18px;
	width: 124px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	margin-top: 12px;
	cursor: pointer;
	-webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
	transition: color .3s ease-in-out, background .3s ease-in-out;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-top a:hover {
	background: #fff;
	color: #e60012;
	border: 1px solid #e60012;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-top .a {
	color: #fff;
	font-size: 20px;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-top .a span.f40 {
	font-size: 40px;
	font-weight: bold;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-top .a span.f25 {
	font-size: 25px;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-top .b {
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom {
	padding: 22px 25px;
	border: 1px solid #e5e5e5;
	border-top: none;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .img-dingzhi {
	height: 137px;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .a a {
	cursor: pointer;
	font-size: 12px;
	border-radius: 9px;
	background: #f4222f;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
	background-image: linear-gradient(0deg, #FF512F, #F4202F);
	width: 67px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	border: 1px solid #f4222f;
	-webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
	transition: color .3s ease-in-out, background .3s ease-in-out;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .a a:hover {
	background: #fff;
	color: #e60012;
	border: 1px solid #e60012;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .a h5 {
	color: #0099e0;
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	margin-bottom: 6px;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .text-list {
	margin-top: 10px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 12px;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .text-list p {
	color: #444;
	font-size: 13px;
	margin-bottom: 10px;
	position: relative;
	height: 14px;
	line-height: 14px;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .text-list p img.a {
	float: left;
	margin-right: 6px;
	margin-top: 3px;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .num-list {
	margin-top: 20px;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .num-list .title-text {
	color: #0099e0;
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	margin-bottom: 6px;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .num-list .title-text p {
	font-weight: 700;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .num-list .title-text a {
	font-size: 12px;
	cursor: pointer;
	border-radius: 9px;
	background: #f4222f;
	border: 1px solid #f4222f;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
	background-image: linear-gradient(0deg, #FF512F, #F4202F);
	width: 67px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	-webkit-transition: color .3s ease-in-out, background .3s ease-in-out;
	transition: color .3s ease-in-out, background .3s ease-in-out;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .num-list .title-text a:hover {
	background: #fff;
	color: #e60012;
	border: 1px solid #e60012;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .num-list .tel span {
	color: #333;
	font-size: 13px;
	margin-top: 13px;
	display: inline-block;
	margin-right: 12px;
	cursor: pointer;
	width: 95px;
	height: 19px;
	line-height: 19px;
}

.service-wrapper.phone400 .skt-tj .wrap .tj-content .content-item .item-bottom .num-list span.active {
	width: 95px;
	height: 19px;
	line-height: 19px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	background: #f4222f;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
	background-image: linear-gradient(0deg, #FF512F, #F4202F);
}

.service-wrapper.phone400 .skt-our-address .address-nav {
	margin-top: 44px;
	background: #f6f7fa;
	height: 48px;
	line-height: 48px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.service-wrapper.phone400 .skt-our-address .address-nav ul li {
	float: left;
	width: 188px;
	text-align: center;
	height: 44px;
	border-top: 4px solid #f6f7fa;
	position: relative;
	z-index: 90;
}

.service-wrapper.phone400 .skt-our-address .address-nav ul li a {
	color: #333000;
	font-size: 18px;
	display: block;
	height: 28px;
	line-height: 28px;
	margin-top: 6px;
	border-left: 1px solid #e5e5e5;
}

.service-wrapper.phone400 .skt-our-address .address-nav ul li.active {
	background: #fff;
	border-top: 4px solid #ff0202;
}

.service-wrapper.phone400 .skt-our-address .address-list {
	position: relative;
	height: 295px;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	padding: 25px 50px 25px 60px;
}

.service-wrapper.phone400 .skt-our-address .address-list .map {
	background-image: url(../img/7-3.png);
	background-repeat: no-repeat;
}

.service-wrapper.phone400 .skt-our-address .address-list .shanghai-map {
	width: 405px;
	height: 314px;
	background-position: 0 -330px;
}

.service-wrapper.phone400 .skt-our-address .address-list .beijing-map {
	width: 405px;
	height: 330px;
	background-position: 0 0;
}

.service-wrapper.phone400 .skt-our-address .address-list .guangzhou-map {
	width: 405px;
	height: 328px;
	background-position: 0 -643px;
}

.service-wrapper.phone400 .skt-our-address .address-list .shenzhen-map {
	width: 405px;
	height: 310px;
	background-position: 0 -972px;
}

.service-wrapper.phone400 .skt-our-address .address-list .nantong-map {
	background-image: url(../img/nantongmap.png);
	background-repeat: no-repeat;
	width: 379px;
	height: 298px;
}

.service-wrapper.phone400 .skt-our-address .address-list h3 {
	font-size: 24px;
	color: #FF0000;
	padding-bottom: 35px;
	padding-top: 30px;
}

.service-wrapper.phone400 .skt-our-address .address-list .address-text .map-line {
	height: 1px;
	width: 335px;
	border-top: 1px dashed #afafaf;
	margin: 15px 0;
}

.service-wrapper.phone400 .skt-our-address .address-list .address-text p {
	line-height: 30px;
	color: #222;
	font-size: 15px;
	position: relative;
}

.service-wrapper.phone400 .skt-our-address .address-list .address-text p img {
	margin-right: 10px;
	position: relative;
	top: -1px;
}

.service-wrapper.phone400 .skt-our-address .address-list .address-text .address-bot p {
	font-size: 15px;
	margin-left: 8px;
	line-height: 20px;
}

.service-wrapper.phone400 .skt-our-address .address-list .address-text .address-bot .train {
	background-image: url(../img/bus-train-icon.png);
	background-repeat: no-repeat;
}

.service-wrapper.phone400 .skt-our-address .address-list .address-text .address-bot .sh {
	width: 24px;
	height: 51px;
	background-position: -72px 0;
}

.service-wrapper.phone400 .skt-our-address .address-list .address-text .address-bot .gz {
	width: 24px;
	height: 51px;
	background-position: -24px 0;
}

.service-wrapper.phone400 .skt-our-address .address-list .address-text .address-bot .sz {
	width: 24px;
	height: 51px;
	background-position: -48px 0;
}

.service-wrapper.phone400 .skt-our-address .address-list .address-text .address-bot .nt {
	width: 24px;
	height: 24px;
	background-position: -48px -29px;
}

.service-wrapper.phone400 .skt-our-address .address-list .address-text .address-bot .bj {
	width: 24px;
	height: 51px;
	background-position: 0 0;
}

.service-wrapper.phone400 .skt-our-address .address-list .address-text .address-bot .mgt10 {
	margin-top: 7px;
	line-height: 26px !important;
}

.service-wrapper.phone400 .phone400-lc {
	margin-bottom: 80px;
}

.service-wrapper.phone400 .xi_tibox {
	padding: 50px;
	background: rgba(255, 255, 255, 0.9);
}

.service-wrapper.phone400 .xi_ti_h2 {
	text-align: center;
	font-size: 28px;
	color: #333;
	margin-bottom: 60px;
}

.service-wrapper.phone400 .xi_ti_h2 span {
	position: relative;
	padding: 0 60px;
	font-size: 30px;
}


.service-wrapper.phone400 .xi_ti_icon {
	text-align: center;
}

.service-wrapper.phone400 .xi_ti_icon li {
	height: 55px;
	line-height: 55px;
	border-left: 1px solid #eee;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	padding: 0 65px;
}

.service-wrapper.phone400 .xi_ti_icon li:first-child {
	border-left: none;
}

.service-wrapper.phone400 .xi_ti_icon li img {
	max-height: 100%;
	max-width: 120px;
	vertical-align: bottom;
	width: 180px;
}

.service-wrapper.phone400 .xi_ti_text {
	margin: 30px auto 35px;
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height: 40px;
}

.service-wrapper.phone400 .xi_ti_text p {
	font-size: 16px;
}

.service-wrapper.phone400 .xi_ti_des {
	text-align: center;
}

.service-wrapper.phone400 .xi_ti_des li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 22px;
}

.service-wrapper.phone400 .xi_ti_des img {
	width: 50px;
	height: 50px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}

.service-wrapper.phone400 .xi_ti_des .text {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size: 12px;
	color: #555;
	padding: 0 15px;
}

.service-wrapper.phone400 .xi_ti_des .text p {
	font-size: 17px;
}

.service-wrapper.phone400 .xi_ti_des li:hover img {
	animation: bounce 1s 0s linear normal;
	-webkit-animation: bounce 1s 0s linear normal;
}

.service-wrapper.phone400 .xi_tel_inq {
	padding: 40px 0 60px;
	text-align: center;
}

.service-wrapper.phone400 .xi_tiq_list {
	margin-top: 45px;
}

.service-wrapper.phone400 .xi_tiq_list li {
	overflow: hidden;
	padding-top: 36px;
	height: 480px;
	float: left;
	width: 25%;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-left: none;
	transition: all .25s;
	-webkit-transition: all .25s;
}

.service-wrapper.phone400 .xi_tiq_list li:first-child {
	border-left: 1px solid #eee;
}

.service-wrapper.phone400 .xi_tiq_list dd .xi_box {
	font-size: 16px;
	color: #555;
	height: 38px;
	line-height: 38px;
	width: 100px;
	margin: 0 24px;
	box-sizing: border-box;
	float: left;
}

.service-wrapper.phone400 .xi_tiq_list dd a {
	display: none;
}

.service-wrapper.phone400 .xi_tiq_list .xi_h2 {
	padding: 0 10px;
	font-size: 24px;
	color: #333;
}

.service-wrapper.phone400 .xi_tiq_list .xi_num {
	color: #fff;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	font-size: 72px;
	margin: 28px auto 30px;
}

.service-wrapper.phone400 .xi_tiq_list .xi_box a {
	background: #fff;
	min-width: 100px;
	border-radius: 3px;
}

.service-wrapper.phone400 .xi_tiq4 .xi_num {
	font-size: 30px;
	font-weight: bold;
}

.service-wrapper.phone400 .xi_tiq1:hover,
.service-wrapper.phone400 .xi_tiq1 .xi_num {
	background: #ff9000;
}

.service-wrapper.phone400 .xi_tiq2:hover,
.service-wrapper.phone400 .xi_tiq2 .xi_num {
	background: #3b99f0;
}

.service-wrapper.phone400 .xi_tiq3:hover,
.service-wrapper.phone400 .xi_tiq3 .xi_num {
	background: #57be5b;
}

.service-wrapper.phone400 .xi_tiq4:hover,
.service-wrapper.phone400 .xi_tiq4 .xi_num {
	background: #ff6868;
}

.service-wrapper.phone400 .xi_tiq_list li:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.service-wrapper.phone400 .xi_tiq_list li:hover * {
	color: #fff;
}

.service-wrapper.phone400 .xi_tiq_list li:hover .xi_num {
	background: #fff;
}

.service-wrapper.phone400 .xi_tiq_list li .xi_box:hover span {
	display: none;
}

.service-wrapper.phone400 .xi_tiq_list li .xi_box:hover a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.service-wrapper.phone400 .xi_tiq1:hover .xi_num,
.service-wrapper.phone400 .xi_tiq1 .xi_box a {
	color: #ff9000;
}

.service-wrapper.phone400 .xi_tiq2:hover .xi_num,
.service-wrapper.phone400 .xi_tiq2 .xi_box a {
	color: #3b99f0;
}

.service-wrapper.phone400 .xi_tiq3:hover .xi_num,
.service-wrapper.phone400 .xi_tiq3 .xi_box a {
	color: #57be5b;
}

.service-wrapper.phone400 .xi_tiq4:hover .xi_num,
.service-wrapper.phone400 .xi_tiq4 .show-4 .h2:before {
	content: "";
	position: absolute;
	width: 250px;
	height: 2px;
	background: #ccc;
	left: 240px;
	top: 20px;
}

.service-wrapper.phone400 .show-4 .h2:after {
	content: "";
	position: absolute;
	width: 250px;
	height: 2px;
	background: #ccc;
	right: 240px;
	top: 20px;
}

.service-wrapper.phone400 .show-4 .h2 h2 {
	font-size: 28px;
	color: #666;
	display: inline-block;
	font-weight: normal;
}

.service-wrapper.phone400 .show-4 .item-title {
	margin-bottom: 30px;
}

.service-wrapper.phone400 .show-4 .item-title p {
	color: #999;
	font-size: 14px;
}

.service-wrapper.phone400 .show-4 .item-title p .strong {
	font-size: 18px;
}


/*域名注册*/

.ymzc-wrapper {
	margin: 100px 0 0;
	/*热门域名*/
	/* 域名优势*/
	/* 域名价格表*/
}

.ymzc-wrapper .ymzc-hot .ymzc-list {
	display: flex;
	flex-wrap: wrap;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item {
	position: relative;
	width: 23.5%;
	margin-right: 2%;
	padding: 20px 30px;
	border: 1px solid #eee;
	margin-bottom: 30px;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item:nth-child(4n) {
	margin-right: 0;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item:hover {
	box-shadow: 0 2px 12px rgba(75, 75, 75, 0.3);
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item:hover .item-tit .title {
	opacity: 1;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item:hover .item-tit .desc {
	opacity: 1;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item .item-tit .title {
	font-size: 18px;
	color: #191c3d;
	line-height: 22px;
	overflow: hidden;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item .item-tit .desc {
	margin-top: 12px;
	color: #858999;
	line-height: 22px;
	margin-bottom: 18px;
	overflow: hidden;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item .item-labels {
	margin-top: 6px;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item .item-labels .label {
	display: inline-block;
	margin-right: 5px;
	color: #fff;
	background-color: #0099e0;
	padding: 4px;
	font-size: 12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item .price-container {
	margin-top: 10px;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item .price-container .price-item {
	display: inline-block;
	margin-right: 20px;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item .price-container .price-item .price {
	font-size: 24px;
	color: #e0005d;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item .price-container .price-item .price em {
	font-size: 18px;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item .price-container .price-item .price.origin-price {
	font-size: 16px;
	text-decoration: line-through;
	color: #c1c5ce;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item .price-container .price-item .price-unit {
	color: #c1c5ce;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item .tag {
	position: absolute;
	width: 54px;
	height: 57px;
	top: -4px;
	left: -4px;
	background: url(../images/hot.png) center/cover no-repeat;
}

.ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item .tag span {
	position: absolute;
	top: 16px;
	left: 8px;
	color: #fff;
	transform: rotate(-47deg);
	-webkit-transform: rotate(-47deg);
	-moz-transform: rotate(-47deg);
	-ms-transform: rotate(-47deg);
	-o-transform: rotate(-47deg);
	font-size: 12px;
}

.ymzc-wrapper .ymzc-advantage {
	height: 362px;
	background: url(../images/bg_about-data.jpg) center/cover no-repeat;
	color: #fff;
	margin: 130px 0 0;
}

.ymzc-wrapper .ymzc-advantage .container {
	display: flex;
	justify-content: space-between;
}

.ymzc-wrapper .ymzc-advantage .container .advantage-item {
	width: 20%;
	margin-top: 80px;
	text-align: center;
}

.ymzc-wrapper .ymzc-advantage .container .advantage-item .icon {
	background-color: #0099e0;
	width: 80px;
	height: 80px;
	padding: 20px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: inline-block;
	margin-bottom: 30px;
}

.ymzc-wrapper .ymzc-advantage .container .advantage-item .title {
	font-size: 20px;
	margin-bottom: 15px;
}

.ymzc-wrapper .ymzc-advantage .container .advantage-item .desc {
	line-height: 28px;
	color: #ccc;
	width: 90%;
	margin: 0 auto;
}

.ymzc-wrapper .ymzc-price-table {
	background-color: #f8f8f8;
	padding: 120px 0;
}

.ymzc-wrapper .ymzc-price-table .container {
	max-width: 1500px;
	background-color: #fff;
	padding: 50px;
}

.ymzc-wrapper .ymzc-price-table .title {
	text-align: center;
	font-size: 30px;
}

.ymzc-wrapper .ymzc-price-table .price-table-main {
	margin-top: 50px;
}

.ymzc-wrapper .ymzc-price-table .yumin-cong {
	width: 1200px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
}

.ymzc-wrapper .ymzc-price-table .yumin-cong-right {
	width: 220px;
	background-color: #fff;
	float: right;
	padding: 10px 15px 25px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.ymzc-wrapper .ymzc-price-table .yumin-list {
	padding: 10px 0;
}

.ymzc-wrapper .ymzc-price-table .yumin-list li {
	font-size: 14px;
	line-height: 50px;
	padding: 0 1%;
	height: 50px;
	margin-right: 1%;
	width: 47%;
	float: left;
	border-bottom: 1px dashed #d2d2d2;
}

.ymzc-wrapper .ymzc-price-table .yumin-list li:hover {
	background: #f2f7fd;
}

.ymzc-wrapper .ymzc-price-table .yumin-list li .yuming-left {
	float: left;
	color: #434343;
	text-align: left;
}

.ymzc-wrapper .ymzc-price-table .yumin-list li .yuming-right {
	float: right;
	color: #FF6600;
	font-size: 14px;
	text-align: right;
}

.ymzc-wrapper .ymzc-price-table .yumin-list li .yuming-kyzc {
	color: #009a2c;
}

.ymzc-wrapper .ymzc-price-table .journalism_3 {
	display: block;
	font-size: 14px;
	line-height: 23px;
	color: #333333;
	border-bottom: 1px solid #d1d1d1;
}

.ymzc-wrapper .ymzc-price-table .nrwk {
	background: url(lmeum_bg.jpg) repeat-x left top;
}

.ymzc-wrapper .ymzc-price-table .domaintbl td {
	border: 1px solid #eee;
	border-bottom: none;
	padding: 10px 0;
}

.ymzc-wrapper .ymzc-price-table .domaintbl td span {
	margin: 0 0 0 15px;
}

.ymzc-wrapper .ymzc-price-table .yumin-title {
	font-size: 18px;
	color: #333;
	margin: 10px 0 12px;
	font-weight: normal;
}

.ymzc-wrapper .ymzc-price-table .yumin-ul {
	line-height: 32px;
	font-size: 15px;
	color: #333;
}

.ymzc-wrapper .ymzc-price-table .yumin-ul a {
	color: #333;
}

.ymzc-wrapper .ymzc-price-table .yumin-ul a:hover {
	text-decoration: underline;
}

.ymzc-wrapper .ymzc-price-table .yumin-ul-a {
	margin-top: 20px;
	width: 100%;
	height: 35px;
	color: #fff;
	background: #20a3cd;
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 35px;
}

.ymzc-wrapper .ymzc-price-table .yumin-ul-a:hover {
	background: #fb7218;
}

.ymzc-wrapper .ymzc-price-table .ke-zeroborder {
	line-height: 35px;
	border-bottom: 1px #eee solid;
}

.ymzc-wrapper .ymzc-price-table .ke-zeroborder tr:hover {
	background-color: #f7f7f7;
}


/*关于我们*/

.about-wrapper {
	margin-top: 100px;
}

.about-wrapper .about-title {
	margin-bottom: 45px;
}

.about-wrapper .about-title h3 {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 20px;
}

.about-wrapper .about-title .desc {
	line-height: 30px;
	color: #666;
	font-size: 16px;
}

.about-wrapper .about-title span {
	font-size: 36px;
	color: #0099e0;
	font-weight: bold;
}

.about-wrapper .about-intro .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.about-wrapper .about-intro .container .intro-left {
	width: 60%;
}

.about-wrapper .about-intro .container .intro-right {
	width: 35%;
	margin-top: 45px;
}

.about-wrapper .about-intro .container .intro-left .about-txt p {
	line-height: 28px;
	color: #666;
	font-size: 16px;
	margin-bottom: 25px;
}

.about-wrapper .about-intro .container .intro-right img {
	width: 100%;
}

.about-wrapper .about-data {
	height: 360px;
	background: url(../images/bg_about-data.jpg) center/cover no-repeat;
	margin: 100px 0;
	padding-top: 50px;
}

.about-wrapper .about-data .about-title {
	text-align: center;
	color: #fff;
	margin-bottom: 60px;
}

.about-wrapper .about-data .about-title h3 {
	font-weight: normal;
}

.about-wrapper .about-data .about-title .desc {
	color: #ccc;
	font-size: 16px;
}

.about-wrapper .about-data .data-list {
	display: flex;
	justify-content: space-between;
	color: #fff;
	text-align: center;
}

.about-wrapper .about-data .data-list .item {
	width: 25%;
	position: relative;
}

.about-wrapper .about-data .data-list .item h4 {
	font-size: 65px;
}

.about-wrapper .about-data .data-list .item::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	height: 60px;
	width: 1px;
	background-color: #aaa;
}

.about-wrapper .about-data .data-list .item:last-child::after {
	display: none;
}

.about-wrapper .about-service {
	margin-bottom: 150px;
}

.about-wrapper .about-service .service-content {
	display: flex;
	padding-top: 10px;
}

.about-wrapper .about-service .service-content .service-item {
	width: 25%;
	text-align: center;
	border: 1px #ddd solid;
	border-left: none;
	padding: 10px 0 50px;
}

.about-wrapper .about-service .service-content .service-item:first-child {
	border-left: 1px #ddd solid;
}

.about-wrapper .about-service .service-content .service-item .item-icon {
	width: 103px;
	height: 95px;
	margin: 30px auto 50px;
}

.about-wrapper .about-service .service-content .service-item .item-tit {
	font-size: 24px;
	color: #121212;
}

.about-wrapper .about-service .service-content .service-item:hover .item-tit {
	color: #0099e0;
}

.about-wrapper .about-hzhb .hzhb-main {
	padding-top: 20px;
}

.about-wrapper .about-hzhb .hzhb-main .hzhb-list {
	display: flex;
	flex-wrap: wrap;
}

.about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item {
	width: 15.6%;
	margin-right: 1.28%;
	background-color: #f5f5f5;
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;
}

.about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item.special-item {
	width: 32.48%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding: 0;
}

.about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item.special-item .hzhb-title {
	font-size: 20px;
}

.about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item.special-item .hzhb-title p {
	font-size: 64px;
	color: #0099e0;
}

.about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item.special-item .hzhb-title span {
	font-size: 64px;
	color: #0099e0;
}

.about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item:nth-child(6n) {
	margin-right: 0;
}

.about-wrapper .about-hzhb .hzhb-main .hzhb-list:nth-child(2) .hzhb-item:nth-child(5) {
	margin-right: 0;
}

.domain-list {
	overflow: hidden;
}

.domain-list .container {
	padding: 0 1%;
}

.domain-list .result-title {
	font-size: 22px;
	margin-bottom: 24px;
}

.domain-list .container ul {
	overflow: hidden;
}

.domain-list .container ul li {
	float: left;
	width: 48%;
	display: flex;
	justify-content: space-between;
	padding: 15px;
	padding-left: 35px;
	border-bottom: 1px solid #eee;
	background: url(../images/domain-listico.svg) 3px center no-repeat;
	background-size: 20px !important;
	margin-bottom: 10px
}

.domain-list .container ul li:nth-child(2n) {
	float: right;
}

.domain-list .container ul li span {
	font-size: 16px;
	color: #434343;
}

.domain-list .container ul li p {
	font-size: 15px;
	color: #434343;
}

.domain-list .container ul li .domain-yes {
	color: #009a2c;
}

.domain-list .container ul li .domain-no {
	color: #FF6600;
}


/* 汇款方式*/

.hkfs-content {
	margin-top: 70px;
}

.hkfs-content .container {
	max-width: 1500px;
	margin: 0 auto;
}

.hkfs-content .hkfs-head {
	text-align: center;
	margin-bottom: 80px;
}

.hkfs-content .hkfs-head .tit {
	font-size: 30px;
	color: #333;
	font-weight: bold;
}

.hkfs-content .hkfs-head .desc {
	margin-top: 10px;
	line-height: 30px;
	color: #777;
	font-size: 16px;
}

.hkfs-content .hkfs-section {
	margin-bottom: 150px;
}

.hkfs-content .hkfs-section .hkfs-step {
	display: flex;
	justify-content: space-between;
}

.hkfs-content .hkfs-section .hkfs-step.wx-step .hkfs-item h4 span {
	color: #22a643;
}

.hkfs-content .hkfs-section .hkfs-step .hkfs-item {
	width: 25%;
	text-align: center;
}

.hkfs-content .hkfs-section .hkfs-step .hkfs-item:first-child .hkfs-logo {
	margin-bottom: 15px;
}

.hkfs-content .hkfs-section .hkfs-step .hkfs-item p {
	color: #666;
	line-height: 26px;
	font-size: 16px;
}

.hkfs-content .hkfs-section .hkfs-step .hkfs-item .ewm {
	margin-top: 20px;
}

.hkfs-content .hkfs-section .hkfs-step .hkfs-item h4 {
	line-height: 30px;
	font-size: 23px;
	margin-top: 15px;
	font-weight: bold;
}

.hkfs-content .hkfs-section .hkfs-step .hkfs-item h4 span {
	font-size: 23px;
	color: #0099e0;
	font-weight: bold;
}

.hkfs-content .hkfs-section .hkfs-step .hkfs-item h5 {
	margin-top: 20px;
	font-size: 18px;
}

.hkfs-content .hkfs-section .hkfs-main {
	display: flex;
	justify-content: space-between;
}

.hkfs-content .hkfs-section .hkfs-main .hkfs-item {
	width: 32%;
	border: 1px solid #eee;
	padding: 2%;
}

.hkfs-content .hkfs-section .hkfs-main .hkfs-item .hk-logo {
	margin-bottom: 25px;
}

.hkfs-content .hkfs-section .hkfs-main .hkfs-item p {
	color: #4e4e4e;
	font-size: 18px;
	line-height: 35px;
}


/*行业解决放案*/

.solution-content .container {
	max-width: 1500px;
	padding: 100px 0;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}

.solution-content .container .content {
	width: 60%;
	max-width: 560px;
}

.solution-content .show {
	clear: both;
}

.solution-content .show:nth-of-type(2n) {
	background-color: #f3f6fe;
}

.solution-content .show:nth-of-type(2n) .container {
	flex-direction: row;
}

.solution-content .show:nth-of-type(2n) .container .content {
	width: 40%;
	margin-left: 5%;
}

.solution-content .show .center {
	background: no-repeat right center;
	padding: 100px 0 110px;
}

.solution-content #show-4 .center:before {
	width: 640px;
}

.solution-content .show h2 {
	font-size: 24px;
	text-align: left;
	margin-bottom: 14px;
	font-weight: bold;
}

.solution-content .show p {
	font-size: 14px;
	color: #666;
	margin-bottom: 20px;
	line-height: 26px;
}

.solution-content .show p span {
	font-size: 16px;
}

.solution-content .show .text p {
	font-size: 18px;
	color: #333;
	margin-bottom: 15px;
}

.solution-content #show-33 .center {
	background-image: url(../images/show3.png);
}

.solution-content #show-4 .center {
	background-image: url(../images/show4.png);
}

.solution-content #show-5 .center {
	background-image: url(../images/show5.png);
	background-position: right 0;
}

.solution-content .show-bottom {
	width: 100%;
}

.solution-content .show-bottom2 {
	width: 100%;
	background-color: #F6F6F6;
}


/*seo优化*/
.service-wrapper .seo-title {
	padding: 80px 0;
	text-align: center;
}

.service-wrapper .seo-title h2 {
	font-size: 36px;
}

.service-wrapper .seo-title p {
	font-size: 16px;
	color: #666;
	margin-top: 8px;
}

.service-wrapper .seo-content .advantage-list {
	display: flex;
	justify-content: space-between;
	margin: 100px auto;
	margin-top: 0;
}

.service-wrapper .seo-content .advantage-list div {
	text-align: center;
	padding: 0 2%;
}

.service-wrapper .seo-content .advantage-list div .ico {
	min-height: 60px;
	line-height: 60px;
}

.service-wrapper .seo-content .advantage-list div h4 {
	padding-top: 23px;
	font-size: 22px;
	color: #333333;
}

.service-wrapper .seo-content .advantage-list div p {
	font-size: 16px;
	margin: 27px auto;
	color: #666666;
}

.quick-book {
	margin-bottom: 100px;
}

.quick-book form {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.quick-book form div {
	width: 24%;
}

.quick-book form div input {
	width: 100%;
	height: 58px;
	border: none;
	text-indent: 1em;
	background: #f3f6fe;
}

.quick-book form button {
	display: block;
	width: 24%;
	border: none;
	height: 58px;
	color: #fff;
	background: #0099e0;
	font-size: 18px;
}

.quick-book .quick-book-bt {
	font-size: 28px;
	text-align: center;
	margin-bottom: 30px;
}

.different {
	background: #f3f6fe;
	height: 600px;
	margin-bottom: 150px;

}

.different .container .seo-title {
	overflow: hidden;
}

.different .container .seo-title h2 {
	font-size: 36px;
	text-align: center;
}

.different .content {
	position: relative;
	text-align: center;
	height: 600px;
}

.different .content .pic-main {
	position: absolute;
	left: 0;
	top: 18%;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	max-width: 789px;
}

.different .content .itme {
	text-align: left;
	max-width: 340px;
	position: absolute;
	padding-left: 70px;
}

.different .content .itme h3 {
	font-size: 20px;
	font-weight: bold;
}

.different .content .itme p {
	font-size: 15px;
	line-height: 22px;
	margin: 4px 0 0;
	color: #666;
}

.different .content .itme1 {
	left: 12%;
	background: url(../images/seo-icon_1.png) no-repeat 0 0;
	top: 10%;
}

.different .content .itme2 {
	left: 0;
	top: 36%;
	background: url(../images/seo-icon_2.png) no-repeat 0 0;
}

.different .content .itme3 {
	right: 12%;
	background: url(../images/seo-icon_3.png) no-repeat 0 0;
	top: 10%;
}

.different .content .itme4 {
	right: 0;
	top: 36%;
	background: url(../images/seo-icon_4.png) no-repeat 0 0;
}

.different .content .itme5 {
	left: 0;
	top: -2%;
	right: 0;
	bottom: 0;
	margin: auto;
	background: url(../images/seo-icon_5.png) no-repeat 0 0;
}

.seo-content .overall {
	overflow: hidden;
	margin-bottom: 100px;
}

.seo-content .overall .container ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.seo-content .overall .container ul li {
	width: 30%;
	text-align: center;
	padding: 3%;
	box-sizing: border-box;
	display: block;
}

.seo-content .overall .container ul li:nth-child(1) {
	border-bottom: 1px solid #eee;
}

.seo-content .overall .container ul li:nth-child(2) {
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.seo-content .overall .container ul li:nth-child(3) {
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.seo-content .overall .container ul li:nth-child(5) {
	border-left: 1px solid #eee;
}

.seo-content .overall .container ul li:nth-child(6) {
	border-left: 1px solid #eee;
}

.seo-content .overall .container ul li .img {
	width: 90px;
	height: 90px;
	margin: 0 auto;
	background: #5297fa;
	border-radius: 50px;
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 90px;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
}

.seo-content .overall .container ul li.active {
	background-color: #007aff;
	color: #fff;
}

.seo-content .overall .container ul li.active .img .icon-on {
	display: block;
}

.seo-content .overall .container ul li.active .img .ico {
	display: none;
}

.seo-content .overall .container ul li .img .icon-on {
	display: none;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}

.seo-content .overall .container ul li:hover .img {
	transform: rotate(360deg);
	transition: all ease 600ms;
}

.seo-content .overall .container ul li .img img {
	width: 100%;
	height: 100%;
}

.seo-content .overall .container ul li .text h2 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
}

.seo-content .overall .container ul li .text p {
	font-size: 14px;
	color: #666;
	margin-top: 12px;
	line-height: 21px;
}


/* LOGO设计 */
.logo-main .logo-title {
	overflow: hidden;
	text-align: center;
	padding: 0 6.75%;
	margin-bottom: 67px;
}

.logo-main .logo-title h5 {
	margin: 0 0 12px;
	font-size: 32px;
	line-height: 72px;
	font-weight: 700;
	color: #1a1a1a;
}

.logo-main .logo-title p {
	color: #666;
	font-size: 15px;
	line-height: 24px;
}

.logo-main .logo-cost {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.logo-main .logo-cost .item {
	width: 24%;
	padding: 25px;
	border: 1px solid #eee;
}

.logo-main .logo-cost .item.selected {
	background: #0099e0;
	color: #fff;
	border: 1px solid #0099e0;
}

.logo-main .logo-cost .item.selected .top-title h6 {
	color: #fff;
}

.logo-main .logo-cost .item.selected .top-title .label span {
	color: #fff;
}

.logo-main .logo-cost .item.selected .cost-cont p.bold {
	color: #fff;
}

.logo-main .logo-cost .item.selected .cost-cont p {
	color: #fff;
}

.logo-main .logo-cost .item .top-title {
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.logo-main .logo-cost .item .top-title .label {
	overflow: hidden;
	margin-top: 12px;
}

.logo-main .logo-cost .item .top-title .label span {
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 5px 10px;
	display: inline-block;
	color: #666;
}

.logo-main .logo-cost .item .top-title h6 {
	font-size: 26px;
	color: #333;
	font-weight: bold;
}

.logo-main .logo-cost .item .cost-cont {
	font-size: 16px;
	color: #666;
	line-height: 24px;
}

.logo-main .logo-cost .item .cost-cont p {
	font-size: 16px;
}

.logo-main .logo-cost .item .cost-cont p.bold {
	color: #333;
	font-weight: bold;
	line-height: 24px;
	margin-top: 20px;
	margin-bottom: 5px;
}

/* 企业邮箱 */

.xi_ti_email {
	display: flex;
	justify-content: space-around;
	text-align: center;
}

.xi_ti_email .email {
	width: 32%;
	margin-right: 2%;
}

.xi_ti_email .email span {
	display: block;
	margin-top: 36px;
	font-size: 20px;
}

.xi_ti_email .email p {
	display: block;
	margin-top: 15px;
	line-height: 20px;
	font-size: 14px;
	color: #666;
}

.service-wrapper.phone400 .phone400-set-meal {
	overflow: hidden;
}

.service-wrapper.phone400 .phone400-set-meal {
	margin: 0;
	margin-bottom: 100px;
	padding-top: 100px;

}

.email-product {
	display: flex;
	justify-content: space-between;
	/* justify-content: center; */
	text-align: left;
}

.email-product .product {
	width: 32%;
	background: #fff;
	padding: 3%;
	vertical-align: top;
	box-sizing: border-box;
	border: 5px solid #f8f8f8;
}

.email-product .product.selected {
	border: 5px solid #0099e0;
}

.email-product .product ul {
	margin-top: 30px;
	padding-top: 15px;
	border-top: 1px solid #eee;
}

.email-product .product h2 {
	font-size: 30px;
	color: #333;
	margin-bottom: 8px;
}

.email-product .product h4 {
	font-size: 18px;
	margin-bottom: 20px;
	color: #444;
}

.product .product-jia {
	font-size: 30px;
	color: #0099e0;
	font-weight: bold;
	margin-bottom: 30px;
}

.product .product-gouma {
	width: 150px;
	height: 46px;
	border-radius: 5px;
	background: #0099e0;
	line-height: 48px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.product ul>li {
	font-size: 16px;
	color: rgb(63, 63, 63);
	margin-top: 20px;
}

.service-wrapper.phone400 .phone400-lc {
	margin-top: 100px;
}

.commitment {
	margin-top: 40px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;

}

.commitment .commitment-content {
	position: relative;
	width: 25%;
	padding: 2%;
}

.li-item1 {
	padding-top: 20px;
	overflow: hidden;
}

.li-item1 .icon {
	margin-bottom: 32px;
	min-height: 42px;
}

.commitment-content .text {
	color: #666666;
	font-size: 18px;
	display: none
}

.commitment-content:hover .li-item2 {
	opacity: 1;
}

.commitment-content .li-item2 {

	box-sizing: border-box;
	opacity: 1;
	transition: .4s
}

.commitment-content .li-item2 .text-title {
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
	font-weight: bold;
}

.commitment-content .li-item2 .text-description {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}

/* 企业邮箱结束 */

/* 人才招聘 */
.page-wrapper .jobs-content {
	background: #f8f8f8;
	padding: 80px 0;
}

.jobs-content .jobs-list .itme {
	background: #fff;
	padding: 38px;
	margin-bottom: 38px;
}

.jobs-content .jobs-list .itme .top-title {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
}

.jobs-content .jobs-list .itme .top-title h4 {
	font-size: 28px;
	padding-bottom: 20px;
}

.jobs-content .jobs-list .itme .top-title .widget-metas span {
	margin: 0 5px;
}

.jobs-content .jobs-list .itme .top-title .widget-metas span img {
	width: 20px;
	vertical-align: bottom;
	margin-right: 5px;
}

.jobs-content .jobs-list .itme .cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.jobs-content .jobs-list .itme .cont div {
	width: 48%;
	margin-top: 30px;
	line-height: 28px;
	margin-bottom: 20px;
}

.jobs-content .jobs-list .itme .cont div h6 {
	font-size: 22px;
	margin-bottom: 15px;
}

.jobs-content .jobs-list .itme .cont div p {
	color: #666;
}

/* 联系我们 */
.page-wrapper .contact-content {
	padding: 80px 0;
}

.contact-content .contact-title {
	text-align: center;
	margin-bottom: 60px;
}

.contact-content .contact-title h5 {
	font-size: 32px;
	line-height: 46px;
	color: #1a1a1a;
}

.contact-content .contact-title p {
	color: #666;
}

.contact-content .contact-list {
	display: flex;
	justify-content: space-between;
	max-width: 1500px;
	margin: auto;
}

.contact-content .contact-list .plate {
	text-align: center;

}

.contact-content .contact-list .plate .ico {
	margin: auto;
	width: 135px;
	height: 135px;
	border: 1px solid #ddd;
	border-radius: 50%;
	text-align: center;
}

.contact-content .contact-list .plate .ico img {
	max-width: 66px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.contact-content .contact-list .plate h4 {
	font-size: 16px;
	line-height: 28px;
	color: #1a1a1a;
	font-weight: bold;
	margin-top: 12px;
}

.contact-content .contact-list .plate p {
	font-size: 16px;
	line-height: 28px;
	color: #1a1a1a;
}

.contact-content .address {
	width: 90%;
	max-width: 1500px;
	margin: auto;
	overflow: hidden;
	margin-top: 80px;

}

.contact-content .address ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.contact-content .address ul li {
	width: 48%;
	text-align: center;
}

.contact-content .address ul li map {
	width: 100%;
	max-height: 325px;
}

.contact-content .address ul li .containerService-4 {
	font-weight: bold;
	font-size: 20px;
	margin-top: 30px;
	color: #1a1a1a;
}

.contact-content .address ul li p {
	padding: 10px 50px 0;
	line-height: 24px;
	font-size: 16px;
}

.contact-content .contact-form ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contact-content .contact-form ul li {
	width: 32%;
	margin-bottom: 1%;
}

.contact-content .contact-form {
	background: #f3f3f3;
	margin-top: 80px;
	padding: 80px 0;
}

.contact-content .contact-form form {
	margin: auto;
	width: 90%;
	max-width: 1500px;
}

.contact-content .contact-form ul li input {
	background: #fff;
	border: none;
	width: 100%;
	padding: 2%;
	height: 52px;
	line-height: 52px;
	text-indent: 1em;
	color: #666;
}

.contact-content .contact-form ul li select {
	background: #fff;
	border: none;
	width: 100%;
	height: 52px;
	line-height: 52px;
	text-indent: 1em;
	color: #666;
}

.contact-content .contact-form ul li select option {
	background: #fff;
}

.contact-content .contact-form .content {
	background: #fff;
	border: none;
	width: 100%;
	height: 52px;
	line-height: 52px;
	text-indent: 1em;
	color: #666;
	height: 150px;
}

.contact-content .contact-form .tab-btn {
	width: 300px;
	height: 52px;
	border: none;
	background: #222;
	color: #fff;
	font-size: 15px;
	margin: auto;
	display: block;
	margin-top: 2%;
}

.BMap_cpyCtrl {
	display: none;
}

.anchorBL {
	display: none;
}

@font-face {
	font-family: "socialshare";
	src: url("../fonts/iconfont.eot");
	src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg")
}

.social-share {
	font-family: "socialshare" !important;
	font-size: 20px;
    font-style: normal;
    color: #fff;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}
.social-share a{
    background: #999;
    width: 22px;
    height: 22px;
    padding: 5px;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
}
.social-share * {
    font-family: "socialshare" !important;
}

.social-share .icon-qq:before {
    content: "\f11a";
}

.social-share .icon-qzone:before {
    content: "\f08a";
}

.social-share .icon-weibo:before {
	content: "\f12a";
}
 .price-page #price-table {
            border-collapse: collapse;
            margin-top: 100px;
        }
        table {
            background-color: transparent;
        }
        table {
            border-spacing: 0;
            border-collapse: collapse;
        }
        .price-page #price-table .price-row .pack-title {
            background-color: #fff;
            border-left: 1px solid #e1e1e1;
            border-top: 1px solid #e1e1e1;
        }
        .price-page #price-table td{
            vertical-align: middle;
        }
        .price-page #price-table{border-collapse: collapse;margin-top: 100px;}
        .price-page #price-table .price-row .pack-title{width: 25%;line-height: 60px;}
        .price-page #price-table .price-row .pack-title{background-color: #fff;border-left: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;}
        .price-page #price-table .price-row .pack-title .title-0{font-size: 36px;color: #000;}
        .price-page #price-table .price-row .pack-title .title-1{font-size: 30px;color: #999;}
        .price-page #price-table .price-row .pack-col{width: 25%;}
        .price-page #price-table .price-row.r0 .pack-col{padding: 50px 0;}
        .price-page #price-table .price-row.r0 .pack-col.i0{background-color: #ffc804;border-top: 1px solid #ffc804;}
        .price-page #price-table .price-row.r0 .pack-col.i1{background-color: #ff4300;border-top: 1px solid #ff4300;}
        .price-page #price-table .price-row.r0 .pack-col.i2{background-color: #00b3ff;border-top: 1px solid #00b3ff;}
        .price-page #price-table .price-row.r0 .pack-col.i2 .note{color: rgb(255, 255, 255); font-size: 20px; margin-top: 28px;}
        .price-page #price-table .price-row.r0 .pack-col .price-title{font-family:Arial, 'PingFang';font-size: 32px;color: #fff;}
        /*.price-page #price-table .price-row.r0 .pack-col .price-title::before , .price-page #price-table .price-row.r0 .pack-col .price-title::after{width: 40px;height: 1px;background-color: #fff;position: absolute;z-index: 1;top: 50%;content: '';}*/
        .price-page #price-table .price-row.r0 .pack-col .price-title::before{right: 120%;}
        .price-page #price-table .price-row.r0 .pack-col .price-title::after{left: 120%;}
        .price-page #price-table .price-row.r0 .pack-col .pack-price{font-family:Arial, 'PingFang';font-size: 60px;color: #fff;}
        .price-page #price-table .price-row.r0 .dd-pack-col .pack-price{font-size: 40px;}
        .price-page #price-table .price-row.r0 .pack-col .pack-price::before{font-size: 30px;position: absolute;z-index: 1;top: 18px;right: 100%;content: '¥';}
        .price-page #price-table .price-row.r0 .dd-pack-col .pack-price::before{content: '';}
        .price-page #price-table .price-row.r0 .pack-col .o-price{font-size: 18px;color: #fff;opacity: .5;}
        /*.price-page #price-table .price-row.r0 .pack-col .o-price::before{width: 120%;height: 1px;background-color: #fff;left: -10%;top: 50%;position: absolute;z-index: 1;content: '';}*/
        .price-page #price-table .price-row.r1 .pack-col{padding: 30px 0 50px;}
        .price-page #price-table .price-row.r1 .pack-col.i0{background-color: #ffd306;}
        .price-page #price-table .price-row.r1 .pack-col.i1{background-color: #ff5400;}
        .price-page #price-table .price-row.r1 .pack-col.i2{background-color: #00c1ff;}
        .price-page #price-table .price-row.r1 .pack-col .renewals{font-size: 22px;color: #fff;}
        .price-page #price-table .price-row.r1 .pack-col .renewals span{font-size: 36px;}
        .price-page #price-table .price-row.r1 .pack-col .renewals font{font-size:18px; font-weight:bold;}
        .price-page #price-table .price-row.r1 .pack-col .renewals span::before{font-size: 26px;position: relative;z-index: 1;top: -8px;margin: 0 4px 0 8px;content: '¥';}
        .price-page #price-table .price-row.r1 .pack-col .o-price{font-size: 18px;color: #fff;opacity: .5;}
        /*.price-page #price-table .price-row.r1 .pack-col .o-price::before{width: 120%;height: 1px;background-color: #fff;left: -10%;top: 50%;position: absolute;z-index: 1;content: '';}*/
        .price-page #price-table .price-row.r1 .pack-col .tips{font-size: 22px;color: #fff;margin-top: 30px;}
        .price-page #price-table .price-row.r1 .pack-col .tips a{color: #fff; font-size:30px;}
        .price-page #price-table .fun-title td{line-height: 60px;font-size: 18px;color: #000;background-color: #e1e1e1; vertical-align: middle;}
        .price-page #price-table .fun-row .fun-type{font-weight: bold;font-size: 16px;color: #333;border: 1px solid #e5e5e5; vertical-align: middle;}
        .price-page #price-table .fun-row .fun-title{height: 60px;line-height: 24px;font-size: 16px;color: #333;border: 1px solid #e5e5e5; vertical-align: middle;}
        .price-page #price-table .fun-row .fun-cell{font-size: 16px;color: #666; vertical-align: middle;}
        .price-page #price-table .fun-row.i0 .fun-cell.i0{background-color: #fff; border: 1px solid #e5e5e5;}
        .price-page #price-table .fun-row.i0 .fun-cell.i1{background-color: #fff; border: 1px solid #e5e5e5;}
        .price-page #price-table .fun-row.i0 .fun-cell.i2{background-color: #fff; border: 1px solid #e5e5e5;}
        .price-page #price-table .fun-row.i1 .fun-cell.i0{background-color: #fff; border: 1px solid #e5e5e5;}
        .price-page #price-table .fun-row.i1 .fun-cell.i1{background-color: #fff; border: 1px solid #e5e5e5;}
        .price-page #price-table .fun-row.i1 .fun-cell.i2{background-color: #fff; border: 1px solid #e5e5e5;}