html {
    overflow-y: scroll;
}
html.effect,
html.effect body {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

html.effect {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

#sitecontent {
	display: none;
}

#sitecontent {
	background: #fff;
	height: 100%;
	box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.6);
	position: relative;
	z-index: 1;
}

#sitecontent {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

body.open #sitecontent {
	transform: translate3d(240px, 0, 0);
	-webkit-transform: translate3d(240px, 0, 0);
}

::-webkit-scrollbar {
	width: 10px;
	height: 30px;
}

html.effect .scrollView {
	overflow-x: hidden;
	overflow-y: auto;
	height: calc(100%);
	height: -webkit-calc(100%);
}

.header {
	min-width: 320px;
	display: block;
	height: 70px;
	position: fixed;
	left: 0;
	width: 100%;
	font-size: 16px;
	z-index: 200;
	right: 0;
	border-bottom: 1px solid transparent;
	background: rgba(26, 35, 46, 1) !important;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

/*响应式头部*/
#openlc {
	display: none;
}

#header .btn {
	padding: 10px 15px;
	background: rgba(0, 0, 0, 0);
}

.lcbody {
	width: 48px;
	height: 48px;
	position: relative;
	transform: translateZ(0px) rotate(0deg);
	transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);
}

.lcitem {
	position: absolute;
	left: 0;
	top: 0;
	transform: translateZ(0px) rotate(0deg);
	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
	-webkit-transform: translateZ(0px) rotate(0deg);
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
	width: 48px;
	height: 48px;
}

.lcitem .rect {
	width: 48px;
	height: 1px;
	background: #999999;
	position: absolute;
	left: 0;
	top: 23px;
	transition: transform 0.2s ease 0.2s;
	-webkit-transition: -webkit-transform 0.2s ease 0.2s;
}

.lcitem .rect.top {
	transform: translate3d(0px, -6px, 0px);
	-webkit-transform: translate3d(0px, -6px, 0px);
}

.lcitem .rect.bottom {
	transform: translate3d(0px, 6px, 0px);
	-webkit-transform: translate3d(0px, 6px, 0px);
}

#leftcontrol {
	width: 260px;
	height: 100%;
	background: #1a1b1c;
	position: absolute;
	top: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

body.open .lcbody {
	transform: translateZ(0px) rotate(90deg);
	-webkit-transform: translateZ(0px) rotate(90deg);
}

body.open .lcitem {
	transform: translateZ(0px) rotate(45deg);
	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
	-webkit-transform: translateZ(0px) rotate(45deg);
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}

body.open .lcitem.bottom {
	transform: translateZ(0px) rotate(-45deg);
	-webkit-transform: translateZ(0px) rotate(-45deg);
}

body.open .lcitem .rect {
	transition: transform 0.2s ease 0s;
	transform: translate3d(0px, 0px, 0px);
	-webkit-transition: -webkit-transform 0.2s ease 0s;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.iPage {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
	background: rgba(0, 0, 0, 0);
}

#leftcontrol ul li {
	display: block;
	min-height: 49px;
	border-top: 1px solid #313233;
	font-size: 1.3rem;
	width: 100% !important;
}

/*#leftcontrol ul li.active a { color: #f5533d;}*/
#leftcontrol ul li a {
	display: block;
	height: 50px;
	line-height: 51px;
	color: #b3b3b3;
	padding: 0 25px;
}

#leftcontrol ul li.active>a,
#leftcontrol ul li.hover>a,
#leftcontrol ul li.opened>a {
	background: #428fef;
	color: #fff;
}

#leftcontrol .full-menu {
	height: 0;
	overflow: hidden;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

#leftcontrol .full-menu ul {
	background: #333;
	flex-wrap: wrap;
}

#leftcontrol .full-menu ul .caption:hover a {
	color: #f5533d;
}

#leftcontrol ul li .three-menu-ul {
	display: none;
}

/*头部end*/

.gw-containter {
	/*min-height: 500px;*/
	display: block;
	padding-bottom: 63px;
}

/*脚部*/
.footer {
	min-width: 320px;
	background: #292c36;
	min-height: 222px;
	position: relative;
}

/*.footer .footer-wrap{ padding-left: 10px; padding-right: 10px;}*/

.fo1 {
	width: 25%;
	overflow: hidden;
	float: left;
	color: #8890a4;
	font-size: 18px;
	font-family: "微软雅黑";
	text-align: center;
}

.fo1 h3 {
	color: #8890a4;
	font-size: 18px;
	font-family: "微软雅黑";
	line-height: 30px;
	margin-bottom: 10px;
}

.fo1 li {
	overflow: hidden;
	color: #8890a4;
	list-style: square inside !important;
}

.fo1 li a {
	color: #8890a4;
	font-size: 14px;
	font-family: "微软雅黑";
	line-height: 25px;
}

.fo1 li a:hover {
	color: #f5533d;
}

.footer p {
	text-align: center;
	line-height: 23px;
	color: #fff;
	font-family: "微软雅黑";
	margin-top: 10px;
}

.foot-i {
	min-width: 320px;
	background: #292c36;
	border-top: 1px #3e4252 solid;
}

.foot-i p {
	text-align: center;
	line-height: 23px;
	color: #8890a4;
	font-family: "微软雅黑";
	margin-top: 10px;
}

/*右侧*/
.fx {
	position: fixed;
	bottom: 5%;
	right: 1%;
	z-index: 9999;
	height: 159px;
}

.fx li {
	position: relative;
}

.fx li a.io,
.fx li span.io {
	width: 42px;
	height: 42px;
	line-height: 65px;
	background: #8e93a2;
	display: block;
	border-radius: 50%;
	margin-bottom: 15px;
	text-align: center;
	cursor: pointer;
}

.fx li span.goTop {
	display: none;
}

.fx li a.io:hover,
.fx li span.io:hover {
	background: #717682;
}

.fx li a .icon,
.fx li span .icon {
	width: 25px;
	height: 32px;
	fill: #fff;
}

.fx li em {
	display: none;
	font-style: normal;
	position: absolute;
	top: 8px;
	left: -88px;
	width: 75px;
	height: 31px;
	background: #717682;
	line-height: 31px;
	text-align: center;
	color: #fff;
}

.fx li em:after {
	right: -15px;
	top: 5px;
	content: '';
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 10px solid #717682;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	font-size: 14px
}

.fx li:hover em {
	display: block;
}

.fx li .co {
	position: absolute;
	bottom: 0;
	right: -250px;
	width: 192px;
	z-index: 999;
	background-color: #fff;
	box-shadow: 0 5px 9px rgba(4, 0, 0, .17);
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.fx li .co .co-title {
	padding: 20px;
	line-height: 16px;
	height: 16px;
	background: #717682;
	color: #fff;
	font-size: 14px;
}

.fx li .co .co-title button {
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	float: right;
}

.fx li .co .co-title button:hover {
	color: #fff;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

.fx li .co .co-qq li a {
	padding: 12px 30px;
	height: 18px;
	line-height: 18px;
	background: #f5f5f5;
	color: #353434;
	display: block;
	border-bottom: #fff 1px solid;
	transition: all ease-out .3s;
	font-size: 12px;
}

.fx li .co .co-qq li a img {
	display: inline-block;
	margin-right: 15px;
}

.fx li .co .co-qq li a:hover {
	padding: 18px 30px;
	color: #fff;
	background: #565656;
}

.fx li .co .co-tel {
	padding: 10px 30px;
}

.fx li .co .co-tel p {
	line-height: 14px;
	height: 14px;
	margin-bottom: 10px;
	color: #898989;
}

.fx li .co .co-tel p a {
	color: #898989;
}

.imgss {
	text-align: center;
	display: block;
	padding: 10px 0;
	border-top: 1px solid #c9c9c9;
}

.imgss img {
	display: inline-block;
}

#rmain {
	position: relative;
}

/*banner轮播*/
.gw-banner {
	background: #17181d;
	min-width: 320px;
	width: 100%;
	height: 594px;
	position: relative;
}

.gw-banner .screen {
	width: 100%;
	min-width: 320px;
	min-height: 113px;
	height: 524px;
	overflow: hidden;
	position: relative;
	padding-top: 70px;
}

.gw-banner .screen ul {
	/*position: absolute; left: 0; top: 0px;*/
}

.gw-banner .screen ul li {
	overflow: hidden;
	float: left;
	position: relative;
}

.gw-banner .screen ul li .container {
	height: 100%;
}

.gw-banner .screen ul li .bntext {
	position: absolute;
	width: 50%;
	top: 50%;
	left: 0;
	margin-top: -25%;
	padding-left: 2%;
}

.gw-banner .screen ul li .bntext h1 {
	font-size: 1.875rem;
	color: #fff;
	margin-top: 22px;
	margin-bottom: 28px;
}

.gw-banner .screen ul li .bntext p {
	font-size: 1.125rem;
	color: #fff;
	margin-bottom: 50px;
}

.gw-banner .screen ul li .bntext a {
	display: block;
	height: 34px;
	width: 108px;
	font-size: 0.875rem;
	background: #f5533d;
	border-radius: 8px;
	text-align: center;
	line-height: 34px;
	color: #fff;
}

.gw-banner .screen ul li .bnimg {
	position: absolute;
	width: 50%;
	top: 55%;
	right: 0;
	display: block;
	margin-top: -25%;
}

.gw-banner .screen ul li .bnimg .bnimg1,
.gw-banner .screen ul li .bnimg .bnimg2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gw-banner .screen ul li .bnimg .bnimg1 {
	z-index: 1;
}

.gw-banner .screen ul li .bnimg .bnimg2 {
	z-index: 2;
}

.gw-banner .screen ul li .bnimg img {
	width: 100%;
}

.gw-banner .arr {
	display: none;
}

.gw-banner .arr span {
	width: 97px;
	height: 142px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
	text-align: center;
	font-size: 30px;
	color: #fff;
	opacity: 0.2;
	background: url(../images/slider-arrow.png) no-repeat -140px 50px;
	z-index: 1;
}

.gw-banner .arr span:hover {
	opacity: 0.7;
}

.gw-banner .arr .right {
	right: 50px;
	left: auto;
	background-position: -19px 50px;
}

.gw-banner .screen:hover .arr {
	display: block;
}

.gw-banner .screen ul li .addheader {
	height: inherit;
}

.gw-banner .screen ul li .addheader .header-content {
	padding: 0;
	height: inherit;
}

.gw-banner .screen ul li .addheader .text-container {
	margin-top: 13.5rem;
}

.gw-banner .screen ul li .addheader .image-container {
	margin-top: 10.5rem;
}

.gw-banner .screen ul li .addzhanban .image-container {
	margin-top: 1.5rem;
}

.gw-banner .screen ul li .addbanner {
	position: relative;
	background-position: center center;
}

.gw-banner .screen ul li .addbanner img {

	height: 100%;
}

/*授权码*/
.gw-shouq {
	min-width: 320px;
	background: #292c36;
}

.gw-shouq .sq-l {
	width: 25%;
	float: left;
	height: 48px;
	margin-right: 5%;
	padding: 47px 27px 39px 30px;
	background: #21232b;
}

.gw-shouq .sq-l .sq-icon {
	float: left;
	width: 15%;
	margin-right: 7%;
	color: #8990a4;
}

.gw-shouq .sq-l .sq-txt {
	float: left;
	width: 78%;
}

.gw-shouq .sq-l .sq-txt p {
	color: #8990a4;
}

.gw-shouq .sq-l .sq-txt .title {
	font-size: 14px;
}

.gw-shouq .sq-l .sq-txt .subtitle {
	font-size: 12px;
	margin-bottom: 0;
}

.gw-shouq .sq-r {
	width: 60%;
	float: left;
	padding: 47px 0 39px;
}

.gw-shouq .sq-r input {
	float: left;
	width: 68%;
	height: 48px;
	line-height: 48px;
	background: #21232b;
	color: #838a9d;
	font-size: 12px;
	border: 1px #454751 solid;
	padding: 0 5%;
}

.gw-shouq .sq-r input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #838a9d;
}

