@charset "utf-8";.banner-container{width:100%;position:relative}
.banner{width:100%}
.banner-picwords{width:100%}
.banner-pic{width:100%;height:100%;overflow:hidden}
.banner-pic img{width:100%;height:100%;object-fit:cover}
.banner-pic img{width:100%;height:100%;object-fit:cover;transform:matrix(1.0,0,0,1.0,0,0);-webkit-transition:all 0.4s ease 1.2s;-moz-transition:all 0.4s ease 1.2s;-ms-transition:all 0.4s ease 1.2s;-o-transition:all 0.4s ease 1.2s;transition:all 0.4s ease 1.2s}
.swiper-slide-active .banner-pic img{transition-delay:0.4s !important;transform:matrix(1,0,0,1,0,0);-webkit-transition:all 5s ease;-moz-transition:all 5s ease;-ms-transition:all 5s ease;-o-transition:all 5s ease;transition:all 5s ease}
.banner-pic .banner-pc{display:block}
.banner-words{position:absolute;width:100%;left:0;top:45%;transform:translate(0,-50%);z-index:2;text-align:center}
.banner-words h4{font-size:44px;color:#fff;font-family:'Microsoft YaHei';font-weight:bold}
.banner-words h5{font-size:18px;color:#fff;font-family:'Microsoft YaHei';margin-top:20px}
.banner-words h5 span{border:1px solid #fff;padding:6px 35px;border-radius:30px;margin:0 10px;display:inline-block}
.swiper-slide-active .banner-words h4{animation:bannerWordsdown 1.2s ease both 600ms}
.swiper-slide-active .banner-words h5{animation:bannerWordsup 1.2s ease both 900ms}
.banner-prev,.banner-next{position:absolute;z-index:4;top:50%;width:40px;height:60px;margin-top:-30px;cursor:pointer;user-select:none;transition:all .3s ease-in-out}
.banner-prev{left:15px;background:rgba(0,0,0,.3) url('../images/banl.png') no-repeat center center}
.banner-next{right:15px;background:rgba(0,0,0,.3) url('../images/banr.png') no-repeat center center}
.banner-prev:hover,.banner-next:hover{background-color:rgba(0,129,204,1)}
.banner .swiper-pagination{bottom:20px}
.banner .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#2fc16e;opacity:0.8;vertical-align:middle;position:relative}
.banner .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #2fc16e;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0;transform:scale(0);transition:all .5s}
.banner .swiper-pagination-bullet-active{opacity:1}
.banner .swiper-pagination-bullet-active:after{opacity:1;transform:scale(1)}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px}
.products-container{width:100%;padding:80px 0 50px 0}
.products{width:1462px;margin:0 auto}
.pro_pic{width:100%;margin-top:40px}
.pro_list{width:100%;height:auto;padding:3%;padding-bottom:0;background:#f5f5f5;border-radius:5px;overflow:hidden;transition:all .4s ease-out}
.pro_list .img{width:100%;padding-top:127%;position:relative;overflow:hidden}
.pro_list .img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:all .4s ease-out}
.pro_list .text{width:100%;padding:0 5px;overflow:hidden}
.pro_list .text h5{line-height:50px;color:#444;font-size:16px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .4s ease-out}
.pro_list:hover{background:#2fc16e}
.pro_list:hover .img img{transform:scale(1.1)}
.pro_list:hover .text h5{color:#fff}
.pro_pic .swiper-container{padding-bottom:50px!important}
.pro_pic .swiper-pagination{bottom:10px}
.pro_pic .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#2fc16e;opacity:0.8;vertical-align:middle;position:relative}
.pro_pic .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #2fc16e;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0;transform:scale(0);transition:all .5s}
.pro_pic .swiper-pagination-bullet-active{opacity:1}
.pro_pic .swiper-pagination-bullet-active:after{opacity:1;transform:scale(1)}
.pro_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px}
.sybj.bgtp {
  background: url(https://27287422.s21i.faiusr.com/2/1/ABUIABACGAAgu-OKhgYoi_jV-gEwgA84kAM.jpg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.sybj {
  width: 100%;
  padding: 190px 0px;
}
.sybj .eykd {
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .sybj .bder {
    padding-left: 350px;
  }
}
.sybj .bder {
  padding: 0px 10px;
    padding-left: 10px;
}
@media (max-width: 480px) {
  .sybj {
    padding: 0px;
      width: 1000px;
  }
  .sybj.bgtp{
           width: 1000px;
           height: 388px;
}
}
.pinpai-container{width:100%;padding:26px 0 80px 0;background-size:cover;background-position:center!important; margin-top: 25px !important;}
.pinpai{margin:0 auto}
.pinpai_center{width:100%;margin-top:0px}
.pinpai_center .about_kr_text{padding-top: 52px;color:#ffffff;font-size:18px;line-height:40px;text-align:center; width:100%;
    margin: auto;}
.pinpai_center ul{width:100%;height:18px;overflow:hidden}
.pinpai_center ul li{width:24%;float:left;border-right:1px dashed #b4d6f614;text-align:center}
.pinpai_center ul li h5{font-size:30px;color:#fff;font-family:'impact'}
.pinpai_center ul li h5 span{font-size:50px;color:#fff;font-family:'impact'}
.pinpai_center ul li h6{font-size:18px;color:#fff}
.pinpai_center ul li:last-child{border-right:0px}
.video_click{display:block;width:100%;height:auto;overflow:hidden;margin:40px 0;cursor:pointer; padding-top:19px;}
.video_click h5{width:82px;height:82px;overflow:hidden;margin:0 auto;top:10px; }
.video_click h6{font-size:16px;color:#fff;text-align:center;padding-top:10px}
.video_click h6 span{border-bottom:1px solid #fff;display:inline-block}
.case-container{width:100%;background-size:cover!important;height:100%;background-position:center!important;padding:80px 0 50px}
.case{width:1600px;margin:0 auto}
.case-center{width:100%;height:auto;margin-top:50px}
.case-center .swiper-container{padding-bottom:50px!important}
.case-center .swiper-pagination{bottom:10px}
.case-center .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#fff;opacity:0.8;vertical-align:middle;position:relative;transition:all .5s}
.case-center .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #fff;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0;transform:scale(0);transition:all .5s}
.case-center .swiper-pagination-bullet-active{opacity:1}
.case-center .swiper-pagination-bullet-active:after{opacity:1;transform:scale(1)}
.case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px}
.case_list{width:100%;height:auto;overflow:hidden}
.case_list ul{margin-left:-2%}
.case_list ul li{width:23%;margin-left:2%;background-color:#fff;border-radius:3px;margin-bottom:2%;overflow:hidden;padding:15px;float:left}
.case_list ul li .img{width:100%;padding-top:75%;position:relative;overflow:hidden}
.case_list ul li .img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:all .4s ease-out}
.case_list ul li:hover .img img{transform:scale(1.1)}
.case_list ul li .text{width:100%;height:auto;padding:15px 0 5px 0;overflow:hidden}
.case_list ul li .text h5{height:30px;line-height:30px;font-size:16px;color:#444;padding-right:19px;background:url("../images/pro_jian4.png") right no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .4s ease-out}
.case_list ul li .text h6{line-height:30px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-top:5px}
.case_list ul li:hover .text h5{color:#2fc16e;background:url("../images/pro_jian5.png") right no-repeat}
.case_list ul li:first-child{width:48%}
.news-container{width:100%;padding:80px 0 80px 0}
.news{margin:17 auto}
.news-title{width:100%;height:auto;overflow:hidden;text-align:center;margin-top:20px}
.news-title ul li{display:inline-block;font-size:16px;color:#888;font-weight:normal;padding:0 20px;cursor:pointer;transition:all .4s ease-out}
.news-title ul li:hover,.news-title ul li.cur{color:#2fc16e}
.news-title ul a{text-align:center;padding:0 20px;font-size:16px;color:#888;font-weight:normal}
.news-title ul a:hover{color:#2fc16e}
.news-list{display:none}
.news-list.active{display:block;animation:hideIndex .5s;-moz-animation:hideIndex .5s;-webkit-animation:hideIndex .5s;-o-animation:hideIndex .5s}
.news-center{width:100%;margin-top:50px;overflow:hidden}
.news-left{width:50%;float:left;height:auto;overflow:hidden;padding-right:10px; font-weight: bold;}
.news-left .img{width:100%;height:456px;overflow:hidden}
.news-left .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out}
.news-left:hover .img img{transform:scale(1.1)}
.news-left .text{width:100%;background-color:#f5f5f5;padding:30px;position:relative}
.news-left .text h5{font-size:18px;color:#444;padding-right:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:30px;line-height:30px;transition:all .4s ease-out}
.news-left .text h6{font-size:14px;color:#999;line-height:30px;height:90px;padding-right:100px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.news-left:hover .text h5{color:#2fc16e}
.news-time{width:90px;height:90px;background-color:#2fc16e;padding:8px;font-size:38px;color:#fff;text-align:center;position:absolute;right:30px;top:30px}
.news-time span{display:block;font-size:12px;color:#fff;text-align:center}
.news-right{width:50%;float:left;padding-left:10px;overflow:hidden}
.news-right ul li{width:100%;height:auto;margin-bottom:3px;background-color:#f5f5f5;padding:32px;overflow:hidden}
.news-right ul li .text{width:66%;float:left;padding-right:30px;overflow:hidden}
.news-right ul li .text h4{font-size:18px;color:#444;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .4s ease-out}
.news-right ul li .text h5{font-size:14px;color:#888;line-height:30px;height:60px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:15px 0}
.news-right ul li .text h6{font-size:14px;color:#555;font-family:'Arial'}
.news-right ul li:hover .text h4{color:#2fc16e}
.news-right ul li .img{width:34%;float:left;height:146px;overflow:hidden}
.news-right ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out}
.news-right ul li:hover .img img{transform:scale(1.1)}
.news-video{width:100%;margin-top:50px;overflow:hidden}
.news-video ul{margin-left:-2%}
.news-video ul li{margin-left:2%;float:left;margin-bottom:2%;position:relative;height:319px;width:31.333%;overflow:hidden}
.news-video ul li img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out}
.news-video ul li:hover img{transform:scale(1.1)}
.news-video ul li i{position:absolute;width:42px;height:42px;left:50%;top:50%;margin-left:-21px;margin-top:-21px;background:url("../images/video2.png") no-repeat center center}
.news-video ul li p{position:absolute;width:100%;font-size:20px;color:#fff;bottom:1px;text-align:center}
.news-more{width:140px;background-color:#2fc16e;border-radius:30px;height:44px;line-height:44px;color:#fff;font-size:14px;margin:0 auto;margin-top:30px;transition:all .4s ease-out}
.news-more:hover{background-color:#5abbda}
.news-more a{display:block;text-align:center}
@media all and (max-width:1700px){.products{width:92%}
.pinpai{width:92%;     margin-top: -28px !important;}
.case{width:92%}
.news{width:92% ; padding-top: 48px;
    margin: 23px auto;}
.products-container,.core_container,.news-container{padding:80px 0 60px 0}
.core_list .img{height:300px}
.news-video ul li{height:290px}
}@media all and (max-width:1599px){.pinpai_center ul li h5 span{font-size:80px}
.core_list .img{height:265px}
.news-left .img{height:380px}
.news-right ul li{padding:22px}
.news-right ul li .img{height:141px}
.news-video ul li{height:260px}
}@media all and (max-width:1439px){.products-container{padding:80px 0 50px 0}
.pinpai_center ul li h5 span{font-size:60px}
.pinpai_center ul li h6{font-size:16px}
.products-container,.core_container,.news-container{padding:50px 0}
.core_list .img{height:250px}
.core_list .text h6{font-size:14px;font-weight:normal}
.news-title ul li{padding:0 15px}
.news-title ul a{padding:0 15px}
.news-video ul li{height:246px}
}@media all and (max-width:1359px){.pinpai_center ul li h5 span{font-size:50px}
.pinpai_center ul li h6{font-size:14px}
.core_list .img{height:234px}
.news-title ul li{font-size:14px}
.news-title ul a{font-size:14px}
.news-left .img{height:335px}
.news-right ul li{padding:20px}
.news-right ul li .img{height:130px}
.news-right ul li .text h5{line-height:24px;height:49px}
.news-video ul li{height:232px}
}@media all and (max-width:1279px){.banner-words h4{font-size:36px}
.banner-words h5{font-size:14px;margin-top:15px}
.banner-words h5 span{padding:6px 30px;border-radius:30px}
.products-container{padding:60px 0 30px 0}
.core_list .img{height:210px}
.news-title ul li{padding:0 10px}
.news-title ul a{padding:0 10px}
.news-video ul li{height:208px}
}@media screen and (max-width:1200px){.pinpai_center .about_kr_text{padding-top:20px;font-size:16px;line-height:30px}
}@media all and (max-width:1151px){.news-title ul li{text-align:center;padding:0 5px;font-size:12px}
.news-title ul a{font-size:12px;padding:0 5px}
}@media all and (max-width:1000px){.banner-prev,.banner-next{display:none}
.banner-words h4{font-size:18px}
.banner-words h5{font-size:12px;margin-top:10px}
.banner-words h5 span{padding:6px 10px;border-radius:30px;margin:5px 5px}
.banner .swiper-pagination{bottom:3px}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
.products-container,.core_container{padding:25px 0; padding-top: 61px;}
.pro_pic{margin-top:20px}
.pro_list .text h5{line-height:40px;font-size:14px}
.pinpai-container{height:auto;padding:50px 0;background-size:cover!important}
.pinpai_center .about_kr_text{padding-top:30px;font-size:15px;line-height:26px;text-align:justify}
.pinpai_center ul li{width:50%;float:left;border-right:0;text-align:center;margin-bottom:20px}
.pinpai_center ul li h5{font-size:20px;color:#fff;font-family:'impact'}
.pinpai_center ul li h5 span{font-size:40px;color:#fff;font-family:'impact';font-weight:bold}
.pinpai_center ul li h6{font-size:13px;color:#fff}
.pinpai_center ul li:nth-child(2n){border-right:0px}
.core_container{width:92%;margin:0 auto}
.core_list .img{height:auto}
.core_list .img img{height:auto}
.core_list .text{padding:10px;height:100px}
.core_list .text h5{font-size:16px;font-weight:normal}
.core_list .text i{bottom:10px}
.case-container{padding:50px 0 20px}
.case-center{margin-top:30px}
.case_list ul li{width:48%;margin-bottom:10px;overflow:hidden;padding:10px}
.case_list ul li .img{height:100px}
.case_list ul li .text{padding:10px 0 0px 0;overflow:hidden}
.case_list ul li .text h5{font-size:14px;color:#444;padding-right:15px}
.case_list ul li .text h6{line-height:30px;font-size:12px;padding-top:5px}
.case_list ul li:first-child{width:98%}
.case_list ul li:first-child .img{width:100%;height:auto;overflow:hidden}
.news-container{padding:30px 0}
.news-title{margin-top:10px}
.news-center{margin-top:30px}
.news-left{width:100%;padding-right:0px;margin-bottom:10px}
.news-left .img{height:auto}
.news-left .text{padding:10px}
.news-time{width:60px;height:60px;right:10px;font-size:20px;padding:5px}
.news-left .text h5{font-size:16px;padding-right:70px;height:24px;line-height:24px}
.news-left .text h6{font-size:12px;color:#999;line-height:22px;height:76px;padding-right:70px;padding-top:10px}
.news-right{width:100%;padding-left:0px}
.news-right ul li{margin-bottom:3px;padding:10px}
.news-right ul li .text{width:66%;float:left;padding-right:10px;overflow:hidden}
.news-right ul li .text h4{font-size:16px;color:#444;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-right ul li .text h5{font-size:12px;color:#888;line-height:22px;height:44px;margin:4px 0}
.news-right ul li .text h6{font-size:14px;color:#555;font-family:'Arial'}
.news-right ul li:hover .text h4{color:#5abbda}
.news-right ul li .img{width:34%;float:left;height:101px;overflow:hidden}
.news-video{margin-top:30px}
.news-video ul{margin-left:0%}
.news-video ul li{margin-left:0;margin-bottom:2%;height:auto;width:100%}
.news-video ul li p{font-size:14px;bottom:10px}
.pro_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
.core .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
.case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
}.news-video >ul>li>a>p{background:black;opacity:0.8}
.contain-1400{max-width:98%;margin:0 auto}
.indpro{width:100%;background:#f5f5f5;padding:80px 0 40px 0}
.indpro-menu{width:100%;font-size:0;text-align:center;margin:30px 0 46px;user-select:none}
.indpro-menu li{display:inline-block;vertical-align:top;border-bottom:1px solid #d9e0ea;padding:0 34px}
.indpro-menu li:first-child{padding-left:0}
.indpro-menu li:last-child{padding-right:0}
.indpro-menu-link{height:48px;display:block;position:relative}
.indpro-menu-link i,.indpro-menu-link span{display:inline-block;vertical-align:middle;height:28px;line-height:28px}
.indpro-menu-link span{font-size:18px;color:#444;font-weight:700;margin-left:12px;transition:all .4s ease}
.indpro-menu-link::after{content:"";position:absolute;width:0%;height:2px;background:#1d60ad;left:0;bottom:-1px;right:0;margin:0 auto;transition:all .4s ease}
.indpro-menu-link.active span,.indpro-menu-link:hover span{color:#1d60ad}
.indpro-menu-link.active::after{width:100%}
.indpro-loop{width:100%}
.indpro-items{width:100%;display:none}
.indpro-items.active{display:block;animation:hideIndex .5s;-moz-animation:hideIndex .5s;-webkit-animation:hideIndex .5s;-o-animation:hideIndex .5s}
@keyframes hideIndex{0%{opacity:0;transform:translateY(50px)}
100%{opacity:1;transform:translateY(0)}
}.indpro-ul{margin:-2% 0 0 -2%}
.indpro-link{display:block;align-items:center;position:relative;transition:all .4s ease;margin:2% 0 0 2%;justify-content:center;width:31.3333%;float:left;background:#fff;box-shadow:0 2px 12px 2px rgba(29,32,136,0.1);overflow:hidden}
.indpro-link .img{width:100%;padding-top:75%;position:relative;overflow:hidden}
.indpro-link .img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:all .6s ease}
.indpro-cont{position:absolute;transform:scale(0.8);opacity:0;transition:all .6s ease;z-index:4;width:92%;padding:0 20px;height:90%;background:rgba(30,112,196,0.80);display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff}
.indpro-cont h2{font-size:18px;font-weight:700;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.indpro-cont p{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.indpro-link:hover .indpro-cont{transform:scale(1);opacity:1}
.indpro-ul .text{padding:20px;background-color:#f5f5f5;overflow:hidden}
.indpro-ul .text h6{height:30px;line-height:30px;font-size:16px;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url('../images/pro_jian4.png') right center no-repeat;padding-right:20px;transition:all .4s ease}
.indpro-ul:hover .text h6{color:#2fc16e;background:url('../images/pro_jian5.png') right center no-repeat}
.indpro-link img:hover{transform:scale(1.1)}
@media all and (max-width:1000px){.indban-cont h2{font-size:32px}
.indban-cont p{font-size:18px}
.indban-img img.pc{min-height:400px}
@keyframes banCont{0%{transform:translateY(80px);opacity:0}
100%{transform:translateY(0);opacity:1}
}.indtab-link p{font-size:14px;line-height:22px}
.indser-ul{height:auto;margin-top:1px}
.indser{padding:68px 0}
.indser-list{margin-top:44px}
.indser-link{width:50%;margin-top:-1px}
.indpro-menu li{padding:0 12px}
.indpro-menu-link{height:42px}
.indpro-link{width:48%}
.indpro-cont{width:94%;padding:16px 20px;height:auto;bottom:0%;opacity:1;transform:scale(1)}
.indrel-cont{width:100%}
.indrel-rel{margin-left:0;width:100%;margin:20px 0}
.indget-rel{width:100%}
.indget-cont{width:100%;padding-left:0;margin:20px 0}
.indget-input{max-width:360px}
.indget-img{left:auto;right:0}
.indnews-main{width:100%}
.indnews-items{width:100%;margin-top:20px}
.indcall-img{width:100px;left:20px}
.indcall{padding:0px 20px 0 144px}
.indcall-cont h2{font-size:20px}
.indnews{padding-bottom:68px}
.indnews-main img{height:240px}
.indapp-cont h2 a,.indapp-cont h2 span{display:block}
.indapp-cont h2 span{margin-left:0;margin-top:8px}
}@media all and (max-width:640px){.indban-img img.pc{display:none}
.indban-img img.mb{display:block;min-height:300px}
.indban-cont{padding-bottom:0}
.indban-cont h2{font-size:22px;margin-bottom:6px}
.indban-cont p{font-size:14px}
.indtab{margin-top:20px}
.indtab-link{width:50%}
.indtab-link:nth-child(2n):after{display:none}
.indtab-link::before{content:"";position:absolute;width:100%;height:1px;bottom:0;right:0;background:#2d30a4}
.indtab-link p{font-size:13px;line-height:21px}
.indtab-link:nth-last-child(1)::before,.indtab-link:nth-last-child(2)::before{display:none}
.indtab-link h2{font-size:16px;margin:12px 0 8px}
.indtab-link i{height:32px}
.indtab-link{height:162px}
.indTitle h2{font-size:22px;line-height:1.32}
.indTitle p{font-size:16px;margin:12px 0;line-height:22px}
.indTitle i{width:48px}
.indser-img h2{font-size:16px}
.indser-cont{padding:0 12px;height:200px}
.indser-cont p{font-size:13px;line-height:21px}
.indser-img{height:132px}
.indser-list{margin-top:32px}
.indser{padding:40px 0}
.indpro{padding:40px 0}
.indpro-menu{margin:18px 0 32px}
.indpro-menu-link span{font-size:16px;margin-left:8px}
.indpro-menu-link{height:38px}
.indpro-menu li{width:50%;margin:0;margin-top:12px;text-align:center}
.indpro-menu{text-align:left}
.indpro-link{height:auto}
.indpro-cont h2{font-size:15px;margin-bottom:4px}
.indpro-cont{padding:3px 12px}
.indpro-cont p{font-size:13px}
.indpro-link img{max-width:100%;height:auto}
.indget,.indrel{padding:36px 0 20px}
.indrel-img,.indget-img{position:static;width:100%;text-align:center}
.indrel-img img,.indget-img img{max-width:200px}
.indrel-cont h2,.indget-cont h2{font-size:22px;margin-bottom:6px}
.indrel-rel h6,.indget-rel h6{font-size:22px;padding-left:40px}
.indrel-rel,.indget-cont{margin:16px 0 24px}
.indcase{padding:40px 0}
.indcase-loop{margin-top:32px}
.indcase-cont{padding-left:0 24px}
.indapp{padding:40px 0 28px}
.indapp-img{width:100%}
.indapp-cont,.indapp-img img{height:auto}
.indapp-cont{width:100%;padding:24px 20px}
.indapp-cont h2 a,.indapp-cont h2 span{font-size:20px}
.indget-input{max-width:100%;padding-left:0}
.indpar{padding:40px 0}
.indpar-loop{margin-top:32px}
.indpar-link{height:100px}
.indmix{padding-top:40px}
.indnews{padding-bottom:32px}
.indnews-list,.indnews-imglink img,.indnews-main img{height:auto}
.indnews-main img{height:180px}
.indnews-main-title p,.indnews-imglink-cont p{margin-top:10px}
.indnews-main-cont,.indnews-imglink-cont{padding:24px 20px}
.indnews-imglink{width:100%}
.indnews-list{width:100%;padding:24px 20px}
.indcall-cont h2{font-size:18px;line-height:1.32}
.indcall{padding:32px 20px 140px}
.indcall-img{right:0}
.indcall-cont,.indcall-call{height:auto}
.indcall-call{position:absolute;z-index:2;right:20px;bottom:40px}
.indpro-ul .text{padding:5px}
.indpro-ul .text h6{font-size:14px}
}@media all and (max-width:1000px){.contain-1400,.contain{width:92%}
.container-wrapper{margin-top:60px}
}
.about_kr_text wow fadeInUp d2 {width:100%}
.home-mainproduct {
    background: #f5f5f5;
    max-width: 1407px;
    /* text-align: center; */
    margin: 0 auto;
}
.home-more {
  min-width: 119px;
  height: 42px;
  background: #378B89;
  font-weight: var(--fontblod5);
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  position: relative;
  overflow: hidden;
}
.home-mainproduct .homepro-list .swiper-slide:hover::before {
    background: #378b89;
}
.home-mainproduct .homepro-list .swiper-slide:hover .info .title {
    color: #378b89;
}
.owl-pagination .owl-page.active span, #Footer .owl-pagination .owl-page.active span {
    background: #378b89 !important;
}
.mark-tag {
    margin: 0 auto  !important;
    position: relative;
    background: #fff;
    border-radius: 24px;
    height: 163px;
    top: 10px;
}
 .mark-tag ul .health-organizations {
    background: #ffffff;
    border-radius: 24px 0px 0px 24px;
    color: #13BFB1;
}
.mark-tag ul li {
    float: left;
    width: 233px;
    height: 160px;
    display: inline-grid;
    text-align: center;
    color: #13BFB1;
        border-radius: 7px 24px 24px 7px;
}
.mark-tag ul malasiya-health1{
        margin-top: -5px;
}


 .mark-tag ul li span {
    margin: 0 auto;
    width: 90%;
    font-weight: bold;
    font-size: 18px;
}
.mark-tag ul li img {
    margin: 0 auto;
    margin-top: 18px;
        width: 120px;
    height: 120px;
}
input, label, img, th {
    vertical-align: middle;
}
.mark-bg {
    background: #13BFB1;
    height: 145px;
    width: 130px;
    position: relative;
    top: -130px;
    right: -16px;
    float: right;
    z-index: -1;
    border-radius: 0px 0px 24px 0px;
}
.mark-tag ul li:hover{background:#13bfb1;color:#ffffff;}

@media screen and (max-width: 768px){
   
.mark-tag {
    height: 60px;
    border-radius: 4px;
    top: -10px;
}
.dis_cat .dis_title .title_left {
    align-content: center !important;
    float: left;
}
.mark-tag ul li:hover{ background: none;}
.mark-tag {
    max-width: 90%;
}
 .mark-tag ul .health-organizations {
    background: none;
}
.mark-tag ul li {
    width: 20%;
    height: auto;
}
.mark-tag ul li img {
    margin-top:-7px;
}
.mark-tag ul li img {
    height: 62px;
    max-width: 100%;
}
.mark-tag ul li span {
    display: none;
}
.w1400{width: auto !important;overflow:hidden;}
}
.hc-ylgys .ylgys-content1 img {
    width: 79%;
}

.web_case {
  padding: 80px 0 60px;
  overflow: hidden;
  min-height: 399px;
}

.w1400 {
  width: 1400px;
  margin: 0 auto;
}
.web_case .indcase_box {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 50px;
}
.home-mainproduct .homepro-list .swiper-slide {
    background: #FFF;
    display: flex;
    align-items: center;
    height: calc((100% - -404px) / 2);
    border-radius: 4px;
    position: relative;
}
.home-mainproduct .homepro-list .swiper-slide .img {
    width: 58%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    z-index: 1;
}
.home-mainproduct .mainpro-top .mainpro-title .home-title {
    color: #333;
    text-align: left;
}


.sybj.bgtp1 {
  background:url("http://www.moderncancerhospitalmy.com/templets/new/cn/images/cn_down_arrow1.png") right no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/*就诊指南*/
.medicalCon{height: 393px;}
.medicalCon .medicalTag ul li{float:left;color:#616161;display: inline-grid;width: 12.5%;text-align: center;font-weight: bold;}
.medicalCon .medicalTag ul li img{margin:0 auto;     width: 60px;}
.medicalCon .medicalTag{padding-top:28px;}
.medicalCon .medicalTag ul li .num{width: 25px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    background: #333333;
    margin: 5px auto;
    border-radius: 27px 27px 27px 27px;
    font-size: 20px;}
.medicalCon .medicalTag ul li .line{border-bottom:1px solid #a9abaf;height: 1px;width: 79px;position: relative;top:52px;right: -81px;}
.medicalBox .medicalCon .mobile-one,.medicalBox .medicalCon .mobile-two,.medicalBox .medicalCon .mobile-line{display: none;}
.medicalCon .medicalTag ul li .txt {font-size: 22px; }

.dis_cat .dis_title {
    font-size: 48px;
    padding-top: 50px;
    margin-bottom: 20px;
    display: flow-root;
}
.dis_cat .dis_title {
    font-size: 48px;
    padding-top: 50px;
    margin-bottom: 20px;
    display: flow-root;
    
}
.dis_cat .dis_title a.title{color: #13BFB1;font-weight: bold; font-size:30px;}
.dis_cat .dis_title span{font-size: 20px;text-transform:Uppercase;color: #1D376C;font-weight: bold; padding-left: 15px;}
.dis_cat .dis_con{height: 200px;}
.medicalCon .medicalTag ul li .txt {
    font-size: 14px ;
}
@media screen and (max-width: 780px) {
    .medicalCon .medicalTag ul li .txt {
    font-size: 12px;
    line-height: 0.9;
    width: 100%;
}
.medicalCon {
    height: auto  !important;
}
.medicalCon .medicalTag {
       padding: 72px 0px !important;
    margin-top: -94px;
}
  .medicalBox .medicalCon .pc{display: none;}

.medicalCon .medicalTag ul li, .medicalCon .mobile-two ul li {
    float: none;
    width: 23.2%;
    height: 112px;
}
.medicalCon .medicalTag ul li img {
    width: 40% !important;
}
.medicalCon .medicalTag ul li .num {
    margin: 5px auto;

}
.medicalBox .medicalCon .mobile-one, .medicalBox .medicalCon .mobile-two, .medicalBox .medicalCon .mobile-line {
    display: flex  !important;
    color: #ffffff;
    margin-top: 18px;
}

.medicalCon .mobile-one ul li .lines, .medicalCon .mobile-two ul li .lines {
    width: 30px;
    height: 1px;
    border-top: 1px solid #616161;
    position: absolute;
    margin-left: -17px;
    margin-top: 13px;
}
    .medicalCon .medicalTag .mobile-line{height: 50px;width: 87.5%;position: relative;top:0px;border-right: 1px solid #616161;}
     .mobile-content{display: block !important;background: url("../img/123.png") no-repeat;
        height: 650px;
        margin-top: 50px;
    }
    .mobile-content ul li{margin-left: 90px;}
    .mobile-content ul li .tag{padding: 0 7px;}
    .mobile-content ul li .iag{width: 75%;}
    .mobile-content ul li.second{margin-top: 50px;margin-bottom: 50px;position: relative;height: 225px;}
    .mobile-content ul li.second .hbg{font-size: 11px;width: 65%;margin-left: 82px;position: relative;font-size: 10px;color: #333333;text-align: center;top:-233px; line-height: 0.9;}
  .mobile-content ul li.second .ophbg{background: #ffffff;opacity: 0.8;position: absolute;right: 30px;top:13px;height: 237px ;width: 230px ;}
   .mobile-content ul li.second .hbg span{display: block;font-size: 12px;}
      .guidelines .pc-content{display:none !important;}
}

/*就诊服务*/
.guidelines-bg{background: #ffffff;padding: 50px 0;}
.guidelines .pc-content{display: block;}
.guidelines .title,.Insurance .title,.value-added .title{font-size: 36px;text-align: center;font-weight: bold;}
.medical-guidance .title a,.guidelines-guidance .title a,.Insurance .title a,.value-added .title a{color:#13BFB1;}
 .line,.Insurance .line,.value-added .line{width: 80px;height: 4px;background: #1E2D4F;margin:16px auto;}
 .line,.Insurance .line,.value-added .line{width: 80px;height: 4px;background: #1E2D4F;margin:16px auto;}
 .first {background: url("../images/triangle.svg") no-repeat;height: 112px;}
 .first li{color: #ffffff;font-weight: bold;font-size: 18px;line-height: 112px;width: 33%;display: inline-block;text-align: center;background: url("../images/white-arrow.svg") no-repeat center right;}
 .first li.last{background: none;}
.second li{display: inline-block;text-align: center;}
.second li.s2{width: 30%;}
.second li.s3{width: 37%;}
.second li.s4{width: 33%;}
.third{margin-top:25px;}
.third li{display: inline-block;width: 28%;text-align: center;}
.third li.t3{width: 43%;position: relative;color: #333333;}
.third li.t3 span{display: block;font-size:11px;}
.third li.t3 .hbg1{position: absolute;top:50px;left:50px;width: 130px;z-index: 99;}
.third li.t3 .bg1{position: absolute;top:40px;left:40px;width: 150px;height: 190px;background: #ffffff;opacity: 0.8;border-radius: 8px;}
.third li.t3 .hbg2{position: absolute;top:60px;left: 235px;width: 130px;z-index: 99;}
.third li.t3 .bg2{position: absolute;top:40px;left:225px;width: 150px;height: 190px;background: #ffffff;opacity: 0.8;border-radius: 8px;}
.third li.t3 .hbg3{position: absolute;top:60px;left: 425px;width: 130px;z-index: 99;}
.third li.t3 .bg3{position: absolute;top:40px;left:415px;width: 150px;height: 190px;background: #ffffff;opacity: 0.8;border-radius: 8px;}
 .mobile-content{display: none;}
  
.pay-type ul dd{display: inline-grid;width: 230px;}
 
 .pay-type{display: flex;justify-content: center;}
 .pay-type ul dd{display: inline-grid;width: 230px;margin-right: 52px;}
 .pay-type ul li{cursor:pointer;text-align: center;color: #ffffff;margin: 0 8px;border-radius: 8px;display: inline-grid;padding-top:20px;padding-bottom: 40px;}
 .pay-type ul dd:hover span{display: block;color: #000000;}
 .pay-type ul dd span{color: #6e6767;font-size: 12px;padding-top: 10px;}
 .pay-type ul li img{margin: 0 auto;margin-top:25px;}
 .pay-type ul li.blue{background: #619EF9;}
 .pay-type ul li.yellow{background: #FFC045;}
 .pay-type ul li.green{background: #41DAB2;}
 .pay-type ul li.orange{background: #F0844E;}
.ylgys-content1{
    /* text-align: right; */
    text-align: center;
    width: 100%;
    white-space: nowrap;
    position: relative;
    display: block;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 20px 0;
    margin: 0 auto;
}
.core .co_list .list li:hover span{color:#ffffff;}
.core .co_list .list li:hover{background: #13BFB1;}
.core .co_list .list2 li:hover span{color:#ffffff;}
.core .co_list .list2 li:hover{background: #13BFB1;}
.core .co_list .list li {
	cursor:pointer;width: 338px;float: left;background: #fff;height:99px;line-height: 80px;border-radius: 8px;margin-bottom: 20px;text-align: center;box-shadow: 0 16px 5px -12px rgb(0 0 0 / 5%), 0 4px 15px 0 rgb(0 0 0 / 5%), 0 8px 10px -5px rgb(0 0 0 / 5%);
	
}
.core .co_list .list2 li {
	cursor:pointer;width: 338px;float: left;background: #fff;height:99px;line-height: 80px;border-radius: 8px;margin-bottom: 20px;text-align: center;box-shadow: 0 16px 5px -12px rgb(0 0 0 / 5%), 0 4px 15px 0 rgb(0 0 0 / 5%), 0 8px 10px -5px rgb(0 0 0 / 5%);
	
}
.core {
    width: 100%;
}

.in_pro main {
  width: 94%;
  max-width: 1600px;
  margin: 0 auto;
  display: block;
  *zoom: 1;
}
.in_pro{padding: 5rem 0;background: url(../images/xy_pro_bg.jpg) no-repeat center center;  }
.in_pro .tit{display: flex;align-items: center;}
.in_pro .in_tit{width: 75.24%;}
.in_tit h3{
    height: 90px;
    overflow: hidden;
    line-height: 90px;
    /* text-align: center; */
    background: url(../img/i_bg1.jpg) center bottom no-repeat;
    font-size: 35px;
    color: #333333;
    letter-spacing: 0px;
    margin-bottom: 3%;
    margin-top: 1%;
    color: #13BFB1;
    font-weight: bold;
}
.in_pro h2 {
    font-weight: normal;
    color: #333;
    font-size: 26px;
    font-weight: bold;
     margin-left: 13px; 
}
.in_pro .more{width: 24.759999999999998%;}
.in_pro .in_more{margin-left: auto;     float: right;
    padding: 5px 9px;
    border: solid #258583 1px;
    float: right;
    border-radius: 4px;
    width: 118px;
    font-weight: bold;
    color: #666262;}
.in_pro #products{width:100%;height:auto;overflow:hidden;padding:0rem 0rem;margin-top: -30px;}
.in_pro .list{position:relative;width:100%;height:auto;padding-bottom:60px;}
.in_pro li .violet{    background: #deefee;
    color: #13BFB1;
    font-size: 26px;
    padding: 3px 3px;
    width: 111px;
    text-align: center;
    margin-right: 10px;
    line-height: 1.2;
    margin-bottom: 17px;
        height: 37px ;
         margin-left: 13px;
}
.in_pro li .img img {
    height: 100%;
    border-radius: 16px 16px 0px 0px;
}
.in_pro li dt span {
    background: #13BFB1;
    color: #ffffff;
    margin-right: 2px !important;
    float: right;
    border-radius: 0 0 0 4px;
    margin-top: -94px ;
    font-size: 18px;
    padding: 3px 5px;
    width: 139px;
    text-align: center;
    margin-right: 10px;
    line-height: 1.2;
    height: 48px;
}
.in_pro p{
    font-size: 14px;
 margin-left: 13px;
    
}
.in_pro li{overflow:hidden;padding:15px;background:#fff;box-sizing: border-box;border-radius: 16px;padding-bottom: 23px;box-shadow: 0 16px 5px -12px rgb(0 0 0 / 5%), 0 4px 15px 0 rgb(0 0 0 / 0%), 0 8px 10px -5px rgb(0 0 0 / 5%);     height: 603px;     padding: 0px 0%; height: 556px;}
.in_pro li .img{position: relative;width:100%;overflow: hidden;     height: 300px;}
.in_pro li .img{position: relative;width:100%;overflow: hidden;     height: 300px;}
.in_pro .swiper-slide:hover {
    box-shadow: 0 16px 38px -12px rgb(0 0 0 / 26%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 10%);
    top:-20px;
}   
.in_pro li :hover {
    transition: all 1s;

        transform: translate();
}
.in_pro li .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:100%;height:100%;transition:all .5s ease;    border-radius: 16px;}
.in_pro li h3{display:block;color:#000;font-size:18px;line-height: 2;text-align: center;padding:0 2%;margin:10px 0px;transition: all .5s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.in_pro li:hover .img img{}
.in_pro li:hover h3{color:#ec7729;}
.in_pro .swiper-pagination-bullet{width:20px;height:10px;margin:5px;background:#b9c1c0;opacity:1;transition: all .5s ease;    border-radius: 70px; }
.in_pro .swiper-pagination-bullet-active{background:#13bfb1;}
.in_pro .swiper-pagination{width:100%;bottom:0px;}
@media only screen and (min-width: 375px)  {
  .mobile-content ul li.second .ophbg {
    background: #ffffff;
    opacity: 0.8;
    position: absolute;
    right: 18px;
    top: -1px ;
    height: 216px ;
    width: 201px ;
  }
}
@media only screen and (min-width:428px) and (max-width: 639px) {
     .mobile-content ul li.second .ophbg {
         right: 25px;

    height: 249px;
    width: 255px;
  }
}
@media only screen and (max-width: 1024px){
.in_pro{padding: 3rem 0;}}
@media only screen and (max-width: 768px){
.in_pro{padding: 1rem 0;}
.in_pro h2{
    font-weight: normal;
    color: #333;
    font-size: 26px;
    font-weight: bold;
    /* margin-left: -231px; */
}
.in_pro .swiper-container{box-shadow: 0 16px 5px -12px rgb(0 0 0 / 5%), 0 4px 15px 0 rgb(0 0 0 / 0%), 0 8px 10px -5px rgb(0 0 0 / 5%);
}
.in_pro p{
    font-size: 14px;
 margin-left: 13px;
}
.in_pro .in_tit{width: 100%;}
.in_pro .more{    width: 100.76%; margin-top: 13%;}
.in_pro .in_more {
    margin-left: -53px;
    /* float: right; */
    margin-top: -63px;
    width: 123px;
    padding: 5px 6px;
}

.in_pro .list{padding-bottom:40px;}
.in_pro li{padding:0px;    height: 530px;}
.in_pro li .violet{    background: #deefee;
    color: #13BFB1;
    font-size: 26px;
    padding: 3px 3px;
    width: 111px;
    text-align: center;
    margin-right: 10px;
    line-height: 1.2;
    margin-bottom: 23px;
        height: 39px ;
}

.in_pro li .img img {
       height: 100%;border-radius: 16px 16px 0px 0px;}
.in_pro li h3{font-size: 14px;line-height: 1.6;margin: 20px 0px -14px 0px;    }
}