@charset "utf-8";

/* 业务领域 */
.business-area{ width: 100%; background-color: #F6FAFD; padding-bottom: 30px;}

.business-area .area{ width: 100%; position: relative; margin-top: 10px; }
  .business-area .area .nav .list{ width: 100%; display: flex; justify-content: space-between; align-items: center; height: 70px; background-color: #fff; position: absolute;top: -35px;}
  .business-area .area .nav .list li {cursor: pointer; padding: 20px; height: 20px; position: relative;}
  .business-area .area .nav .list li div{width: 42px; height: 3px; overflow: hidden; position: absolute;left: 20px; bottom: 14px; display: none;}
 

.business-area .area .container{ width: 100%; padding-top: 35px; padding: 62px 0 15px 0; background-image: url(../images/area_backGround.png); background-size: 100% 100%; }
  .business-area .area .container .item{ width: 30%; color: #ffff; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;}
  .business-area .area .container .item p{ font-size: 18px; }
  .business-area .area .container .item span{ font-size: 14px; }
  .business-area .area .container .item i{width: 88px; height: 3px; background-color: #EC7648; display: block;} 

  .business-area .area .container .text{width: 90%; margin: 0 auto;}
  .business-area .area .container .text p{font-size: 16px; color: #fff;}


.business-area .area .container .title ul{ display: flex; justify-content: center; flex-direction: column; align-items: center; }
  .business-area .area .container .title ul li{ text-align: center; color: #fff; }
  .business-area .area .container .title ul li p{ font-size: 24px; }
  .business-area .area .container .title ul li span{ font-size: 14px; letter-spacing: 2px; letter-spacing: 1px; margin-top: 3px; }
  .business-area .area .container .title ul li i{ width: 88px; height: 3px; background-color: #ED7948; display: block; margin-top: 4px; }

.business-area .area .container .text{width: 90%; padding: 23px 0; margin: 0 auto;text-indent: 2em;}
  .business-area .area .container .text p{font-size: 14px; line-height: 24px;}


	.list .active{
		color: #096AAF;
	}
	.content li{
		display: none;
	}
	.nav .show{
		display: block;
	}
  .list .active .on{display: block;}


/* 小轮播图 */
/* .wrper {width: 100%; background-color: #E1E1E1; z-index: 555; position: relative; margin-top: 15px;}
  .swiper-container {
    width: 80%;
    height: 208px; z-index: 666;
    background-color: #fff; margin:  0 15px;
  }
  .swiper-container .swiper-wrapper .swiper-slide { width: 196px; height: 100%;}
  .swiper-button-next,.swiper-button-prev{ width: 32px; height: 32px; position: absolute; top: -110px; color: #9A9790; z-index: 999; font-weight: bold;}
  .swiper-button-next span,.swiper-button-prev span{font-size: 36px;}
  .swiper-button-next {position: absolute;left: -4%;}
  .swiper-button-prev {position: absolute;right: -4%;}
  .swiper-container .swiper-wrapper .swiper-slide a{width: 100%; height: 100%; display: block;}
  .swiper-container .swiper-wrapper .swiper-slide .img{width: 100%; height: 70%;}
  .swiper-container .swiper-wrapper .swiper-slide .img img{width: 100%; height: 100%;}
  .swiper-container .swiper-wrapper .swiper-slide .msg{width: 100%; height: 30%; background-color: #C6C6C6; display: flex; align-items: center; justify-content: center;}
  .swiper-container .swiper-wrapper .swiper-slide .msg p{color: #616161; font-size: 14px;} */


    /* .Classic-cases .wper{ width: 100%; background-color: #F6FAFD; padding: 50px 0; display: block; margin: 0 0 352px 0; } */
    .area .content .wper{ width: 100%; display: flex; justify-content: flex-start; }
    .area .content .image{ width: 186px; background-color: #D0D0D0; margin: 30px 22px 15px 22px; }
    /*.area .content .image img{ width: 100%; height: 228px; padding: 0 0 5px 0; }*/
    .area .content .image p{ font-size: 12px; padding: 0 0 12px 0; text-align: center; color: #333; }


    .image .imgbox{ width: 96%; height: 228px;    padding: 5px 0;margin: 0 2% 5px 2%;overflow: hidden;display: flex;align-items: center; }
    .image .imgbox img{width:100%;}
    .image p{ font-size: 12px; padding: 0 0 5px 0; text-align: center; color: #333; }
.image p{ font-size: 12px; padding: 0 0 5px 0; text-align: center; color: #333; }



/* 相关仪器设备介绍 */
.Related-equipment {width: 100%; height: 920px; background-color: #808080;}
.Related-equipment .container{ width: 100%; height: 97%; background-image: url(../images/area_backGround2.png); background-size: 100% 100%;}

.Related-equipment .container .introduce{ display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.Related-equipment .container .introduce .item{ width: 170px; height: 190px; /*border: 5px solid rgba(50, 50, 50, .8); border-radius: 50%; */margin: 30px 30px;}
.Related-equipment .container .introduce .item img{ width: 100%;/* height: 100%; */border: 5px solid rgba(50, 50, 50, .8);border-radius: 50%; }
.Related-equipment .container .introduce .item p{color: #fff;text-align: center;line-height: 35px;font-size: 16px;}

.Related-equipment .container .title{padding-top: 50px;}


.container .title .con{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; 
}
.container .title .con .item{ text-align: center; }
.container .title .con .item p{ font-size: 26px; color: #F7F7F7; letter-spacing: 1px; }
.container .title .con .item span{ font-size: 14px; color: #F7F7F7; letter-spacing: 0px; margin-top: 3px; }
.container .title .con .item i{ width: 78px; height: 3px; background-color: #F07844; display: block; margin-top: 4px; }



/* 项目动态 */
.dynamic{margin-bottom: 184px;}
.dynamic .container .title{margin: 38px 0 30px 0;}
.dynamic .container .title .con .item p,.dynamic .container .title .con .item span{color: #313131;}
.dynamic .container .content{width: 100%; height: 100%;}
.dynamic .container .content .item{width: 31%; display: inline-block; float: left; margin: 16px 1%; }
.dynamic .container .content .item .data{ width: 24%; height: 100%; border: 2px solid #D0D0D0; color: #606060; text-align: center;}
.dynamic .container .content .item .data h3{font-size: 32px; padding: 10px 0;}
.dynamic .container .content .item .data p{font-size: 12px; padding-bottom: 15px;}
.dynamic .container .content .item .con{ width: 68%; height: 100%; padding: 3px 0 3px 14px; }
.dynamic .container .content .item .con p{ font-size: 14px; line-height: 30px; color: #060606; padding: 0 0 8px 0; font-weight: bold; transition: .35s; text-overflow : ellipsis; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.dynamic .container .content .item .con span{ font-size: 12px; text-overflow : ellipsis; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.dynamic .container .content .item a:hover .data h3{color: #fff;}
.dynamic .container .content .item a:hover .data p{color: #fff;}
.dynamic .container .content .item a:hover .data{background-color: #4278CE;border: none; padding: 2px;}
.dynamic .container .content .item a:hover .con p{color: #4278CE;}