/* ==========================================================================
   Index Page
   ========================================================================== */

.nhead{ background: #fff; position: relative;}
.ny_banner{ height: 678px; overflow: hidden; margin-top: 90px; /*animation: scaleDraw 5s ease-in-out infinite;
-webkit-animation: scaleDraw 5s ease-in-out infinite; animation-iteration-count: 1; */}
@keyframes scaleDraw {  
            0%{
                transform: scale(1.2);  
            }
            100%{
                transform: scale(1);
            }
        }


.ny_news{ background:url(../img/ny_news.jpg) no-repeat center;  background-size: cover; }
.ny_con{ background:url(../img/ny_con.jpg) no-repeat center;  background-size: cover;}
.ny_job{ background:url(../img/ny_job.jpg) no-repeat center;  background-size: cover;}

.tit_ban{ text-align: left; color: #ffffff; margin-top: 14rem; border-left: 4px solid #ffffff; padding-left: 20px;}
.tit_ban h3{ font-size: 3rem; font-weight: bold;}
.tit_ban span{ font-size: 1.8rem; display: block;}
.tit_ban p{ font-size: 6rem; font-family: 'Heavy'; opacity: 0.6;}

.tit_bt{ text-align: center; color:rgb(255,255,255,0.4); font-size: 18px; text-transform:uppercase; position: relative; bottom: -22rem;}
.tit_1{ line-height: 4rem; text-align: left; text-transform: uppercase;font-weight: bold;}
.tit_1 span{ font-size: 4.8rem; color: #232937; position: relative;}
.tit_1 span:after{ width: 61px; height: 2px; background: #232937; position: absolute; content: ""; display: block; right: -61px; bottom: 10px;}
.tit_1 span em{ color: #90c42f; font-style: normal; }
.tit_1 p{ font-size: 2.4rem; color: #90c42f;}
.place{ text-align: left; color: #858687; font-size: 16px; line-height: 4rem; padding: 4rem 0;}
.place i{ color: #62bb97; font-size: 18px; margin-right: 5px;}
.place a{color: #727887; }
.place a:hover{ color: #62bb97;}
.tiao{ margin-top: 12rem; animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate; cursor: pointer;}
@keyframes bounce {
  0% {
    transform: translate3d(0, 0, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
  }
  100% {
    transform: translate3d(0, -1em, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;
  }
}
/*内页分类*/
.psub{  height: 7.7rem; line-height: 7.7rem; text-align: center;}
.psub a{ display: inline-block; position: relative; color: #333333; margin-left:8rem; font-size: 18px; float: right; transition: all 0.3s;}
.psub a:hover,.psub a.active1{  color: #90c42f; transition: all 0.3s; }
.psub1{  height: 7.7rem; line-height: 7.7rem; text-align: center;}
.psub1 a{ display: inline-block; position: relative; color: #333333; margin-left:6rem; font-size: 18px; float: right; transition: all 0.3s;}
.psub1 a:hover,.psub1 a.active1{  color: #90c42f; transition: all 0.3s; }
/*关于我们*/
.sect_about{position: relative; background: url(../img/pic_about.jpg) no-repeat right bottom #f7f7f6; padding-top: 10rem; padding-bottom: 10rem;     background-size: cover; margin-top: 9rem;} 
.dot_about{ position: relative; max-width: 825px; width: 100%; text-align: left;}
.dot_about span{ font-size: 3.6rem; color: #222222; line-height: 3rem; display: block; font-weight: bold; padding-bottom: 5rem;}
.dot_about p{ font-size: 16px; color: #232937; line-height:4rem; margin-top: 3rem;}
.dot_about1{ display: flex; justify-content: space-between; width: 100%; max-width: 500px; margin: 8rem 0;}
.counter{}
.counter div{ font-size: 16px; position: relative; }
.counter div span{ font-family: impact; font-size: 4.8rem;background-image:-webkit-linear-gradient(bottom,#5eb798,#3790a0); -webkit-background-clip:text;  -webkit-text-fill-color:transparent; }
.counter div em{ font-style: normal; position: absolute; right: -21px; top: 0; background-image:-webkit-linear-gradient(bottom,#5eb798,#3790a0); -webkit-background-clip:text;  -webkit-text-fill-color:transparent; font-size: 16px;}
.counter .em1{/*right: 0px;*/}
.counter p{ font-size: 18px; color: #333333; line-height: 30px; font-weight: 500;}

.Culture{ background: url(../img/bg_wenhua.jpg) no-repeat center; background-size: cover; padding: 15rem 0;}
.dot_about2{ width: 100%; max-width: 900px;}
.tit_about{ color: #ffffff; text-align: left;}
.tit_about span{ font-size: 3.6rem; font-weight: bold; opacity: 0.38; text-transform: uppercase; display: block;}
.tit_about p{ font-size: 3.6rem; padding-top: 1rem;}
.dot_2{ display: flex; justify-content: space-between; margin-top: 5rem; max-width: 800px; width: 100%;}
.dot_2 div{ color: #ffffff;}
.dot_2 div img{ display: block;}
.dot_2 div span{ font-size: 2rem; font-weight: 600; padding: 2rem 0; display: block;}
.dot_2 div p{ font-size: 16px; line-height: 30px;}
.dot_3{ background: #ffffff;align-items: center; border-radius: 10px; padding:2rem 3rem 2rem 9rem; margin-top: 5rem; display: flex; justify-content: left;}
.dot_3  .dot_31{ border-right: 1px solid #dedede;padding-right: 4rem;}
.dot_3 div p{ line-height: 30px; font-size: 14px; padding-left: 4rem;}
.bg_honor{ background: url(../img/bg_honor.jpg) no-repeat center; background-size: cover; padding: 8rem 0;}
.tit_cn{text-align: left;}
.tit_cn span{color:#dddddd; font-size: 3.6rem; font-weight: bold; line-height: 6rem; text-transform: uppercase; display: block; }
.tit_cn p{ color: #222222; font-size: 3.6rem;}

.tit_cn1{text-align: left;    margin-top: 3rem;}
.tit_cn1 span{color:rgba(255,255,255,0.5); font-size: 3.6rem; font-weight: bold; line-height: 6rem; text-transform: uppercase; display: block; }
.tit_cn1 p{ color: #ffffff; font-size: 3.6rem;}

.honor-box{ width: auto; margin: 0 0 4rem 0;}
.honor-box .cor_3{ background:#ffffff !important;}
.honor-box a{ position: relative; background: #ffffff; color: #ffffff;}
.honor-box .icon{ background: #ffffff; border:4px solid #450e0b;  position: relative; text-align: center; padding:5px; overflow: hidden; }
.honor-box .icon img{ width: 100%;}
.honor-box .ptit{ padding:0.5rem 1rem;  text-align: center; clear: both; overflow: hidden;}
.honor-box .ptit i{ float: right; color: #dedede; font-size: 3rem;}
.honor-box h3{ color: #232937; font-size: 16px; padding: 0; line-height: 5.2rem; font-weight: normal;}
.honor-box a:hover{ transition: all 0.3s; cursor: pointer;}
.bg_honor .swiper-pagination-bullet{ width: 19px; height: 4px; background: #5f5b5b; border-radius: 3px;}
.bg_honor .swiper-pagination-bullet-active{ background: #62bb97;}

.bg_history{background: url(../img/pic_history.jpg) no-repeat center; background-size: cover; padding: 6rem 0 6rem;}


/*联系我们*/
.sect_contact{padding: 2rem 0; background: #f7f8fa;}
.con{ position: relative; background: #ffffff url(../img/bg_con.jpg) no-repeat top center; padding: 8rem; margin-top: -16rem;}
.sect_contact .tit_con{ position: relative; padding-bottom: 3rem;}
.sect_contact .tit_con:after{ width: 60px; height: 2px; content: ""; display: block; background: #66bc99; left: 0; bottom: 0; position: absolute;}
.sect_contact .tit_con span{ font-size: 4.8rem; color: #333333; font-weight: 600;}
.sect_contact .tit_con p{ font-size: 3rem; color: #666666; font-weight: 400;}

.sect_contact .dot_con{ clear: both; overflow: hidden; display: flex; align-items: center; margin-bottom: 3rem;}
.sect_contact .dot_con i{ margin-right: 4rem;}
.sect_contact .dot_con p{ font-size: 2.4rem; color: #000000;}
.sect_contact .dot_con p span{ display:block; font-size: 14px; color: #555555;}
.sect_contact .map{ margin-top: 5rem;}
.amap-marker-label{ background: #000000;}
/*招贤纳士*/
.box_job{ text-align: left; color: #232937; max-width: 830px; margin-bottom: 5rem;}
.box_job span{ font-size: 3rem; font-weight: bold; line-height: 6rem; display: block;}
.box_job p{ font-size: 1.8rem; line-height: 3.5rem; margin-top: 1rem;}

.box_job1{ background: url(../img/pic_j1.jpg) no-repeat top center; background-size: cover; min-height: 455px; color: #ffffff; padding: 6rem 5rem 0; text-align: left;}
.box_job1 span{ font-size: 3rem; line-height: 6rem; display: block;}
.box_job1 p{ text-align: left; font-size: 14px; line-height: 30px; padding-top: 3rem;}

.box_job2{ text-align: left; color: #727887;}
.box_job2 span{ font-size: 2rem;font-weight: bold; line-height: 4rem; color: #232937; display: block;padding: 2rem 0 0.8rem;}
.box_job2 p{ font-size: 14px; color: #727887; line-height: 30px;}
.tit_job{ text-align: left; font-size:3.6rem; font-weight: bold; line-height: 6rem; margin-top: 5rem; margin-bottom: 3rem;}
    .subNavBox{margin:10px auto;border-top:none;}
    .sub_top{ width: 95%; background-image: linear-gradient(to right, #61bb98, #2c83a3); height:66px; color:#FFF; font-size:18px; line-height:66px; padding: 0 0 0 5%; }
    .sub_top p{padding-left:4%;}
    .sub_cont{border:solid 1px #e5e3da;}
    .subNav{border-bottom:solid 1px #e7e5e5;cursor:pointer;font-size:14px;line-height:60px;padding-left:6%}
    .subNav p{ font-size: 18px; color: #232937;}
    .subNav i{margin-top: 15px; display: block;}
    .subNav i:before{content:"";background:url(../img/job_h.png) no-repeat center bottom; width: 31px; height: 31px; display: block;}
    
    .subNav:hover{color:#eb408c;}
    .subNav.open{ background: #f7f8fa; border-bottom: 0;}
    .subNav.open i:before{ content: ""; background:url(../img/job_on.png) no-repeat center bottom; width: 31px; height: 31px; display: block;}
    .navContent{display: none;border-bottom:solid 1px #e5e3da; background:#f9f8f8; padding:30px 6%;font-size:16px;color:#727887; line-height:34px;}
    .navContent span{ font-size: 18px; color: #62bb97; font-weight: bold; display: block; padding-top: 4rem;}
/*新闻*/
.sect_news{  padding: 2rem 0; background: #f7f8fa;}
.mt_news{ margin-top: 9rem;}
.sect_news .article{ text-align: center; background: #ffffff;  padding: 7rem;}
.sect_news .news-tit{ font-size: 3.6rem; text-align: left; line-height: 5rem; font-weight: 500;}
.sect_news .fabu{ text-align:justify; font-size: 14px; color: #7a7a7a; padding: 3rem 0; border-bottom: 1px solid #eeeeee;}
.sect_news .fanhui1{ text-align: right;}
.sect_news .content{line-height: 36px; color: #232937; padding: 3rem 0 5rem 0;font-size: 16px; text-align: center;}
.sect_news .content p{ margin: 1rem 0; font-size: 16px; text-align: left;}
.sect_news .content p span{ font-weight: bold;}

.sect_news .fenxiang{ max-width: inherit; position: relative; margin-top: 0; margin-bottom: 6rem;}
.sect_news .fenxiang a{ margin: 0 10px;}
.bshare-custom #bshare-shareto{ margin-bottom: 10px; font-size: 12px; color: #333333; position: relative;}
.bshare-custom #bshare-shareto:before{width: 95px;content: ""; display: block; position: absolute; height: 1px; left: -120px; top:45%; background: #dddddd;}
.bshare-custom #bshare-shareto:after{width: 95px;content: ""; display: block; position: absolute; height: 1px; right: -120px; top:45%; background: #dddddd;}
.more_n{background-image: linear-gradient(to right, #61ba97, #2d85a3); color: #ffffff !important;font-weight: bold; font-size: 18px; display: inline-block; padding: 8px 25px;  margin-top: 4rem;}
.top_news{ position: relative; background: #ffffff; padding: 8rem; margin-top: -16rem;}
.top_news:after{ width: 251px; height: 147px; content: ""; position: absolute; top: 68%; left: 34%; display: block; background:url(../img/dot_1.png) no-repeat center bottom;}
.top_news1{ margin-top: 4rem; padding-left: 3rem;}
.top_news1 em{ font-size:16px; color: #8c94a6; font-style: normal; display: block; line-height: 4rem;}
.top_news1 span a{font-size: 2.4rem; color: #232937; line-height: 6rem; padding-top: 0; font-weight: bold;}
.top_news1 span a:hover{color: #62bb97;}
.top_news1 p{ font-size: 1.8rem; color: #565963; line-height: 3rem; padding-top: 3rem;}
.top_news1 a{ font-size: 18px; color: #62bb97; padding-top: 5rem;display: inline-block;}
.top_news1 a i{ font-size: 18px; color: #62bb97;margin-left: 10px;}
.xiangguan{ background: #ffffff; padding: 5rem 3rem;}
.tit_xg{ font-size: 2.4rem; color: #333333;}

.ny_tit{ font-size: 3.6rem; color: #292929;}
.ny_tit span{ font-family: tahoma;}
.ny_tit em{color: #ebebeb; padding: 0 10px;}
.ny_tit p{ font-size: 1.8rem; color: #565963; line-height: 3rem;}

.news_pages{ padding: 3rem 0;    text-align: left;}
.news_pages p{ font-size: 1.8rem; line-height: 4rem;}
.news_pages p a{ color: #333333;}
.news_pages p a:hover{ color: #62bb97; border-bottom: 1px solid #62bb97;}
/*新闻列表*/
.sect_news .span-4:nth-child(3n){ margin: 0 0 4rem auto;}
.pro-box {margin: 0 auto 4rem 0; max-width: 424px; height: 100%; background: #ffffff; position: relative; transition:all 3s;}
.pro-box .time{ width: 8.7rem; height: 8.5rem; font-size: 14px; color: #ffffff; line-height: 40px; background:url(../img/time_bg.png) no-repeat center center; position: absolute; right: -8rem; display: none; top:-8rem; text-align: center; line-height: 3rem; background-size: cover; opacity: 0;  transition:all 3s;}
.pro-box .time span{ font-size: 12px;}
.pro-box .time em{ display: block; font-size: 3rem; font-weight: 600; font-style: normal; line-height: 20px; margin-top: 15px; }
.pro-box .ptit{ text-align: left; line-height: 24px; padding: 3rem; }
.pro-box .ptit h3{ padding: 0; font-size: 2rem; line-height: 3rem;  text-align: left; color: #232937;}
.pro-box .ptit p{ font-size: 16px; color: #727887; text-align: left; line-height: 3rem; }
.pro-box .ptit em{ text-align: left; font-style: normal; color: #6e6e6e; line-height: 4rem; font-size: 12px;}
.pro-box:hover .ptit{ background-image: linear-gradient(to right, #2c84a2, #62bb98);}
.pro-box:hover .ptit p{ color: #ffffff;}
.pro-box:hover .ptit h3{ color: #ffffff;}
.pro-box:hover .ptit em{ color: #ffffff;}
.pro-box:hover .time{ opacity: 1; display: block; right: 0; top: 0; transition:all 3s;}

.pro-box1 {margin: 0 auto 4rem 0; height: 100%; background: #ffffff; position: relative; transition:all 3s;}
.pro-box1 .time{ font-size: 14px; color: #666666; line-height: 40px; }
.pro-box1 .ptit{ text-align: left; line-height: 24px; padding: 15px 0; }
.pro-box1 .ptit h3{ padding: 0; font-size:16px; line-height: 3rem;  text-align: left; color: #232937;}
.dot_1{ margin-top: 6rem; text-align: center;}
.dot_1 p{ font-size: 16px; color: #888888; line-height: 3rem; padding-top: 2rem;}
/*产品*/
.sect_pro{ height: 100vh; overflow: hidden;}
.sect_pro .swiper-button-prev{ background: none; line-height: 7.3rem; border:1px solid #d1d1d1; border-radius: 100%; width: 7.3rem; height: 7.3rem; text-align: center; top: 40%;}
.sect_pro .swiper-button-prev i{ font-size: 4rem; color: #d1d1d1;}
.sect_pro .swiper-button-next{ background: none; line-height: 7.3rem; border:1px solid #d1d1d1; border-radius: 100%; width: 7.3rem; height: 7.3rem; text-align: center;top: 40%;}
.sect_pro .swiper-button-next i{ font-size: 4rem; color: #d1d1d1;}
.top_pro{height: calc(100vh - 9rem);}
.pro_bg{background:url(../img/pro_bg.jpg) no-repeat center top; background-size: cover; padding: 9rem 0; }
.pro_bg1{background:url(../img/bg_fb.jpg) no-repeat center top; background-size: cover; padding: 9rem 0; }
.pro_bg2{background:url(../img/bg_yy.jpg) no-repeat center top; background-size: cover; padding: 9rem 0; }
.pro_bg2 img{ margin-top: 5rem;}
.pro_bg3{background:url(../img/bg_hs.jpg) no-repeat center top; background-size: cover; padding: 9rem 0;}
.pro_bg4{background:url(../img/bg_hes.jpg) no-repeat center top; background-size: cover; padding: 9rem 0;}
.pro_bg5{background:url(../img/bg_xz1.jpg) no-repeat center top; background-size: cover; padding: 9rem 0;}
.pro_box{ margin-top: 90px;}
.box_p1{ text-align: right; position: relative;}

.box_p1 .box1{ position: absolute; left: 13%; top: 12%; max-width: 542px; text-align: left;}
.box_p1 .box1 h2{ font-size: 4.8rem; display: block; font-weight: 500;}
.box_p1 .box1 p{ font-size: 1.8rem; line-height: 40px; padding-top: 3rem; }
.box_p2{ color: #333333; text-align: left; max-width: 480px; margin-left: 2%; margin-top: 15rem;}
.box_p2 h2{ font-size: 4rem;display: block; font-weight: 500;}
.box_p2 p{ font-size: 1.8rem; line-height: 40px; padding-top: 3rem; }
.box_p2 img{ margin-top: 4rem;}
.box_p2 a{ font-size: 18px; color: #66bc99; margin-top: 5rem; display: block;}
.box_p2 a:hover{}
.box_p2 a i{ font-size: 18px; }
.dot_pp1{position: absolute; top: -3%;right: 33%; transition: all 0.2s;}
.dot_pp1.dot_pp2{ top: 23%;   right: 17%;}
.dot_pp1.dot_pp3{ top: 43%; right: 44%;}
.dot_pp1.dot_pp4{  top: 75%; right: 20%;}
.dot_pp1 a{max-width: 300px;display: flex; align-items: center; justify-content: left; transition: all 0.3s;}
.dot_pp1 a:hover div{ background-image: linear-gradient(to right, #2c84a2, #62bb98); color: #ffffff; transition: all 0.3s;}
.dot_pp1 a:hover div::after{ opacity: 1; transform: scale(1.8);transition: all 0.5s;}
.dot_pp1 div{ width: 26px;margin-right: 10px;  height: 26px; display: block; border: 1px solid #62bb97; border-radius: 100%;line-height: 26px; text-align: center;font-size: 20px; color: #62bb97; position: relative;     transition: all 1s;}
.dot_pp1 div:after{ width: 26px; height: 26px; content: ""; display: block;  left: 0; right: 0; top: 0; background-image: linear-gradient(to right, rgba(44,132,162,0.16), rgba(98,187,152,0.16)); position: absolute; border-radius: 100%; opacity: 0; transition: all 0.3s;}
.dot_pp1 p{ font-size: 16px; color: #62bb97;}
/*分杯处理系统*/
.sect_fb{background:url(../img/bg_fb.jpg) no-repeat center top; background-size: cover; margin-top: 9rem; padding: 9rem 0; }
.box_pro{ color: #333333; text-align: left; max-width: 620px; margin-left: 2%; margin-top: 3rem;}
.box_pro h2{ font-size: 4.8rem;display: block; font-weight: 500;}
.box_pro p{ font-size: 1.8rem; line-height: 40px; padding-top: 3rem; }
.box_pro img{ margin-top: 4rem;}
.box_pro a{ font-size: 18px; color: #66bc99; margin-top: 5rem;}
.box_pro a:hover{}
.box_pro a i{ font-size: 18px; }
.dot_p1{ text-align: center; color: #ffffff; cursor: pointer;}
.dot_p1:hover div:before{ left: 15px;}
.dot_p1 div{background: #ffffff; border-radius: 100%; width: 155px; height: 155px; text-align: center; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative;}
.dot_p1 div:before{ width: 155px; height: 155px; border: 1px solid #b1cbe6; border-radius: 100%; display: block; content: ""; top: 0; left: -15px; position: absolute;}
.dot_p1 img{ max-width: 94px;}
.dot_p1 span{ font-size: 3rem; display: block; padding: 2rem 0;}
.dot_p1 p{ font-size: 1.8rem; line-height: 3rem; max-width: 256px; margin: 0 auto;}
.dot_p2{ width: 100%; max-width: 650px;}
.dot_p2 h2{ font-size: 4.8rem; font-weight: bold; display: block;}
.dot_p2 p{ font-size: 2.2rem; line-height: 4.8rem; padding-top: 6rem;}
.sect_fb1{ background: #4280c2; padding: 6rem 0;}
.sect_fb2{ background:url(../img/bg_fb1.jpg) no-repeat center top; background-size: cover; padding: 22rem 0 40rem;}
.sect_fb3{ background:url(../img/bg_fb2.jpg) no-repeat center top; background-size: cover;     padding: 6rem 0 6rem;}
.sect_fb3 .row{display: flex; align-items: end;    justify-content: space-around;}
.tit_pro1{ text-align: left; font-size: 4.8rem; font-weight: bold; line-height: 3;}
.tit_pro2{ text-align: center; font-size: 4.8rem; font-weight: bold; line-height: 3;}
.tit_pro2 span{ display: block; font-size: 18px; font-weight: normal;}
.tit_pro3{ text-align: center; }
.tit_pro3 p{font-size: 4.8rem; font-weight: bold; line-height:2;}
.tit_pro3 span{ display: block; font-size: 18px; font-weight: normal;}
.tit_pro4{ text-align: center; }
.tit_pro4 p{font-size: 4.8rem; font-weight: bold; line-height:2; color: #ffffff;}
.tab_pro{ width: 100%; border: none;}
.tab_pro td{ font-size: 16px; color: #727887;}
.tab_pro .td1{ width: 30%; color: #4280c2; border-left: none;  padding:1rem 2rem 1rem 0;}
.tab_pro .td2{ width: 70%; color:#333333; border-right: none;  padding:0.5rem 2rem; line-height: 30px;}
.sect_fb4{ background: #ffffff; padding: 6rem 0;}
.lc{ text-align: center; margin-top: 3rem;}
.wrap1{ max-width: 1440px; width: 92%; margin: 0 auto; background: url(../img/pic_lc2.jpg) no-repeat center bottom; text-align: center; padding-bottom: 10rem; margin-top: 5rem;}
/*移液工作站*/
.sect_yy{background:url(../img/bg_yy.jpg) no-repeat center top; background-size: cover; margin-top: 9rem; padding: 9rem 0; }
.sect_yy1{ background: #ffffff; padding: 6rem 0;}
.sect_yy2{ background: #f8f8f8; padding: 6rem 0;}
.sect_yy3{background:url(../img/bg_yy1.jpg) no-repeat center bottom #FFFFFF; padding: 12rem 0;}
.dot_p3{ text-align: center; color: #333333; cursor: pointer;}
.dot_p3 div{background: #134b87; border-radius: 100%; width: 155px; height: 155px; text-align: center; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative;}
.dot_p3 .cor{background: #8dd7f7;}
.dot_p3 img{ max-width: 94px;}
.dot_p3 span{ font-size: 3rem; display: block; padding: 2rem 0;}
.dot_p3 p{ font-size: 1.8rem; line-height: 3rem; max-width: 256px; margin: 0 auto;}
.dot_p3:hover img{ transform:rotate(360deg);-webkit-transition: transform .25s linear; -moz-transition: transform .25s linear; -o-transition: transform .25s linear; transition: transform .25s linear; display: block;}
.dot_p4{ text-align: center; color: #ffffff; cursor: pointer; border-right: 1px solid rgba(255,255,255,0.5); min-height: 400px;}
.dot_p4.bor{ border: none;}
.dot_p4 div{border-radius: 100%; width: 155px; height: 155px; text-align: center; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative;}
.dot_p4 img{ max-width: 94px;}
.dot_p4 span{ font-size: 3rem; display: block; padding: 1rem 0;}
.dot_p4 p{ font-size: 16px; line-height: 3rem; max-width: 190px; min-height: 100px; margin: 0 auto; text-align: center;}
.dot_p4:hover img{ transform:rotate(360deg);-webkit-transition: transform .25s linear; -moz-transition: transform .25s linear; -o-transition: transform .25s linear; transition: transform .25s linear; display: block;}

 .lc_box{ max-width: 430px; margin-top: 3rem; }
 .lc_box .ptit{ background: #134b87;display: flex; align-items: center; min-height: 60px; text-align: center; color: #ffffff; line-height: 30px; font-size: 18px; padding: 20px 30px;} 
 
 .lc_box1{ max-width: 430px; margin-top: 3rem; }
 .lc_box1 .ptit{ display: flex; align-items: center;  line-height: 3;  justify-content: center; text-align: center; color: #333333; font-size: 18px; }
  .lc_box1 .ptit1{ display: flex; align-items: center;  line-height: 3;  justify-content: center; text-align: center; color: #66c39c; font-size: 18px; }
 /*核酸检测流水线*/
.sect_hs{background:url(../img/bg_hs.jpg) no-repeat center top; background-size: cover; margin-top: 9rem; padding: 9rem 0; }
.sect_hs1{ background:url(../img/bg_hs1.jpg) no-repeat center top; padding: 20rem 0 10rem; }
.sect_hs2{ padding: 6rem 0 0;}
.sect_hs3{ background:url(../img/bg_hs4.jpg) no-repeat center top #4280c2; padding: 6rem 0;}


.box_pro1{ color: #333333; text-align: left; max-width: 600px; margin-right: 2%;   margin-left: auto;}
.box_pro1 h2{ font-size: 4.8rem;}
.box_pro1 p{ font-size: 1.8rem; line-height: 40px; padding-top: 3rem; }
.box_pro1 img{ margin-top: 4rem;}
.box_pro2{ position: relative; margin-top: 5rem; text-align: center;}
.box_pro2 img{ z-index: 1; position: relative;}
.box_pro2:after{ width: 100%; height: 163px; background:url(../img/tuoyuan.png) no-repeat center; position: absolute; left: 0; right: 0; margin: 0 auto; top: 88%; content: ""; z-index: 0;}
.bg_left{ background:url(../img/bg_hs3.jpg) no-repeat center top; background-size: cover; padding: 10rem 0;}
.bg_left div{ left: 2%; position: relative; text-align: center;}
.bg_left div p{ font-size: 3.6rem; color: #ffffff; line-height: 3rem; margin-bottom: 5rem;}
.bg_right{  background:url(../img/bg_hs2.jpg) no-repeat center top; background-size: cover; padding: 10rem 0;}
.bg_right div{ right: 2%; position: relative; text-align: center;}
.bg_right div p{ font-size: 3.6rem; color: #266ab1; line-height: 3rem; margin-bottom: 5rem;}
 /*核酸检测流水线2.0*/
.sect_hs4{background:url(../img/bg_hes.jpg) no-repeat center top; background-size: cover; margin-top: 9rem; padding: 9rem 0; }

.sect_hs4 .box_pro{ max-width: 540px; margin-left: 0;}
.sect_hs5{ padding: 6rem 0;}
.sect_hs5 .dot_p4{ color: #333333; min-height: auto; margin-bottom: 6rem;}
.sect_hs5 .dot_p4 div{ width: auto; height: auto;}
.sect_hs5 .dot_p4 img{    max-width: 121px;}
.sect_hs5 .dot_p4 p{max-width: 400px;}
.sect_hs6{ background: #efeff1; padding: 8rem 0 0; position: relative;}
.sect_hs6:after{ width: 100%; content: ""; position: absolute; left: 0; right: 0; bottom: -15px; height: 40rem; background-image: linear-gradient(to right, #1c73a7, #62bd97); z-index: 0;}
.sect_hs7{ background:url(../img/bg_hes1.jpg) no-repeat center top; background-size: cover; padding: 11rem 0;}
.sect_hs8{ background-image: linear-gradient(to right, #1c73a7, #62bd97); padding: 8rem 0 0;}
.sect_hs9{ background:url(../img/bg_hes2.jpg) no-repeat center top; background-size: cover; padding: 11rem 0;}
.sect_hs9 .tit_pro3 span{ line-height: 40px;}
.dot_p5{ position: relative; color: #ffffff; z-index: 10;}
.dot_p5 img{}
.dot_p5 p{ position: absolute; font-size: 18px; left: 5%; bottom: -34px;}
.dot_p6{ display: flex; justify-content: center; text-align: center;}
.dot_p6 div { text-align: center; margin: 0 2rem;}
.dot_p6 div span{ font-size: 2.4rem; color: #333333; font-weight: bold; display: block; margin-bottom: 2rem;}
.dot_p6 div p{ font-size: 2.4rem; color: #333333; padding-top: 2rem;}
.dot_p7{ position: relative; z-index: 1; color: #ffffff; text-align: center;  margin-top: 11rem;  margin-left: auto;}
.dot_p7 p{ font-size: 18px;}
.dot_p8{ list-style:none; margin-top: 5rem;}
.dot_p8 li{ margin-bottom: 3rem;}
.dot_p8 li span{ max-width: 267px; font-size: 2.4rem; text-align: center; border-radius: 30px; color: #ffffff; display: block; line-height: 6rem; background-image: linear-gradient(to right, #1c73a7, #62bd97); }
.dot_p8 li p{ font-size: 2rem; line-height: 30px; max-width:510px ; color: #2078a6; margin-top: 3rem;}
.dot_p9{max-width: 400px; margin: 6rem auto 0;}
.box_pro3{ color: #2078a6; display: flex; align-items: flex-end;justify-content: left;}
.box_pro3 p{ font-size: 4.8rem; font-weight: 500;}
.box_pro3 span{ font-size: 2.4rem;}
.box_pro4{ color: #ffffff;}
.box_pro4 span{ font-size: 3.6rem; font-weight: bold; display: block; padding-bottom: 2rem;}
.box_pro4 p{ font-size: 16px; text-align: left; line-height: 30px; max-width: 436px; margin-top: 2rem;}
/*.box_pro4 img{ margin-top: 10rem;}*/
.box_pro5{ text-align: center; color: #ffffff; font-size: 14px; line-height: 30px; margin-top: 14rem;}
.box_pro6{ margin-top: 5rem;}
.box_pro6 img{display:block;margin:0 auto;max-width:100%;}
.list_1{ list-style: none; max-width: 450px; margin-right: auto;}
.list_1 li{ margin-bottom: 3rem; color: #ffffff; text-align: left;}
.list_1 li span{ display: block; border-bottom: 1px solid #ffffff; font-size: 2.4rem; padding-bottom: 10px;}
.list_1 li p{ font-size: 14px; line-height: 30px; padding-top: 20px;}
.list_2{ list-style: none; margin-top: 15px;}
.list_2 li{ margin-bottom: 40px;}
.list_2 li img{border-radius: 15px;}
.list_2 li p{ text-align: left; font-size: 14px; line-height: 24px; color: #ffffff; padding: 10px 0;}




  .fzlc_r .pc-slide {
  	    width: 100%;
  	float: right;
  }
  .fzlc_r .view {
  	float: left;
  	width: 70%;
    margin-top: 27rem;
  }
  
  .fzlc_r .view .swiper-container {
  	width: 100%;
  }
  .fzlc_r .view .arrow-left {
  	display: none;
  }
  .fzlc_r .view .arrow-right {
  	display: none;
  }
  .fzlc_r .view .swiper-container .swiper-wrapper .swiper-slide>div {
  	color: #fff;
  	font-size: 16px;
  	line-height: 38px;
  }
  .fzlc_r .preview {
  	float: right;
  	width: 30%;
  	position: relative;
  	height: 813px;
  }
  .fzlc_r .preview .swiper-container {
  	width: 100%;
  	height: 626px;
  	margin-top: 9rem;
  }
  .fzlc_r .preview .swiper-slide {
  	width: 100%;
    line-height: 11rem;
    cursor: pointer;
    text-align: center;
    font-size: 5rem;
    color: #95c8f3;
    font-family: "Geometr706 BlkCn BT";
  }
  .fzlc_r .preview .arrow-left {
  	background: #ffffff;
    position: absolute;
    left: 0px;
    top: 0px;
    margin-top: 0px;
    width: 7.9rem;
    height: 7.9rem;
    z-index: 10;
    border-radius: 100%;
    right: 0;
    margin: 0 auto;
    text-align: center;
    line-height: 7.9rem;
    transform:rotate(-90deg);;
    -ms-transform:rotate(-90deg);; /* IE 9 */
    -moz-transform:rotate(-90deg);; /* Firefox */
    -webkit-transform:rotate(-90deg);; /* Safari and Chrome */
    -o-transform:rotate(-90deg);; /* Opera */
  }
  .fzlc_r .preview .arrow-left i{ font-size: 30px; }
  .fzlc_r .preview .arrow-right i{ font-size: 30px;}
  .fzlc_r .preview .arrow-right {
  	background: #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 0px;
    width: 7.9rem;
    height: 7.9rem;
    z-index: 10;
    border-radius: 100%;
    text-align: center;
    line-height: 7.9rem;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
  
  .fzlc_r .preview img {
  	padding: 1px;
  }
  
  .fzlc_r .preview .active-nav {
  	    font-size: 5.5rem;
  	color: #245d96;
  }



.mske_html{  display: flex; justify-content: center; align-items: center; flex-direction: row; width: 100%; height: 100%; min-height: 488px;}
.sect_xz{background:url(../img/bg_xz1.jpg) no-repeat center top; background-size: cover; margin-top: 9rem; padding: 9rem 0; }
.sect_xz1{background:url(../img/bg_xz2.jpg) no-repeat center top; background-size: cover;  padding: 9rem 0; }
.sect_xz2{ background:url(../img/bg_xz3.jpg) no-repeat center bottom; background-size: cover; padding: 9rem 0 15rem;}
.tab_pro1 { width: 100%; border: 1px solid #446eb5;}
.tab_pro1 table { color: #333333;}
.tab_pro1 td{ font-size: 16px; line-height: 50px; padding: 0 2rem; border: 1px solid rgba(255,255,255,0.5); }
.tab_pro1 tr:nth-child(2n){ background: #ecf0f7;}
.tab_pro1 tr:last-child td{border-bottom: 1px solid #446eb5;}
.tab_pro1 tr:first-child td{border-top: 1px solid #446eb5;}
.tab_pro1 tr{ background: #ffffff;}
.tab_pro1 .tr1{ background: #446eb5; }
.tab_pro1 .tr1 td{color: #ffffff !important; font-size: 20px !important; line-height: 4rem; padding: 2rem;}
.tab_pro1 .td1{ width: 15%;  border-left: 1px solid #446eb5;}
.tab_pro1 .td2{ width: 26%; }
.tab_pro1 .td3{ width: 22%; }
.tab_pro1 .td4{ width: 37%; border-right: 1px solid #446eb5;}
.tit_pro5{ text-align: left; font-size: 3rem; line-height: 3; margin-top: 32rem;}
.box_xz{ text-align: center; padding: 8rem 0;}
.xz_list{ list-style:none;display: flex;     justify-content: right;     padding-right: 10%;} 
.xz_list li{ font-size: 2.4rem; color: #333333; line-height: 4rem; padding-bottom: 1rem;}
.xz_list li i{ width: 2rem; height: 2rem; display: inline-block; background: #446eb5; transform:rotate(45deg); margin-right: 15px;}