* {



	margin: 0;



	padding: 0;



}







.wrap {



	width: 1200px;



	margin: 0 auto;



}







ul li {



	list-style: none;



}







a {



	text-decoration: none !important;



}







p {



	margin: 0;



}







header {
    position: fixed;
    height: 80px;
    background-color: #fff;
    top: 0;
    z-index: 99999;
    width: 100%;
}







header .wrap {



	position: relative;



}







.logo {

    position: absolute;

    width: 165px;

    height: 62px;

    left: 0;

    top: 9px;

}







.logo img {



	width: 100%;



}







.head-list {

    width: 620px;

    margin: 0 auto;

    height: 80px;

    line-height: 80px;

    display: table;

}







.head-list li {



	width: 170px;



	display: inline-block;



	color: #434343;



	padding: 0 5px;



	display: table-cell;



	text-align: center;



}







.head-list li:hover {



	background: #00a1ea;



}







.head-list li:hover a {



	color: #fff;



}







.head-list li a {



	display: inline-block;



	width: 100%;



	height: 100%;



	color: #434343;



}







.tell {



	height: 50px;



	position: absolute;



	top: 20px;



	right: 0;



}







.tell img {



	vertical-align: middle;



	width: 49px;



	height: 49px;



}







.telephone {



	display: inline-block;



	font-size: 20px;



	color: #00a1e9;



	vertical-align: middle;



	font-weight: bolder;



	line-height: 18px;



}







/*.telephone p:first-child {



	font-weight: 300;



}*/







.ban {



	width: 100%;



	position: relative;

   margin-top:80px

}







.ban img {



	width: 100%;



}



/* .ban .wrap{

	height: 100%;

	position: relative;

} */



.ban-word {

    position: absolute;

    color: #fff;

    top: 30%;

    left: 18.5%;

    margin-left: 0;

}



.ban-word h1{

	font-size: 66px;

	font-family: MicrosoftYaHei-Bold;

	font-weight: bolder;

}



.ban-line{

	width: 75px;

	height: 4px;

	background-color: #FFF799;

	margin: 30px 0;

}



.ban-word p{

	font-family: MicrosoftYaHei;

	font-size: 24px;

}







/* 介绍 */



.introduce {



	margin-bottom: 80px;



}







.int-p {



	padding: 80px 110px  60px;



	text-align: center;



	font-size: 19px;



	color: #434343;



	line-height: 36px;



}







.int-list {



	border: solid 1px #dcdcdc;



	text-align: justify;



	text-align-last: justify;



	display: table;



}







.int-list li {



	padding: 40px 30px 30px;



	display: inline-block;



	margin: 0 !important;



	text-align: center;



	width: 395px;



	text-align-last: auto;



	vertical-align: top;



	height: 360px;



}



.int-list li:hover{

	background-color:rgb(0 0 0 / 10%);

}





.block{

	background-color:rgb(0 0 0 / 50%);

}





.int-mg {



	height: 90px;



}







.int-mg img {



	width: auto;



	height: 100%;



}







.int-list li:nth-child(even) {



	border-left: 1px solid #DCDCDC;



	border-right: 1px solid #DCDCDC;



}







.int-list li h2 {



	font-weight: 300;



	font-size: 24px;



	height: 55px;



	margin: 48px 0 15px;



	padding: 0 40px;



}







.int-list li p {



	color: #959595;



}











/* 中毒应急处理 */



.emergency {



	background-color: #1d3252;



	width: 100%;



	padding-bottom: 100px;



}







.emergency h1 {



	color: #fff;



	text-align: center;



	font-size: 40px;



	font-weight: 300;



	padding: 80px 0 60px;



}







.botm-line {



	width: 56px;



	height: 2px;



	background-color: #fff;



	margin: 15px auto 0;



}







.emergency ul {



	font-size: 0;



	/* li标签水平无间隙 */



	text-align: justify;



	text-align-last: justify;



}







.emergency ul li {



	width: 340px;



	display: inline-block;



	overflow: hidden;



	padding: 5px;



	margin: 15px 0;



	/* border: 1px solid transparent; */



}



.emergency ul li:hover{

	box-shadow: 3px 3px 20px #555454;

}



.emergency ul li:hover .emtwo img{



	animation:zoomLarge 2s 1;



}



@keyframes zoomLarge {

    from 0% {

        transform:scale(1)

    }

    

    50% {

        transform:scale(1.2)

    }

    

    to {

        transform:scale(1)

    }

}