.gw-shouq .sq-r input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #838a9d;
}

.gw-shouq .sq-r input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #838a9d;
}

.gw-shouq .sq-r input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #838a9d;
}

.gw-shouq .sq-r button {
	float: left;
	width: 15%;
	height: 50px;
	line-height: 50px;
	background: #f5533d;
	color: #fafbff;
}

/*弹框*/
#shouquan {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.5);
}

.sqbox {
	position: fixed;
	max-width: 364px;
	background: #fff;
	top: 38%;
	left: 50%;
	margin-left: -230px;
	padding: 61px 47px 54px 49px;
}

.sqbox .sqbox-i img {
	margin: 0 auto;
	width: 50px;
	height: 50px;
}

.sqbox h2 {
	font-size: 18px;
	color: #17181d;
	margin-top: 18px;
	margin-bottom: 0;
	text-align: center;
}

.sqbox p {
	font-size: 14px;
	color: #6a6a6a;
	line-height: 25px;
	margin-top: 33px;
	margin-bottom: 0;
}

.sqbox .sqbtn {
	margin-top: 34px;
	justify-content: space-around;
}

.sqbox .sqbtn a {
	width: 120px;
	height: 36px;
	border: 1px #f5533d solid;
	border-radius: 3px;
	background: #fff1ef;
	text-align: center;
	line-height: 36px;
}

.sqbox .sqbtn a.greybtn {
	background: #f6f6f6;
	color: #6a6a6a;
	border-color: #dcdcdc;
}

.sqbox .sqbtn a.redbtn {
	background: #fff1ef;
	color: #f5533d;
}

.sqbox .gb {
	display: block;
	position: absolute;
	top: 18px;
	right: 25px;
	width: 18px;
	height: 18px;
	background: url(../images/gb.png) no-repeat;
	cursor: pointer;
}

/*维克建站矩阵*/
.gw-service {
	min-width: 320px;
	overflow: hidden;
}

.serviceTitle {
	margin-left: 15px;
	margin-right: 15px;
}

.module-title .title-main {
	font-size: 50px;
	/*margin-top: 70px;*/
	animation-name: fadeInDown;
	animation-delay: 0.5s;
}

.module-title .title-main .head-title {
	height: 32px;
	line-height: 32px;
	color: #17181d;
	font-size: 32px;
}

.module-title .title-main .sub-title {
	height: 28px;
	line-height: 28px;
	color: #8890a4;
}

.module-title .titleb .head-title {
	color: #fff;
}

.module-title .titleb .sub-title {
	color: rgba(255, 255, 255, 0.7);
}

.module-title .title-main-service {
	margin-top: 20px;
	max-width: 100%;
}

.gw-service .service-wrap {
	margin-top: 60px;
}

.gw-service .servicebg {
	background: url(../images/bg1.jpg) no-repeat top center;
	padding: 27px 0 61px;
	background-size: auto 100%;
}

.gw-service .service-main {
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden;
}

.gw-service .service-main .service-box {
	width: 30%;
	background: #21232b;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	margin-top: 34px;
	border: 1px #2d303b solid;
}

.gw-service .service-main .service-box .ser-box-pic i {
	display: block;
	width: 74px;
	height: 68px;
	background: url(../images/service.png) no-repeat;
	margin: 38px auto 18px;
}

.gw-service .service-main .service-box .ser-box-pic .ser1 {
	background-position: 0 0;
}

.gw-service .service-main .service-box .ser-box-pic .ser2 {
	background-position: -103px 0;
}

.gw-service .service-main .service-box .ser-box-pic .ser3 {
	background-position: -206px 0;
}

.gw-service .service-main .service-box .ser-box-pic .ser4 {
	background-position: 0 -132px;
}

.gw-service .service-main .service-box .ser-box-pic .ser5 {
	background-position: -103px -132px;
}

.gw-service .service-main .service-box .ser-box-pic .ser6 {
	background-position: -206px -132px;
}

.gw-service .service-main .service-box .ser-box-text {
	padding: 0 39px 35px;
}

.gw-service .service-main .service-box .ser-box-text p {
	font-size: 16px;
	color: #798092;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
}

.gw-service .service-main .service-box .ser-box-text .ser-num {
	font-size: 24px;
	color: #fff;
}

.gw-service .service-main .service-box:hover {
	background: #393d49;
	border-color: #21232b;
}

.gw-service .service-main .service-box:hover .ser-box-text p {
	color: #fff;
}

.gw-service .service-main .service-box:hover .ser-box-text .ser-down {
	color: #f5533d;
}

/*used*/
.gw-used {
	min-width: 320px;
	padding-top: 70px;
}

.module-title .title-main-used {
	height: 100px;
}

.gw-used .used-wrap {
	background: #292c36;
	margin-top: 50px;
}

.gw-used .used-wrap .used-container {
	margin-left: 5%;
	margin-right: 5%;
}

.gw-used .used-mian {
	margin: 0 auto;
	padding-right: 6px;
	padding-left: 6px;
	flex-wrap: wrap;
	justify-content: center;
	overflow: hidden;
}

.gw-used .used-wrap .used-box {
	position: relative;
	float: left;
	margin-right: 10px\9\0;
	width: 16.6%;
	background: #f4f6f8;
	transition: all .4s ease 0s;
	max-width: 288px;
	min-height: 400px;
	cursor: pointer;
	text-align: center;
}

.gw-used .used-wrap .used-box a {
	display: block;
}

.gw-used .used-wrap .used-box a>img {
	width: 100%;
	height: 100%;
	min-height: 400px;
}

