*{

	margin: 0;

	padding: 0;

	box-sizing:border-box;

	-moz-box-sizing:border-box; 

	-webkit-box-sizing:border-box;

}

a{

	text-decoration: none;

	color: #333;

}

li{

	list-style: none;

}

img{

	vertical-align: middle;

	max-width: 100%;
	

}

body{

	width: 100%;

	max-width: 1920px;

	font-size: 14px;

	color: #333;

	overflow: hidden;

	font-family:"微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;

}


/*在线客服*/ 
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#0a395f;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#0a395f;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#0a395f}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e0a395f}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}



/*顶部*/

header{

	width: 100%;

	height: 65px;

	border-bottom: 1px solid rgba(255,255,255,.1);

	position: fixed;

	top: 0;

	left: 0;

	z-index: 9;

}

.header-a{

	width: 65px;

	height: 65px;

	border-right: 1px solid rgba(255,255,255,.1);

	transition: all .3s; 

   -webkit-transition: all .3s;

}

@media (min-width: 768px) {

	.header-a:hover{

	background: #08528d;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

}



.header-a-div{

	width: 25px;

	margin-top:20px;

	margin-left: 20px;

}

.header-a-div div{

	width: 130%;

	height: 3px;

	background: #ff8080;

	margin-bottom: 5.5px;

	transition: all .5s; 

}

.header-a.on .header-a1{

	 -webkit-transform: rotate(44deg);

    -ms-transform: rotate(44deg);

    transform: rotate(44deg);

   transform-origin:0%;

   -ms-transform-origin:0%;

   -webkit-transform-origin:0%;

   -moz-transform-origin:0%;

   transition: all .5s; 

}

.header-a.on .header-a2{

	opacity: 0;

	transition: all .5s; 

}

.header-a.on .header-a3{

	 -webkit-transform: rotate(-44deg);

    -ms-transform: rotate(-44deg);

    transform: rotate(-44deg);

   transform-origin:0%;

   -ms-transform-origin:0%;

   -webkit-transform-origin:0%;

   -moz-transform-origin:0%;

   transition: all .5s; 

}

.logo{

	width: 113px;

	line-height: 65px;

	margin-left: 25px;

}

.header-b{

	width: 65px;

	font-size: 15px;

	text-align: center;

	line-height: 65px;

	color: #fff;

	border-left: 1px solid rgba(255,255,255,.1);

}

.header-b .img2{

	display: none;

}

.header-c{

	width: 70px;

	height: 100%;

	background: #19224e url(../images/ico01.png) no-repeat center;

	border-left: 1px solid rgba(255,255,255,.1);

}

.header-d a{

	display: inline-block;

	font-size: 15px;

	color: #000;

	line-height: 65px;

	margin-right: 45px;

}

.header-e{

	width: 100%;

	height: 395px;

	background: rgba(10,57,95,.9);

	position: fixed;

	top: 65px;

	left: 0;

	padding-top: 90px;

	display: none;

}

.header-e1{

	width: 755px;

	margin: 0 auto;

	height: 85px;

	padding: 25px 0;

	border-bottom: 1px solid rgba(255,255,255,.1);

	position: relative;

}

.header-e1 .int1{

	width: 100%;

	height: 35px;

	line-height: 35px;

	border: none;

	background: none;

	border-left: 2px solid rgba(255,255,255,.2);

	padding: 0 30px;

	padding-right: 80px;

	font-size: 30px;

	color: #fff;

}

.header-e1 .int2{

	width: 70px;

	height: 35px;

	background: url(../images/ico42.png) no-repeat center;

	position: absolute;

	top: 25px;

	right: 0;

	border: none;

}

.header-e2{

	width: 755px;

	margin: 0 auto;

	margin-top: 20px;

	font-size: 14px;

	color: rgba(255,255,255,.5);

	line-height: 30px;

}

.header-e2 a{

	color: #fff;

	font-size: 16px;

	margin-left: 15px;

}

.header-e3{

	width: 30px;

	height: 30px;

	position: absolute;

	bottom: 80px;

	left: 50%;

	margin-left: -15px;

	background: url(../images/ico43.png) no-repeat center;

	cursor: pointer;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.header-e3:hover{

	-webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    transition: all .3s; 

   -webkit-transition: all .3s;

}

.header-f{

	position: fixed;

	width: 310px;

	height: calc(100% - 65px);

	top: 65px;

	left: 0;

	background: rgba(10,57,95,.9);

	display: none;

}

.header-f1{

	width: 100%;

}

.header-f1-a{

	display: block;

	width: 100%;

	height: 70px;

	border-bottom: 1px solid rgba(255,255,255,.1);

	font-size: 16px;

	color: #fff;

	padding-left: 60px;

	padding-right: 40px;

	line-height: 70px;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.header-f1-a1{

	display: block;

	width: 100%;

	height: 70px;

	font-size: 16px;

	color: #fff;

	line-height: 70px;

	background: url(../images/ico44s.png) no-repeat right center;

	transition: all .3s; 

   -webkit-transition: all .3s;

   cursor: pointer;

	

}

.header-f1-a:hover{

	background: #08528d;

	color: #fff;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.header-f1-a:hover .header-f1-a1{

	color: #fff;

	background: url(../images/ico44.png) no-repeat right center;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.header-f1-a2{

	width: 400px;

	height: calc(100% - 65px);

	position: fixed;

	top: 65px;

	left: 310px;

	background: rgba(8,82,141,.95);

	padding: 0 50px;

	padding-top: 50px;

	

	display: none;

}

.header-f1-a2 div{

	width: 100%;

	margin: 0 auto;

}

.header-f1-a2 div a{

	display: block;

	width: 100%;

	border-bottom: 1px solid rgba(255,255,255,.1);

	font-size: 18px;

	color: #fff;

	line-height: 30px;

	padding: 22.5px 10px;

	/*padding-right: 60px;*/

	position: relative;

	

}

.header-f1-a2 div a img{

	width: 40px;

	height: 40px;

	position: absolute;

	top: 17.5px;

	right: 20px;

	display: none;

}







.header-f2{

	width: 100%;

	padding: 0 30px;

	position: absolute;

	left: 0;

	bottom: 50px;

	font-size: 14px;

	color: #ccc;

	line-height: 25px;

	text-align: center;

}

.header-f2 div{

	margin-top: 5px;

}

.header-f2 div:first-child{

	width: 70px;

	height: 1px;

	background: rgba(255,255,255,.2);

	margin: 0 auto;

	margin-bottom: 25px;

}



.header-k3{

	display: none !important;

}

.header-k1 span{

	float: right;

}

.header-k2{

	display: none;

}

.header-k2 a{

	font-size: 16px !important;

	padding-left: 15px !important;

}





header.on{

	background: #fff;

	border-bottom: 1px solid rgba(0,0,0,.1);

}

header.on *{

	/*color: #1974bc;*/
	color: #000;

}

header.on .header-c{

	background-image: url(../images/ico46.png);

	background-color: #f2f2f2;

}

header.on .header-b .img2{

	display: inline-block;

}

header.on .header-b .img1{

	display: none;

}

header.on .header-a-div div{

	background-color: #ff8080;

}

header.on .header-a{

	border-right: 1px solid rgba(0,0,0,.1);

}

header.on .header-a:hover .header-a-div div{

	background: #fff;

}

header.on .header-f *{

	color: #fff;

}

header.on .header-f2 div{

	color: #ccc !important;

}





@media (max-width: 1200px) {

	.header-d a{

		margin-right: 30px;

	}

}

@media (max-width: 1024px) {

	.header-k1{

		display: none !important;

	}

	.header-k3{

		display: block !important;

	}

	.header-k3 span{

		float: right;

	}

}

@media (max-width: 1023px) {

	.header-d{

		display: none;

	}

	.header-e1{

		width: 600px;

	}

	.header-e2{

		width: 600px;

	}

	.header-f1-a2{

		width: 450px;

		padding-left:30px ;

		padding-right: 30px;

	}

	.header-f1-a2 div{

		width: 100%;

	}

}

@media (max-width: 767px) {
	
	.side { display:none}

	body{

		padding-top: .95rem;

	}

	header{

		height: .95rem;

		padding: 0 .4rem;

		background: #fff;

	}

	.header-b{

		width: .6rem;

		margin-right: .3rem;

		font-size: .24rem;

		line-height: 1rem;

		color: #1974bc;

	}

	.header-b img{

		display: none !important;

	}

	.header-c{

		display: none;

	}

	.header-a{

		height: .95rem;

		width: .65rem;

		border: none;

		float: right;

	}

	.header-a-div{

		width: .65rem;

		height: .65rem;

		border-radius: 100%;

		box-shadow: 0 0 10px #eee;

		margin: 0;

		margin-top: .15rem;

		padding-top: .18rem;

		padding-left: .15rem;

	}

	.header-a-div div{

		width: .35rem;

		height: .05rem;

		background: #1974bc !important;

		margin-bottom: .075rem;

	}

	.header-a.on .header-a-div{

		padding-left: .2rem;

	}

	.logo{

		height: .95rem;

		margin: 0;

		line-height: .95rem;

	}

	.logo img{

		width: 1.75rem;

	}

	.header-f{

		top: .95rem;

		width: 3rem;

	}

	.header-f1-a{

		height: 1rem;

		padding: 0 .3rem;

		font-size: .28rem;

		line-height: 1rem;

	}

	.header-f1-a1{

		height: 1rem;

		font-size: .28rem;

		line-height: 1rem;

	}

	.header-f2{

		padding: 0 .3rem;

		font-size: .24rem;

		line-height: .45rem;

		bottom: .6rem;

		text-align: left;

	}

	.header-f2 span{

		display: block;

	}

	header.on .header-a{

		border: none;

	}

	.header-f{

		height: calc(100% - .95rem);

	}

	.header-f1-a2{

		width: 4.5rem;

		left: 3rem;

		height: calc(100% - .95rem);

		top: .95rem;

		padding: 1rem .3rem;

	}

	.header-f1-a2 div a{

		font-size: .24rem;

		line-height: .45rem;

		padding: .3rem 0;

	}

	.header-f1-a2 div{

		width: 100%;

	}

	.header-f1-a2 div a img{

		width: .5rem;

		height: .5rem;

		top: .35rem;

		right: 0;

	}

	

	.header-k2 a{

		font-size: .24rem !important;

		

	}

}







/*底部*/

footer{

	border-top: 1px solid rgba(0,0,0,.1);

	

}

.footer-a{

	max-width: 1500px;

	padding:50px;

	overflow: hidden;

	margin: 0 auto;

}

.footer-a1{

	width: 14.285%;

	float: left;

	text-align: center;

	padding: 0 20px;

}

.footer-a1-a{

	display: block;

	font-size: 16px;

	color: #333;

	font-weight: bold;

	line-height: 25px;

	padding-bottom: 12px;

	position: relative;

	margin-bottom: 15px;

	

}

.footer-a1-a span{

	width: 25px;

	height: 2px;

	background: rgba(0,0,0,.2);

	display: block;

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -12.5px;

}

.footer-a1-b{

	display: block;

	font-size: 16px;

	color: #666;

	line-height: 25px;

	width: 100%;

	float: left;

	margin: 10px 0;

}

.footer-b{

	background: #0a395f;

}

.footer-b .w1680{

	position: relative;

}

.footer-b1{

	padding-top: 50px;

	padding-bottom: 25px;

	border-bottom: 1px solid rgba(255,255,255,.1);

	text-align: center;

}

.footer-b1 div{

	display: inline-block;

	width: 120px;

	margin: 0 12px;

	font-size: 16px;

	color: #fff;

	line-height: 45px;

}

.footer-b2{

	font-size: 14px;

	color: #ccc;

	text-align: center;

	margin-top: 30px;

	line-height: 25px;

}

.footer-b3{

	font-size: 12px;

	text-align: center;

	color: rgba(255,255,255,.5);

	line-height: 1;

	margin-top: 18px;

	padding-bottom: 65px;

}

.footer-b3 span{

	margin-left: 5px;

	padding-left: 5px;

	border-left: 1px solid rgba(255,255,255,.1);

}

.footer-b3 .sp1{

	color: #999;

}

.footer-b3 .sp1 a{

	color: #999;

}

.footer-b3 .sp1 a:hover{

	color: #fff;

}

.footer-b3 div{

	display: inline-block;

}

.footer-b3 div:first-child{

	margin-right: 10px;

}

.footer-b4{

	width: 50px;

	height: 50px;

	background: #0065b5 url(../images/ico16.png)no-repeat center 18px;

	position: absolute;

	top: 85px;

	right: 50px;

	text-align: center;

	font-size: 12px;

	color: #fff;

	line-height: 30px;

	padding-top: 15px;

	cursor: pointer;

}





@media  (max-width: 1300px) {

	.footer-a1-a{

		font-size: 14px;

	}

	.footer-a1-b{

		font-size: 12px;

	}

}

@media  (max-width: 1023px) {

	.footer-a{

		display: none;

	}

	.footer-b3 div{

		display: block;

		margin-bottom: 10px;

	}

	.footer-b3 div:first-child{

		margin-right: 0;

	}

	.footer-b3 span{

		margin-left: 0;

		padding-left: 0;

		border: none;

	}

}

@media  (max-width: 767px) {

	.footer-b1{

		padding-top: .8rem;

		padding-bottom: .3rem;

	}

	.footer-b1 div{

		width: 2rem;

		margin: 0 .15rem;

		font-size: .24rem;

		line-height: .8rem;

	}

	.footer-b4{

		width: .8rem;

		height: .8rem;

		top: .4rem;

		right: .4rem;

		background-position-y: .15rem;

		padding-top: .15rem;

	}

	.footer-b2{

		font-size: .26rem;

		line-height: .45rem;

		margin-top: .45rem;

	}

	.footer-b3{

		font-size: .24rem;

		padding-bottom: .6rem;

	}

}













/*公用*/

.bj-f9f9f9{

	background: #f9f9f9;

}

.w1680{

	max-width: 1780px;

	padding: 0 50px;

	margin: 0 auto;

}







.ad{

	height: 800px;

    position: relative;

}

.ad .bgimg{

	width: 100%;

	height: 100%;

	background: no-repeat center;

	background-size: cover;

}

.ad-txt1{

	padding-top: 335px;

	font-size: 48px;

	color: #fff;

	line-height: 1;

	font-weight: bold;

	text-align: center;

}

.ad-txt2{

	padding-top: 40px;

	font-size: 18px;

	color: #fff;

	line-height: 25px;

	text-align: center;

}

.ad-mb{

	position: absolute;

	width: 60px;

	left: 50%;

	bottom: 50px;

	font-size: 12px;

	color: rgba(255,255,255,.5);

	line-height: 30px;

	text-align: center;

	margin-left: -30px;

	cursor: pointer;

}





.page{

	height: 40px;

	text-align: center;

}

.page a{

	display: inline-block;

	width: 40px;

	height: 40px;

	border: 1px solid rgba(0,0,0,.1);

	text-align: center;

	line-height: 38px;

	font-size: 16px;

	font-family: arial;

	color: #666;

	margin: 0 2px;

}


.page a.active{

	background: #194698;

	border-color: #194698;

	color: #fff;

}









@media (max-width: 1440px) {

	.ad{

		height: 650px;

	}

	.ad-txt1{

		padding-top: 260px;

	}

}

@media (max-width: 1023px) {

	.ad{

		height: 500px;

	}

	.ad-txt1{

		padding-top: 200px;

	}

	.ad-mb{

		bottom: 30px;

	}

	.solution-c{

		

	}

}

@media (max-width: 767px) {

	.w1680{

		padding: 0 .4rem;

	}

	

	.ad{

		height: 6rem;

	}

	.ad-txt1{

		padding-top: 2rem;

		font-size: .48rem;

	}

	.ad-txt2{

		font-size: .28rem;

		line-height: .45rem;

		padding-top: .3rem;

	}

	.ad-mb{

		bottom: .3rem;

		font-size: .24rem;

		line-height: .45rem;

		

	}

	.ad-mb img{

		width: .3rem;

	}

	

	

	.page{

		height: .45rem;

		line-height: .45rem;

	}

	.page a{

		font-size: .24rem;

		width: .45rem;

		line-height: .45rem;

		height: .45rem;

		margin: 0 .01rem;

	}

	.page .prev{

		background-size: .15rem;

	}

	.page .next{

		background-size: .15rem;

	}

	

}









/*首页*/

.ibanner{

	height: 750px;

}

.ibanner .swiper-slide{

	background: no-repeat center;

	background-size: cover;

}

.ibanner .swiper-slide video{

	position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    background-color: #000;

}

.ibanner-a{

	text-align: center;

	font-size: 48px;

	line-height: 55px;

	color: #fff;

	padding-top: 315px;

}

.ibanner-b{

	text-align: center;

	font-size: 48px;

	line-height: 55px;

	color: #fff;

	padding-top: 45px;

}

.ibanner-span span{

	background: none;

	border: 1px solid #fff;

	opacity: 1;

}

.ibanner-span .swiper-pagination-bullet-active{

	background: #fff;

}

.ibanner-m{

	display: none;

}



.ibanner .w1680{

	position: relative;

	z-index: 3;

}

.ibanner-sp{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	

}

.ibanner-sp1,.ibanner-sp2,.ibanner-sp3{

	display: block;

	width: 35px;

	height: 35px;

	background: url(../images/ico47.png) no-repeat center;

	background-size: cover;

	position: absolute;

	top: 50%;

	left: 50%;

}

.ibanner-sp4,.ibanner-sp5,.ibanner-sp6,.ibanner-sp7{

	

	display: block;

	width: 40px;

	height: 40px;

	background: url(../images/ico48.png) no-repeat center;

	background-size: cover;

	position: absolute;

	top: 50%;

	left: 50%;

}

.ibanner-sp1{

	margin-left: -240px;

    margin-top: -200px;

}

.ibanner-sp2{

	width: 45px;

	height: 45px;

	margin-left: -340px;

    margin-top: 340px;

}

.ibanner-sp3{

	width: 45px;

	height: 45px;

	margin-left: 340px;

    margin-top: 300px;

}

.ibanner-sp4{

	margin-left: -140px;

    margin-top: -100px;

    opacity: .5;

}

.ibanner-sp5{

	width: 70px;

	height: 70px;

	margin-left: 85px;

    margin-top: -40px;

}

.ibanner-sp6{

	width: 60px;

	height: 60px;

 margin-left: -40px;

    margin-top: 140px;

}

.ibanner-sp7{

	    margin-left: 200px;

    margin-top: 120px;

    width: 55px;

    height: 55px;

}

.span-xy{

	-webkit-animation: span-xy 100s linear infinite;

    animation: span-xy 100s linear infinite;

}

@keyframes span-xy {

  0% {

  	

  	transform: scale(1);

  	opacity: 1;

  }

 

  50% {

  	transform: scale(.4);

  	opacity: .3;

  }

  100% {

  	

  	transform: scale(1);

  	opacity: 1;

  }

 }

@-webkit-keyframes span-xy {

  0% {

  	

  	transform: scale(1);

  	opacity: 1;

  }

 

  100% {

  	transform: scale(.4);

  	opacity: .3;

  }

  100% {

  	

  	transform: scale(1);

  	opacity: 1;

  }

 }







.iservice{

	background: #f4fafe;

	padding-top: 85px;

	padding-bottom: 135px;

}

.iservice-a{

	text-align: center;

	font-size: 48px;

	line-height: 1;

	color: #333;

}


.iservice-aaa{

	text-align: center;

	font-size: 48px;

	line-height: 1;

	color: #FF8080;

}



.iservice-b{

	text-align: center;

	font-size: 18px;

	line-height: 30px;

	margin-top: 15px;

	color: #454545;

}

.iservice-c{

	width: calc(100% + 20px);

	margin-left: -10px;

	margin-top: 65px;

	overflow: hidden;

	padding: 10px;

	

}

.iservice-c1{

	display: block;

	width: 480px;

	height: 145px;

	background: #fff;

	box-shadow: 0 0 15px #ccc;

	padding-left: 135px;

	padding-right: 55px;

	padding-top: 30px;

	position: relative;

	float: left;

	margin-top: 20px;

	cursor: pointer;

}

.iservice-c1-a{

	font-size: 24px;

	color: #333;

	line-height: 30px;

	/*height: 25px;*/

	padding-top: 20px;

	/*overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;*/

}

.iservice-c1-b{

	margin-top: 10px;

	font-size: 14px;

	color: #999;

	line-height: 25px;

	height: 50px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}

.iservice-c1 img{

	position: absolute;

	top:40px;

	left: 40px;

}

.iservice-c1 .img2{

	display: none;

}





.iservice-c1:hover .iservice-c1-a{

	color: #1874bc;

}

.iservice-c1:hover .img1{

	display: none;

}

.iservice-c1:hover .img2{

	display: block;

}



.iservice-c2{

	width: calc(100% - 500px);

	float: right;

}

.iservice-c2 a{

	display: block;

	width: calc(50% - 25px);

	height: 90px;

	margin-bottom: 10px;

	border-right: 1px solid rgba(0,0,0,.1);

	padding: 15px;

	float: left;

	margin-left: 25px;

	cursor: pointer;

}



.iservice-c2-a{

	width: 60px;

	height: 60px;

	border: 1px solid rgba(0,0,0,.1);

	text-align: center;

	line-height: 60px;

	float: left;

}

.iservice-c2-a .img2{

	display: none;

}

.iservice-c2-b{

	width: calc(100% - 80px);

	float: right;

	font-size: 18px;

	color: #333;

	height: 20px;

	line-height: 20px;

	margin-top: 5px;

	padding-right: 20px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

}

.iservice-c2-c{

	width: calc(100% - 80px);

	float: right;

	font-size: 14px;

	color: #999;

	height: 25px;

	margin-top: 5px;

	line-height: 25px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

}

.iservice-c2 a:hover{

	background: #fff;

	box-shadow: 0 0 15px #ccc;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.iservice-c2 a:hover *{

	color: #0065b5;

}

.iservice-c2 a:hover .iservice-c2-a .img1{

	display: none;

}

.iservice-c2 a:hover .iservice-c2-a .img2{

	display: inline-block;

}





.iwisdom{

	height: 780px;

	background: no-repeat left center;

}

.iwisdom-a{

	width: 32.7%;

	float: left;

	padding-right: 30px;

}

.iwisdom-a1{

	font-size: 48px;

	color: #fff;

	line-height: 1;

	padding-top: 100px;

}

.iwisdom-a2{

	font-size: 18px;

	line-height: 25px;

	color: #fff;

	padding-top: 35px;

}

.iwisdom-b{

	width: 67.3%;

	height: 780px;

	float: right;

	position: relative;

}

.iwisdom-swiper{

	height: 100%;

}

.iwisdom-swiper .swiper-slide{

	height: 100%;

	background: no-repeat center;

	background-size: cover;

	padding: 0 4%;

	text-align: center;

}

.iwisdom-b1{

	font-size: 28px;

	line-height: 35px;

	color: #fff;

	padding-top: 260px;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.iwisdom-b2{

	font-size: 14px;

	line-height: 25px;

	color: rgba(255,255,255,.5);

	padding-top: 15px;

	font-family: arial;	

}

.iwisdom-b3{

	height: 80px;

	margin-top: 85px;

	text-align: center;

}

.iwisdom-b3 img{

	max-height: 100%;

}

.iwisdom-b4{

	font-size: 16px;

	line-height: 28px;

	color: #fff;

	margin-top: 55px;

	display: none;

}

.iwisdom-b5{

	width: 55px;

	height: 55px;

	text-align: center;

	line-height: 55px;

	border: 1px solid rgba(255,255,255,.1);

	position: absolute;

	bottom: 120px;

	left: 50%;

	margin-left: -22.5px;

	z-index: 2;

	display: none;

}

.iwisdom-b1,.iwisdom-b2,.iwisdom-b3,.iwisdom-b4{

	position: relative;

	z-index: 2;

}

.iwisdom-b6{

	width: 100%;

	height: 0;

	position: absolute;

	top: 0;

	left: 0;

	background: url(../images/ico11.png) no-repeat center;

	background-size: cover;

	transition: all .3s; 

   -webkit-transition: all .3s;

	

}

@media  (min-width: 768px) {

	.iwisdom-swiper .swiper-slide:hover .iwisdom-b6{

		height: 100%;

		transition: all .3s; 

	   -webkit-transition: all .3s;

	}

	.iwisdom-swiper .swiper-slide:hover .iwisdom-b3{

		display: none;

	}

	.iwisdom-swiper .swiper-slide:hover .iwisdom-b4{

		display: block;

	}

	.iwisdom-swiper .swiper-slide:hover .iwisdom-b5{

		display: block;

	}

	.iwisdom-swiper .swiper-slide:hover .iwisdom-b1{

		padding-top: 180px;

		transition: all .3s; 

	   -webkit-transition: all .3s;

	}

}



.iwisdom-lt{

	width: 65px;

	height: 65px;

	background: #0a395f url(../images/ico09.png) no-repeat center;

	position: absolute;

	left: -65px;

	bottom: 0;

	z-index: 5;

	opacity: 1;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.iwisdom-lt:hover{

	opacity: .8;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.iwisdom-rt{

	width: 65px;

	height: 65px;

	background: #2fb08a url(../images/ico10.png) no-repeat center;

	position: absolute;

	left: 0px;

	bottom: 0;

	z-index: 5;

	opacity: 1;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.iwisdom-rt:hover{

	opacity: .8;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

 .ix_lich{padding: 5px 0px;}
.csyl h2{font-size: 22px;color: #0d5ba4;}
.csyl span{font-size: 16px;color: #454545;display: inline-block;margin-top: 5px;margin-bottom: 10px;}
.csyl  p{font-size: 14px;color: #454545;}
.csyl{margin-top: 70px;}

.lcso{background: url(../images/xt.png) no-repeat center center;height: 360px;background-size: cover;position: relative;}
.lspc ul li{position: absolute;text-align: center;width: 230px;transition:all 0.5s ease;}
.lspc ul li p{font-size: 14px;margin: 10px;transition:all 0.5s ease;}
.lspc ul li span{font-size: 20px;color: #454545;}
.lspc1{top: 68%;left: -3%;}
.lspc2{top: 39%;left: 9%;}
.lspc3{top: 53%;left: 23%;}
.lspc4{top: 20%;left: 36%;}
.lspc5{top: 53%;left: 50%;}
.lspc6{left: 63%;top: 25%;}
.lspc7{top: 42%;
right: 5%;}
.lspc8{ right: -4%;top: -5%;}
.lspc1:hover{transform:translateY(20px);}
.lspc2:hover{transform:translateY(-20px);}
.lspc3:hover{transform:translateY(20px);}
.lspc4:hover{transform:translateY(-20px);}
.lspc5:hover{transform:translateY(20px);}
.lspc6:hover{transform:translateY(-20px);}
.lspc7:hover{transform:translateY(20px);}
.lspc8:hover{transform:translateY(-20px);}
.lspc ul li:hover p{text-shadow:5px 5px 5px #ccc;}

.ipro{

	background: #f9f9f9;

	padding-top: 20px;

	padding-bottom: 40px;

	position: relative;

}

.iproa{

	background: #4491c4;

	padding-top: 100px;

	padding-bottom: 100px;

	position: relative;

}

.ipro-a{

	position: relative;

	z-index: 3;

	margin-top: 20px;

}

.ipro-swiper{

	width: calc(100% + 20px);

	margin-left: -10px;

	padding: 10px;

}

.ipro-swiper .swiper-slide{

	height: 320px;

	box-shadow: 0 0 10px #ccc;

	background: #fff;

	text-align: center;

	padding: 0 3.5%;

}

.ipro-a1{

	font-size: 24px;

	color: #333;

	line-height: 30px;

	padding-top: 55px;

}

.ipro-a2{

	font-size: 14px;

	color: #666;

	font-family: arial;

	line-height: 25px;

	padding-top: 5px;

}

.ipro-a3{

	font-size: 16px;

	color: #999;

	height: 90px;

	font-family: arial;

	line-height: 30px;

	margin-top: 20px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 3;

-webkit-box-orient: vertical;



   display: none;

}

.ipro-a4{

	margin-top: 25px;

	text-align: center;
	
	border:solid 1px grey;
	
	border-color:#c0c0c0;

}

.ipro-b{

	width: 100%;

	height: 245px;

	background: #fff;

	position: absolute;

	left: 0;

	bottom: 0;

}

.ipro-lt{

	width: 20px;

	height: 40px;

	background-image: url(../images/ico13.png);

	background-size: 19px 39px;

	left: -40px;

}

.ipro-rt{

	width: 20px;

	height: 40px;

	background-image: url(../images/ico14.png);

	background-size: 19px 39px;

	right: -40px;

}



.icases{

	height: 797px;

	background: no-repeat center;

	background-size: cover;

	position: relative;

}

.icases-a{

	display: block;

	width: 100%;

	max-width: 960px;

	height: 260px;

	background: url(../images/img08.jpg) no-repeat center;

	position: absolute;

	bottom: 0;

	right: 0;

	padding: 60px 120px 0 105px;

}

.icases-a *{

	color: #fff;

	text-align: left;

}

.icases-c{

	position: absolute;

	right: 65px;

	top: 110px;

}



.iabout{

	height: 959px;

	background: no-repeat center;

	background-size: cover;

	background-image: url(../images/img09.jpg);

	position: relative;

	overflow: hidden;

}

.iabout-cont{

	max-width: 1300px;

	padding: 0 110px;

	padding-top: 155px;

	text-align: left;

}

.iabout-cont *{

	text-align: left;

}

.iabout-a{

	font-size: 16px;

	color: #666;

	line-height: 35px;

	margin-top: 40px;

}

.iabout-b{

	display: block;

	width: 140px;

	height: 40px;

	border: 1px solid #0065b5;

	border-radius: 20px;

	font-size: 16px;

	color: #0065b5;

	line-height: 38px;

	text-align: center;

	margin-top: 40px;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.iabout-b:hover{

	background: #0065b5;

	color: #fff;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.iabout .w1680{

	position: relative;

	z-index: 3;

}

.iabout-img{

	position: absolute;

	width: 100%;

	height: 100%;

	top:0;

	left: 0;

	z-index: 2;

}

.iabout-img div{

	position: absolute;

	top: 50%;

	left: 50%;

	overflow: hidden;



}

.iabout-img1{

	margin-top: 40px;

    margin-left: 270px;

    width: 350px;

    height: 545px;

    opacity: .5;

}

.iabout-img2{

	margin-top: 260px;

    margin-left: 540px;

    width: 200px;

    height: 311px;

    opacity: .5;

}

.iabout-img3{

	margin-top: 400px;

    margin-left: 740px;

    width: 100px;

    opacity: .5;

    height: 155px;

}

/*.iabout-img div img{

	display: none;

}*/

.iabout-img div{

	

	height: 0;

}

.iabout-img1.on{

	height: 545px;

	transition: all 1.5s; 

   -webkit-transition: all 1.5s;

}

.iabout-img2.on{

	height: 311px;

	transition: all 1.2s; 

   -webkit-transition: all 1.2s;

}

.iabout-img3.on{

	height: 155px;

	transition: all .8s; 

   -webkit-transition: all .8s;

}





.iwisdom-m{

	display: none;

}





@media (max-width: 1450px) {

	.ibanner{

		height: 800px;

	}

	.ibanner-a{

		padding-top: 260px;

	}

	.icases{

		height: 650px;

	}

	.iwisdom-b1{

		font-size: 24px;

	}

}

@media (max-width: 1200px) {

	.iservice-c2 a{

		width: 100%;

		margin-left: 0;

	}

	.iwisdom-b1{

		padding-top: 200px;

	}

	.iwisdom-b5{

		bottom: 80px;

	}

}

@media (max-width: 1023px) {

	.iwisdom-a1{

		font-size: 40px;

	}

	.iwisdom .w1680{

		padding-right: 0;

		padding-left: 30px;

	}

	.iservice-c2{

		width: 100%;

		margin-top: 20px;

	}

	.iservice-c1{

		width: 100%;

	}

	.iservice-c2 a{

		border-right: none;

		border-bottom: 1px solid rgba(0,0,0,.1);

	}

	.iabout-cont{

		padding-left: 0;

		padding-right: 0;

	}

}

@media (max-width: 767px) {

	.ibanner-pc{

		display: none;

	}

	.ibanner-m{

		display: block;

		height: 7.5rem;

		background-size: cover;

	}

	.ibanner-a{

		padding-top: 1.8rem;

		font-size: .36rem;

		line-height: .5rem;

	}

	.ibanner-b{

		padding-top: .25rem;

		font-size: .36rem;

		line-height: .5rem;

	}

	.iservice{

		padding-top: .8rem;

		padding-bottom: .8rem;

	}

	.iservice-a{

		font-size: .4rem;

		font-weight: bold;

	}
	
	.iservice-aaa{

		font-size: .4rem;

		font-weight: bold;

	}

	.iservice-b{

		font-size: .28rem;

	    line-height: .45rem;

	    margin-top: .3rem;

	    padding: 0 .6rem;

	}

	.iservice-c{

		margin-top: 0rem;

	}

	.iservice-c1{

		margin-top: .3rem;

		height: 1.6rem;

		padding-left: 1.9rem;

		padding-right: .9rem;

		padding-top: .2rem;

	}

	.iservice-c1-a{

		font-size: .3rem;

		height: .35rem;

		line-height: .35rem;

		font-weight: bold;

	}

	.iservice-c1-b{

		font-size: .26rem;

		line-height: .4rem;

		height: .8rem;

		margin-top: .1rem;

	}

	.iservice-c1 img{

		width: .7rem;

		height: .7rem;

		top: .4rem;

		left: .5rem;

	}

	.iservice-c2{

		margin-top: .2rem;

	}

	.iservice-c2 a{

		padding: .15rem 0;

		height: auto;

	}

	.iservice-c2-a{

		width: .8rem;

		height: .8rem;

		line-height: .5rem;

		padding: .1rem;

	}

	.iservice-c2-b{

		width: calc(100% - 1.2rem);

		font-size: .3rem;

		line-height: .35rem;

		height: .35rem;

		font-weight: bold;

		margin: 0;

	}

	.iservice-c2-c{

		width: calc(100% - 1.2rem);

		font-size: .26rem;

		line-height: .4rem;

		height: .4rem;

		margin: 0;

	}

	.ipro{

		padding-top: .7rem;

		padding-bottom: .9rem;

	}

	.ipro-swiper .swiper-slide{

		height: 4rem;

		padding: 0 .4rem;

	}

	.ipro-b{

		height: 2.45rem;

	}

	.ipro-a{

		width: 6.7rem;

		padding: 0 .65rem;

	}

	.ipro-lt{

		width: .3rem;

		height: .6rem;

		background-size: cover;

		left: -0rem;

	}

	.ipro-rt{

		width: .3rem;

		height: .6rem;

		background-size: cover;

		right: -0rem;

	}

	.ipro-a1{

		font-size: .3rem;

		font-weight: bold;

		line-height: .4rem;

		padding-top: .6rem;

	}

	.ipro-a2{

		font-size: .24rem;

		line-height: .4rem;

		padding-top: .1rem;

	}

	.ipro-a3{

		font-size: .24rem;

		line-height: .4rem;

		height: 1.2rem;

		margin-top: .3rem;

	}

	.ipro-a4{

		height: 1.5rem;

		margin-top: .5rem;
		

	}

	.ipro-a4 img{

		max-height: 100%;

	}

	.icases{

		height: auto;

		padding-top: 5.5rem;

		background-size: 200% 5.5rem;

		background-position-y: top;

	}

	.icases .iservice-b{

		padding: 0;

	}

	.icases-a{

		position: relative;

		height: auto;

		padding-left: .55rem;

		padding-right: 1.23rem;

		padding-top: .3rem;

		padding-bottom: .3rem;

	}

	.iservice-a{

		font-size: .4rem;

	}
	
	.iservice-aaa{

		font-size: .4rem;

	}

	.icases-c{

		width: .55rem;

		height: .55rem;

		right: .6rem;

		top: 50%;

		margin-top: -.225rem;

	}

	/*.icases .iservice-b{

		font-size: .24rem;

		margin-top: .15rem;

	}*/

	.iabout{

		background-image: url(../images/img28.jpg);

		height: 8rem;

	}

	.iabout-cont{

		padding-top: .7rem;

	}

	.iabout-cont .iservice-b{

		padding: 0;

	}

	.iabout-a{

		display: none;

		font-size: .26rem;

		line-height: .45rem;

		margin-top: .3rem;

	}

	.iabout-b{

		width: 2rem;

		height: .5rem;

		border-radius: .25rem;

		margin-top: .6rem;

		font-size: .24rem;

		line-height: .5rem;

	}

	.iwisdom-pc{

		display: none;

	}

	.iwisdom-m{

		display: block;

	}

	.iwisdom-a{

		width: 100%;

		height: 2.1rem;

		background: no-repeat center;

		background: none !important;

		color: #333;

		padding: 0 .4rem;

		text-align: center;

	}

	.iwisdom .w1680{

		padding: 0;

	}

	.iwisdom-a1{

		padding-top: .55rem;

		font-size: .4rem;

		line-height: .5rem;

		font-weight: bold;

		color: #333;

	}

	.iwisdom-a2{

		font-size: .28rem;

		line-height: .45rem;

		padding-top: .25rem;

		color: #999;

	}

	.iwisdom-b{

		width: 100%;

		height: 7.35rem;

	}

	

	.iwisdom-swiper .swiper-slide{

		padding: 0 1rem;

	}

	.iwisdom-rt{

		width: .65rem;

		height: .65rem;

		right: 0;

		left: auto;

		top: 50%;

		margin-top: -.325rem;

		background-size: .1rem;

	}

	.iwisdom-lt{

		width: .65rem;

		height: .65rem;

		left: 0;

		top: 50%;

		margin-top: -.325rem;

		background-size: .1rem;

	}

	.iwisdom-b1{

		padding-top: 1.3rem;

		font-size: .34rem;

		line-height: .5rem;

	}

	.iwisdom-b3{

		display: none !important;

	}

	.iwisdom-b4,.iwisdom-b5{

		display: block !important;

	}

	.iwisdom-b2{

		font-size: .24rem;

		line-height: .4rem;

		padding-top: .1rem;

	}

	.iwisdom-b4{

		font-size: .28rem;

		line-height: .45rem;

		margin-top: .3rem;

	}

	.iwisdom-b5{

		width: .8rem;

		height: .8rem;

		bottom: 1.4rem;

		margin-left: -.4rem;

		line-height: .8rem;

		border-color: ;

	}

	.iwisdom-b6{

		height: 100%;

	}

	.iwisdom{

		height: 9.45rem;

	}

}













/* 一体化服务*/

.solution{

	padding: 70px 0;

}

.solution-a{

	font-size: 48px;

	color: #333;

	text-align: center;

	line-height: 60px;

}

.solution-b{

	font-size: 18px;

	color: #999;

	line-height: 25px;

	text-align: center;

	margin-top: 40px;

}

.solution-c{

	

	background: no-repeat center;

	background-size: cover;

	margin-top: 70px;

}

.solution-c-m{

	display: none;

}

.solution-c1{

	width: 50%;

	height: 100%;

	float: right;

	background: no-repeat left center;

	background-size: cover;

	padding:75px;

}

.solution-c1 div{

	font-size: 18px;

	color: #fff;

	line-height: 35px;

	max-width: 580px;

}



.solution-d{

	max-width: 1320px;

	margin: 0 auto;

	margin-top: 55px;

	position: relative;

}

.solution-swiper{

	width: calc(100% + 20px);

	margin-left: -10px;

	padding: 10px;

}

.solution-swiper .swiper-slide{

	background: #fff;

	box-shadow: 0 0 15px #ccc;

}

.solution-d1 img{

	width: 100%;

}

.solution-d2{

	height: 270px;

	padding: 0 20px;

	text-align: center;

}

.solution-d2-a{

	font-size: 24px;

	line-height: 28px;

	color: #333;

	padding-top: 45px;

}

.solution-d2-b{

	font-size: 16px;

	color: #666;

	line-height: 25px;

	padding-top: 25px;

	margin-bottom: 40px;

}

.solution-d2-c{

	height: 40px;

	text-align: center;

}

.solution-d2-c img{

	max-height: 100%;

}

.solution-d2-d{

	width: 170px;

	height: 40px;

	border: 1px solid rgba(255,255,255,.1);

	font-size: 14px;

	color: #fff;

	line-height: 38px;

	margin: 0 auto;

	display: none;

}

@media  (min-width: 1025px) {

	.solution-swiper .swiper-slide:hover .solution-d2{

		background: url(../images/img14.jpg) no-repeat center;

		background-size: cover;

		transition: all .3s; 

	   -webkit-transition: all .3s;

	}

	.solution-swiper .swiper-slide:hover .solution-d2 *{

		color: #fff;

		transition: all .3s; 

	   -webkit-transition: all .3s;

	}

	.solution-swiper .swiper-slide:hover .solution-d2-c{

		display: none;

	}

	.solution-swiper .swiper-slide:hover .solution-d2-d{

		display: block;

	}

}



.solution-lt{

	width: 19px;

	height: 39px;

	background-image: url(../images/ico13.png);

	background-size:cover;

	left: -35px;

}

.solution-rt{

	width: 19px;

	height: 39px;

	background-image: url(../images/ico14.png);

	background-size:cover;

	right: -35px;

}





.services{

	padding-top: 85px;

	padding-bottom: 80px;

}

.services-a{

	font-size: 48px;

	line-height: 60px;

	text-align: center;

}

.services-b{

	font-size: 18px;

	color: #999;

	line-height: 25px;

	margin-top: 40px;

	text-align: center;

}

.services-c{

	margin-top: 65px;

}

.services-c-m{

	display: none;

}

.services-d{

	margin-top: 15px;

	position: relative;

}

.services-swiper{

	width: calc(100% + 20px);

	margin-left: -10px;

	padding: 10px;

}

.services-swiper .swiper-slide{

	box-shadow: 0 0 10px #999;

	background: no-repeat center;

	background-size: cover;

	height: 260px;

	overflow: hidden;

}

.services-lt{

	width: 19px;

	height: 39px;

	background-image: url(../images/ico13.png);

	background-size:cover;

	left: -35px;

}

.services-rt{

	width: 19px;

	height: 39px;

	background-image: url(../images/ico14.png);

	background-size:cover;

	right: -35px;

}

.services-d1{

	text-align: center;

	padding: 0 20px;

	opacity: 1;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.services-d1-a{

	font-size: 24px;

	color: #fff;

	padding-top: 90px;

	line-height: 30px;

}

.services-d1-b{

	height: 45px;

	margin-top: 10px;

}

.services-d1-b img{

	max-height: 100%;

}

.services-d2{

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../images/ico21.png) no-repeat center;

	background-size: cover;

	text-align: center;

	padding: 0 20px;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.services-d2-a{

	font-size: 24px;

	line-height: 30px;

	padding-top: 60px;

	color: #fff;

}

.services-d2-b{

	font-size: 16px;

	line-height: 25px;

	padding-top: 15px;

	color: #fff;

}

.services-d2-c{

	width: 165px;

	height: 40px;

	border: 1px solid rgba(255,255,255,.1);

	font-size: 14px;

	color: #fff;

	line-height: 38px;

	margin: 0 auto;

	margin-top: 25px;

}

.services-span{

	display: none;

}



@media  (min-width: 1025px) {

	.services-swiper .swiper-slide:hover .services-d1{

		opacity: 0;

		transition: all .3s; 

	   -webkit-transition: all .3s;

	}

	.services-swiper .swiper-slide:hover .services-d2{

		top: 0;

		transition: all .3s; 

	   -webkit-transition: all .3s;

	}

}





@media (max-width: 1023px) {

	

	.solution-c1{

		padding: 30px;

	}

}

@media (max-width: 767px) {

	.solution{

		padding: .7rem 0;

	}

	.solution-a{

		font-size: .48rem;

		font-weight: bold;

		line-height: .6rem;

	}

	.solution-b{

		font-size: .28rem;

		line-height: .45rem;

		margin-top: .3rem;

	}

	.solution-c{

		

		margin-top: .4rem;

		height: auto;

	}

	.solution-c-m{

		display: block;

	}

	.solution-c-pc{

		display: none;

	}

	.solution-c1{

		width: 60%;

		padding: .3rem;

	}

	.solution-c1 div{

		font-size: .26rem;

		line-height: .45rem;

	}

	.solution-d{

		margin-top: .4rem;

	}

	.solution-d2{

		height: 4rem;

		padding: .5rem .2rem;

	}

	.solution-d2-a{

		font-size: .36rem;

		line-height: .45rem;

		padding-top: .2rem;

		font-weight: bold;

	}

	.solution-d2-b{

		font-size: .26rem;

		line-height: .45rem;

		padding-top: .3rem;

		margin-bottom: .3rem;

	}

	.solution-d2-c{

		height: .6rem;

	}

	.solution-lt{

		width: .4rem;

		height: .8rem;

		left: .1rem;

		margin-top: 0;

	}

	.solution-rt{

		width: .4rem;

		height: .8rem;

		right: .1rem;

		margin-top: 0;

	}

	

	.services{

		padding-top: .7rem;

		padding-bottom: .7rem;

	}

	.services-a{

		font-size: .48rem;

		font-weight: bold;

		line-height: .6rem;

	}

	.services-b{

		font-size: .28rem;

		line-height: .45rem;

		margin-top: .3rem;

	}

	.services-c{

		margin-top: .4rem;

	}

	.services-c-pc{

		display: none;

	}

	.services-c-m{

		display: block;

	}

	.services-swiper .swiper-slide{

		height: 2rem;

	}

	.services-d1-a{

		font-size: .32rem;

		font-weight: bold;

		line-height: .45rem;

		padding-top: .3rem;

	}

	.services-d1-b{

		height: .8rem;

	}

	

	.services-lt{

		display: none;

	}

	.services-rt{

		display: none;

	}

	.services-span{

		display: block;

	}

	.services-swiper{

		padding-bottom: .5rem;

	}

	.services-span{

		height: 20px;

		line-height: 20px;

		bottom: 0 !important;

	}

}







/*详情页*/

.sesinfo{

	padding-top: 95px;

	padding-bottom: 80px;

}

.sesinfo-a{

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	color: #999;

}

.sesinfo-a a{

	font-size: 14px;

	color: #999;

}

.sesinfo-a a:hover{

	color: #046bb1;

}

.sesinfo-b{

	max-width: 1400px;

	margin: 0 auto;

	font-size: 48px;

	line-height: 55px;

	margin-top: 25px;

	text-align: center;

}

.sesinfo-c{

	max-width: 1400px;

	margin: 0 auto;

	margin-top: 35px;

	border-bottom: 1px solid rgba(0,0,0,.1);

	padding: 0 170px;

	padding-bottom: 30px;

	min-height: 90px;

	position: relative;

}

.sesinfo-c1{

	font-size: 18px;

	color: #999;

	line-height: 35px;

	text-align: center;

}

.sesinfo-c2{

	width: 140px;

	height: 40px;

	background: #046bb1;

	text-align: center;

	line-height: 40px;

	font-size: 16px;

	color: #fff;

	border-radius: 20px;

	position: absolute;

	top: 0;

	right: 0;

}

.sesinfo-c3{

	font-size: 14px;

	color: #999;

	line-height: 20px;

	text-align: center;

	margin-top: 15px;

}

.sesinfo-c3 div{

	display: inline-block;

	margin: 0 5px;

}

.sesinfo-c2 img{

	position: relative;

	top: -2px;

	margin-left: 3px;

}

.sesinfo-c2:hover{

	color: #fff;

	opacity: .8;

}

.sesinfo-d{

	max-width: 1240px;

	margin: 0 auto;

	margin-top: 50px;

	font-size: 16px;

	line-height: 30px;

	color: #666;

}



.sesinfo-swiper{

	margin-bottom: 30px;

	text-align: center;

}

.sesinfo-span span{

	background: #fff;

	opacity: 1;

}

.sesinfo-span .swiper-pagination-bullet-active{

	background: #046bb1;

}





@media (max-width: 767px) {

	.sesinfo-swiper{

		margin-bottom: .3rem;

	}

	.sesinfo{

		padding-top: .8rem;

		padding-bottom: .6rem;

	}

	.sesinfo-a{

		height: .45rem;

		font-size: .26rem;

		display: none;

	}

	.sesinfo-b{

		font-size: .4rem;

		font-weight: bold;

		line-height: .6rem;

		margin-top: .25rem;

	}

	.sesinfo-c{

		padding: 0;

		margin-top: .4rem;

		padding-bottom: 1rem;

		min-height: auto;

	}

	.sesinfo-c2{

		width: 2rem;

		height: .6rem;

		line-height: .6rem;

		border-radius: .3rem;

		font-size: .26rem;

		top: auto;

		bottom: .2rem;

	}

	.sesinfo-c2 img{

		width: .2rem;

	}

	.sesinfo-c1{

		font-size: .28rem;

		line-height: .45rem;

	}

	.sesinfo-d{

		margin-top: .5rem;

		font-size: .26rem;

		line-height: .45rem;

	}

	.sesinfo-c3{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .15rem;

	}

}









/*智慧平台*/

.wisdom{

	padding-top: 65px;

	padding-bottom: 70px;

}

.wisdom-a{

	max-width: 820px;

	margin: 0 auto;

	font-size: 16px;

	line-height: 38px;

	color: #666;

	text-align: center;

}

.wisdom-b{

	margin-top: 60px;

}

.wisdom-b li{

	margin-bottom: 20px;

	position: relative;

}

.wisdom-b li a{

	display: block;

	width: 100%;

	height: 10%;

}

.wisdom-b1{

	height: 408px;

	background: no-repeat center;

	background-size: cover;

}

.wisdom-b1-a{

	height: 80px;

	width: 50%;

	float: left;

	margin-top: 164px;

	line-height: 80px;

	text-align: center;

}

.wisdom-b1-a img{

	opacity: 0;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.wisdom-b2{

	width: 50%;

	height: 97%;

	position: absolute;

	top: 0;

	right: 0;

	background: url(../images/ico18.png) no-repeat center;

	background-size: cover;

	padding: 0 75px;

}

.wisdom-b2-a{

	font-size: 36px;

	line-height: 45px;

	color: #fff;

	padding-top: 65px;

}

.wisdom-b2-b{

	font-family: arial;

	font-size: 16px;

	line-height: 25px;

	color: #fff;

	padding-top: 12px;

}

.wisdom-b2-c{

	font-size: 14px;

	line-height: 28px;

	color: #fff;

	margin-top: 30px;

	height: 56px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}


.wisdom-b2-i{

	font-size: 14px;

	line-height: 28px;

	color: #fff;

	margin-top: 30px;

	height: 300px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.wisdom-b2-d{

	 width: 170px;

    height: 40px;

    border: 1px solid rgba(255,255,255,.1);

    font-size: 14px;

    color: #fff;

    line-height: 38px;

    margin-top: 20px;

    text-align: center;

    transition: all .3s; 

   -webkit-transition: all .3s;

}

.wisdom-b2-d:hover{

	background: rgba(255,255,255,.1);

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.wisdom-b li:nth-child(2n+0) .wisdom-b1-a{

	float: right;

} 

.wisdom-b li:nth-child(2n+0) .wisdom-b2{

	right: auto;

	left: 0;

}

.wisdom-b li:hover .wisdom-b1-a img{

	opacity: 1;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

@media  (max-width: 1300px) {

	.wisdom-b2{

		padding: 0 50px;

	}

}

@media  (max-width: 1023px) {

	.wisdom-b2{

		padding: 0 30px;

	}

	.wisdom-b2-a{

		font-size: 28px;

		line-height: 35px;

	}

	.wisdom-b1-a img{

		opacity: 1;

	}

}

@media  (max-width: 767px) {

	.wisdom{

		padding-top: .6rem;

		padding-bottom: .7rem;

	}

	.wisdom-a{

		font-size: .28rem;

		line-height: .45rem;

	}

	.wisdom-b{

		margin-top: .5rem;

	}

	.wisdom-b li{

		margin-bottom: .2rem;

	}

	.wisdom-b2{

		position: relative;

		width: 100%;

	}

	.wisdom-b1{

		height: 3.5rem;

	}

	.wisdom-b1-a{

		height: 1.1rem;

		width: 100%;

		margin-top: 1.2rem;

		line-height: 1.1rem;

	}

	.wisdom-b1-a img{

		max-height: 100%;

	}

	.wisdom-b2{

		padding: .3rem;

	}

	.wisdom-b2-a{

		font-size: .36rem;

		font-weight: bold;

		padding-top: .2rem;

		line-height: .45rem;

	}

	.wisdom-b2-b{

		font-size: .3rem;

		line-height: .45rem;

		padding-top: .1rem;

	}

	.wisdom-b2-c{

		font-size: .26rem;

		line-height: .45rem;

		margin-top: .3rem;

		height: .9rem;

	}

	.wisdom-b2-d{

		width: 2.8rem;

		height: .8rem;

		font-size: .28rem;

		line-height: .8rem;

		margin-top: .3rem;

		margin-bottom: .2rem;

	}

}







/*产品中心*/

.product-nav-bj{

	height: 120px;

	position: relative;

}

.product-nav-cont{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #f9f9f9;

	border-bottom: 1px solid rgba(0,0,0,.1);

	text-align: center;

}

.product-nav{

	display: inline-block;

	width: auto;

	max-width: 100%;

}

.product-nav .swiper-slide{

	width: 240px;

	height: 120px;

	padding-top: 20px;

	border-right: 1px solid rgba(0,0,0,.1);

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.product-nav .swiper-slide:first-child{

	border-left: 1px solid rgba(0,0,0,.1);

}

.product-nav .swiper-slide.on{

	background: #fff;

}

.product-nav .swiper-slide:hover{

	background: #fff;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.product-nav .swiper-slide img{

	height: 45px;

}

.product-nav .swiper-slide div{

	font-size: 18px;

	color: #333;

	line-height: 25px;

	margin-top: 12px;

}

.product-nav-cont.on{

	position: fixed;

	z-index: 9;

	height: 75px;

}

.product-nav-cont.on .product-nav .swiper-slide img{

	display: none;

}

.product-nav-cont.on .product-nav .swiper-slide{

	height: 100%;

	padding: 0;

}

.product-nav-cont.on .product-nav .swiper-slide div{

	line-height: 75px;

	margin: 0;

}

.product-nav-cont.on .product-nav .swiper-slide.on{

	color: #fff;

	background: #0065b5;

}

.product-nav-cont.on .product-nav .swiper-slide.on div{

	color: #fff;

}

.product-nav-cont.on .product-nav .swiper-slide:hover{

	color: #fff;

	background: #0065b5;

}

.product-nav-cont.on .product-nav .swiper-slide:hover div{

	color: #fff;

}



.product{


	padding-bottom: 105px;

}

.product-a{

	font-size: 48px;

	line-height: 1;

	text-align: center;

}

.product-b{

	width: calc(101.5% + 20px);

	margin-left: -10px;

	margin-top: 40px;

	padding: 10px;

	overflow: hidden;

	display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-flow: row wrap;

    -webkit-box-lines: multiple;

    -moz-flex-flow: row wrap;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

}

.product-b li{

	width: 23.5%;

	margin-right: 1.5%;

	float: left;

	margin-bottom: 30px;

	box-shadow: 0 0 15px #eee;

	border: 1px solid rgba(0,0,0,.1);

	border-radius: 3px;

}

.product-b li a{

	display: block;

	width: 100%;

	height: 100%;

}

.product-b1{

	/*height: 240px;

	line-height: 240px;*/

	text-align: center;

	background: #f9f9f9;

	overflow: hidden;

}

.product-b1 img{

	max-width: 85%;

	max-height: 100%;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.product-b2{

	height: 80px;

	background: #fff;

	border-top: 1px solid rgba(0,0,0,.1);

	padding: 0 8.75%;

	padding-top: 20px;

	position: relative;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.product-b2-c{

	width: 15px;

	height: 80px;

	background: url(../images/ico25.png) no-repeat center;

	position: absolute;

	top: 0;

	right: 8.75%;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.product-b2-a{

	padding-right: 25px;

	height: 20px;

	font-size: 16px;

	color: #333;

	line-height: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}

.product-b2-b{

	padding-right: 25px;

	height: 20px;

	font-size: 14px;

	margin-top: 5px;

	color: rgba(51,51,51,.5);

	line-height: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}

.product-b li a:hover *{

	color: #fff;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.product-b li a:hover .product-b2{

	background: #046bb1;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.product-b li a:hover .product-b2-c{

	background: url(../images/ico25s.png) no-repeat center;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.product-b li a:hover .product-b1 img{

	transform: scale(1.08);

	transition: all .3s; 

   -webkit-transition: all .3s;

}



.product .page{

	margin-top: 40px;

}





@media (max-width: 1400px) {

	.product-b li{

		width: 31.833%;

	}

}

@media (max-width: 1023px) {

	.product-nav .swiper-slide{

		width: 165px;

	}

	.product-b1{

		height: 200px;

		line-height: 200px;

	}

}

@media (max-width: 767px) {

	.product-nav-bj{

		height: 1.5rem;

	}

	.product-nav .swiper-slide{

		padding-top: .1rem;

		width: 1.675rem;

	}

	.product-nav .swiper-slide img{

		width: .6rem;

		height: .45rem;

		line-height: 1;

	}

	.product-nav .swiper-slide div{

		font-size: .26rem;

		line-height: 1;

		margin-top: .1rem;

	}

	.product-nav .swiper-slide{

		height: 1.5rem;

	}

	.product-nav-cont.on{

		height: 1rem;

	}

	.product-nav-cont.on .product-nav .swiper-slide{

		height: 1rem;

	}

	.product-nav-cont.on .product-nav .swiper-slide div{

		line-height: 1rem;

	}

	

	.product{

		padding-top: .6rem;

		padding-bottom: .6rem;

	}

	.product-a{

		font-size: .48rem;

		line-height: .55rem;

		font-weight: bold;

	}

	.product-b{

		margin-top: .4rem;

	}

	.product-b li{

		width: 48.5%;

		margin-bottom: .2rem;

		box-shadow: 0 0 5px #eee;

	}

	.product-b1{

		height: 3rem;

		line-height: 3rem;

	}

	.product-b2{

		height: 1.2rem;

		padding: .2rem;

	}

	.product-b2-c{

		width: .15rem;

		background-size: .15rem;

	}

	.product-b2-a{

		font-size: .26rem;

		padding-right: .25rem;

		height: .4rem;

		line-height: .4rem;

	}

	.product-b2-b{

		font-size: .24rem;

		padding-right: .25rem;

		height: .4rem;

		line-height: .4rem;

		margin-top: 0;

	}

	.product .page{

		margin-top: .2rem;

	}

}











/*产品详情*/

.proinfo{

	max-width: 1500px;

	margin: 0 auto;

	padding: 10px 50px;

	margin-top: 40px;

	overflow: hidden;

}

.proinfo-lt{

	width: 52.85%;

	

}

.proinfo-a{

	width: 100%;

	height: 460px;

	line-height: 460px;

	background: #fff;

	border: 1px solid rgba(0,0,0,.1);

	box-shadow: 0 0 5px #eee;

	position: relative;

}

.proinfo-a1{

	width: 100%;

	max-height: 100%;

	line-height: 460px;

	text-align: center;

}

.proinfo-a1 img{

	max-height: 455px;

}

.proinfo-a2{

	width: 40px;

	height: 40px;

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -20px;

	background:#eee url(../images/ico28.png) no-repeat center;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.proinfo-a3{

	width: 40px;

	height: 40px;

	position: absolute;

	top: 50%;

	right: 0;

	margin-top: -20px;

	background:#eee url(../images/ico29.png) no-repeat center;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

@media (min-width: 768px) {

	.proinfo-a2:hover{

		background:#046bb1 url(../images/ico28s.png) no-repeat center;

		transition: all .3s; 

   -webkit-transition: all .3s;

	}

	.proinfo-a3:hover{

		background:#046bb1 url(../images/ico29s.png) no-repeat center;

		transition: all .3s; 

   -webkit-transition: all .3s;

	}

}

.proinfo-b{

	overflow: hidden;

	margin-top: 15px;

}

.proinfo-b1{

	width: calc(20% - 10px);

	margin-right: 10px;

	padding: 5px 10px;

	border: 1px solid rgba(0,0,0,.1);

	float: left;

	cursor: pointer;

}

.proinfo-b1.on{

	background: #fff;

	border-color: #046bb1;

}

.proinfo-rt{

	width: 42.15%;

	float: right;

}

.proinfo-c{

	overflow: hidden;

}

.proinfo-c1{

	width: 140px;

	height: 40px;

	background: #fff;

	border-radius: 20px;

	border: 1px solid rgba(0,0,0,.1);

	font-size: 16px;

	color: #333;

	text-align: center;

	line-height: 40px;

	margin-right: 12px;

	float: left;

	cursor: pointer;

}

.proinfo-c1.on{

	background: #046bb1;

	color: #fff;

}

.proinfo-d1{

	display: none;

}

.proinfo-d1-a{

	position: relative;

	border-top: 1px solid rgba(0,0,0,.1);

	margin-top: 35px;

	padding-top: 25px;

}

.proinfo-d1-a1{

	width: 30px;

	height: 3px;

	background: #046bb1;

	position: absolute;

	top: -2px;

	right: 0;

}

.proinfo-d1-a2{

	font-size: 16px;

	line-height: 20px;

	color: #333;

	font-weight: bold;

}

.proinfo-d1-a3{

	font-size: 16px;

	line-height: 30px;

	color: #666;

	margin-top: 35px;

}



@media (max-width: 1024px) {

	.proinfo{

		padding: 10px 0;

	}

	.proinfo-lt{

		width: 100%;	

		max-width: 730px;

	}

	.proinfo-rt{

		width: 100%;

		margin-top: 80px;

	}

}

@media (max-width: 767px) {

	.proinfo{

		margin-top: .5rem;

	}

	.proinfo-a1{

		height: 5.5rem;

		line-height: 5.5rem;

		padding: 0 .4rem;

	}

	.proinfo-a1 img{

		max-height: 5.2rem

	}

	.proinfo-a{

		height: 5.5rem;

		line-height: 5.5rem;

	}

	.proinfo-a3{

		width: .65rem;

		height: .65rem;

		background-size: .15rem;

		margin-top: -.325rem;

	}

	.proinfo-a2{

		width: .65rem;

		height: .65rem;

		background-size: .15rem;

		margin-top: -.325rem;

	}

	.proinfo-rt{

		margin-top: .8rem;

	}

	.proinfo-c1{

		width: 2rem;

		height: .8rem;

		font-size: .26rem;

		line-height: .8rem;

		border-radius: .4rem;

		margin-right: .2rem;

	}

	.proinfo-d1-a{

		padding-top: .3rem;

		margin-top: .3rem;

	}

	.proinfo-d1-a2{

		font-size: .34rem;

		line-height: .45rem;

		font-weight: bold;

	}

	.proinfo-d1-a3{

		font-size: .26rem;

		line-height: .45rem;

		margin-top: .2rem;

	}

}













/*应用案例*/

.cases{

   max-width: 1425px;

   margin: 0 auto;

   padding: 0 50px;

   padding-top: 10px;

   padding-bottom: 95px;

   overflow: hidden;

}

.cases-a{

	height: 50px;

	position: relative;

	z-index: 2;

}

.cases-a1{

	width: 250px;

	height: 50px;

	float: left;

	margin-right: 18px;

	position: relative;

	cursor: pointer;

}

.cases-a1-a{

	width: 100%;

	height: 100%;

	border: 1px solid rgba(0,0,0,.1);

	font-size: 14px;

	color: #333;

	line-height: 48px;

	padding-left: 20px;

	padding-right: 35px;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.cases-a1-b{

	position: absolute;

	width: 9px;

	height: 100%;

	top: 0;

	right: 20px;

	background: url(../images/ico30.png) no-repeat center;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.cases-a1-c{

	position: absolute;

	top: 51px;

	width: 100%;

	background: #fff;

	border: 1px solid rgba(0,0,0,.1);

	z-index: 4;

	display: none;

}

.cases-a1-c div{

	font-size: 14px;

	color: #333;

	line-height: 25px;

	padding: 8px 20px;

	border-top: 1px solid rgba(0,0,0,.1);

}

.cases-a1-c div:hover{

	color: #046bb1;

}



.cases-a1:hover .cases-a1-a{

	background: #046bb1;

	border-color: #046bb1;

	color: #fff;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.cases-a1:hover .cases-a1-b{

	background: url(../images/ico30s.png) no-repeat center;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.cases-b{

	width: 104.72%;

	overflow: hidden;

}

.cases-b a{

	display: block;

	width: 28.613%;

	margin-right: 4.72%;

	float: left;

}



.cases-b{

	width: calc(104.72% + 20px);

	margin-left: -10px;

	margin-top: 30px;

	padding: 10px;

	overflow: hidden;

	display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-flow: row wrap;

    -webkit-box-lines: multiple;

    -moz-flex-flow: row wrap;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

}

.cases-b a{

	display: block;

	width: 28.613%;

	margin-right: 4.72%;

	float: left;

	margin-bottom: 50px;

	box-shadow: 0 0 15px #eee;

	border: 1px solid rgba(0,0,0,.1);

	border-radius: 3px;

}

.cases-b1{

	text-align: center;

	background: #f9f9f9;

	overflow: hidden;

}

.cases-b1 img{

	max-width: 100%;

	max-height: 100%;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.cases-b2{

	height: 100px;

	background: #fff;

	border-top: 1px solid rgba(0,0,0,.1);

	padding: 0 8.75%;

	padding-top: 30px;

	position: relative;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.cases-b2-c{

	width: 15px;

	height: 100%;

	background: url(../images/ico25.png) no-repeat center;

	position: absolute;

	top: 0;

	right: 8.75%;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.cases-b2-a{

	padding-right: 25px;

	height: 20px;

	font-size: 16px;

	color: #333;

	line-height: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}

.cases-b2-b{

	padding-right: 25px;

	height: 20px;

	font-size: 14px;

	color: rgba(51,51,51,.5);

	line-height: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}

.cases-b a:hover *{

	color: #fff;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.cases-b a:hover .cases-b2{

	background: #046bb1;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.cases-b a:hover .cases-b2-c{

	background: url(../images/ico25s.png) no-repeat center;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.cases-b a:hover .cases-b1 img{

	transform: scale(1.08);

	transition: all .3s; 

   -webkit-transition: all .3s;

}



@media (max-width: 1200px) {

	.cases-b{

		width: calc(102.5% + 20px);

	}

	.cases-b a{

		width: 30.833%;

		margin-right: 2.5%;

	}

}

@media (max-width: 1023px) {

	.cases-b a{

		width: 47.5%;

		margin-right: 2.5%;

	}

}

@media (max-width: 767px) {

	.cases{

		padding: .8rem .4rem;

	}

	.cases-a1{

		width: 3.15rem;

		margin-right: .2rem;

		height: .8rem;

		font-size: .24rem;

		line-height: .8rem;

	}

	.cases-a1-b{

		right: .1rem;

	}

	.cases-a1-a{

		padding: 0 .2rem;

		padding-right: .5rem;

		line-height: .8rem;

	}

	.cases-a1-c{

		top: .81rem;

	}

	.cases-a1-c div{

		font-size: .24rem;

		padding: .1rem .2rem;

	}

	.cases-b{

		margin-top: .4rem;

		width: calc(100% + 20px);

	}

	.cases-b a{

		width: 100%;

		margin-right: 0;

		margin-bottom: .25rem;

	}

	.cases-b2{

		height: 1.2rem;

		padding:  .2rem;

	}

	.cases-b2-a{

		font-size: .3rem;

		line-height: .4rem;

		height: .4rem;

	}

	.cases-b2-b{

		font-size: .3rem;

		line-height: .4rem;

		height: .4rem;

	}

}















/*联系我们*/

.contact{

	max-width: 1300px;

	padding: 0 50px;

	padding-top: 70px;

	padding-bottom: 115px;

	margin: 0 auto;

	overflow: hidden;

}

.contact-lt{

	width: 350px;

}

.contact-a{

	font-size: 24px;

	line-height: 30px;

	margin-top: 25px;

	margin-bottom: 40px;

}

.contact-b,.contact-c,.contact-d{

	font-size: 16px;

	line-height: 30px;

	color: #333;

	padding-left: 25px;

	

	margin-bottom: 20px;

}

.contact-b{

	background: url(../images/ico31.png) no-repeat left 8px;

	

}

.contact-b a{

	color: #333;

}

.contact-c{

	background: url(../images/ico32.png) no-repeat left 8px;

}

.contact-d{

	background: url(../images/ico33.png) no-repeat left 11px;

}

.contact-e{

	width: 100%;

	height: 1px;

	background: rgba(0,0,0,.1);

	margin-top: 90px;

}

.contact-f{

	margin-top: 70px;

}

.contact-f div{

	font-size: 16px;

	color: #0a2e5e;

	margin-top: 20px;

	line-height: 1;

}

.contact-rt{

	width: calc(100% - 390px);

	height: 540px;

	max-width: 760px;

}

.contact-rt .map{

	width: 100%;

	height: 100%;

}





.message-bj{

	background: #1974bc;

}

.message{

	max-width: 1300px;

	padding: 65px 50px;

	margin: 0 auto;

	min-height: 320px;

}

.message-a{

	font-size: 30px;

	line-height: 45px;

	color: #fff;

	text-align: center;

	

}

.message-a img{

	margin-left: 10px;

}

.message-b{

	font-size: 16px;

	color: #fff;

	line-height: 35px;

	text-align: center;

	margin-top: 25px;

}





.information-bj{

	background: #fbfbfb;

}

.information{

	max-width: 1300px;

	padding: 60px 50px;

	margin: 0 auto;

}

.information-last{

	overflow: hidden;

	margin-bottom: 20px;

}

.information-a{

	width: 100%;

	height: 50px;

	overflow: hidden;

}

.information-a1{

	width: 125px;

	float: left;

	height: 50px;

	line-height: 50px;

	font-size: 16px;

	color: #333;

}

.information-a1 span{

	float: right;

	color: #ff0000;

}

.information-a2{

	width: calc(100% - 140px);

	float: right;

	height: 100%;

}

.information-a2 input{

	width: 100%;

	height: 100%;

	background: #fff;

	border: 1px solid rgba(0,0,0,.1);

	font-size: 16px;

	padding: 0 20px;

}

.information-a2 textarea{

	width: 100%;

	height: 145px;

	background: #fff;

	border: 1px solid rgba(0,0,0,.1);

	font-size: 16px;

	padding: 0 20px;

	resize: none;

}

.information-b{

	height: auto;

}

.information-last2 .information-a{

	width: 50%;

	float: left;

}

.information-last2 .information-a:last-child .information-a1{

	padding-left: 35px;

}



.information-last3 .information-a2{

    width: 195px;

    height: 50px;

    float: left;

    margin-left: 15px;

}

.information-last3 .information-a3{

    width: 125px;

    height: 100%;

    float: left;

    margin-left: 6px;

}

.information-last3 .information-a4{

    width: 165px;

    height: 100%;

    float: left;

    margin-left: 35px;

}

.information-last3 .information-a4 input{

	width: 100%;

	height: 100%;

	background: #0065b5;

	border-radius: 3px;

	border: none;

	font-size: 16px;

	text-align: center;

	line-height: 50px;

	color: #fff;

}



.information-xb label{

	width: 60px;

	height: 50px;

	float: left;

	margin-right: 40px;

	font-size: 16px;

	line-height: 50px;

	color: #999;

	cursor: pointer;

}

.information-xb label input{

	width: 14px;

	height: 14px;

	background:;

	border: 1px solid rgba(0,0,0,.1);

	display: none;

}

.information-xb label span{

	display: block;

	width: 14px;

	height: 14px;

	border-radius: 100%;

	background:;

	border: 2px solid rgba(0,0,0,.3);

	float: left;

	margin-right: 12px;

	margin-top: 18px;

	/*display: none;*/

}

.information-xb label.on{

	color: #00469b;

}

.information-xb label.on span{

	border:3px solid #00469b;

}



@media (max-width: 1023px) {

	.contact-lt{

		width: 100%;

	}

	.contact-f{

		margin-top: 40px;

	}

	.contact-rt{

		width: 100%;

		max-width: 100%;

		margin-top: 40px;

		float: left;

	}

}

@media (max-width: 767px) {

	.contact{

		padding: .7rem .4rem;

	}

	.contact-a{

		font-size: .34rem;

		line-height: .5rem;

		font-weight: bold;

		margin: .2rem 0;

		margin-bottom: .5rem;

	}

	.contact-b, .contact-c, .contact-d{

		font-size: .26rem;

		line-height: .45rem;

		margin-bottom: .2rem;

		background-position-y: .05rem;

	}

	.contact-d{

		background-position-y: .15rem;

	}

	.contact-e{

		margin-top: .5rem;

	}

	.contact-f{

		margin-top: .5rem;

		float: left;

		text-align: center;

	}

	.contact-f img{

		width: 2rem;

	}

	.contact-f div{

		font-size: .24rem;

		line-height: .4rem;

		margin-top: .1rem;

	}

	.contact-rt{

		height: 5.5rem;

		margin-top: .5rem;

	}

	.message{

		padding: .7rem .4rem;

		min-height: auto;

	}

	.message-a{

		font-size: .4rem;line-height: .6rem;

	}

	.message-a img{

		width: .4rem;

		height: .4rem;

	}

	.message-b{

		font-size: .26rem;

		line-height: .45rem;

		margin-top: .3rem;

	}

	

	.information{

		padding: .7rem .4rem;

	}

	.information-a{

		

	}

	.information-a1{

		width: 1.8rem;

		font-size: .26rem;

		line-height: .8rem;

		height: .8rem;

	}

	.information-a2{

		width: calc(100% - 2rem);

	}

	.information-last2 .information-a{

		width: 100%;

	}

	.information-last2 .information-a{

		margin-top: .2rem;

	}

	.information-last2 .information-a:last-child .information-a1{

		padding-left: 0;

	}

	.information-last{

		margin-bottom: .2rem;

	}

	.information-a2 textarea{

		height: 2.4rem;

		line-height: .8rem;

		font-size: .26rem;

		padding: 0 .2rem;

	}

	.information-a2 input{

		height: .8rem;

		line-height: .8rem;

		font-size: .26rem;

	}	

	.information-last3 .information-a3{

			margin-left: 2rem;

			height: .8rem;

			width: 1.5rem;

	}

	.information-last3 .information-a4 input{

		width: 2rem;

		height: .8rem;

		line-height: .8rem;

		font-size: .26rem;

	}

	.information-last3 .information-a4{

		width: 2rem;

		margin-left: .3rem;

	}

	.information-last3 .information-a2{

		width: calc(100% - 2rem);

		margin-left: 0;

		float: right;

	}

			

}









/*关于灵科*/

.about-nav-bj{

	height: 75px;

	position: relative;

}

.about-nav-cont{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 75px;

	background: #f9f9f9;

	border-bottom: 1px solid rgba(0,0,0,.1);
	
	border-block: 1px solid rgba(0,0,0,.1);

	text-align: center;

}

.about-nav{

	display: inline-block;

	overflow: hidden;

}

.about-nav a{

	display: block;

	float: left;

	width: 200px;

	height: 75px;

	font-size: 18px;

	color: #333;

	line-height: 75px;

	border-right: 1px solid rgba(0,0,0,.1);

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.about-nav a:first-child{

	border-left: 1px solid rgba(0,0,0,.1);

}

.about-nav a.on{

	background: #fff;

	color: #046bb1;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.about-nav a:hover{

	background: #fff;

	color: #046bb1;

	transition: all .3s; 

   -webkit-transition: all .3s;

}



.about-nav-cont.on{

	position: fixed;

	z-index: 5;

}

@media (max-width: 1023px) {

	.about-nav{

		width: 100%;

		padding: 0 50px;

	}

	.about-nav a{

		width: 25%;

	}

}

@media (max-width: 767px) {

     .about-nav-bj{

     	height: 1rem;

     }

     .about-nav-cont{

     	height: 1rem;

     }

     .about-nav{

     	padding: 0 .4rem;

     }

     .about-nav a{

     	font-size: .28rem;

     	line-height: 1rem;

     	height: 1rem;

     }

}





.about-a{

	font-size: 48px;

	line-height: 1;

	text-align: center;

	padding-top: 35px;

	color: #333;

}

.about-b{

	font-size: 18px;

	line-height: 1;

	color: #999;

	font-family: arial;

	text-align: center;

	padding-top: 20px;

}

.about-c{

	height: 670px;

	margin-bottom: 100px;

	margin-top: 50px;

	overflow:hidden;

	position: relative;

}

.about-c1{

	width: 44.23%;

	float: left;

	padding:0 4.76%;

}

.about-c1-a{

	font-size: 30px;

	color: #333;

	line-height: 40px;

	padding-top: 40px;

}

.about-c1-b{

	font-size: 16px;

	color: #666;

	line-height: 30px;

	padding-top: 20px;

}

.about-c2{

	width: 55.77%;

	height: 100%;

	float: right;

	background: no-repeat center;

	background-size: cover;

}

.about-c3{

	max-width: 897px;

	width: 100%;

	height: 218px;

	background: no-repeat center;

	background-size: cover;

	background-image: url(../images/ico36.png);

	padding-left: 70px;

	padding-top: 60px;

	position: absolute;

	bottom: 0;

	left: 0;

}

.about-c3-a{

	font-size: 40px;

	color: #fff;

	line-height: 50px;

}

.about-c3-b{

	font-size: 18px;

	color: rgba(255,255,255,.5);

	line-height: 25px;

	padding-top: 10px;

	font-family: arial;

}



.about-d{

	background: #f4fafe;

	padding: 85px 50px;

	text-align: center;

}

.about-d-txt{

	max-width: 900px;

	margin: 0 auto;

	color: #046bb1;

}

.about-d1{

	font-size: 24px;

	line-height: 45px;

}


.about-d2{

	font-size: 16px;

	line-height: 30px;

	margin-top: 15px;

}

.about-d2{

	max-width: 900px;

	margin: 0 auto;

	color: #019682;

}

.about-e{

	height: 607px;

	background: no-repeat center;

	padding-top: 205px;

}

.about-e1{

	width: 810px;

	height: 170px;

	border: 1px solid rgba(255,255,255,.1);

	margin: 0 auto;

	font-size: 24px;

	line-height: 42px;

	color: #fff;

	text-align: center;

	padding:35px 20px;

}

@media (max-width: 1023px) {

	.about-c{

		height: auto;

		overflow: hidden;

	}

	.about-c2{

		height: 600px;

	}

	.about-c3{

		position: relative;

	float: left;

	}

	.about-c1-b{

		padding-bottom: 20px;

	}

	.about-d1{

		font-size: 20px;

		line-height: 40px;

	}
	

	.about-e{

		height: 450px;

		background-size: cover;

		padding-top: 150px;

	}

	.about-e1{

	width: 90%;	

	}

}

@media (max-width: 767px) {

	.about-a{

		font-size: .48rem;

    line-height: .55rem;

    font-weight: bold;

    padding-top: .6rem;

	}

	.about-b{

		font-size: .28rem;

    line-height: .45rem;

    padding-top: .2rem;

	}

	.about-c{

		margin-top: .4rem;

	}

	.about-c1{

		width: 100%;

		padding: 0;

	}

	.about-c2{

		width: 100%;

		height: 5rem;

	}

	.about-c3{

		width: 100%;

		height: 3rem;

		padding: .3rem;

	}

	.about-c3-a{

		font-size: .45rem;

		line-height: .55rem;

		padding-top: .5rem;

	}

	.about-c3-b{

		font-size: .28rem;

    line-height: .45rem;

	}

	.about-c1-a{

		font-size: .35rem;

		line-height: .5rem;

		padding-top: 0rem;

		font-weight: bold;

	}

	.about-c1-b{

		font-size: .26rem;

		line-height: .45rem;

		padding-top: .25rem;

	}

	.about-c{

		margin-bottom: .6rem;

	}

	.about-d{

		padding: .8rem .4rem;

	}

	.about-d1{

		font-size: .26rem;

		line-height: .5rem;

		text-align: left;

	}
	

	.about-d2{

		font-size: .26rem;

		line-height: .5rem;

		text-align: left;

	}

	.about-e{

		height: 5rem;

		padding-top: 1.2rem;

	}

	.about-e1{

		height: auto;

		font-size: .28rem;

		line-height: .55rem;

		padding: .3rem .4rem;

		text-align: left;

	}

}













/*新闻动态*/



.news-a{

	height: 60px;

	margin-top: 35px;

	width: 100%;

	position: relative;

	z-index: 3;

}

.news-a1{

	width: 30%;

	max-width: 180px;

    height: 100%;

    float: left;

    cursor: pointer;

    position: relative;

}

.news-a1-a{

	width: 100%;

    height: 100%;

    font-size: 	16px;

    color: #fff;

    line-height: 60px;

    padding-left: 30px;

    padding-right: 40px;

    background:#0065b5 url(../images/ico30s.png) no-repeat 92% center;

    transition: all .3s;

    -webkit-transition: all .3s;

}

.news-a1-b{

	position: absolute;

    top: 61px;

    width: 100%;

    background: #fff;

    border: 1px solid rgba(0,0,0,.1);

    z-index: 4;

    display: none;

}

.news-a1-b div{

	font-size: 14px;

    color: #333;

    line-height: 25px;

    padding: 8px 20px;

    border-top: 1px solid rgba(0,0,0,.1);

}

.news-a1-b div:hover{

	color: #046bb1;

}

.news-a2{

	width: 70%;

	max-width: 400px;

	float: right;

	height: 100%;

	border: 2px solid rgba(0,0,0,.2);

	position: relative;

}

.news-a2 form{

    height: 100%;

}

.news-a2 .int1{

	width: 100%;

	height: 100%;

	font-size: 16px;

	border: none;

	background: none;

	padding: 0 20px;

	padding-right: 80px;

}

.news-a2 .int2{

	width: 60px;

	height: 60px;

	border: none;

	background: none;

	position: absolute;

	top: 0;

	right: 0;

	background: url(../images/ico35.png) no-repeat center;

}



.news-b{

	margin-top: 25px;
    padding-bottom: 35px;
}

.news-swiper{

	width: calc(100% + 20px);

	margin-left: -10px;

	padding: 10px;

	padding-bottom: 45px;

}



.news-b1{

	overflow: hidden;

	box-shadow: 0 0 10px #999;

}

.news-b1 img{

	

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.news-b2{

	font-size: 16px;

	color: #666;

	line-height: 28px;

	height: 56px;

	overflow: hidden;

	margin-top: 20px;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.news-b2 span{

	color: #0065b5;

}

.news-b3{

	font-size: 12px;

	line-height: 15px;

	color: #999;

	margin-top: 5px;

}

.news-span{

	height: 15px;

	line-height: 15px;

	bottom: 0 !important;

}

.news-swiper .swiper-slide:hover .news-b1 img{

	transform: scale(1.05);

	transition: all .3s; 

   -webkit-transition: all .3s;

}



.news-c{

	margin-top: 40px;

}

.news-c a{

	display: block;

	width: 100%;

	height: 87px;

	border: 1px solid rgba(0,0,0,.1);

	border-left: 5px solid rgba(0,0,0,.2);

	margin-bottom: 20px;

	box-shadow: 0 0 10px #eee;

	overflow: hidden;

	position: relative;

	padding: 15px 0;

}

.news-c1{

	width: calc(100% - 185px);

	height: 55px;

	float: left;

	padding: 0 30px;

	border-right: 1px solid rgba(0,0,0,.1);

}

.news-c1-a{

	font-size: 16px;

	line-height: 30px;

	color: #333;

	height: 30px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

}

.news-c1-a span{

	color: #0065b5;

}

.news-c1-b{

	font-size: 12px;

	line-height: 25px;

	color: #999;

	height: 25px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

}



.news-c2{

	width: 110px;

	height: 55px;

	float: right;

	margin-right: 40px;

	font-size: 20px;

	line-height: 30px;

	color: #999;

	padding-right: 50px;

	text-align: center;

	background: url(../images/ico37.png) no-repeat right center;

}

.news-c2 span{

	display: block;

	font-size: 14px;

	color: #999;

	line-height: 20px;

}

.news-c a:hover{

	background: #0065b5;

}

.news-c a:hover *{

	color: #fff;

}

.news-c a:hover .news-c2{

	background: url(../images/ico37s.png) no-repeat right center;

}

.news .page{

	margin-top: 50px;

	margin-bottom: 65px;

}

@media  (max-width: 767px) {

	.news-b{

		margin-top: .3rem;

	}

	.news-a{

		height: .8rem;

		margin-top: .4rem;

	}

	.news-a1{

		/*width: 2.5rem;*/

		height: .8rem;

	}

	.news-a1-a{

		width: 100%;

		padding: 0 .2rem;

		font-size: .24rem;

		line-height: .8rem;

		background-position-x: 95%;

		background-size: .15rem;

	}

	.news-a2{

		/*width: calc(100% - 2.5rem);*/

	}

	.news-a2 .int1{

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: .7rem;

		padding: 0 .2rem;

		padding-right: .8rem;

		font-size: .24rem;

	}

	.news-a2 .int2{

		width: .8rem;

		height: .7rem;

		background-size: .3rem;

	}

	.news-b2{

		font-size: .26rem;

		line-height: .45rem;

		height: .9rem;

	}

	.news-b3{

		font-size: .24rem;

		line-height: .4rem;

	}

	.news-swiper{

		padding-bottom: .55rem;

	}

	.news-c{

		margin-top: .6rem;

	}

	.news-c a{

		height: 1.3rem;

		margin-bottom: .2rem;

		padding: .2rem 0;

	}

	.news-c2{

		width: 1.5rem;

		margin-right: .2rem;

		background-size: .4rem;

		padding-right: .6rem;

		font-size: .3rem;

		line-height: .4rem;

		height: 100%;

	}

	.news-c2 span{

		font-size: .24rem;

	}

	.news-c1{

		width: calc(100% - 1.8rem);

		height: 100%;

		padding: 0 .2rem;

	}

	.news-c1-a{

		font-size: .28rem;

		height: .5rem;

		line-height: .5rem;

	}

	.news-c1-b{

		font-size: .24rem;

		line-height: .4rem;

		height: .4rem;

	}

	.news .page{

		margin-top: .6rem;

		margin-bottom: .6rem;

	}

	.news-a1-b{

		top:.8rem;

	}

	.news-a1-b div{

		font-size: .24rem;

		line-height: .4rem;

		padding: .2rem;

	}

}













/*荣誉资质*/

.honor-a{

	margin-top: 40px;

	padding: 0 80px;

	position: relative;

	margin-bottom: 90px;

}

.honor-a1{

	background: #fff;

	padding: 20px 40px;

}

.honor-a2{

	width: 100%;

	max-width: 520px;

	margin: 0 auto;

	margin-top: 40px;

	text-align: center;

	display: none;

}

.honor-a2-a{

	font-size: 20px;

	line-height: 30px;

	color: #333;

}

.honor-a2-b{

	font-size: 14px;

	line-height: 25px;

	color: #999;

	margin-top: 20px;

}

.honor-swiper .swiper-slide .honor-a1{

	border: 1px solid rgba(0,0,0,.1);

	box-shadow: 0 0 10px #eee;

}



.honor-swiper .swiper-slide-active .honor-a2{

	display: block;

}

.honor-a .swiper-button-prev{

	width: 20px;

	height: 41px;

	background: url(../images/ico40.png) no-repeat center;

	left: 30px;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

.honor-a .swiper-button-next{

	width: 20px;

	height: 41px;

	background: url(../images/ico41.png) no-repeat center;

	right: 30px;

	transition: all .3s; 

   -webkit-transition: all .3s;

}

@media(min-width: 768px) {

	.honor-a .swiper-button-prev:hover{

		background: url(../images/ico40s.png) no-repeat center;

		transition: all .3s; 

   -webkit-transition: all .3s;

	}

	.honor-a .swiper-button-next:hover{

		background: url(../images/ico41s.png) no-repeat center;

		transition: all .3s; 

   -webkit-transition: all .3s;

	}

}

@media (max-width: 1024px) {

	.honor-swiper{

		padding: 0 100px;

	}

}

@media (max-width: 900px) {

	.honor-swiper{

		padding: 0 50px;

	}

	.honor-a{

		padding: 0 40px;

	}

	.honor-a .swiper-button-next{

		right: 0;

	}

	.honor-a .swiper-button-prev{

		left: 0;

	}

}

@media (max-width: 767px) {

	.honor-swiper{

		padding: 0 0rem;

	}

	.honor-a{

		width: calc(100% + .8rem);

		margin-left: -.4rem;

		padding: 0 .5rem;

		margin-top: .5rem;

		margin-bottom: .6rem;

	}

	.honor-a1{

		padding: .2rem;

	}

	.honor-a2{

		margin-top: .3rem;

	}

	.honor-a2-a{

		font-size: .28rem;

		line-height: .45rem;

	}

	.honor-a2-b{

		font-size: .24rem;

		line-height: .45rem;

		margin-top: .2rem;

	}

	.honor-a .swiper-button-next{

		background-size: .2rem;

	}

	.honor-a .swiper-button-prev{

		background-size: .2rem;

	}

}















/*招贤纳士*/

.recruit{

	padding-bottom: 80px;

}

.recruit-a{

	font-size: 16px;

	color: #666;

	line-height: 30px;

	max-width: 900px;

	margin: 0 auto;

	margin-top: 30px;

	text-align: center;

}

.recruit-b{

	width: calc(100% - 420px);

    max-width: 400px;

	float: right;

	height: 60px;

	margin-top:-15px;

	position: relative;

}

.recruit-b .int1{

	width: 100%;

	height: 100%;

	border: 2px solid rgba(0,0,0,.1);

	background: none;

	padding: 0 30px;

}

.recruit-b .int2{

	width: 50px;

    height: 60px;

    border: none;

    position: absolute;

    top: 0;

    right: 10px;

    background: url(../images/ico35.png) no-repeat center;

}

.recruit-c{

	height: 60px;

	margin-top: 50px;

	position: relative;

	z-index: 3;

}

.recruit-c1{

	width: 200px;

	height: 100%;

	max-height: 35px;

	float: left;

	border-right: 1px solid rgba(0,0,0,.1);

	position: relative;

	cursor: pointer;

}

.recruit-c1-a{

	width: 100%;

	height: 100%;

    font-size: 16px;

    color: #333;

    line-height: 35px;

    padding-left: 30px;

    padding-right: 50px;

    background: url(../images/ico30.png) no-repeat 92% center;

    transition: all .3s;

    -webkit-transition: all .3s;

    overflow: hidden;

}

.recruit-c1-b{

	position: absolute;

    top: 36px;

    width: 100%;

    background: #fff;

    border: 1px solid rgba(0,0,0,.1);

    z-index: 4;

    display: none;

}

.recruit-c1-b div{

	    font-size: 14px;

    color: #333;

    line-height: 25px;

    padding: 8px 30px;

    border-top: 1px solid rgba(0,0,0,.1);

}

.recruit-c1:hover .recruit-c1-a{

	color: #fff;

	background:#00469B url(../images/ico30s.png) no-repeat 240px center;

	transition: all .3s;

    -webkit-transition: all .3s;

}







.recruit-d{

	height: 70px;

	background: #b1b1b1;

	margin-top: 25px;

	padding: 0 30px;

	overflow: hidden;

}

.recruit-d1{

	width: 16.666%;

	float: left;

	font-size: 16px;

	color: #fff;

	line-height: 70px;	

}

.recruit-d2{

	width: 22.666%;

	padding-right: 15px;

}

.recruit-d3{

	width: 10.666%;

}

.recruit-e{

	

}

.recruit-e li{

	margin-top: 10px;

	position: relative;

	border: 1px solid rgba(0,0,0,.1);

}

.recruit-e1{

	height: auto;

	padding: 0 30px;

	overflow: hidden;

	cursor: pointer;

}

.recruit-e1 .recruit-d1{

	color: #333;

	font-size: 16px;

	line-height: 25px;

	padding: 22.5px 0;

}

.recruit-e1 .recruit-d2{

	line-height: 30px;

	font-size: 24px;

	padding: 20px 0;

	padding-right: 15px;

}

.recruit-e1.on{

	background: #194698;

}

.recruit-e1.on *{

	color: #fff;

}

.recruit-e2{

	background: #f9f9f9;

	padding: 35px 30px;

	overflow: hidden;

	display: none;

}

.recruit-e2-a{

	width: 100%;

	float: left;

	font-size: 16px;

	line-height: 25px;

	margin-bottom: 20px;

	display: none;

}

.recruit-e2-b{

	width: 47%;

	float: left;

	color: #333;

}

.recruit-e2-bb{

	margin-right: 6%;

}

.recruit-e2-b1{

	font-size: 18px;

	line-height: 20px;

	

}

.recruit-e2-b2{

	font-size: 14px;

	line-height: 25px;

	margin-top: 10px;

}

.recruit-e2-c{

	width: 100%;

	height: 1px;

	background: rgba(0,0,0,.1);

	margin-bottom: 30px;

	margin-top: 25px;

	float: left;

}

.recruit-e2-d{

	display: block;

	width: 130px;

	height: 35px;

	background: #e30926;

	border-radius: 5px;

	float: left;

	font-size: 14px;

	text-align: center;

	color: #fff;

	line-height: 35px;

}

.recruit-e2-d:hover{

	color: #fff;

	opacity: .9;

}

.recruit-e2-e{

	float: right;

	height: 35px;

	font-size: 14px;

	color: #17449a;

	line-height: 35px;

	cursor: pointer;

}

.recruit .page{

	margin-top: 55px;

}



@media  (max-width: 1023px) {

	.recruit-c1{

		width: 30%;

	}

	.recruit-c1-a{

		background-position-x: 95%;

	}

	.recruit-c1:hover .recruit-c1-a{

		background-position-x: 95%;

	}

	.recruit-b{

		width: 38%;

	}

	.recruit-d1{

		display: none;

	}

	.recruit-d2{

		display: block;

		width: calc(100% - 100px);

	}

	.recruit-d3{

		display: block;

		width: 100px;

		text-align: right;

	}

	.recruit-e2-a{

		display: block;

	}

}

@media (max-width: 767px) {

	.recruit{

		padding-bottom: .8rem;

	}

	.recruit .page{

		margin-top: .3rem;

	}

	.recruit-a{

		font-size: .26rem;

		line-height: .45rem;

		margin-top: .3rem;

	}

	.recruit-b{

		width: 100%;

		margin-top: 0;

		height: .8rem;

	}

	.recruit-b .int1{

		padding: 0 .2rem;

		font-size: .24rem;

		padding-right: 1rem;

	}

	.recruit-b .int2{

		width: .8rem;

		height: .8rem;

		background-size: .3rem;

		right: 0;

		top: .05rem;

	}

	.recruit-c{

		margin-top: .3rem;

		overflow: hidden;

		padding-bottom: .2rem;

	}

	.recruit-c1{

		width: 100%;

		margin-bottom: .15rem;

		padding: 0;

		font-size: .26rem;

		height: .8rem;

		line-height: .8rem;

		border-bottom: 1px solid rgba(0,0,0,.1);

		border-right: none;

	}

	.recruit-c1-a{

		padding: 0;

		padding-left: .2rem;

		padding-right: .6rem;

		font-size: .24rem;

		line-height: .8rem;

	}

	.recruit-c1-b div{

		font-size: .24rem;

		line-height: .4rem;

		padding: .2rem;

	}

	.recruit-c{

		height: auto;

		

	}

	.recruit-d{

		margin-top: .3rem;

		height: .8rem;

		padding: 0 .2rem;

	}

	.recruit-d1{

		font-size: .26rem;

		line-height: .8rem;

	}

	.recruit-d3{

		width: 2rem;

		float: right;

	}

	.recruit-e1 .recruit-d1{

		font-size: .24rem;

	}

	.recruit-e1{

		height: .8rem;

		line-height: .8rem;

		padding: 0 .2rem;

	}

	.recruit-e1 .recruit-d2{

		width: calc(100% - 2rem);

		font-size: .24rem;

		line-height: .8rem;

		padding: 0;

	}

	.recruit-e1 .recruit-d1{

		padding: 0;

		line-height: .8rem;

	}

	.recruit-e2{

		padding: .3rem .2rem;

	}

	.recruit-e2-a{

		font-size: .24rem;

		line-height: .45rem;

		margin-bottom: .2rem;

	}

	.recruit-e2-b{

		width: 100%;

		margin: 0;

		margin-bottom: .3rem;

	}

	.recruit-e2-b1{

		font-size: .28rem;

		font-weight: bold;

	}

	.recruit-e2-b2{

		font-size: .24rem;

		line-height: .4rem;

	}

	.recruit-e2-b2{

		margin-top: .1rem;

	}

	.recruit-e2-c{

		margin: .2rem 0;

	}

	.recruit-e2-d{

		width: 2rem;

		height: .7rem;

		font-size: .24rem;

		line-height: .7rem;

	}

	.recruit-e2-e{

		font-size: .24rem;

		line-height: .7rem;

		height: .7rem;

	}

}











/*搜索结果页*/

.searchs{

	max-width: 1300px;

	padding: 0 50px;

	margin: 0 auto;

	margin-top: -580px;

	min-height: 660px;

	padding-bottom: 80px;

	position: relative;

}

.searchs-a{

	font-size: 48px;

	line-height: 1;

	color: #fff;

	text-align: center;

}

.searchs-b{

	position: relative;

	width: 620px;

	margin: 0 auto;

	margin-top: 50px;

}

.searchs-b .int1{

	width:620px ;

	height: 50px;

	border: 2px solid rgba(255,255,255,.4);

	font-size: 18px;

	color: #fff;

	padding: 0 30px;

	padding-right: 70px;

	background: none;

}

.searchs-b .int2{

	width: 50px;

	height: 50px;

	border: none;

	background: url(../images/ico01.png) no-repeat center;

	position: absolute;

	top: 0;

	right: 10px;

}

.searchs-c{

	background: #fff;

	padding: 30px;

	max-width: 620px;

	margin: 0 auto;

}

.searchs-c1{

	font-size: 14px;

	color: #666;

	line-height: 1;

}

.searchs-c2{

	padding-left: 30px;

	margin-top: 10px;

}

.searchs-c2 a{

	display: block;

	font-size: 14px;

	color: #333;

	line-height: 25px;

	margin-top: 5px;

}

.searchs-c2 a:hover{

	color: #0065b5;

}

.searchs-cont{

	margin-top: 60px;

	padding: 50px 70px;

	background: #fff;

	box-shadow: 0 0 10px #eee;

}

.searchs-d{

	font-size: 16px;

	color: #333;

	line-height: 25px;

}

.searchs-e{

	margin-top: 50px;

	padding-bottom: 20px;

	border-bottom: 1px solid rgba(0,0,0,.1);

	overflow: hidden;

}

.searchs-e a{

	display: block;

	padding: 0 20px;

	line-height: 40px;

	border: 1px solid rgba(0,0,0,.6); 

	float: left;

	margin-right: 15px;

	margin-bottom: 15px;

	font-size: 16px;

	cursor: pointer;

}

.searchs-e a:hover{

	border-color: #0065b5;

	color: #0065b5;

}

.searchs-e a.on{

	border-color: #0065b5;

	color: #0065b5;

}



.searchs-f{

	

}

.searchs-f a{

	display: block;

	padding: 50px 0;

	border-bottom: 1px solid rgba(0,0,0,.1);

}

.searchs-f1{

	font-size: 18px;

	color: #333;

	line-height: 25px;

}

.searchs-f1 span{

	color: #1568ab;

}

.searchs-f2{

	font-size: 14px;

	color: #666;

	line-height: 25px;

	margin-top: 20px;

	height: 50px;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}

.searchs-f3{

	font-size: 14px;

	color: #333;

	line-height: 1;

	margin-top: 30px;

}

.searchs-f a:hover .searchs-f3{

	color: #1568ab;

}

.searchs-cont .page{

	text-align: left;

	margin-top: 55px;

}



@media  (max-width: 1200px) {

	.searchs{

		margin-top: -200px;

	}

	.searchs-c{

		box-shadow: 0 0 10px #eee;

	}

}

@media  (max-width: 767px) {

	.searchs{

		margin-top: .8rem;

		padding: 0 .4rem;

	}

	.searchs-a{

		font-size: .48rem;

		font-weight: bold;

		color: #333;

	}

	.searchs-b{

		width: 100%;

		margin-top: .5rem;

	}

	.searchs-b .int1{

		width: 100%;

		color: #333;

		height: .8rem;

		font-size: .28rem;

		border:1px solid rgba(0,0,0,.1);

		line-height: .8rem;

		padding: 0 .2rem;

		padding-right: 1rem;

	}

	.searchs-b .int2{

		width: .8rem;

		height: .8rem;

		background-image: url(../images/ico46.png);

		background-size: .3rem;

		right: 0;

		top:.05rem;

	}

	.searchs-c{

		padding: .3rem;

	}

	.searchs-c1{

		font-size: .28rem;

		font-weight: bold;

	}

	.searchs-c2{

		padding-left: .3rem;

		margin-top: .2rem;

	}

	.searchs-c2 a{

		font-size: .26rem;

		line-height: .45rem;

		margin-top: .1rem;

	}

	.searchs-cont{

		padding: .4rem .2rem;

		margin-top: .4rem;

	}

	.searchs-d{

		font-size: .28rem;

		line-height: .45rem;

	}

	.searchs-e{

		margin-top: .4rem;

		padding-bottom: .4rem;

	}

	.searchs-e a{

		line-height: .5rem;

		padding: 0 .15rem;

		font-size: .26rem;

		margin-right: .1rem;

		margin-bottom: .1rem;

	}

	.searchs-f a{

		padding: .4rem 0;

	}

	.searchs-f1{

		font-size: .3rem;

		line-height: .45rem;

		font-weight: bold;

	}

	.searchs-f2{

		font-size: .26rem;

		line-height: .45rem;

		height: .9rem;

		margin-top: .3rem;

	}

	.searchs-f3{

		font-size: .26rem;

		margin-top: .3rem;

	}

	.searchs{

		padding-bottom: .8rem;

	}

	.searchs-cont{

		padding-bottom: .6rem;

	}

	.searchs-cont .page{

		margin-top: .4rem;

	}

}









.ilod{

	position: fixed;

	top: 0;

	width: 100%;

	height: 100%;

	

	z-index: 999;

	display: none;

}

.ilod-bj{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: no-repeat center;

	background-size: cover;

	z-index: 1;

}

.ilod-a{

	width: 820px;

	height: 820px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	z-index: 2;

}



.ilod-a1{

	width: 100%;

	height: 100%;

	background: no-repeat center;

	background-size: cover;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

}

.ilod-a2{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	z-index: 3;

	text-align: center;

}

.ilod-a2 img{

	margin-top: 260px;

}

.ilod-a2-a{

	font-size: 24px;

	line-height: 1;

	color: #fff;

	margin-top: 35px;

	letter-spacing:4px;

}

.ilod-a2-b{

	font-size: 14px;

	line-height: 1;

	color: #fff;

	margin-top: 15px;

	font-family: arial;

}





.img-xy{

	-webkit-animation: img-xy 10s linear infinite;

    animation: img-xy 10s linear infinite;

}

@keyframes img-xy {

  0% {

  	-webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

 

  100% {

  	-webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

  }

 }

@-webkit-keyframes img-xy {

  0% {

  	-webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

  }

 

  100% {

  	-webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

  }

 }

 

 

.img-wh{

	-webkit-animation: img-wh 10s linear infinite;

    animation: img-wh 10s linear infinite;

}

 @keyframes img-wh {

  0% {

  	transform: scale(1);

  }

 50% {

  	transform: scale(1.1);

  }

  100% {

  	transform: scale(1);

  }

 }

@-webkit-keyframes img-wh {

  0% {

  	transform: scale(1);

  }

 50% {

  	transform: scale(1.1);

  }

  100% {

  	transform: scale(1);

  }	

 }

 

 

 

 .img-ws{

	-webkit-animation: img-ws 3s linear ;

    animation: img-ws 3s linear ;

}

 @keyframes img-ws {

  0% {

  	width: 465px;

	height: 465px;

  }

 100% {

  	width: 125px;

	height: 125px;

  }

 }

@-webkit-keyframes img-ws {

  0% {

  	width: 465px;

	height: 465px;

  }

 100% {

  	width: 125px;

	height: 125px;

  }

 }



@media  (max-width: 1500px) {

	.ilod-a{

		/*margin-top: 60px;*/

	}

	

}

@media  (max-width: 1023px) {

	.ilod{

		display: none !important; 

	}

}

@media  (max-width: 767px) {

	

	.ilod-a{

		width: 5.5rem;

		height: 5.5rem;

		top: 35%;

	}

	.ilod-a2 img{

		margin-top: 5.5rem;

		width: 2rem;

	}

	.ilod-a2-a{

		font-size: .35rem;

		margin-top: .2rem;

	}

	.ilod-a2-b{

		font-size: .24rem;

		margin-top: .2rem;

	}

	

}