.emone {



	width: 120px;



	height: 120px;



	border-radius: 50%;



	background-color: #fff;



	position: relative;



	display: inline-block;



	vertical-align: middle;



}







.emtwo {



	width: 100px;



	height: 100px;



	border-radius: 50%;



	overflow: hidden;



	position: absolute;



	left: 50%;



	top: 50%;



	margin-left: -50px;



	margin-top: -50px;



}







.emtwo img {



	width: 100%;



}







.emtwoWz {



	color: #fff;



	text-align-last: auto;



	display: inline-block;



	width: 205px;



	vertical-align: middle;



}







.emtwoWz h3 {



	font-size: 20px;



	font-weight: 300;



	margin-bottom: 12px;



}







.emtwoWz p {



	font-size: 14px;



	line-height: 20px;



}











/* 数据恢复流程 */



.recovery {



	width: 100%;



	background-color: #f5f5f5;



	padding: 80px 0;



}







.recovery h1 {



	font-weight: 300;



	font-size: 40px;



	text-align: center;



	margin-bottom: 50px;



}







.reco-line {



	width: 56px;



	height: 2px;



	background-color: #000;



	margin: 10px auto 0;



}







.reco-list {



	text-align: justify;



	text-align-last: justify;



}







.reco-list li {



	text-align-last: auto;



	width: 380px;



	height: 250px;



	background-color: #fff;



	box-shadow: 6px 8px 10px 0px rgb(0 0 0 / 5%);



	border-radius: 10px;



	display: inline-block;



	margin: 15px 0;



	padding: 45px 45px 35px 45px;



}







.reco-mg {



	width: 50px;



	height: 48px;



	background-size: center;



}







.reco-mg01 {



	background: url(../images/analysis.jpg) no-repeat 50%;



}







.reco-mg02 {



	background: url(../images/offer.png) no-repeat 50%;



}







.reco-mg03 {



	background: url(../images/contract.png) no-repeat 50%;



}







.reco-mg04 {



	background: url(../images/start.png) no-repeat 50%;



}







.reco-mg05 {



	background: url(../images/data.png) no-repeat 50%;



}







.reco-mg06 {



	background: url(../images/defense.png) no-repeat 50%;



}







.reco-list li h2 {



	margin: 40px 0 15px;



	font-size: 20px;



	color: #000;



}







.reco-list li p {



	color: #7d7d7d;



	font-size: 14px;



	text-overflow: -o-ellipsis-lastline;



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 2;



	-webkit-box-orient: vertical;



}







/* 鼠标移入 */



.reco-list li:hover {



	background-color: #00a1ea;



}







.reco-list li:hover .reco-mg01 {



	background: url(../images/analysis01.png) no-repeat 50%;



}







.reco-list li:hover .reco-mg02 {



	background: url(../images/offer01.png) no-repeat 50%;



}







.reco-list li:hover .reco-mg03 {



	background: url(../images/contract01.png) no-repeat 50%;



}







.reco-list li:hover .reco-mg04 {



	background: url(../images/start01.png) no-repeat 50%;



}







.reco-list li:hover .reco-mg05 {



	background: url(../images/data01.png) no-repeat 50%;



}







.reco-list li:hover .reco-mg06 {



	background: url(../images/defense01.png) no-repeat 50%;



}







.reco-list li:hover h2 {



	color: #fff;



}







.reco-list li:hover p {



	color: #fff;



}











/* 成功案例 */



.successful {



	width: 100%;



	background-color: #1d3252;



	padding: 80px 0 120px;



}







.successful h1 {



	color: #fff;



	text-align: center;



	font-size: 40px;



	font-weight: 300;



	padding: 0 0 60px;



}







/* 轮播组 */



.suce-list {



	text-align: justify;



	text-align-last: justify;



}







.suce-list li {



	width: 380px;



	display: inline-block;



	margin: 15px 0;



	text-align-last: auto;



	background-color: #e5e5e5;



	position: relative;



	height: 390px;



}







.suce-list li img {



	width: 100%;



}







.suce-box {



	width: 100%;



	position: relative;



	color: #434343;



	padding: 40px 30px 25px;

	

    background: #E5E5E5;



}



.suce-anim{

	position: absolute;

	bottom: 0;

}







.suce-date {



	background-color: #00a1ea;



	color: #fff;



	width: 68px;



	height: 68px;



	text-align: center;



	border-radius: 50%;



	padding: 10px 0;



	position: absolute;



	left: 40%;



	top: -30%;



}