.gw-used .used-wrap .used-box .mask {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.gw-used .used-wrap .used-box .mask .bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #161a1d;
	opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.gw-used .used-wrap .used-box .mask .content {
	position: absolute;
	left: 0;
	right: 0;
	top: 140px;
	bottom: 0;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.gw-used .used-wrap .used-box .mask .content .item-img-panel {
	position: relative;
	display: inline-block;
}

.gw-used .used-wrap .used-box .mask .content .item-img-panel i {
	display: block;
	width: 48px;
	height: 48px;
	background: url(../images/used.png) no-repeat;
}

.gw-used .used-wrap .used-box .mask .content .item-img-panel .used1 {
	background-position: 0 0;
}

.gw-used .used-wrap .used-box .mask .content .item-img-panel .used2 {
	background-position: -55px 0;
}

.gw-used .used-wrap .used-box .mask .content .item-img-panel .used3 {
	background-position: -109px 0;
}

.gw-used .used-wrap .used-box .mask .content .item-img-panel .used4 {
	background-position: -164px 0;
}

.gw-used .used-wrap .used-box .mask .content .item-img-panel .used5 {
	background-position: -221px 0;
}

.gw-used .used-wrap .used-box .mask .content .item-img-panel .used6 {
	background-position: -272px 0;
}

.gw-used .used-wrap .used-box .mask .content .line-panel {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	margin-top: 20px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.gw-used .used-wrap .used-box .mask .content .item-line {
	width: 20px;
	height: 2px;
	background: #fff;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.gw-used .used-wrap .used-box .mask .content .item-title {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	margin-top: 24px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.gw-used .used-wrap .used-box .mask .content .item-desc,
.gw-used .used-wrap .used-box .mask .content .item-link {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.gw-used .used-wrap .used-box .mask .content .item-desc {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	padding: 0 23px;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}

.gw-used .used-wrap .used-box .mask .content .item-link {
	display: inline-block;
	border: 1px solid #fff;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin-top: 62px;
}

.gw-used .used-wrap .used-box .mask .content .item-link:hover {
	color: #c17066;
	background: #fff;
}

.gw-used .used-wrap .used-box:hover .mask .bg {
	background: #9a3e32;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
}

.gw-used .used-wrap .used-box:hover .mask .content {
	top: 13%;
}

.gw-used .used-wrap .used-box:hover .mask .content .line-panel {
	margin-top: 10px;
}

.gw-used .used-wrap .used-box:hover .mask .content .item-line {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}

.gw-used .used-wrap .used-box:hover .mask .content .item-title {
	margin-top: 12px;
}

.gw-used .used-wrap .used-box:hover .mask .content .item-desc,
.gw-used .used-wrap .used-box:hover .mask .content .item-link {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}

.gw-used .used-wrap .used-box:hover .mask .content .item-desc {
	margin-top: 22px;
}

.gw-used .used-wrap .used-box:hover .mask .content .item-link {
	margin-top: 5%;
}

/*choose*/
.gw-choose {
	min-width: 320px;
	width: 100%;
	background-color: #fff;
	padding: 10px 0px 0 0px;
}

.module-title .title-main-choose {
	height: 99px;
}

.gw-choose .choose-wrap {
	margin: 0 auto;
}

.gw-choose .choose-wrap .choose-number {
	padding: 50px 0px 60px 0px;
	justify-content: space-between;
	overflow: hidden;
}

.gw-choose .choose-wrap .choose-number .choose-number-box {
	float: left;
	margin-right: 110px\9\0;
	width: 24%;
	text-align: center;
	margin-bottom: 14px;
	border-right: 1px #d7d9df solid;
}

.gw-choose .choose-wrap .choose-number .choose-number-box:last-child {
	border-right: none;
}

.gw-choose .choose-wrap .choose-number .choose-number-box .box-center-con {
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin: -5px 0px 14px 0px;
	padding-left: 50px\9\0;
}

.gw-choose .choose-wrap .choose-number .choose-number-box .box-center-con span {
	display: inline-block;
	float: left;
	color: #17181d;
	font-size: 0.875rem;
	position: relative;
	top: 14px\9\0;
}

.gw-choose .choose-wrap .choose-number .choose-number-box .box-center-con .box-center {
	font-size: 3.5rem;
	font-family: 'Arial';
	font-weight: lighter;
	float: left;
	color: #17181d;
}

.gw-choose .choose-wrap .choose-number .choose-number-box .box-center-con .unit {
	left: 3px;
}

.gw-choose .choose-wrap .choose-number .choose-number-box .box-bottom {
	font-size: 14px;
	color: #8890a4;
}

.gw-choose .choose-wrap .choose-logo .choose-logo-title {
	height: 27px;
	justify-content: space-between;
	align-items: center;
}

.gw-choose .choose-wrap .choose-logo .choose-logo-title div {
	float: left;
}

.gw-choose .choose-wrap .choose-logo .choose-logo-title .title-line {
	width: 20%;
	height: 1px;
	border-bottom: 1px solid #43454b;
}

.gw-choose .choose-wrap .choose-logo .choose-logo-title .title-text {
	font-size: 30px;
	color: rgba(255, 255, 255, 0.5);
	position: relative;
	top: -23px\9\0;
	left: 19px\9\0;
	width: 459px;
	height: 29px;
}

.gw-choose .choose-wrap .choose-logo .choose-logo-title .title-text .head-title2 {
	height: 29px;
	line-height: 29px;
	text-align: center;
}

.gw-choose .choose-wrap .choose-logo .choose-logo-title .title-text img {
	width: inherit;
}

.gw-choose .choose-wrap .choose-logo .choose-logo-con {
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 80px;
	overflow-x: scroll;
}

.gw-choose .choose-wrap .choose-logo .choose-logo-con img {
	margin-right: 15px;
}

/*开发文档*/
.gw-doc {
	min-width: 320px;
	padding-top: 70px;
}

.module-title .title-main-doc {
	height: 106px;
}

.gw-doc .doc-wrap {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 40px;
	flex-wrap: wrap;
	box-sizing: border-box;
	justify-content: space-between;
}

.gw-doc .doc-wrap .doc-box {
	float: left;
	width: 30%;
	height: 438px;
	transition: all 0.32s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
	border: 1px #dedede solid;
	margin-left: -1px;
}

.gw-doc .doc-wrap .doc-box:first-child {
	margin-left: 0;
}

.gw-doc .doc-wrap .doc-box.active {
	box-shadow: 0 0 12px 3px #ccc;
	width: 33%;
	border: 1px solid #ff4d35;
	z-index: 90;
	position: relative;
}

.gw-doc .doc-wrap .doc-box .box-top {
	text-align: center;
	font-size: 24px;
	color: #8890a4;
	background: #f6f6f6;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	padding-top: 32px;
	padding-bottom: 25px;
}

.gw-doc .doc-wrap .doc-box.active .box-top {
	background: #fff3f1;
}

.gw-doc .doc-wrap .doc-box .box-top i {
	display: block;
	width: 34px;
	height: 34px;
	margin: 0 auto;
	font-size: 62px;
	background: url(../images/doc-icon.png) no-repeat 0 -7px;
}

.gw-doc .doc-wrap .doc-box .box-top .doc2 {
	background-position: -39px -7px;
}

.gw-doc .doc-wrap .doc-box .box-top .doc3 {
	background-position: -78px -7px;
}

.gw-doc .doc-wrap .doc-box .box-top .doc4 {
	background-position: -155px -7px;
}

.gw-doc .doc-wrap .doc-box .box-top .doc5 {
	background-position: -116px -7px;
}

.gw-doc .doc-wrap .doc-box .box-top p {
	margin-top: 15px;
	font-size: 18px;
}

.gw-doc .doc-wrap .doc-box .box-con {
	padding-top: 22px;
	text-align: center;
}

.gw-doc .doc-wrap .doc-box .box-con span {
	display: block;
	font-size: 14px;
	color: #8890a4;
	line-height: 38px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.gw-doc .doc-wrap .doc-box .box-con span:hover {
	color: #f5533d;
}

/*新闻*/
.gw-news {
	min-width: 320px;
	position: relative;
	padding: 70px 0px 0 0px;
}

.module-title .title-main-news {
	height: 107px;
}

.gw-news .news-wrap {
	margin: 0 auto;
	position: relative;
	/*height: 363px;*/
	margin-top: 60px;
}

#newsitem_0 {
	animation-name: fadeInLeft;
}

#newsitem_1 {
	animation-name: fadeInUp;
}

#newsitem_2 {
	animation-name: fadeInRight;
}

/*联系我们*/
.tLine {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	margin-top: 20px;
}

.tline {
	display: inline-block;
	width: 30px;
	height: 2px;
	background: #292c36;
}

.gw-call .call-wrap {
	animation-name: fadeInUp;
	animation-delay: 0.5s;
}

.gw-call .call-wrap .pageInfo {
	/*padding: 0 60px;*/
}

.gw-call .call-wrap .pageInfo .call-box {
	width: 30%;
	justify-content: center;
}

.gw-call .call-wrap .pageInfo .call-box .call-icon {
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
}

.gw-call .call-wrap .pageInfo .call-box .call-info {
	margin-left: 38px;
}

.gw-call .call-wrap .pageInfo .call-box .call-info p {
	font-size: 14px;
	color: #17181d;
}

.gw-call .call-wrap .call-form input,
.gw-call .call-wrap .call-form textarea {
	margin-top: 35px;
	height: 32px;
	line-height: 32px;
	border: 1px #dedede solid;
	width: 46%;
	padding: 0 1%;
}

.gw-call .call-wrap .call-form .cform1 {
	flex-wrap: wrap;
	justify-content: space-between;
}

.gw-call .call-wrap .call-form .cform2 {
	text-align: center;
}

.gw-call .call-wrap .call-form .cform2 textarea {
	width: 97%;
	height: 156px;
}

.gw-call .call-wrap .call-form .formBtn {
	text-align: center;
	margin-top: 20px;
}

.gw-call .call-wrap .call-form .formBtn button {
	display: inline-block;
	width: 190px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #8890a4;
	font-size: 18px;
	border: 1px solid #f6f6f6;
	border-radius: 50px;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	margin-bottom: 24px;
}

.gw-call .call-wrap .call-form .formBtn button:hover {
	background-color: #ff4d35;
	border: 1px solid #ff4d35;
	color: #fff;
}



/*add*/
.gw-add {
	min-width: 320px;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 454px;
	background: url("../images/apply-banner.png") no-repeat center top;
	background-size: cover;
	text-align: center;
	box-sizing: border-box;
	padding-top: 12%\9\0;
}

.gw-add .add-con a {
	display: inline-block;
	width: 190px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	border: 1px solid #fff;
	border-radius: 50px;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	margin-bottom: 24px;
}

.gw-add .add-con a:hover {
	background-color: #ff4d35;
	border: 1px solid #ff4d35;
	color: #fff;
}

.gw-add .add-con p {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.7);
}



/*内页*/
.pagemain .pagebanner {
	width: 100%;
	height: 256px;
}

.pagemain .pagebanner img {
	width: 100%;
	height: 100%;
}

.nobanner .pagebox {
	margin-top: 0;
}

.pagemain .pagenav {
	width: 100%;
	background: #f6f6f6;
	height: 66px;
}

.pnavmain {
	font-size: 14px;
	color: #000;
}

.pnavmain span,
.pnavmain a,
.pnavmain i {
	display: inline-block;
	line-height: 66px;
	font-size: 14px;
	color: #000;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pnavmain a {
	max-width: 19%;
}

.pnavmain a:hover {
	color: #f5533d;
}

/*分页*/
#page {
	text-align: center;
	margin-bottom: 50px;
}

#page span,
#page a {
	display: inline-block;
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px #f6f6f6 solid;
	border-radius: 4px;
	cursor: pointer;
}

#page span:hover,
#page a:hover,
#page a.active {
	background: #f5533d;
	color: #fff;
}

/*详情页分页*/
#pages {
	border-top: 1px #e8e8e8 dashed;
	padding-top: 40px;
	/*padding-bottom: 50px;*/
}

#pages p,
#pages p a {
	font-size: 14px;
	color: #6a6a6a;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#pages p a:hover {
	color: #f5533d;
}

/*新闻资讯*/
.news-container {
	margin: 0 3%;
}

.pagebox {
	margin-top: 74px;
}

.pagebox .news-wrap {
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 20px;
	margin-top: 50px;
}

.postcontent {
	padding-top: 56px;
}

.postcontent #postInfo {
	text-align: center;
	color: #000;
	border-bottom: 1px #e8e8e8 solid;
}

.postcontent #postInfo .title {
	font-size: 26px;
	color: #17181d;
}

.postcontent #postInfo .description {
	padding-bottom: 36px;
	font-size: 14px;
	color: #8e8e8e;
}

.postcontent #postInfo .description .time {
	margin-right: 10px;
}

.postcontent .postbody {
	margin-top: 40px;
	font-size: 14px;
	color: #17181d;
	padding-bottom: 46px;
}

.postcontent .postbody img {
	max-width: 100%;
	display: inline-block;
}

/*关于我们*/
.postTitle {
	text-align: center;
}

.postTitle .title {
	font-size: 30px;
	color: #333;
	margin-bottom: 10px;
}

.postTitle .sub-title {
	font-size: 20px;
	color: #bfbfbf;
	text-transform: uppercase;
}

.postTitle .tline {
	height: 1px;
}

