/* ----------------------------------------------------------------
    Modify     : PC,手机活动页面调用样式 - page.单页面,空模版,活动页,宣传页
    Created on : 2019-8-13, 15:07:00 / 2019-9-2, 15:07:00
    Author     : Snake
    Version    : 3.0 / 4.0
-----------------------------------------------------------------*/
/* 标题 */
.page-title {
	text-align: center;
}

.page-title .title-img {
	display: inline-block;
}

.page-title font {
	font-size: 24px;
	font-weight: bold;
}

.page-ztitle h1 {
	margin-top: 25px;
	margin-bottom: 30px;
}

.page-ztitle h5 {
	color: #666;
}

.hr {
	width: 30px;
	height: 2px;
	margin: 20px auto;
	background: #33cde5;
}

h1,
h2,
h3,
h4,
h5 {
	margin-top: 0;
	margin-bottom: 0;
}

/* ----------------------------------------------------------------
       wechat.小程序
-----------------------------------------------------------------*/
/* 单页面层1 */
.wechat-one {
	margin-bottom: 20px;
}

.wechat-one .other-cont {
	margin-top: 30px;
}

.wechat-one-content {
	width: 100%;
	margin-top: 60px;
	display: inline-block;
}

.wechat-one-content li {
	list-style: none;
	float: left;
	text-align: center;
	margin-bottom: 30px;
	overflow: hidden;
}

.wechat-one-content .picon-img {
	width: 140px;
	height: 145px;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
}

.wechat-one-content .picon-img img {
	width: 140px;
	height: 145px;
}

.wechat-one-content .picon01 .picon-img {
	background: url(../image/wechat/picon01.png);
	background-repeat: no-repeat;
}

.wechat-one-content .picon02 .picon-img {
	background: url(../image/wechat/picon02.png);
	background-repeat: no-repeat;
}

.wechat-one-content .picon03 .picon-img {
	background: url(../image/wechat/picon03.png);
	background-repeat: no-repeat;
}

.wechat-one-content .picon04 .picon-img {
	background: url(../image/wechat/picon04.png);
	background-repeat: no-repeat;
}

.wechat-one-content .picon01 .picon-img:hover {
	background: url(../image/wechat/picon01s.png);
	background-repeat: no-repeat;
}

.wechat-one-content .picon02 .picon-img:hover {
	background: url(../image/wechat/picon02s.png);
	background-repeat: no-repeat;
}

.wechat-one-content .picon03 .picon-img:hover {
	background: url(../image/wechat/picon03s.png);
	background-repeat: no-repeat;
}

.wechat-one-content .picon04 .picon-img:hover {
	background: url(../image/wechat/picon04s.png);
	background-repeat: no-repeat;
}