.suce-box h5 {



	font-size: 16px;



	font-weight: 600;



}







.suce-box p {



	font-size: 14px;



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 2;



	-webkit-box-orient: vertical;



}





.suce-list li:hover .suce-box {
    padding: 50px 30px 165px;
    transition: all 0.2s;
}

.suce-list li:hover .suce-box p {
    font-size: 14px;
    overflow: visible;
    text-overflow: clip;
    display: block;
    -webkit-line-clamp: none;
    -webkit-box-orient: inline-axis;
}


.suce-list li:hover .suce-date{

	top: -20%;

}













/* 手机端轮播 */

.moden {

	width: 380px;

	display: inline-block;

	margin: 15px 0;

	text-align-last: auto;

	background-color: #e5e5e5;

}



.moden img {

	width: 100%;

}



.moden-box {

    width: 88%;

    position: relative;

    color: #434343;

    padding: 60px 6% 35px;

}



.moden-date {

	background-color: #00a1ea;

	color: #fff;

	width: 68px;

	height: 68px;

	text-align: center;

	border-radius: 50%;

	padding: 10px 0;

	position: absolute;

	left: 40%;

	top: -20%;

}



.moden-box h5 {

	font-size: 16px;

	font-weight: 600;

}



.moden-box p {

	font-size: 14px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}



#demoMd{

	display: none;

}









/* 问题&解决方案 */



.problems {



	color: #434343;



	padding: 80px 0;



}







.problems h1 {



	font-weight: 300;



	font-size: 40px;



	text-align: center;



	margin-bottom: 40px;



}







.problems h1 p {



	width: 56px;



	height: 2px;



	background-color: #434343;



	margin: 10px auto 0;



}







.proWz {



	width: 55%;



	margin: 0 auto;



	text-align: center;



	line-height: 30px;



}







.menu li {



	background-color: #F5F5F5;



	padding: 30px;



	margin: 5px 0;



	position: relative;



}







.menu .lamp {



	background-color: #00a1ea;



}







.menu li h4 {



	font-size: 20px;



	color: #434343;



}







.menu .lamp h4 {



	color: #fff;



}







.menu li span {



	position: absolute;



	top: 0;



	right: 40px;



	font-size: 50px;



	color: #000;



	display: inline-block;



	font-weight: 600;



}







.menu .lamp span {



	color: #fff;



	    font-size: 90px;



	    top: -36px;



}











.child-ul {



	display: none;



	padding: 0 30px;



}







.menu .lamp .child-ul {



	color: #fff;



}







.cricle {



	display: inline-block;



	width: 20px;



	height: 20px;



	background: url(../images/circle02.png) 50% no-repeat;



	background-size: 100% 100%;



	vertical-align: middle;



	margin: 0 10px;



}







.menu .lamp .cricle {



	background: url(../images/circle01.png) 50% no-repeat;



	background-size: 100% 100%;



}











/* 鼠标移入效果 */



.menu li:hover {



	background-color: #00A1EA;



	cursor: pointer;



}







.menu li:hover h4 {



	color: #fff;



}







.menu li:hover .child-ul {



	color: #fff;



}







.menu li:hover .cricle {



	background: url(../images/circle01.png) 50% no-repeat;



	background-size: 100% 100%;



}







.menu li:hover span {



	color: #fff;



}











/* 联系我们 */



.contact {



	width: 100%;



	background-color: #1b1b1b;



	padding-top: 80px;



	/*padding-bottom: 10px;*/



}







.contact h1 {



	font-weight: 300;



	font-size: 30px;



	text-align: center;



	/*padding-bottom: 40px;*/



	color: #fff;



}







.cont-line {



	width: 56px;



	height: 2px;



	margin: 10px auto 0;



	background-color: #fff;



}







.cont-p {



	font-size: 20px;



	text-align: center;



	color: #fff;



	line-height: 35px;



}







.cont-list01 {



	text-align: justify;



	text-align-last: justify;



	color: #fff;



	margin: 60px 0 95px;



}







.cont-list01 li {



	width: 580px;



	border: 1px solid #fff;



	display: inline-block;



	text-align-last: auto;



	height: 200px;



	padding: 35px 30px 20px;



	vertical-align: middle;



}







.cont-list01 li h3 {



	font-size: 20px;



}







.cont-list01 li p {



	font-size: 14px;



}







.cont-ban {



	background: url(../images/banner-foot.png) 50% no-repeat;



	background-size: 100% 100%;



	padding: 20px 0 20px;



	margin-bottom: 15px;



}