.aboutpostc {
	padding-top: 0;
}

.aboutpostc .postbody {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
}

.aboutpostc .postbody p {
	margin-bottom: 25px;
}

.aboutcase .acbox {
	width: 100%;
	border-top: 1px #dedede solid;
}

.aboutcase .acbox:hover {
	background: #f8f8f8;
}

/*.aboutcase .acmain .acimg1 { display: block; width: 160px; height: 160px; background: url(../images/abouticon.png) no-repeat;}*/
.aboutcase .acmain .acimg {
	max-width: 160px;
	max-height: 160px;
	padding: 52px 2% 52px 0;
	float: left;
	width: 15%;
}

.aboutcase .acmain .acimg img {
	width: 100%;
	display: inline-block;
}

.aboutcase .acmain .actxt {
	padding: 76px 0;
	float: left;
	width: 83%;
}

.aboutcase .acmain .actxt .title {
	font-size: 20px;
	color: #333;
	margin-bottom: 24px;
}

.aboutcase .acmain .actxt .des {
	font-size: 14px;
	color: #666;
	line-height: 30px;
}

/*联系我们*/
.pagebox .callus {
	margin-top: 45px;
}

.mapbox {
	float: left;
	width: 50%;
	height: 331px;
	margin-right: 5%;
}

#allmap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	font-family: "微软雅黑";
	line-height: normal;
}

#allmap img {
	display: inline-block;
}

.companyinfo {
	float: left;
	width: 45%;
}

.companyinfo h3 {
	font-size: 20px;
	color: #292c2d;
	margin-top: 10px;
	margin-bottom: 20px;
}

.aboutpostc .companyinfo p {
	font-size: 14px;
	color: #292c2d;
	margin-bottom: 10px;
}

/*合作联盟*/
.process {
	flex-wrap: wrap;
	justify-content: space-around;
}

.processbox {
	width: 30%;
}

.processbox .processimg img {
	width: 154px;
	height: 152px;
	margin: 0 auto;
	-webkit-transition: all .55s;
	transition: all .55s;
}

.processbox:hover .processimg img {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
}

.processbox h4 {
	font-size: 24px;
	color: #333;
	margin-top: 44px;
	text-align: center;
	margin-bottom: 37px;
}

.processbox .tLine {
	text-align: center;
}

.processbox .tLine .tline {
	height: 1px;
}

.aboutpostc .processbox p {
	margin-top: 30px;
	margin-bottom: 0;
}

.kehupage {
	background: url(../images/kehubanner.jpg) no-repeat center top;
	padding-top: 71px;
	background-size: auto 100%;
}

.kehupage .postTitle .title {
	color: #fefefe;
}

.kehupage .postTitle .sub-title {
	color: #fefefe;
}

.kehupage .tline {
	background: #fff;
}

.kehu {
	flex-wrap: wrap;
}

.kehu a {
	display: inline-block;
	width: 20%;
	text-align: center;
	margin: 10px 0;
}

.kehu a img {
	display: inline-block;
	max-width: 100%;
}

.daili {
	padding-top: 123px;
}

#dailibox {
	height: 423px;
	overflow: hidden;
}

.dailimain {
	flex-wrap: wrap;
	justify-content: space-around;
}

.dailimain .dailileft,
.dailimain .dailiright {
	width: 50%;
}

.dailimain .dailileft {
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: all cubic-bezier(.215, .61, .355, 1) .5s;
	-webkit-transition: all cubic-bezier(.215, .61, .355, 1) .5s;
}

#dailibox .swiper-slide.swiper-slide-active .dailimain .dailileft {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.dailimain .dailileft h3 {
	font-size: 24px;
	color: #333;
	margin-top: 0;
	margin-bottom: 62px;
}

.dailimain .dailileft ul li {
	list-style: disc inside;
	color: #666;
}

.dailimain .dailileft ul li p {
	margin-bottom: 0;
}

.dailimain .dailiright {
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
	transition: all cubic-bezier(.215, .61, .355, 1) .5s;
	-webkit-transition: all cubic-bezier(.215, .61, .355, 1) .5s;
}

#dailibox .swiper-slide.swiper-slide-active .dailimain .dailiright {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.arrbtnbox {
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	margin-top: -30px;
}

.arrbtnbox .title-line {
	width: 255px;
	height: 1px;
	background: #333;
}

.arrbtnbox .arrbtn {
	height: 30px;
	position: relative;
	z-index: 999;
}

.arrbtnbox .arrbtn span {
	width: 216px;
	height: 30px;
	display: inline-block;
	border-radius: 8px;
	cursor: pointer;
	background: #494d5a;
	text-align: center;
	color: #fff;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.arrbtnbox .arrbtn span i {
	font-size: 30px;
}

.arrbtnbox .arrbtn span:hover {
	background: #f5533d;
}

/*维克学院*/
.pagemain .basemain {
	padding-top: 38px;
	/* padding-bottom: 91px;*/
}

.pagemain .basemain .basebody {
	justify-content: flex-start;
}

.pagemain .basemain .basenav {
	margin-right: 55px;
}

.pagemain .basemain .basenav dl dt {
	width: 158px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #999;
	background: #f4f6f7;
	padding-left: 52px;
	font-weight: 500;
}

.pagemain .basemain .basenav dl dt .iclose {
	display: none;
}

.pagemain .basemain .basenav dl dd {
	width: 210px;
	line-height: 50px;
	font-size: 14px;
	color: #21232b;
	background: #f4f6f7;
	margin-top: 2px;
}

.pagemain .basemain .basenav dl dd>a {
	display: block;
	padding-left: 52px;
}

.pagemain .basemain .basenav dl dd.opened>a,
.pagemain .basemain .basenav dl dd>a.active,
.pagemain .basemain .basenav dl dd>a:hover {
	border-left: 5px #f5533d solid;
	background: #eceff0;
}