.wechat-one-content h3 {
	font-size: 24px;
	margin-bottom: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.wechat-one-content li h3 {
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.wechat-one-content li p {
	color: #aaa;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* 单页面层2 */
.wechat-two {
	width: 100%;
	height: 700px;
}

.wechat-two .other-cont {
	margin-top: 0;
}

.wechat-two .we-bg {
	height: 700px;
	position: absolute;
}

.wechat-two .we-bg img {
	width: 100%;
	height: 700px;
}

.wechat-two .container {
	position: relative;
	z-index: 3;
}

.wechat-two .wechat-two-left {
	width: 52%;
	height: 550px;
	float: left;
	margin-top: 100px;
	padding: 140px 120px 0 30px;
	border: 3px solid #fff;
}

.wechat-two .wechat-two-left h3 {
	font-size: 24px;
}

.wechat-two .wechat-two-left h3,
.wechat-two .wechat-two-left p {
	color: #fff;
}

.wechat-two .wechat-two-left h3:nth-child(1) {
	margin-bottom: 10px;
}

.wechat-two .wechat-two-left p {
	margin-bottom: 10px;
}

.wechat-two .wechat-two-left p:nth-child(3) {
	margin-top: 40px;
}

.wechat-two .wechat-two-right {
	width: 40%;
	float: right;
}

.wechat-two .wechat-two-right .wechat-two-cont h4,
.wechat-two .wechat-two-right .wechat-two-cont p,
.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-txt h5,
.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-txt p {
	color: #fff;
}

.wechat-two .wechat-two-right .wechat-two-cont {
	margin-top: 150px;
}

.wechat-two .wechat-two-right .wechat-two-cont h4 {
	font-size: 18px;
	margin-bottom: 10px;
}

.wechat-two .wechat-two-right .wechat-two-box {
	margin-top: 50px;
}

.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item {
	width: 100%;
	margin-bottom: 25px;
	display: inline-block;
}

.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-img {
	width: 10%;
	float: left;
}

.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-img img {
	margin: 0 auto;
}

.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-txt {
	width: 80%;
	float: right;
}

.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-txt h5 {
	font-size: 16px;
	margin-bottom: 10px;
}

.wechat-two .wechat-two-right .wechat-two-box .wechat-two-item .wechat-two-txt p {
	line-height: 25px;
}

/* 单页面层3 */
.wechat-three {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-top: 50px;
}

.wechat-three .page-ztitle {
	margin-top: 40px;
}

.wechat-three .other-cont {
	margin-top: 30px;
}

.other-cont .page-tcont {
	width: 100%;
	margin-top: 40px;
}

.page-tcont li {
	position: relative;
	width: 190px;
	height: 252px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	cursor: pointer;
}

.page-tcont a {
	position: absolute;
	display: block;
	width: 190px;
	height: 252px;
	text-align: center;
	top: 0;
	left: 0;
	transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.page-tcont .page-tcont-icon {
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	margin: 64px auto 30px;
	border-radius: 10px;
	overflow: hidden;
	transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.page-tcont-icon i {
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 10px;
}

.page-tcont-icon i {
	transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.page-tcont-icon01 {
	background-image: url(../image/wechat/tcont01.png);
}

.page-tcont-icon02 {
	background-image: url(../image/wechat/tcont02.png);
}

.page-tcont-icon03 {
	background-image: url(../image/wechat/tcont03.png);
}

.page-tcont-icon04 {
	background-image: url(../image/wechat/tcont04.png);
}

.page-tcont-icon05 {
	background-image: url(../image/wechat/tcont05.png);
}

.page-tcont-icon06 {
	background-image: url(../image/wechat/tcont06.png);
}

.page-tcont-icon07 {
	background-image: url(../image/wechat/tcont07.png);
}

.page-tcont-icon08 {
	background-image: url(../image/wechat/tcont08.png);
}

.page-tcont-icon09 {
	background-image: url(../image/wechat/tcont09.png);
}

.page-tcont-icon10 {
	background-image: url(../image/wechat/tcont10.png);
}

.page-tcont-icon11 {
	background-image: url(../image/wechat/tcont11.png);
}

.page-tcont-icon12 {
	background-image: url(../image/wechat/tcont12.png);
}

.page-tcont-item h3 {
	line-height: 18px;
	font-size: 18px;
	color: #333;
	transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.page-tcont-item p {
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	opacity: 0;
	margin-top: 12px;
	transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.page-tcont-item p.page-tcont-more {
	display: block;
	width: 80px;
	font-size: 15px;
	color: #fff;
	padding: 3px 0;
	margin: 15px auto 0;
	border-radius: 3px;
	border: 1px solid #fff;
}

.page-tcont-item:hover {
	transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.page-tcont-item:hover .page-tcont-icon {
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 10px auto 6px;
	border-radius: 10px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50%;
}

.page-tcont-item:hover h3 {
	color: #fff;
	font-weight: bold;
}

.page-tcont-item:hover p {
	opacity: 1;
	transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.page-tcont-item:hover .page-tcont-more {
	display: block;
	transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.page-tcont-icon {
	transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.page-tcont .page-tcont-bg1:hover,
.page-tcont .page-tcont-bg1 .page-tcont-icon,
.page-tcont-bg12:hover,
.page-tcont .page-tcont-bg12 .page-tcont-icon {
	background: -webkit-linear-gradient(#019bff, #9079ff);
	background: -o-linear-gradient(#019bff, #9079ff);
	background: -moz-linear-gradient(#019bff, #9079ff);
	background: linear-gradient(#019bff, #9079ff);
}

.page-tcont .page-tcont-bg2:hover,
.page-tcont .page-tcont-bg2 .page-tcont-icon,
.page-tcont .page-tcont-bg11:hover,
.page-tcont .page-tcont-bg11 .page-tcont-icon {
	background: -webkit-linear-gradient(#fd985b, #fd4e5a);
	background: -o-linear-gradient(#fd985b, #fd4e5a);
	background: -moz-linear-gradient(#fd985b, #fd4e5a);
	background: linear-gradient(#fd985b, #fd4e5a);
}

.page-tcont .page-tcont-bg3:hover,
.page-tcont .page-tcont-bg3 .page-tcont-icon,
.page-tcont .page-tcont-bg10:hover,
.page-tcont .page-tcont-bg10 .page-tcont-icon {
	background: -webkit-linear-gradient(#6986e7, #895ed9);
	background: -o-linear-gradient(#6986e7, #895ed9);
	background: -moz-linear-gradient(#6986e7, #895ed9);
	background: linear-gradient(#6986e7, #895ed9);
}

.page-tcont .page-tcont-bg4:hover,
.page-tcont .page-tcont-bg4 .page-tcont-icon,
.page-tcont .page-tcont-bg8:hover,
.page-tcont .page-tcont-bg8 .page-tcont-icon {
	background: -webkit-linear-gradient(#ffb104, #ff8252);
	background: -o-linear-gradient(#ffb104, #ff8252);
	background: -moz-linear-gradient(#ffb104, #ff8252);
	background: linear-gradient(#ffb104, #ff8252);
}

.page-tcont .page-tcont-bg5:hover,
.page-tcont .page-tcont-bg5 .page-tcont-icon,
.page-tcont .page-tcont-bg7:hover,
.page-tcont .page-tcont-bg7 .page-tcont-icon {
	background: -webkit-linear-gradient(#b34efe, #ff3d7f);
	background: -o-linear-gradient(#b34efe, #ff3d7f);
	background: -moz-linear-gradient(#b34efe, #ff3d7f);
	background: linear-gradient(#b34efe, #ff3d7f);
}

.page-tcont .page-tcont-bg6:hover,
.page-tcont .page-tcont-bg6 .page-tcont-icon,
.page-tcont .page-tcont-bg9:hover,
.page-tcont .page-tcont-bg9 .page-tcont-icon {
	background: -webkit-linear-gradient(#99cc34, #5fcc55);
	background: -o-linear-gradient(#99cc34, #5fcc55);
	background: -moz-linear-gradient(#99cc34, #5fcc55);
	background: linear-gradient(#99cc34, #5fcc55);
}

.page-tcont a:hover .page-tcont-icon {
	background-image: none !important;
}

/* 单页面层4 */
.wechat-team {
	width: 100%;
	height: 590px;
}

.wechat-team .other-cont {
	margin-top: 30px;
}

.wechat-team .team-bg {
	height: 560px;
	position: absolute;
}

.wechat-team .team-bg img {
	width: 100%;
	height: 560px;
}

.wechat-team .container {
	position: relative;
	z-index: 3;
	top: 100px;
}

.wechat-team .page-title,
.wechat-team .page-ztitle,
.wechat-team .page-ztitle h5 {
	color: #fff;
}

.wechat-team .page-ztitle h5 {
	margin-top: 15px;
}

.wechat-team .wechat-team-cont {
	margin-top: 100px;
}

.wechat-team .wechat-team-img {
	width: 100%;
	text-align: center;
}

.wechat-team .wechat-team-img img {
	margin: 0 auto;
}

.wechat-team .wechat-team-txt {
	width: 100%;
	text-align: center;
}

.wechat-team .wechat-team-txt p {
	color: #fff;
}

.wechat-team .wechat-team-txt p:nth-child(1) {
	margin-top: 50px;
}

.wechat-team .wechat-team-txt p:nth-child(2) {
	margin-top: 15px;
}

/* 单页面层5 */
.wechat-our {
	width: 100%;
	margin-bottom: 70px;
}

.wechat-our .other-cont {
	margin-top: 50px;
}

.wechat-our .page-ztitle {
	margin-top: 5px;
}

.wechat-our .starter-template h5 {
	font-size: 14px;
}

.wechat-our .wechat-our-cont {
	width: 100%;
	display: inline-block;
	margin-top: 50px;
}

.wechat-our .wechat-our-item {
	width: 23%;
	height: 288px;
	margin-right: 27px;
	float: left;
	padding: 40px 15px;
	text-align: center;
	background: url(../image/wechat/our-item-bg.png) no-repeat center;
	background-size: 100% 100%;
}

.wechat-our .wechat-our-item:last-child {
	float: right;
	margin-right: 0;
}

.wechat-our .wechat-our-item .wechat-our-img {
	width: 100%;
}

.wechat-our .wechat-our-item .wechat-our-img img {
	margin: 0 auto;
}

.wechat-our .wechat-our-item .wechat-our-txt {
	color: #fff;
	margin-top: 30px;
}

.wechat-our .wechat-our-item .wechat-our-txt h4 {
	font-weight: bold;
	color: #d2d0d0;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.wechat-our .wechat-our-item .wechat-our-txt p {
	color: #d2d0d0;
	text-align: left;
	margin-top: 15px;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* 单页面层6 */
.page-message {
	width: 100%;
	height: 474px;
	margin-top: 50px;
	background: url(../image/message-bg.jpg) no-repeat center;
}

.page-message .other-cont {
	margin-top: 0;
}

.page-message .starter-template {
	padding: 15px 0;
	background: #33cde5;
}

.page-message .starter-template h5 {
	color: #fff;
}

.page-message .starter-template span {
	position: absolute;
	width: 0;
	height: 0;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	border-top: 30px solid #33cde5;
}

.page-message .page-message-font {
	margin-top: 100px;
}

/* ----------------------------------------------------------------
       applet.微信平台
-----------------------------------------------------------------*/
/* 单页面层1 */
.applet-our {
	width: 100%;
}

.applet-our .other-cont .page-ztitle h5 {
	margin-top: 10px;
}

.applet-our .other-cont {
	margin-top: 30px;
}

.applet-our .applet-our-content {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-top: 80px;
}

.applet-our-content li {
	list-style: none;
	float: left;
	text-align: center;
	margin-bottom: 30px;
	overflow: hidden;
}

.applet-our-content .picon-img {
	width: 65px;
	height: 60px;
	margin: 0 auto;
	background: url(../image/applet/applet-our.png) no-repeat;
}

.applet-our-content .picon-img img {
	width: 65px;
	height: 60px;
}

.applet-our-content .picon01 .picon-img {
	background-position: -8px -6px;
}

.applet-our-content .picon02 .picon-img {
	background-position: -7px -73px;
}

.applet-our-content .picon03 .picon-img {
	background-position: -7px -207px;
}

.applet-our-content .picon04 .picon-img {
	background-position: -8px -140px;
}

.applet-our-content h3 {
	margin-bottom: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.applet-our-content li h4 {
	color: #000;
	margin-top: 15px;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.applet-our-content li p {
	color: #aaa;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.applet-our-content li:hover h4 {
	color: #076bf2;
}

.applet-our-content li.picon01:hover .picon-img {
	background-position: -93px -6px;
}

.applet-our-content li.picon02:hover .picon-img {
	background-position: -92px -73px;
}

.applet-our-content li.picon03:hover .picon-img {
	background-position: -93px -207px;
}

.applet-our-content li.picon04:hover .picon-img {
	background-position: -94px -140px;
}

/* 单页面层2 */
.applet-two {
	width: 100%;
	margin-top: 40px;
	padding: 40px 0 40px 0;
	background: url(../image/applet/apple02-bg1.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.applet-two .page-title,
.applet-two .page-ztitle,
.applet-two .page-ztitle h5 {
	color: #fff;
}

.applet-two .applet-cont {
	margin-top: 40px;
	margin-left: 27%;
	display: inline-block;
}

.applet-two .applet-cont .applet-div {
	width: 100px;
	height: 100px;
	float: left;
	text-align: center;
}

.applet-two-radio {
	border-radius: 100%;
	border: 1px solid #fff;
}

.applet-two-radio span {
	font-size: 25px;
	color: #fff;
	margin-top: 20px;
}

.applet-two-radio p {
	color: #fff;
	margin-top: 15px;
}

.applet-hr {
	margin: 49px 15px 0 15px;
	height: 1px !important;
	background: #fff;
}

/* 单页面层3 */
.applet-three {
	margin-top: 50px;
}

.applet-three-content {
	width: 100%;
	margin-top: 60px;
	display: inline-block;
}

.applet-three-content li {
	list-style: none;
	float: left;
	text-align: center;
	margin-bottom: 30px;
	overflow: hidden;
}

.applet-three-content .picon-img {
	width: 118px;
	height: 118px;
	padding: 10px;
	margin: 10px auto 0 auto;
	text-align: center;
	display: inline-block;
	background: url(../image/applet/applet-icons.png) no-repeat scroll 0 0;
}

.applet-three-content .picon-img img {
	width: 118px;
	height: 118px;
}

.applet-three-content .picon-img:hover {
	animation: swing 1s;
	-webkit-animation: swing 1s;
}

.applet-three-content .picon01 .picon-img {
	background-position: 0px 0px;
}

.applet-three-content .picon02 .picon-img {
	background-position: -118px 0px;
}

.applet-three-content .picon03 .picon-img {
	background-position: -236px 0px;
}

.applet-three-content .picon04 .picon-img {
	background-position: -354px 0px;
}

.applet-three-content .picon05 .picon-img {
	background-position: 0px -118px;
}

.applet-three-content .picon06 .picon-img {
	background-position: -118px -118px;
}

.applet-three-content .picon07 .picon-img {
	background-position: -236px -118px;
}

.applet-three-content .picon08 .picon-img {
	background-position: -354px -118px;
}

/* 单页面层4 */
.applet-exten {
	width: 100%;
	margin-top: 50px;
	background: #f6f7fc;
}

.applet-exten .page-title {
	padding-top: 50px;
}

.applet-exten-cont {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-top: 40px;
}

.applet-exten-cont .applet-exten-item {
	width: 262px;
	height: 288px;
	float: left;
	text-align: center;
	margin-right: 30px;
}

.applet-exten-cont .applet-exten-item:last-child {
	float: right;
	margin-right: 0;
}

.applet-exten-cont .exten-item-1 .applet-exten-img {
	width: 100%;
	height: 135px;
	background: url(../image/applet/exten1.jpg) no-repeat;
	background-size: 100%;
}

.applet-exten-cont .exten-item-2 .applet-exten-img {
	width: 100%;
	height: 135px;
	background: url(../image/applet/exten2.jpg) no-repeat;
	background-size: 100%;
}

.applet-exten-cont .exten-item-3 .applet-exten-img {
	width: 100%;
	height: 135px;
	background: url(../image/applet/exten3.jpg) no-repeat;
	background-size: 100%;
}

.applet-exten-cont .exten-item-4 .applet-exten-img {
	width: 100%;
	height: 135px;
	background: url(../image/applet/exten4.jpg) no-repeat;
	background-size: 100%;
}

.applet-exten-cont .applet-exten-item .applet-exten-img img {
	position: relative;
	margin: 0 auto;
	top: 45px;
}

.applet-exten-cont .applet-exten-item .applet-exten-txt {
	padding: 15px 10px;
	background: #fff;
}

.applet-exten-cont .applet-exten-item .applet-exten-txt p {
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.applet-exten-cont .applet-exten-item .applet-exten-txt p:nth-child(1) {
	font-size: 18px;
}

.applet-exten-cont .applet-exten-item .applet-exten-txt p:nth-child(3) {
	color: #999;
}

.applet-exten-cont .applet-exten-item .applet-exten-txt .hr {
	margin: 5px auto;
}

/* 单页面层5 */
.applet-case {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 80px 0 60px 0;

}

/* 单页面层6 */
.applet-message {
	margin-top: 0;
}

/* ----------------------------------------------------------------
       contact.关于鼎联
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
       contact.单页面层1
-----------------------------------------------------------------*/
.contact-one {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 0 0 50px 0;
}

/* -- 单页面层1 - 上 -- */
.contact-one-up {
	display: inline-block;
	position: relative;
	width: 100%;
}

.contact-one-up .contact-cont {
	width: 700px;
	float: left;
}

.contact-one-up .contact-cont h1 {
	margin: 0;
	padding: 0;
}

.contact-one-up .contact-cont h1 font {
	color: #33cde5;
	font-size: 40px;
}

.contact-one-up .contact-cont .contact-txt {
	margin-top: 10px;
}

.contact-one-up .contact-cont .contact-icon {
	display: inline-block;
	position: relative;
	width: 100%;
	margin-top: 10px;
}

.contact-one-up .contact-cont .contact-icon .contact-icon-item {
	width: 200px;
	float: left;
	margin-right: 50px;
	margin-top: 30px;
}

.contact-one-up .contact-cont .contact-icon .contact-icon-item:nth-child(3n+3) {
	float: right;
	margin-right: 0;
}

.contact-one-up .contact-cont .contact-icon .contact-icon-txt {
	font-size: 16px;
	color: #7d7d7d;
	margin-top: 20px;
}

.contact-one-up .contact-cont .contact-more {
	font-size: 21px;
	margin-top: 50px;
	text-decoration: line-through
}

.contact-one-up .contact-img {
	width: 380px;
	float: right;
	margin: 15px auto 0 auto;
	border: 2px solid #33cde5;
}

.contact-one-up .contact-img img {
	width: 360px;
	position: relative;
	bottom: 15px;
	right: 10px;
}

/* -- 单页面层1 - 下 -- */
.contact-one-down {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 40px 0 20px 0;
}

.contact-one-list li {
	width: 390px;
	float: left;
	padding: 20px 60px;
	border: 1px solid #d9d9d9;
	background: none;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.contact-one-list li:nth-child(2) {
	border-left: 0;
	border-right: 0;
}

.contact-one-list .contact-one-icon {
	width: 80px;
	height: 80px;
	float: left;
}

.contact-one-list .contact-one-icon img {
	width: 80px;
	height: 80px;
}

.contact-one-txt {
	width: 165px;
	float: right;
}

.contact-one-txt p {
	color: #000;
	margin-top: 9px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.contact-one-txt p:nth-child(1) {
	font-size: 20px;
}

.contact-one-list li:hover {
	border: 1px solid #00AFDA;
	background: #00AFDA;
}

.contact-one-list li:hover .contact-one-txt p {
	color: #fff;
}

/* ----------------------------------------------------------------
       contact.单页面层2
-----------------------------------------------------------------*/
.contact-two {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 100px 0;
	background: #F2F2F2;
}

.contact-two .certico {
	width: 515px;
	float: left;
	margin-top: 25px;
}

.contact-two .certico .cer-img {
	margin-bottom: 25px;
}

.contact-two .certico .cer-img img {
	width: 78px;
	height: 78px;
}

.contact-two .certico .cer-title {
	font-size: 36px;
	font-weight: bold;
	color: #1a1a1a;
}

.contact-two .certico .cer-txt {
	line-height: 30px;
	font-size: 16px;
	color: #333;
	padding: 41px 0 0 0;
}

.contact-two .certificate {
	width: 615px;
	float: right;
}

.contact-two .certificate img {
	width: 100%;
}

/* ----------------------------------------------------------------
       contact.单页面层3
-----------------------------------------------------------------*/
.contact-three {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 80px 0;
}

.ibus-title {
	display: inline-block;
	position: relative;
	width: 100%;
}

.ibus-title .ibus-title-b {
	font-size: 36px;
	line-height: 48px;
	font-weight: bold;
	color: #1a1a1a;
}

.ibus-title .ibus-title-txt {
	font-size: 16px;
	line-height: 30px;
	color: #333;
	padding: 41px 0 66px 0;
}

.ibus-list {
	display: inline-block;
	position: relative;
	width: 100%;
	display: table;
}

.ibus-list li {
	position: relative;
	width: 18.125%;
	height: 330px;
	text-align: center;
	float: left;
	margin-right: -1px;
	padding-top: 122px;
	border: 1px solid #d8d8d8;
	background: #fff;
	cursor: pointer;
	transition: all ease .5s;
}

.ibus-list li:hover {
	width: 27.75%;
	padding-top: 92px;
}

.ibus-list li.on {
	width: 27.75%;
	padding-top: 92px;
}

.ibus-list li .num {
	position: absolute;
	width: 52px;
	height: 52px;
	line-height: 52px;
	font-size: 24px;
	font-style: oblique;
	color: #fff;
	top: -23px;
	left: 50%;
	text-align: left;
	padding-left: 8px;
	border-radius: 50%;
	background: #21abd7;
	transform: translateX(-50%);
}

.ibus-list li .num:before {
	position: absolute;
	width: 66px;
	height: 66px;
	content: "";
	left: -7px;
	top: -7px;
	border-radius: 50%;
	background: rgba(33, 171, 215, .1);
}

.ibus-list li .num:after {
	position: absolute;
	width: 80px;
	height: 80px;
	content: "";
	left: -14px;
	top: -14px;
	border-radius: 50%;
	background: rgba(33, 171, 215, .05);
}

.ibus-list li .icon {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 auto;
}

.ibus-list li .icon img {
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0;
	top: 0;
}

.ibus-list li .icon img:last-child {
	opacity: 0;
	z-index: 2;
	transition: all ease .5s;
}

.ibus-list li:hover .icon img:last-child {
	opacity: 1;
}

.ibus-list li.on .icon img:last-child {
	opacity: 1;
}

.ibus-list li .t1 {
	line-height: 24px;
	font-size: 18px;
	font-weight: bold;
	color: #222;
	margin-top: 36px;
	transition: all ease .5s;
}

.ibus-list li:hover .t1 {
	color: #21abd7;
}

.ibus-list li.on .t1 {
	color: #21abd7;
}

.ibus-list li .t2 {
	line-height: 24px;
	font-size: 14px;
	color: #222;
	margin: 20px auto;
	display: none;
	padding: 0 13%;
}

.ibus-list li:hover .t2 {
	display: block;
	animation: fadeInUp .5s ease-out;
}

.ibus-list li.on .t2 {
	display: block;
}

/* ----------------------------------------------------------------
       contact.单页面层4
-----------------------------------------------------------------*/
.contact-four {
	display: inline-block;
	position: relative;
	width: 100%;
}

.contact-four-img img {
	width: 100%;
}

.contact-four-font {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 25%;
}

.contact-four-font p {
	color: #fff;
}

.contact-four-font .contact-four-title {
	font-size: 30px;
	color: #fffefe;
	margin-bottom: 15px;
}

.contact-four-font .contact-four-line {
	width: 50px;
	height: 5px;
	margin: 30px auto 0 auto;
	background: #fff;
}

/* ----------------------------------------------------------------
       contact.单页面层5
-----------------------------------------------------------------*/
.contact-five {
	position: relative;
	width: 100%;
	background: #f7f7f7;
}

/* ----------------------------------------------------------------
       contact_us.联系我们
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
       contact_us.第一层
-----------------------------------------------------------------*/
.contUS-one {
	position: relative;
	width: 100%;
	padding: 0 0 30px 0;
}

.contUS-title {
	/*display: inline-block;*/
	display: none;
	position: relative;
	width: 100%;
	font-size: 32px;
	text-align: center;
}

.contUS-list {
	display: inline-block;
	position: relative;
	width: 100%;
	margin-top: 30px;
}

.contUS-list li {
	position: relative;
	width: 363px;
	height: 229px;
	color: #fff;
	float: left;
	text-align: center;
	margin-right: 40px;
	padding: 30px 40px;
}

.contUS-list li:last-child {
	float: right;
	margin-right: 0;
}

.contUS-list li:nth-child(1) {
	background: #00a0e9;
}

.contUS-list li:nth-child(2) {
	background: #eb4b4b;
}

.contUS-list li:nth-child(3) {
	background: #22c27c;
}

.contUS-list .contUS-img {
	position: relative;
	width: 85px;
	height: 84px;
	margin: 0 auto;
}

.contUS-list .contUS-img img {
	width: 85px;
	height: 84px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.contUS-list .contUS-txt {
	font-size: 16px;
	line-height: 30px;
	margin-top: 25px;
}

.contUS-list li:hover .contUS-img img {
	width: 65px;
	height: 64px;
	margin-top: 10px;
}

/* ----------------------------------------------------------------
       contact_us.第二层
-----------------------------------------------------------------*/
.contUS-two {
	display: inline-block;
	position: relative;
	width: 100%;
}

/* ----------------------------------------------------------------
       empty.活动页
-----------------------------------------------------------------*/
.page-empty {
	padding-left: 0;
	padding-right: 0;
}

.page-empty img {
	width: 100%;
}

.page-empty p img {
	width: 100%;
}

/* ----------------------------------------------------------------
        手机案例列表 - 小程序,微信平台
-----------------------------------------------------------------*/
.mobile-case {
	width: 100%;
	margin-top: 50px;
}

.mobile-case .mobile-case-list {
	width: 100%;
}

.mobile-case .mobile-case-item {
	position: relative;
	width: 279px;
	float: left;
	margin: 0 0 0 8px;
	background: url(../image/applet/phone-case.png) center top no-repeat;
}

.mobile-case .mobile-case-item:first-child {
	margin-left: 0
}

.mobile-case .mobile-case-main {
	position: relative;
	width: 200px;
	height: 363px;
	left: 40px;
	top: 30px;
	overflow: hidden;
	background: #fff;
}

.mobile-case .mobile-case-img {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.mobile-case .mobile-case-img img {
	display: block;
	width: 100%;
	/*height: 363px;*/
}

.mobile-case .mobile-case-txt {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	left: 0;
	top: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.7) !important;
}

.mobile-case .mobile-case-txt p {
	font-size: 18px;
	margin-top: 40px;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.mobile-case .mobile-case-txt p:nth-child(1) {
	margin-top: 80px;
}

.mobile-case .mobile-case-code {
	width: 130px;
	height: 130px;
	margin: 15px auto;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

.mobile-case .mobile-case-code img {
	width: 125px;
}

.mobile-case .mobile-case-txt h3 {
	font-size: 16px;
	font-weight: 400;
	margin: 0 20px;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

.mobile-case .mobile-case-text {
	color: #999;
	font-size: 16px;
	text-align: center;
	margin-top: 120px;
}

.mobile-case .mobile-case-item:hover .mobile-case-txt {
	display: block;
}

.mobile-case .mobile-case-item:hover .mobile-case-text span {
	color: #33cde5;
	padding-bottom: 10px;
	border-bottom: 2px solid #33cde5;
}

/* ----------------------------------------------------------------
        根据分辨率来判断显示
-----------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
	.container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	/* 标题 */
	.page-title .text-center {
		font-size: 21px;
		color: #2d2d2d;
		font-weight: bold;
	}

	.page-title .text-withe {
		color: #fff;
	}

	.page-title .text-center span {
		background: #2d2d2d;
	}

	.page-title .text-withe span {
		background: #fff;
	}

	.page-ztitle {
		margin-top: 10px;
	}

	.page-ztitle .text-withe {
		color: #fff;
	}

	/* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/
	/* 第一层 */
	.wechat-one {
		display: inline-block;
		width: 100%;
		margin-bottom: 0;
		padding-bottom: 20px;
		background: #ffffff;
	}

	.wechat-one .page-title .title-img {
		display: none;
	}

	.wechat-one .other-cont {
		margin-top: 30px;
	}

	.wechat-one .wechat-cont {
		margin-top: 20px;
	}

	.wechat-cont .wechats-item {
		margin-bottom: 10px;
	}

	.wechats-item .wechats-txt {
		width: 100%;
		color: #909090;
		margin-top: 10px;
		text-align: center;
		/*text-overflow: ellipsis;*/
		white-space: nowrap;
		overflow: hidden;
	}

	/* 第二层 */
	.wechat-two {
		display: inline-block;
		width: 100%;
		height: 500px;
		background: url(../image/wechat/wechat02-bg.png) center;
	}

	.wechat-two .page-title {
		margin-top: 30px;
	}

	.wechat-two .page-title .title-img {
		display: none;
	}

	.wechat-two .page-title,
	.wechat-two .page-ztitle h5 {
		color: #fff;
	}

	.wechat-two .wechat-cont {
		margin-top: 20px;
	}

	.wechat-two .wechates-item {
		margin-bottom: 15px;
	}

	.wechates-item .wechats-img {
		width: 80px;
		height: 80px;
		margin: 0 auto;
		border-radius: 10px;
	}

	.wechates-item1 .wechats-img {
		background: #5cddb4;
	}

	.wechates-item2 .wechats-img {
		background: #6abde0;
	}

	.wechates-item3 .wechats-img {
		background: #82b4ff;
	}

	.wechates-item4 .wechats-img {
		background: #828eff;
	}

	.wechates-item5 .wechats-img {
		background: #ba82ff;
	}

	.wechates-item6 .wechats-img {
		background: #e682ff;
	}

	.wechates-item .wechats-img img {
		position: relative;
		margin: 0 auto;
	}

	.wechates-item1 .wechats-img img,
	.wechates-item2 .wechats-img img,
	.wechates-item3 .wechats-img img,
	.wechates-item4 .wechats-img img,
	.wechates-item5 .wechats-img img,
	.wechates-item6 .wechats-img img {
		height: 30px;
		top: 30%;
	}

	.wechates-item .wechats-txt {
		color: #fff;
		text-align: center;
		margin-top: 10px;
		/*text-overflow: ellipsis;*/
		white-space: nowrap;
		overflow: hidden;
	}

	/* 第三层 */
	.wechat-three {
		display: inline-block;
		margin-top: 0;
		background: #ffffff;
	}

	.wechat-three .page-ztitle {
		margin-top: 10px;
	}

	.wechat-three .wechat-cont {
		margin-top: 20px;
	}

	.wechat-three .wechatese-item {
		margin-bottom: 15px;
	}

	.wechatese-item .wechatse-img {
		padding: 20px 5px 5px 5px;
		border-radius: 10px 10px 0 0;
		background: #f2f0f1;
	}

	.wechatese-item .wechatse-img img {
		height: 48px;
		margin: 0 auto;
	}

	.wechatese-item .wechatse-txt {
		text-align: center;
		padding: 5px 5px 20px 5px;
		border-radius: 0 0 10px 10px;
		background: #f2f0f1;
		/*text-overflow: ellipsis;*/
		white-space: nowrap;
		overflow: hidden;
	}

	/* 第四层 */
	.wechat-team {
		display: inline-block;
		width: 100%;
		margin-top: 20px;
		background: url(../image/wechat/wechat04-bg.png) center;
	}

	.wechat-team .page-ztitle h5 {
		margin-top: 5px;
	}

	.wechat-team .wechat-cont {
		margin-top: 20px;
	}

	.wechat-team .wechatesen-item {
		margin-bottom: 15px;
	}

	.wechatesen-item .wechatse-img {
		padding: 20px 5px 5px 5px;
		border-radius: 10px 10px 0 0;
		background: #ffffff;
	}

	.wechatesen-item .wechatse-img img {
		height: 48px;
		margin: 0 auto;
	}

	.wechatesen-item .wechatse-txt {
		text-align: center;
		padding: 5px 5px 20px 5px;
		border-radius: 0 0 10px 10px;
		background: #ffffff;
		/*text-overflow: ellipsis;*/
		white-space: nowrap;
		overflow: hidden;
	}

	/* 发布留言 */
	.m-message-cont .starter-template h5 {
		margin-top: 5px;
	}

	/* ----------------------------------------------------------------
        微信公众号
    -----------------------------------------------------------------*/
	/* 统一使用 */
	.cont-mobile .hr {
		margin: 5px auto 0 auto;
	}

	/* 第一层 */
	.applet-our {
		/*margin-top: 40px;*/
		background: #ffffff;
	}

	.applet-our .other-cont {
		margin-top: 0;
		padding: 20px 0 40px 0;
	}

	.mapplet-our-cont {
		width: 100%;
		display: inline-block;
	}

	.mapplet-our-cont .mapplet-our-item {
		text-align: center;
		margin-top: 30px;
	}

	.mapplet-our-cont .mapplet-our-img {}

	.mapplet-our-cont .mapplet-our-img img {
		width: 48px;
		height: 48px;
		margin: 0 auto;
	}

	.mapplet-our-cont .mapplet-our-txt h5 {
		font-size: 16px;
		color: #000;
		text-align: center;
		margin: 20px 0 10px 0;
		/*text-overflow: ellipsis;*/
		white-space: nowrap;
		overflow: hidden;
	}

	.mapplet-our-cont .mapplet-our-txt p {
		color: #000;
		overflow: hidden;
		word-wrap: break-word;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	.mapplet-our-cont .mapplet-our-item:hover .mapplet-our-txt h5 {
		color: #33cde5;
	}

	/* 第二层 */
	.applet-two {
		margin-top: 0;
		padding: 30px 0 20px 0;
		background: #f1f1f1;
	}

	.applet-two .page-title,
	.applet-two .page-ztitle,
	.applet-two .page-ztitle h5 {
		color: #000;
	}

	.applet-two .applet-cont {
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}

	.applet-two .applets-item {
		width: 33.333%;
		float: left;
		margin-bottom: 30px;
	}

	.applets-item .applets-img {
		text-align: center;
	}

	.applets-item .applets-img img {
		width: 50px;
		margin: 0 auto;
	}

	.applets-item .applets-txt {
		text-align: center;
		margin-top: 10px;
		/*text-overflow: ellipsis;*/
		white-space: nowrap;
		overflow: hidden;
	}

	/* 第三层 */
	.applet-three {
		margin-top: 20px;
	}

	.applet-three .applet-cont {
		display: inline-block;
		width: 100%;
		margin-top: 20px;
	}

	.applet-three .appletes-item {
		display: -webkit-flex;
		display: flex;
		width: 100%;
		height: 75px;
		margin-bottom: 5px;
	}

	.appletes-item .appletes-img {
		width: 45px;
		height: 45px;
	}

	.appletes-item .appletes-img img {
		width: 45px;
		height: 45px;
		margin-top: 15px;
	}

	.appletes-item .applet-classify-txt {
		color: #fff;
		margin: 18px 0 0 15px;
		padding-left: 2px !important;
		top: 50px !important;
	}

	.appletes-item .applet-classify-txt h5 {
		height: 16px;
		font-size: 15px;
		margin-bottom: 5px;
		overflow: hidden;
		word-wrap: break-word;
		text-overflow: ellipsis;
		/*display: -webkit-box;*/
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.appletes-item .applet-classify-txt p {
		height: 18px;
		color: #aaa;
		font-size: 13px;
		overflow: hidden;
		word-wrap: break-word;
		text-overflow: ellipsis;
		/*display: -webkit-box;*/
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.applet-three .appletes-item1 {
		background: url(../image/applet/applet03-bg1.jpg) no-repeat;
		background-size: 100% 100%;
	}

	.applet-three .appletes-item2 {
		background: url(../image/applet/applet03-bg2.jpg) no-repeat;
		background-size: 100% 100%;
	}

	.applet-three .appletes-item3 {
		background: url(../image/applet/applet03-bg3.jpg) no-repeat;
		background-size: 100% 100%;
	}

	.applet-three .appletes-item4 {
		background: url(../image/applet/applet03-bg4.jpg) no-repeat;
		background-size: 100% 100%;
	}

	.applet-three .appletes-item5 {
		background: url(../image/applet/applet03-bg5.jpg) no-repeat;
		background-size: 100% 100%;
	}

	/* 第四层 */
	.applet-exten {
		margin-top: 20px;
		padding: 40px 0;
	}

	.applet-exten .page-title {
		margin-top: 0;
		padding-top: 0;
	}

	.applet-exten-cont {
		margin-top: 0;
	}

	.applet-exten-cont .applet-exten-item {
		width: 48%;
		height: auto;
		margin-right: 0;
		margin-top: 30px;
	}

	.applet-exten-cont .applet-exten-item:nth-child(2),
	.applet-exten-cont .applet-exten-item:nth-child(4) {
		float: right;
	}

	.applet-exten-cont .applet-exten-item .applet-exten-img {
		background-size: 100% 100%;
	}

	.applet-exten-cont .applet-exten-item:hover .applet-exten-img img {
		-webkit-animation-name: swing;
		animation-name: swing;
		animation-duration: 1.5s;
		-webkit-animation-duration: 1.5s;
	}

	/* 第五层 */
	.applet-case {
		margin-top: 20px;
	}

	/* ----------------------------------------------------------------
        关于我们
    -----------------------------------------------------------------*/
	/* 统一调用 */
	.contact-title,
	.contact-title h3,
	.contact-title p {
		text-align: center;
	}

	.contact-title p {
		color: #b5afaf;
	}

	/* 第一层 */
	.contact-one {
		padding: 30px 0;
	}

	.contact-one-up .contact-cont {
		width: 100%;
	}

	.contact-one-up .contact-cont h1,
	.contact-one-up .contact-cont h1 font {
		font-size: 24px;
	}

	.contact-one-up .contact-cont .contact-txt {
		margin-top: 10px;
	}

	.contact-one-up .contact-cont .contact-more {
		display: none;
	}

	.contact-one-up .contact-img {
		width: 100%;
		margin-top: 10px;
	}

	.contact-one-up .contact-img img {
		width: 100%;
		right: 0;
		bottom: 0;
	}

	.contact-one-down {
		margin: 10px 0 0 0;
	}

	.contact-one-list li {
		width: 100%;
		padding: 10px 10px;
		margin-bottom: 10px;
	}

	.contact-one-list li:nth-child(2) {
		border: 1px solid #d9d9d9;
	}

	.contact-one-list li:last-child {
		margin-bottom: 0;
	}

	.contact-one-list .contact-one-icon {
		width: 20%;
		height: auto;
	}

	.contact-one-list .contact-one-icon img {
		width: 100%;
		height: auto;
	}

	.contact-one-txt {
		width: 72%;
	}

	.contact-one-txt p {
		margin-top: 0;
	}

	.contact-one-txt p:nth-child(2) {
		margin-top: 3%;
	}

	/* 第二层 = 第四层 */
	.contact-four {
		padding: 0;
	}

	.contact-four-img img {
		width: auto;
		height: 250px
	}

	.contact-four-font {
		top: 22%;
		padding: 0 10px;
	}

	.contact-four-font .contact-four-title {
		font-size: 24px;
	}

	/* 第三层 */
	.contact-three {
		padding: 30px 0;
	}

	.ibus-title .ibus-title-b {
		line-height: 34px;
		font-size: 24px;
	}

	.ibus-title .ibus-title-txt {
		font-size: 14px;
		line-height: 20px;
		color: #333;
		padding: 5px 0 20px 0;
	}

	.mibus-list li {
		position: relative;
		width: 48%;
		text-align: center;
		float: left;
		margin-top: 50px;
		padding: 70px 0;
		border: 1px solid #d8d8d8;
		background: #fff;
		cursor: pointer;
		transition: all ease .5s;
	}

	.mibus-list li:nth-child(2n+2) {
		float: right;
	}

	.mibus-list li .ibus-num {
		position: absolute;
		width: 52px;
		height: 52px;
		line-height: 52px;
		font-size: 24px;
		font-style: oblique;
		color: #fff;
		top: -23px;
		left: 50%;
		text-align: left;
		padding-left: 8px;
		border-radius: 50%;
		background: #21abd7;
		transform: translateX(-50%);
	}

	.mibus-list li .ibus-num:before {
		position: absolute;
		width: 66px;
		height: 66px;
		content: "";
		left: -7px;
		top: -7px;
		border-radius: 50%;
		background: rgba(33, 171, 215, .1);
	}

	.mibus-list li .ibus-num:after {
		position: absolute;
		width: 80px;
		height: 80px;
		content: "";
		left: -14px;
		top: -14px;
		border-radius: 50%;
		background: rgba(33, 171, 215, .05);
	}

	.mibus-list li .ibus-img {
		position: relative;
		width: 60px;
		height: 60px;
		margin: 0 auto;
	}

	.mibus-list li .ibus-img img {
		position: absolute;
		width: 60px;
		height: 60px;
		left: 0;
		top: 0;
	}

	.mibus-list li .ibus-img img:last-child {
		opacity: 0;
		z-index: 2;
		transition: all ease .5s;
	}

	.mibus-list li:hover .ibus-img img:last-child {
		opacity: 1;
	}

	.mibus-list li .ibus-txt {
		line-height: 24px;
		font-size: 18px;
		font-weight: bold;
		color: #222;
		margin-top: 36px;
	}

	.mibus-list li:hover .ibus-txt {
		color: #21abd7;
	}

	/* ----------------------------------------------------------------
        联系我们
    -----------------------------------------------------------------*/
	/* 第一层 */
	.contUS-one {
		padding: 30px 0 0 0;
	}

	.contUS-title {
		display: inline-block;
	}

	.contUS-list {
		margin-top: 15px;
	}

	.contUS-list li {
		width: 100%;
		margin-right: 0;
		padding: 30px 15px;
	}

	/* 第二层 */
	.contUS-two {
		padding: 30px 0;
	}

}

/* ----------------------------------------------------------------
        根据分辨率来判断显示
-----------------------------------------------------------------*/
@media screen and (min-width: 1023px) and (max-width: 1024px) {

	/* 小程序 */
	.page-tcont .page-casebig {
		width: 320px;
	}

	.page-tcont .page-casesmall {
		width: 320px;
	}

	/* 微信平台 */
	.applet-two .applet-cont {
		margin-left: 22%;
	}

	.applet-four {
		height: 490px;
	}

	.applet-four .page-title {
		margin-top: 50px;
	}

	.applet-four .applet04-img {
		width: 650px;
	}

	.applet-four .applet04-img img {
		width: 650px;
	}

	.applet-four .applet-four-list .adven-li {
		margin-top: 25px;
	}

	.mobile-case .item {
		width: 235px;
	}

	.mobile-case .main0 {
		left: 31px;
	}

	/* 关于我们 */
	.contact-message .contact-code .contact-sao {
		margin-top: -7px;
	}
}

/* ----------------------------------------------------------------
        根据不同平板分辨率来显示图片大小
-----------------------------------------------------------------*/
@media screen and (min-width: 800px) and (max-width: 1199px) {
	/* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/


}

@media screen and (min-width: 768px) and (max-width: 779px) {
	/* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/


}

/* ----------------------------------------------------------------
        根据不同手机分辨率来显示图片大小
-----------------------------------------------------------------*/
@media screen and (max-width: 767px) {}

@media screen and (min-width: 411px) and (max-width: 415px) {

	/* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/
	/* 第一层 */
	.wechat-one-content .picon-img,
	.wechat-one-content .picon-img img {
		height: 170px;
	}

	.wechat-one-content .picon-txt {
		width: 162px;
	}

	.wechat-one-content li:hover .picon-txt-on {
		width: 162px;
		overflow: hidden;
		word-wrap: break-word;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
	}
}

@media screen and (min-width: 374px) and (max-width: 376px) {

	/* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/
	/* 第一层 */
	.wechat-one-content .picon-img,
	.wechat-one-content .picon-img img {
		height: 150px;
	}

	.wechat-one-content .picon-txt {
		width: 142px;
	}

	.wechat-one-content li:hover .picon-txt-on {
		width: 142px;
		overflow: hidden;
		word-wrap: break-word;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
	}
}

@media screen and (min-width: 359px) and (max-width: 361px) {

	/* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/
	/* 第一层 */
	.wechat-one-content .picon-img,
	.wechat-one-content .picon-img img {
		height: 145px;
	}

	.wechat-one-content .picon-txt {
		width: 135px;
	}

	.wechat-one-content li:hover .picon-txt-on {
		width: 135px;
		overflow: hidden;
		word-wrap: break-word;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
	}

}

@media screen and (min-width: 319px) and (max-width: 321px) {

	/* ----------------------------------------------------------------
        小程序
    -----------------------------------------------------------------*/
	/* 第一层 */
	.wechat-one-content .picon-img,
	.wechat-one-content .picon-img img {
		height: 125px;
	}

	.wechat-one-content .picon-txt {
		width: 115px;
	}

	.wechat-one-content li:hover .picon-txt-on {
		width: 115px;
		overflow: hidden;
		word-wrap: break-word;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
	}

}