:root {
  --maincolor: #FF0007;
  --fontsize: 16px;
}



.dsrnewslist img,.box-news img{height: auto !important}
.slick-next{right:-35px}
.slick-prev{left:-35px}

body {    font-family: arial, "microsoft yahei"; -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    font-weight: lighter;}
.regioncnt .desp, .blockwrap .desp, .dmcontent, .dmcontent p { font-size:16px }
.dmcontent h1{font-size: 28px}

/*color: var(--maincolor); FF0007*/
.containerTop[data-v-62dfd412] { position: fixed; }
 
.sidermenutop {display: none;}
 
 .parallax-top-shadow { height: 100vh; position: fixed !important;width: 100%;top:0;left:0;}
 .parallax-top-shadow img{height: 100%;width:100%;object-fit:cover;}
 .homemargintop {position: relative;z-index: 2222;margin-top:988px;background: #fff}

.item-nav ul.sub { position: absolute;top:65px;left:0;height: 1px;line-height:65px;width:100%; background: #fff;
 text-align: center; 
    transition:height 1s;
-moz-transition:height 1s; /* Firefox 4 */
-webkit-transition:height 1s; /* Safari and Chrome */
-o-transition:height 1s; /* Opera */
overflow: hidden;
 }
    .item-nav ul.sub.enter {height: 65px}
.item-nav ul.sub li{display: inline-block;padding:0 25px;}
.item-nav ul.sub li a{color:#9093b2;}
.item-nav ul.sub li a:hover{color:#333;}

.jdlink img{height: 40px;width:auto;}

.banner .text{top:60%;left:50%;transform:translate(-50%,-50%);position:absolute;color:#fff;font-size:54px;font-weight:300}
@media (max-width:1125px){.about{padding:0  !important}
 
.about   img{max-width: none }

}.join{position:absolute;top:15px;right:15px;border:1px solid #e93d31;padding:10px 10px;color:#e93d31;background:#fff}
.item3[data-v-15a1276a]{margin:80px 0;min-height:300px;background:url(../images/jobform.png) no-repeat;background-position:50%;background-size:cover;box-shadow:0 0 6px rgba(0,0,0,.1)}
.jobformtitle{text-align:center;font-size:18px;padding:30px 0 10px}
@media screen and (min-width:900px){.work-con[data-v-15a1276a]{display:flex;padding:0 20px}
.item-left[data-v-15a1276a]{height:100%;min-height:300px;width:50%;float:left}
}@media only screen and (max-width:767px){.work-con[data-v-15a1276a]{display:block;padding:0 20px}
.item-left[data-v-15a1276a]{height:100%;width:100%;float:left}
}

 
  .recru-text1{font-size:16px;color:#191818;line-height:40px}
  .recru-title .in-top-title{margin-top:46px}
  .recru-block{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:44px;flex-wrap:wrap}
  .recru-block .recru-list{border:1px solid #D8D8D8;width:32%;padding:30px;display:flex;flex-direction:column;align-items:center;
    margin-bottom:35px;}
  .recru-block .recru-list .text1{font-size:24px;color:#212121;line-height:24px;font-weight:lighter;text-align:center;margin-top:17px}
  .recru-block .recru-list .text2{font-size:16px;color:#191818;line-height:30px;font-weight:lighter;margin-top:26px}
  .recru-block .recru-list .btn1{width:124px;height:37px;background:var(--maincolor);border-radius:18px;font-size:14px;color:#FFFFFF;line-height:37px;text-align:center;margin-top:20px}
  .recru-block .recru-list:empty{border:0px;width:32%;padding:0px}
  .recru-block .recru-list:hover{border:1px solid var(--maincolor)}
 
 .cdmo-title{display:flex;flex-direction:column;align-items:center}
.in-top-title{font-size:30px;color:#212121;line-height:41px;margin-top:70px;font-weight:lighter}
.in-top-line{margin-top:10px}
.in-top-line{width:35px;height:1px;background:var(--maincolor);margin-top:30px}

#news .news-bot{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-top:43px}
#news .news-bot .block-in{width:23%;height:213px;background-color:#F7F8FC;border:1px solid rgba(211,211,211,0.45);padding:28px;margin-bottom:24px}
#news .news-bot .block-in .text1{font-size:18px;color:#353535;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
#news .news-bot .block-in .text2{font-size:12px;color:#C0C0C0;line-height:24px;margin-top:8px;margin-bottom:8px}
#news .news-bot .block-in .text3{font-size:14px;color:#7E7E7E;line-height:24px}
#news .news-bot .block-in .text4{font-size:14px;color:#575757;line-height:24px;margin-top:15px}
#news .news-bot .block-in:empty{width:23%;height:0px;border:0px;padding:0px;margin-bottom:0px}
#news .news-bot .block-in:hover{background-color:var(--maincolor)}
#news .news-bot .block-in:hover .text1{color:#fff}
#news .news-bot .block-in:hover .text2{color:#fff}
#news .news-bot .block-in:hover .text3{color:#fff}
#news .news-bot .block-in:hover .text4{color:#fff}



.morebtn{ margin-bottom: 15px }
.morebtn .more {padding:10px 30px;border:1px solid #333;color:#333;cursor:pointer;}
.morebtn .more:hover{background:rgba(0,0,0,.1)}

.foot-top a{font-size:14px;color:#999;margin:5px 0;cursor:pointer}
.foot-top .logo img {margin-top:40px}

.pagewrap {padding-top:30px}
.contentwrapbg,.contentwrapside .dmcontent {padding-top: 0;}
.dmmargintop0 {margin-top:0}




@media only screen and (min-width:1300px){
    .dsrnewslist img:hover,.box-news img:hover{transform:scale(1.1)}


}


@media only screen and (max-width:1199px) {
   .pagewrap { padding-top:20px}

   #news .news-bot .block-in,.recru-block .recru-list {width:48%;margin:1%;}
}

  .mobipage.page_index .pagewrap{padding-top:0}




@media only screen and (max-width:699px) {  
   

   #news .news-bot .block-in ,.recru-block .recru-list{width:100%;}
}