@charset "utf-8";
/*公共样式*/
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-x: hidden;
	overflow-y: auto;
}
html, body {
	position: relative;
	overflow-x: hidden;
}
body {
	font-size: 14px;
	background: #fff;
	font-family: "Microsoft YaHei", Arial, "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
	line-height: 1.3;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
ol, ul, li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #333;
	-webkit-tap-highlight-color: #ff6600;
	-webkit-transition: all.5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	cursor: pointer;
}
a:hover {
	color: #ff6600!important;
}
em, i {
	font-style: normal;
}
h1, h2, h3, h4, h5, h6, th {
	font-weight: normal;
}
img {
	border: 0;
	height: auto;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
input, textarea, select, button {
	border: 0;
	background: none;
	outline: 0;
	font-family: "Microsoft Yahei";
}
input[type="button"], input[type="text"], input[type="submit"] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
input, input:focus, input:active {
	user-select: text;
}
textarea {
	resize: none;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ".";
*zoom: 1;
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.wrapper {
	width: 1400px;
	margin: 0 auto;
	position: relative;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.hide {
	display: none;
}
.tc {
	text-align: center!important;
}
.middle {
	display: inline-block;
*display: inline;
*zoom: 1;
	width: 0!important;
	height: 100%!important;
	vertical-align: middle;
}
.mask > * {
	position: relative;
	z-index: 2;
}
.maskbg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.maskurl {
	width: 100%;
	height: 100%;
*background: url(../images/IE7_bgthrough.png) repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 6;
}
.mt72 {
	margin-top: 72px;
}
/*字体图标*/

@font-face {
	font-family: 'mikeiconfont';
	src: url('../other/iconfont.eot');
	src: url('../other/iconfont.eot?#iefix') format('embedded-opentype'),  url('../other/iconfont.woff2') format('woff2'),  url('../other/iconfont.woff') format('woff'),  url('../other/iconfont.ttf') format('truetype'),  url('../other/iconfont.svg#iconfont') format('svg');
}
.mikeiconfont {
	font: 16px/1 mikeiconfont;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*animate*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
 @-webkit-keyframes fadeInDownMike {
0% {
opacity:0;
-webkit-transform:translate3d(0, -60px, 0);
transform:translate3d(0, -60px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownMike {
0% {
opacity:0;
-webkit-transform:translate3d(0, -60px, 0);
transform:translate3d(0, -60px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDownMike {
	-webkit-animation-name: fadeInDownMike;
	animation-name: fadeInDownMike
}
@-webkit-keyframes fadeInLeftMike {
0% {
opacity:0;
-webkit-transform:translate3d(-120px, 0, 0);
transform:translate3d(-120px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeftMike {
0% {
opacity:0;
-webkit-transform:translate3d(-120px, 0, 0);
transform:translate3d(-120px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeftMike {
	-webkit-animation-name: fadeInLeftMike;
	animation-name: fadeInLeftMike
}
@-webkit-keyframes fadeInLeftMikeBig {
0% {
opacity:0;
-webkit-transform:translate3d(-400px, 0, 0);
transform:translate3d(-400px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeftMikeBig {
0% {
opacity:0;
-webkit-transform:translate3d(-400px, 0, 0);
transform:translate3d(-400px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeftMikeBig {
	-webkit-animation-name: fadeInLeftMikeBig;
	animation-name: fadeInLeftMikeBig
}
 @-webkit-keyframes fadeInRightMike {
0% {
opacity:0;
-webkit-transform:translate3d(120px, 0, 0);
transform:translate3d(120px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRightMike {
0% {
opacity:0;
-webkit-transform:translate3d(120px, 0, 0);
transform:translate3d(120px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRightMike {
	-webkit-animation-name: fadeInRightMike;
	animation-name: fadeInRightMike
}
@-webkit-keyframes fadeInRightMikeBig {
0% {
opacity:0;
-webkit-transform:translate3d(400px, 0, 0);
transform:translate3d(400px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRightMikeBig {
0% {
opacity:0;
-webkit-transform:translate3d(400px, 0, 0);
transform:translate3d(400px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRightMikeBig {
	-webkit-animation-name: fadeInRightMikeBig;
	animation-name: fadeInRightMikeBig
}
 @-webkit-keyframes fadeInUpMike {
0% {
opacity:0;
-webkit-transform:translate3d(0, 120px, 0);
transform:translate3d(0, 120px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUpMike {
0% {
opacity:0;
-webkit-transform:translate3d(0, 120px, 0);
transform:translate3d(0, 120px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUpMike {
	-webkit-animation-name: fadeInUpMike;
	animation-name: fadeInUpMike
}
 @-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}
/*slick*/

.slick-slider {
	position: relative;
	z-index: 2;
}
.slick-list {
	position: relative;
	overflow: hidden;
}
.slick-list:focus {
	outline: 0;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-track {
	position: relative;
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
	position: relative;
	z-index: 1;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-active {
	z-index: 2;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-prev, .slick-next {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
.slick-prev:focus, .slick-next:focus {
	outline: 0;
}
.slick-prev {
	left: -25px;
}
.slick-next {
	right: -25px;
}
.slick-dots {
	width: 100%;
	font-size: 0;
	text-align: center;
	position: absolute;
	bottom: 20px;
	z-index: 4;
}
.slick-dots li {
	position: relative;
	display: inline-block;
*display: inline;
*zoom: 1;
	margin: 0 5px;
}
.slick-dots li button {
	display: block;
	width: 14px;
	height: 14px;
	line-height: 0;
	font-size: 0;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
}
.slick-dots li.slick-active button {
	background: #e60012;
}
/*底部*/

#footer {
	background: #333;
	color: #bfbfbf;
	position: relative;
	overflow: hidden;
}
#footer a {
	color: #bfbfbf;
}
.foot-model {
	padding: 50px 0 20px 0;
}
.foot-nav {
	min-width: 80px;
	float: left;
	margin-right: 70px;
}
.foot-nav.last {
	margin-right: 0;
}
.foot-nav dt {
	font-size: 16px;
	color: #fff;
}
.foot-nav dd {
	margin-top: 14px;
}
.foot-nav li {
	height: 35px;
	line-height: 35px;
}
.foot-tel {
	float: right;
}
.foot-tel .tit {
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: 4px;
}
.foot-tel .ftel {
	font-size: 24px;
	color: #fff;
	line-height: 1.5;
}
.foot-tel .advice {
	display: block;
	width: 114px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #b8b8b8;
	border-radius: 4px;
	font-size: 0;
	color: #b8b8b8;
	text-align: center;
	margin-top: 40px;
}
.foot-tel .advice > * {
	display: inline-block;
*display: inline;
*zoom: 1;
	min-height: 1px;
	vertical-align: middle;
	font-size: 14px;
}
.foot-tel .advice .mikeiconfont {
	font-size: 19px;
	margin-right: 8px;
}
.foot-tel .advice:hover {
	background: #dd0518;
	border-color: #dd0518;
	color: #fff!important;
}
.foot-mline {
	width: 1px;
	height: 136px;
	background: #484848;
	float: right;
	margin: 0 36px;
}
.foot-wechat {
	float: right;
}
.foot-wechat img {
	display: block;
	width: 105px;
	margin: 0 auto 12px;
}
.foot-wechat p {
	font-size: 12px;
	text-align: center;
	line-height: 21px;
}
.foot-link {
	overflow: hidden;
	font-size: 12px;
	line-height: 26px;
	color: #666;
	padding: 10px 0 24px 0;
}
.foot-link span {
	float: left;
	color: #666;
}
.foot-link ul {
	font-size: 0;
	margin-left: 64px;
}
.foot-link li {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	font-size: 12px;
	margin-right: 16px;
}
#footer .foot-link li a {
	color: #999;
}
.foot-copy {
	overflow: hidden;
	padding: 30px 0 20px 0;
	line-height: 24px;
	border-top: 1px solid #494949;
	color: #999;
}
#footer .foot-copy a {
	color: #999;
}
/*title*/

.mike-title {
	font-size: 30px;
	color: #000;
	line-height: 1.6;
}
.mike-entitle {
	font-size: 16px;
	color: #666;
	margin-top: 6px;
	text-transform: uppercase;
}
.inner-entitle {
	font-size: 34px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
.inner-title {
	font-size: 0;
	text-align: center;
	color: #000;
	margin-top: 6px;
}
.inner-title > * {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
}
.inner-title i {
	width: 20px;
	height: 1px;
	background: #000;
}
.inner-title span {
	font-size: 20px;
	font-weight: bold;
	padding: 0 14px;
}
.inner-more {
	display: block;
	width: 172px;
	height: 38px;
	line-height: 38px;
	margin: 38px auto 0;
	border: 1px solid #666;
	font-size: 14px;
	color: #000;
	text-align: center;
	border-radius: 5px;
}
.inner-more:hover {
	background: #dd0518;
	border-color: #dd0518;
	color: #fff!important;
}
/*首页*/







.index-row {
	padding: 10px 0 50px;
}
.index-title {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #151515;
}
.index-desc {
	font-size: 16px;
	line-height: 2.375;
	color: #151515;
	margin-top: 30px;
	text-align: center;
}
.index-banner {
	position: relative;
}
.index-banner .slick-slide {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.index-banner .slick-slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.index-banner .slick-dots {
	bottom: 40px;
}
.index-banner .slick-dots li {
	margin: 0 3px;
}
.index-banner .slick-dots li button {
	width: 15px;
	height: 4px;
	background: #fff;
	border-radius: 4px;
}
.index-banner .slick-dots li.slick-active button {
	width: 32px;
}
.index-service .index-title {
	text-align: left;
	position: relative;
}
.index-service-tabtit {
	font-weight: normal;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
}
.index-service-tabtit ul {
	float: left;
}
.index-service-tabtit li {
	float: left;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	position: relative;
	padding: 0 12px 0 30px;
	cursor: pointer;
}
.index-service-tabtit li i {
	width: 5px;
	height: 5px;
	border: 2px solid #e7003a;
	margin-right: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 12px;
	top: 10px;
	opacity: 0;
	visibility: hidden;
}
.index-service-tabtit li a:hover {
	color: #333!important;
}
.index-service-tabtit li.active i {
	opacity: 1;
	visibility: visible;
}
.index-service-tabtit .prevnext {
	float: right;
	height: 30px;
	line-height: 30px;
}
.index-service-tabtit .prevnext .mikeiconfont {
	height: 30px;
	line-height: 30px;
	float: left;
	font-weight: bold;
	margin-left: 20px;
}
.index-service-box {
	padding-left: 54px;
	margin-top: 60px;
	overflow: hidden;
	position: relative;
}
.index-service-line {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 38px;
}
.index-service-line span {
	width: 16px;
	position: absolute;
	left: 0;
}
.index-service-line span.t {
	top: 0;
}
.index-service-line span.b {
	bottom: 0;
}
.index-service-line ul {
	width: 1px;
	background: #bababa;
	position: absolute;
	left: 5px;
	top: 30px;
	bottom: 30px;
}
.index-service-line li {
	height: 20%;
}
.index-service-line li.active {
	background: #141414;
}
.index-service-slider .slide {
	float: none;
	overflow: hidden;
}
.index-service-slider .text {
	width: 320px;
	float: left;
	margin-top: 60px;
}
.index-service-slider .text * {
	color: #333;
}
.index-service-slider .title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}
.index-service-slider .text img {
	display: block;
	margin: 34px 0;
}
.index-service-slider .desc {
	font-size: 18px;
	line-height: 1.5;
	margin-right: 66px;
}
.index-service-slider .pic {
	margin-left: 320px;
	position: relative;
}
.index-service-slider .pic img {
	width: 100%;
}
.index-service-slider .pic a {
	display: block;
	width: 140px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	position: absolute;
	right: 26px;
	bottom: 26px;
}
.index-service-slider .pic a span {
	display: block;
	width: 100%;
	height: 100%;
	background: #0e163a;
filter: alpha(opacity: 60);
	-webkit-opacity: .6;
	-moz-opacity: .6;
	-ms-opacity: .6;
	-o-opacity: .6;
	opacity: .6;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.index-service-slider .pic a em {
	color: #fff;
	position: relative;
	z-index: 2;
}
.index-solution {
	background: url(../images/index-bg2.jpg) no-repeat center top;
	background-size: cover;
	padding: 60px 0!important;
	overflow: hidden;
}
.index-solution .index-title {
	color: #fff;
}
.index-solution-slider {
	position: relative;
	margin-left: -9px;
	margin-right: -9px;
	margin-top: 46px;
}
.index-solution-slider .slick-slide .item {
	background: #fff;
	margin: 0 9px;
	padding: 25px 22px;
}
.index-solution-slider .slick-slide .tp {
	font-size: 0;
}
.index-solution-slider .slick-slide .tp > * {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
}
.index-solution-slider .slick-slide .tp span {
	width: 15px;
	height: 15px;
	background: #333;
	transform: rotate(45deg);
}
.index-solution-slider .slick-slide .tp em {
	font-size: 15px;
	margin: 0 12px;
}
.index-solution-slider .slick-slide .tp i {
	width: 92px;
	height: 1px;
	background: #333;
}
.index-solution-slider .slick-slide .text {
	margin-top: 40px;
	text-align: center;
}
.index-solution-slider .slick-slide .mikeiconfont {
	font-size: 56px;
}
.index-solution-slider .slick-slide .title {
	font-size: 26px;
	margin-top: 20px;
}
.index-solution-slider .slick-slide .desc {
	font-size: 0;
	text-align: center;
	margin-top: 20px;
}
.index-solution-slider .slick-slide .desc ul {
	display: inline-block;
*display: inline;
*zoom: 1;
	max-width: 100%;
	vertical-align: top;
	text-align: left;
}
.index-solution-slider .slick-slide .desc li {
	font-size: 15px;
	line-height: 30px;
}
.index-solution-slider .slick-slide .item:hover {
	background: #dd0518;
	color: #fff;
}
.index-solution-slider .slick-slide .item:hover .tp span, .index-solution-slider .item:hover .tp i {
	background: #fff;
}
.index-solution-slider .slick-prev, .index-solution-slider .slick-next {
	width: auto;
	height: auto;
	line-height: normal;
	font-size: 42px;
	color: #fff;
	margin-top: -23px;
}
.index-solution-slider .slick-prev {
	left: -76px;
}
.index-solution-slider .slick-next {
	right: -76px;
}
.index-about {
	background: #fff;
}
.index-about-box {
	margin-top: 30px;
}
.index-about-box li .item {
	margin: 30px;
	text-align: center;
}
.index-about-box li .num {
	font-size: 0;
	font-weight: bold;
	color: #ff6600;
}
.index-about-box li .num > * {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	font-size: 46px;
}
.index-about-box li .num span {
	line-height: 1;
}
.index-about-box li .desc {
	font-size: 16px;
	color: #151515;
	margin-top: 4px;
}
.index-about-more {
	font-size: 0;
	text-align: center;
	margin-top: 36px;
}
.index-about-more a {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	border: 4px solid #333;
	padding: 18px 74px;
}
.index-about-more a:hover {
	background: #ff6600;
	color: #fff!important;
}
.index-team .web-team-pic .web-team-wp50 {
	position: absolute;
	top: auto;
	left: -317px;
	bottom: 85px;
	z-index: 2;
}
.index-team .web-team-pic .text {
	max-width: none;
	width: 54.6%;
	float: right;
}
.index-team .iteam-more {
	display: block;
	position: absolute;
	right: 30px;
	bottom: 30px;
	color: #fff;
	text-align: center;
}
.index-team .iteam-more .mikeiconfont {
	font-size: 36px;
}
.index-team .iteam-more p {
	font-size: 15px;
	font-weight: bold;
	margin-top: 4px;
}
.index-team .iteam-more:hover {
	color: #fff!important;
filter: alpha(opacity: 80);
	-webkit-opacity: .8;
	-ms-opacity: .8;
	-o-opacity: .8;
	opacity: .8;
}
.index-team-text {
	padding-bottom: 20px;
	padding-top: 20px;
}
.index-team-text .text {
	padding-left: 50px;
	padding-top: 10px;
}
.index-team-text .title {
	font-size: 33px;
	font-weight: bold;
	position: relative;
}
.index-team-text .title i {
	display: block;
	width: 52px;
	height: 3px;
	background: #333;
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -2px;
	margin-right: 20px;
}
.index-team-text .desc {
	font-size: 15px;
	margin-top: 12px;
}
/*广告图切换*/

.banner {
	width: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.banner .slick-slide {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
	max-height: 100vh;
}
.banner img {
	width: 100%;
	max-width: none;
}
.arrows-ban {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 4;
}
.arrows-ban .wrapper {
	font-size: 0;
	text-align: right;
}
.arrows-ban .bpage, .arrows-ban .prev, .arrows-ban .next {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	font-size: 14px;
}
.arrows-ban .bpage {
	font-size: 19px;
	font-weight: 500;
	color: #fff;
	margin-right: 10px;
}
.arrows-ban .bpage em {
	padding: 0 4px;
}
.arrows-ban .prev, .arrows-ban .next {
	width: 138px;
	height: 74px;
	line-height: 74px;
	margin-left: 5px;
	text-align: center;
	background: #fff;
	color: #c8c8c8;
	cursor: pointer;
	-webkit-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.arrows-ban .next {
	background: #e60012;
	color: #fef3f4;
}
.arrows-ban .prev .mikeiconfont, .arrows-ban .next .mikeiconfont {
	font-size: 21px;
	vertical-align: middle;
}
.arrows-ban .prev:hover, .arrows-ban .next:hover {
filter: alpha(opacity: 90);
	-webkit-opacity: .9;
	-ms-opacity: .9;
	-o-opacity: .9;
	opacity: .9;
}
/*网站建设---服务*/

.iclassic-case {
	padding: 58px 0 46px;
	overflow: hidden
}
.iclassic-case .m-ichl-title {
	position: relative
}
.m-ichl-title .en {
	font-size: 16px;
	line-height: 24px;
	color: #999;
	text-transform: uppercase;
}
.m-ichl-title .cn {
	font-size: 36px;
	line-height: 62px;
	font-weight: bold;
	color: #1a1a1a;
}
.iclassic-case .m-ichl-title .m-line-more {
	position: absolute;
	right: 0;
	bottom: 13px
}
.iclassic-case .m-move-handle {
	display: block !important
}
.iclassic-case .slide-pages {
	display: none
}
.iclassic-case .slide-ctrl {
	display: none
}
.iclassic-case .m-line-more {
	margin: 6px auto 0
}
.wqp-casetab {
	position: absolute;
	right: 0;
	top: 38px;
	z-index: 10;
	font-size: 0;
}
.wqp-casetab a {
	color: #888888;
	font-size: 16px;
	height: 34px;
	line-height: 34px;
	padding: 0 16px;
	position: relative;
	display: inline-block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin: 0 4px;
}
.wqp-casetab a.cur, .wqp-casetab a:hover {
	background: #333333;
	color: #fff;
}
.iclassic-case {
	padding: 58px 0 46px;
	overflow: hidden
}
.iclassic-case .m-ichl-title {
	position: relative
}
.iclassic-case .m-ichl-title .m-line-more {
	position: absolute;
	right: 0;
	bottom: 13px
}
.iclassic-case .m-move-handle {
	display: block !important
}
.iclassic-case .slide-pages {
	display: none
}
.iclassic-case .slide-ctrl {
	display: none
}
.iclassic-case .m-line-more {
	margin: 6px auto 0
}
.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}
/*网站建设---行业*/

.web-industry {
	position: relative;
}
.web-industry-slider .slick-slide {
	display: block;
	float: none;
}
.web-industry-slider .slick-slide.shide {
	display: none;
}
.web-industry-table {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
}
.web-industry-table ul {
	margin: 0 -1px;
	font-size: 0;
	text-align: center;
}
.web-industry-table li {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	width: 20%;
*width: 19.98%;
	float: none;
	color: #fff;
	text-align: center;
}
.web-industry-table li .item {
	position: relative;
	margin-left: 1px;
	padding: 40px 0;
}
.web-industry-table li .item > * {
	position: relative;
	z-index: 2;
}
.web-industry-table li .item .bg {
	width: 100%;
	height: 100%;
	background: #0e163a;
filter: alpha(opacity: 70);
	-webkit-opacity: .7;
	-ms-opacity: .7;
	-o-opacity: .7;
	opacity: .7;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.web-industry-table li .mikeiconfont {
	font-size: 48px;
}
.web-industry-table li .title {
	margin-top: 22px;
	font-size: 26px;
}
.web-industry-table li .desc {
	font-size: 15px;
	margin-top: 20px;
	display: none;
	height: 18px;
	line-height: 18px;
}
.web-industry-table li.active {
	margin-top: -38px;
}
.web-industry-table li.active .desc {
	display: block;
}
/*网站建设---案例*/

.web-case {
	padding: 70px 0;
}
.case-box {
	margin-top: 34px;
	position: relative;
}
.case-type {
	position: absolute;
	right: 0;
	top: -64px;
}
.case-type ul {
	font-size: 0;
	text-align: left;
}
.case-type li {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	margin: 0 10px;
	position: relative;
}
.case-type li a {
	padding: 0 7px;
	position: relative;
	z-index: 2;
}
.case-type li i {
	display: block;
	width: 0;
	height: 5px;
	background: #ff8b00;
	position: absolute;
	left: 0;
	bottom: 5px;
	z-index: 1;
	transition: all .5s;
}
.case-type li.active i, .case-type li:hover i {
	width: 100%;
}
.case-type li.active a {
	color: #dd0518!important;
}
.web-case-list li a {
	display: block;
}
.web-case-list li .pic {
	overflow: hidden;
}
.web-case-list li .pic img {
	width: 100%;
	transition: all .6s;
	z-index: 1;
}
.web-case-list li:hover .pic img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.web-case-list li .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all .5s;
	font-size: 0;
	text-align: center;
}
.web-case-list li .maskbg {
	background: #000;
filter: alpha(opacity: 50);
	-webkit-transform: opacity .5;
	-ms-transform: opacity .5;
	-o-transform: opacity .5;
	opacity: .5;
}
.web-case-list li .text {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	max-width: 100%;
}
.web-case-list li .textbox {
	padding: 0 30px;
}
.web-case-list li .title {
	font-size: 20px;
}
.web-case-list li .line {
	width: 26px;
	height: 1px;
	background: #fff;
	margin: 16px auto;
}
.web-case-list li .desc {
	font-size: 15px;
}
.web-case-list li:hover .mask {
	opacity: 1;
	visibility: visible;
}
/*网站建设---加入我们*/

.web-join {
	padding-bottom: 34px;
}
.web-join .wrapper {
	border-top: 1px solid #e5e5e5;
}
.web-join-text {
	margin-right: 60.7%;
}
.web-join-text .tline {
	width: 157px;
	height: 15px;
	background: #f8e536;
	margin-top: -7px;
}
.web-join-title {
	font-size: 56px;
	color: #0e163a;
	line-height: 1.1;
	margin-top: 20px;
}
.web-join-name {
	font-size: 19px;
	color: #0e163a;
	position: relative;
	padding-left: 84px;
	margin-top: 30px;
}
.web-join-name i {
	display: block;
	width: 73px;
	height: 1px;
	background: #0e163a;
	position: absolute;
	left: 0;
	top: 50%;
}
.web-join-marks {
	margin-top: 96px;
	font-size: 52px;
	color: #f8e536;
}
.web-join-enname {
	font-size: 35px;
	color: #0e163a;
	margin-top: 26px;
}
.web-join-box {
	max-width: 58.7%;
	float: right;
}
/*网站建设---团队风采*/

.web-team {
	background: #f7f7f7;
	font-size: 0;
	margin-top: 50px;
}
.web-team > * {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: bottom;
	min-height: 1px;
	width: 50%;
*width: 49.98%;
	font-size: 14px;
}
.web-team-wp50 {
	width: 700px;
}
.web-team-pic {
	position: relative;
	vertical-align: top!important;
}
.web-team-pic img {
	width: 100%;
	position: relative;
	z-index: 1;
}
.web-team-pic .web-team-wp50 {
	position: absolute;
	right: 0;
	top: -56px;
	z-index: 2;
}
.web-team-pic .text {
	max-width: 54.6%;
	background: #ff6600;
	color: #fff;
}
.web-team-pic .txt {
	padding: 30px 30px 30px 15.7%;
	position: relative;
}
.web-team-pic .title {
	font-size: 35px;
}
.web-team-pic .line {
	width: 31px;
	height: 3px;
	background: #fff;
	margin-top: 14px;
}
.web-team-pic .desc {
	font-size: 15px;
	line-height: 2;
	margin-top: 10px;
}
.web-team-pic .measure-area {
	font-size: 15px;
	margin-top: 24px;
}
.web-team-pic .measure-area span {
	display: block;
	font-size: 35px;
}
.web-team-pic .measure-area span i {
	font-size: 16px;
}
.web-team-pic .more {
	display: block;
	width: 34px;
	height: 34px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	right: 30px;
	bottom: 38px;
	font-size: 30px;
	color: #fff;
	text-align: center;
}
.web-team-pic .more i {
	display: block;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
}
.web-team-pic .more i.t {
	width: 16px;
	height: 2px;
	margin-left: -8px;
	margin-top: -1px;
}
.web-team-pic .more i.b {
	width: 2px;
	height: 16px;
	margin-left: -1px;
	margin-top: -8px;
}
.web-team-pic .more:hover {
	color: #fff!important;
filter: alpha(opacity: 80);
	-webkit-opacity: .8;
	-ms-opacity: .8;
	-o-opacity: .8;
	opacity: .8;
}
.web-team-text ul {
	width: 50%;
*width: 33.31%;
	float: left;
}
.web-team-text li {
	position: relative;
}
.web-team-text li img {
	width: 100%;
}
.web-team-text li .mask {
	background: #0e163a;
	padding: 0 28px 3px 42px;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 0;
}
.web-team-text li .mask > * {
	vertical-align: middle;
	font-size: 14px;
}
.web-team-text li .text {
	display: inline-block;
*display: inline;
*zoom: 1;
	width: 100%;
	text-align: right;
}
.web-team-text li .title {
	font-size: 15px;
	line-height: 1.1;
	text-align: left;
	margin-bottom: 40%;
}
.web-team-text li .title span {
	display: block;
	font-size: 60px;
}
.web-team-text li .title span i {
	font-size: 26px;
	margin-left: 15px;
}
.web-team-text li .more {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}
.web-team-text li .more span {
	position: relative;
	padding: 0 2px;
}
.web-team-text li .more span em {
	display: block;
	width: 100%;
	height: 2px;
	background: #8b8c97;
	position: absolute;
	left: 0;
	bottom: -2px;
}
.web-team-text li .more i {
	font-size: 13px;
}
.web-team-text li .more:hover {
	color: #fff!important;
filter: alpha(opacity: 80);
	-webkit-opacity: .6;
	-ms-opacity: .6;
	-o-opacity: .6;
	opacity: .6;
}
/*网站建设---新闻*/

.web-news {
	padding: 50px 0 80px 0;
}
.web-news-box {
	margin-top: 34px;
	position: relative;
}
.web-news-tabtit {
	width: 21.4%;
	float: left;
}
.web-news-tabtit ul {
	border-top: 1px solid #ddd;
}
.web-news-tabtit li {
	height: 64px;
	line-height: 64px;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	cursor: pointer;
	position: relative;
}
.web-news-tabtit li.active {
	padding-left: 30px;
	color: #dd0518;
}
.web-news-tabtit li.active i {
	width: 21px;
	height: 1px;
	background: #dd0518;
	position: absolute;
	left: 0;
	top: 50%;
}
.web-news-tabcont {
	margin-left: 21.4%;
}
.web-news-row .time {
	font-family: "Arial";
	font-size: 16px;
	color: #999;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}
.web-news-row .title {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	margin-top: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 25px;
}
.web-news-row .more {
	font-family: "Arial";
	font-size: 16px;
	color: #6c6c6c;
}
.web-news-row .more .mikeiconfont {
	font-size: 18px;
	margin-left: 10px;
	vertical-align: -2px;
}
.web-news-row .more:hover {
	color: #dd0518;
}
.web-news-first {
	width: 480px;
	float: right;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.web-news-first .pic {
	height: 314px;
	overflow: hidden;
	margin-bottom: 32px;
}
.web-news-first .pic a {
	display: block;
	height: 100%;
}
.web-news-first .pic img {
	width: 100%;
	min-height: 100%;
	transition: all .6s;
}
.web-news-first .pic:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.web-news-list {
	margin-right: 480px;
}
.web-news-list ul {
	margin: 0 40px;
	border-top: 1px solid #ddd;
}
.web-news-list li {
	border-bottom: 1px solid #ddd;
	padding: 25px 0 30px 0;
}
/*内页广告图*/

.ny-banner {
	height: 524px;
	background: #ccc;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
	position: relative;
	max-height: 100vh;
}
.ban-next {
	width: 19px;
	height: 29px;
	background: url(../images/bannext-btn.png) no-repeat;
	position: absolute;
	left: 50%;
	bottom: 30px;
	margin-left: -10px;
	animation: mike-bounce-up 1.1s linear infinite;
	transition: all 0s;
	z-index: 33;
}
.ban-next1 {
	background: url(../images/bannext-btn1.png) no-repeat;
}
 @keyframes mike-bounce-up {
25% {
transform: translateY(10px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(-10px);
}
}
/*列表分页*/

#pagination {
	padding: 70px 0;
}
#pagination ul {
	font-size: 0;
	text-align: center;
	margin: 0 -4px;
}
#pagination li {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	margin: 4px;
}
#pagination li > * {
	display: block;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	padding: 0 15px;
	border: 1px solid #ddd;
}
#pagination li.thisclass span {
	background: #dd0518;
	color: #fff;
	border-color: #dd0518;
}
/*案例列表*/

.case-menu ul {
	font-size: 0;
	padding: 30px 0;
	margin: 0 -10px;
}
.case-menu li {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	font-size: 18px;
	margin: 4px 10px;
}
.case-menu li a {
	display: block;
	min-width: 90px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	padding: 0 25px;
	color: #565656;
}
.case-menu li.active a {
	background: #dd0518;
	color: #fff!important;
}
.case-list ul {
	margin: 0 -13px;
}
.case-list li {
	margin-bottom: 50px;
}
.case-list li .item {
	display: block;
	margin: 0 13px;
}
.case-list li .pic {
	overflow: hidden;
	position: relative;
}
.case-list li .pic img {
	display: block;
	width: 100%;
	-webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.case-list li .pic .border {
	width: 0;
	height: 0;
	position: absolute;
	transition: all .5s ease-in-out;
	z-index: 100;
}
.case-list li .pic .t {
	left: 0;
	top: 0;
	border-top: 10px solid #dd0518;
}
.case-list li .pic .r {
	right: 0;
	top: 0;
	border-right: 10px solid #dd0518;
}
.case-list li .pic .b {
	right: 0;
	bottom: 0;
	border-bottom: 10px solid #dd0518;
}
.case-list li .pic .l {
	left: 0;
	bottom: 0;
	border-left: 10px solid #dd0518;
}
.case-list li .item:hover .pic .t, .case-list li .item:hover .pic .b {
	width: 100%;
}
.case-list li .item:hover .pic .r, .case-list li .item:hover .pic .l {
	height: 100%;
}
.case-list li .item:hover .pic img {
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o--transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.case-list li .title {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 15px;
}
.case-list li .title span {
	font-size: 15px;
	color: #a5a5a5;
	margin-left: 8px;
	float: right;
}
.case-list li .desc {
	font-size: 15px;
	color: #a5a5a5;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 8px;
}
.pcase-list li .pic {
	height: 334px;
	font-size: 0;
	text-align: center;
}
.pcase-list li .pic img {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
}
/*案例详情*/

.caseview-ban {
	width: 100%;
	height: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	overflow: hidden;
	z-index: 2;
}
.caseview-video {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}
.caseview-banbox {
	width: 100%;
	color: #fff;
	position: absolute;
	left: 0;
	top: 67.5%;
}
.caseview-banbox * {
	color: #fff;
}
.caseview-banbox .mike-title {
	font-size: 40px;
}
.caseview-banbox .text {
	width: 100%;
}
.caseview-banbox .desc {
	font-size: 22px;
	margin-top: 2%;
}
.caseview-info ul {
	padding-bottom: 3.2%;
}
.caseview-info {
	background: #fff;
	padding: 15px 0;
	position: relative;
	z-index: 3;
}
.caseview-info .left .title {
	margin-bottom: 15px;
}
.caseview-info .left p {
	color: #666;
	line-height: 2;
	margin-left: 20px;
}
.caseview-info .left p i.mikeiconfont {
	font-size: 18px;
	margin-right: 8px;
	-webkit-text-stroke-width: .3px;
	vertical-align: -2px;
	color: #999;
}
.caseview-info .left p a {
	color: #428bca;
}
.caseview-info .bdsharebuttonbox {
	overflow: hidden;
	margin-top: 20px;
	margin-left: 15px;
}
.caseview-info .bdsharebuttonbox a {
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin: 0 5px;
	background: none;
	font-size: 38px;
	text-indent: 0;
	color: #666;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}
.caseview-info .right .desc {
	font-size: 18px;
	text-align: justify;
	color: #333;
	line-height: 2;
	margin-top: 20px;
}
.caseview-body {
	background: #fff;
	overflow: hidden;
	padding: 50px 0;
	position: relative;
	z-index: 3;
}
.caseview-body img {
	width: auto !important;
	height: auto !important;
}
.caseview-bottom {
	background: #f5f5f5;
	padding-top: 15px;
	position: relative;
	z-index: 3;
}
.caseview-prevnext {
	color: #666;
	line-height: 1.4;
	border: 1px solid #ccc;
}
.caseview-prevnext li .item {
	padding: 10px 4%;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.caseview-prevnext li.prev .item {
	border-right: 1px solid #ccc;
}
.caseview-prevnext li a {
	color: #336699;
}
.caseportletNews {
	padding: 10px 0;
}
.caseportletNews ul {
	margin: 0 -65px;
}
.caseportletNews li .item {
	height: 30px;
	line-height: 30px;
	margin: 5px 65px;
	border-bottom: 1px dashed #ccc;
}
.caseportletNews li .title {
	font-size: 14px;
	margin-right: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.caseportletNews li span {
	color: #999;
	float: right;
	margin-left: 18px;
}
.case-portlet {
	padding: 2% 0;
	background: #fff;
	position: relative;
	z-index: 3;
}
.case-portlet ul {
	margin: 0 -10px;
}
.case-portlet li .item {
	display: block;
	margin: 10px;
	overflow: hidden;
	position: relative;
}
.case-portlet li .pic {
	position: relative;
}
.case-portlet li .pic img {
	display: block;
	width: 100%;
}
.case-portlet li .pic i {
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
filter: alpha(opacity: 30);
	-webkit-opacity: .3;
	-moz-opacity: .3;
	-ms-opacity: .3;
	-o-opacity: .3;
	opacity: .3;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.case-portlet li .mask {
	width: 100%;
	color: #fff;
	position: absolute;
	left: 100%;
	bottom: 0;
	z-index: 12;
	transition: all 0.3s linear 0s;
}
.case-portlet li .bg {
	width: 100%;
	height: 100%;
	background: #000;
filter: alpha(opacity: 60);
	-webkit-opacity: .6;
	-moz-opacity: .6;
	-ms-opacity: .6;
	-o-opacity: .6;
	opacity: .6;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.case-portlet li .text {
	position: relative;
	z-index: 2;
	padding: 10px;
}
.case-portlet li .title {
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	padding-top: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.case-portlet li .line {
	width: 70px;
	height: 2px;
	background: #999;
	margin-top: 15px;
}
.case-portlet li .desc {
	font-size: 14px;
	line-height: 18px;
	padding: 15px 0;
	color: #999;
}
.case-portlet li .item:hover .pic i {
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-ms-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
}
.case-portlet li .item:hover .mask {
	left: 0;
}
/*案例详情一*/

.casedetails {
	text-align: left!important;
	background: #f2f2f2;
}
.case-stlist {
	padding-bottom: 30px;
}
.case-stlist ul {
	margin-right: -8px;
}
.case-stlist li {
	float: left;
	font-size: 16px;
	margin: 0 8px 8px 0;
}
.case-stlist li a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 16px;
	background: #eee;
	color: #666;
	font-size: 14px;
}
.case-stlist li.active a, .case-stlist li a:hover {
	background: #ff6600;
	color: #fff!important;
}
.casedetails-note .pic {
	width: 32%;
	float: left;
}
.casedetails-note .text {
	width: 66%;
	float: right;
}
.casedetails-note .title {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 32px;
	padding-left: 15px;
}
.casedetails-note ul {
	margin: 0 -20px 0 -6px;
}
.casedetails-note li .item {
	margin: 6px 20px;
}
.casedetails-note .desc {
	font-size: 13px;
	color: #50565d;
	line-height: 22px;
	border-top: 1px solid #ddd;
	padding-top: 10px;
	margin: 12px 0 0 14px;
}
.casedetails-tag {
	font-size: 0;
	text-align: left;
	padding: 20px 0;
	margin: 20px -4px 0 -4px;
}
.casedetails-tag a {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	margin: 4px;
	padding: 0 15px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #ddd;
	border-radius: 12px;
	font-size: 13px;
}
.casedetails-tabcont {
	margin-bottom: 6px;
}
.casedetails-tabtit {
	border-bottom: 1px solid #ddd;
	height: 53px;
}
.casedetails-tabtit ul {
	margin: 0 -12px;
}
.casedetails-tabtit li {
	cursor: pointer;
	float: left;
	margin: 0 12px;
	padding: 0;
}
.casedetails-tabtit li {
	height: 51px;
	line-height: 51px;
	font-size: 16px;
	text-align: center;
	padding: 0 12px;
}
.casedetails-tabtit li.active {
	border-bottom: 3px solid #dd0518;
	color: #dd0518;
}
.casedetails-tabcont {
	padding: 30px 0;
}
.casedetails-video {
	height: 400px;
	margin-top: 10px;
	background: #000;
}
.casedetails-video video {
	width: 100%;
	height: 100%;
}
.casedetails-body {
	overflow: hidden;
}
.casedetails-right .rbox {
	background: #fff;
	padding: 0 20px 30px 20px;
}
.casedetails-rtitle {
	font-size: 24px;
	border-bottom: 1px solid #eaeaea;
	padding: 15px 0;
}
.casedetails-rtitle span {
	font-weight: bold;
	color: #dd0518;
}
.casedetails-focus {
	margin-top: 15px;
}
.casedetails-focus .slick-slide {
	position: relative;
	overflow: hidden;
}
.casedetails-focus .slick-slide a {
	display: block;
	position: relative;
	overflow: hidden;
}
.casedetails-focus .slick-slide img {
	width: 100%;
}
.casedetails-focus .slick-slide .title {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.casedetails-focus .slick-slide .bg {
	width: 100%;
	height: 100%;
	background: #000;
filter: alpha(opacity: 60);
	-webkit-opacity: .6;
	-moz-opacity: .6;
	-ms-opacity: .6;
	-o-opacity: .6;
	opacity: .6;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.casedetails-focus .slick-slide .name {
	font-size: 14px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	margin-left: 10px;
	position: relative;
	z-index: 2;
}
.casedetails-focus .slick-prev, .casedetails-focus .slick-next {
	width: 40px;
	height: 74px;
	line-height: 74px;
	font-size: 20px;
	text-align: center;
	margin-top: -37px;
}
.casedetails-focus .slick-prev i, .casedetails-focus .slick-next i {
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
filter: alpha(opacity: 40);
	-webkit-opacity: .4;
	-moz-opacity: .4;
	-ms-opacity: .4;
	-o-opacity: .4;
	opacity: .4;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.casedetails-focus .slick-prev span, .casedetails-focus .slick-next span {
	position: relative;
	z-index: 2;
	color: #fff;
}
.casedetails-focus .slick-prev {
	left: 0;
}
.casedetails-focus .slick-next {
	right: 0;
}
.casedetails-focus .slick-prev:hover i, .casedetails-focus .slick-next:hover i {
filter: alpha(opacity: 70);
	-webkit-opacity: .7;
	-moz-opacity: .7;
	-ms-opacity: .7;
	-o-opacity: .7;
	opacity: .7;
}
.casedetails-clist {
	padding: 15px 0;
}
.casedetails-clist li {
	border-bottom: 1px dotted #ddd;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.casedetails-clist li .pic {
	width: 80px;
	height: 60px;
	float: left;
}
.casedetails-clist li .pic a, .casedetails-clist li .pic img {
	display: block;
	width: 100%;
	height: 100%;
}
.casedetails-clist li .text {
	margin-left: 90px;
}
.casedetails-clist li .title {
	font-size: 14px;
	max-height: 36px;
	line-height: 18px;
	overflow: hidden;
}
.casedetails-clist li .desc {
	height: 30px;
	line-height: 30px;
	color: #999;
	overflow: hidden;
}
.casedetails-nlist {
	margin-top: 6px;
}
.casedetails-nlist li {
	height: 38px;
	line-height: 38px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}
.casedetails-nlist li i {
	display: block;
	width: 5px;
	height: 5px;
	background: #666;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
}
.casedetails-nlist li a {
	padding-left: 15px;
}
/*sem*/

.sem-banner {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 18.575%;
}
.sem-banner .text {
	width: 730px;
	float: left;
	font-size: 30px;
	color: #fff;
	line-height: 2;
	margin-top: 5%;
}
.sem-banner .text b {
	font-weight: bold;
}
.sem-banner .pic {
	margin-left: 770px;
}
.sem-row {
	text-align: center;
	padding: 60px 0;
}
.sem-tips {
	border-bottom: 1px solid #d5d7d9;
	background: #fff;
}
.sem-whyus {
	background: #fff;
}
.sem-whyus-box {
	margin-top: 26px;
}
.sem-whyus-box ul {
	margin: 0 -14px;
}
.sem-whyus-box li .item {
	margin: 14px;
	background: #fff;
	box-shadow: 0 0 19px rgba(0,0,0,.06);
	padding: 70px 35px;
	text-align: center;
}
.sem-whyus-box li .mikeiconfont {
	font-size: 76px;
	color: #665f5e;
}
.sem-whyus-box li .title {
	font-size: 24px;
	margin-top: 20px;
}
.sem-whyus-box li .desc {
	font-size: 16px;
	line-height: 1.8;
	margin-top: 10px;
}
.sem-commitment {
	background: #1f2833;
}
.sem-commitment .mike-title {
	color: #fff;
}
.sem-commitment-box {
	margin-top: 20px;
}
.sem-commitment-box ul {
	margin: 0 -14px;
}
.sem-commitment-box li .item {
	margin: 14px;
	background: #3e4c65;
	text-align: left;
	padding: 60px 44px;
	color: #fff;
}
.sem-commitment-box li .title {
	font-size: 30px;
}
.sem-commitment-box li .line {
	width: 56px;
	height: 4px;
	background: #fff;
	margin: 16px 0;
}
.sem-commitment-box li .desc {
	font-size: 20px;
	line-height: 1.5;
	padding-top: 14px;
}
.sem-commitment-box li.n2 .item {
	background: #fff;
	color: #070b13;
}
.sem-commitment-box li.n2 .line {
	background: #070b13;
}
.sem-commitment-box li.n3 .item {
	background: #192452;
}
.sem-process {
	background: #f5f9fd;
	text-align: left;
}
.sem-process-box {
	padding: 0 30px 0 60px;
}
.sem-process-text {
	width: 390px;
	float: left;
	margin-top: 90px;
}
.sem-process-text .desc {
	font-size: 21px;
	line-height: 1.8;
	margin-top: 40px;
}
.sem-process-text .more {
	font-size: 15px;
	margin-top: 70px;
}
.sem-process-text .more a i {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	width: 44px;
	height: 2px;
	background: #8066dc;
	margin-left: 6px;
}
.sem-process-list {
	margin-left: 490px;
}
.sem-process-list ul {
	margin: 0 -38px;
}
.sem-process-list li .item {
	margin: 4px 38px;
	padding: 30px 14px 16px 14px;
	background: #fff;
	border: 1px solid #ddd;
	text-align: center;
}
.sem-process-list li .mikeiconfont {
	font-size: 54px;
	color: #665f5e;
}
.sem-process-list li .title {
	font-size: 22px;
	margin-top: 20px;
}
.sem-process-list li .desc {
	line-height: 1.7;
	color: #666;
	margin-top: 8px;
	min-height: 69px;
	line-height: 23px;
}
.sem-case {
	background: #f9fbfe;
}
.sem-case-box {
	margin-top: 40px;
	text-align: left;
}
.sem-case-tabtit {
	width: 224px;
	float: left;
	border: 1px solid #ddd;
	border-bottom: 0;
	background: #fff;
}
.sem-case-tabtit li {
	height: 70px;
	line-height: 70px;
	padding-left: 44px;
	border-bottom: 1px solid #ddd;
	text-align: left;
	cursor: pointer;
	position: relative;
}
.sem-case-tabtit li > * {
	position: relative;
	z-index: 2;
}
.sem-case-tabtit li.active .bg {
	background: #fb3049;
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: -1px;
	right: -6px;
}
.sem-case-tabtit li .mikeiconfont {
	font-size: 40px;
	color: #666;
	vertical-align: middle;
	margin-right: 12px;
}
.sem-case-tabtit li span {
	font-size: 16px;
	vertical-align: middle;
	color: #0e1116;
}
.sem-case-tabtit li.active .mikeiconfont, .sem-case-tabtit li.active span {
	color: #fff;
}
.sem-case-tabcont {
	margin-left: 258px;
}
.sem-case-item ul {
	margin: 0 -16px;
}
.sem-case-item li .item {
	margin: 0 16px;
	border: 1px solid #ddd;
	background: #fff;
}
.sem-case-item li .pic {
	height: 160px;
	line-height: 160px;
*font-size: 118px;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
.sem-case-item li .pic img {
	max-width: 100%;
	max-height: 96%;
}
.sem-case-item li .title {
	font-size: 16px;
	color: #000;
	height: 52px;
	line-height: 52px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 10px 0 42px;
}
.sem-case-item li .title a {
	color: #000;
}
.sem-case-item li .bx {
	height: 46px;
	line-height: 46px;
	border-top: 1px solid #ddd;
	overflow: hidden;
}
.sem-case-item li .bx span {
	display: block;
	width: 140px;
	float: left;
	text-align: center;
	height: 46px;
	line-height: 46px;
	border-right: 1px solid #ddd;
}
.sem-case-item li .bx em {
	display: block;
	margin-left: 141px;
	padding-left: 30px;
	padding-right: 10px;
}
.sem-team {
	background: #fff;
}
.sem-team-box {
	margin-top: 40px;
}
.sem-team-box dl {
	margin: 0 -6px;
}
.sem-team-box dd .item {
	margin: 0 6px;
}
.sem-team-box dd .pic {
	margin-bottom: 14px;
	overflow: hidden;
}
.sem-team-box dd .pic img {
	width: 100%;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-ms-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}
.sem-team-box dd .pic:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.sem-team-box dd.n2 .pic {
	margin-bottom: 0;
	margin-top: 14px;
}
.sem-team-box dd ul {
	margin: 0 -7px;
}
.sem-team-box dd li .litem {
	height: 195px;
	margin: 0 7px;
	background: #eee;
	font-size: 0;
	text-align: center;
	color: #151515;
}
.sem-team-box dd li .text {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	max-width: 90%;
	line-height: 1.3;
	text-align: left;
}
.sem-team-box dd li .name {
	font-family: "Arial";
	font-size: 16px;
	font-weight: bold;
}
.sem-team-box dd li .num {
	font-size: 67px;
	line-height: 1;
}
.sem-team-box dd li .num span {
	margin-right: 8px;
}
.sem-team-box dd li .desc {
	font-size: 15px;
	margin-top: 6px;
	height: 22px;
	line-height: 22px;
}
.sem-team-box dd li .litem:hover {
	background: #fb3049;
	color: #fff;
}
.sem-news {
	background: #fff;
}
.sem-news-box {
	text-align: left;
	margin-top: 40px;
}
.sem-news-box dl {
	border: 1px solid #ddd;
}
.sem-news-box dt {
	height: 56px;
	line-height: 56px;
	padding-top: 10px;
	border-bottom: 1px solid #ddd;
}
.sem-news-box dt .more {
	float: right;
	font-size: 12px;
	color: #b1b1b1;
	text-transform: uppercase;
}
.sem-news-box dt .mikeiconfont {
	font-size: 12px;
}
.sem-news-box dt ul {
	font-size: 0;
}
.sem-news-box dt li {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	font-size: 16px;
	color: #0e1116;
	position: relative;
	padding: 0 14px 0 13px;
	margin: 0 1px;
}
.sem-news-box dt li span {
	color: #cacaca;
	position: absolute;
	left: -2px;
	top: 0;
}
.sem-news-box dt li.active {
	color: #fb3049;
}
.sem-news-box dt li.active i {
	display: block;
	width: 100%;
	height: 1px;
	background: #fb3049;
	position: absolute;
	left: 0;
	bottom: -1px;
}
.sem-news-tabrow {
	width: 60.5%;
	float: left;
}
.sem-news-tabrow dl {
	padding: 0 30px;
}
.sem-news-tabrow dt li {
	cursor: pointer;
}
.sem-news-first {
	padding: 28px 0;
}
.sem-news-first .pic {
	width: 290px;
	height: 186px;
	float: left;
	overflow: hidden;
}
.sem-news-first .pic a {
	display: block;
	height: 100%;
}
.sem-news-first .pic img {
	width: 100%;
	min-height: 100%;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-ms-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}
.sem-news-first .pic:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.sem-news-first .text {
	margin-left: 320px;
}
.sem-news-first .time {
	font-size: 16px;
	color: #666;
}
.sem-news-first .title {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 6px;
}
.sem-news-first .desc {
	height: 75px;
	line-height: 25px;
	color: #666;
	overflow: hidden;
	display: -webkit-box !important;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 10px;
	margin-bottom: 16px;
}
.sem-news-first .more {
	font-size: 16px;
	color: #666;
}
.sem-news-first .more .mikeiconfont {
	font-size: 15px;
	margin-left: 4px;
}
.sem-news-tablist ul {
	margin: 0 -20px;
	padding: 16px 0;
}
.sem-news-tablist .item {
	margin: 0 20px;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sem-news-list {
	width: 37.85%;
	float: right;
}
.sem-news-list dl {
	padding: 0 20px;
}
.sem-news-list dt li {
	padding-left: 4px;
}
.sem-news-list dd ul {
	padding: 20px 0;
}
.sem-news-list dd li {
	height: 42px;
	line-height: 42px;
	font-size: 15px;
}
.sem-news-list dd li .mikeiconfont {
	float: left;
	font-size: 13px;
	line-height: 38px;
	color: #ddd;
}
.sem-news-list dd li .title {
	height: 42px;
	line-height: 42px;
	margin-left: 20px;
	margin-right: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sem-news-list dd li .time {
	float: right;
	color: #666;
}
.sem-msg {
	background: #f8f8f8;
}
.sem-msg-title {
	background: #ebebeb;
	margin-top: 30px;
	padding: 24px 20px;
	overflow: hidden;
	text-align: left;
}
.sem-msg-title .mikeiconfont {
	color: #666;
	float: left;
	font-size: 26px;
}
.sem-msg-title span {
	display: block;
	margin-left: 38px;
	line-height: 26px;
	font-size: 16px;
}
.sem-msg-list {
	margin-top: 20px;
	text-align: left;
}
.sem-msg-list ul {
	margin: 0 -12px;
}
.sem-msg-list li .item {
	display: block;
	margin: 10px 12px;
	position: relative;
	padding: 0 38px;
	background: #fff;
	-webkit-transition: all.5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	border: 1px solid #ddd;
}
.sem-msg-list li .mikeiconfont {
	font-size: 16px;
	color: #e84c3d;
	position: absolute;
	right: -1px;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
}
.sem-msg-list li .title {
	font-size: 16px;
	height: 54px;
	line-height: 54px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sem-msg-list li .line {
	width: 100%;
	height: 4px;
	background: #333;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all.5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.sem-msg-list li.active .item {
	border-color: #e84c3d;
}
.sem-msg-list li.active .mikeiconfont {
	opacity: 1;
	visibility: visible;
}
.sem-msg-form {
	text-align: left;
	padding-top: 20px;
}
.sem-msg-form ul {
	margin: 0 -12px;
}
.sem-msg-form li .item {
	margin: 10px 12px;
	background: #fff;
	padding: 0 20px;
	border: 1px solid #ddd;
}
.sem-msg-form li .input {
	display: block;
	width: 100%;
	height: 54px;
	line-height: 54px;
	font-size: 15px;
}
.sem-msg-form li .item.submit {
	background: #333;
	border-color: #333;
	padding: 0;
}
.sem-msg-form li .submit-btn {
	display: block;
	width: 100%;
	height: 54px;
	line-height: 54px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.sem-msg-form li .submit-btn:hover {
filter: alpha(opacity: 80);
	-webkit-opacity: .8;
	-moz-opacity: .8;
	-ms-opacity: .8;
	-o-opacity: .8;
	opacity: .8;
}
/*seo*/

.seo-banner {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
}
.seo-banner .text {
	max-width: 758px;
	margin: 0 auto;
}
.seo-banner .index-title {
	color: #fff;
}
.seo-banner .desc {
	font-size: 18px;
	color: #fff;
	line-height: 1.7;
	margin-top: 16px;
	letter-spacing: 1px;
	font-weight: 400;
}
.seo-banner .pic {
	text-align: center;
	margin-top: 4%;
}
.seo-banner .pic img {
	max-width: 80%;
}
.seo-question {
	padding-bottom: 10px!important;
}
.seo-question-box {
	text-align: left;
	margin-top: 28px;
}
.seo-question-box ul {
	margin: 0 -12px;
}
.seo-question-box li .item {
	margin: 12px;
	background: #fff;
	padding: 32px 14px 32px 32px;
	border: 1px solid #ddd;
	position: relative;
}
.seo-question-box li .left {
	width: 166px;
	float: left;
	position: relative;
}
.seo-question-box li .left img {
	width: 100%;
}
.seo-question-box li .left .mikeiconfont {
	display: block;
	width: 94px;
	height: 94px;
	line-height: 94px;
	text-align: center;
	font-size: 42px;
	color: #fff;
	position: absolute;
	left: 25px;
	top: 22px;
}
.seo-question-box li .text {
	margin-left: 186px;
	margin-top: 38px;
}
.seo-question-box li .title {
	font-size: 24px;
}
.seo-question-box li .desc {
	font-size: 16px;
	color: #666;
	margin-top: 8px;
}
.seo-whyus {
	padding-top: 40px!important;
	padding-bottom: 40px!important;
}
.seo-whyus .sem-whyus-box li .item:hover {
	background: #127ee7;
}
.seo-whyus .sem-whyus-box li .item:hover * {
	color: #fff;
}
.seo-commitment {
	background: #1f2833;
}
.seo-commitment .mike-title {
	color: #fff;
}
.seo-commitment-box {
	margin-top: 46px;
}
.seo-commitment-box ul {
	margin: 0 35px;
}
.seo-commitment-box li .item {
	margin: 14px 35px;
	background: #127ee7;
	padding: 60px 0;
	color: #fff;
	font-size: 0;
	text-align: center;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.seo-commitment-box li .text {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	text-align: left;
	margin-right: 20px;
}
.seo-commitment-box li .title {
	font-size: 30px;
}
.seo-commitment-box li .line {
	width: 56px;
	height: 4px;
	background: #fff;
	margin: 16px 0;
}
.seo-commitment-box li .desc {
	font-size: 20px;
	line-height: 1.5;
	padding-top: 14px;
}
.seo-commitment-box li .btnactive {
	width: 115px;
	height: 115px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.seo-commitment-box li .btnactive img {
	display: block;
	width: 100%;
	height: 100%;
}
.seo-commitment-box li.n2 .item {
	background: #fff;
	color: #070b13;
}
.seo-commitment-box li.n2 .line {
	background: #070b13;
}
.seo-process-box {
	margin-top: 40px;
}
.seo-process-slider ul {
	margin: 0 -5px; /* padding-bottom: 44px; */
}
.seo-process-slider li .item {
	margin: 5px;
	background: #f6f7ff;
	text-align: center;
	border-radius: 8px;
	overflow: hidden;
}
.seo-process-slider li .title {
	background: #127ee7;
	font-size: 22px;
	color: #fff;
	padding: 21px 0;
}
.seo-process-slider li .desc {
	padding: 30px 10px;
	color: #666;
	height: 330px;
}
.seo-process-slider li .desc p {
	line-height: 24px;
	padding: 3px 0;
}
.seo-process-slider .slick-dots {
	bottom: 0;
}
.seo-process-slider .slick-dots li {
	margin: 0 3px;
}
.seo-process-slider .slick-dots li button {
	width: 13px;
	height: 6px;
	background: #151515;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.seo-process-slider .slick-dots li.slick-active button {
	width: 20px;
	background: #fb3049;
}
.seo-service {
	background: #dfeaf5;
}
.seo-service-box {
	margin-top: 22px;
}
.seo-service-box ul {
	margin: 0 -18px;
}
.seo-service-box li .item {
	margin: 18px;
	background: #fff;
	padding: 44px 10px;
	border: 1px solid #ddd;
	text-align: center;
}
.seo-service-box li .mikeiconfont {
	font-size: 74px;
	color: #127ee7;
}
.seo-service-box li .title {
	font-size: 18px;
	color: #151515;
	margin-top: 16px;
}
.seo-case .sem-case-tabtit li.active .bg, .seo-team .sem-team-box dd li .litem:hover {
	background: #127ee7;
}
/*阿里*/

.ali-banner .text {
	line-height: 1.8;
	max-width: 600px;
}
.ali-banner .title {
	font-size: 47px;
}
.ali-banner .tname {
	font-size: 28px;
}
.ali-banner .pic {
	padding-bottom: 80px;
	margin-left: 640px;
}
.ali-banner .pic img {
	max-width: 100%!important;
}
.ali-banner .more {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
	margin-top: 26px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.ali-banner .more:hover {
	background: #ff762f;
	color: #fff!important;
	border-color: #ff762f;
}
.ali-tips {
	background: #f8f8f8;
	font-size: 0;
}
.ali-tips .mikeiconfont, .ali-tips .text {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	font-size: 33px;
	text-align: left;
	line-height: 1.6;
}
.ali-tips .mikeiconfont {
	color: #e1e1e1;
	font-size: 64px;
	margin-top: -8px;
}
.ali-tips .mikeiconfont.bt {
	vertical-align: bottom;
	margin-bottom: -4px;
}
.ali-tips .text {
	margin: 0 6.5%;
}
.ali-tips .text p span {
	position: relative;
}
.ali-tips .text p span i {
	height: 3px;
	background: #ff762f;
	position: absolute;
	left: 0;
	right: -3px;
	bottom: -4px;
}
.ali-tips .text p.t1, .ali-tips .text p.t2 {
	font-size: 33px;
}
.ali-tips .text p.t3 {
	font-size: 42px;
	color: #ff762f;
}
.ali-question .seo-question-box li .item {
	padding: 14px;
}
.ali-question .seo-question-box li .text {
	margin-top: 53px;
}
.ali-service {
	background: #f8f8f8;
}
.ali-service .sem-whyus-box li .item {
	padding-top: 40px;
	padding-bottom: 40px;
}
.ali-service .sem-whyus-box li .item:hover {
	background: #ff762f;
	color: #fff;
}
.ali-service .sem-whyus-box li .item:hover .mikeiconfont {
	color: #fff;
}
.ali-worry {
	background: #fff;
	padding-bottom: 0!important;
}
.ali-worry .mike-title {
	color: #000;
}
.ali-worry-title {
	font-size: 0;
	text-align: center;
	margin-top: 6px;
}
.ali-worry-title span {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	position: relative;
	padding: 8px 20px;
	font-size: 41px;
	color: #000;
}
.ali-worry-title span em {
	position: relative;
	z-index: 2;
}
.ali-worry-title span i {
	display: block;
	width: 100%;
	height: 22px;
	background: #ff762f;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.ali-worry-box {
	position: relative;
	overflow: hidden;
}
.ali-worry-box ul {
	padding: 0 8.5%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.ali-worry-box li {
	height: 100%;
	position: relative;
}
.ali-worry-box li .icon {
	width: 12px;
	height: 12px;
	background: #fff;
	border: 2px solid #ff762f;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 28.8%;
	margin-left: -8px;
}
.ali-worry-box li .text {
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 48.1%;
}
.ali-worry-box li .title {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	max-width: 96%;
	font-size: 24px;
	text-align: left;
	color: #000;
	line-height: 1.4;
}
.ali-worry-box li:hover .icon {
	width: 16px;
	height: 16px;
	background: none;
	border-width: 0;
}
.ali-worry-box li:hover .icon i, .ali-worry-box li:hover .icon span {
	background: #ff762f;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.ali-worry-box li:hover .icon i {
filter: alpha(opacity: 40);
	-webkit-opacity: .4;
	-moz-opacity: .4;
	-ms-opacity: .4;
	-o-opacity: .4;
	opacity: .4;
	z-index: 2;
}
.ali-worry-box li:hover .icon span {
	left: 3px;
	top: 3px;
	right: 3px;
	bottom: 3px;
	z-index: 3;
}
.ali-worry-box li:hover .title {
	color: #ff762f;
}
.ali-security {
	background: #fff;
}
.ali-security-box {
	margin-top: 34px;
	text-align: left;
}
.ali-security-box ul {
	margin: 0 -6px;
}
.ali-security-box li .item {
	margin: 6px;
	padding: 40px 34px;
	border: 1px solid #ddd;
	background: #fff;
}
.ali-security-box li .title {
	font-size: 15px;
	color: #666;
}
.ali-security-box li .title .mikeiconfont {
	float: right;
	font-size: 62px;
	color: #d2d2d2;
}
.ali-security-box li .title span {
	display: block;
	padding-top: 8px;
	margin-right: 80px;
}
.ali-security-box li .desc {
	font-size: 20px;
	line-height: 1.8;
	color: #000;
	margin-top: 12px;
	max-height: 72px;
}
.ali-security-box li .item:hover {
	background: #ff762f;
}
.ali-security-box li .item:hover * {
	color: #fff;
}
.ali-case .sem-case-tabtit li.active .bg, .ali-team .sem-team-box dd li .litem:hover {
	background: #ff762f;
}
/*整体外包*/

/* .outsource-banner{margin-top: 96px;} */

.outsource-banner .slick-dots li button {
	width: 15px;
	height: 4px;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.outsource-banner .slick-dots li.slick-active button {
	width: 32px;
}
.outsource-service {
	background: #fff;
}
.outsource-service-box {
	margin-top: 32px;
	text-align: left;
}
.outsource-service-box ul {
	margin: 0 -8px;
}
.outsource-service-box li .item {
	display: block;
	margin: 8px;
	background: #f8f8f8;
	border: 1px solid #ddd;
	padding: 34px 24px;
}
.outsource-service-box li .title {
	font-size: 22px;
	color: #000;
	line-height: 30px;
	height: 90px;
}
.outsource-service-box li .name {
	font-size: 16px;
	color: #0e1116;
	margin-top: 24px;
}
.outsource-service-box li .desc {
	font-size: 16px;
	line-height: 34px;
	color: #0e1116;
	margin-top: 20px;
}
.outsource-service-box li .desc p {
	padding-left: 18px;
	position: relative;
}
.outsource-service-box li .desc p i {
	display: block;
	width: 6px;
	height: 6px;
	border: 2px solid #0e1116;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 12px;
}
.outsource-service-box li .item:hover {
	background: #fb3049;
	border-color: #fb3049;
}
.outsource-service-box li .item:hover * {
	color: #fff;
}
.outsource-service-box li .item:hover .desc p i {
	border-color: #fff;
}
.outsource-worry {
	background: #fbfbfe;
}
.outsource-worry .ali-worry-box li .icon {
	border-color: #f9003c;
}
.outsource-worry .ali-worry-box li:hover .icon i, .outsource-worry .ali-worry-box li:hover .icon span {
	background: #f9003c;
}
.outsource-worry .ali-worry-box li:hover .title {
	color: #f9003c;
}
.outsource-security .ali-security-box li .item:hover {
	background: #f9003c;
	border-color: #f9003c;
}
.outsource-case .sem-case-tabtit li.active .bg, .outsource-team .sem-team-box dd li .litem:hover {
	background: #f9003c;
}
.outsource-case .sem-case-item li .pic {
	height: 160px;
	line-height: 160px;
*font-size: 118px;
}
.outsource-case .sem-case-item li .title {
	height: 52px;
	line-height: 52px;
}
.outsource-case .sem-case-item li .bx {
	height: 46px;
	line-height: 46px;
}
.outsource-case .sem-case-item li .bx span {
	height: 46px;
	line-height: 46px;
}
/*面包屑导航*/

.navigation-crumb {
	padding: 20px 0;
	line-height: 25px;
	border-bottom: 1px solid #e3e3e3;
	background: #fff;
	font-size: 15px;
	color: #666;
	position: relative;
	z-index: 3;
}
.navigation-crumb a {
	color: #666;
}
.navigation-crumb .mikeiconfont {
	margin-right: 10px;
	vertical-align: -1px;
}
/*新闻列表*/

.news-menu {
	text-align: center;
	font-size: 0;
	margin-bottom: 34px;
}
.news-menu ul {
	margin: 0 -35px;
}
.news-menu li {
	display: inline-block;
*display: inline;
*zoom: 1;
	position: relative;
	padding: 6px 35px;
	font-size: 18px;
}
.news-menu li a {
	display: block;
	height: 28px;
	line-height: 28px;
	position: relative;
	color: #666;
}
.news-menu li span {
	display: block;
	width: 1px;
	height: 16px;
	background-color: #e3e3e3;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
}
.news-menu i {
	display: block;
	width: 0;
	height: 1px;
	background: #e10000;
	position: absolute;
	left: 50%;
	bottom: -1px;
	transition: all 0.3s ease;
}
.news-menu li.active i, .news-menu li:hover i {
	width: 80%;
	left: 10%;
}
.news-menu li.active a, .news-menu li:hover a {
	color: #e10000 !important;
}
.news-row {
	background: #f2f2f2;
	text-align: left;
}
.news-list li {
	margin-bottom: 50px;
}
.news-list li .item {
	display: block;
	background: #fff;
	margin-right: 1px;
	padding: 35px 10% 50px 10%;
}
.news-list li .time {
	display: inline-block;
*display: inline;
*zoom: 1;
	height: 30px;
	line-height: 30px;
	border-bottom: 2px solid #e10000;
	color: #878787;
	margin-bottom: 15px;
}
.news-list li .text {
	position: relative;
	height: 106px;
	padding-left: 160px;
	margin: 10px 0;
}
.news-list li .pic {
	width: 150px;
	height: 106px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.news-list li .pic img {
	display: block;
	width: 100%;
	min-height: 100%;
	height: auto;
}
.news-list li .title {
	font-weight: normal;
	font-size: 16px;
	height: 72px;
	line-height: 24px;
	overflow: hidden;
}
.news-list li .desc {
	font-size: 13px;
	height: 40px;
	line-height: 20px;
	color: #878787;
	overflow: hidden;
}
.news-list li .item:hover {
	background: #c00;
}
.news-list li .item:hover * {
	color: #fff!important;
}
.news-list li .item:hover .time {
	border-bottom-color: #fff;
}
/*新闻详情*/

.details-left .lbox {
	padding: 40px;
	background: #fff;
	margin-right: 36px;
}
.details-title {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 30px;
}
.details-tools {
	color: #c4c4c4;
	text-align: center;
	margin-bottom: 30px;
	font-size: 13px;
}
.details-tools span {
	margin: 0 10px;
}
.details-tools i.mikeiconfont {
	font-size: 20px;
	margin-right: 6px;
	vertical-align: -2px;
}
.details-share {
	text-align: center;
	margin-bottom: 30px;
}
.details-share a.mikeiconfont {
	font-size: 40px;
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	color: #c8c8c8;
}
.details-share .bdsharebuttonbox {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
}
.details-share .bdsharebuttonbox a.mikeiconfont {
	background: none;
	text-indent: 0;
	margin: 0 8px;
	width: auto;
	height: auto;
	line-height: inherit;
	font-size: 34px;
	color: #c8c8c8;
}
.details-body {
	font-size: 14px;
	line-height: 28px;
	color: #555;
	padding-bottom: 50px;
	overflow: hidden;
}
.details-body img {
	width: auto !important;
	height: auto !important;
}
.news-change {
	padding: 25px 18px;
	background: #fff;
}
.news-change li {
	font-size: 15px;
	line-height: 1.8;
	padding: 15px 0;
}
.NewRecommend {
	background: #fff;
	padding: 10px 16px;
	margin-top: 20px;
}
.NewRecommend dt {
	font-size: 17px;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.NewRecommend dd {
	padding: 10px 0;
}
.caseRecommend li {
	position: relative;
	margin-bottom: 12px;
}
.caseRecommend li a {
	display: block;
}
.caseRecommend li img {
	width: 100%;
}
.caseRecommend li .mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 10px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	font-size: 0;
	text-align: center;
}
.caseRecommend li .mask > * {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
}
.caseRecommend li .bg {
	width: 100%;
	height: 100%;
	background: #23272f;
filter: alpha(opacity: 71);
	-webkit-opacity: .71;
	-moz-opacity: .71;
	-ms-opacity: .71;
	-o-opacity: .71;
	opacity: .71;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.case_maskBox {
	text-align: center;
}
.caseRecommend li .text {
	width: 100%;
	color: #fff;
}
.caseRecommend li .title {
	font-size: 18px;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.caseRecommend li .line {
	width: 30px;
	height: 4px;
	background: #d73217;
	margin: 20px auto 14px;
}
.caseRecommend li .desc {
	font-size: 16px;
	line-height: 1.8;
}
.caseRecommend li:hover .mask {
	opacity: 1;
	visibility: visible;
}
.newsRecommend li {
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*tag列表*/

.newsnav {
	padding: 20px 0;
	font-size: 14px;
	line-height: 25px;
}
.tag-row {
	text-align: left;
}
.taglist-left .lbox {
	padding: 0!important;
}
.tag-list {
	margin-right: 20px;
}
.tag-list li {
	padding-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px dashed #ddd;
}
.tag-list li .pic {
	width: 210px;
	height: 140px;
	overflow: hidden;
	float: left;
}
.tag-list li .pic a {
	display: block;
	width: 100%;
	height: 100%;
}
.tag-list li .pic img {
	display: block;
	width: 100%;
	min-height: 100%;
	height: auto;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.tag-list li .pic:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.tag-list li .text {
	margin-left: 234px;
}
.tag-list li .title {
	font-size: 18px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tag-list li .time {
	font-size: 13px;
	color: #999;
	line-height: 25px;
	margin-top: 4px;
}
.tag-list li .time .mikeiconfont {
	font-size: 14px;
	margin-right: 4px;
}
.tag-list li .desc {
	font-size: 13px;
	color: #999;
	max-height: 75px;
	line-height: 25px;
	overflow: hidden;
	display: -webkit-box !important;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 4px;
}
.tag-right {
	line-height: 24px;
}
.tag-right .tagc1 {
	font-size: 12px;
	color: #666;
}
.tag-right .tagc2 {
	font-size: 14px;
	font-weight: 700;
	color: #555;
}
/*联系我们*/

.contact-banner {/* height: 600px;  */
	position: relative;
}
.contact-banner .ban-row {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.contact-banner .ban-row .text {
	background: #dd0518;
	color: #fff;
	line-height: 1.6;
}
.contact-banner .ban-row .item {
	padding: 30px;
}
.contact-banner .ban-row p {
	font-size: 48px;
}
.contact-banner .ban-row h4 {
	font-size: 68px;
	font-weight: bold;
}
.contact-maps {
	width: 100%;
	height: 440px;
	overflow: hidden;
}
.contact-intro {
	background: #fff;
	text-align: left;
}
.contact-intro .pull-left {
	color: #59595b;
}
.contact-intro .pull-left .item {
	margin-right: 60px;
}
.contact-intro .pull-left h3 {
	font-size: 50px;
	line-height: 1;
	margin-bottom: 20px;
}
.contact-intro .pull-left p {
	font-size: 24px;
	line-height: 1.8;
	margin-bottom: 20px;
}
.contact-intro .pull-left ul {
	margin-bottom: 20px;
}
.contact-intro .pull-left li {
	font-size: 16px;
	line-height: 1.8;
}
.contact-intro .pull-right {
	background: #dd0518;
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.contact-intro .pull-right .item {
	padding: 50px 20px;
}
.contact-intro .pull-right img {
	display: block;
	max-width: 120px;
	height: auto;
	margin: 0 auto 20px;
}
/*关于我们*/

.about-banner {
	height: 645px;
}
.about-title {
	font-size: 56px;
	text-align: center;
	line-height: 1.4;
}
.about-text {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	color: #666;
	font-size: 18px;
	line-height: 1.7;
	text-align: justify;
}
.about-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
.about-wp1 {
	padding: 6% 0 8% 0;
}
.about-wp1-box {
	max-width: 1100px;
	margin: 60px auto 0;
}
.about-wp1-intro {
	padding: 0 12.5%;
}
.about-wp1-intro .title {
	position: relative;
	font-size: 32px;
	color: #dd0518;
	line-height: 1.25;
	text-align: justify;
	font-weight: 700;
}
.about-wp1-intro .title .mikeiconfont {
	font-size: 38px;
	color: #e6e6e6;
	position: absolute;
	top: 0;
}
.about-wp1-intro .title .left {
	right: 100%;
	margin-right: 24px;
}
.about-wp1-intro .title .right {
	left: 100%;
	margin-left: 24px;
}
.about-wp1-intro .text {
	height: 48px;
	line-height: 24px;
	font-size: 16px;
	color: #666;
	margin-top: 20px;
	overflow: hidden;
	text-align: justify;
}
.about-wp1-intro .more {
	margin-top: 30px;
	font-size: 0;
	text-align: center;
}
.about-wp1-intro .more-btn {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
}
.about-wp1-intro .more-btn > * {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
}
.about-wp1-intro .more-btn .mikeiconfont {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #dd0518;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	text-indent: 4px;
}
.about-wp1-intro .more-btn span {
	font-family: "Arial";
	font-size: 14px;
	margin-left: 10px;
}
.about-wp1-intro .more-btn.active .mikeiconfont {
	text-indent: 0;
}
.about-wp1-intro .more-btn.active .mikeiconfont, .about-wp1-intro .more-btn:hover .mikeiconfont {
filter: alpha(opacity: 70);
	-webkit-opacity: .7;
	-moz-opacity: .7;
	-ms-opacity: .7;
	-o-opacity: .7;
	opacity: .7;
}
.weblg {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.about-wp2 {
	background-image: url(../images/about-bg2.jpg);
	padding: 12% 0;
	color: #fff;
}
.about-wp2 .wrapper {
	font-size: 0;
	text-align: center;
}
.about-wp2 .text {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	width: 740px;
	max-width: 100%;
	position: relative;
	padding: 30px;
}
.about-wp2 .text .bg {
	width: 100%;
	height: 100%;
	background: #000;
filter: alpha(opacity: 50);
	-webkit-opacity: .5;
	-moz-opacity: .5;
	-ms-opacity: .5;
	-o-opacity: .5;
	opacity: .5;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.about-wp2 .about-title {
	position: relative;
	z-index: 2;
}
.about-wp2 .about-text {
	max-width: 740px;
	color: rgba(255,255,255,.7);
	position: relative;
	z-index: 2;
	color: #fff;
}
.about-wp3 {
	padding-top: 9%;
	padding-bottom: 9%;
}
.about-wp3-top .about-text {
	text-align: center;
}
.about-vr {
	position: relative;
	height: 100%;
}
.about-vr .iframe {
	width: 100%;
	height: 100%;
}
.about-wp4 {
	padding: 10% 0;
}
.about-recruit {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8%;
}
.about-recruit ul {
	border-top: 1px solid #e5e5e5;
}
.about-recruit li {
	overflow: hidden;
	padding: 60px 0;
	border-bottom: 1px solid #e5e5e5;
}
.about-recruit .left {
	margin-right: 34%;
}
.about-recruit .right {
	max-width: 22%;
	float: right;
	text-align: right;
}
.about-recruit .ch {
	font-size: 18px;
	font-weight: bold;
	color: #c60813;
	margin-bottom: 3px;
}
.about-recruit .en {
	font-family: "Arial";
	font-size: 32px;
	text-transform: uppercase;
	color: #aaa;
	margin-bottom: 7px;
}
.about-recruit .mikeiconfont {
	font-size: 18px;
	color: #aaa;
}
.about-recruit .aw {
	vertical-align: top;
	width: 12px;
	height: 15px;
	background: url(../images/aw2.png)
}
.about-recruit .title {
	font-size: 24px;
	color: #333;
	margin-bottom: 15px;
}
.about-recruit .desc {
	font-size: 16px!important;
	color: #666;
	height: 112px;
	line-height: 28px!important;
	overflow: hidden;
}
.about-recruit .more {
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	margin-top: 8px;
}
.about-recruit .more a {
	color: #333;
}
.about-recruit .more a:hover {
	color: #333!important;
}
/*开发服务*/

.serdonghua {
	-webkit-transition: all 1.2s;
	-moz-transition: all 1.2s;
	-ms-transition: all 1.2s;
	-o-transition: all 1.2s;
	transition: all 1.2s;
}
.Aservices-main.swiper-container {
	width: 100%;
	height: 100%;
}
.Aservices {
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.Aservices dl {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.Aservices dl dd {
	width: 50%;
	height: 100%;
	background: #dd0518;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	font-size: 0;
	text-align: left;
	z-index: 2;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.Aservices dl dd .text-box {
	display: inline-block;
*display: inline;
*zoom: 1;
	width: 62%;
	vertical-align: middle;
	text-align: left;
	padding-left: 20%;
}
.Aservices dl dd .text-box .title {
	font-size: 40px;
}
.Aservices dl dd .text-box .desc {
	font-size: 16px;
	line-height: 30px;
	margin: 26px 0;
	text-align: justify;
}
.Aservices dl dd .text-box .desc p {
	padding: 6px 0 6px 0px;
	line-height: 30px;
	position: relative;
}
.Aservices dl dd .text-box .desc p i {
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 16px;
}
.Aservices dl dd .text-box .sbtn {
	margin-top: 10%;
}
.Aservices dl dd .text-box .sbtn a {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	font-size: 20px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #fff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 0 26px;
	margin-right: 20px;
	color: #fff;
}
.Aservices dl dd .text-box .sbtn a:hover {
	color: #fff!important;
}
.Aservices-main .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #dd0518;
}
.Aservices.swiper-slide-active dl dd {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.serAlist ul {
	margin: 0 -10px;
}
.serAlist li {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	font-size: 16px;
	line-height: 30px;
}
.serAlist li .item {
	margin: 0 10px;
}
.serBlist {
	margin-top: 26px;
	max-width: 80%;
}
.serBlist li {
	float: left;
	max-width: 33.33%;
*max-width: 33.31%;
*zoom: 1;
}
.serBlist li a {
	display: block;
	margin: 2px;
}
.Aservices-caselist {
	background: #444;
	overflow: hidden;
	font-size: 0;
	text-align: center;
}
.Aservices-caselist > * {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
}
.Aservices-caselist ul {
	width: 100%;
}
.Aservices-caselist li a {
	display: block;
}
.Aservices-caselist li .pic {
	overflow: hidden;
}
.Aservices-caselist li .pic img {
	width: 100%;
	transition: all .6s;
	z-index: 1;
}
.Aservices-caselist li:hover .pic img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.Aservices-caselist li .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all .5s;
	font-size: 0;
	text-align: center;
}
.Aservices-caselist li .maskbg {
	background: #000;
filter: alpha(opacity: 50);
	-webkit-transform: opacity .5;
	-ms-transform: opacity .5;
	-o-transform: opacity .5;
	opacity: .5;
}
.Aservices-caselist li .text {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	max-width: 100%;
}
.Aservices-caselist li .textbox {
	padding: 0 30px;
}
.Aservices-caselist li .title {
	font-size: 20px;
}
.Aservices-caselist li .line {
	width: 26px;
	height: 1px;
	background: #fff;
	margin: 16px auto;
}
.Aservices-caselist li .desc {
	font-size: 15px;
}
.Aservices-caselist li:hover .mask {
	opacity: 1;
	visibility: visible;
}

/*阿里代运营*/
@media (min-width: 641px){
.ali_1, .ali_2, .ali_3, .ali_4, .ali_6, .ali_7, .ali_8, .ali_9 {
	width: 1300px;
	height: auto;
	margin: auto
}
.ali_main_1 {
	width: 100%;
	height: 718px;
	background-image: url(/images/ali_3.png);
	background-repeat: repeat-x;

}
.ali_4_1 {
	background-image: url(/images/img_1.png);
	background-repeat: no-repeat;
}
.ali_4_2 {
	background-image: url(/images/img_2.png);
	background-repeat: no-repeat;
}
.ali_4_3 {
	background-image: url(/images/img_3.png);
	background-repeat: no-repeat;
}
.ali_4_4 {
	background-image: url(/images/img_4.png);
	background-repeat: no-repeat;
}
.ali_4 ul li {
	float: left;
	width: 298px;
	height: 388px;
	margin-right: 35px;
}
.ali_4 ul li:nth-child(4) {
	margin-right: 0;
}
.ali_4 .ali_4_bg {
	background: rgba(0,0,0,0.7);
	width: 298px;
	height: 298px;
	display: block;
	color: #FFF;
	text-align: center;
	padding-top: 90px;
	border-radius: 8px;
}
.ali_4 .ali_4_bg:hover {
	background: rgba(0,0,0,0.4);
	width: 298px;
	height: 298px;
	display: block;
	padding-top: 90px;
}
.ali_4 .ali_4_bg p:nth-child(2) {
	margin-top: 44px;
	font-size: 34px;
}
.ali_4 .ali_4_bg p:nth-child(3) {
	margin-top: 20px;
	font-size: 14px;
	text-transform: Uppercase
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInUp2 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp2 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUp2 {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
.ali_main_2 {
	width: 100%;
	height: 570px;
	background-image: url(/images/ali_5.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.ali_main_2_1{
display:none;
}
.ali_main_3 {
	background-color: #f6f6f6;
	width: 100%;
	height: 924px;
	padding: 73px 0 73px 0;
}
.ali_main_4 {
	background-color: #f6f6f6;
	width: 100%;
	height: 1035px;
}
.ali_5 {
	width: 1390px;
	height: auto;
	margin: auto
}
.ali_5_1 {
	width: 697px;
	height: 417px;
	position: relative;
	top: 150px;
	margin-left: 720px;
	background-image: url(/images/ali_5.png);
	background-repeat: no-repeat;
}
.ali_5_1_1 {
	position: absolute;
	left: 53px;
	top: 53px;
	width: 110px;
	height: 86px;
}
.ali_5_1_2 {
	position: absolute;
	left: 300px;
	top: 53px;
	width: 110px;
	height: 86px;
}
.ali_5_1_3 {
	position: absolute;
	left: 550px;
	top: 53px;
	width: 110px;
	height: 86px;
}
.ali_5_1_4 {
	position: absolute;
	left: 425px;
	top: 248px;
	width: 110px;
	height: 86px;
}
.ali_5_1_5 {
	position: absolute;
	left: 167px;
	top: 248px;
	width: 110px;
	height: 86px;
}
.ali_5_1_1 p:nth-child(1), .ali_5_1_2 p:nth-child(1), .ali_5_1_3 p:nth-child(1), .ali_5_1_4 p:nth-child(1), .ali_5_1_5 p:nth-child(1) {
	font-size: 36px;
	color: #fff000;
	text-align: center;
	font-weight: bold;
}
.ali_5_1_1 p:nth-child(2), .ali_5_1_2 p:nth-child(2), .ali_5_1_3 p:nth-child(2), .ali_5_1_4 p:nth-child(2), .ali_5_1_5 p:nth-child(2) {
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	margin-top: 10px;
	line-height: 30px;
}
.ali_6_1 {
	background-image: url(/images/ali_6_1.jpg);
	background-repeat: no-repeat;
	width: 669px;
	height: 925px;
	float: left;
	position: relative;
}
.ali_6_2 {
	background-image: url(/images/ali_6_2.jpg);
	background-repeat: no-repeat;
	width: 631px;
	height: 925px;
	float: left;
	position: relative;
}
.ali_6_1_1 {
	position: absolute;
	left: 286px;
	top: 390px;
	width: 305px;
	height: 455px;
}
.ali_6_1_1 p:nth-child(1) {
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	color: #FFF
}
.ali_6_1_1 p:nth-child(2) {
	font-size: 18px;
	line-height: 1.8;
	color: #FFF;
	margin-top: 40px;
}
.ali_6_2_1 {
	position: absolute;
	left: 10px;
	top: 110px;
	width: 600px;
	height: 70px;
	text-align: center;
	font-size: 22px;
	color: #ff6600
}
.ali_6_2_1 span {
	color: #000
}
.ali_6_2_2 {
	position: absolute;
	left: 10px;
	top: 200px;
	width: 600px;
}
.ali_6_2_2 ul li {
	width: 33%;
	float: left;
	text-align: center;
}
.ali_6_2_2 p {
	font-weight: bold;
}
#num1, #num2, #num3 {
	font-size: 50px;
	color: #ff6600;

	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif
}
.ali_7_1 {
	height: 240px;
	width: 100%;
	text-align: center;
}
.ali_7_2 {
	height: 755px;
	width: 100%;
	background-image: url(/images/ali_7_2.jpg);
	background-repeat: no-repeat;
	position: relative
}
.ali_7_2 .vs {
	position: absolute;
	left: 580px;
	top: 290px;
	width: 160px;
	height: 160px;
}
.ali_7_2 p {
	font-size: 28px;
	font-weight: bold;
}
.ali_7_2 p:nth-child(1) {
	padding-top: 170px;
	padding-left: 110px;
	width: 460px;
	line-height: 1.6
}
.ali_7_2 p:nth-child(2) {
	padding-left: 110px;
	padding-top: 35px;
	width: 435px;
	line-height: 1.6
}
.ali_7_2 p:nth-child(3) {
	padding-left: 110px;
	padding-top: 35px;
	width: 415px;
	line-height: 1.6
}
.ali_7_2 p:nth-child(4) {
	padding-left: 110px;
	padding-top: 35px;
	width: 350px;
	line-height: 1.6
}
.ali_7_2 p:nth-child(5) {
	left: 840px;
	top: 205px;
	position: absolute;
	color: #525252;
	line-height: 1.6;
	width: 425px;
}
.ali_7_2 p:nth-child(6) {
	left: 781px;
	top: 320px;
	position: absolute;
	color: #525252;
	line-height: 1.6;
	width: 445px;
}
.ali_7_2 p:nth-child(7) {
	left: 725px;
	top: 452px;
	position: absolute;
	color: #525252;
	line-height: 1.6;
	width: 440px;
}
.ali_7_2 p:nth-child(8) {
	left: 658px;
	top: 585px;
	position: absolute;
	color: #525252;
	line-height: 1.6;
	width: 415px;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
@-webkit-keyframes bounce {
0% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
30% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
60% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
100% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounce {
0% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
30% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
60% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
100% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom
}
.ali_main_5, .ali_main_6, .ali_main_7 {
	width: 100%;
	height: auto;
}
.ali_main_6 {
	background-color: #f6f6f6;
}
.ali_main_5 img {
	width: 100%;
	height: auto;
}
.ali_8_1 {
	text-align: center;
	height: 215px;
}
.ali_8_2 {
	padding-bottom: 20px;
}
.ali_9{padding:0 0 50px 0;}
.ali_9_2 {
	width: 1300px;
	height: 105px;
}
.ali_9_2 .ali_9_2_1 {
	float: left;
	width: 360px;
	line-height: 105px;
}
.ali_9_2 .ali_9_2_2 {
	float: right;
	width: 180px;
	line-height: 105px;
}
.ali_9_1 {
	text-align: center;
	width: 100%;
	height: auto;
}
.ali_9_3 {
	margin: 15px 0 15px 0;
	clear: both;
}
.ali_9_3 ul li {
	float: left;
	width: 310px;
	height: 545px;
	margin-right: 20px;
}
.ali_9_3_1 {
	margin: 15px 0 15px 0;
	clear: both;
}
.ali_9_3_1 ul li {
	float: left;
	width: 310px;
	height: 650px;
	margin-right: 20px;
}
.ali_9_3 ul li:nth-child(4),.ali_9_3_1 ul li:nth-child(4){
	margin-right: 0px;
}
.ali_9_3 ul li:hover img,.ali_9_3_1 ul li:hover img{opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.50;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
}
@media (max-width: 640px){
.ali_1, .ali_2, .ali_3, .ali_4, .ali_6, .ali_7, .ali_8, .ali_9 {
	width: 100%;
	height: auto;
	margin: auto
}
.ali_1 img,.ali_2 img,.ali_3 img{width:100%;height:auto;}
.ali_main_1 {
	width: 100%;
	height: auto;
	background-image: url(/images/ali_3.png);
	background-repeat: repeat-x;
	background-size:100% auto;
}
.ali_4_1 {
	background-image: url(/images/img_1.png);
	background-repeat: no-repeat;
	background-size:100% auto;
}
.ali_4_2 {
	background-image: url(/images/img_2.png);
	background-repeat: no-repeat;
	background-size:100% auto;
}
.ali_4_3 {
	background-image: url(/images/img_3.png);
	background-repeat: no-repeat;
	background-size:100% auto;
}
.ali_4_4 {
	background-image: url(/images/img_4.png);
	background-repeat: no-repeat;
	background-size:100% auto;
}
.ali_4 ul li {
	float: left;
	width: 45%;
	height: auto;
	margin-right: 5%;
	margin-top:20px;
}
.ali_4 ul li:nth-child(4) {
	margin-right: 0;
}
.ali_4 .ali_4_bg {
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: auto;
	display: block;
	color: #FFF;
	text-align: center;
	padding-top: 40px;
	border-radius: 8px;
}
.ali_4 .ali_4_bg:hover {
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: auto;
	display: block;
	padding-top: 40px;
}
.ali_4 .ali_4_bg p img{width:50%;height:auto;}
.ali_4 .ali_4_bg p:nth-child(2) {
	margin-top: 24px;
	font-size: 20px;
}
.ali_4 .ali_4_bg p:nth-child(3) {
	margin-top: 20px;
	font-size: 14px;
	text-transform: Uppercase;
	height:60px;
	line-height:30px;
}
 
.ali_main_2 {
display:none;
}
.ali_main_2_1{width:100%;height:auto;padding:20px 0 20px 0;clear:both;}
.ali_main_2_1 img{width:100%;height:auto}
.ali_main_3 {
	background-color: #f6f6f6;
	width: 100%;
	height: auto;
	padding: 10px 0 10px 0;
}
.ali_main_4 {
	background-color: #f6f6f6;
	width: 100%;
	height: 78vw;
}
.ali_5 {
	width: 100%;
	height: auto;
	margin: 25px auto;
}
.ali_5_1 {
	width: 50%;
	min-height: 130px;
	position: relative;
	top: 15px;
	margin-left: 50%;
	background-image: url(/images/ali_5.png);
	background-repeat: no-repeat;
	background-size:100% auto;
}
.ali_5_1_1 {
	position: absolute;
	left: 53px;
	top: 53px;
	width: 110px;
	height: 86px;
}
.ali_5_1_2 {
	position: absolute;
	left: 300px;
	top: 53px;
	width: 110px;
	height: 86px;
}
.ali_5_1_3 {
	position: absolute;
	left: 550px;
	top: 53px;
	width: 110px;
	height: 86px;
}
.ali_5_1_4 {
	position: absolute;
	left: 425px;
	top: 248px;
	width: 110px;
	height: 86px;
}
.ali_5_1_5 {
	position: absolute;
	left: 167px;
	top: 248px;
	width: 110px;
	height: 86px;
}
.ali_5_1_1 p:nth-child(1), .ali_5_1_2 p:nth-child(1), .ali_5_1_3 p:nth-child(1), .ali_5_1_4 p:nth-child(1), .ali_5_1_5 p:nth-child(1) {
	font-size: 36px;
	color: #fff000;
	text-align: center;
	font-weight: bold;
}
.ali_5_1_1 p:nth-child(2), .ali_5_1_2 p:nth-child(2), .ali_5_1_3 p:nth-child(2), .ali_5_1_4 p:nth-child(2), .ali_5_1_5 p:nth-child(2) {
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	margin-top: 10px;
	line-height: 30px;
}
.ali_6_1 {
	background-image: url(/images/ali_6_1.jpg);
	background-repeat: no-repeat;
	background-size:100% auto;
	width: 100%;
    height:140vw;
	position:relative;
}
.ali_6_2 {
	background-image: url(/images/ali_6_2.jpg);
	background-repeat: no-repeat;
	background-size:100% auto;
	width: 100%;
	height:145vw; 
	position:relative;
}
.ali_6_1_1 {
	position: absolute;
	left: 40%;
	top: 55vw;
	width: 50%;
	height: auto;
}
.ali_6_1_1 p:nth-child(1) {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #FFF
}
.ali_6_1_1 p:nth-child(2) {
	font-size: 14px;
	line-height: 1.5;
	color: #FFF;
	margin-top:18px;
}
.ali_6_2_1 {
	position: absolute;
	left: 0;
	top: 15vw;
	width: 100%;
	height: auto;
	text-align: center;
	font-size:18px;
	color: #ff6600
}
.ali_6_2_1 span {
	color: #000
}
.ali_6_2_2 {
	position: absolute;
	left: 0;
	top: 30vw;
	width: 100%;
}
.ali_6_2_2 ul li {
	width: 33%;
	float: left;
	text-align: center;
}
.ali_6_2_2 p {
	font-weight: bold;
}
#num1, #num2, #num3 {
	font-size: 30px;
	color: #ff6600;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif
}
.ali_7_1 {
	height: auto;
	width: 100%;
	text-align: center;
}
.ali_7_1 img{width:40%;height:auto;}
.ali_7_2 {
	height: 50vw;
	width: 100%;
	background-image: url(/images/ali_7_2.jpg);
	background-repeat: no-repeat;
	background-size:100% auto;
	position: relative
}
.ali_7_2 .vs {
display:none;	
}
.ali_7_2 p {
	font-size: 1.3rem;
	font-weight: bold;
}
.ali_7_2 p:nth-child(1) {
	padding-top: 12vw;
	padding-left: 3%;
	width: 50%;
	line-height: 1.4
}
.ali_7_2 p:nth-child(2) {
	padding-left: 3%;
	padding-top: 10px;
	width: 46%;
	line-height: 1.4
}
.ali_7_2 p:nth-child(3) {
	padding-left: 3%;
	padding-top: 10px;
	width: 45%;
	line-height: 1.4
}
.ali_7_2 p:nth-child(4) {
	padding-left: 3%;
	padding-top: 10px;
	width: 44%;
	line-height: 1.4
}
.ali_7_2 p:nth-child(5) {
	left: 57%;
	top: 12vw;
	position: absolute;
	color: #525252;
	line-height: 1.4;
	width: 44%;
}
.ali_7_2 p:nth-child(6) {
	left: 54%;
	top: 22vw;
	position: absolute;
	color: #525252;
	line-height: 1.6;
	width: 45%;
}
.ali_7_2 p:nth-child(7) {
	left: 51%;
	top: 34vw;
	position: absolute;
	color: #525252;
	line-height: 1.6;
	width: 46%;
}
.ali_7_2 p:nth-child(8) {
	left: 47%;
	top: 44.5vw;
	position: absolute;
	color: #525252;
	line-height: 1.6;
	width: 50%;
}

.ali_main_5, .ali_main_6, .ali_main_7 {
	width: 100%;
	height: auto;
}
.ali_main_6 {
	background-color: #f6f6f6;
}
.ali_main_5 img {
	width: 100%;
	height: auto;
}
.ali_8_1 {
	text-align: center;
	height: auto;
}
.ali_8_1 img{width:40%;height:auto;}
.ali_8_2 {
	padding-bottom: 20px;
}
.ali_8_2 img{width:100%;height:auto;}
.ali_9{padding:0 0 50px 0;}
.ali_9_2 {
	width: 100%;
	height: auto;
}
.ali_9_2 .ali_9_2_1 {
	float: left;
	width: 50%;	
}
.ali_9_2 .ali_9_2_1 img{width:70%;height:auto;}
.ali_9_2 .ali_9_2_2{
	float: right;
	width: 50%;
	text-align:right;
}
.ali_9_2 .ali_9_2_2 img{width:50%;height:auto;padding-top:15px;}
.ali_9_1 {
	text-align: center;
	width: 100%;
	height: auto;
}
.ali_9_1 img{width:40%;height:auto;}
.ali_9_3 {
	margin: 15px 0 15px 0;
	clear: both;
}
.ali_9_3 ul li {
	float: left;
	width: 45%;
	height: auto;
	margin-right: 2%;
	margin-left:2%;
	margin-top:15px;
}
.ali_9_3 ul li img,.ali_9_3_1 ul li img{width:100%;height:auto;}
.ali_9_3_1 {
	margin: 15px 0 15px 0;
	clear: both;
}
.ali_9_3_1 ul li {
	float: left;
	width: 45%;
	height: auto;
	margin-right: 2%;
	margin-left:2%;
	margin-top:15px;
}
.ali_9_3 ul li:nth-child(2),.ali_9_3 ul li:nth-child(4),.ali_9_3_1 ul li:nth-child(2),.ali_9_3_1 ul li:nth-child(4){
	margin-right: 0px;
}
.ali_9_3 ul li:hover img,.ali_9_3_1 ul li:hover img{opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.50;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}	
	
}

/* 20241018 */
.common_message{padding: 30px 0 80px;}
.common_message .contactus{width: 50%; max-width: 568px; float: left;}
.common_message .contactus .title{}
.common_message .contactus .title h3{font-size: 46px; line-height: 60px; font-weight: bold; color: #1a73e9;}
.common_message .contactus .title p{font-size: 16px; color: #454545;}
.common_message .contactus .tel{margin-top: 30px;}
.common_message .contactus .tel p{font-size: 26px; color: #1d1d1d;}
.common_message .contactus .tel h3{font-size: 46px; line-height: 60px; font-weight: bold; color: #1a73e9;}
.common_message .contactus .consult{margin-top: 40px;}
.common_message .contactus .consult .button{float: left; font-size: 16px; line-height: 50px; padding: 0 48px; color: #fff; border-radius: 5px; cursor: pointer;}
.common_message .contactus .consult .button a{color: #fff;}
.common_message .contactus .consult .service{background: #1a73e9;}
.common_message .contactus .consult .wechat{background: #23c99d; margin-left: 10px; position: relative;}
.common_message .contactus .consult .wechat .wxcode{width: 128px; height: 128px; background: #fff; border: solid #e6e6e6 1px; position: absolute; left: calc(100% + 10px); top: -30px; display: none;}
.common_message .contactus .consult .wechat:hover .wxcode{display: block;}
.common_message .contactus .consult .wechat .wxcode img{width: 100%;}
.common_message .messageform{width: 50%; max-width: 660px; float: right;}
.common_message .messageform .inputlist{width: 48%; float: left; border-bottom: solid #ced3d9 1px; margin: 40px 4% 0 0;}
.common_message .messageform .inputlist:nth-child(2n){margin-right: 0;}
.common_message .messageform .inputlist input{width: 100%; height: 50px; box-sizing: border-box; padding: 0 12px;}
.common_message .messageform .buttonlist{padding-bottom: 25px; border-bottom: solid #ced3d9 1px; margin-top: 40px;}
.common_message .messageform .buttonlist .vcode{width: 36%; height: 50px; padding: 0 12px; float: left;}
.common_message .messageform .buttonlist .vimage{float: left;}
.common_message .messageform .buttonlist .button{width: 160px; height: 50px; float: right; border: solid #3a6ae8 2px; border-radius: 25px;}

.newfooter{background: url("../images/newfooter.jpg");}
.newfooter .flogo{float: left; padding: 40px 0;}
.newfooter .fcontact{float: right; margin-top: 50px;}
.newfooter .fcontact .address{float: left; font-size: 18px; line-height: 26px; padding: 10px 0 10px 30px; background: url("../images/location.png") left center no-repeat; color: #fff; margin-right: 50px;}
.newfooter .fcontact .tel{float: left; font-size: 18px; line-height: 46px; padding-left: 30px; background: url("../images/tel2.png") left center no-repeat; color: #fff;}
.newfooter .fcontact .tel b{font-size: 36px; vertical-align: bottom;}
.newfooter .fmenu{padding: 50px 0; border-top: solid rgba(164, 195, 255, 0.5) 1px; border-bottom: solid rgba(164, 195, 255, 0.5) 1px;}
.newfooter .fmenu .mlist{width: calc(100% - 300px); float: left; display: flex; justify-content: space-between;}
.newfooter .fmenu .mlist h4{font-size: 18px; font-weight: bold; line-height: 40px; color: #fff;}
.newfooter .fmenu .mlist li{font-size: 14px; line-height: 36px;}
.newfooter .fmenu .mlist li a{color: #fff;}
.newfooter .fmenu .fpartner{float: right; text-align: center;}
.newfooter .fmenu .fpartner p{font-size: 18px; color: #fff;}
.newfooter .fmenu .fpartner img{margin-top: 20px;}
.newfooter .fcopyright{text-align: center; padding: 20px 0;}
.newfooter .fcopyright p{font-size: 14px; line-height: 30px; color: #fff;}
.newfooter .fcopyright a{color: #fff;}

@media screen and (max-width:640px) {
	.common_message{padding: 30px 0 30px;}
	.common_message .contactus{width: 100%; max-width: 100%;}
	.common_message .contactus .title h3{font-size: 20px; line-height: 32px;}
	.common_message .contactus .title p{font-size: 14px; line-height: 24px;}
	.common_message .contactus .tel{margin-top: 20px;}
	.common_message .contactus .tel p{font-size: 14px; line-height: 24px;}
	.common_message .contactus .tel h3{font-size: 20px; line-height: 32px;}
	.common_message .contactus .consult{margin-top: 20px;}
	.common_message .contactus .consult .button{font-size: 14px; line-height: 36px; padding: 0 26px;}
	.common_message .contactus .consult .wechat .wxcode{width: 120px; height: 120px; left: calc(100% + 5px); top: auto; bottom: 0;}
	.common_message .messageform{width: 100%; max-width: 100%; margin-top: 20px;}
	.common_message .messageform .inputlist{width: 100%; margin: 10px 0 0 0;}
	.common_message .messageform .inputlist input{width: 100%; font-size: 14px; height: 50px; box-sizing: border-box; padding: 0 12px;}
	.common_message .messageform .buttonlist{padding-bottom: 20px; border-bottom: solid #ced3d9 1px; margin-top: 10px;}
	.common_message .messageform .buttonlist .vcode{width: calc(100% - 130px); height: 50px; font-size: 14px; padding: 0 12px; float: left;}
	.common_message .messageform .buttonlist .vimage{height: 40px; margin: 5px 0;}
	.common_message .messageform .buttonlist .button{width: 100%; font-size: 14px; margin-top: 10px;}
	
	.newfooter{background: url("../images/newfooter.jpg");}
	.newfooter .flogo{width: 100%; text-align: center; padding: 30px 0 10px;}
	.newfooter .fcontact{margin-top: 0;}
	.newfooter .fcontact .address{width: 100%; font-size: 14px; line-height: 24px; padding: 0 0 0 30px; margin-right: 0;}
	.newfooter .fcontact .tel{width: 100%; font-size: 14px; line-height: 36px;}
	.newfooter .fcontact .tel b{font-size: 20px;}
	
	.newfooter .fmenu{padding: 20px 0; margin-top: 20px;}
	.newfooter .fmenu .mlist{display: none;}
	.newfooter .fmenu .fpartner{width: 100%;}
	.newfooter .fmenu .fpartner p{font-size: 14px; line-height: 24px;}
	.newfooter .fmenu .fpartner img{margin-top: 10px;}
	
	.newfooter .fcopyright{text-align: center; padding: 20px 0;}
	.newfooter .fcopyright p{font-size: 14px; line-height: 30px; color: #fff;}
	.newfooter .fcopyright a{color: #fff;}
}