@charset "utf-8";
/*slick.css*/
.sqiao_fixed{height: auto !important;}
.sqiao_fixed ul{margin-bottom: 8px;}
.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:focus{outline: 0;}
.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; z-index: 6;}
.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: 30px; 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; border-radius: 50%; cursor: pointer;}
.slick-dots li.slick-active button{background: #FA2740;}
/*公共样式*/
*{margin: 0; padding: 0;}
@font-face {font-family:'BebasNeue';src:url('../fonts/BebasNeue.otf');font-weight:normal;font-style:normal;}
body{font-size: 14px; background: #fff; min-width: 1200px; font-family: 'Microsoft YaHei',Arial,Verdana,Sans-Serif; line-height: 1.2; color: #333;}
ol,ul,li{list-style: none;}
u{text-decoration: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .5s; cursor: pointer; outline: 0;}
a:hover{color: #FA2740!important;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
img{border: 0; max-width: 100%; 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;}
.fl{float: left!important;}
.fr{float: right!important;}
.hide{display: none;}
.tl{text-align: left!important;}
.tc{text-align: center!important;}
.tr{text-align: right!important;}
.col-lg-2_0{width: 20%; *width: 19.988%; float: left; min-height: 1px;}
.col-lg-3{width: 25%; *width: 24.988%; float: left; min-height: 1px}
.col-lg-4{width: 33.3333%; *width: 33.3311%; float: left; min-height: 1px}
.col-lg-6{width: 50%; *width: 49.988%; float: left; min-height: 1px}
.col-lg-8{width: 66.6667%; *width: 66.6645%; float: left; min-height: 1px}
.container{width: 1520px; margin: 0 auto; position: relative;}
.wrapper2{width: 1780px;margin: 0 auto;}
.w1280{width: 1280px;margin: 0 auto;}
@media only screen and (max-width: 1779px){
	.wrapper2{width: 1600px;}
}
@media only screen and (max-width: 1599px){
	.wrapper2{width: 1500px;}
}
@media only screen and (max-width: 1549px){
	.container{width: 1200px;}
}
@media only screen and (max-width: 1499px){
	.wrapper2{width: 1400px;}
}
@media only screen and (max-width: 1399px){
	.wrapper2{width: 1200px;}
}
@media only screen and (max-width: 1279px){
	.w1280{width: 1200px;}
	.liucheng .process{width: 1200px;}
}

/*头部*/
.header{width: 100%; height: 98px; background: #fff; border-bottom: 1px solid #EEEEEE; position: absolute; left: 0; top: 0; z-index: 33;}
.logo{float: left; margin-top: 24px;}
.logo img{display: block; height: 55px;}
.htel{height: 98px; float: right; line-height: 98px; font-size: 17px; color: #252D3A;font-family: PingFang SC; padding-left: 26px; border-left: 1px solid #eee;}
.nav{float: right; margin-right: 4px;}
.nav > ul > li{float: left; padding: 0 18px; font-size: 16px;}
.nav > ul > li > a{display: block; height: 98px; line-height: 98px; padding: 0 6px; position: relative;color: #252d3a;}
.nav > ul > li > a span{filter: alpha(opacity=80); opacity: .8;}
.nav > ul > li > a i{display: block; width: 0; height: 2px; background: #fa2740; position: absolute; left: 0; bottom: 0; transition: width .5s;}
.nav > ul > li > a em.arr{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 8px;
	height: 5px;
	background: url(../images/h-arr.jpg) no-repeat;
}
.nav > ul > li.active > a,.nav > ul > li:hover > a{color: #fa2740!important;}
.nav > ul > li.active > a i,.nav > ul > li:hover > a i{width: 100%;}
/*底部*/
.footer{background: #F3F3F3; color: #585E6C; position: relative; overflow: hidden;font-family: PingFang SC;}
.footer a{color: #585E6C !important;}
.foot-model{padding: 70px 0 45px;}
.foot-nav{float: left; border-right: 1px solid #fff; position: relative;}
.foot-nav:before{display: block; content: ""; width: 1px; height: 100%; background: #E2E2E2; position: absolute; right: -2px; top: 0;}
.foot-nav dl{float: left; margin-right: 122px; font-family: PingFang SC;}
.foot-nav dl.last{margin-right: 130px;}
.foot-nav dt{font-size: 18px; margin-bottom: 20px; color: #ccc;}
.foot-nav dt a{color: #ccc;}
.foot-nav dd{height: 36px; line-height: 36px;}
.foot-tel{float: right; overflow: hidden;}
.foot-tel .tit{font-size: 0; text-align: right; margin-bottom: 12px;}
.foot-tel .tit i,.foot-tel .tit span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 16px;}
.foot-tel .tit i{width: 22px; height: 20px; background: url(../images/icon.png) no-repeat -12px -0; margin-right: 6px;}
.foot-tel .ftel{font-size: 24px; font-weight: 800; color: #262C3A; line-height: 1.25;}
.foot-tel .advice{display: block; float: right; width: 140px; height: 40px; line-height: 40px; background: #585E6C; border-radius: 4px; font-size: 0; color: #fff; text-align: center; margin-top: 28px;}
.foot-tel .advice i,.foot-tel .advice span{display: inline-block; *display: inline; *zoom: 1; min-height: 1px; vertical-align: middle; font-size: 14px; color: #fff;}
.foot-tel .advice i{width: 20px; height: 22px; background: url(../images/icon.png) no-repeat -34px -0; margin-right: 8px;}
.foot-tel .advice:hover{background-color: #FA2840;}
.foot-wechat{width: 150px; float: right;  margin-right: 26px;}
.foot-wechat .imgs{ width: 118px; height: 118px; background-color: #fff; border: 1px solid #DFE1E6; text-align: center; margin: 0 auto 11px;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.foot-wechat img{display: block; width: 108px; height: 108px; margin: 5px auto; border-radius: 4px;}
.foot-wechat p{font-size: 14px; text-align: center; line-height: 24px; color: #585E6C;}
.foot-copy{padding: 16px 0 36px 0; line-height: 24px; border-top: 1px solid #fff;font-family: PingFang SC;position: relative;}
.foot-copy::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #E2E2E2;
}
.foot-copy a{color: #ccc;}
@media only screen and (max-width: 1549px){
	.foot-nav dl{margin-right: 121px;}
	.foot-nav dl.last{margin-right: 90px;}
	.foot-tel{margin-right: 24px;}
}
/* 动画 */
@keyframes zifadeInUp{0%{transform:translateY(80px);opacity: 0;}100%{transform:translateY(0px);opacity: 1;}}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform:translateY(0);}}
/*首页*/
.intitle{font-family: "Microsoft Yahei Light"; font-size: 36px; color: #111; text-align: center; line-height: 1;}
.inname{font-family: "Microsoft Yahei Light"; font-size: 24px; text-align: center; position: relative; margin-top: 16px; padding-bottom: 20px;}
.inname i{display: block; width: 70px; height: 2px; background: #FA2740; position: absolute; left: 50%; bottom: 0; margin-left: -35px;}
/*首页---广告图*/
.banner{position: relative;}
#banner{overflow: hidden;}
#banner .slick-slide{width: 100%; height: 100vh; position: relative;}
#banner .slick-slide a{display: block; width: 100%; height: 100%;}
#banner .slick-slide img{max-width: none; width: 1920px; position: relative; left: 50%; top: 0\9; top: 50%; margin-left: -960px; transform: translateY(-50%);}
.bans-dots{width: 100%; font-size: 0; text-align: center; position: absolute; left: 0; bottom: 30px; z-index: 10;}
.bans-dots .pos{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative;}
.bans-dots .line{width: 100%; height: 1px; background: #fff; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: 0;}
.bans-dots ul{position: relative; z-index: 2;}
.bans-dots li{width: 90px; float: left; padding-top: 1px; position: relative; font-size: 14px; color: #fff; text-align: center; cursor: pointer;}
.bans-dots li span{display: block; width: 1px; height: 5px; background: #fff; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: -5px;}
.bans-dots li i{display: block; width: 0; height: 2px; background: #fff; position: absolute; left: 0; top: -1px;}
.bans-dots li em{display: block; height: 30px; line-height: 30px;}
.bans-dots li.active{font-weight: bold;}
.bans-dots li.active i{width: 100%;}
@media only screen and (max-width: 1549px){
	#banner .slick-slide img{width: 1500px; margin-left: -750px;top: 48%;}
}
/*首页---服务项目*/
.inservice{padding: 68px 0 60px 0; background: #fff; position: relative; overflow: hidden;}
.inservice-box{margin-top: 30px; overflow: hidden;}
.inservice-box ul{margin-left: -1px;}
.inservice-box li .item{display: block; border-left: 1px solid #ddd; text-align: center; padding: 38px 0 24px 0;}
.inservice-box li .title{font-family: "Microsoft Yahei Light"; font-size: 30px; font-weight: bold; color: #000; transition: color .5s;}
.inservice-box li .desc{font-size: 0; text-align: center; margin-top: 18px; margin-right: 5px; height: 120px;}
.inservice-box li .desc .dd{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; text-align: left;}
.inservice-box li .desc .dd p{line-height: 30px; padding-left: 10px; position: relative;}
.inservice-box li .desc .dd p i{display: block; width: 4px; height: 4px; background: #999; border-radius: 50%; position: absolute; left: 0; top: 13px;}
.inservice-box li .pic{margin-top: 18px;}
.inservice-box li .pic img{height: 80px; transition: transform 1s;}
.inservice-box li .entitle{font-family: "Microsoft Yahei Light"; font-size: 24px; color: #ccc; line-height: 1.25; text-transform: uppercase; margin-top: 24px;}
.inservice-box li .item:hover .title{color: #FA2740;}
.inservice-box li .item:hover .pic img{transform: scale(1.08);}
@media only screen and (max-width: 1549px){
	.inservice-box li .title{font-size: 24px;}
	.inservice-box li .pic img{height: 70px;}
	.inservice-box li .entitle{font-size: 22px;}
}
/* 首页 */
.home-banner{
	position: relative;
	width: 100%;
	height: 850px;
	margin-top: 98px;
	overflow: hidden;
}
.home-banner .bg{
	width: 100%;
	height: 380px;
	background-image: url(../images/banner-bg.png);
	background-repeat: no-repeat;
	background-position:left bottom ;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.home-banner .imgs{
	position: absolute;
	top: 116px;
	left: 12.5%;
}
.banner-object {
	position: absolute;
	right: 122px;
    top: 0px;
}
.header-video {
    position: relative;
    top: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.5s;
}
.has-video.visible .header-video, .has-video.visible .layer {
    opacity: 1 !important;
}
.home-banner .bg-ibox{
	position: absolute;
	right: 0;
	top: 0;
	width: 122px;
	height: 850px;
	background-color: #fff8ed;
}
@media only screen and (max-width: 1874px){
	.home-banner .imgs {
		left: 12%;
	}
	.banner-object {
		right: 0;
		width: 50%;
	}
}
@media only screen and (max-width: 1769px){
	.home-banner .imgs {
		left: 8%;
	}
	.banner-object {
		width: 43%;
		right: 7%;
	}
	.home-banner .bg{
		background-position: -112px bottom;
	}
}
@media only screen and (max-width: 1599px){
	.banner-object {
		width: 36%;
		right: 18%;
	}
	.home-banner .imgs {
		left: 3%;
		width: 42%;
	}
	.home-banner .imgs image{
		width: 100%;
	}
	.home-banner .bg {
		background-position: -206px bottom;
	}
}
@media only screen and (max-width: 1499px){
	.banner-object {
		width: 30%;
		right: 27%;
	}
	.home-banner .imgs {
		left: 3%;
		width: 40%;
	}
	.home-banner .bg {
		background-position: -272px bottom;
	}
	.home-banner{height: 800px;}
}
@media only screen and (max-width: 1399px){
	.home-banner .bg {
		background-position: -318px bottom;
	}
	.banner-object {
		width: 56%;
		right: 00;
	}
	.header-video{width: 100%;}
	.home-banner {
		height: 670px;
	}
	.home-banner .imgs {
		top: 50px;
	}
}
/*首页---案例*/
.incase{padding: 55px 0 98px 0; background: #fff; position: relative; z-index: 2;overflow: hidden;}
.incase h2{text-align: center;
	width: 630px;
	margin: 0 auto;
	line-height: 36px;
	font-size: 18px;
	font-family: Microsoft YaHei UI;
	font-weight: 300;
	color: #252D3A;}
.incase-tabbox{ margin-top: 35px; }
.incase-tabtit{border-bottom: 1px solid  #F1F1F1;height: 98px;}
.incase-tabtit ul{font-size: 0; text-align: center;height: 100%;}
.incase-tabtit li{ display: inline-block; *display: inline; *zoom: 1; height: 100%; vertical-align: top; margin: 0 26px; font-size: 14px; font-family: Microsoft YaHei UI; font-weight: 400; color: #252D3A; position: relative; cursor: pointer; transition: color .8s; -webkit-transition: color .8s; -moz-transition: color .8s; -ms-transition: color .8s; -o-transition: color .8s; }
.incase-tabtit li i.icon{display: block; width: 38px;height: 26px;margin: 0 auto 18px;background: url(../images/case-icon1.png) no-repeat;}
.incase-tabtit li i.icon1{
	background-position: -3px 0;
}
.incase-tabtit li i.icon2{
	background-position: -47px 0;
}
.incase-tabtit li i.icon3{
	background-position: -91px 0;
}
.incase-tabtit li i.icon4{
	background-position: -131px 0;
}
.incase-tabtit li i.icon5{
	background-position: -169px 0;
}
.incase-tabtit li.active i.icon1,.incase-tabtit li:hover i.icon1{
	background-position: -3px -32px;
}
.incase-tabtit li.active i.icon2,.incase-tabtit li:hover i.icon2{
	background-position: -48px -32px;
}
.incase-tabtit li.active i.icon3,.incase-tabtit li:hover i.icon3{
	background-position: -92px -32px;
}
.incase-tabtit li.active i.icon4,.incase-tabtit li:hover i.icon4{
	background-position: -132px -32px;
}
.incase-tabtit li.active i.icon5,.incase-tabtit li:hover i.icon5{
	background-position: -169px -32px;
}
.incase-tabtit li i.line{display: block;
    width: 0;
    height: 1px;
    background: #fa2740;
    position: absolute;
    left: 0;
    bottom: 0;
	transition: width .5s;}
	.incase-tabtit li.active i.line, .incase-tabtit li:hover i.line {
		width: 100%;
	}
.incase-tabtit li.active,.incase-tabtit li:hover,.incase-tabtit li.active a{color: #FA2740;}
.incase-tabcont{margin-top: 22px;}
.incase-tabitem ul{margin: -10px;padding-top: 42px;font-family: PingFang SC;}
.incase-tabitem li .item{margin: 10px;}
.incase-tabitem li .pic{position: relative; overflow: hidden;}
.incase-tabitem li .pic img{display: block; width: 100%; height: 420px; transition: transform 1s;}
.incase-tabitem li .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .7s,visibility .7s;}
.incase-tabitem li .mask .bg{width: 100%; height: 100%; background: #FA2740; filter: alpha(opacity=80); opacity: .8; position: absolute; left: 0; top: 0; z-index: 1;}
.incase-tabitem li .masktext{padding: 0 20px; font-family: "Microsoft Yahei Light"; color: #fff; text-align: center; position: absolute; left: 0; right: 0; top: 50%; margin-top: -75px; z-index: 2;}
.incase-tabitem li .masktext .title{font-size: 24px; height: 28px; line-height: 28px; overflow: hidden;}
.incase-tabitem li .masktext .desc{font-size: 14px; height: 48px; line-height: 24px; overflow: hidden; margin-top: 12px;}
.incase-tabitem li .masktext .more{display: block; width: 118px; height: 38px; line-height: 38px; margin: 22px auto 0; border: 1px solid #fff; font-size: 14px; text-align: center; color: #fff; position: relative;}
.incase-tabitem li .masktext .more span{position: relative; z-index: 2;}
.incase-tabitem li .masktext .more:hover{background: #FA2740; border-color: #FA2740; color: #fff!important;}
.incase-tabitem li .pic:hover img{ transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); }
.incase-tabitem li .pic:hover .mask{opacity: 1; visibility: visible;}
.incase-tabitem li .text{ transition: padding-left .9s; padding-top: 18px; padding-bottom: 8px; position: relative; -webkit-transition: padding-left .9s; -moz-transition: padding-left .9s; -ms-transition: padding-left .9s; -o-transition: padding-left .9s; }
/* .incase-tabitem li .text .title{font-family: "Microsoft Yahei Light"; height: 48px; line-height: 48px; font-size: 18px; font-weight: bold; overflow: hidden;} */
.incase-tabitem li .text .title{font-size: 24px;  overflow: hidden; color: #252D3A;}
.incase-tabitem li .text .title a{color: #252D3A;}
.incase-tabitem li .text .desc{height: 24px; line-height: 24px; font-size: 14px; color: #999; }
.incase-tabitem li .text .desc h4{height: 24px; line-height: 24px;margin-top: 4px; overflow: hidden; font-size: 14px; color: #999; margin-right: 110px;}
.incase-tabitem li .text .desc .more{float: right; color: #999;}
.incase-tabitem li .text .line{ width: 1px; height: 0; background-color: #999999; transition:height .9s ; -webkit-transition:height .9s ; -moz-transition:height .9s ; -ms-transition:height .9s ; -o-transition:height .9s ; position: absolute; left: 40px; top: -62px; }
.incase-tabitem li .item:hover .line{height: 109px;}
.incase-tabitem li .item:hover .text{padding-left: 56px}
.incase-tabitem li .item:hover .title a{color: #FA2740;}
.bans-dots2{width: 1680px; font-size: 0; margin: 0 auto;position: absolute;bottom: 60px;left: 50%;margin-left: -840px;}
.bans-dots2 .pos{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative;}
.bans-dots2 .line{width: 1680px; height: 3px; background: #bfbfbf; }
.bans-dots2 ul{position: relative; z-index: 2;}
.bans-dots2 li{width: 240px; float: left; padding-top: 1px; position: relative; font-size: 14px; color: #fff; text-align: center; cursor: pointer;}
.bans-dots2 li span{display: block; width: 1px; height: 5px; background: #bfbfbf; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: -5px;}
.bans-dots2 li i{display: block; width: 0; height: 3px; background: #D5423B; position: absolute; left: 0; top: -3px;}
.bans-dots2 li em{display: block; height: 30px; line-height: 30px;}
.bans-dots2 li.active{font-weight: bold;}
.bans-dots2 li.active i{width: 100%;}
.bans-dots2 .arr1{position: absolute; left: -50px; top: -8px;}
.bans-dots2 .arr2{position: absolute; right: -50px; top: -8px;}
@media only screen and (max-width: 1779px){
	.bans-dots2 {
		width: 1500px;
		margin-left: -750px;
	}
	.bans-dots2 .line {
		width: 1500px;
	}
}
@media only screen and (max-width: 1599px){
	.bans-dots2 {
		width: 1400px;
		margin-left: -700px;
	}
	.bans-dots2 .line {
		width: 1400px;
	}
}
@media only screen and (max-width: 1499px){
	.bans-dots2 {
		width: 1300px;
		margin-left: -650px;
	}
	.bans-dots2 .line {
		width: 1300px;
	}
}
@media only screen and (max-width: 1399px){
	.bans-dots2 {
		width: 1100px;
		margin-left: -550px;
	}
	.bans-dots2 .line {
		width: 1100px;
	}
}
@media only screen and (max-width: 1549px){
	.incase-tabitem ul{margin: -8px;}
	.incase-tabitem li .item{margin: 8px;}
	.incase-tabitem li .pic img{height: 303px;}
	.incase-tabitem li .masktext .title{font-size: 22px; height: 24px; line-height: 24px;}
	.incase-tabitem li .masktext .desc{font-size: 13px;}
	.incase-tabitem li .masktext .more{margin-top: 16px;}
	.incase-tabitem li .text .title{font-size: 16px;}
}
/* 首页-服务历程 */
.liucheng{
	overflow: hidden;
}
.liucheng .title{
	font-size: 36px;
	font-family: PingFang SC;
	font-weight: 300;
	color: #262E3A;
	text-align: center;
	margin-bottom: 48px;
	cursor: pointer;
}
.liucheng .title div.border{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 39px;
	height: 39px;
	border: 1px solid #262E3A;
	border-radius: 20px;
	vertical-align: middle;
	margin-left: 14px;
}
.liucheng .title div.border img{
	text-align: center;
	margin-top: 16px;
	animation:move 2s infinite;
}

.liucheng .wrapper2{
	background-color: #F9F9F9;
	height: 300px;
}
.liucheng .liucheng-ibox{
	display: none;
}
.liucheng .process {font-size:0;position:relative;text-align:center;width: 1236px;margin: 0 auto;}
.liucheng .process ul{padding-top: 58px;}
.liucheng .process li {float:left;width:14.28%;*width:14.06%;cursor:pointer;position:relative;}
.liucheng .process li .tit {font-size:18px;color:#262E3A;margin-bottom:28px;margin-top:26px;transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s;
	font-family: PingFang SC;}
.liucheng .process li .text {font-size:14px;color:#999999;height:48px;line-height:24px;margin-bottom:22px;}
.liucheng .process li .num { font-size:14px; color:#9A9A9A;font-weight: 500; font-family: PingFang SC;text-align:center;  width:36px; height:36px; border:1px solid #DDDDDD; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; line-height:38px; cursor:pointer; margin:0 auto; background-color:#ffffff; position:absolute; left:50%; margin-left:-19px; z-index:22; bottom:-38px; transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; }
.liucheng .process .line {width:85%;border-bottom:1px dashed #DDDDDD;position:absolute;bottom:-21px;left:93px;}
.liucheng .process li:hover .tit,.liucheng .process li:hover .text {color:#FA2840;}
.liucheng .process li:hover .num {color:#444444;background-color:#FA2840;border-color:#FA2840;}
.liucheng .process li .icon {display:block;width:85px;height:62px;margin:0 auto;background: url(../images/liucheng.png) no-repeat;}
.liucheng .process li .icon1 {background-position:18px 0;}
.liucheng .process li .icon2 {background-position:-64px 0;}
.liucheng .process li .icon3 {background-position:-165px 0;}
.liucheng .process li .icon4 {background-position:-260px 0;}
.liucheng .process li .icon5 {background-position:-335px 0;}
.liucheng .process li .icon6 {background-position:-410px 0;}
.liucheng .process li .icon7 {background-position:-493px 0;}
@-webkit-keyframes move {0% {transform:translateY(0)}
70% {transform:translateY(10px)}
100% {opacity:0;transform:translateY(0)}
}
@keyframes move {0% {transform:translateY(0)}
70% {transform:translateY(10px)}
100% {opacity:0;transform:translateY(0)}
}
@keyframes up {0% { transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); }
70% { transform:translateX(10px); -webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px); }
100% { opacity:0; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); }
}
/* 首页-简介 */
.home-slider {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    padding-top: 0;
}
.scrollmagic-pin-spacer {
    transition: all 350ms ease !important;
}
.home-slider .home-slides-wrapper {
    width: 200%;
    height: 100%;
}
.home-slider .home-slide {
    position: relative;
    width: 50%;
	float: left;
	margin-top: 60px !important;
	height: auto;
	padding-bottom: 100px;
}
.home-slider #hsabout{
	background-color: #F9F9F9;
}
.home-slider .home-slide#hsclients{
	padding-top: 150px  !important;
	box-sizing: border-box;
	background-color: #F9F9F9;
	display: none;
}

.home-slider .more a{
	display: inline-block;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    background: none;
    border: none;
    font-family: PingFang SC;
    color: #262E3A;
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 13px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
}
.home-slider .more a:after, .home-slider .more a:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background: #262E3A;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
}
.home-slider .more a:before {
    left: 0;
}
.home-slider .more a:after {
    right: 0px;
}
.home-slider .more a:hover:after, .home-slider .more a:hover:before {
    -webkit-transform: scaleY(.2);
    transform: scaleY(.2);
    background: #FA2840;
}
.home-slider #hsabout .title{
	font-size: 30px;
	font-family: Microsoft YaHei UI;
	font-weight: 400;
	color: #262E3A;
	margin-top: 15px;
	margin-bottom: 36px;
}
.home-slider #hsabout .text{
	line-height: 30px;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #262E3A;
	width: 350px;
	margin: 34px 0;
}
.home-slider #hsabout .left{
	float: left;
	margin-left: 130px;
	margin-top: 172px;
}
.home-slider #hsabout .right{
	float: right;
	width: 1202px;
	background-color: #fff;
	/* height: 672px; */
	height: auto!important;
	margin-top: 76px;
	position: relative;
}
.home-slider #hsabout ul{
	height: 100%;
	overflow: hidden;
}
.home-slider #hsabout ul li{
	height: 100%;
	position: relative;
}
.home-slider #hsabout ul li .item{
	margin-left: 40px;
	margin-top: 252px;
	transition: margin-top .9s;
	-webkit-transition: margin-top .9s;
	-moz-transition: margin-top .9s;
	-ms-transition: margin-top .9s;
	-o-transition: margin-top .9s;
}
.home-slider #hsabout .imgs{
	position: absolute;
	top: 0;
	opacity: 0;
	width: 199%;
	height: 100%;
	transition-property:opacity,transform;
	transition-duration:.6s,.6s;
	transition-timing-function:ease-in-out;
	z-index: 3;
}
.home-slider #hsabout .imgs img{width: 100%;}
.home-slider #hsabout .imgs{
	left: 0;
}
.home-slider #hsabout .imgs.imgs3{z-index: 3;}
.home-slider #hsabout .imgs.imgs4{left: auto;right: 0; width: 132.6%;}
.home-slider #hsabout li:hover .imgs,.home-slider #hsabout li.on .imgs{
	opacity: 1;
	transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
}
.home-slider #hsabout ul li .title{
	font-size: 18px;
	color: #262E3A;
	font-weight: bold;
	font-family: MicrosoftJhengHei;
	transition: color .9s;
	-webkit-transition: color .9s;
	-moz-transition: color .9s;
	-ms-transition: color .9s;
	-o-transition: color .9s;
	position: relative;
	z-index: 23;
}
.home-slider #hsabout ul li .timer{	
	font-size: 48px;
	font-family: BebasNeue;
	font-weight: normal;
}
.home-slider #hsabout ul li .border{
	display: block;
	width: 26px;
	height: 26px;
	border: 1px solid #262E3A;
	border-radius: 20px;
	position: relative;
	z-index: 2;
	transition:border-color .9s ;
	-webkit-transition:border-color .9s ;
	-moz-transition:border-color .9s ;
	-ms-transition:border-color .9s ;
	-o-transition:border-color .9s ;
	z-index: 4;
}
.home-slider #hsabout ul li i.arr{
	display: block;
	background: url(../images/arr2.png) no-repeat;
	width: 32px;
	height: 7px;
	margin: 10px 0 0 12px;
	animation: up 2s infinite;
	-webkit-animation: up 2s infinite;
}
.home-slider #hsabout ul li i.icon{
	display: block;
	width: 41px;
	height: 41px;
	background: url(../images/brief-icon.png) no-repeat;
	position: relative;
	z-index: 4;
}
.home-slider #hsabout ul li i.icon1{
	background-position: 0 0;
}
.home-slider #hsabout ul li i.icon2{
	background-position: -48px 0;
}
.home-slider #hsabout ul li i.icon3{
	background-position: -97px 0;
}
.home-slider #hsabout ul li i.icon4{
	background-position: -146px 0;
}
.home-slider #hsabout ul li:hover i.icon1,.home-slider #hsabout ul li.on i.icon1{
	background-position: 0 -47px;
}
.home-slider #hsabout ul li:hover i.icon2,.home-slider #hsabout ul li.on i.icon2{
	background-position: -48px -47px;
}
.home-slider #hsabout ul li:hover i.icon3,.home-slider #hsabout ul li.on i.icon3{
	background-position: -97px -47px;
}
.home-slider #hsabout ul li:hover i.icon4,.home-slider #hsabout ul li.on i.icon4{
	background-position: -146px -47px;
}
.home-slider #hsabout ul li:hover .title,.home-slider #hsabout ul li.on .title{
	color: #fff;
}
.home-slider #hsabout ul li:hover .border,.home-slider #hsabout ul li.on .border{
	border-color: #fff;
}
.home-slider #hsabout ul li:hover i.arr,.home-slider #hsabout ul li.on i.arr{
	background-position: -38px 0;
}
.home-slider #hsabout ul li:hover .item,.home-slider #hsabout ul li.on .item{
	margin-top: 446px;
}

.home-slider .section-title {
    font-size: 48px;
    line-height: 1.2;
	margin: 0 0 10px;
	text-align: center;
}
.home-slider .small-tit{
	text-align: center;
	font-size: 36px;
	margin-bottom: 60px;
}
.home-slider #hsclients li {
    padding-left: 0;
    margin-bottom: 100px;
    float: left;
    vertical-align: middle;
    width: 25%;
    height: 70px;
    position: relative;
	overflow: hidden;
	text-align: center;
}
.home-slider #hsclients li:first-child {
    margin-top: 0;
}
.home-slider #hsclients li:nth-child(n+5) {
    margin-bottom: 0;
}
.home-slider #hsclients li img { display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
.home-slider .home-slide #clientslogo li img:first-child {top:50%;transition:top 350ms ease-out 350ms}
.home-slider .home-slide #clientslogo li img:last-child {top:150%;transition:top 350ms ease-out}
.home-slider .home-slide #clientslogo li img.switch:first-child {top:150%;transition:top 350ms ease-out}
.home-slider .home-slide #clientslogo li img.switch:last-child {top:50%;transition:top 350ms ease-out 350ms}
.home-slider .home-slide #clientslogo li.active {margin-bottom:10px;height:180px;transition:all 350ms ease}
.home-slider .home-slide #clientslogo li.active img:first-child,.home-slider .home-slide #clientslogo li.active img:last-child {top:20%;transition:all 350ms ease}
.home-slider .home-slide #clientslogo li.active img:last-child {top:70%}
@media only screen and (max-width: 1779px){
	.home-slider #hsabout .right {
		width: 1080px;
	}
	.home-slider #hsabout .imgs {
		width: 195%;
	}
}
@media only screen and (max-width: 1649px){
	h3.section-title {
		font-size: 35px;
	}
}
@media only screen and (max-width: 1599px){
	.home-slider #hsabout .right {
		width: 990px;
		height: 610px;
    	margin-top: 110px;
	}
	.home-slider #hsabout .imgs {
		width: 193%;
	}
	.home-slider #hsabout ul li:hover .item,.home-slider #hsabout ul li.on .item {
		margin-top: 380px;
	}
	.home-slider #hsabout .left{margin-left: 100px;}
}
@media only screen and (max-width: 1499px){
	.home-slider #hsabout .left {
		margin-left: 30px;
		margin-top: 100px;
	}
	.home-slider #hsabout .right{
		margin-top: 100px !important;
	}
}
@media only screen and (max-width: 1399px){
	.home-slider #hsabout .right {
		margin-top: 150px;
	}
	.home-slider #hsabout .right {
		width: 64%;
		height: 476px;
	}
}

/* 首页-资讯 */
.zixun{
	padding-bottom: 62px;
	overflow: hidden;
	margin-top: 60px;
}
.zixun .wrapper2{overflow: hidden;}
.zixun .ind_news_h {
	position: relative;
}
.zixun .ind_brand{
	float: left;
	animation: fadeInDown 0.8s ease 0.6s both;
	-webkit-animation: fadeInDown 0.8s ease 0.6s both;
	position: relative;
	z-index: 2;
}
.zixun .ind_news_h .ind_brand .title{	
	font-size: 36px;
	font-family: PingFang SC;
	font-weight: 300;
	color: #252D3A;
}
.zixun .ind_news_h .ind_brand span{	
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 300;
	text-transform: uppercase;
	color: #252D3A;
}
.zixun .ind_news_h .ind_brand span i{
	color: #FA2740;
}
.zixun .ind_news_h .brand_border{
	display: block;
	width: 60px;
	height: 1px;
	background-color: #FA2740;
	margin: 6px 0;
	position: relative;
	z-index: 2;
}
.zixun .ind_brand_tab .tab_item{
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #252D3A;
	float: left;
	position: relative;
	margin-left: 34px;
	width: 68px;
	cursor: pointer;
	transition: color .5s;
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	-ms-transition: color .5s;
	-o-transition: color .5s;
}
.zixun .ind_brand_tab .tab_item i{
	display: block;
	width: 0;
	height: 1px;
	background-color:#FA2740 ;
	margin-top: 12px;
	transition: width .5s;
	-webkit-transition: width .5s;
	-moz-transition: width .5s;
	-ms-transition: width .5s;
	-o-transition: width .5s;
}
.zixun .ind_brand_tab .tab_item.active,.zixun .ind_brand_tab .tab_item:hover{
	color: #FA2740;
}
.zixun .ind_brand_tab .tab_item.active i,.zixun .ind_brand_tab .tab_item:hover i{
	width: 100%;
}
.zixun .ind_brand_tab .tab_item em{
	position: absolute;
	right: 0;
	top:6px;
	width: 5px;
	height: 5px;
	border: 1px solid #252D3A;
	border-radius: 50%;
	transition: color .5s;
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	-ms-transition: color .5s;
	-o-transition: color .5s;
}
.zixun .ind_brand_tab .tab_item.active em,.zixun .ind_brand_tab .tab_item:hover em{
	border-color: #FA2740;
}
.zixun .ind_brand_tab{
	float: right;
	margin-top: 20px;
    position: relative;
    z-index: 2;
}
.zixun .brand_tab_h{
	animation:  fadeInDown 0.8s ease 0.6s both;
	-webkit-animation:  fadeInDown 0.8s ease 0.6s both;
}
.zixun .border{
	position: absolute;
	bottom: 22px;
	left: 0;
	width: 100%;
	border-top: 1px solid #F1F1F1;
}
.zixun .ind_news_bd{
	margin-top: 28px;
	animation: zifadeInUp 0.8s ease 0.6s both;
	-webkit-animation: zifadeInUp 0.8s ease 0.6s both;
}
.zixun .more a.link{
	display: inline-block;
	position: relative;
	white-space: nowrap;
	cursor: pointer;
	background: none;
	border: none;	
	font-family: PingFang SC;
	color: #262E3A;
	font-size: 12px;
	text-transform: uppercase;
	padding: 3px 13px;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	margin-left: 18px;
}
.zixun .more .link:after, .zixun .more .link:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
	background: #262E3A;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
}
.zixun .more .link:before {
    left: 0;
}
.zixun .more .link:after {
    right: 0px;
}
.zixun .more .link:hover:after, .zixun .more .link:hover:before {
    -webkit-transform: scaleY(.2);
    transform: scaleY(.2);
    background: #FA2840;
}
.zixun .time{
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #9A9A9A;
	position: absolute;
	right: 0px;
	bottom: 45px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.zixun .tit{
	line-height: 30px;	
	font-size: 20px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #262E3A;
	height: 60px;
	overflow:hidden;
	display:-webkit-box !important;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	margin-bottom: 48px;
	padding-left: 18px;
}
.zixun .tit a{
	transition: color .8s;
	-webkit-transition: color .8s;
	-moz-transition: color .8s;
	-ms-transition: color .8s;
	-o-transition: color .8s;
}
.zixun .desc{
	background-color: #F9F9F9;
	padding: 40px 66px 52px 20px;
	position: relative;
	left: 20px;
	top: -20px;
}
.zixun .ind_news_bd .ind_border{
	position: absolute;
	left: 20px;
    top: -30px;
	width: 1px;
	height: 106px;
	background-color:#9A9A9A;
}
.zixun .pic {
	width: 100%;
	overflow: hidden;
}
.zixun .pic img{
	width: 100%;
	transition: transform .9s;
	-webkit-transition: transform .9s;
	-moz-transition: transform .9s;
	-ms-transition: transform .9s;
	-o-transition: transform .9s;
}
.zixun .item:hover .pic img{
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
}
.zixun .item{
	margin: 0 10px;
}
.zixun .ind_news_list{
	margin: 0 -10px;
}
.zixun .item:hover .tit a{color: #FA2740;}
.innews-tabslick .slick-dots{bottom: 5px;}
.innews-tabslick .slick-dots li{margin: 0 10px;}
.innews-tabslick .slick-dots li button {width:10px;height:10px;padding:0;background-color: #DEDEDE;}
.innews-tabslick .slick-dots li.slick-active button {background-color:#E60012;}
.innews-tabslick .slick-dots li.slick-active button::after {content:"";position:absolute;left:50%;top:50%;margin-left: -10px;margin-top: -10px;width:18px;height:18px;border:1px solid #E60012;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.innews-tabslick{margin: 0 -17px; display: block!important; height: 0; opacity: 0; visibility: hidden;}
.innews-tabslick.tactive{ height: auto; opacity: 1; visibility: visible; padding-bottom: 50px; transition: opacity .7s; -webkit-transition: opacity .7s; -moz-transition: opacity .7s; -ms-transition: opacity .7s; -o-transition: opacity .7s; }
.zixun .slick-slide{height: auto;}
@media only screen and (max-width: 1499px){
	.zixun .tit{font-size: 18px;}
	.zixun .desc{padding:40px 26px 52px 20px;}
}
@media only screen and (max-width: 1399px){
	.zixun .tit{font-size: 16px;line-height: 28px;}
}

/*首页---优势*/
.inadvantage{height: 800px; background: url(../images/inadvantage-bg.jpg) no-repeat center top;}
.inadvantage .container{padding-top: 83px;}
.inadvantage .sline{width: 2px; height: 634px; background: #fffefe; filter: alpha(opacity=20); opacity: .2; position: absolute; left: 759px; top: 83px;}
.inadvantage .left{width: 546px; float: left; margin-left: 164px; margin-top: 34px;}
.inadvantage .left .title{font-family: "Microsoft Yahei Light"; font-size: 48px; color: #fff; line-height: 1.25;}
.inadvantage .left .title span{font-weight: bold; color: #FA2740;}
.inadvantage .left .line{width: 50px; height: 1px; background: #fffefe; filter: alpha(opacity=40); opacity: .4; margin-top: 24px;}
.inadvantage .left .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; color: #fff; line-height: 1.7; margin-top: 24px;}
.inadvantage .left .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #fff; font-size: 14px; color: #fff; text-align: center; filter: alpha(opacity=80); opacity: .8; margin-top: 36px;}
.inadvantage .left .more:hover{filter: alpha(opacity=100); opacity: 1; background: #FA2740; border-color: #FA2740; color: #fff!important;}
.inadvantage .right{width: 634px; float: right; margin-right: 50px; margin-top: 34px;}
.inadvantage .right li{position: relative; min-height: 72px; padding-left: 120px; margin-bottom: 118px;}
.inadvantage .right li .icon{width: 76px; height: 72px; background: url(../images/icon.png) no-repeat; position: absolute; left: 0; top: 3px; animation: scale 1.5s linear infinite;}
.inadvantage .right li .ico1{background-position: 0 -98px;}
.inadvantage .right li .ico2{background-position: -76px -98px;}
.inadvantage .right li .ico3{background-position: -152px -98px;}
.inadvantage .right li .title{font-size: 30px; font-weight: bold; color: #fff; line-height: 36px;}
.inadvantage .right li .desc{font-family: "Microsoft Yahei Light"; font-size: 16px; color: #fff; line-height: 1.6; margin-top: 12px;}
@keyframes scale{0%,100%{transform: scale(1);}50%{transform: scale(1.03);}}
@media only screen and (max-width: 1549px){
	.inadvantage .sline{left: 532px;}
	.inadvantage .left{width: 490px; margin-left: 0;}
	.inadvantage .left .title{font-size: 42px;}
	.inadvantage .left .desc{font-size: 16px;}
	.inadvantage .right{width: 614px; margin-right: 0;}
	.inadvantage .right li{padding-left: 100px;}
}
/*首页---服务流程*/
.inprocess{height: 300px; background: url(../images/inprocess-bg.jpg) no-repeat center; position: relative; overflow: hidden;}
.inprocess ul{width: 1380px; margin: 0 auto;}
.inprocess li{width: 140px; height: 84px; float: left; margin: 20px 45px 0 45px; padding-top: 20px; position: relative;}
.inprocess li .icon{width: 50px; height: 50px; margin: 0 auto; background: url(../images/process-icon.png) no-repeat; transition: background .5s;}
.inprocess li .ico1{background-position: 0 0;}
.inprocess li .ico2{background-position: -50px 0;}
.inprocess li .ico3{background-position: -100px 0;}
.inprocess li .ico4{background-position: -150px 0;}
.inprocess li .ico5{background-position: -200px 0;}
.inprocess li .ico6{background-position: -250px 0;}
.inprocess li .ico7{background-position: -300px 0;}
.inprocess li .ico8{background-position: -350px 0;}
.inprocess li .ico9{background-position: -400px 0;}
.inprocess li .ico10{background-position: -450px 0;}
.inprocess li .ico11{background-position: -500px 0;}
.inprocess li .ico12{background-position: -550px 0;}
.inprocess li .title{font-family: "Microsoft Yahei Light"; font-size: 14px; color: #fff; text-align: center; margin-top: 10px; transition: color .6s;}
.inprocess li .next{width: 35px; height: 5px; background: url(../images/process-icon.png) no-repeat 0 -100px; animation: bounce-left 1.1s linear infinite; position: absolute; left: -57px; top: 49px;}
@keyframes bounce-left{25%{transform: translateX(10px);}50%,100%{transform: translateX(0);}75%{transform: translateX(-5px);}}
.inprocess li.active .ico1{background-position: 0 -50px;}
.inprocess li.active .ico2{background-position: -50px -50px;}
.inprocess li.active .ico3{background-position: -100px -50px;}
.inprocess li.active .ico4{background-position: -150px -50px;}
.inprocess li.active .ico5{background-position: -200px -50px;}
.inprocess li.active .ico6{background-position: -250px -50px;}
.inprocess li.active .ico7{background-position: -300px -50px;}
.inprocess li.active .ico8{background-position: -350px -50px;}
.inprocess li.active .ico9{background-position: -400px -50px;}
.inprocess li.active .ico10{background-position: -450px -50px;}
.inprocess li.active .ico11{background-position: -500px -50px;}
.inprocess li.active .ico12{background-position: -550px -50px;}
.inprocess li.active .title{color: #FA2740;}
.layer-cesstips i.layui-layer-TipsG{border-left: 0!important; border-top: 8px solid transparent!important; border-bottom: 8px solid transparent!important; border-right: 7px solid #fff!important; top: 22px!important;}
.layer-cesstips i.layui-layer-TipsL{right: -7px!important; border-right: 0!important; border-left: 7px solid #fff!important;}
.layer-cesstips i.layui-layer-TipsR{left: -7px!important; border-left: 0!important; border-right: 7px solid #fff!important;}
.layer-cesstips .layui-layer-content{color: #333!important; padding: 16px 20px 12px 20px!important; border-radius: 10px!important;}
.layer-cesstips .layui-layer-content h2,.layer-cesstips .layui-layer-content p{font-size: 14px; line-height: 26px;}
.layer-cesstips .layui-layer-content h2 span,.layer-cesstips .layui-layer-content p span{color: #666!important;}
@media only screen and (max-width: 1549px){
	.inprocess ul{width: auto; margin: 0 -45px;}
	.inprocess li{width: 125px;}
}
/*首页---服务保障*/
.inguarantee{padding: 68px 0 86px 0; background: #fff; position: relative; overflow: hidden;}
.inguarantee-box{margin-top: 40px;}
.inguarantee-box ul{margin: 0 -15px;}
.inguarantee-box li .item{margin: 0 15px; border: 1px solid #333; padding: 54px 50px 70px 50px; transition: transform .6s;}
.inguarantee-box li .icon{width: 80px; height: 82px; background: url(../images/icon.png) no-repeat; margin: 0 auto; transition: transform .8s;}
.inguarantee-box li .ico1{background-position: 0 -170px;}
.inguarantee-box li .ico2{background-position: -80px -170px;}
.inguarantee-box li .ico3{background-position: -160px -170px;}
.inguarantee-box li .ico4{background-position: -240px -170px;}
.inguarantee-box li .title{font-size: 36px; font-weight: bold; text-align: center; margin-top: 22px;}
.inguarantee-box li .desc{font-size: 18px; line-height: 1.7; text-align: center; margin-top: 34px;}
.inguarantee-box li .item:hover{transform: translateY(-10px);}
.inguarantee-box li .item:hover .icon{transform: scale(1.06);}
@media only screen and (max-width: 1549px){
	.inguarantee-box ul{margin: 0 -8px;}
	.inguarantee-box li .item{margin: 0 8px; padding: 44px 24px 50px 24px;}
	.inguarantee-box li .title{font-size: 30px;}
	.inguarantee-box li .desc{font-size: 16px; margin-top: 24px;}

}
/*首页---技术团队*/
.inteam{height: 850px; color: #fff; background: url(../images/inteam-bg.jpg) no-repeat center #333; background-attachment: fixed; position: relative; overflow: hidden;}
.inteam > .bg{width: 100%; height: 100%; background: #000; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: 0;}
.inteam .intitle{color: #fff; padding-top: 180px;}
.inteam .inname{margin-top: 36px;}
.inteam .inname span{filter: alpha(opacity=60); opacity: .6;}
.inteam .btns{display: block; color: #fff; text-align: center; padding-top: 66px; position: absolute; right: 0; top: 33px;}
.inteam .btns i{display: block; width: 60px; height: 60px; background: url(../images/icon.png) no-repeat -204px 0; position: absolute; left: 50%; top: 0; margin-left: -30px;}
.inteam-desc{width: 700px; font-family: "Microsoft Yahei Light"; font-size: 14px; text-align: center; line-height: 2.15; margin: 24px auto 0;}
.inteam-num{margin-top: 24px; position: relative;}
.inteam-num .bg{width: 100%; height: 100%; background-color: #FA2740; opacity: .8; filter: alpha(opacity=80); position: absolute; left: 0; top: 0; z-index: 1;}
.inteam-num ul{position: relative; z-index: 2;}
.inteam-num li{padding: 76px 0 104px 0; position: relative; font-size: 0; text-align: center;}
.inteam-num li .text{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align: left;}
.inteam-num li .line{width: 1px; height: 120px; background: #fff; filter: alpha(opacity=40); opacity: .4; position: absolute; left: 0; top: 90px;}
.inteam-num li .num{font-size: 30px; color: #fff;}
.inteam-num li .num span{font-family: Arial; font-size: 72px; font-weight: bold;}
.inteam-num li .title{font-size: 18px; margin-top: 12px; line-height: 22px;}
.inteam .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #fff; filter: alpha(opacity=70); opacity: .7; font-size: 14px; color: #fff; text-align: center; margin: 30px auto 0;}
.inteam .more:hover{filter: alpha(opacity=100); opacity: 1; background: #FA2740; border-color: #FA2740; color: #fff!important;}
/*首页---新闻*/
.innews{overflow: hidden; padding: 76px 0;}
.innews ul{margin: 0 -15px;}
.innews li .item{margin: 0 15px;}
.innews li .title{font-family: "Microsoft Yahei Light"; height: 24px; line-height: 24px; font-size: 24px; font-weight: bold; border-left: 4px solid #FA2740; margin-bottom: 22px; padding-left: 12px;}
.innews li .title a{font-family: "Microsoft Yahei"; float: right; margin-right: 4px; font-size: 14px; font-weight: normal; color: #666;}
.innews li .dt{margin-bottom: 16px;}
.innews li .dt a{display: block; padding: 20px 34px 26px 40px; background: #fff; border: 1px solid #ccc;}
.innews li .dt .time{height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; color: #FA2740; transition: color .5s;}
.innews li .dt .line{width: 23px; height: 2px; background: #ccc; margin-left: 14px; margin-top: 10px; transition: background .5s;}
.innews li .dt h3{font-size: 24px; height: 68px; line-height: 34px; overflow: hidden; margin-top: 10px;} 
.innews li .dt .desc{font-family: "Microsoft Yahei Light"; font-size: 14px; height: 72px; line-height: 24px; color: #666; overflow: hidden; transition: color .5s; margin-top: 10px;}
.innews li .dt a:hover{background: #FA2740; border-color: #FA2740; color: #fff!important;}
.innews li .dt a:hover .line{background: #fff;}
.innews li .dt a:hover .time,.innews li .dt a:hover .desc{color: #fff!important;}
.innews li .dt a:hover .time{border-bottom-color: #fff;}
.innews li .dd{height: 48px; line-height: 48px; border-bottom: 1px solid #ccc; padding: 0 4px; margin-top: 6px;}
.innews li .dd .time{float: right; color: #999;}
.innews li .dd h3{height: 40px; line-height: 40px; font-size: 15px; margin-right: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media only screen and (max-width: 1549px){
	.innews ul{margin: 0 -10px;}
	.innews li .item{margin: 0 10px;}
	.innews li .dt a{padding-left: 24px; padding-right: 18px;}
	.innews li .dt h3{font-size: 22px;} 
}
/*内页*/
.main-container{padding-bottom: 60px; background: #fff; position: relative; overflow: hidden;padding-top: 30px;}
.ny-banner{height: 240px; background-repeat: no-repeat; background-position: center; margin-top: 80px; position: relative;}
.ny-banner .text{width: 100%; text-align: center; font-family: "Microsoft Yahei Light"; color: #fff; line-height: 36px; position: absolute; left: 0; top: 50%; margin-top: -45px;}
.ny-banner .text .title{font-size: 48px; line-height: 48px;}
.ny-banner .text .entitle{font-size: 24px; text-transform: uppercase; margin-top: 6px;}
.navigation{height: auto; border-bottom: 1px solid #eee;}
.cream-menu{float: left;}
.cream-menu ul{margin: 0 -8px;}
.cream-menu li{float: left; position: relative; padding: 0 8px;}
.cream-menu li a{display: block; height: 62px; line-height: 62px; font-size: 16px; color: #666; padding: 0 22px; position: relative;}
.cream-menu li span{display: block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -6px;}
.cream-menu li i{display: block; height: 2px; background: #FA2740; position: absolute; left: 50%; right: 50%; bottom: -1px; transition: all 0.3s ease;}
.cream-menu li.active i,.cream-menu li:hover i{left: 8px; right: 8px;}
.cream-menu li.active a,.cream-menu li:hover a{color: #FA2740!important;}
.cream-nav{float: right; height: 62px; line-height: 62px; font-size: 14px; color: #666;}
.cream-nav a{color: #666;}
.cream-nav a:last-child{color: #FA2740;}
/*内页右侧*/
.pull-right{width: 400px; float: right;}
.pull-title{font-size: 18px; border-bottom: 1px solid #eee; color: #000; padding-bottom: 10px;}
.pull-tagslist{position: relative; overflow: hidden; padding: 15px 6px;}
.pull-tagslist a{display: block; float: left; margin: 5px; height: 24px; line-height: 24px; padding: 0 18px; border: 1px solid #ddd; font-size: 14px; color: #999;}
.pull-tagslist a:hover{background-color: #FA2740; border-color: #FA2740; color: #fff!important;}
.pull-problem{margin-top: 14px;}
.pull-problem ul{padding: 15px 14px;}
.pull-problem li{height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; position: relative;}
.pull-problem li a{color: #666; float: left; padding-left: 16px; padding-right: 25px; position: relative;}
.pull-problem li a i{display: block; width: 6px; height: 6px; background: #ccc; border-radius: 50%; position: absolute; left: 0; top: 16px; transition: background .5s;}
.pull-problem li a span{display: block; width: 28px; height: 18px; background: url(../images/icon.png) no-repeat -109px 0; position: absolute; right: 0; top: 9px;}
.pull-problem li a:hover i{background: #FA2740;}
.pull-solution{margin-top: 22px;}
.pull-solution ul{padding: 15px 14px;}
.pull-solution li{height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; position: relative;}
.pull-solution li i{display: block; width: 24px; height: 20px; background: url(../images/icon.png) no-repeat; position: absolute; left: 0; top: 8px;}
.pull-solution li .ico1{background-position: 0 -22px;}
.pull-solution li .ico2{background-position: -24px -22px;}
.pull-solution li .ico3{background-position: -48px -22px;}
.pull-solution li .ico4{background-position: -72px -22px;}
.pull-solution li .ico5{background-position: -96px -22px;}
.pull-solution li .ico6{background-position: -120px -22px;}
.pull-solution li .ico7{background-position: -144px -22px;}
.pull-solution li .ico8{background-position: -168px -22px;}
.pull-solution li a{color: #666; padding-left: 32px;}
@media only screen and (max-width: 1549px){
	.pull-right{width: 320px;}
	.pull-problem li{font-size: 15px;}
	.pull-solution li{font-size: 15px;}
}
/*列表分页*/
.list-page{padding: 26px 0 10px 0; text-align: center; color: #666; overflow: hidden; font-size: 0;}
.list-page .pagination,.list-page .go_page{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.list-page li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 4px; font-size: 14px;}
.list-page a, .list-page .disabled span{display: block; text-align: center; min-width: 28px; height: 38px; line-height: 38px; position: relative; padding: 0 5px; border: 1px solid #666; color: #666; font-size: 14px;}
.list-page a:hover,.list-page li.active span{border: 1px solid #FA2740; background: #FA2740; color: #fff!important;}
.list-page li.disabled span{font-size: 18px;min-width: 38px;}
.list-page li span{display: block; height: 38px; line-height: 38px; min-width: 38px; text-align: center; padding: 0 5px;box-sizing: border-box;}
.list-page .go_page{margin-left: 24px;}
.list-page .go_page span{color: #666; font-size: 14px; float: left; height: 40px; line-height: 40px;}
.list-page input{border: 1px solid #666; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #666; margin: 0 8px; vertical-align: top;}
.list-page a.disabled{cursor: not-allowed;}
.list-page .confirm_jump_page{float: left; width: 40px; height: 30px; line-height: 30px; margin-left: 10px; margin-top: 5px; background: #FA2740; color: #fff; cursor: pointer;}
/*新闻列表*/
.news-container{padding: 30px 0 60px 0;}
.news-search{margin-left: 35px; width: 953px;}
.news-search .form{padding: 0 100px 0 10px; height: 40px; background: #f7f7f7; border-radius: 7px; overflow: hidden; position: relative;}
.news-search .form .input{display: block; width: 100%; height: 40px; line-height: 40px; *line-height: 42px; }
.news-search .form .btns{display: block; width: 90px; height: 40px; background: #FA2740; cursor: pointer; position: absolute; right: 0; top: 0;}
.news-search .form .btns i{display: block; width: 21px; height: 20px; background: url(../images/icon.png) no-repeat -88px 0; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px;}
.news-menu{margin-top: 16px; border-bottom: 1px solid #eee;}
.news-menu ul{margin-left: 32px;}
.news-menu li{float: left; position: relative;}
.news-menu li a{display: block; height: 40px; line-height: 40px; font-size: 14px; color: #666; padding: 0 26px; position: relative;}
.news-menu li span{display: block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -6px;}
.news-menu li i{display: block; height: 2px; background: #FA2740; position: absolute; left: 50%; right: 50%; bottom: -1px; transition: all 0.3s ease;}
.news-menu li.active i,.news-menu li:hover i{left: 4px; right: 4px;}
.news-menu li.active a,.news-menu li:hover a{color: #FA2740!important;}
.news-box{margin-top: 32px;}
.news-left{width: 953px; float: left; margin-left: 35px;}
.list-news ul{overflow: hidden; margin-top: -18px;}
.list-news li{padding-top: 20px; margin-bottom: 20px; overflow: hidden;}
.list-news li .time{width: 70px; float: left; font-family: "Microsoft Yahei Light"; text-align: center;}
.list-news li .time span{display: block; font-size: 48px; line-height: 48px;}
.list-news li .time em{display: block; font-size: 14px; margin-top: 10px;}
.list-news li .text{margin-left: 112px;}
.list-news li .title{font-size: 16px; color: #000; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-news li .title a{color: #000;}
.list-news li .desc{font-size: 14px; color: #666; max-height: 72px; line-height: 24px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 12px;}
.list-news li .tags{margin: 3px 5px -5px -5px; position: relative; overflow: hidden;}
.list-news li .tags a{display: block; float: left; margin: 5px; height: 24px; line-height: 24px; padding: 0 18px; border: 1px solid #ddd; font-size: 14px; color: #999;}
.list-news li .tags a:hover{background-color: #FA2740; border-color: #FA2740; color: #fff!important;}
@media only screen and (max-width: 1549px){
	.news-search{width: 860px; margin-left: 0;}
	.news-menu ul{margin-left: 0;}
	.news-menu li a{padding: 0 21px;}
	.news-left{width: 850px; margin-left: 0;}
	.list-news li .text{margin-left: 100px;}
}
/*新闻底部定制方案*/
.nylonform{background: #FA2740; font-family: "Microsoft Yahei Light"; color: #fff; text-align: center; padding: 76px 0;}
.nylonform .title{font-size: 36px; line-height: 1;}
.nylonform .desc{font-size: 24px; margin-top: 12px;}
.nylonform .btns{display: block; width: 200px; height: 48px; line-height: 48px; background: #fff; margin: 24px auto 0; font-size: 14px;  color: #000; text-align: center;}
/*当前位置*/
.location{height: 63px; line-height: 62px; font-size: 14px; color: #666;}
.location a{color: #666;}
.location a:last-child{color: #FA2740;}
.location .container{border-bottom: 1px solid #eee;}
/*新闻详情*/
.sidebar{margin-top: 20px;}
.sidebar-left{width: 1057px; float: left;}
.sidebar-menu{width: 260px; float: left;}
.sidebar-menu .title{background: #333; color: #fff; text-align: center; padding: 22px 10px;}
.sidebar-menu .title h2{font-size: 18px; line-height: 22px;}
.sidebar-menu .title p{text-transform: capitalize; margin-top: 6px; font-size: 14px; line-height: 18px;}
.sidebar-menu ul{padding-top: 1px;}
.sidebar-menu li{margin-bottom: 1px;}
.sidebar-menu li a{display: block; height: 50px; line-height: 50px; background: #f7f7f7; padding: 0 20px 0 20px; position: relative;}
.sidebar-menu li a i{display: block; width: 7px; height: 11px; background: url(../images/icon.png) no-repeat -150px 0; position: absolute; right: 20px; top: 19px;}
.sidebar-menu li.active a,.sidebar-menu li a:hover{background: #FA2740; color: #fff!important;}
.sidebar-menu li.active a i,.sidebar-menu li a:hover i{background-position: -150px -11px;}
.article{margin-left: 343px; padding-top: 16px;}
.article-title{font-size: 24px; color: #000; line-height: 30px;}
.article-intro{overflow: hidden; margin-top: 14px;}
.article-intro .time{height: 28px; line-height: 28px; float: left; position: relative; padding-left: 26px; color: #c7c7c7;}
.article-intro .time i{display: block; width: 18px; height: 18px; background: url(../images/icon.png) no-repeat 0 -42px; position: absolute; left: 0; top: 5px;}
.article-intro .bdsharebuttonbox{float: right; height: 28px;}
.article-intro .bdsharebuttonbox a{display: block; float: left; width: 28px; height: 28px; transition: all 0s; padding: 0; margin: 0 6px; background: url(../images/icon.png) no-repeat!important; -moz-opacity: 1!important; -khtml-opacity: 1!important; opacity: 1!important;}
.article-intro .bdsharebuttonbox .bshare-qzone{background-position: -18px -42px!important;}
.article-intro .bdsharebuttonbox .bshare-tsina{background-position: -46px -42px!important;}
.article-intro .bdsharebuttonbox .returnlist{background-position: -74px -42px!important;}
.article-intro .bdsharebuttonbox .bshare-weixin{background-position: -102px -42px!important;}
.article-intro .bdsharebuttonbox .bshare-tqq{background-position: -130px -42px!important;}
.article-intro .bdsharebuttonbox .bshare-qzone:hover{background-position: -18px -70px!important;}
.article-intro .bdsharebuttonbox .bshare-tsina:hover{background-position: -46px -70px!important;}
.article-intro .bdsharebuttonbox .returnlist:hover{background-position: -74px -70px!important;}
.article-intro .bdsharebuttonbox .bshare-weixin:hover{background-position: -102px -70px!important;}
.article-intro .bdsharebuttonbox .bshare-tqq:hover{background-position: -130px -70px!important;}
.article-tags{margin: 14px 5px -5px -5px; position: relative; overflow: hidden;}
.article-tags a{display: block; float: left; margin: 5px; height: 24px; line-height: 24px; padding: 0 18px; border: 1px solid #ddd; font-size: 14px; color: #999;}
.article-tags a:hover{background-color: #FA2740; border-color: #FA2740; color: #fff!important;}
.article-body{font-size: 14px; line-height: 28px; color: #555; padding-bottom: 20px; overflow: hidden; margin-top: 30px;}
.article-body img{width: auto !important; height: auto !important;}
.artcile-menu{margin-top: 20px;}
.artcile-menu ul{margin: 0 -6px;}
.artcile-menu li a{display: block; height: 60px; line-height: 60px; background: #f7f7f7; padding: 0 14px; margin: 0 6px; overflow: hidden;}
@media only screen and (max-width: 1549px){
	.sidebar-left{width: 850px;}
	.sidebar-menu{width: 220px;}
	.article{margin-left: 250px;}
}
/*服务项目*/
.serBanner{height: calc(100vh - 80px); background: url(../images/service-bg.jpg) no-repeat center top; margin-top: 80px; text-align: center;}
.serBanner .title{font-family: "Microsoft Yahei Light"; font-size: 60px; font-weight: bold; color: #FA2740; line-height: 1.18; padding-top: 5%;}
.serBanner .name{font-family: "Microsoft Yahei Light"; font-size: 48px; color: #fff; text-align: center; line-height: 1.46;}
.serBanner .info{font-size: 0; text-align: center; margin-top: 30px;}
.serBanner .info li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 15px; font-size: 24px; color: #fff;}
.serBanner .info li i{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 26px; height: 26px; background: url(../images/icon.png) no-repeat 0 -251px; margin-right: 8px; position: relative; top: -2px;}
.serBanner .info li .ico1{background-position: 0 -251px;}
.serBanner .info li .ico2{background-position: -26px -251px;}
.serBanner .info li .ico3{background-position: -52px -251px;}
.serBanner .pic{margin-top: 10px;}
@media only screen and (max-height: 869px){
	.serBanner .title{font-size: 50px; padding-top: 4%;}
	.serBanner .name{font-size: 38px;}
	.serBanner .info li{font-size: 20px;}
	.serBanner .pic img{max-width: 700px;}
}
@media only screen and (max-height: 719px){
	.serBanner .title{font-size: 40px; padding-top: 2%;}
	.serBanner .name{font-size: 28px;}
	.serBanner .info{margin-top: 16px;}
	.serBanner .info li{font-size: 16px;}
	.serBanner .pic img{max-width: 540px;}
}
.list-service ul{background: #fff; position: relative; overflow: hidden;}
.list-service li.bg{width: 50%; height: 100%; position: absolute; left: 0; top: 0;}
.list-service li.bg img{width: 100%; height: 100%;}
.list-service li.pic{width: 50%; float: right;}
.list-service li.pic img{width: 100%;}
.list-service li.mask{width: 588px; height: 100%; padding-left: 100px; font-size: 0; position: absolute; left: 50%; top: 0; margin-left: -760px;}
.list-service li.mask .middle,.list-service li.mask .text{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.list-service li.mask .middle{width: 0; height: 100%;}
.list-service li.mask .text{width: 100%; font-size: 14px; margin-bottom: 24px;}
.list-service li .text .title{font-size: 48px; font-weight: normal; color: #fff;}
.list-service li .text .title b{font-weight: bold; color: #FA2740;}
.list-service li .text .line{width: 50px; height: 1px; background: #fff; filter: alpha(opacity=60); opacity: .6; margin-top: 26px;}
.list-service li .text .desc{font-size: 18px; line-height: 30px; color: #fff; margin-top: 22px;}
.list-service li .text .tags{font-size: 14px; line-height: 24px; color: #fff; margin-top: 20px;}
.list-service li .text .tags span{margin: 0 8px;}
.list-service li .text .more{display: block; width: 140px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; position: relative; margin-top: 34px;}
.list-service li .text .more i{display: block; border: 1px solid #fff; filter: alpha(opacity=60); opacity: .6; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; transition: border .5s,opacity .5s;}
.list-service li .text .more span{position: relative; z-index: 2;}
.list-service li .text .more:hover{background: #FA2740; color: #fff!important;}
.list-service li .text .more:hover i{border-color: #FA2740!important; filter: alpha(opacity=100); opacity: 1;}
.list-service li .text .btns{overflow: hidden; margin-top: 46px;}
.list-service li .text .btns .item{min-width: 80px; float: left; margin-right: 32px; text-align: center;}
.list-service li .text .btns i{display: block; width: 44px; height: 44px; margin: 0 auto; background: url(../images/icon.png) no-repeat 0 -277px;}
.list-service li .text .btns p{margin-top: 12px; color: #fff;}
.list-service .n2 li.pic{float: left;}
.list-service .n2 li.bg{left: auto; right: 0;}
.list-service .n2 li.mask{left: auto; margin-left: 0; padding-left: 0; padding-right: 70px; right: 50%; margin-right: -760px;}
.list-service .s1 li .pic span{display: block; margin-left: -4%;}
.list-service .s1 li .text .title{color: #333;}
.list-service .s1 li .text .line{background: #000;}
.list-service .s1 li .text .desc{color: #333;}
.list-service .s1 li .text .tags{color: #666;}
.list-service .s1 li .text .more{font-family: "Microsoft Yahei Light"; color: #333;}
.list-service .s1 li .text .more i{border-color: #666662;}
.list-service .s1 li .text .btns .ico1{background-position: 0 -277px;}
.list-service .s1 li .text .btns .ico2{background-position: -44px -277px;}
.list-service .s1 li .text .btns .ico3{background-position: -88px -277px;}
.list-service .s1 li .text .btns .ico4{background-position: -132px -277px;}
.list-service .s1 li .text .btns .ico5{background-position: -176px -277px;}
.list-service .s1 li .text .btns p{color: #333;}
.list-service .s2 li .text .title b{color: #fff;}
.list-service .s4 li .text .btns .ico1{background-position: 0 -321px;}
.list-service .s4 li .text .btns .ico2{background-position: -44px -321px;}
.list-service .s4 li .text .btns .ico3{background-position: -88px -321px;}
.list-service .s4 li .text .btns .ico4{background-position: -132px -321px;}
@media only screen and (max-height: 1549px){
	.list-service li.mask{width: 520px; margin-left: -600px; padding-left: 0;}
	.list-service li .text .title{font-size: 40px;}
	.list-service li .text .line{margin-top: 18px;}
	.list-service li .text .desc{font-size: 16px; line-height: 28px; margin-top: 16px;}
	.list-service li .text .tags{font-size: 12px; line-height: 20px;}
	.list-service li .text .more{margin-top: 24px;}
	.list-service li .text .btns{margin-top: 36px;}
	.list-service li .text .btns .item{margin-right: 20px;}
	.list-service .n2 li.mask{padding-right: 0; margin-right: -600px;}
	.list-service li.mask .text{margin-bottom: 10px;}
}
.sercasept40{padding-top: 40px;}
.sercase{padding-bottom: 30px; position: relative; overflow: hidden;}
.sercase ul{margin: -15px; position: relative; overflow: hidden; margin-bottom: 10px !important;}
.sercase li .item{margin: 15px;}
.sercase li .pic{position: relative; overflow: hidden;}
.sercase li .pic img{display: block; width: 100%; height: 240px; transition: transform 1s;}
.sercase li .pic:hover img{transform: scale(1.1);}
.sercase li .text{border: 1px solid #eee; padding: 0 10px; transition: padding-left .5s;}
.sercase li .text .title{height: 40px; line-height: 40px; font-size: 16px; overflow: hidden;}
.sercase li .text .desc{height: 50px; line-height: 50px; font-size: 13px; color: #999; border-top: 1px solid #eee;}
.sercase li .text .desc h4{margin-right: 60px; height: 50px; line-height: 50px; overflow: hidden; font-size: 16px; color: #666; margin-right: 110px;}
.sercase li .text .desc .more{float: right; color: #999;}
.sercase li .item:hover .text{padding-left: 15px}
@media only screen and (max-width: 1549px){
	.sercase ul{margin: -8px;}
	.sercase li .item{margin: 8px;}
	.sercase li .pic img{height: 194px;}
}
.serguarantee{padding-bottom: 40px!important;}
.sernews{padding-top: 30px!important;}
/*案例列表*/
.case-banner{height: 400px!important;}
.list-case{padding: 40px 0;}
.list-case ul{margin: -25px; position: relative; overflow: hidden;}
.list-case li .item{margin: 25px;}
.list-case li .pic{position: relative; overflow: hidden;}
.list-case li .pic img{display: block; width: 100%; height: 318px; transition: transform 1s;}
.list-case li .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .7s,visibility .7s;}
.list-case li .mask .bg{width: 100%; height: 100%; background: #FA2740; filter: alpha(opacity=80); opacity: .8; position: absolute; left: 0; top: 0; z-index: 1;}
.list-case li .masktext{padding: 0 20px; font-family: "Microsoft Yahei Light"; color: #fff; text-align: center; position: absolute; left: 0; right: 0; top: 50%; margin-top: -75px; z-index: 2;}
.list-case li .masktext .title{font-size: 24px; height: 28px; line-height: 28px; overflow: hidden;}
.list-case li .masktext .desc{font-size: 14px; height: 48px; line-height: 24px; overflow: hidden; margin-top: 12px;}
.list-case li .masktext .more{display: block; width: 118px; height: 38px; line-height: 38px; margin: 22px auto 0; border: 1px solid #fff; font-size: 14px; text-align: center; color: #fff; position: relative;}
.list-case li .masktext .more span{position: relative; z-index: 2;}
.list-case li .masktext .more:hover{background: #FA2740; border-color: #FA2740; color: #fff!important;}
.list-case li .pic:hover img{transform: scale(1.1);}
.list-case li .pic:hover .mask{opacity: 1; visibility: visible;}
.list-case li .text{border: 1px solid #eee; padding: 0 20px; transition: padding-left .5s;}
/* .list-case li .text .title{font-family: "Microsoft Yahei Light"; height: 48px; line-height: 48px; font-size: 18px; font-weight: bold; overflow: hidden;} */
.list-case li .text .title{ height: 48px; line-height: 48px; font-size: 18px;  overflow: hidden;}
.list-case li .text .desc{height: 36px; line-height: 36px; font-size: 14px; color: #999; border-top: 1px solid #eee;}
.list-case li .text .desc h4{margin-right: 60px; height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; color: #666; margin-right: 110px;}
.list-case li .text .desc .more{float: right; color: #999;}
.list-case li .item:hover .text{padding-left: 25px}
@media only screen and (max-width: 1549px){
	.list-case ul{margin: -8px;}
	.list-case li .item{margin: 8px;}
	.list-case li .pic img{height: 262px;}
	.list-case li .masktext .title{font-size: 22px; height: 24px; line-height: 24px;}
	.list-case li .masktext .desc{font-size: 13px;}
	.list-case li .masktext .more{margin-top: 16px;}
	.list-case li .text .title{font-size: 16px;}
	.case-banpic{
		height: 500px!important;
		background-size: 1688px;
	}
}
/*案例详情*/
.case-banpic{height: 700px; background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}
/* .casedetails-info{padding: 76px 0 116px 0; position: relative;} */
.casedetails-info{padding: 62px 0 75px 0; position: relative;}
.casedetails-info .bg{width: 50%; height: 100%; background: #fff; position: absolute; left: 0; top: 0;}
.casedetails-info{background: #111;}
.casedetails-info .title{font-family: "Microsoft Yahei Light"; font-size: 30px; line-height: 1.2;}
.casedetails-info .left{width: 42.11%; float: left;}
.casedetails-info .left .desc{line-height: 30px; color: #666; margin-top: 20px;font-size: 18px;}
.casedetails-info .left .desc p{position: relative; padding-left: 24px;line-height: 34px;}
.casedetails-info .left .desc p i{display: block; width: 18px; height: 18px; background: url(../images/icon.png) no-repeat -232px -70px; position: absolute; left: 0; top: 9px;}
.casedetails-info .left .desc p .ico1{background-position: -232px -70px;}
.casedetails-info .left .desc p .ico2{background-position: -232px -88px;}
.casedetails-info .left .desc p .ico3{background-position: -232px -106px;}
.casedetails-info .left .desc p .ico4{background-position: -232px -124px;}
.casedetails-info .bshare-custom{margin-top: 20px;}
.casedetails-info .bshare-custom a{display: block; width: 38px; height: 38px; float: left; transition: all 0s; padding: 0; margin-right: 10px; opacity: 1!important; background: url(../images/icon.png) no-repeat 0 -365px!important;}
.casedetails-info .bshare-custom .bshare-sinaminiblog{background-position: 0 -365px!important;}
.casedetails-info .bshare-custom .bshare-qzone{background-position: -38px -365px!important;}
.casedetails-info .bshare-custom .bshare-qqmb{background-position: -76px -365px!important;}
.casedetails-info .bshare-custom .bshare-weixin{background-position: -114px -365px!important;}
.casedetails-info .bshare-custom .bshare-sinaminiblog:hover{background-position: 0 -403px!important;}
.casedetails-info .bshare-custom .bshare-qzone:hover{background-position: -38px -403px!important;}
.casedetails-info .bshare-custom .bshare-qqmb:hover{background-position: -76px -403px!important;}
.casedetails-info .bshare-custom .bshare-weixin:hover{background-position: -114px -403px!important;}
.casedetails-info .right{width: 42.11%; float: right; margin-right: 2.36%; color: #fff;overflow:hidden;
display:-webkit-box !important;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;}
.casedetails-info .right .line{width: 50px; height: 1px; background: #fffefe; filter: alpha(opacity=40); opacity: .4; margin-top: 20px;}
.casedetails-info .right .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; line-height: 34px; text-align: justify; margin-top: 20px;overflow:hidden;
display:-webkit-box !important;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;}
/* .casedetails-business{background: #FA2740; padding: 78px 0 154px 0; color: #fff;} */
.casedetails-business{background: #FA2740; padding: 62px 0 69px 0; color: #fff;box-sizing: border-box;}
/* .casedetails-business .text{max-width: 714px; margin: 0 auto;} */
.casedetails-business .text{width: 1200px; margin: 0 auto;}
.casedetails-business .title{font-family: "Microsoft Yahei Light"; font-size: 30px; text-align: center;}
.casedetails-business .line{width: 50px; height: 1px; background: #fffefe; filter: alpha(opacity=40); opacity: .4; margin: 24px auto 0;}
.casedetails-business .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; line-height: 34px; text-align: justify; margin-top: 22px; text-align: center;overflow:hidden;
display:-webkit-box !important;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;}
.casedetails-body{padding-top: 80px;}
.casedetails-body img{width: 100%;}
@media only screen and (max-width: 1549px){
	.casedetails-info .right .desc{font-size: 16px; line-height: 30px;}
	.casedetails-business .text{max-width: 640px;}
	.casedetails-business .desc{font-size: 16px; line-height: 30px;}
}



/*关于我们*/
.about-title{font-family: "Microsoft Yahei Light"; font-size: 30px; text-align: center;}
.about-team{height: 800px; background: url(../images/about-teambg.jpg) no-repeat center #111; background-attachment: fixed; color: #fff; position: relative; z-index: 2; overflow: hidden;background-size: cover;}
.about-team .bg{width: 100%; height: 100%; background: #111; filter: alpha(opacity=40); opacity: .4; position: absolute; left: 0; top: 0; z-index: 1;}
.about-team .text{width: 100%; height: 100%; font-size: 0; text-align: center; position: absolute; left: 0; top: 0; z-index: 2;}
.about-team .text .middle,.about-team .text ul{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.about-team .text .middle{width: 0; height: 100%;}
.about-team .text ul{padding-top: 60px;}
.about-team .text li{min-width: 200px; float: left; margin: 0 110px; text-align: left;}
.about-team .text li .num{font-size: 48px; color: #FA2740; line-height: 1;}
.about-team .text li .num span{font-family: "Arial"; font-size: 150px; font-weight: bold;}
.about-team .text li .title{font-size: 24px; color: #FA2740; margin-top: 8px;}
@media only screen and (max-width: 1549px){
	.about-team .text li{margin: 0 60px;}
	.about-team .text li .num{font-size: 38px;}
	.about-team .text li .num span{font-size: 120px;}
	.about-team .text li .title{font-size: 18px;}
}
.about-text{position: relative; overflow: hidden; background: #FA2740;}
.about-text .pic{overflow: hidden;}
.about-text .pic img{width: 100%; transition: transform 1.2s;}
.about-text .pic:hover img{transform: scale(1.1);}
.about-text .text{width: 584px; padding-top: 5%; padding-right: 84px; position: absolute; right: 50%; top: 0; margin-right: -750px;}
.about-text .text .name{font-family: "Microsoft Yahei Light"; font-size: 24px; line-height: 2.5; color: #fff;}
.about-text .text .title{font-family: "Microsoft Yahei Light"; font-size: 48px; line-height: 1.25; color: #fff;}
.about-text .text .line{width: 50px; height: 1px; background: #fffefe; filter: alpha(opacity=40); opacity: .4; margin-top: 20px;}
.about-text .text .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; line-height: 30px; color: #fff; margin-top: 20px;}
.about-text .text .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #fff; color: #fff; font-family: "Microsoft Yahei Light"; text-align: center; margin-top: 46px;}
.about-text .text .more:hover{background: #c00; border-color: #c00; color: #fff!important;}
@media only screen and (max-width: 1549px){
	.about-text .text{width: 520px; padding-top: 3%; padding-right: 30px; margin-right: -600px;}
	.about-text .text .name{font-size: 20px;}
	.about-text .text .title{font-size: 40px;}
	.about-text .text .desc{font-size: 16px;}
}
@media only screen and (max-width: 1399px){
	.about-text .text .more{margin-top: 32px;}
}
.history{padding: 58px 0 76px 0; background: #fff;}
.history-title{font-size: 18px; text-align: center; margin-top: 16px;}
.history-box{position: relative; margin-top: 22px;}
.history-box .line{width: 1px; height: 100%; background: #ccc; position: absolute; left: 50%; top: 0;}
.history-scroll{height: 600px; padding-top: 24px; position: relative; overflow: hidden; max-width: 1262px; margin: 0 auto;}
.history-scroll .radius{width: 15px; height: 15px; background: #fff; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 50%; margin-left: -8px; top: 0;}
.history-scroll ul{margin: 0 14px; overflow: hidden; margin-bottom: 10px;}
.history-scroll li{width: 588px; float: left;}
.history-scroll li .pic{width: 140px; height: 140px; float: left; border-radius: 50%; overflow: hidden;}
.history-scroll li .pic img{width: 140px; height: 140px;}
.history-scroll li .text{padding-left: 220px; text-align: right;}
.history-scroll li .text .time{font-family: "Arial"; font-size: 40px; font-weight: bold; position: relative; line-height: 44px; transition: color .5s;}
.history-scroll li .text .time span{display: block; width: 18px; height: 18px; background: #fff; border: 1px solid #ccc; border-radius: 50%; position: absolute; right: -39px; top: 12px;}
.history-scroll li .text .time span i{display: block; width: 10px; height: 10px; background: #333; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 3px; top: 3px; transition: background .5s;}
.history-scroll li .text .desc{font-size: 18px; margin-top: 6px; line-height: 1.7;}
.history-scroll .n2 li{float: right;}
.history-scroll .n2 li .pic{float: right;}
.history-scroll .n2 li .text{padding-left: 0; padding-right: 220px; text-align: left;}
.history-scroll .n2 li .text .time span{right: auto; left: -39px;}
.history-scroll li:hover .text .time{color: #FA2740;}
.history-scroll li:hover .text .time span i{background: #FA2740;}
.history-box .down{width: 19px; height: 48px; background: url(../images/icon.png) no-repeat -208px -321px #fff; position: absolute; left: 50%; bottom: -20px; margin-left: -9px; animation: bounce-down 1.1s linear infinite;}
@keyframes bounce-down{25%{transform: translateY(10px);}50%,100%{transform: translateY(0);}75%{transform: translateY(-10px);}}
@media only screen and (max-width: 1549px){
	.history-scroll li{width: 558px;}
	.history-scroll li .text .desc{font-size: 16px;}
}
.abtjoinus{background: #111; background-size: auto 100%; position: relative; overflow: hidden;}
.abtjoinus .pic{position: relative; overflow: hidden;}
.abtjoinus .pic img{width: 100%; transition: transform 1.2s;}
.abtjoinus .pic:hover img{transform: scale(1.1);}
.abtjoinus .pic a{display: block; padding-top: 28px; color: #fff; position: absolute; right: 28px; top: 28px;}
.abtjoinus .pic a i{display: block; width: 34px; height: 21px; background: url(../images/icon.png) no-repeat -54px 0; position: absolute; left: 50%; top: 0; margin-left: -17px;}
.abtjoinus .text{width: 636px; padding-top: 5%; position: absolute; left: 50%; top: 0; margin-left: -750px;}
.abtjoinus .text .name{font-family: "Microsoft Yahei Light"; font-size: 24px; line-height: 2.5; color: #fff;}
.abtjoinus .text .title{font-family: "Microsoft Yahei Light"; font-size: 48px; line-height: 1.25; color: #fff;}
.abtjoinus .text .line{width: 50px; height: 1px; background: #fffefe; filter: alpha(opacity=40); opacity: .4; margin-top: 20px;}
.abtjoinus .text .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; min-height: 90px; line-height: 30px; color: #fff; margin-top: 20px;}
.abtjoinus .text .more{display: block; width: 138px; height: 38px; line-height: 38px; border: 1px solid #fff; color: #fff; font-family: "Microsoft Yahei Light"; text-align: center; margin-top: 46px;}
.abtjoinus .text .more:hover{background: #FA2740; border-color: #FA2740; color: #fff!important;}
@media only screen and (max-width: 1549px){
	.abtjoinus .text{width: 570px; padding-top: 3%; margin-left: -600px;}
	.abtjoinus .text .name{font-size: 20px;}
	.abtjoinus .text .title{font-size: 40px;}
	.abtjoinus .text .desc{font-size: 16px;}
}
@media only screen and (max-width: 1399px){
	.abtjoinus .text .more{margin-top: 32px;}
}
.abtteam{padding: 100px 0 10px 0; background: #fff; position: relative; overflow: hidden;}
.abtteam-text{position: relative; overflow: hidden;}
.abtteam-text .pic{width: 98%; position: relative; margin-left: 5px;}
.abtteam-text .pic > img{width: 100%;}
.abtteam-text .pic .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .6s,visibility .6s;}
.abtteam-text .pic .mask img{display: block; width: 100%; height: 100%;}
.abtteam-text .pic:hover .mask{opacity: 1; visibility: visible;}
.abtteam-text .text{width: 620px; position: absolute; left: 50%; top: -10px; margin-left: -750px;}
.abtteam-text .text .name{font-family: "Microsoft Yahei Light"; font-size: 24px; line-height: 1.8;}
.abtteam-text .text .title{font-family: "Microsoft Yahei Light"; font-size: 48px; line-height: 1.25;}
.abtteam-text .text .line{width: 50px; height: 1px; background: #e83f39; margin-top: 20px;}
.abtteam-text .text .desc{font-family: "Microsoft Yahei Light"; font-size: 18px; min-height: 90px; line-height: 30px; margin-top: 20px;}
.abtteam-spic{margin: 10px 5px 0 5px; position: relative;}
.abtteam-spic li .item{position: relative; margin: 0 5px;}
.abtteam-spic li .pic img{width: 100%;}
.abtteam-spic li .mask{width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .6s,visibility .6s;}
.abtteam-spic li .mask img{display: block; width: 100%; height: 100%;}
.abtteam-spic li:hover .mask{opacity: 1; visibility: visible;}
.abtteam-spic ol{position: absolute; left: 0; bottom: 0;}
.abtteam-spic ol li.s1{width: 50%;}
.abtteam-spic ol li.s2{width: 50%; position: absolute; right: 0; bottom: 0;}
.abtteam-spic ul{float: right; margin: }
.about-vr{position: relative; height: 100vh;}
.about-vr .iframe{display: block; width: 100%; height: 100%;}
@media only screen and (max-width: 1549px){
	.abtteam-text .text{width: 546px; margin-left: -600px;}
	.abtteam-text .text .name{font-size: 20px;}
	.abtteam-text .text .title{font-size: 40px;}
	.abtteam-text .text .desc{font-size: 16px;}
	.abtteam-text .pic{width: 98%;}
}
@media only screen and (max-width: 1399px){
	.abtteam-text .pic{width: 95%;}
	.abtteam-spic{margin-top: 20px;}
}
/*联系我们*/
.contact{ position: relative; margin-top: 80px;}
.contact-map{height: 100%; position: relative;}
.contact-map .iframe{width: 100%; height: 100%;}
.contact-map img{max-width: none;}
.contact-text{width: 46.875%; background: #FA2740; font-family: "Microsoft Yahei Light"; color: #fff; position: absolute; right: 0; bottom: 0; z-index: 16;}
.contact-text .text{padding: 60px 0 85px 70px;}
.contact-text .tit1{font-size: 40px;}
.contact-text .tit2{font-size: 72px; font-weight: bold; margin-top: 10px;}
.contact-text ul{margin-top: 14px;}
.contact-text li{min-height: 30px; line-height: 30px; position: relative; padding-left: 40px; font-size: 24px; margin-bottom: 10px;}
.contact-text li .icon{display: block; width: 30px; height: 30px; background: url(../images/icon.png) no-repeat; position: absolute; left: 0; top: 0;}
.contact-text li .ico1{background-position: -234px -321px;}
.contact-text li .ico2{background-position: -234px -351px;}
.contact-text .more{display: block; width: 210px; height: 50px; line-height: 50px; background: #fff; font-size: 18px; color: #FA2740; text-align: center; margin-top: 34px;}
.contact-text .more:hover{transform: translateX(10px); color: #FA2740!important;}
@media only screen and (max-width: 1620px){
	.contact-text .text{padding: 40px 0 65px 50px;}
}
@media only screen and (max-width: 1549px){
	.contact-text .tit1{font-size: 26px;}
	.contact-text .tit2{font-size: 54px;}
	.contact-text li{font-size: 20px;}
}
@media only screen and (max-width: 1399px){
	.contact-text{width: 40%;}
	.contact-text .text{padding: 30px 0 30px 30px;}
	.contact-text .tit1{font-size: 20px;}
	.contact-text .tit2{font-size: 40px;}
	.contact-text li{font-size: 18px;}
	.contact-text .more{width: 180px; height: 40px; line-height: 40px; font-size: 16px; margin-top: 20px;}
}
.pull-links-ibox{
	margin-top: 14px;
}
.pull-links-ibox li{
	margin-bottom: 20px;
}
.pull-links-ibox li a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.pull-links-ibox li img{
	overflow: hidden;
	width: 100%;
	transition: transform 1.1s;
	-webkit-transition: transform 1.1s;
	-moz-transition: transform 1.1s;
	-ms-transition: transform 1.1s;
	-o-transition: transform 1.1s;
}
.pull-links-ibox li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}


.list-service .s4 li .text .btns .ico4{
	background: url(../images/list-service-icon2.png) no-repeat;
	background-position: -280px 0;
}
.list-service .s3 li .text .btns i{
	background: url(../images/list-service-icon2.png) no-repeat;
}
.list-service .s3 li .text .btns .ico1{
	background-position: 4px 0;
}
.list-service .s3 li .text .btns .ico2{
	background-position: -54px 0;
}
.list-service .s3 li .text .btns .ico3{
	background-position: -112px 0;
}
.list-service .s3 li .text .btns .ico4{
	background-position: -168px 0;
}
.list-service .s3 li .text .btns .ico5{
	background-position: -223px 0;
}
.list-service .s2 li .text .btns .item{
	margin-right: 10px;
	min-width: 60px;
}
.list-service .s2 li .text .btns i{
	background: url(../images/list-service-icon3.png) no-repeat;
}
.list-service .s2 li .text .btns .ico1{
	background-position:0 -4px;
}
.list-service .s2 li .text .btns .ico2{
	background-position: -57px -4px;
}
.list-service .s2 li .text .btns .ico3{
	background-position: -112px 0;
}
.list-service .s2 li .text .btns .ico4{
	background-position: -175px 0;
}
.list-service .s2 li .text .btns .ico5{
	background-position: -227px -4px;
}
.list-service .s2 li .text .btns .ico6{
	background-position: -287px 2px;
}
.list-service .s2 li .text .btns .ico7{
	background-position: -348px 2px;
}.yqlj{
	height: 40px;
	line-height: 40px;
}
.yqlj span{
	float: left;
}
.yqlj ul li{
	float: left;
	padding: 0 10px;
}
.sqiao_fixed{
	box-sizing: border-box;
	padding-top: 30px !important;
	width: 161px !important;
}
.sqiao_logo{
	text-align: center;
}


/*********************************** 案例列表详情 start ********************************/
.case_form .tit{font-size: 16px;font-weight: bold;color: #222222;float: left;width: 100px;line-height: 25px;}
.case_form .opt_list{	width: calc(100% - 100px);float: left;}
.opt_box{float: left;margin-right: 15px;margin-top: 6px;margin-bottom: 6px;}
.opt_box input{display: none;} 
.opt_box .lab{display: block;height: 14px;width: 14px;background: url(../images/rad.png) no-repeat;float: left;cursor: pointer;background-size: 100%;}
.opt_box input:checked+.lab{background-position: 0px -18px !important;}
.opt_box .span{height: 25px; line-height: 23px;font-size: 14px;color: #666666;padding-left: 10px;cursor: pointer;position: relative;top: -6px;}

.case_form.s{margin-bottom: 30px;}
.case_form.s .tit{line-height: 40px;}
.case_search{height: 40px;background: #fff;outline: none;float: left;}
.case_search .int{width: 380px;height: 40px;box-sizing: border-box;padding: 0 15px;border: 1px solid #b5b5b5;box-sizing: border-box;float: left;font-size: 14px;color: #999;}
.case_search .btn{height: 40px;width: 70px;background: url(../images/search.png) no-repeat #fa2740;float: left;cursor: pointer;outline: none;background-position: center !important;}

.learn_more{display: block;margin: 0 auto;width: 125px;text-align: center;height: 35px;line-height: 35px;background: #EEEEEE;font-size: 14px;color: #666666;margin-bottom: 20px;}
.learn_more:hover{background: #DD0518;color: #fff !important;}

.case_tj{padding: 50px 0 60px 0;background: #fff;}
.case_tj_tit .tit{float: left;}
.case_tj_tit .case_tj_sel{float: right;}

.case_tj_tit .tit p{font-size: 28px;color: #333;padding-left: 22px;background: url(../images/lx.png) no-repeat;background-position: 0px center;height: 45px;line-height: 45px; display: block;}
.case_tj_tit .tit span{font-size: 16px;color: #777;display: block;padding-top: 4px;}
.case_tj_tit .case_tj_sel a{line-height: 45px;margin: 0 10px;font-size: 15px;font-weight: bold;color: #666666;position: relative;display: inline-block;}
.case_tj_tit .case_tj_sel a+a::after{content: "";display: block;height: 14px;width: 1px;background: #666;position: absolute;top: 16px;left: -11px;}


.case_tj_list_box{}
.case_tj_list{float: left;width: calc(25% - 45px);margin-right: 60px;}
.case_tj_list:nth-of-type(4n){margin-right: 0;}
.case_tj_item{display: block;border-bottom: 1px dashed #cacaca;line-height: 65px;height: 65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left: 27px;position: relative;font-size: 16px;}
.case_tj_item::after{content: "";display: block;height: 5px;width: 5px;border-radius: 100%;background: #b1b1b1;position: absolute;left: 10px;top: 50%;margin-top: -3px;}

.case_banner{position: relative;overflow: hidden;height: 434px;background-position: center !important;background-size: cover !important;}
.case_banner img{width: 1920px;position: relative;left: 50%;transform: translateX(-50%);}
.case_banner .desc{position: absolute;top: 90px;left: 100px;}
.case_banner .desc strong{font-size: 44px;color: #FFFFFF;font-weight: 300;}
.case_banner .desc i{display: block;width: 60px;height: 2px;background: #FFFFFF;margin: 30px 0 35px 0;}
.case_banner .desc p{font-size: 18px;font-weight: 300;color: #FFFFFF;}
.case_banner .desc a{margin-top: 42px;display: block;height: 33px;width: 33px;background: url(../images/link.png) no-repeat;}


.gswz_box{box-sizing: border-box;padding: 0 15px;}
.gswz_info{background: #fff;text-align: center;padding: 45px 0 55px 0;margin: 18px 0 20px 0;}
.gswz_info p{font-size: 24px;font-weight: 400;color: #222222;}
.gswz_info i{display: block;width: 30px;height: 5px;background: #222222;margin: 25px auto 35px auto;}
.gswz_info ul{display: inline-block;}
.gswz_info ul+ul{margin-left: 40px;}
.gswz_info ul li{text-align: left !important;font-size: 16px;color: #222222;line-height: 43px;}
.gswz_info ul li span{color: #757575;}



.gswz_show{position: relative;box-sizing: border-box;padding: 100px 80px 0 220px;width: 100%;}
.gswz_bg{background: url(../images/gswz.jpg) no-repeat;display: block;height: 490px;width: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-position: center !important;background-size: cover !important;background-repeat: no-repeat !important;}
.gswz_left{position: relative;z-index: 99;float: left;box-sizing: border-box;}
.gswz_left p{display: inline-block;font-size: 38px;font-weight: 300;color: #F6F6F6;position: relative;}
.gswz_left p::after{content: "";display: block;background: url(../images/yp.png) no-repeat;height: 31px;width: 31px;position: absolute;right: -46px;top: 0;}
.gswz_left span{font-size: 24px;font-weight: 300;color: #FFFFFF;display: block;padding: 8px 0 35px 0;}
.gswz_left .wz_img{width: 160px;text-align: center;}
.gswz_left .wz_img img{width: 100%;}
.gswz_left i{font-size: 14px;font-weight: 300;color: #FFFFFF;padding-top: 12px;display: block;}
.gswz_right{position: relative;z-index: 99;float: right;}
.gswz_right img{width: 827px;}


.xgt_show{box-sizing: border-box;background: #fff;margin-top: 20px;padding: 50px;}
.xgt_show strong{font-size: 38px;font-weight: 300;color: #212121;display: block;margin-bottom: 50px;}
.xgt_show .img_box img{width: 100%;}

.wz_np{margin-top: 38px;}
.wz_np .np{height: 70px;line-height: 70px;width: calc(50% - 30px);background: #eee;box-sizing: border-box;padding: 0 25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wz_np .np a,.wz_np .np span{font-size: 16px;font-weight: 400;color: #212121;}
.wz_np .np.prev{float: left; margin-right: 60px;}
.wz_np .np.next{float: right;}

.al_tj{margin-top: 60px;}
.tj_al_lb{margin-top: 40px;}
.tj_al_lb .wz_item{width: 100%;margin-right: 0 !important;float: none;}
.tj_al_lb .swiper-container_al {width: 100%;height: 100%;position: relative;overflow: hidden;padding-bottom: 80px;}
.tj_al_lb .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.tj_al_lb .swiper-pagination-bullet{height: 25px;width: 25px;background: #cfcfcf;opacity: 1;transition: .3s;}
.tj_al_lb .swiper-pagination-bullet-active{background: rgb(255,0,0);}
.tj_al_lb .swiper-pagination{bottom: 25px;}













.case_form_box_fd_zw{display: block;height: 0;}
.case_form_box_fd{transition: .5s;}
.case_form_box_fd.active{position: fixed;background: #fff;top: 0px;left: 0;box-sizing: border-box;padding: 20px 0;width: 100%;z-index: 99999;}

/*********************************** 案例列表详情 end ********************************/
/*********************************** sec1 start ********************************/
.sec1{padding-bottom: 65px;}
.ind_tit1{
	margin: 50px 0 30px 0;
}
.ind_tit1 .tit{
	float: left;
}
.ind_tit1 .tit strong{
	font-size: 30px;
	font-weight: bold;
	color: #222222;
}
.ind_tit1 .tit span{
	padding-left: 15px;
	font-size: 16px;
	color: #666;
}
.ind_tit1 .tit span i{
	color: #DD0518;
}
.ind_tit1 .a_wz{
	float: right;
	margin-top: 15px;
}
.ind_tit1 .a_wz a{
	font-size: 14px;
	font-weight: bold;
	color: #DD0518;
	margin: 0 12px;
	position: relative;
	display: inline-block;
}
.ind_tit1 .a_wz a+a::after{
	content: "";
	display: block;
	height: 14px;
	width: 1px;
	background: #DD0518;
	position: absolute;
	top: 3px;
	left: -12px;
}

.wz_sel{
	margin-bottom: 20px;
}
.wz_sel li{
	display: inline-block;	
	margin-right: 40px;
}
.wz_sel li.as{display: none;}
.wz_sel a{
	display: block;
	line-height: 42px;
	font-size: 16px;
	color: #333;
	position: relative;
	transition: 0s !important;
}
.wz_sel a::after{
	content: "";
	/* opacity: 0; */
	/* visibility: hidden; */
	height: 8px;
	width: 9px;
	background: url(../images/sjx.png) no-repeat;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -4.5px;
	transition: 0s !important;
	display: none;
}
.wz_sel li.on a{
	color: #DD0518;
}
.wz_sel li.on a::after{
	/* opacity: 1; */
	/* visibility: visible; */
	display: block;
}
.wz_sel a.more{font-size: 14px;color: #DD0518;display: inline-block;display: none;}
.wz_sel a.more::after{display: none;}


.wz_item{
	width: calc(25% - 27px);
	float: left;
	box-sizing: border-box;
	border: 1px solid #E5E5E5;
	margin-right: 35px;
	margin-bottom: 40px;
	transition: .3s;
}
.wz_item:nth-of-type(4n){
	margin-right: 0;
}
.wz_item .img{overflow: hidden;position: relative;height: 0;padding-bottom: 70%;}
.wz_item .img img{width: 100%;transition: .6s;height: 100%;position: absolute;top: 0;left: 0;object-position: center;object-fit: cover;}
.wz_item .desc{box-sizing: border-box;padding: 0 25px;}
.wz_item .tit{}
.wz_item .tit p{
	font-size: 16px;
	color: #333333;
	line-height: 32px;
	height: 32px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.wz_item .tit span{
	display: block;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	height: 24px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.wz_item .more{
	border-top: 1px solid #e5e5e5;
	margin-top: 8px;
	box-sizing: border-box;
}
.wz_item .more p{
	font-size: 13px;
	color: #999999;
	line-height: 45px;
	height: 45px;
	background: url(../images/right.png) no-repeat;
	background-position: right center !important;
}

.wz_item:hover{
	margin-top: -15px;
	box-shadow: 0px 8px 10px 0px rgba(175, 175, 175, 0.29);
	margin-bottom: 55px;
}
/*********************************** sec1 end ********************************/
.ind_tit{text-align: center;padding: 60px 0 40px 0;}
.ind_tit p{
	font-size: 34px;
	color: #222;
	line-height: 32px;
}
.ind_tit span{
	display: block;
	margin-top: 10px;
	font-size: 16px;
	color: #666666;
	line-height: 29px;
}
.ind_tit span i{color: #DD0518;}
/*********************************** sec4 start ********************************/
.sec4{
	background: url(../images/sec4_bg.jpg) no-repeat fixed;
	min-height: 820px;
	background-position: center !important;
	background-size: cover !important;
	padding: 250px 0;
	box-sizing: border-box;
}
.ab_box{
	box-sizing: border-box;
	padding: 0 30px;
}
.ab_box .a_box{
	float: left;
	width: calc(100% - 800px);
}
.ab_box .a_box strong{
	font-weight: 300;
	font-size: 40px;
	color: #FFFFFF;
	line-height: 51px;
}
.ab_box .a_box .desc{
	margin-top: 55px;
	max-width: 610px;
	/* overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:4;
	height: 142px; */
}
.ab_box .a_box .desc p{
	font-size: 18px;
	color: #EAEAEA;
	line-height: 38px;
}
.ab_box .a_box a{
	font-size: 15px;
	color: #cfcfcf;
	line-height: 38px;
	display: inline-block;
	margin-top: 30px;
}

.ab_box .b_box{
	float: right;
	width: 792px;
}
/*********************************** sec4 end ********************************/






.ind_tit2{
	text-align: center;
	padding: 55px 0 25px 0;
}
.ind_tit2 strong{
	font-weight: 400;
	font-size: 26px;
	color: #222;
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
}
.ind_tit2 strong::after,.ind_tit2 strong::before{
	content: "";
	display: block;
	height: 3px;
	width: 20px;
	background: #DD0518;
	position: absolute;
	top: 50%;
}
.ind_tit2 strong::after{
	left: -35px;
}
.ind_tit2 strong::before{
	right: -35px;
}
.ind_tit2 strong span{
	color: #DD0518;
}
.ind_tit2 p{
	font-size: 16px;
	color: #666666;
	font-weight: 400;
}
/*********************************** sec3 start ********************************/
.sec3{
	background: #f9f9f9;
	padding-bottom: 95px;
}
.ys_item{
	float: left;
	width: calc(16.66% - 15px);
	margin-right: 15px;
	background: #fff;
	padding: 65px 15px 75px 15px;
	box-sizing: border-box;
	text-align: center;
	transition: .3s;
	box-sizing: border-box;
	border-bottom: 5px solid #dcdcdc;
}
.ys_item:nth-of-type(6n){
	margin-right: 0;
}
.ys_item .icon{
	display: block;
	height: 110px;
	width: 155px;
	background: url(../images/ys1.png) no-repeat;
	margin: 0 auto;
	transition: .3s;
}
.ys_item .icon1{background-position: 18px 0px !important;}
.ys_item .icon2{background-position: -264px 0px !important;}
.ys_item .icon3{background-position: -556px 0px !important;}
.ys_item .icon4{background-position: -840px 0px !important;}
.ys_item .icon5{background-position: -1120px 0px !important;}
.ys_item .icon6{background-position: -1412px 0px !important;}


.ys_item strong{
	font-size: 26px;
	color: #222222;
	line-height: 32px;
	font-weight: normal;
	display: block;
	margin: 35px 0 20px 0;
	transition: .3s;
}
.ys_item .desc{
	height: 96px;
}
.ys_item .desc p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	transition: .3s;
}
.ys_item:hover{background: #DD0518;	border-bottom: 5px solid #DD0518;}
.ys_item:hover .icon{background: url(../images/ys2.png) no-repeat;}
.ys_item:hover strong,.ys_item:hover p{color: #fff;}
/*********************************** sec3 end ********************************/

.pagesDiv {clear:both;width:100%;margin:0 auto;line-height:25px;padding:10px 0px 10px 0px;}

.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}

.pages a:link,.pages a:visited {color:#666666;}

.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}

.pages a:hover {background:#FB9007;color:#FFFFFF;border:1px solid #E61636;text-decoration:none;text-align:center;padding:2px 5px;}

.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #E61636;text-align:center;margin:0px 2px;padding:2px 5px;}

.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}

.pagination {text-align:center;}

.pagination li {display:inline-block;color:#333333;height:30px;line-height:30px;margin:0px 5px 0px 0px;vertical-align:middle;}

.pagination li a {float:left;display:block;height:38px;line-height:38px;width:38px;padding:0 10px;font-size:13px;border:1px solid #dddddd;color:#555555;text-decoration:none;box-sizing: border-box;}

.pagination li a:hover {background:#FA2740;color:#ffffff;}

.pagination li a.thisclass {background:#FB9007;color:#ffffff;border:1px solid #E61636;cursor:default;}

.pagination li a.thisclass:hover {background:#FB9007;color:#ffffff;border:1px solid #E61636;cursor:default;}

.pagination li .pageinfo {line-height:21px;padding:12px 10px 12px 16px;color:#999999;}

.pagination li .pageinfo strong {color:#555555;font-weight:normal;}

.pagination table {text-align:center;margin:10px 0px 0px 25%;}

.pagination table td {padding:0px 2px;}

#pages {padding:14px 0 10px;text-align:right;}

#pages a {display:inline-block;height:30px;line-height:30px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;padding:0 14px;}

#pages a.a1 {background:url('../images/pages.png') no-repeat 0 5px;padding:0 5px;}

#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}

#pages span {display:inline-block;height:30px;padding:0 14px;line-height:30px;background:#FF0A04;border:1px solid #FF0A04;color:#ffffff;text-align:center;}

#pages .noPage {display:inline-block;height:22px;line-height:22px;background:url('../images/titlebg.png') repeat-x 0 -55px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}