/* CSS Document */

.wm{margin:0 10%;}
.wm2{margin:0 auto;width:1200px;}

.zd01{width:100%;top:0;left:0; z-index:9999999; position:absolute; z-index:1000; position:fixed;transition: all 0s ease-in-out;height:110px;}
.zd01.on{background:#fff;padding-top: 0;box-shadow: 0 0 12px rgba(0, 0, 0, .1);}
.zd01.on .menu ul li a{color:#444;}
.zd01.on .nav .nav_menu-item a{color:#444;}


.h110{height:110px;}

.top{width:100%;height:110px;}
.logo{float:left;margin-top:22px;}

.zd01 .lang{float:right;margin-top:27px;margin-left:1%;font-size:14px;color:#fff;width:34px; height:34px;line-height:34px;background-repeat:no-repeat; background-color:#f4ae01; border-radius:50%; -webkit-border-radius:50%;text-align:center;text-align:center;}
.zd01 .lang a{color:#fff;}
.zd01 .search{float:right;border:1px solid #ced4ce; border-radius:50px;overflow:hidden;padding-right:10px;margin-top:34px;}
.submit2{width:180px;height:30px;line-height:30px;outline:none;float:left;border:none;padding-left:20px;}
.submit{background:url(../images/dp_01.jpg) no-repeat center;outline:none;border:none;width:30px;height:30px;}

.header-language {display: flex;align-items: center;float:right;margin-top:27px;margin-left:20px;}
.header-language a {width: 40px; height: 40px;align-items: center;justify-content: center;display: flex;border: 1px solid #999;color: #999;border-radius: 50%;transition: all 0.35s;}
.header-language a:last-child {margin-left: 10px;}
.header-language a:hover{background-color: #004990;color: #fff;}
.header-language a.active {background-color: #004990;color: #fff;}


/*栏目导航*/
.menu{float:left;padding-left:6%;}
.menu ul li{float:left;}
.menu ul li a:link,.menu ul li a:visited{padding:0 17px;display:block;font-size:18px;line-height:108px;height:108px;}
.menu ul li a:hover{padding:0 17px;display:block;font-size:18px; text-decoration:none;line-height:108px;height:108px;border-bottom:2px solid #0f428c;}
.menu ul li:last-child a{padding-right:0px;}

.mbdh{ display:none;}

/*手机版搜索*/
.sj_search_bg{width:100%;overflow:hidden; display:none}
.sj_search{background:#ffffff;left:50%;position:relative;margin:10px 0 10px -190px;}
.sj_search .input{ width:300px; height:50px; border:1px solid #005faf; padding:0 15px; float:left; font-size:14px;}
.sj_search .submit{ width:50px; height:50px; background:#005faf url(../images/search_btn2.png) no-repeat center center; background-size:50%; float:left; cursor:pointer;border:none;}

/*banner*/

/* 轮播容器 自适应铺满父盒子 */
.banner-wrap {width: 100%;height: 70vh; max-height: 600px;min-height: 280px;position: relative;overflow: hidden;}
/* 图片容器横向排列 */
.banner-list {width: 100%;height: 100%;display: flex;transition: transform 0.6s ease;}
/* 每张轮播图自适应 */
.banner-item { flex-shrink: 0;width: 100%;height: 100%;}
.banner-item img {width: 100%;height: 100%;object-fit: cover; /* 图片不变形铺满 */display: block;}
/* 左右切换箭头样式 */
.arrow {width: 44px;
      height: 44px;
      border-radius: 50%;
      background: rgba(0,0,0,0.35);
      color: #fff;
      font-size: 20px;
      text-align: center;
      line-height: 44px;
      cursor: pointer;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 10;
      user-select: none;
      transition: background 0.3s;
    }
.arrow:hover {background: rgba(0,0,0,0.6);}
.prev { left: 20px; }
.next { right: 20px; }
/* 底部圆点指示器 */
.dot-box {position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%); display: flex;gap: 10px;z-index: 10;}
.dot {width: 12px;height: 12px;border-radius: 50%;background: rgba(255,255,255,0.4);cursor: pointer;}
.dot.active {background: #fff;}

/* 手机端缩小箭头 */
@media (max-width: 768px) {
.banner-wrap {width: 100%;height: 260px; position: relative;overflow: hidden;}
.arrow {width: 32px;height: 32px;line-height: 32px;font-size: 16px;}
.prev { left: 10px; }
.next { right: 10px; }
}
/*banner结束*/


.con_01{width:100%;background:#F9F9FA;overflow:hidden;padding:70px 0 0 0;}
.con_01 .title{text-align:center;}
.con_01 .title h2{color: #212121;font-size:32px;font-weight:bold;}
.con_01 .title .t_bt{color: #555555;font-size: 18px;padding:0 10%;margin-top:12px;}
.con_01 .more{margin:30px auto 0;color:#fff;background-color:#004990;font-size: 16px;text-align: center;width: 200px;padding-left: 0px;padding-right: 0px;height: 45px;line-height: 45px;padding-top: 0px;padding-bottom: 0px;border-width: 1px;border-style: solid;border-color: rgba(0, 0, 0, 0);border-image: initial;border-radius: 50px !important;}    
.con_01 .more:hover{background:#F9F9FA;border:1px solid #004990;color:#004990; transition:all 0.5s;}
.big-data {position: relative;display: flex;justify-content: space-between;}
.big-data .data-box {position: relative;padding: 60px 0;width: 25%;display: flex;justify-content: center;}
.big-data .data-box:after {content: '';display: block;width: 1px;height: 40px;background-color: #999;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.big-data .data-box:last-child:after {display: none;}
.big-data .count-top {display: flex;color: #00b0bf;margin-bottom: 15px;}
.big-data .count-top > span {font-size: 60px;font-weight: bold;line-height: 1;}
.big-data .count-tit {display: flex;flex-direction: column;justify-content: space-between;margin-left: 10px;}
.big-data .count-tit span {font-size: 20px;line-height: 26px;color: #00b0bf;}
.big-data .count-tit span:first-child {line-height: 14px;}
.big-data .count-tit span:nth-child(2) {font-size: 16px;}
.big-data .data-cont {display: flex;flex-direction: column;align-items: center;}
.big-data .count-desc {color: #333;font-weight: 300;font-size: 20px;text-align: center;}

.con_02{margin-top:70px;margin-bottom:50px;width:100%;overflow:hidden;}
.in-title {font-size: 44px;line-height: 1;text-transform: capitalize;color: #333;text-align: center;display: flex;position: relative;justify-content: center;margin-bottom: 5px;}
.in-title span {padding: 0 70px;background-color: #fff;position: relative;z-index: 3;}
.in-title:before {display: block;position: absolute;content: '';width: 100%;height: 1px;background-color: #E6E6E6;top: 50%;left: 0;}
.in-desc {color: #00b0bf;font-size: 22px;text-transform: uppercase;text-align: center;}
.con_02 ul{margin-top:30px;}
.con_02 ul li{float:left;width:31%;margin:1%; border-radius:10px;overflow:hidden;background:#fff;}
.con_02 ul li:hover{--webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);}
.con_02 ul li dl dt{width:100%;height:240px;overflow:hidden;}
.con_02 ul li dl dt img{width:100%;height:240px; transition:all 1s;}
.con_02 ul li:hover dl dt img{ transform-origin:center center; transform:scale(1.15,1.15);}
.con_02 ul li dl dd{background:#fafafa;padding:20px 15px;}
.con_02 ul li dl dd h2{font-size:18px;padding-bottom:6px;font-weight:bold;color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis; }
.con_02 ul li dl dd .txt{height:130px;}
.con_02 ul li dl dd .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis; }
.con_02 ul li dl dd .txt p a{color:#686868;font-size:16px;}
.con_02 ul li dl dd .txt p a:hover{color:#004990;}
.con_02 ul li dl dd .more{color: #1386C8;font-size: 16px;}
.con_02 ul li dl dd .more:hover{font-weight:bold;}

.con_03{background:url(../images/bg01.jpg) no-repeat top center fixed; background-size:cover;width:100%;overflow:hidden;padding:80px 0 75px 0;}
.con_03 .title{text-align:center;}
.con_03 .title h2{font-size:42px;color:#fff;line-height:60px;padding:0 15% 40px;}
.con_03 .title .t_bt{font-size:20px;color:#fff;padding:25px 10% 0;}
.con_03 ul li{ width:39%;float:left;min-height: 240px; background: #fff;margin: 10px 1%;transition: 0.3s;padding:20px 4%;}
.con_03 ul li:hover{background:#efefef;}
.con_03 ul li .pic{margin-top:20px;}
.con_03 ul li .txt{padding:30px 0 10px;line-height:28px; font-size: 20px;color:#000;}
.con_03 ul li:hover .txt{color:#004990;}
.con_03 ul li .txt2{line-height:20px; font-size:16px;color:#979797;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}

#bottom{background:#313131;width:100%;overflow:hidden;padding-top:60px;color:#868686;}
#bottom .bot_logo{border-bottom: solid 1px rgba(255,255,255,.3);padding-bottom:32px;margin-bottom:50px;}
#bottom .bot_contact{float:left;width:41%;line-height:34px;font-size:15px;color:#fff;}
#bottom .bot_contact a{color:#fff;}
#bottom .bot_contact a:hover{color:#fff;text-decoration:underline;}
#bottom .bot_contact .p01 img{ vertical-align:middle;padding-right:5px;}
.bold{font-weight:bold;}
#bottom .bot_ewm{float:left;width:120px;text-align:center;line-height:36px;color:#fff;margin-top:10px;}
#bottom .bot_nav{float:right;width:46%;}
#bottom .bot_nav ul li{width: 30%;float:left;margin-right:3%;}
#bottom .bot_nav li a{display: block;border-bottom: solid 1px rgba(255,255,255,.3);line-height:18px;padding:20px 0 5px 0;font-size:18px;color:#fff;height:40px;}
#bottom .bot_nav li a:hover{background-position-x: 90%;color:#00bfca;}

.bot{line-height:30px;width:100%;overflow:hidden;color:#fff;padding:20px 0;background:#272626;margin-top:50px;font-size:15px;text-align:center;}
.bot a{color:#fff;font-size:15px;}
.bot a:hover{text-decoration:underline;color:#fff;}



.mbfor {display: none;}



/*ny*/
.ny_ban img{width:100%;height:auto;}
.ny_title{font-size: 32px;font-family:'font2';padding-bottom:12px;color:#000;}
.ny_title span{font-size:18px;color:#004990;}
#content{margin:45px 10% 50px;}

/*关于我们*/
.ny_fl{float:left;}
.ny_fr{float:right;}
.ny_about{margin-bottom:40px;border-top: 1px solid #E6E6E6;padding-top:40px;}
.ny_about .pic{width:40%;}
.ny_about .pic img{width:100%;height:360px;}
.ny_about .js{width:56%;line-height:26px;font-size:16px;color:#585858 !important;}
.ny_about .js .bt{font-size: 26px;text-transform: capitalize; margin-bottom: 15px;color:#000 !important;}


/*产品*/

.ny_product{margin-bottom:40px;border-top: 1px solid #E6E6E6;padding-top:40px;}

#nav1 .nav1,#nav2 .nav2,#nav3 .nav3,#nav4 .nav4,#nav5 .nav5,#nav6 .nav6,#nav7 .nav7,#nav8 .nav8{background:#00b0bf;border-bottom:1px solid #00b0bf;color:#fff;}
.ny_pro_l{float:left;width:300px;}
.ny_pro_l ul li{border-bottom:1px solid #e5e5e5;padding:12px 0 12px 6px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;overflow:hidden;margin-bottom:10px;font-size:16px;color:#000;}
.ny_pro_l ul li:hover{background:#00b0bf;border-bottom:1px solid #00b0bf;color:#fff;}
.ny_pro_r{float:right;width: calc(96% - 300px);}

table.bak { width:99%; margin:0 auto;border:0;}
.bak td,.bak th {  padding:5px 10px; line-height:24px; border:0; text-align:center;}
.bak td{font-size:15px;}
.bak td a{font-size:15px;}
.bak th { background:#004990; color:#fff; font-weight:bold; text-align:center; font-size:16px; line-height:42px;}
.bak tr:nth-child(odd){background:#fff;}
.bak tr:nth-child(even){background:#f7f7f7;}
.bak .img img{ height:100px;}
.bak .img2 img{ max-width:100%; height:auto !important; height:100%;}

/*返回*/
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-between{ display: flex; justify-content: space-between}
.fanye{ margin-top:40px;border-top:1px solid #e5e5e5; padding-top:30px; line-height:30px;}
.fanhui{background:#ddd;border-radius:25px;line-height:40px;width:120px;text-align:center;height:40px;}
.fanhui a{font-size:15px;}
.fanhui:hover{ background:#1d7dc2;}
.fanhui:hover a{ color:#fff;}
.flex {display: flex;flex-wrap: wrap;}

/*详情*/
.ny_cp_xq_bt{background:#004990;text-align:center;padding:15px 5%;color:#fff;font-size:18px;}
.ny_pro_table .nr{font-size:16px;line-height:26px;}


/*服务领域*/
.ny_ywfw{margin-bottom:40px;border-top: 1px solid #E6E6E6;padding-top:40px;}
.ny_ywfw ul{margin:0 10%;}
.ny_ywfw ul li{margin-bottom:30px;border-top-right-radius: 10px;border-top-left-radius: 10px;overflow:hidden;}
.ny_ywfw ul li dl dt{background:#00b0bf;color:#fff;padding:15px 2%;font-size:22px;}
.ny_ywfw ul li:nth-child(2) dl dt{background:#004990;}
.ny_ywfw ul li:nth-child(4) dl dt{background:#004990;}
.ny_ywfw ul li:nth-child(6) dl dt{background:#004990;}

.ny_ywfw ul li dl dt img{ vertical-align:middle;padding-right:12px;}
.ny_ywfw ul li dl dd{background:#f5f5f5;padding:30px 2%;font-size:16px;line-height:24px;}


/*CDMO*/
.ny_cdmo{margin-bottom:40px;border-top: 1px solid #E6E6E6;padding-top:30px;}
.ny_cdmo .js{background:#f5f5f5;padding:30px 40px;font-size:18px;line-height:30px;}
.ny_cdmo .bt{font-size:38px;text-align:center;margin-top:20px;color:#004990;font-weight:bold;}
.ny_cdmo ul{margin:30px 0 0 0;}
.ny_cdmo ul li{float:left;width:23%;margin:1%;overflow:hidden;}
.ny_cdmo ul li img{width:100%;height:220px; transition:all 1s;}
.ny_cdmo ul li:hover img{ transform:scale(1.12,1.12); transform-origin:center center;}

.reaction-wrap{margin-top:30px;margin-bottom:50px;}
.reaction-list{display:flex;flex-wrap:wrap;gap:12px;}
.reaction-item{flex:1;min-width:200px;padding:16px 12px;background:#ffffff;border:1px solid #dde3ec;border-radius:8px;text-align:center;font-size:16px;color:#222;transition:all 0.25s ease;cursor:default;}
.reaction-item i{margin-right:8px;font-size:18px;}
.reaction-item:hover{background:#004990;color:#fff;border-color:#004990;}

/*内页联系我们*/
.ny_contact{margin-bottom:40px;border-top: 1px solid #E6E6E6;padding-top:30px;}
.ny_contact_l{width:calc(96% - 600px);float:left;line-height:30px;font-size:16px;}
.ny_contact_l a{font-size:16px;}
.ny_contact_r{width:600px;float:right;}

.yy{font-size:14px;}
.yy input{height:28px;line-height:28px;border:1px solid #ddd; }
.yy #content3{height:120px;width:480px;border:1px solid #ddd;}

.c1 {border-top:#dbefe5 1px solid;border-left:#dbefe5 1px solid;}
.c1 th {font-weight:bold; line-height:30px;text-align:center;}
.c1 td,.c1 th { padding:5px 10px; line-height:18px; border-bottom:#dbefe5 1px solid;border-right:#dbefe5 1px solid;font-size:14px;}
.c1 a {color:#s444444;}
td.yyk { padding-left:10px;}
.con_t1 { color:#444444;}
.con_t1 h4{ background:#eeefef; width:700px; height:30px; line-height:25px; font-size:14px; text-align:center;font-weight:bold}






.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
.nypro span.current,.nypro a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;font-size:14px;}
.nypro span.current,.nypro a.num:hover { background:#f0f7fc; border:#004990 1px solid; color:#004990;font-size:14px;}
.nypro a.num,.nypro a.end,.nypro a.next,.nypro a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;font-size:14px;}
.nypro a.end,.nypro a.next,.nypro a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;font-size:14px;}
.nypro a.prev { margin:0 5px;font-size:14px;}