body,html{ width:100%;height:100%;margin:0;position:relative;overflow:hidden; }

/*indexmain*/
.indexmain{ width:100%;position:absolute;top:0;left:0;transition:all .5s ease-in-out; }


/*indexpage*/
.indexpage{ position:fixed;top:50%;right:20px;transform:translatey(-50%);z-index:10; }
.indexpage ul li{ width:12px;height:12px;margin:20px;border-radius:50%;border:1px solid #fff;transition:all .5s; }
.indexpage ul li.on{ background:#fff; }
.indexpage ul{ transition:all .5s; }
.indexpage ul.hide{ opacity:0; }
.indexpage ul.blue li{ border:1px solid #0378bb; }
.indexpage ul.blue li.on{ background:#0378bb; }

.page{ height:calc(100% - 90px);padding-top:90px;box-sizing:border-box;position:relative; }
.page .box{width:100%;position:absolute;top: calc((100% - 90px)/2 + 90px);left:50%;transform: translate(-50%,-50%);}


.banner .swiper-container { width:100%;height:100%; }
.banner .swiper-container img{ width:100%;height:100%; } 
.banner .swiper-pagination-bullet { width:18px;height:18px;display:inline-block;border-radius:100%;background:rgba(0,0,0,0);opacity:1;border:1px solid #fff; }
.banner .swiper-pagination-bullet-active { opacity: 1;background: #fff; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 50px; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 12px; }

.page .title{ font-size:28px;text-align:center;line-height:80px;color:#fff; }
.page .title span{ display:inline-block;height:100%;position:relative; }
.page .title span:after{ content:"";display:block;width:80%;height:1px;position:absolute;top:70px;left:10%;background:#fff; }


/*procuct guoji*/
/*sec2 bigmap*/
.sec2{ background:#2478a7;padding-top:120px; }
.sec2 .title{ margin-bottom:50px;color:#fff; }
.sec2 .title span:after{ background:#fff; }
.sec2 .map{ width:100%;position:relative; }
.sec2 .map img{max-height:100%;display:block;width: 100%;}
.sec2 .map .bigpoint{width:82px;height:82px;position:absolute;top: 30%;left: 72%;cursor: pointer;transform: translate(-50%,-50%);z-index: 9;}
.sec2 .map .bigpoint .dd{ width:40px;height:40px;background:#fff;position:absolute;top:21px;left:21px;border-radius:50%;z-index:1; }
.sec2 .map .bigpoint:hover .dd{ background:#fcbd3a; }
.sec2 .map .bigpoint .maplogo{width:330px;height:80px;position:absolute;top: -85px;right: -65px;display:none;}
.sec2 .map .bigpoint:hover .maplogo{ display:block; }
.sec2 .map .dw{position:absolute;cursor: pointer;transform: translate(-50%,-50%);z-index: 2;}

.sec2 .map .dw.sp_1{top: 52%;left: 54%;}
.sec2 .map .dw.sp_2{top:79%;left: 87.8%;}
.sec2 .map .dw.sp_3{top: 67%;left: 50%;}
.sec2 .map .dw.sp_4{top: 61.5%;left:52.5%;}
.sec2 .map .dw.sp_5{top: 55%;left: 41%;}
.sec2 .map .dw.sp_6{top: 55%;left: 61.5%;}
.sec2 .map .dw.sp_7{top: 53%;left: 64.5%;}
.sec2 .map .dw.sp_8{top: 65%;left: 47%;}
.sec2 .map .dw.sp_9{top: 39%;left: 64.5%;}
.sec2 .map .dw.sp_10{top: 55%;left: 51.3%;}

.sec2 .map .dw.on{ z-index:10; }
.sec2 .map .dw .desc{position:absolute;top: 80px;left: -50px;width:408px;z-index:3;border-radius:10px;overflow:hidden;box-shadow:0 5px 10px #575757;transform:translate(-100%,-100%);display:none;}
.sec2 .map .dw .desc.on{ display:block; }
.sec2 .map .dw .desc .top{height: 40px;line-height: 20px;padding: 10px 0;font-size: 15px;text-align: center;background: rgba(255,255,255,.86);}
.sec2 .map .dw .desc .top.one{ line-height:40px; }
.sec2 .map .dw .desc .top .back{ width: 32px; height: 32px; background: url(/uploads/image/etbiimg/back.png)no-repeat; position: absolute; right: 16px; top: 14px; }
.sec2 .map .dw .desc .mid{ width: 408px; height: 260px; overflow: hidden; }
.sec2 .map .dw .desc .mid img{ width: 100%; height: 100%; }
.sec2 .map .dw .desc .bot{background: #fff;padding-top: 10px;}
.sec2 .map .dw .desc .bot a{display: block;line-height: 20px;padding: 10px 20px 20px 0;font-size: 12px;color: #999;text-align: right;}
.sec2 .map .dw .desc .bot p{padding: 0px 20px;font-size:12px;line-height:20px;text-align:justify;color: #888888;}
.sec2 .map .dw .desc .bot a:hover{ color:#0e6eb8; }

.sec2 .map .dw .cd{ position:relative; }
.sec2 .map .dw .cd .xd{position: absolute;top: 15px;left: 15px;z-index:2;width: 20px;height: 20px;background:#fff;border-radius:50%;}
.sec2 .map .dw.on .xd,
.sec2 .map .dw .cd:hover .xd{ background:#fcbd3a; }

/*点*/
.point-area{ text-align:center;width:50px;height:50px;transition:opacity .5s ease-out; }
.point-area .point {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  margin: auto;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background: transparent
}
.point-area .point-10,
.point-area .point-20,
.point-area .point-30,
.point-area .point-40,
.point-area .point-50,
.point-area .point-60,
.point-area .point-70,
.point-area .point-80,
.point-area .point-90,
.point-area .point-100{ width:100%;height:100%; }

.point-area .point-10:after,
.point-area .point-20:after,
.point-area .point-30:after,
.point-area .point-40:after,
.point-area .point-50:after,
.point-area .point-60:after,
.point-area .point-70:after,
.point-area .point-80:after,
.point-area .point-90:after,
.point-area .point-100:after{ content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #ffffff;opacity:0; }

.point-area .point-10:after { -webkit-animation: ripple 4.5s ease-out 225ms infinite; animation: ripple 4.5s ease-out 225ms infinite; }
.point-area .point-20:after { -webkit-animation: ripple 4.5s ease-out .45s infinite;  animation: ripple 4.5s ease-out .45s infinite; }
.point-area .point-30:after { -webkit-animation: ripple 4.5s ease-out 675ms infinite; animation: ripple 4.5s ease-out 675ms infinite; }
.point-area .point-40:after { -webkit-animation: ripple 4.5s ease-out .9s infinite;   animation: ripple 4.5s ease-out .9s infinite; }
.point-area .point-50:after { -webkit-animation: ripple 4.5s ease-out 1125ms infinite;animation: ripple 4.5s ease-out 1125ms infinite; }
.point-area .point-60:after { -webkit-animation: ripple 4.5s ease-out 1.35s infinite; animation: ripple 4.5s ease-out 1.35s infinite; }
.point-area .point-70:after { -webkit-animation: ripple 4.5s ease-out 1575ms infinite;animation: ripple 4.5s ease-out 1575ms infinite; }
.point-area .point-80:after { -webkit-animation: ripple 4.5s ease-out 1.8s infinite;  animation: ripple 4.5s ease-out 1.8s infinite; }
.point-area .point-90:after { -webkit-animation: ripple 4.5s ease-out 2025ms infinite;animation: ripple 4.5s ease-out 2025ms infinite; }
.point-area .point-100:after{ -webkit-animation: ripple 4.5s ease-out 2.25s infinite; animation: ripple 4.5s ease-out 2.25s infinite; }

@-webkit-keyframes ripple {
  0% { opacity: 0;-webkit-transform: scale(.1) }
  5% { opacity: 1 }
  to { opacity: 0; -webkit-transform: scale(1) }
}
@keyframes ripple {
  0% { opacity: 0;-webkit-transform: scale(.1);transform: scale(.1) }
  5% { opacity: 1 }
  to { opacity: 0; -webkit-transform: scale(1); transform: scale(1) }
}
[not-existing] { zoom: 1 }



.morebtn{ border:2px solid #0e6eb8;display:block;width:180px;line-height:50px;font-size:20px;text-align:center;margin:30px auto;border-radius:12px;color:#000;transition:all .5s; }
.morebtn:hover{ background:#0e6eb8;color:#fff; }
/*sec3*/
.sec3 .box{ height:calc(100% - 90px);max-height: 1000px; }
.sec3 .box .title{ color:#4d4d4d; }
.sec3 .box .title span:after{ background:#0e6eb8; }
.sec3 .casesbox{ width:1280px;height: calc(100% - 250px);max-height: 750px;overflow:hidden;margin: 0 auto;padding: 30px 0;}
.sec3 .casesbox li{ width:300px;height: 100%;margin:0 5px;float:left;position:relative;cursor:pointer;overflow:hidden; }
.sec3 .casesbox li .tupian{ width:100%;height:100%;transition:all .5s; }
.sec3 .casesbox a:nth-of-type(1) li .tupian{ background:no-repeat center center;background-size:cover; }
.sec3 .casesbox a:nth-of-type(2) li .tupian{ background:url(/uploads/image/etbiimg/case_img2.png)no-repeat center center;background-size:cover; }
.sec3 .casesbox a:nth-of-type(3) li .tupian{ background:url(/uploads/image/etbiimg/case_img3.png)no-repeat center center;background-size:cover; }
.sec3 .casesbox a:nth-of-type(4) li .tupian{ background:no-repeat center center;background-size:cover; }
.sec3 .casesbox li:after{ content:"";display:block;background:rgba(0,0,0,.3);width:100%;height:100%;position:absolute;top:0;left:0;opacity:1;transition:all 1s; }
.sec3 .casesbox li .tit{font-size:18px;line-height:80px;color:#fff;text-align:center;position: absolute;top: 0;left: 0;width: 100%;z-index: 1;}
.sec3 .casesbox li .casename{font-size:18px;line-height:28px;text-align:center;color:#fff;position:absolute;top:calc(100% - 110px);left:0;width:100%;z-index:1;transition:all .5s;}
.sec3 .casesbox li:nth-of-type(2) .casename,
.sec3 .casesbox li:nth-of-type(3) .casename{ top:calc(100% - 82px); }
.sec3 .casesbox li:hover:after{ opacity:0; }
.sec3 .casesbox li:hover .casename{ top:160px; }
.sec3 .casesbox li:hover .tupian{ transform:scale(1.1,1.1); }

/*sec4*/
.sec4 .box{ width:1200px; }
.sec4 .box{ height:calc(100% - 90px);max-height: 1000px; }
.sec4 .box .title{color:#4d4d4d;overflow:  hidden;}
.sec4 .box .title span:after{ background:#0e6eb8; }

.sec4 .box .title.bt{ padding:0 8px;overflow:hidden;margin-top:25px;font-size:22px;line-height:30px; }
.sec4 .box .title.bt h3{ color:#4d4d4d;float:left; }
.sec4 .box .title.bt h3 span:after{ background:#0e6eb8;top:auto;bottom:0;left:0;width:70px;height:2px; }
.sec4 .box .title.bt a{ float:right;color:#4d4d4d; }
/*news*/
.newslist{ padding:10px 0;width:1218px; }
.newslist ul{ overflow:hidden; }
.newslist li{ width:390px;margin:8px;float:left;transition:all .5s;}
.newslist li .img{ width:380px;height:140px;overflow:hidden;position:relative; }
.newslist li .img img{ display:block;width:100%;min-height:100%;position:absolute;top:50%;left:0;transform:translatey(-50%); }
.newslist li .info{ color:#333;padding:10px 20px 0 0;}
.newslist li .info h3{ font-size:18px;line-height:26px;height:52px;overflow:hidden;font-weight:bold;text-align:justify;word-break:break-all }
.newslist li .info .time{ color:#999;font-size:14px;line-height:30px; }
.newslist li .info .time span{ padding-right:5px; }
.newslist li .info p{ font-size:14px;line-height:20px;height:80px;overflow:hidden;text-align:justify;word-break:break-all }
.newslist li .info div.morebtn{ margin:12px 0 10px;width:120px;line-height:38px;font-size:16px; }
.newslist li:hover .info div.morebtn{ background:#0e6eb8;color:#fff; }

@media screen and (max-width:1920px){
  .sec4 .box .title.bt{ margin-top:5px; }
  /*news*/
  .newslist li .info h3{ font-size: 16px;line-height: 20px;height: 20px;overflow: hidden; }
  .newslist li .info .time{ display: none; }
  .newslist li .info p{ font-size:14px;line-height:20px;height:40px;overflow:hidden;margin:8px 0; }
  .newslist li .info div.morebtn{ margin:5px 0 5px;width:100px;line-height:30px;font-size:16px; }
}

@media screen and (max-width:1440px){
  .sec4 .box .title.bt{ margin-top:0px;font-size:18px;line-height:26px; }
  .sec4 .box .title.bt h3 span:after{ width:55px;height:1px; }
  /*news*/
  .newslist li .info div.morebtn{ margin:3px 0 3px;line-height:24px;font-size:14px; }
}

footer{ display:none; }