.pagemain .basemain .basenav dl dd .basenav-two {
	height: 0;
	background: #f6f7f7;
	margin-bottom: 0;
	overflow: hidden;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.pagemain .basemain .basenav dl dd .basenav-two li {
	height: 42px;
	line-height: 42px;
}

.pagemain .basemain .basenav dl dd .basenav-two li a {
	display: block;
	padding-left: 70px;
	font-size: 12px;
	color: #666;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pagemain .basemain .basenav dl dd .basenav-two li a:hover,
.pagemain .basemain .basenav dl dd .basenav-two li a.active {
	color: #f5533d;
}



.pagemain .basemain .baselist {
	border: 1px #f2f2f2 solid;
	padding: 46px 30px 0 28px;
	width: 100%;
}

.pagemain .basemain .baselist .baselistUl {
	margin-bottom: 27px;
	min-height: 373px;
}

.pagemain .basemain .baselist .listTime {
	height: 117px;
	border-right: 1px #ebebeb solid;
	position: relative;
	padding: 17px 16px 22px 0;
	float: left;
	margin-right: 6px;
}

.pagemain .basemain .baselist .listTime h2 {
	margin-top: 44px;
	margin-bottom: 15px;
	font-size: 24px;
	color: #666;
}

.pagemain .basemain .baselist .listTime div {
	height: 16px;
}

.pagemain .basemain .baselist .listTime div i {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../images/time.png) no-repeat;
	vertical-align: middle;
}

.pagemain .basemain .baselist .listTime div span {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #999;
}

.pagemain .basemain .baselist .listTime em {
	display: block;
	width: 6px;
	height: 6px;
	background: #cdd0d5;
	position: absolute;
	top: 50%;
	right: -3px;
	margin-top: 1px;
	border-radius: 2px;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.pagemain .basemain .baselist .listMain {
	float: left;
	padding-left: 30px;
	padding-top: 17px;
	width: 100%;
	/*-moz-transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s;*/
}

.pagemain .basemain .baselist .listMain .title {
	margin-top: 0;
	margin-bottom: 16px;
}

.pagemain .basemain .baselist .listMain .title a {
	padding: 0;
	font-size: 14px;
	color: #666;
}

.pagemain .basemain .baselist .listMain .des {
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.pagemain .basemain .baselist .listMain a {
	font-size: 12px;
	color: #666;
}

.pagemain .basemain .baselist li:hover .listMain {
	background: url(../images/baselistbg.png) no-repeat;
	background-size: auto 100%;
}

.pagemain .basemain .baselist li:hover .listTime em {
	background: #f5533d;
}

.pagemain .basemain .baselist .listMain .title a:hover {
	color: #f5533d;
}

.pagemain .basemain .baselist .listMain a:hover {
	color: #f5533d;
}

/*建站系统*/
.pagemain .basemain .baselistsys {
	border: 0;
	padding: 25px 0 0 0;
	width: 100%;
}

/*帮助中心*/
.pagemain .basemain .baselist .baselistDiv {}

.bzzx {
	padding-bottom: 37px;
}

.bzzx:last-child {
	padding-bottom: 0;
}

.bzzxTitle {
	justify-content: flex-start;
	align-items: center;
}

.bzzxTitle .title-line {
	width: 87%;
	height: 1px;
	background: #f2f2f2;
}

.bzzxTitle p {
	min-width: 58px;
	width: 10%;
	margin-bottom: 0;
	font-size: 14px;
	color: #333;
	margin-right: 3%;
}

.bzzxTitle {
	padding-bottom: 28px;
}

.bzzxTxt {
	padding-bottom: 23px;
}

.bzzxTxt p {
	font-size: 14px;
	color: #666;
	line-height: 28px;
	margin-bottom: 0;
}

.bzzxTxt img {
	max-width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.bzzxTxt ul {
	margin-bottom: 0;
}

.bzzxTxt ul li {
	list-style: disc inside;
	color: #666;
	line-height: 28px;
}

.bzzxTxt .yous {
	flex-wrap: wrap;
	justify-content: space-around;
}

.bzzxTxt .yous .youslist {
	width: 22%;
	margin-top: 15px;
}

.bzzxTxt .yous .youslist .youlistmain {
	margin: 0 auto;
	text-align: center;
}

.bzzxTxt .yous .youslist .youlistmain p {
	max-width: 95px;
	font-size: 12px;
	color: #666;
	line-height: 20px;
	margin: 16px auto 0;
}

.bzzxTxt .yous .youslist .youlistmain i {
	display: inline-block;
	width: 95px;
	height: 95px;
	border: 1px #dedede solid;
	border-radius: 8px;
	background: #ecf2f5;
	color: #949494;
	font-size: 46px;
	line-height: 95px;
}

.bzzxTxt .yous .youslist:hover .youlistmain i {
	border-color: #f5533d;
	background: #ffc0b7;
	color: #fff;
}

.bzzxTxt .group {
	margin-bottom: 19px;
}

.bzzxTxt .group img {
	display: inline-block;
}

.bzzxTxt .group span {
	margin-right: 16px;
}

.bzzxTxt .group a {
	display: inline-block;
	margin-right: 92px;
}

.bzzxTxt .group a img {
	display: inline-block;
}

/*解决方案*/
/*微信小程序*/
.xinbanner {
	height: auto;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.xinbanner img {
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.jjfamain .pagebanner {
	height: 450px;
}

.jjfamain .postbody img {
	margin: 0 auto;
}

.xcx2 {
	background: url(../images/xcx2.png) no-repeat center top;
	padding-top: 64px;
	background-size: auto 100%;
}

.postTitle .stitle {
	font-size: 24px;
	color: #333;
	line-height: 36px;
}

.postTitle .ssub-title {
	font-size: 24px;
	color: #333;
	line-height: 36px;
}

.xcx2-main {
	flex-wrap: wrap;
}

.xcx2-left,
.xcx2-right {
	width: 50%;
}

.jjfamain .postbody .xcx2-main img {
	margin: 0;
	max-width: 100%;
}

.xcx2-right {
	padding: 35px 0 0 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.xcx2-right h2 {
	font-size: 24px;
	color: #181818;
	font-weight: 500;
	padding-bottom: 38px;
	border-bottom: 1px #b7ddff dashed;
	margin-top: 0;
	margin-bottom: 0;
}

.xcx2-right li {
	list-style: disc;
	color: #3f3f3f;
	font-size: 16px;
	margin-top: 20px;
}

.aboutpostc .postbody .xcx2-right li p {
	padding-left: 10px;
	margin-bottom: 0;
}

.xcx3 {
	padding-top: 61px;
	padding-bottom: 71px;
}

.xcx3 .postTitle .title {
	font-size: 26px;
	color: #181818;
}

.xcx3 .postTitle .sub-title {
	font-size: 16px;
	color: #919191;
	margin-top: 20px;
}

.xcx3bg {
	background: url(../images/xcx4.png) no-repeat;
}

.hexin {
	flex-wrap: wrap;
	justify-content: center;
}

.hexin .hxlist {
	width: 30%;
	text-align: center;
	margin-top: 35px;
}

.hexin .hxlist .hxl {
	display: inline-block;
	border: 1px #0066ce solid;
	border-radius: 10px;
	padding: 26px;
}

.hexin .hxlist .hxl i {
	display: block;
	width: 64px;
	height: 64px;
	background: url(../images/xcx5.png) no-repeat;
}

.hexin .hxlist .hxl .hxl1 {
	background-position: 0 0;
}

.hexin .hxlist .hxl .hxl2 {
	background-position: -97px 0;
}

.hexin .hxlist .hxl .hxl3 {
	background-position: -186px 0;
}

.hexin .hxlist .hxl .hxl4 {
	background-position: 0 -93px;
}

.hexin .hxlist .hxl .hxl5 {
	background-position: -97px -93px;
}

.hexin .hxlist .hxl .hxl6 {
	background-position: -186px -93px;
}

.hexin .hxlist .hxl .hxl7 {
	background-position: 0 -186px;
}

.hexin .hxlist .hxl .hxl8 {
	background-position: -97px -186px;
}

.hexin .hxlist .hxl .hxl9 {
	background-position: -186px -186px;
}

.hexin .hxlist span {
	display: block;
	font-size: 24px;
	color: #3f3f3f;
	line-height: 80px;
}

.xcx4 {
	background: url(../images/xcx6.png) no-repeat center top;
	padding-top: 81px;
	padding-bottom: 187px;
	background-size: 100% 100%;
}

.xcx4 .postTitle .title img {
	margin: 0 auto;
	max-width: 356px;
	width: 100%;
}

.xcx4 .postTitle .sub-title {
	font-size: 16px;
	color: #fff;
}

.xcx4-main {
	flex-wrap: wrap;
	justify-content: space-between;
}

.xcx4-main .xcx4_list {
	width: 17%;
	border: 1px #dcdcff solid;
	border-radius: 4px;
	background: #fff;
	text-align: center;
	padding-bottom: 30px;
	margin-top: 55px;
}

.xcx4-main .xcx4_list .xcx4_img {
	padding-top: 30px;
	padding-bottom: 23px;
}

.xcx4-main .xcx4_list .xcx4_img img {
	margin: 0 auto;
	max-width: 89px;
	width: 100%;
}

.xcx4-main .xcx4_list span {
	display: inline-block;
	font-size: 20px;
	color: #3f3f3f;
	max-width: 120px;
}

.xcx5 {
	padding-top: 108px;
	/* padding-bottom: 112px;*/
}

.xcx5 .postTitle .title img {
	margin: 0 auto;
	max-width: 322px;
	width: 100%;
}

.xcx5 .xcx5-main {
	margin-top: 55px;
}

.xcx5 .xcx5-main img {
	margin: 0 auto;
	max-width: 880px;
	width: 100%;
}

/*企业建站系统*/
.jzxt1 .postTitle .titlebox .titlel,
.jzxt1 .postTitle .titlebox .titler {
	float: left;
	width: 49%;
}

.jzxt1 .postTitle .titlebox .titlel {
	text-align: right;
	font-size: 34px;
	color: #21232b;
	margin-right: 1%;
}

.jzxt1 .postTitle .titlebox .titler {
	text-align: left;
	margin-left: 1%;
}

.jzxt1 .postTitle .titlebox .titler p {
	font-size: 16px;
	color: #21232b;
	margin-bottom: 0;
}

.jzxt1 .postTitle .titlebox .titler span {
	font-size: 14px;
	color: #bfbfbf
}

.jzxt1 .postTitle .sub-title {
	font-size: 12px;
	color: #909090;
	line-height: 26px;
	max-width: 651px;
	margin: 18px auto 0;
}

.jzxt1 .jzxt1-main {
	flex-wrap: wrap;
	justify-content: space-around;
	padding-top: 50px;
	padding-bottom: 90px;
}

.jzxt1 .jzxt1-main .jzxt1-list {
	margin-top: 20px;
}

.jzxt1 .jzxt1-main .jzxt1-list i {
	display: block;
	width: 66px;
	height: 66px;
	line-height: 66px;
	text-align: center;
	font-size: 66px;
	margin: 0 auto;
	padding: 30px;
	border: 1px #e2e2e2 solid;
	border-radius: 50%;
	background: #ecf2f5;
}

.jzxt1 .jzxt1-main .jzxt1-list span {
	display: block;
	font-size: 14px;
	color: #21232b;
	line-height: 26px;
	max-width: 118px;
	margin: 24px auto 0;
	text-align: center;
}

.jzxt1 .jzxt1-main .jzxt1-list:hover i {
	background: #ffc0b7;
	border-color: #f65f4a;
	color: #fff;
}

.jzxt2 {
	background: url(../images/qyjzxt1.jpg) no-repeat center top;
	padding-top: 80px;
	padding-bottom: 108px;
	background-size: auto 100%;
}

.jzxt2 .jzxt2-main {
	padding-left: 52px;
}

.jzxt2 .sertitlebox span {
	display: inline-block;
	font-size: 34px;
}

.jzxt2 .sertitlebox span.title {
	color: #9dc8e4;
	text-transform: uppercase;
}

.jzxt2 .sertitlebox span.subtitle {
	color: #fbfcfe;
}

.jzxt2 .sertitlebox span.subtitle i {
	font-size: 20px;
}

.jzxt2 .serdes {
	font-size: 24px;
	color: #fbfcfe;
}

.jzxt2 .jzxt2-box {
	flex-wrap: wrap;
}

.jzxt2 .jzxt2-box .jzxt2-list {
	width: 50%;
	margin-top: 50px;
}

.jzxt2 .jzxt2-box .jzxt2-list i {
	display: block;
	width: 84px;
	height: 84px;
	background: #337dac;
	border-radius: 15px;
	color: #fff;
	line-height: 84px;
	text-align: center;
	margin-right: 31px;
}

.jzxt2 .jzxt2-box .jzxt2-list .titlebox {
	max-width: 291px;
}

.jzxt2 .jzxt2-box .jzxt2-list .titlebox h3 {
	font-size: 18px;
	color: #fefeff;
	margin-top: 0;
	margin-bottom: 0;
}

.jzxt2 .jzxt2-box .jzxt2-list .titlebox p {
	font-size: 14px;
	color: #b2b6c6;
	line-height: 29px;
	margin-top: 14px;
}

.jzxt3 {
	padding-top: 134px;
}

.jzxt3 .postTitle .titlebox h2 {
	color: #21232b;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 34px;
}

.jzxt3 .postTitle .titlebox h3 {
	font-size: 20px;
	color: #21232b;
	margin-bottom: 0;
}

.jzxt3 .postTitle .titlebox p {
	font-size: 18px;
	color: #bfbfbf;
}

.jzxt3 .postTitle .titlebox span {
	display: block;
	font-size: 12px;
	color: #909090;
}

.jzxt3 .jzxt3-main {
	justify-content: space-around;
}

.jzxt3 .jzxt3-main .jzxt3-box {}

.jzxt3 .jzxt3-main .jzxt3-box .jzxt3-list {
	background: #ecf2f5;
	border-radius: 7px;
	padding: 38px 37px;
}

.jzxt3 .jzxt3-main .jzxt3-box .jzxt3-list:nth-child(2n) {
	margin-top: 21px;
}

.jzxt3 .jzxt3-main .jzxt3-box .jzxt3-list .jzxt3listT i {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 34px;
	text-align: center;
	border-radius: 50%;
	background: #823dea;
	color: #fff;
	margin-right: 23px;
	min-width: 60px;
}

.jzxt3 .jzxt3-main .jzxt3-box .jzxt3-list .jzxt3listT div h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	color: #111d3b;
	line-height: 30px;
}

.jzxt3 .jzxt3-main .jzxt3-box .jzxt3-list .jzxt3listT div p {
	font-size: 12px;
	color: #909090;
	line-height: 30px;
	margin-bottom: 0;
	text-transform: uppercase;
}

.jzxt3 .jzxt3-main .jzxt3-box .jzxt3-list .jzxt3listB {
	font-size: 14px;
	color: #111d3b;
	line-height: 30px;
	padding-left: 9px;
	max-width: 320px;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.jzxt3 .jzxt3-main .jzxt3-box2 {
	border-radius: 7px;
	background: #823dea;
	color: #fff;
	padding: 47px 19px 15px;
	text-align: center;
	margin: 0 20px;
}

.jzxt3 .jzxt3-main .jzxt3-box2 h2 {
	font-size: 36px;
	margin-top: 0;
	margin-bottom: 0;
}

.jzxt3 .jzxt3-main .jzxt3-box2 h3 {
	font-size: 20px;
	line-height: 30px;
	margin-top: 34px;
	margin-bottom: 0;
}

.jzxt3 .jzxt3-main .jzxt3-box2 p {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 0;
}

.jzxt3 .jzxt3-main .jzxt3-box2 span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 35px;
}

.jzxt3 .jzxt3-main .jzxt3-box2 img {
	max-width: 172px;
	width: 100%;
	margin: 0 auto;
	margin-top: 18px;
}

.jzxt4 {
	background: #292c36 url(../images/qyjzxt3.jpg) no-repeat right top;
	background-size: auto 100%;
}

.jzxt4 .jzxt4-main {
	background: #fff;
	margin-right: -10px;
}

.jzxt4 .jzxt4-main .jzxt4l {
	padding: 5% 72px 2% 53px;
	background: #292c36;
	width: 100%;
}

.jzxt4 .jzxt4-main .titlebox {
	padding-bottom: 27px;
	border-bottom: 1px #fff solid;
}

.jzxt4 .jzxt4-main .titlebox h2 {
	font-size: 28px;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

.jzxt4 .jzxt4-main .titlebox p {
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 0;
}

.jzxt4 .jzxt4-main .jzxt4l ul {
	padding-top: 57px;
	padding-left: 16px;
}

.jzxt4 .jzxt4-main .jzxt4l ul li {
	list-style: square;
	color: #fff;
}

.jzxt4 .jzxt4-main .jzxt4l ul li p {
	padding-left: 20px;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 0;
}

.jzxt4 .jzxt4-main .jzxt4r {
	width: 100%;
}

.jzxt4 .jzxt4-main .jzxt4r ul {
	flex-wrap: wrap;
	margin-bottom: 0;
}

.jzxt4 .jzxt4-main .jzxt4r ul li {
	padding: 36px 0 0 0;
	margin-left: 2%;
	float: left;
	width: 48%;
	height: 164px;
}

.jzxt4 .jzxt4-main .jzxt4r ul li:nth-child(1) {
	background: url(../images/qyjzxt4.jpg) no-repeat;
	background-size: 100% 100%;
}

.jzxt4 .jzxt4-main .jzxt4r ul li:nth-child(2) {
	background: url(../images/qyjzxt5.jpg) no-repeat;
	background-size: 100% 100%;
}

.jzxt4 .jzxt4-main .jzxt4r ul li:nth-child(3) {
	background: url(../images/qyjzxt6.jpg) no-repeat;
	background-size: 100% 100%;
	margin-top: 11px;
}

.jzxt4 .jzxt4-main .jzxt4r ul li:nth-child(4) {
	background: url(../images/qyjzxt7.jpg) no-repeat;
	background-size: 100% 100%;
	margin-top: 11px;
}

.jzxt4 .jzxt4-main .jzxt4r ul li .title {
	font-size: 18px;
	color: #fff;
	margin-left: 36px;
	line-height: 30px;
}

.jzxt4 .jzxt4-main .jzxt4r ul li .subtitle {
	font-size: 12px;
	color: #fff;
	margin-left: 36px;
	line-height: 30px;
	text-transform: uppercase;
}

.jzxt5 {
	padding-top: 112px;
	/*padding-bottom: 204px;*/
}

.jzxt5 .projectbox {
	flex-wrap: wrap;
	justify-content: flex-start;
}

.jzxt5 .projectbox .project {
	width: 30%;
	margin-top: 105px;
	margin-left: 1%;
	margin-right: 1%;
}

.jzxt5 .projectbox .project img {
	width: 100%;
	max-width: 544px;
	transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
}

.jzxt5 .projectbox .project:hover img {
	-webkit-transform: scale(1.06, 1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
}

/*电子商务平台*/
.dzsw1 {
	padding-bottom: 84px;
}

.dzsw1 .postTitle .stitle {
	font-size: 30px;
}

.dzsw1 .dzsw1-main {
	margin-top: 74px;
}

.dzsw1 .dzsw1-main img {
	margin: 0 auto;
	max-width: 989px;
	width: 100%;
}

.dzsw2 {
	background: url(../images/dzsw2.jpg) no-repeat center top;
	padding-top: 84px;
	padding-bottom: 109px;
	background-size: 100% 100%;
}

.dzsw2 .postTitle .title {
	color: #fff;
	margin-bottom: 48px;
}

.dzsw2 .postTitle .sub-title {
	font-size: 18px;
	color: #fff;
	line-height: 30px;
}

.dzsw2 .gongnbox {
	flex-wrap: wrap;
	justify-content: space-between;
}

.dzsw2 .gongnbox .gongnlist {
	width: 25%;
	color: #fff;
	text-align: center;
	margin-top: 50px;
}

.dzsw2 .gongnbox .gongnlist i {
	display: block;
	width: 66px;
	height: 66px;
	line-height: 66px;
	font-size: 45px;
	margin: 0 auto;
}

.dzsw2 .gongnbox .gongnlist span {
	display: inline-block;
	margin-top: 30px;
	font-size: 18px;
}

.dzsw3 {
	background: url(../images/dzsw3.jpg) no-repeat center top;
	min-height: 640px;
	position: relative;
	padding-top: 800px;
}

.dzsw3 .dzsw3-main {
	position: relative;
}

.dzsw3 .dzsw3-main .dzsw3-img {
	padding-top: 64px;
	padding-left: 90px;
	position: relative;
	width: 50%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.dzsw3 .dzsw3-main .dzsw3-img img {
	box-shadow: 0 6px 10px rgba(34, 24, 21, 0.35);
	position: absolute;
	width: 50%;
}

.dzsw3 .dzsw3-main .dzsw3-img img.dzsw3-img1 {
	top: 108px;
	animation-name: fadeInLeft;
	animation-delay: 0.3s;
}

.dzsw3 .dzsw3-main .dzsw3-img img.dzsw3-img2 {
	left: 44%;
	animation-name: fadeInRight;
	animation-delay: 0.3s;
}

.dzsw3 .dzsw3-main .dzsw3-txt {
	color: #fff;
	animation-name: fadeInUp;
	animation-delay: 0.5s;
}

.dzsw3 .dzsw3-main .dzsw3-txt h3 {
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 0;
}

.dzsw3 .dzsw3-main .dzsw3-txt ul {
	margin-top: 30px;
}

.dzsw3 .dzsw3-main .dzsw3-txt ul li {
	list-style: square;
}

.dzsw3 .dzsw3-main .dzsw3-txt ul li p {
	font-size: 14px;
	line-height: 35px;
	padding-left: 16px;
	margin-bottom: 0;
}

/*微分销商城*/
.wfx1 {
	padding-bottom: 113px;
}

.wfx1 .postTitle .stitle {
	font-size: 30px;
}

.wfx1 .wfx1-main {
	margin-top: 80px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wfx1 .wfx1-main .wfx1box {
	width: 30%;
}

.wfx1 .wfx1-main .wfx1box .wfx1box-tit {
	height: 82px;
	color: #fff;
	text-align: center;
	box-shadow: 0 0px 2px rgba(0, 0, 0, .2);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	border-radius: 6px 60px 0px 0px;
	padding-left: 25px;
	padding-top: 24px;
}

.wfx1 .wfx1-main .wfx1box1 .wfx1box-tit {
	background: #448bf3;
}

.wfx1 .wfx1-main .wfx1box2 .wfx1box-tit {
	background: #00cfc8;
}

.wfx1 .wfx1-main .wfx1box3 .wfx1box-tit {
	background: #3eb549;
}

.wfx1 .wfx1-main .wfx1box .wfx1box-tit i {
	display: inline-block;
	width: 82px;
	height: 82px;
	background: url(../images/wfx1.png) no-repeat;
	margin-right: 18px;
}

.wfx1 .wfx1-main .wfx1box .wfx1box-tit h3 {
	font-size: 24px;
	height: 30px;
	color: #fff;
	margin-top: 19px;
	margin-bottom: 0;
	line-height: 30px;
}

.wfx1 .wfx1-main .wfx1box ul {
	border: 1px solid #bcbcbc;
	padding: 0px 25px 40px;
	border-radius: 0px 0px 6px 6px;
	overflow: hidden;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	border-top: 0;
	min-height: 401px;
}

.wfx1 .wfx1-main .wfx1box ul li {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	margin-top: 40px;
	list-style: square;
	margin-left: 25px;
}

.wfx1 .wfx1-main .wfx1box ul li p {
	margin-bottom: 0;
}

.wfx1 .wfx1-main .wfx1box:hover .wfx1box-tit {
	border-radius: 6px 6px 0px 0px;
}

.wfx1 .wfx1-main .wfx1box:hover ul {
	box-shadow: 0 1px 20px rgba(0, 0, 0, .2);
}

.wfx2 {
	background: url(../images/wfx2.jpg) no-repeat center top;
	padding-top: 65px;
	background-size: auto 100%;
}

.wfx2 .titlebox h2 {
	font-size: 30px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
}

.wfx2 .wfx2-ul {
	margin-top: 51px;
}

.wfx2 .wfx2-ul li i {
	display: inline-block;
	width: 42px;
	height: 90px;
	min-width: 42px;
	background: url(../images/wfx3.png) no-repeat;
}

.wfx2 .wfx2-ul li .wfx2list1 {
	background-position: 0 0;
}

.wfx2 .wfx2-ul li .wfx2list2 {
	background-position: 0 -90px;
}

.wfx2 .wfx2-ul li .wfx2list3 {
	background-position: 0 -180px;
}

.wfx2 .wfx2-ul li .wfx2list4 {
	background-position: 0 -270px;
}

.wfx2 .wfx2-ul li div {
	margin-left: 33px;
}

.wfx2 .wfx2-ul li div h3 {
	font-size: 24px;
	color: #f5f823;
	line-height: 30px;
	font-weight: bold;
	margin-top: 22px;
	margin-bottom: 0;
}

.wfx2 .wfx2-ul li div p {
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 0;
}

.wfx3 {
	padding-top: 100px;
	/* padding-bottom: 143px;*/
}

.wfx3 .postTitle .stitle {
	font-size: 30px;
	line-height: 30px;
}

.wfx3 .wfx3-main {
	margin-top: 113px;
}

.wfx3 .wfx3-main img {
	margin: 0 auto;
	max-width: 1194px;
	width: 100%;
}

/*投票管理系统*/
.tpxt1 .postTitle .sub-title {
	font-size: 18px;
	color: #666;
}

.tpxt1 .tpnum {
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 85px;
	padding-bottom: 78px;
}

.tpxt1 .tpnum .tpnumlist {
	width: 20%;
	box-shadow: 0 0px 2px rgba(0, 0, 0, .2);
	text-align: center;
	padding: 55px 5% 53px;
}

.tpxt1 .tpnum .tpnumlist p {
	font-size: 48px;
	color: #000;
	margin-top: 0;
	margin-bottom: 0;
}

.tpxt1 .tpnum .tpnumlist:nth-child(2) p {
	font-size: 24px;
	color: #f34134;
}

.tpxt1 .tpnum .tpnumlist span {
	display: inline-block;
	font-size: 18px;
	color: #333;
	margin-top: 36px;
}

.tpxt2 {
	background: #f4f4f4;
	padding-top: 76px;
	padding-bottom: 66px;
}

.tpxt2 .tpys {
	justify-content: space-around;
	flex-flow: wrap;
	margin-top: 74px;
}

.tpxt2 .tpys .tpyslist {
	width: 16%;
	background: #fff;
	padding: 46px 3% 38px;
}

.tpxt2 .tpys .tpyslist i {
	display: block;
	width: 88px;
	height: 88px;
	line-height: 88px;
	font-size: 54px;
	border-radius: 50%;
	text-align: center;
	margin: 0 auto;
}

.tpxt2 .tpys .tpyslist:nth-child(1) i {
	background: #ffd1d1;
	color: #ff5353;
}

.tpxt2 .tpys .tpyslist:nth-child(2) i {
	background: #d1ffe3;
	color: #56b97d;
}

.tpxt2 .tpys .tpyslist:nth-child(3) i {
	background: #fff7d1;
	color: #ffd510;
}

.tpxt2 .tpys .tpyslist:nth-child(4) i {
	background: #d1dcff;
	color: #436fff;
}

.tpxt2 .tpys .tpyslist h3 {
	text-align: center;
	font-size: 18px;
	color: #333;
	margin-top: 26px;
	margin-bottom: 0;
}

.tpxt2 .tpys .tpyslist div {
	margin-top: 33px;
}

.tpxt2 .tpys .tpyslist div p {
	margin-bottom: 0;
	font-size: 12px;
	color: #333;
	line-height: 24px;
}

.tpxt3 {
	padding-top: 97px;
	padding-bottom: 96px;
}

.tpxt3 .tpxt3-main img {
	margin: 0 auto;
	max-width: 1164px;
	width: 100%;
}

.tpxt4 {
	background: url(../images/tpxt2.jpg) no-repeat center top;
	padding-top: 81px;
	padding-bottom: 109px;
	background-size: 100% 100%;
}

.tpxt4 .postTitle .title {
	color: #fff;
}

.tpxt4 .tpxt4-main {
	margin-top: 79px;
}

.tpxt4 .tpxt4-main img {
	margin: 0 auto;
	max-width: 1203px;
	width: 100%;
}

.tpxt5 .tpxt5-main {
	padding-top: 89px;
	padding-bottom: 103px;
}

.tpxt5 .tpxt5-main .tpxt5-img {
	width: 100%;
}

.tpxt5 .tpxt5-main .tpxt5-img .tpxt5-img1,
.tpxt5 .tpxt5-main .tpxt5-img .tpxt5-img2 {
	float: left;
	width: 50%;
	margin-bottom: -90px;
}

@keyframes tpxt51 {
	from {
		transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-webkit-transform: rotateZ(0);
		-moz-transform: rotateZ(0);
		-o-transform: rotateZ(0);
	}

	to {
		transform: rotateZ(-14deg);
		-ms-transform: rotateZ(-14deg);
		-webkit-transform: rotateZ(-14deg);
		-moz-transform: rotateZ(-14deg);
		-o-transform: rotateZ(-14deg);
	}
}

@keyframes tpxt52 {
	from {
		transform: rotateZ(0) translate(-60px, 17px);
		-ms-transform: rotateZ(0) translate(-60px, 17px);
		-webkit-transform: rotateZ(0) translate(-60px, 17px);
		-o-transform: rotateZ(0) translate(-60px, 17px);
		-moz-transform: rotateZ(0) translate(-60px, 17px);
	}

	to {
		transform: rotateZ(14deg) translate(-60px, 17px);
		-ms-transform: rotateZ(14deg) translate(-60px, 17px);
		-webkit-transform: rotateZ(14deg) translate(-60px, 17px);
		-o-transform: rotateZ(14deg) translate(-60px, 17px);
		-moz-transform: rotateZ(14deg) translate(-60px, 17px);
	}
}

.tpxt5 .tpxt5-main .tpxt5-img .tpxt5-img1 {
	animation: tpxt51 2s;
	transform: rotateZ(-14deg);
	-ms-transform: rotateZ(-14deg);
	-webkit-transform: rotateZ(-14deg);
	-moz-transform: rotateZ(-14deg);
	-o-transform: rotateZ(-14deg);
}

.tpxt5 .tpxt5-main .tpxt5-img .tpxt5-img2 {
	animation: tpxt52 2s;
	transform: rotateZ(14deg) translate(-60px, 17px);
	-ms-transform: rotateZ(14deg) translate(-60px, 17px);
	-webkit-transform: rotateZ(14deg) translate(-60px, 17px);
	-o-transform: rotateZ(14deg) translate(-60px, 17px);
	-moz-transform: rotateZ(14deg) translate(-60px, 17px);
}

.tpxt5 .tpxt5-main .tpxt5-img .tpxt5-img1 img,
.tpxt5 .tpxt5-main .tpxt5-img .tpxt5-img2 img {
	width: 100%;
}

.tpxt5 .tpxt5-main .tpxt5-txt h3 {
	font-size: 30px;
	color: #333;
	line-height: 30px;
}

.tpxt5 .tpxt5-main .tpxt5-txt .des {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-top: 34px;
}

.tpxt5 .tpxt5-main .tpxt5-txt a {
	display: block;
	width: 160px;
	line-height: 48px;
	border-radius: 7px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin-top: 50px;
	background: #1e97fb;
	background: -moz-linear-gradient(180deg, #1e97fb 0%, #25b2f1 60%, #2ecee8 100%);
	background: -webkit-linear-gradient(180deg, #1e97fb 0%, #25b2f1 60%, #2ecee8 100%);
	background: -webkit-linear-gradient(180deg, #1e97fb 0%, #25b2f1 60%, #2ecee8 100%);
	background: -moz-linear-gradient(180deg, #1e97fb 0%, #25b2f1 60%, #2ecee8 100%);
	background: -o-linear-gradient(180deg, #1e97fb 0%, #25b2f1 60%, #2ecee8 100%);
	background: linear-gradient(180deg, #1e97fb 0%, #25b2f1 60%, #2ecee8 100%);
}

/*直销管理系统*/
.zxxt1 .postTitle .title {}

.zxxt1 .postTitle .sub-title {
	font-size: 18px;
	color: #666;
	max-width: 617px;
	margin: 0 auto;
}

.zxxt1 .zxxt1-main {
	margin-top: 72px;
}

.zxxt1 .zxxt1-main img {
	margin: 0 auto;
	max-width: 1315px;
	width: 100%;
}

.zxxt2 {
	padding-top: 68px;
	background: #6421e0;
}

.zxxt2 .postTitle .title {
	color: #fff;
}

.zxxt2 .postTitle .title i {
	font-family: impact;
	font-size: 72px;
	color: #ff9c00;
	font-style: italic;
	margin: 0 18px;
}

.zxxt2 .zxxt2-main .zxxt2-img {
	width: 50%;
	padding-top: 12%;
	margin-right: 2%;
}

.zxxt2 .zxxt2-main .zxxt2-img img {
	width: 100%;
	max-width: 395px;
}

.zxxt2 .zxxt2-main .zxxt2box {
	flex-wrap: wrap;
	justify-content: center;
}

.zxxt2 .zxxt2-main .zxxt2box .zxxt2list {
	width: 50%;
	margin-bottom: 50px;
}

.zxxt2 .zxxt2-main .zxxt2box .zxxt2list .number {
	float: left;
}

.zxxt2 .zxxt2-main .zxxt2box .zxxt2list .number .tLine {
	margin-top: 0;
}

.zxxt2 .zxxt2-main .zxxt2box .zxxt2list .number .tline {
	height: 4px;
	background: #fff;
}

.zxxt2 .zxxt2-main .zxxt2box .zxxt2list .number p {
	font-family: "mon";
	font-size: 72px;
	color: #8c5ce5;
	margin-top: 23px;
}

.zxxt2 .zxxt2-main .zxxt2box .zxxt2list .des {
	float: left;
	margin-left: -33px;
	margin-top: 73px;
	font-size: 12px;
	color: #fff;
	line-height: 30px;
	max-width: 300px;
}

.zxxt3 {
	background: #edf7ff;
	padding-top: 84px;
}

.zxxt3 .zxxt3-main {
	margin-top: 90px;
}

.zxxt3 .zxxt3-main img {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}

.zxxt4 {
	height: 41px;
	background: #f1f1f1;
	margin-top: 69px;
}

.zxxt5 {
	padding-bottom: 50px;
}

.zxxt5 .zxxt5-main {
	background: #2388dd;
	padding-top: 76px;
}

.zxxt5 .zxxt5-main .zxxt5box {
	justify-content: center;
}

.zxxt5 .zxxt5-main .zxxt5box .zxxt5-img {
	width: 45%;
	margin-right: 5%;
	margin-top: 44px;
}

.zxxt5 .zxxt5-main .zxxt5box .zxxt5-box {
	width: 50%;
}

.zxxt5 .zxxt5-main .zxxt5box .zxxt5-img {
	margin-bottom: -48px;
	width: 50%;
}

.zxxt5 .zxxt5-main .zxxt5box .zxxt5-img img {
	width: 100%;
	max-width: 642px;
}

.zxxt5 .zxxt5-main .zxxt5box .zxxt5-box h2 {
	color: #ffe327;
	font-weight: bold;
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 0;
}

.zxxt5 .zxxt5-main .zxxt5box .zxxt5-box ul {
	flex-wrap: wrap;
	margin-top: 43px;
}

.zxxt5 .zxxt5-main .zxxt5box .zxxt5-box ul li {
	width: 50%;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 24px;
}

.zxxt5 .zxxt5-main .zxxt5box .zxxt5-box ul li i {
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(../images/zxxticon.png) no-repeat;
	margin-right: 26px;
	min-width: 28px;
}

.zxxt5 .zxxt5-main .zxxt5box .zxxt5-box ul li span {
	font-size: 20px;
	color: #fff;
	line-height: 28px;
}

.zxxt5 .zxxt5-main .zxxt5box .zxxt5-box p {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}

/*软著版权*/
.linksfixd {
	position: fixed;
	z-index: 30;
	width: 100%;
	top: 0px;
}

/*.rzbq { padding-bottom: 86px;}*/
.rzbqnav {
	background: #3e6db5;
}

.rzbqnav .rzbqnavUl {
	margin-bottom: 0;
}

.rzbqnav .rzbqnavUl li {
	width: 33.3%;
}

.rzbqnav .rzbqnavUl li a {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 60px;
	text-align: center;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

.rzbqnav .rzbqnavUl li a:hover {
	background: #1c498d;
}

.rzbqcontent {
	padding-bottom: 86px;
	border-bottom: 1px #dedede solid;
}

.rzbqcontent h1 {
	font-size: 26px;
	color: #292c2d;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 0;
}

.rzbqcontent .rzbqcontentUl {
	margin-top: 49px;
	margin-bottom: 0;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.rzbqcontent3 .rzbqcontentUl {
	justify-content: center;
}

.rzbqcontent4 .rzbqcontentUl {
	justify-content: center;
}

.rzbqcontent .rzbqcontentUl li {
	width: 20%;
	margin-bottom: 10px;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.rzbqcontent2 .rzbqcontentUl li {
	width: 23%;
	margin-bottom: 10px;
	margin-left: 2%;
	margin-right: 0
}

.rzbqcontent .rzbqcontentUl .rzbq-img {
	border: 12px solid #f4f6f7;
	position: relative;
	overflow: hidden;
}

.rzbqcontent .rzbqcontentUl .rzbq-img .zoom img {
	max-width: 259px;
	width: 100%;
}

.rzbqcontent .rzbqcontentUl .rzbq-img .see {
	display: none;
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 50%;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
}

.rzbqcontent .rzbqcontentUl .rzbq-img .see span {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 8px auto;
	background: url(../images/about-ico.png) no-repeat 0 -19px;
}

.rzbqcontent .rzbqcontentUl .rzbq-img:hover .see {
	display: block;
}

.rzbqcontent .rzbqcontentUl .rzbq-name {
	height: 57px;
	padding-top: 13px;
	text-align: center;
	font-size: 14px;
	color: #21232b;
	background: #f4f6f7;
	overflow: hidden;
}

/* .rzbqcontent2 .rzbqcontentUl li {
	width: 30%;
} */

.rzbqcontent2 .rzbqcontentUl .rzbq-img .zoom img {
	max-width: 349px;
}

.rzbqcontent2 .rzbqcontentUl .rzbq-img .see {
	padding-top: 15%;
}

/* .rzbqcontent3 .rzbqcontentUl li {
	width: 30%;
} */

.rzbqcontent3 .rzbqcontentUl .rzbq-img .zoom img {
	max-width: 332px;
}

.rzbqcontent:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

/*产品展示*/
.project {
	padding-bottom: 0;
}

.cpzs {
	margin-top: 0;
	position: relative;
	z-index: 2;
	background: #f6f6f6;
	padding-bottom: 43px;
}

.cpzs .cpzs-container {
	margin: 0 3%;
}

.cpzs .cpzsnav {
	position: relative;
	top: -17px;
	background: #292c36;
	text-align: center;
	padding: 9px 0;
	/* height: 78px;*/
}

.cpzs .cpzsnav .cpzszl {
	display: inline-block;
}

.cpzs .cpzsnav .cpzszl .cpzszlnav {
	float: left;
	margin-bottom: 0;
	flex-wrap: wrap;
	justify-content: center;
}

.cpzszlnav .cpzszlnav-li {
	line-height: 33px;
}

.cpzszlnav .cpzszlnav-li>a {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	line-height: 31px;
	margin-left: 29px;
	margin-right: 29px;
	border-top: 1px transparent solid;
	border-bottom: 1px transparent solid;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.cpzszlnav .cpzszlnav-li>a.current,
.cpzszlnav .cpzszlnav-li>a:hover {
	border-top: 1px #474a53 solid;
	border-bottom: 1px #474a53 solid;
}

.cpzszlnav .defaultli span {
	font-size: 14px;
	color: #fff;
	padding-right: 13px;
	border-right: 1px #fff solid;
}

.cpzszlnav .cpzszlnav-menu {
	display: none;
	width: 100%;
	left: 0;
	top: 54px;
	position: absolute;
	z-index: 99;
	background: #292c36;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.cpzsnav ul li .cpzszlnav-menu .cpzszlnav-menuwrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	line-height: normal;
}

.cpzsnav ul li .cpzszlnav-menu .cpzszlnav-menuwrap i {
	display: block;
	position: absolute;
	background: url(../images/cpzsicon.png) no-repeat;
	width: 21px;
	height: 12px;
	top: 39px;
	left: 149.563px;
}

.cpzsnav ul li .cpzszlnav-menu .cpzszlnav-twoul {
	/*justify-content: center;*/
	background: #292c36;
	display: inline-block;
}

.cpzsnav ul li .cpzszlnav-menu .cpzszlnav-twoul .ctitem {
	height: 42px;
	line-height: 42px;
	float: left;
}

.cpzsnav ul li .cpzszlnav-menu .cpzszlnav-twoul .ctitem a {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	line-height: 42px;
	padding: 0 10px;
}

.cpzsnav ul li .cpzszlnav-menu .cpzszlnav-twoul .ctitem.active a,
.cpzsnav ul li .cpzszlnav-menu .cpzszlnav-twoul .ctitem:hover a {
	color: #fc5f45;
}

.cpzs .cpzs-wrap {
	flex-wrap: wrap;
	justify-content: flex-start;
}

.cpzs .cpzs-wrap .cpzsitem {
	margin-bottom: 87px;
	width: 30%;
	margin-left: 1%;
	margin-right: 1%;
}

.cpzs .cpzs-wrap .cpzsitem a img {
	width: 100%;
	max-width: 580px;
	transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
}

.cpzs .cpzs-wrap .cpzsitem a h3 {
	font-size: 20px;
	color: #333;
	line-height: 25px;
	margin-top: 37px;
	margin-bottom: 0;
	text-align: center;
}

.cpzs .cpzs-wrap .cpzsitem .des {
	font-size: 14px;
	color: #7c7c7c;
	line-height: 25px;
	text-align: center;
	margin-top: 20px;
}

.cpzs .cpzs-wrap .cpzsitem:hover a img {
	-webkit-transform: scale(1.06, 1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
}

.cpzs #page a {
	border-color: #dadada;
}

.cpzs .cpzs-wrap .cpzsitem2 {
	margin-bottom: 50px;
	position: relative;
	background: #fff;
	width: 87%;
	margin: 1% auto;
	padding: 3% 0;
	flex-wrap: wrap;
}

.cpzs .cpzsitem2 .anli-img {
	width: 53%;
	margin: 0 3%;
}

.cpzs .cpzsitem2 .anli-img img {
	width: 100%;
	/*max-width: 462px;*/
	max-width: 596px;
	margin: 0 auto;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.cpzs .cpzsitem2 .anli-img:hover a img {
	-webkit-transform: scale(1.06, 1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
}

.cpzs .cpzsitem2 .anli-text {
	padding: 3% 0;
	width: 37%;
}

.cpzs .cpzsitem2 .anli-text .anli-text-title p {
	font-size: 16px;
	color: #777;
	font-weight: 700;
	margin-bottom: 0;
}

.cpzs .cpzsitem2 .anli-text .anli-text-title p.subtitle {
	text-transform: uppercase;
	margin-bottom: 0;
}

.cpzs .cpzsitem2 .anli-text .anli-text-content {
	line-height: 24px;
	margin: 5% 0;
	height: 72px;
	overflow: hidden;
}

.cpzs .cpzsitem2 .anli-text .anli-text-content p {
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 0;
}

.cpzs .cpzsitem2 .anli-text .anli-text-more a {
	display: inline-block;
	background: #666;
	padding: 10px 30px;
	font-size: 14px;
	color: #fff;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.cpzs .cpzsitem2 .anli-text .anli-text-more:hover a {
	background: #f77564;
}

.dxt,
.xijie {
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	border-style: solid;
	border-color: #B0C8EA;
	border: 1px;
	margin: 1em auto;
}

.dxt td.t {
	width: 72px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-indent: 0px;
	color: #666;
}

.dxt td,
.xijie td {
	FONT-FAMILY: Tahoma, MS Shell Dlg;
	WORD-WRAP: break-word;
	border: 1px solid #666;
	padding: 5px;
	line-height: 1.5em;
	text-indent: 2em;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
}

.dxt td p,
.xijie td p {
	margin-bottom: 0;
	font-size: 13px;
}

.dxt td h3 {
	line-height: 50px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}

.dxt td h3,
.dxt td h3 a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-indent: 0px;
	color: #666;
}

.xijie {}

.banner_new {
	font-size: 14px;
	color: #c14130;
	padding: 5px 9px;
	border: 1px #c14130 solid;
	border-radius: 6px;
}

.three_span {
	margin-top: 50px;
}

.three_span span {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	padding: 5px 9px;
	border: 1px #fff solid;
	border-radius: 6px;
	margin-right: 19px;
	margin-bottom: 8px;
}

body #newBridge {
	display: none;
}