.cont-ban h1 {



	color: #fff;



	text-align: center;



	font-size: 40px;



}







.cont-ban h1 span {



	color: #00A1EA;



}







.hours {



	font-size: 18px;



	color: #fff;



	text-align: center;



	margin: 20px 0 50px;



}







.cont-btn {



	display: block;



	width: 193px;



	height: 44px;



	background-color: #00a1ea;



	border-radius: 20px;



	color: #fff !important;



	margin: 0 auto;



	text-align: center;



	line-height: 44px;



}



.cont-btn:hover{

	background-color: transparent;

}



.cont-btn:after {

    content: ' ';

    position: absolute;

    z-index: 2;

    left: 50%;

    display: block;

    width: 165px;

    height: 1px;

    transform: translate(-50%);

}

 

.cont-btn:hover:after {

    height: 2px;

    animation: ad_width .5s linear forwards;

    background: #00a1ea;

}

 

@keyframes ad_width {

    from {

        width: 0

    }

 

    to {

        width: 165px

    }

}









.cont-a {



	color: #b5b5b5;



}







.cont-a a {



	display: inline-block;



	color: #b5b5b5;



	font-size: 14px;



	padding: 0 10px;



}







.contact hr {



	width: 100%;



	height: 1px;



	border: none;



	background-color: #B5B5B5;



	/*margin: 10px 0 5px;*/
  
   margin: 10px 0 0;



}







.cont-list02 {



	text-align: justify;



	text-align-last: justify;



	color: #d5d5d5;
  
  

   padding: 10px 0;


}







.cont-list02 li {



	font-size: 14px;



	text-align-last: auto;



	display: inline-block;



	overflow: hidden;



}







.cont-list02 li p {



	line-height: 30px;



}







.tips {



	float: left;



	vertical-align: middle;



	margin-right: 25px;



}







.cont-list02 li img {



	vertical-align: middle;



}











/* 适配 */





@media screen and (max-width:1670px) {



	.ban-word {

		left: 14%;

	}





}





@media screen  and (max-width:1500px) {

	.ban-word {

		left: 8%;

	}



	.ban-word h1 {

		font-size: 60px;

	}



}



@media screen and (max-width:1300px) {



	.wrap {



		width: 1000px;



	}



	.ban-word {

		left: 9%;

	}





	.ban-word h1 {

		font-size: 52px;

	}



	.ban-word p{

		font-size: 21px;

	}





	.head-list {

		width: 620px;

	}







	.int-list li {



		width: 320px;



	}







	.emergency {



		padding-bottom: 50px;



	}







	.emergency ul li {



		width: 260px;



		text-align: center;



	}







	.emtwoWz {



		width: 100%;



		margin-top: 15px;



	}







	.reco-list li {



		width: 300px;



	}







	.suce-list li {

		width: 300px;

		height: 340px;

	}





	.suce-date {

		top: -25%;

	}







	.cont-list01 li {



		width: 470px;



	}







	.cont-ban {



		background-size: 150% 100%;







	}







}











/* 手机端菜单 */



.menus {



	background-color: #00A1EA;



	width: 40px;



	height: 40px;



	position: fixed;



	padding: 5px;



	border-radius: 50%;



	top: 140px;



	left: 0;



	display: none;



	z-index: 99;



}







.menus img {



	width: 100%;



}









@media screen and (max-width:1200px) {



	.wrap {



		width: 85%;



	}





	.ban-word h1 {

		font-size: 42px;

	}



	.ban-line {

		margin: 20px 0;

	}



	.ban-word p{

		font-size: 18px;

	}





	.head-list {

		width: 550px;

	}







	.tell img {



		width: 40px;



		height: 40px;



	}







	.int-p {



		margin: 40px 0 30px;



	}











	.int-list li h2 {



		font-weight: 300;



		font-size: 20px;



		height: 75px;



		margin: 20px 0 15px;



		padding: 0 10px;



	}







	.int-list li {



		width: 32%;



		height: 400px;



	}







	.cont-list01 {



		margin: 10px 0;



	}







	.cont-list01 li {



		width: 90%;



		margin: 15px auto;



		display: block;



	}



	



	.reco-list li {



	    width: 32%;



	}



	



	.suce-list li {



	    width: 32%;



	}







}







