@charset "UTF-8";
.fleft{float: left;}
.fright{float: right;}

/*------------------------clear--------------------*/
.allline:before, .allline:after,
.container:before, .container:after,
.industorycate:before, .industorycate:after,
.disblock:before, .disblock:after,
.servicecate:before, .servicecate:after{display: table;content: " ";}
.allline:after,
.container:after,
.industorycate:after,
.disblock:after,
.servicecate:after{clear: both;}



/*---------------servicecate-----------------*/

.switch_box { background-color:#fff; padding-top:70px;}
.servicecate{margin: 0 auto;width:100%;font-weight: bold;display:table;}

.servicecate li a { text-align: center;display: block; padding:10px 0px; font-size:16px; font-weight:normal;}
.servicecate li a:hover{ text-align: center; color:#2B489E; background-color:#fff; -webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s}

.servicecate li { padding:25px 0px; display:table-cell; }
.servicecate li .active{ text-align: center; color:#2B489E; background-color:#fff;}

.allline li .li_yy  { width:100%;height:100%;background:rgba(0,0,0,.5); position:absolute;left:0;top:0; -webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s}

.allline li:hover .li_yy{ display:none; -webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s}



.brandlist{/*width: 100%;*/}/*-首页案例宽度--*/
.brandlist .li{background: #ffffff;margin: 0px;padding: 0;-moz-box-box-shadow: 2px 2px 1px RGBa(0,0,0, 0.035);-webkit-box-shadow: 2px 2px 1px RGBa(0,0,0, 0.035);box-shadow: 2px 2px 1px RGBa(0,0,0, 0.035);overflow: hidden;}
.brandlist a{display: block;}
.brandlist img{width: 100%;}
.brandlist .brandinfo { height:50px; width:100%;position: absolute; bottom:0px;color:#f0f0f0; background-color: #2B489E;cursor: pointer;display: none;overflow: hidden;}





.brandlist .brandinfo .biline1 { padding-top: 12px; padding-left: 20px; padding-right: 20px;font-size:16px; position:absolute;}
.brandlist .brandinfo .biline2 { position:absolute;  right:0px; height:20%; background:rgba(0,0,0,0.2); height:50px; width:60px; line-height:60px; text-align:center;}
.brandlist .brandinfo .biline2 img { width:28px; height:17px;}


.brandlist .brandinfo p{padding: 2px 20px;font-size:0.8em;line-height:1.8em;}


/*---------------isotope-----------------*/
.isotope-item{z-index: 2; overflow:hidden;}
.isotope-hidden.isotope-item{pointer-events: none;z-index: 1;}

.isotope,.isotope .isotope-item{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; }

.isotope{-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}

.isotope .isotope-item{-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;-ms-transition-property: -ms-transform, opacity;-o-transition-property: -o-transform, opacity;transition-property: transform, opacity; 

}

.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s;}

.switch { text-align:center; font-family:"宋体";}
.switch h2 { font-size:30px; letter-spacing:3px;}
.switch span { letter-spacing:3px;}

/*index*/
.index-box {
	max-width:1600px;
	margin:auto;
	position:relative;
}
/*index-case*/
.index-case {
	width:100%;
	padding:30px 0 80px;
}
.index-case-title {
	font-size:36px;
	line-height:36px;
	color:#222;
	font-weight:bold;
}
.index-case .mores {
	font-family: 'sheepsansbold';
	font-size:16px;
	line-height:36px;
	color:#000;
	background:url(/template/pc/skin/images/icon21.png) right center no-repeat;
	padding-right:35px;
	display:block;
	position:absolute;
	right:0;
	top:50px;
}
.index-case-menu {
	width:100%;
	display:table;
	margin-top:30px;
}
.index-case-menu li {
	height:28px;
	line-height:28px;
	float:left;
	border:1px solid #666;
	border-radius:14px;
	margin-right:10px;
}
.index-case-menu li:hover {
	border-radius:14px;
	border-color:#222;
}
.index-case-menu li a {
	padding:0 20px;
	display:inline-block;
	font-size:16px;
	border-radius:14px;
	color:#666;
	transition:all ease .3s;
}
.index-case-menu li:hover a {
	background:#222;
	color:#fff;
}
.index-case-menu li.on a {
	background:#222;
	color:#fff;
}
.index-case-list {
	width:100%;
	display:table;
	margin-top:40px;
}
.index-case-list li {
	width: 24%;
	float:left;
	margin-right: 1%;
	margin-bottom:20px;
}
.index-case-list li:nth-child(4n) {
	margin-right:0;
}
.index-case-list li:hover {
	box-shadow:0 0 15px 1px rgba(0,0,0,.1);
}
.index-case-list li .img {
	width:100%;
	overflow:hidden;
}
.index-case-list li .img  img {
    width:100%;
    -moz-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    transition: all 0.5s linear;
}
.index-case-list li:hover .img img {
    -webkit-transform:  scale(1.05) ; 
    -moz-transform: scale(1.05) ; 
    -ms-transform: scale(1.05);     
    -o-transform:  scale(1.05) ; 
    transform:  scale(1.05);
}
.index-case-list li .tbox {
	width:100%;
	box-sizing:border-box;
	border:1px solid #ebebeb;
	border-top:none;
	padding:10px 10px 0;
}
.index-case-list li .tbox .title {
	width:100%;
	position:relative;
	line-height:36px;
}
.index-case-list li .tbox .title .t1 {
	font-size:16px;
	font-weight:bold;
	color:#222;
	white-space: nowrap;
	overflow: hidden;
}
.index-case-list li .tbox .title .t2 {
	font-size:14px;
	color:#666;
}
.index-case-list li .tbox .title .icon {
	position:absolute;
	right:0;
	top:20px;
}
.index-case-list li .tbox .title .icon span {
	display:inline-block;
	width:18px;
	height:16px;
	margin-left:10px;
}
.index-case-list li .tbox .title .icon a {
	display:inline-block;
	width:18px;
	height:16px;
	margin-left:10px;
}
.index-case-list li .tbox .title .icon .icon1 {
	background:url(/template/pc/skin/images/icon17.png) center center no-repeat;
}
.index-case-list li .tbox .title .icon .icon2 {
	background:url(/template/pc/skin/images/icon18.png) center center no-repeat;
}
.index-case-list li .tbox .title .icon .icon3 {
	background:url(/template/pc/skin/images/icon19.png) center center no-repeat;
}
.index-case-list li .tbox .more {
	width:100%;
	border-top:1px solid #e3e3e3;
	margin-top:7px;
	font-size:14px;
	color:#666;
	line-height:36px;
	background:url(/template/pc/skin/images/icon20.png) right center no-repeat;
	transition:all ease .3s;
}
.index-case-list li:hover .tbox .more {
	background:url(/template/pc/skin/images/icon21.png) right center no-repeat;
}



.index-news {
	width:100%;
	background:#f4f4f4;
	overflow:hidden;
	padding-top: 4rem;
}
.index-news-title {
	font-size:36px;
	line-height:1;
	color:#000;
	font-weight:bold;
}
.index-news-more {
	font-family: 'sheepsansbold';
    font-size: 16px;
    line-height: 36px;
    color: #000;
    background: url(/template/pc/skin/images/icon21.png) right center no-repeat;
    padding-right: 35px;
    display: block;
    position: absolute;
    right: 15px;
    top: 30px;
}
.index-news-menu {
	width:100%;
	margin-top:30px;
	display:table;
}
.index-news-menu li {
	float:left;
	margin-right:10px;
}
.index-news-menu li a {
	display:block;
	line-height:26px;
	padding:0 20px;
	border:1px solid #666;
	font-size:14px;
	color:#666;
	border-radius:14px;
	transition:all ease .3s;
}
.index-news-menu li:hover a {
	color:#fff;
	background:#222;
	border-color:#222;
}
.index-news-menu li.on a {
	color:#fff;
	background:#222;
	border-color:#222;
}
.index-news .index-box {
	max-width:1600px;
	overflow:hidden;
	padding:0 5px;
}
.index-news-list {
	width:calc(700% + 70px);
	margin-top:40px;
	display:inline-block;
	left:0;
	position:relative;
	transition:all ease 1s;
}
.index-news-list .lbox {
	width:calc(100% / 7);
	display:inline-block;
	float:left;
	padding-right:10px;
	box-sizing: border-box;
}
.index-news-list .lbox .box1 {
	width:32%;
	margin-right:0.625%;
	float:left;
	transition:all ease .3s;
}
.index-news-list .lbox .box1 a {
	display:inline-block;
	width:100%;
}
.index-news-list .lbox .box1 .img {
	width:100%;
	height:280px;
}
.index-news-list .lbox .box1 .tbox {
	width:100%;
	height:270px;
	box-sizing:border-box;
	background:#fff;
	padding:0 30px;
}
.index-news-list .lbox .box1:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box1 .tbox .time {
	color:#999;
	font-family: 'sheepsansbold';
	font-weight:bold;
	font-size:35px;
	line-height:25px;
	border-bottom:1px solid #dbdbdb;
	padding:22px 0 16px;
	background:url(/template/pc/skin/images/icon20.png) right 54px no-repeat;
	transition:all ease .3s;
}
.index-news-list .lbox .box1 .tbox:hover .time {
	color:#222;
}
.index-news-list .lbox .box1 .tbox .time span {
	font-size:16px;
	line-height:20px;
	font-weight:initial;
	display:block;
}
.index-news-list .lbox .box1 .tbox .titles {
	font-size:16px;
	line-height:36px;
	color:#000;
	margin-top:30px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-news-list .lbox .box1 .tbox .txts {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:14px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-news-list .lbox .box2 {
	width:32%;
	margin-right:0.625%;
	float:left;
}
.index-news-list .lbox .box2 .tbox {
	width:100%;
	height:270px;
	background:#fff;
	box-sizing:border-box;
	padding:0 25px;
	margin-bottom:10px;
	transition:all ease .3s;
}
.index-news-list .lbox .box2 .tbox:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box2 .tbox a {
	display:inline-block;
	width:100%;
}
.index-news-list .lbox .box2 .tbox .time {
	font-size:35px;
	font-weight:bold;
	line-height:25px;
	font-family: 'sheepsansbold';
	color:#999;
	padding:22px 0 15px;
	background:url(/template/pc/skin/images/icon20.png) right 54px no-repeat;
	border-bottom:1px solid #dbdbdb;
	transition:all ease .3s;
}
.index-news-list .lbox .box2 .tbox .time span {
	font-size:16px;
	line-height:20px;
	display:block;
}
.index-news-list .lbox .box2 .tbox:hover .time {
	color:#222;
}
.index-news-list .lbox .box2 .tbox .titles {
	font-size:16px;
	line-height:36px;
	color:#000;
	margin-top:30px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-news-list .lbox .box2 .tbox .txts {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-news-list .lbox .box3 {
	width:34.75%;
	float:left;
}
.index-news-list .lbox .box3 .tbox {
	width:100%;
	height:130px;
	margin-bottom:10px;
	box-sizing:border-box;
	padding:25px;
	background:#fff url(/template/pc/skin/images/icon20.png) 95% 60px no-repeat;
	transition:all ease .3s;
}
.index-news-list .lbox .box3 .tbox:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box3 .tbox a {
	display:inline-block;
}
.index-news-list .lbox .box3 .tbox .time {
	font-size:35px;
	font-weight:bold;
	line-height:25px;
	font-family: 'sheepsansbold';
	color:#999;
	float:left;
	margin-right:30px;
	transition:all ease .3s;
}
.index-news-list .lbox .box3 .tbox:hover .time {
	color:#222;
}
.index-news-list .lbox .box3 .tbox .time span {
	font-size:16px;
	display:block;
	line-height:20px;
}
.index-news-list .lbox .box3 .tbox .titles {
	width:410px;
	float:left;
	font-size:16px;
	line-height:26px;
	color:#000;
	padding-top:10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



@media screen and (max-width:1000px)  {
	
.servicecate li { float: left; padding:5px 0px; width:25% !important;}
.servicecate li a { text-align: center;display: block; padding:12px 0px; font-size:16px; font-weight:normal; background:#e2e2e2; font-size:14px; border-left:2px solid #FFF;}
.servicecate li a:hover { text-align: center; color:#ffffff; background-color:#2B489E;  border-left:2px solid #FFF;}
.servicecate li .active{ text-align: center; color:#fff; background-color:#2B489E;}
}

@media screen and (max-width:900px) {
    #case {padding-bottom:0px;}
    .index-news{padding-top: 2rem;}
	.index-news-menu{
		display: flex;
		overflow-x: scroll;
		white-space: normal;
	}
	.index-news-menu ul{
		display: flex;
		white-space: nowrap;
	}

	.index-news-list .lbox .box1 .tbox{
		height: auto;
	}

	.index-news-list{
	    margin-top: 0px;
	}
	.index-news .mores, .index-news-more {top: 0;line-height: 26px;}
	.index-news-title {font-size: 26px;}
}
@media screen and (max-width:768px) {
.switch h2 { font-size:20px; font-family:"微软雅黑"; letter-spacing:0px; color:#333; font-weight:bold;}
.allline li .li_yy{display:none;}
.allline { padding:10px 0; padding-top:3px;}
.switch_box { margin-top:15px; padding-top:20px; background:#f6f6f6;}

.index-news{padding-top: 30px;}
.index-news .index-box{padding: 0 10px;}
.index-news-title{font-size: 18px;}
.index-news-more{font-size: 14px;right: 20px; top:0px; line-height:26px;}
.index-news-list{margin-top: 10px;}
.index-news-list .lbox .box1{margin-bottom: 10px;}
.index-news-list .lbox .box1,.index-news-list .lbox .box2,.index-news-list .lbox .box3{width: 100%;margin-right: 0;}
.index-news-list .lbox .box1 .tbox{
		display: flex;
		flex-wrap: wrap;
		padding: 17px 15px;
	}
	.index-news-list .lbox .box1 .tbox .time{
		order: 2;
		font-size: 12px;
		font-weight: initial;
		font-family: Arial;
		display: flex;
		background: none;
		line-height: 25px;
		padding: 0;
		border-bottom: none;
	}
	.index-news-list .time{
	    display: none!important;
	}
	.index-news-list .lbox .box1 .tbox .time span{
		font-size: 12px;
		display: inline-block;
		order: -1;
		line-height: 25px;
	}
	.index-news-list .lbox .box1 .tbox .titles{
		order: 1;
		margin-top: 0;
		line-height: 22px;
	}
	.index-news-list .lbox .box1 .tbox .txts{
		order: 3;
		font-size: 12px;
		line-height: 18px;
		margin-top: 4px;
	}

	.index-news-list .lbox .box2 .tbox{
		padding: 17px 15px;
		height: auto;
	}
	.index-news-list .lbox .box2 .tbox a{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.index-news-list .lbox .box2 .tbox .time{
		order: 2;
		font-size: 12px;
		font-weight: initial;
		font-family: Arial;
		display: flex;
		background: none;
		line-height: 25px;
		padding: 0;
		border-bottom: none;
	}
	.index-news-list .lbox .box2 .tbox .time span{
		font-size: 12px;
		display: inline-block;
		order: -1;
		line-height: 25px;
	}
	.index-news-list .lbox .box2 .tbox .titles{
		order: 1;
		margin-top: 0;
		line-height: 22px;
	}
	.index-news-list .lbox .box2 .tbox .txts{
		order: 3;
		font-size: 12px;
		line-height: 18px;
		margin-top: 4px;
	}
	.index-news-list .lbox .box3{
		display: none;
	}

	.index-case-list li{
		width: 100%;
		margin-right: 0;
	}
	.index-case-title{
		font-size: 18px;
	}
	.index-case-list li .tbox{
		padding: 13px;
	}
	.index-case-list li .tbox .title{
		line-height: 18px;
	}
	.index-case-list li .tbox .title .t1{
		font-size: 14px;
	}
	.index-case-list li .tbox .title .t2{
		font-size: 12px;
		margin-top: 6px;
	}
	.index-case-list li .tbox .more{
		display: none;
	}
	.index-data .wrap{
		background: url(/template/pc/skin/images/bimg1.jpg) center top no-repeat;
		background-size: 100% 100%;
	}
	.relevant-case {
		padding: 40px 3%;
	}
	.case-list{
		margin-top: 30px;
	}
    .index-case .mores, .index-news-more{
		right: 20px;
	}
	.index-case .mores, .index-news-more{
		top: 0;
		line-height: 26px;
	}
}



.index-client {
	width:100%;

}
.index-client-box {
	width:100%;
	display:table;
}
.index-client-img {
	width:65%;
	height:635px;
	position:relative;
	float:left;
}
.index-client-img .img {
	position:absolute;
	border-radius:50%;
	overflow:hidden;
	box-shadow:0 0 10px 0 rgba(0,0,0,.1);
	transition:all ease 1.5s;
	left:459px;
	top:328px;
	width:1px;
	height:1px;
	cursor:pointer;
	transform-origin: 50% 50%;
	-ms-transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;

	-moz-transition: all .8s linear;
    -o-transition:  all .8s linear;
    transition: all .8s linear;
}
.index-client-img .img img {
	width:100%;
}
.index-client-img .img10 {
	z-index:2;
}
.index-client-img .img:hover {
	-webkit-transform:  scale(1.5) ; 
    -moz-transform: scale(1.5) ; 
    -ms-transform: scale(1.5);     
    -o-transform:  scale(1.5) ; 
    transform:  scale(1.5);
}
.index-client-img .img6:hover,.index-client-img .img7:hover,.index-client-img .img9:hover,.index-client-img .img11:hover    {
	-webkit-transform:  scale(1.3) ; 
    -moz-transform: scale(1.3) ; 
    -ms-transform: scale(1.3);     
    -o-transform:  scale(1.3) ; 
    transform:  scale(1.3);
}
.index-client-img .img10:hover {
	-webkit-transform:  scale(1.2) ; 
    -moz-transform: scale(1.2) ; 
    -ms-transform: scale(1.2);     
    -o-transform:  scale(1.2) ; 
    transform:  scale(1.2);
}

.index-client.active .index-client-img .img1 {
	left:17px;
	top:87px;
	width:58px;
	height:58px;
}
.index-client.active .index-client-img .img2 {
	left:93px;
	top:174px;
	width:82px;
	height:82px;
}
.index-client.active .index-client-img .img3 {
	left:46px;
	top:317px;
	width:71px;
	height:71px;
}
.index-client.active .index-client-img .img4 {
	left:17px;
	top:487px;
	width:56px;
	height:56px;
}
.index-client.active .index-client-img .img5 {
	left:210px;
	top:75px;
	width:82px;
	height:82px;
}
.index-client.active .index-client-img .img6 {
	left:244px;
	top:200px;
	width:96px;
	height:96px;
}
.index-client.active .index-client-img .img7 {
	left:177px;
	top:337px;
	width:91px;
	height:91px;
}
.index-client.active .index-client-img .img8 {
	left:164px;
	top:484px;
	width:82px;
	height:82px;
}
.index-client.active .index-client-img .img9 {
	left:412px;
	top:112px;
	width:105px;
	height:105px;
}
.index-client.active .index-client-img .img10 {
	left:389px;
	top:261px;
	width:135px;
	height:135px;
}
.index-client.active .index-client-img .img11 {
	left:325px;
	top:418px;
	width:100px;
	height:100px;
}
.index-client.active .index-client-img .img12 {
	left:591px;
	top:80px;
	width:82px;
	height:82px;
}
.index-client.active .index-client-img .img13 {
	left:583px;
	top:255px;
	width:96px;
	height:96px;
}
.index-client.active .index-client-img .img14 {
	left:533px;
	top:409px;
	width:100px;
	height:100px;
}
.index-client.active .index-client-img .img15 {
	left:782px;
	top:100px;
	width:65px;
	height:65px;
}
.index-client.active .index-client-img .img16 {
	left:735px;
	top:222px;
	width:82px;
	height:82px;
}
.index-client.active .index-client-img .img17 {
	left:714px;
	top:374px;
	width:82px;
	height:82px;
}
.index-client.active .index-client-img .img18 {
	left:688px;
	top:518px;
	width:67px;
	height:67px;
}
.index-client.active .index-client-img .img19 {
	left:867px;
	top:333px;
	width:65px;
	height:65px;
}
.index-client.active .index-client-img .img20 {
	left:827px;
	top:490px;
	width:64px;
	height:64px;
}
.index-client-tbox {
	width:35%;
	float:right;
	padding-top:200px;
}
.index-client-tbox .title {
	font-size:36px;
	line-height:36px;
	font-weight:bold;
	color:#000;
	margin-bottom:24px;
}
.index-client-tbox .txt {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-bottom:50px;
}
.index-client-tbox .more {
	font-size:16px;
	line-height:36px;
	padding-right:35px;
	background:url(/template/pc/skin/images/icon21.png) right center no-repeat;
	display:inline-block;
	color:#000;
	font-family: 'sheepsansbold';
}



@media(max-width:1330px) {
	.data-background {
		height:100%;
	}
	header .right-side li {
		margin: 0 13px;
		display: inline-block;
	}

}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes bounce {
	0%,100%,20%,53%,80% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	40%,43% {
		-webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0);
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0);
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0);
	}
}

@keyframes bounce {
	0%,100%,20%,53%,80% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	40%,43% {
		-webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0);
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0);
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0);
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
}

@-webkit-keyframes flash {
	0%,100%,50% {
		opacity: 1;
	}

	25%,75% {
		opacity: 0;
	}
}

@keyframes flash {
	0%,100%,50% {
		opacity: 1;
	}

	25%,75% {
		opacity: 0;
	}
}
.index_section_8_box{
    text-align: center;
    background-size: 68% auto;
    background-position: bottom center;
    
}
.index_section_8_box .index_section_8_img_title{
    width: 100%;
    text-align: center;
    height: 22%;
    margin: 2% 0 0 0;

}

.index_section_8_box .index_section_8_img_title .index_section_8_img_title_text .text_1{
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    letter-spacing: 6px;
    color: #202020;
    font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.index_section_8_box .index_section_8_img_title .index_section_8_img_title_text .text_1 span{
    color: #ff0101;
}
.index_section_8_box .index_section_8_img_title .index_section_8_img_title_text .text_2{
    font-size: 19px;
    line-height: 19px;
    font-weight: 200;
    margin: 16px 0 0 0;
    color: #333;
}
.index_section_8_box .new-content {
    padding-top: 1%;
    margin: 0 73px;
}
.index_section_8_box .new-content-tito{
    border-bottom: 1px solid #BBBBBB; 
    margin-bottom: 6%;
}
.index_section_8_box .new-content .new-content-tito-cen{
    text-align: center;
    border-radius: 0px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    margin: 0 0 0 0;
    padding: 6px 18px;
    float: left; background-color:#2B489E;
}
.index_section_8_box .new-content a{
    display: block;
    font-size: 14px;
    margin-top: 16px;
    color: #000000;
    text-align: left;
    overflow: hidden;

    width: 100%;
}
.index_section_8_box .new-content a:hover{
    color: #2B489E;
}
.index_section_8_box .new-content .new-more{
    width: 96px;
    text-align: left;
    margin-top: 28px;
    background:#2B489E;
    text-align: center;
    color: #fff;
    height: auto;
    padding: 3px 6px;
}
.index_section_8_box .new-content .new-more:hover{
    background: #fff;
    color: #2B489E;
}
.index_section_8_box .new-content .row{
    text-align: center;
}
.index_section_8_box .new-content .row .col-md-3{
    display: inline-table;
    float: none;
    margin: 0 30px;
}

/*.louceng{

	background-image: url(/template/pc/skin/images/index_section_8_bg_v2.png);
	background-repeat: no-repeat;
	background-position: center top;
}*/
.index_section_8_img_title_text{ padding-top:50px; padding-bottom:50px;}
.index_section_8_box .new-content .row .col-md-3{ width:31.333333%; margin-right:0; float:left; margin-left:3%;box-sizing:border-box;}
.index_section_8_box .new-content .row .col-md-3:nth-child(3n+1){ margin-left:0; clear:both;}
.index_section_8_box .index_section_8_img_title .index_section_8_img_title_text .text_2,.switch span{
	text-transform: uppercase;

}
.louceng{ background-color:#f6f6f6; clear:both; padding-bottom:45px; padding-top:45px;}
.louceng .etitle{ padding-bottom:30px;}
.index-client{ padding-bottom:45px; margin-top:45px; clear:both;}

.home_ljie{ margin-top:0;}
.new-content .etitle{ display:none;}


.index-client-tbox{ width:100%; padding-top:30px;}
.index-client-img{ height:auto; width:100%;}

.index-client-img .img{
position:relative; 

}
.index-client-tbox .txt{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-bottom:20px; margin-bottom:0px;
}
.index-client.active .index-client-img .img{  left:auto; top:auto; width:calc(10% - 10px); float:left; height:auto; border-radius:0; margin-left:5px; margin-right:5px; margin-top:10px; margin-bottom:10px;display: flex; justify-content:center; align-items:center;box-shadow:none; background-color:#FFFFFF;	border: 1px solid #dddddd;box-sizing:border-box; overflow:hidden;}
.index-client.active .index-client-img .img img{ display:block;}
.index-client.active .index-client-img .img:hover{ transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);}


@media screen and (max-width:768px)  {
.index_section_8_box .new-content .row .col-md-3{ width:100%; margin-left:auto; margin-right:auto; margin-bottom:20px;}
.index_section_8_box .index_section_8_img_title .index_section_8_img_title_text .text_1{ font-size:30px;}
.index_section_8_box .index_section_8_img_title .index_section_8_img_title_text .text_2{ font-size:14px;}
.switch span{ font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.switch h2{ font-weight:bold; color:#000000;}
.index_section_8_img_title_text{ padding-top:20px; padding-bottom:20px;}
.index-client-tbox{ clear:both; position:relative; padding:0; padding-bottom:20px; padding-top:20px; width:100%;}
.index-client-img{ width:100%; height:auto;}
.index-client-img .img{
position:relative;

}
.index-client .main{box-sizing:border-box;}
.index-client.active .index-client-img .img{  left:auto; top:auto; width:calc(25% - 10px); float:left; height:15vw; border-radius:0; margin-left:5px; margin-right:5px; margin-top:10px; margin-bottom:10px;display: flex; justify-content:center; align-items:center;box-shadow:none; background-color:#FFFFFF;	border: 1px solid #dddddd;box-sizing:border-box; overflow:hidden;}
.index-client.active .index-client-img .img:hover{ transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);}
.index-client-tbox .txt{ margin-bottom:0; text-align:center; max-width:90%; margin:auto; }
.index-client-tbox .title{ text-align:center; font-size:30px;}
.index_section_8_box .new-content{ position:0; margin:auto; overflow:hidden;}
.new-content .etitle{ display:block;}
.new-content .etitle ul{ width:100%; display:table; line-height:45px;}
.new-content .etitle ul li{ display:table-cell; cursor:pointer; }
.new-content .etitle ul li div{ display:block;background-color:#E2E2E2; margin-left:1px; margin-right:1px; color:#333333;}
.new-content .etitle ul li.hover div{background-color:#2B489E; color:#FFFFFF}
.new-content .swiper-slide .new-content-tito{ display:none}

.case .swiper-slide{margin-bottom:30px;}
}




.pagination{ clear:both; text-align:center; padding-top:20px;line-height:35px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li a{ color:#333333}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#2B489E; color:#FFFFFF}
.pagination li.active a{ color:#ffffff;}



.home_d {
  margin-top: 0px;
}

/*一站式服务*/
.yi_bg { margin-top:70px;clear:both;background:url(/template/pc/skin/images/yi_bg.jpg) no-repeat center 0;  background-size:100% 100%; padding-bottom:70px; font-size: 0; overflow: hidden; clear:both;}
.yi_bg .content{ width:1300px; max-width:100%; margin:auto; text-align:center;}

.yi_m {
	 max-width:100%;

	overflow: hidden; margin:auto; display:inline-block;margin-top:35px; 

}
.yi_m .p { width:calc(100% / 7 ); float:left;}
.yi_m .p >div { display: block;max-width:100%;/* float: left;*/ font-size: 18px; color: #333; }
.yi_m .p>div:hover { color: #fff; }
.yi_m .b {
	display: block;
	text-align: center;
/*	overflow: hidden;*/
	display: flex;
	justify-content:center;
	align-items:center;
	height:150px;
	border: 1px solid #000000; font-weight:bold;box-sizing:border-box; padding:10px; position:relative;
}
.yi_m .b:after{ display:none;
	content:'';
	border-width: 10px;
	border-style: solid;
	border-color: rgba(255,255,255,0);
	border-top-color:#2B489E;
	 position:absolute; bottom:-20px; left:50%; margin-left:-10px; z-index:2;
}
.yi_m .span+.b:after{

	border-color: rgba(255,255,255,0);
	border-bottom-color:#2B489E;
	bottom:auto; top:-20px; 
}
.yi_m .b .num{
	font-family: Impact; font-size:28px; font-weight:lighter;
}
.yi_m .span { display: block; font-size: 16px; color: #333;  height: 150px;box-sizing:border-box; padding:5px; text-align: center;  display: flex;
    justify-content:center;
    align-items:center; line-height:1.5; }
.yi_m .p:hover .span { color:#2B489E; }
.yi_m .p:hover .b { color:#ffffff; background-color:#2B489E; }
.yi_m .p:hover .b:after{ display:block;}


/*@media screen and (max-width:768px)  {
.yi_m .p { width:cacl(100% / 4); float:left;}
.yi_m .p:nth-child(4n+1){ clear:both;}

}*/

@media screen and (max-width:768px)  {
.yi_bg{ background-image:none;}

.yi_m .b:after{ 
	border-color: rgba(255,255,255,0);
	border-left-color:#ffffff;
 bottom:auto;top:50%; left:auto; right:-20px; margin-left:auto;display:block;
}

.yi_m .span + .b:after{ 
	border-color: rgba(255,255,255,0);
	border-right-color:#2B489E;
 bottom:auto;top:50%; left:-20px; right:auto; margin-left:auto;display:block;
}
.yi_m .p .b{ color:#ffffff; background-color:#2B489E;border:none;}
.yi_m .p:nth-child(2n+1) .span{ background-color:#f5f5f5; color:#000000}

.yi_m .p { float:left; width:100%;}
.yi_m .b{ width: 192px;float:left;border-color:#999999;}
.yi_m .p >div { width:100%; }
.yi_m .span,.yi_m .b{ float:left;border-color:none;}
.yi_m .span{width:calc(100% - 192px); text-align:left; text-align:left; padding-left:20px; padding-right:20px;  justify-content:left;}
.yi_m {margin-top:15px; 

}
}






#case{  padding-bottom:0px; clear:both;}
.case .swiper-container{ margin:auto;}

.case { background:#373741; overflow:hidden; clear:both; margin-top:35px;}
.case-box{ position:relative}
.case .swiper-container {overflow:hidden;}
.case .swiper-slide {overflow:hidden; background-position:center 0; background-repeat:no-repeat; background-size: cover}
.case .swiper-slide .txt{ float:left; width:40%; color:#fff;}
.case .swiper-slide .txt .box{ width:80%; margin:0 10%; margin-top:50px;}
.case .swiper-slide .txt .box h2{ font-size:30px; font-family:'PingFangSCRegular';height:105px; line-height:105px;}
.case .swiper-slide .txt .box img{ float:left; width:105px;height:105px; background:#f2f2f2; /*border-radius:105px;*/ overflow:hidden; margin-right:20px;}
.case .swiper-slide .txt .box p{ font-size:14px; margin-top:20px; line-height:180%;}
.case .swiper-slide .img{ float:right; width:60%;max-height:400px;}
.case .swiper-slide .img video{width:692px;max-width:100%;height:400px;}
.case .swiper-slide .img img{ display:block; width:100%;}

.case .swiper-button-prev,
.case .swiper-button-next{font-size: 0; width: 1rem; height: 1rem; border-left: 2px solid #fff; border-top: 2px solid #fff; opacity:.7; outline:none;}
.case .swiper-button-next:after,
.case .swiper-button-prev:after{ font-size:0;}
.case .swiper-button-prev{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left:5%; top:90%}
.case .swiper-button-next{-webkit-transform: rotate(-225deg); transform: rotate(-225deg); right:65%; top:90%;}
.case .swiper-button-prev:hover,
.case .swiper-button-next:hover{ opacity:1; border-color:#ff8000}

.case .gallery-top {width: 100%;}
.case .arr{ width:40%; position:absolute; left:0; height:70px; z-index:2;}
.case .gallery-thumbs {width:292px;height: 70px;box-sizing: border-box; z-index:9999; margin-top:-17%;}
.case .gallery-thumbs .swiper-slide {height:70px; position:relative; cursor:pointer}
.case .gallery-thumbs .swiper-slide div{ width:60px; height:60px; margin:auto;  background:#f2f2f2;padding:2px; border:2px solid #373741; border-radius:100%; overflow:hidden;}
.case .gallery-thumbs .swiper-slide img{ display:block; width:100%; height:100%; /*border-radius:100%;*/}
.case .gallery-thumbs .swiper-slide-active div{ border-color:#2B489E;}
@media screen and (max-width:768px) {
.case .swiper-slide .img video{height:auto;}
}
@media screen and (min-width:1920px) {
	.case-box{ max-width:1920px; margin:0 auto}
	.case .swiper-button-prev{ left:8%; top:90%}
	.case .swiper-button-next{ right:68%; top:90%;}
}
@media screen and (max-width:1680px) {
	.case .swiper-button-prev{ left:8%; top:88%}
	.case .swiper-button-next{ right:68%; top:88%;}
}
@media screen and (max-width:1680px) {
	.case .swiper-button-prev{ left:6%; top:90%}
	.case .swiper-button-next{ right:66%; top:90%;}
}
@media screen and (max-width:1280px) {
	.case .swiper-slide .txt .box{ margin-top:20px;}
	.case .swiper-slide .txt .box img{ float:left; width:85px;height:85px; border-radius:85px;}
	.case .swiper-slide .txt .box p{ font-size:12px; margin-top:20px; line-height:180%;}
	.case .gallery-thumbs {margin-top:-19%;}
	.case .swiper-button-prev{ left:3%; top:92%}
	.case .swiper-button-next{ right:62%; top:92%;}
}

.flash img,.plane_banenr img{ width:100%; /*display:none;*/}
.flash img.phone,.plane_banenr img.phone{ display:none;}
.flash { overflow:hidden;--swiper-theme-color:#ffffff;}


.flash .swiper-slide{
	width: 100%;
	padding-top: 81px;
	/*min-height:calc(100vh - 81px);max-height:calc(100vh - 81px);*/
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.flash  .swiper-pagination-bullet{opacity:1;height:10px; width:10px;border-radius:100%;border: 2px solid #ffffff; background-color:rgba(255,255,255,0); position:relative;}
.flash  .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#ffffff;}



/*.flash  .swiper-pagination-bullet{height:5px; width:5px;border-radius:100%;border: 5px solid rgba(0,0,0,0.8); background-color:rgba(0,0,0,0); position:relative;}
.flash  .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#2c479e;background-color:#ffffff;}
.flash  .swiper-pagination-bullet.swiper-pagination-bullet-active:before{content:'';position:absolute;left:-6px;top:-6px;border: 1px solid #ffffff;width:15px;height:15px; border-radius:100%;}
.flash .swiper-button-next:after,.flash  .swiper-rtl .swiper-button-prev:after,.flash .swiper-button-prev:after,.flash .swiper-rtl .swiper-button-next:after {
   background-color:rgba(0,0,0,0.5);
   font-size: 30px;
padding: 10px;
}
*/


   /* .flash  .swiper-slide{
	min-height:0;max-height:100vh;
    } */
    .flash{ position:relative;}
   .flash img,.plane_banenr img{ display:none;}
   .flash  .swiper-slide img.phone,.plane_banenr img.phone{ display:block;} 
   
@media screen and (max-width:1000px)  {
.yi_bg,#case{ margin-top: 30px;}
.louceng,#case{padding-top:0;}
    .allline .all{display:none;}
	#case .swiper-slide .txt{ float: none; width:100%;}
	#case .swiper-slide .txt .box{ width:80%; margin:10% 10% 5% 10%;}
	#case .swiper-slide .txt .box h2{ font-size:1.5rem; height:60px; line-height:60px;}
	#case .swiper-slide .txt .box img{ width:60px;height:60px; border-radius:60px; margin-right:20px;}
	#case .swiper-slide .txt .box p{ font-size:0.8rem; margin-top:20px;}
	#case .swiper-slide .img{ float: none; width:80%; margin:0 10%;}
	
	#case .swiper-button-prev,
	#case .swiper-button-next{ border-width:1px;}
	#case .swiper-button-prev{left:1rem; top:60%}
	#case .swiper-button-next{right:1rem; top:60%;}
	
	#case .arr{ width:100%; position: inherit; left: inherit; height: inherit; display:none;}
	#case .gallery-thumbs {width:80%; margin-top:20px;}
    

}


.index_section_8_box .hc{ min-height:240px;}
.index_section_8_box .new-content .new-content-tito-cen{ font-size:18px;}
.index_section_8_box .new-content a{ font-size:16px;}

.yi_m .b{ color:#2B489E;}
.yi_m .p:hover .span{ font-weight:bold;}

.louceng{ padding-top:4rem;}
@media screen and (max-width:768px)  {
.index-client.active .index-client-img .img { height:calc(25vw - 20px);}
.index-client.active .index-client-img .img img{ display:block;}
.louceng{ padding-top:0px;}
.index-client{  margin-top:20px;}
}