.left{float: left;width: 42%;}
.pro_arc{padding: 50px 0;display: flex;}
#pro_arc_top{margin-bottom: 15px;}
.pro_arc_top{width: 100%;height: 405px;}
#pro_arc_top .swiper-slide{height: 379px!important;padding: 0px;width: 100%!important}
.pro_arc_img{width: 100%;height: 100%;position: relative;}
.pro_arc_img img{width: 100%;max-width: 100%;max-height: 100%;
	position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.pro_arc_bot_list{width: 18%;margin-left: 2.5%;float: left;}
.pro_arc_bot_list:first-child{margin-left: 0;}
.swiper-pagination{
  position:relative;
  width:100%;
}
.swiper-pagination-bullet{
	float: left;
  width:18%;
  /*height:80px;*/
  background:none;
  /*border: 1px solid #ddd;*/
  border-radius: 0;
  margin-left: 2.5%;
  opacity:1;
  position: relative;
}
.swiper-pagination-bullet:first-child{
    margin-left: 0;
}
.swiper-pagination-bullet img{
  max-width: 100%;
  /*max-height: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);*/
  }
.swiper-pagination-bullet-active{
  /*border: 1px solid #05c1f1*/
}

.lalala-right{float: right;width: 81%;}/*padding-left: 28%!important;*/
.lalala-right h1{font-size: 30px;color: #333;margin-bottom: 6px;    line-height: 40px;
    margin-top: -10px;height: 80px;overflow: hidden;}
.lalala-right p{font-size: 16px;color: #555;margin-bottom: 50px;line-height: 1.7em}
.lalala-right .arc_info{height: 12.6em;overflow: hidden;}
.right-mar ul li{
	margin-left: 0%!important;
}
.lalala-right {
    margin-left: -23%;
    padding-left: 340px;
    position: relative;
    z-index: 1;
    float: left;}
.pro_arc_share{
  	float: left;
	margin-left: -60px;
  }
.pro_arc_share span{float: left;width: 90px;display: block;font-size: 16px;color: #555;padding-top: 39px;}
.pro_arc_share ul{float: left;width: 100%;margin-left: -90px;padding-left: 90px;padding-top: 40px;}
.pro_arc_share ul li{width: 24px;height: 24px;background-image: url(../images/share.png);background-repeat: no-repeat;margin-left: 30px;float: left;overflow: hidden;cursor: pointer;}
.pro_arc_share ul li:first-child{margin-left: 0;}
.pro_arc_share ul li a{display: block;width: 100%;height: 100%;}
.pro_arc_share ul .share1:hover{background-position: -1px -1px}
.pro_arc_share ul .share2:hover{background-position: -1px -26px}
.pro_arc_share ul .share3:hover{background-position: -1px -51px}
.pro_arc_share ul .share4:hover{background-position: -1px -76px;margin-left: 30px!important;}
.pro_arc_share ul .share5:hover{background-position: -1px -102px}
.pro_arc_share ul .share6:hover{background-position: -1px -127px}
.pro_arc_share ul .share1{background-position: -27px -1px}
.pro_arc_share ul .share2{background-position: -27px -26px}
.pro_arc_share ul .share3{background-position: -27px -51px}
.pro_arc_share ul .share4{background-position: -27px -76px}
.pro_arc_share ul .share5{background-position: -27px -102px}
.pro_arc_share ul .share6{background-position: -27px -127px}
.pro_arc_tel{margin: 30px 0;}
.pro_arc_tel_img{float: left;margin-left: 30px;}
.pro_arc_tel_img:first-child{margin-left: 0}
.pro_arc_tel_img img{float: left;width: 24px;margin-top: 3px;}
.pro_arc_tel_img p{float: left;margin-left: 10px;font-size: 16px;color: #005c35;line-height: 24px;margin-bottom: 0}
.pro_arc_tel_img a{font-size: 16px;color: #005c35;line-height: 24px;}
.pro_info{margin-top: 60px}
.contact ul li{float: left;width: 150px;margin-right: 10px;height: 50px;border: 1px solid #05c1f1;margin-bottom: 10px;}

.contact ul li a{display: block;width: 100%;height: 100%;padding: 15px 31px;}
.contact ul li:hover a{background-color: #05c1f1;}
.contact ul li:hover span{color: #fff;}
.contact ul li .contact_img{float: left;width: 23px;height: 18px;margin-left:5px;	background-image: url(../images/CTA.png);background-repeat: no-repeat;}

.contact ul li span{float: left;display: block;line-height: 18px;color: #05c1f1;}
.contact ul li .contact_img1{background-position: 0 0;}
.contact ul li .contact_img2{background-position: 0 -17px;}
.contact ul li .contact_img3{background-position: 0 -36px;}
.contact ul li:hover .contact_img1{background-position: -24px 0;}
.contact ul li:hover .contact_img2{background-position: -24px -17px;}
.contact ul li:hover .contact_img3{background-position: -24px -36px;}

.pro_info_link{width: 100%;margin: 30px 0;}
.pro_info_link a{padding: 15px 20px;display: block;width: 33.33%;background-color: #efefef;font-size: 18px;line-height: 20px;color: #999;float: left;border-left: 2px solid #fff;text-align: center;}

.pro_info_link a:hover{background-color: #05c1f1;color: #fff;}

.pro_arc_tit{position: relative;margin-top: 50px;}
.pro_arc_tit h2{font-size: 22px;color: #05c1f1;line-height: 22px;border-left: 2px solid #05c1f1;margin-bottom: 30px;padding-left: 20px;}
.pro_arc_tit div{position: absolute;top: -95px;}

.pro_arc_app p{font-size: 16px;color: #555;}

.adv_left{float: left;width: 50%;}
.adv_left p{
	font-size: 16px;
    margin-bottom: 10px;
    color: #555;
}


.adv_right{float: right;width: 47%;}

.adv_left img{width: 100%;}

.adv_right h3{font-size: 16px;color: #05c1f1;margin-bottom: 20px;}
.adv_right p{font-size: 16px;margin-bottom: 10px;color: #555;}
.adv_right img{width: 100%;}

.spe table{width: 100%;}
.spe table td{font-size: 16px;color: #555;padding: 20px 30px;}

.spe ul li{font-size: 16px;color: #555;margin-bottom: 10px;list-style: }
.spe table tr:nth-child(2n+1){background-color:#f6fcf1 }

.pro_arc_rela ul li{float: left;width: 22%;margin-left: 4%;}
.pro_arc_rela ul li:first-child{margin-left: 0;}
.pro_arc_rela ul li .rela_img{width: 100%;text-align: center;    display: flex;
    align-items: center;
    justify-content: center;}
/*.pro_arc_rela ul li .rela_img img{max-width: 100%;max-height: 100%;}*/
.pro_arc_rela ul li .rela_tit{padding: 10px 20px;background-color: #c8c8c8;}
.pro_arc_rela ul li .rela_tit p a{font-size: 18px;line-height: 1.5em;height: 3em;overflow: hidden;color: #fff;}
.pro_arc_rela ul li:hover .rela_tit{background-color: #05c1f1}

.pro_case ul li{float: left;width: 23.5%;margin-left: 2%;cursor: pointer;border: 1px solid #e7e7e7!important;}

.pro_case ul li:first-child{margin-left: 0;}
.case_img{background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;}
.case_info{background-color: #05c1f1;width: 100%;height: 100%;position: relative;display: none;opacity: 0.82}
.case_info p{position: absolute;text-align: center;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;font-size: 20px;color: #fff;line-height: 1.5em;padding: 0 20px;opacity: 1;}
.pro_case ul li:hover .case_info{display: block;}

.pro_case .rela_tit{
	padding: 10px 20px;
}
.pro_case .rela_tit p a{
	text-align: center;
	font-size: 16px;line-height: 1.5em;height: 3em;overflow: hidden;color: #555;
}
.pro_case .rela_tit p a:hover{
	color: #0da7ee;
}
.pro_case-fenzhi ul li{
	border:none
}
.pro_case-fenzhi ul li .rela_tit p a:hover{
	color: #0da7ee;
}
.table{
	width: 100%;
	overflow: auto;
}
.pro_case-border ul li{
	border: 1px solid #e3e3e3;

}
.pro_case-border ul li:hover{
	box-shadow: 0px 0px 15px #c0effb;
}
.pro_case-fenzhi li:hover{
	box-shadow: 0px 0px 15px #c0effb;
}
.pro_case-axb li:hover{
	box-shadow: 0px 0px 15px #c0effb;
	border:none!important;
}
table{
	width: 100%;
	
}

table th{
	height: 78px;
	font-size: 16px;
	color: #fff;
	background: #05c1f1;
	    padding: 0px 49px;
}
table tr td{
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #555;
	border: 1px solid #f1f1f1;
}
table tr:nth-child(2n-1){
	background: #f4f4f4;
}
table tr:first-child{
	background-color: #05c1f1;
	color: #fff;
}
table tr:first-child td p{
	color: #fff;
}
.pro_arc_adv-posi-img{
	  /*position: relative;*/
    left: -30%;
    top: 0;
}
.message{padding: 50px 0;}
.message h2{font-size: 24px;line-height: 24px;color: #0da7ee;text-align: center;}
.message img{width: 24px;margin-right: 20px;}
.message p{font-size: 16px;color: #9f9f9f;margin: 20px 0 30px;text-align: center;}
.message>.box{
	box-shadow: 0px 0px 20px 4px #efefef;
	padding: 30px 0 30px 0px;
}


@media (max-width:1076px) {
.pro_info_link a{height: 70px;line-height: 45px;}

}
@media (max-width:1024px) {
  .left,.lalala-right{width: 100%;margin-bottom: 100px;}
  .pro_arc_rela ul li{width: 48%;margin-left: 4%;margin-bottom: 20px;}
  .pro_arc_rela ul li:nth-child(2n+1){margin-left: 0;}
  .pro_case ul li{width: 48%;margin-left: 4%;margin-bottom: 20px;}
  .pro_case ul li:nth-child(2n+1){margin-left: 0;}
  .adv_left{width: 100%;margin-right: 0;}
  .adv_right{width: 100%;margin-top: 15px;}
  .lalala-right h1{margin-bottom: 50px;}
  .pro_arc_adv-posi-img{
	  position: relative;
    left: 0;
    top: 0;
	}
	.lalala-right{
		padding-left: 0;
		margin-left: 0;
	}
	.adv_right img{
		margin-left: 0;
	}
}
@media (max-width:768px) {
  .box{width: 90%;}
  .lalala-right h1{margin-bottom: -5px;margin-top: 10px;}
  .pro_info_link a{width: 100%;height: auto;margin-bottom: 10px;}
  .pro_arc_share{
  	float: left;
  }
	.pro_arc_share ul .share1{
		margin-left: 30px!important;
	}
	.pro_arc_share ul .share3{
		margin-left: 30px!important;
	}
	.pro_arc_share ul .share5{
		margin-left: 30px!important;
	}
	.pro_arc_share{
		margin-left:0px;
	}
	.left{
		margin-bottom: 45px;
	}
	.lalala-right{
		margin-bottom: 20px;
	}
	.adv_left iframe{
		width: 100%!important;
		height: 300px!important;
	}
	.pro_arc{
		padding: 15px 0;
	}
}
@media (max-width:644px) {
  .pro_arc_tel_img{margin-bottom: 20px;margin-left: 0;}
  /*.pro_arc_rela ul li .rela_img,.case_img{height: 120px;}*/
  .pro_arc_rela ul li .rela_tit p{font-size: 18px;}
	
  #pro_arc_top .swiper-slide{height: 300px!important;}
  .pro_arc_rela ul li{
  	width: 100%;
  	margin-left: 0;
  }
  .pro_case ul li{
  	width: 100%;
  	margin-left: 0px;
  }
  .pro_arc_share ul .share1{
		margin-left: 5px!important;
	}
	.pro_arc_share ul .share2{
		margin-left: 5px!important;
	}
	.pro_arc_share ul .share3{
		margin-left: 5px!important;
	}
	.pro_arc_share ul .share4{
		margin-left: 5px!important;
	}
	.pro_arc_share ul .share5{
		margin-left: 5px!important;
	}
	.pro_arc_share ul .share6{
		margin-left: 5px!important;
	}
	.swiper-pagination-bullet{
		height: 50px;
	}
	.contact ul li{
		width: 100%;
	}
	.contact ul li a{
		display: flex;
		justify-content: center;
	}
	.left{
		    margin-bottom: 50px;
	}
	.lalala-right .arc_info {
		margin-top: 15px;
	    height: 15.6em;
	    overflow: hidden;
	}
	.pro_info{
		margin-top: 30px;
	}
}
@media (max-width:400px){
	.left{
		margin-bottom: 20px;
	}
}
@media (max-width:1124px) {
  .lalala-right {
      margin-left: -34%;
  }

  .lalala-right {
      width: 92%;
  }
}
@media (max-width:1024px) {
	.lalala-right {
      margin-left: 0px;
  }
}
table tr:first-child td span{
	color: #fff;
}
table tr:first-child td pre{
	color: #fff;
}

/* 3 */