@media screen and (max-width:767px) {



	.wrap {



		width: 90%;



	}





	.ban-word h1 {

		font-size: 20px;

	}





	.ban-line {

		margin: 10px 0;

		width: 25px;

	}





	.ban-word p {

		font-size: 13px;

	}





	.menus {



		display: block;



	}





	header {

		height: 80px;

	}





	.logo {

		top: 10px;

	}





	.head-list {



	    width: 170px;



	    height: auto;



	    background: #fff;



	    position: fixed;



	    top: 130px;



	    left: 0;



	    z-index: 999;



	    line-height: 30px;



	    box-shadow: 3px 3px 30px;



	    text-align: center;



		display: none;



	}



	



	



	.head-list li{



		display: block;



		text-align-last: auto;



	}





	.ban {

		overflow: hidden;

	}



	

	.ban img {

		width: 150%;

		margin-left: -25%;

	}





	.int-p {



		padding: 0px 10px;



		font-size: 16px;



		margin: 20px 0;
      
      
     line-height:30px;



	}







	.int-list li:nth-child(even) {



		border: none;



	}







	.int-list li {



		width: 100%;



		height: auto;



		padding: 20px 10px;



	}







	.int-mg {



		height: 55px;



	}







	.int-list li h2 {



		height: auto;
	
     
     font-size:18px


	}







	







	.emergency h1 {



	    padding: 20px 0 0;



	    font-size: 30px;



	}







	.emergency ul li {



	    width: 100%;



	    margin: 5px 0;



	}







	.emone {



		width: 70px;



		height: 70px;



	}







	.emtwo {



		width: 60px;



		height: 60px;



		margin-left: -30px;



		margin-top: -30px;



	}



	



	.emtwoWz {



	    width: 100%;



	    margin-top: 5px;



	}



	



	.emtwoWz h3 {



	    margin-bottom: 5px;



	}



	



	.emergency {



	    padding-bottom: 25px;



	}







	.reco-list li {



		margin: 15px auto;



		display: block;



		width: 300px;



	}







	.successful h1 {



	    padding: 0 0 10px;



	    font-size: 30px;



	}







	.suce-list li {



		width: 300px;



		display: block;



		margin: 10px auto;



	}







	.carousel-control-prev {



		left: 15%;



	}







	.carousel-control-next {



		right: 15%;



	}







	.problems {



		padding: 40px 0;



	}







	.problems h1 {



		font-size: 30px;



		margin-bottom: 20px;



	}







	.proWz {



		width: 98%;



		margin-bottom: 15px;



	}







	.menu li {



		padding: 20px;



	}







	.menu li h4 {



	    font-size: 18px;



	    width: 260px;



	    overflow: hidden;



	    text-overflow: ellipsis;



	    white-space: nowrap;



	}







	.menu li span {



		top: -10px;



		right: 20px;



	}







	.cont-list01 li {



		width: 90%;



		margin: 15px auto;



		height: auto;



		display: block;



		padding: 30px 20px;



	}







	.cont-ban h1 {



		font-size: 26px;



		padding-bottom: 10px;



		padding: 0 20px;



	}







	.cont-ban {



		padding: 30px 0 20px;



	}







	.cont-a a {



		padding: 0 5px;



	}







	.cont-list02 li {



		font-size: 12px;



	}



	



	.contact h1 {



	    padding-bottom: 10px;



	}



	



	.cont-p {



	    font-size: 17px;



	}



	



	.recovery {



	    padding: 20px 0;



	}



	



	.tell img {



	    vertical-align: middle;



	    width: 35px;



	    height: 35px;



	}



	



	.telephone {



	    font-size: 12px;



		}







	.introduce {



	    margin-bottom: 30px;



	}



	



	.recovery h1 {



	    margin-bottom: 20px;



	    font-size: 30px;



	}



	



	.successful {



	    padding: 40px 0 80px;



	}



	



	.contact {



	    padding-top: 30px;



	}



	



	.hours {



	    margin: 0 0 20px;



	}



	



	.menu .lamp span {



	    color: #fff;



	    font-size: 90px;



	    top: -46px;



	}



	



	.suce-date {



	    width: 58px;



	    height: 58px;



	    padding: 5px 0;



	}





	#demo{

		display: none;

	}



	#demoMd{

		display: block;

	}


	.reco-list li h2 {
    margin: 20px 0 15px;
}


}









@media screen and (max-width:350px) {



	.reco-list li {



	    width: 260px;



	    padding: 30px 20px;



	}



	



	.suce-list li {



	    width: 270px;



	}



	



	.menu li h4 {



	    width: 210px;



		}



	



}