@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {-webkit-text-size-adjust:none; }

body {color:#231815;font-family:'Source Han Sans CN', 'PingFang SC', 'Helvetica Neue', 'Arial', 'Helvetica', 'Hiragino Sans GB', 'STHeitiSC-Light', sans-serif;overflow-x: hidden;font-size:24px;}

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#333333;}
/*a:hover{color: #da291c}*/
/*居中*/

.center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.between{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.up{display:flex;flex-direction:row;justify-content:space-between;}
.down{display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.upcenter{display:flex;flex-direction:row;justify-content:center;}
.upleft{display:flex;flex-direction:row;justify-content:flex-start;}
.upright{display:flex;flex-direction:row;justify-content:flex-end;}

.upbetween{display:flex;flex-direction:row;justify-content:space-between;}

.left {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.right{display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}

/**上对齐*/
.uptop{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.updown{display: flex;flex-direction:column; justify-content:space-between}




/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}



/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}


/**手机横屏提示*/

.mobile_show{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99999999999999999; background:#000000; display: none}
.mobile_showbox{position: absolute; left: 50%; color: #fff; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 90%}
.mobile_showbox img{width: 60px; margin: 0 auto; }
.mobile_showbox p{font-size: 16px; margin-top:20px;}




.nav-btnbox { display:none}
.pd2{ padding-top:2%; padding-bottom:2%}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd7{ padding-top:7%; padding-bottom:7%}
.pd8{ padding-top:8%; padding-bottom:8%}
.pd10{ padding-top:10%; padding-bottom:10%}


.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}
.mt9{ margin-top:9%}
.mt10{ margin-top:10%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}
.pt8{ padding-top:8%}



.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}
.pb8{ padding-bottom:8%}
.pb9{ padding-bottom:9%}
/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}
.fiveline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient: vertical;}

sup{font-size:14px;}




.wapshow{display: none}

.bigpic{ overflow:hidden; position:relative}
.bigpic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}

a:hover .bigpic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.bigpic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}

@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}

@keyframes roadMove {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 200% 0; /* 当背景图像的水平位置为100%时，看起来就像图像从左向右滚动 */
  }
}
@keyframes bounce {
    0%, 100% {
       transform: translateY(0);
    }
    50% {
        transform: translateY(3px);
    }
}

.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeIn {
	0% {opacity:0}
	100% {opacity:1}
}
@keyframes fadeIn {
	0% {opacity:0}
    100% {opacity:1}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
.mainbox{margin: 0 auto;  max-width: 1440px; width:100%}

.top{position:fixed; left: 50%; top: 30px; width:100%; z-index:999;background:url(../images/navbg.jpg) center/cover no-repeat;height:100px; width:1440px; border-radius:50px; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;}
.top.cur{width:100%; top:0px;border-radius:0px;}
.top>.mainbox{    padding:0px 60px; box-sizing: border-box; position:relative;}


 
.logo{ width:183px; }
.logo:hover{text-decoration: none;}
.nav_left{width:70%;transition:0.5s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all; max-width:900px;}
.nav{width:85%; max-width:700px; margin-bottom:0px !important;}
.nav ul{margin:0px;}

.nav li>a{position: relative; display: block; line-height:100px; color:#251714; font-size:18px;  position:relative;}
.nav li>a:after{position:absolute; content:""; width:12px; height:8px; background:url(../images/navjtico1.svg) center/cover no-repeat;left:calc(100% + 5px); top:50%; margin-top:-3px;}
.nav li>a:hover:after{background:url(../images/navjtico2.svg) center/cover no-repeat;}
.nav li>a:hover{background: linear-gradient(to right, #3b34b0 40%,#bf539d 100%); color:transparent;-webkit-background-clip: text;background-clip: text;}
.nav li.cur>a{background: linear-gradient(to right, #3b34b0 40%,#bf539d 100%); color:transparent;-webkit-background-clip: text;background-clip: text;}
.nav li.cur>a:after{background:url(../images/navjtico2.svg) center/cover no-repeat;}


.top.cur .nav li>a:hover,.subtop .nav li>a:hover{background: linear-gradient(to right, #3b34b0 40%,#bf539d 100%); color:transparent;-webkit-background-clip: text;background-clip: text; text-decoration: none;}
.top.cur .nav li.cur>a,.subtop .nav li.cur>a{background: linear-gradient(to right, #3b34b0 40%,#bf539d 100%); color:transparent;-webkit-background-clip: text;background-clip: text;}

.navdown{width:calc(100% - 120px); position: absolute; left:60px; top:105px;background:rgba(255,255,255,1);display: none; z-index: 2; padding:40px 45px; box-sizing: border-box;}
.navdown .img{width:372px; }
.navdown .img1{width:100%; display:none;}
.navdown .navtxt{padding:0px 76px 0px 60px; }
.navdown .navtxt .navtit{font-size:40px; font-weight:bold;padding-bottom:20px; position:relative;}
.navdown .navtxt .navtit a{font-weight:bold;}
.navdown .navtxt .navtit:after{position:absolute; content:"";bottom:0px; height:6px; width:100%; left:0px;background: linear-gradient(to right, #3b34b0 40%,#bf539d 100%); }
.navdown .navtxt .navtitico{width:115px; margin:30px auto 0px auto;}
.navdown .navdownlist{padding-left:64px; font-size:20px; border-left:1px solid #b2b2b2;}
.navdown .navdownlist em{display:none;}
.navdown .navdownlist p{margin-bottom:25px;}
.navdown .navdownlist p a{color:#231815; transform: all 0.3s; -webkit-transform: all 0.3s;}
.navdown .navdownlist p a:hover{background: linear-gradient(to right, #3b34b0 40%,#bf539d 100%); color:transparent;-webkit-background-clip: text;background-clip: text;}

.s_lang{width:12%; max-width:110px;}

.s_lang .topsearch{width:24px; }
.s_lang em{display:block; width:2px; height:25px; background: #3b34b5; background: linear-gradient(180deg, #3b34b5 40%, #c654a2 100%);}
.s_lang .toplang{width:24px; }
.s_lang .toplangtxt{font-size:18px; margin-left:5px;}  /* 修改 */
.s_lang .search{width:21px; cursor: pointer; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.top .hide{display:none;}
.top.cur .show{display:none;}
.top.cur .hide{display:block;}

.wsearchbox{position:absolute;width:0px; background:#FFFFFF;right:0px; height:100%; top:50%; transform: translate(0,-50%); z-index:10; transition:0.5s all; -webkit-transition:0.5s all;}
.wsearchbox.cur{width:100%;padding:0px 60px; box-sizing: border-box;}
.wsearchbox .s_btn{width:21px;cursor: pointer;}
.wsearchbox .s_text{width:calc(100% - 200px); background:#FFF;border:0px;margin:0px; padding:0px; box-shadow: none; -webkit-box-shadow: none; font-size:24px;}
.wsearchbox .s_text:focus {outline: none;box-shadow: none; font-size:24px;}
.wsearchbox .s_text::placeholder {color:#cccccc; font-size:24px;}
.wsearchbox .s_text::-moz-placeholder {color:#cccccc; font-size:24px;}
.wsearchbox .s_text::-webkit-input-placeholder {color:#cccccc;font-size:24px;}
.wsearchbox .s_close{width:20px; cursor: pointer; transition:all 0.3s; -webkit-transition:all 0.3s;}
.wsearchbox .s_close:hover{transform: rotate(180deg);}


.sosouboxsbj{background: rgba(0,0,0,0.5); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 889; display: none}

.sosouboxs{width: 100%; position:fixed; left: 0px; top:-50px; z-index: 1000; background: #fff; padding: 30px 0px; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0; visibility: hidden}

.sosouboxs.show{ top: 0; opacity: 1; visibility: visible;}
.sosouboxs.show form{margin:0px;}
.sosouhezi{border-bottom: 1px solid #cccccc; background: url("../images/bsearch.svg") no-repeat left center; background-size: 18px; padding-left: 30px; width: 80%; max-width: 500px; margin:0 auto}
.sousutxt{height: 40px !important; width: calc(100% - 50px); border: 0px !important;margin:0px !important; padding:0px !important; box-shadow: none !important; -webkit-box-shadow: none !important;}
.sousutxt:focus {outline: none;box-shadow: none; }
.sousuclose{width: 16px; height: 16px;}
 

.banner{position: relative; z-index: 1; background:url(../images/banner1.png) center/cover no-repeat;}
.banner .coverbg{width:100%; position:absolute; left:0px; bottom:-1px; z-index: 10;}
.banner .coverbg img{width:100%;}
.banner .swiper-pagination{z-index: 888; left: 50%; bottom: 7%;  width:80%; margin-left:-40%; text-align:center; height:10px;}
.banner .swiper-pagination-bullet{opacity: 1; width:14px; height:14px;margin:0px 12px!important; border-radius:100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; border: 1px solid rgba(255,255,255,1); background: #FFFFFF;}

.banner .swiper-pagination-bullet-active { background: #e40012;border: 1px solid #e40012;  }
.banner .bannerimg{ background-repeat: no-repeat; background-size: cover;display:block;height: 100vh;width: 100%;overflow: hidden; position:relative;  transition: all 3s;-webkit-transition: all 3s; background-position: center left;}
/* .banner .bannerimg .pcbanner{position:absolute; width:120%; left:0%; top:0px; height: 100vh;transition: all 3s linear;-webkit-transition: all 3s linear;} */
.banner .bannerimg.currentbanner{background-position: center center;}
/* .banner .bannerimg.currentbanner .pcbanner{left:-20%;} */
.banner .bannerimg .pcimg{ position:absolute; width:100%; height:100%; top:0px; }
.banner .mbanner{display:none; position:relative;}
/* .banner .bannerimg .videobtn{width: 160px;height: 160px;position: absolute;left: 50%;top: 48%;transform: translate(-50%, -50%);cursor: pointer;z-index: 2; border-radius:100%; border:1px solid #FFF; } */
.banner .mainbox{z-index: 4; height:100vh; position:relative; }
.banner .mainbox .bannerinfo{width:100%; max-width:870px; position:absolute; top:50%; right:10%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);  text-align:left; color:#FFFFFF;}
.banner .mainbox .bannerinfo h2{font-size:92px; line-height:1.1; font-weight: normal;letter-spacing: 2px;}
.banner .mainbox .bannerinfo h2 em{color:#cd56a1;}
.banner .mainbox .bannerinfo h3{font-size:50px; font-weight: normal;line-height:1.5; margin-top:26px; }
.viewmore{width:161px; height:46px; line-height:44px; border-radius:23px; border:1px solid #FFFFFF; float:right; position:relative; margin-top:52px; color:#FFF; font-size:18px; text-align:center; display:block; box-sizing: border-box;}
.proviewmore{float:left; margin-top:30px; line-height:44px;}
.viewmore:before{position:absolute; content:""; width:45px; height:45px; left:-1px; top:0px;border-radius:22.5px; background:#FFF; z-index: 1; transition:all 0.3s;-webkit-transition:all 0.3s;}
.viewmore:hover:before{width:calc(100% + 2px);}
.viewmore span{position:absolute; height:44px; right:10px;display:inline-block; width:calc(100% - 56px); text-align:center;z-index: 2;}
.proviewmore span{right:15px;}
.viewmore:hover span{color:#3b34b5;}
.viewmore:after{position:absolute; content:""; width:8px;height:14px; top:50%; left:19px; transform:translate(0,-50%); transform:translate(0,-50%); background:url(../images/jtico1.svg) center/cover no-repeat;z-index: 2;}
.banner .bannerimg .mainbox .bannerinfo .viewmore{margin-right:40px;}

.banner .bannerimg .mainbox .bannerinfo1{width:100%; max-width:810px; position:absolute; top:53%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  text-align:center; color:#FFFFFF;}

.banner .bannerimg .mainbox .bannerinfo1 h2{font-size:76px; line-height:1.3;font-weight: normal;letter-spacing: 2.2px;}
.banner .bannerimg .mainbox .bannerinfo1 h3{font-size:30px; font-weight: normal;line-height:1.5; margin-top:26px; }
.banner .bannerimg .mainbox .bannerinfo1 .viewmore{margin:15% auto 0px auto; width:190px; float:none;}
.banner .bannerimg .mainbox .bannerinfo2{width:100%; position:absolute; top:50%; left:28px; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);  text-align:left; color:#FFFFFF; }
.banner .bannerimg .mainbox .bannerinfo2 h2{font-size:66px; line-height:1.2;font-weight: normal;letter-spacing: 2.2px;}
.banner .bannerimg .mainbox .bannerinfo2 h3{font-size:78px; font-weight: normal;line-height:1.2;  }
.banner .bannerimg .mainbox .bannerinfo2 .line{width:450px; height:2px; background:#FFFFFF; margin:30px 0px 20px 0px; }
.banner .bannerimg .mainbox .bannerinfo2 h4{max-width:450px; font-size:24px; line-height:1.7;font-weight: normal;}
.banner .bannerimg .mainbox .bannerinfo2 .viewmore{margin:5% 0px 0px 0px; width:203px; float:left;}

/* 默认隐藏状态 */
.bannerinfo h2,.bannerinfo h3,.bannerinfo .viewmore,.bannerinfo1 h2,.bannerinfo1 h3,.bannerinfo1 .viewmore,.bannerinfo2 h2,.bannerinfo2 h3,.bannerinfo2 .line,.bannerinfo2 h4,.bannerinfo2 .viewmore{
  opacity: 0;
  transform: translateX(200px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.bannerimg .pcimg{
  opacity: 0;
  transform: translateX(500px);
  transition: opacity 0.6s ease, transform 1s ease;
}

/* 动画触发状态 */
.animate-in {
  opacity: 1 !important;
  transform: translateX(0) !important;
}
/* 自定义分页样式 */
.custom-pagination {
  position: absolute;
  bottom: 38px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  color: white;
  font-size: 20px;
  z-index: 20;
}

.page-num {
  opacity: 0.6;
  cursor: pointer;
  min-width: 24px;
  text-align: center;
  margin:0px 6px;
}

.page-num.active {
  opacity: 1;
}

.progress-segment {
  width: 140px;
  height: 3px;
  background: rgba(255, 255, 255, 0.3);
  position: relative;
  overflow: hidden;
  display: none; /* 默认隐藏 */
  margin:0px 6px;
}

.progress-segment.active {
  display: block; /* 仅当前激活的段显示 */
}

.progress-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: white;
   /* 注意：这里不用 ease，用 linear 配合 JS 控制 */
}

.play-pause-btn {
  background: none;
  border: none;
  color: white;
  font-size: 16px;
  cursor: pointer;
  margin-left: 10px;
}


@keyframes rotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
.banner .bannerimg img{width:100%;}
.banner .mbanner{display:none;}
.banner .mbanner img{width:100%;}
.banner .swiper-slide{ overflow: hidden; }



.s_banner{position: relative; z-index: 1;}
.s_banner .bannerimg{background-position: center center; background-repeat: no-repeat; background-size: cover;display:block;height: 100vh;width: 100%;overflow: hidden;background:#000000;}
.s_banner .mbanner{display:none;}
.s_banner .mbanner img{width:100%;}
.s_banner .bannertxt{width:90%; position:absolute; bottom:7%; left:50%; transform:translate(-50%,0px); -webkit-transform:translate(-50%,0px);}

@keyframes scrolling_move {
    0% {}
    100% {top:25px;}
}

@keyframes changesize {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* .tviewmore{width:162px; height:46px; line-height:44px;  background:url(../images/viewmorebg.png) center center no-repeat; position:relative; margin-top:35px; color:#3b34b5; font-size:18px; text-align:center; display:block; box-sizing: border-box;}
.tviewmore:before{position:absolute; content:""; width:46px; height:46px; left:-1px; top:0px;border-radius:23px; background: linear-gradient(to right, #3b34b0 40%,#bf539d 100%); z-index: 1; transition:all 0.3s;-webkit-transition:all 0.3s;}
.tviewmore:hover:before{width:calc(100% + 2px);}
.tviewmore span{position:absolute; height:46px; left:20px;display:inline-block; width:calc(100% - 20px); text-align:center;z-index: 2; }
.tviewmore:hover span{color:#FFF;}
.tviewmore:after{position:absolute; content:""; width:8px;height:14px; top:50%; left:19px; transform:translate(0,-50%); transform:translate(0,-50%); background:url(../images/wjtico1.svg) center/cover no-repeat;z-index: 2;} */

.tviewmore{width:162px; height:46px; line-height:44px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);  position:relative; margin-top:35px; color:#3b34b5; font-size:18px; text-align:center; display:block; box-sizing: border-box;border-radius:24.5px;}
.tviewmore em{position:absolute; width:calc(100% - 2px); height:calc(100% - 2px);border-radius:23px; background:#FFFFFF;top:1px; left:1px; }
.tviewmore:before{position:absolute; content:""; width:44px; height:44px; left:-1px; top:1px;border-radius:22px; background: linear-gradient(to right, #3b34b0 40%,#bf539d 100%); z-index: 2; transition:all 0.3s;-webkit-transition:all 0.3s;}
.tviewmore:hover:before{width:calc(100% + 2px);}
.tviewmore span{position:absolute; height:46px; left:20px;display:inline-block; width:calc(100% - 20px); text-align:center;z-index: 2; }
.tviewmore:hover span{color:#FFF;}
.tviewmore:after{position:absolute; content:""; width:8px;height:14px; top:50%; left:19px; transform:translate(0,-50%); transform:translate(0,-50%); background:url(../images/wjtico1.svg) center/cover no-repeat;z-index: 3;}

/* 探索的样式 */
.h_about{position:relative;background:url(../images/tansuobg1.jpg) left repeat-x; min-height:1500px;}
.h_about img{width:100%;}
.h_about .h_aboutbox{position:absolute; top:170px; width:100%; overflow: hidden;}
.h_about .h_aboutbox .h_tansuo{padding-left:65px; }
.h_about .h_aboutbox .h_tansuo .tit{position:relative;}
.h_about .h_aboutbox .h_tansuo .tit span{line-height:114px; background: linear-gradient(to right, #c46db0 0%,#3b34b5 100%); color:transparent;-webkit-background-clip: text;background-clip: text;  font-size:24px;}
.h_about .h_aboutbox .h_tansuo .tit:before{position:absolute; content:""; width:50px; height:114px; background:url(../images/ico3.png) center/cover no-repeat;top:0px;left:-65px;}
.h_about .h_aboutbox .h_tansuo .bigtxt{font-size:52px; color:#3b34b5; line-height:1.2; max-width:728px; font-weight:600; margin-top:-30px;}
.h_about .h_aboutbox .h_tansuo .smalltxt{font-size:20px;color:#464646; line-height:2; margin-top:55px;max-width:995px;}
.h_about .h_aboutbox .h_tansuo .tviewmore em{background:#e9ebf8;}
.h_tansuobox{margin-top:87px; }

.h_tansuobox .h_maincdmo .h_cro{width:calc(45% - 20px); border-top-left-radius:13px;border-bottom-left-radius:13px;overflow:hidden;box-shadow: 0px 0px 5px #cccccc;background:url(../images/himg2.jpg) center/cover no-repeat; min-height:577px; position:relative; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.cdmoactive .h_cro{min-height:577px;}
.h_tansuobox .h_maincdmo.croactive .h_cro{width:55%;min-height:647px;}


.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox{width:264px; height:264px; border:1px solid #FFFFFF;border-radius:50%; position:absolute;top:50%;margin-top:-133px; left:calc(100% - 588px);background: linear-gradient(to right, rgba(43,34,135,0.8) 0%,rgba(177,61,134,0.8) 100%);}

.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox:before{position:absolute; content:""; width:9px; height:9px; border-radius:50%; background:#FFFFFF;bottom:-4.5px; left:50%;margin-left:-4.5px;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox:after{position:absolute; content:""; width:1px; height:300px;  background:#FFFFFF;top:100%; left:50%;margin-left:-0.5px;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont{position:absolute; width:90%; top:50%; left:50%; transform:translate(-50%,-50%); text-align: center;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .ico{width:107px;margin:0px auto; margin-top:-20px;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .icotxt{margin:45px auto 0px auto; font-size:36px; font-weight:bold;color:#FFF;line-height:1.3; border-bottom:1px solid #FFF; display:inline-block;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .icotxt span{display:inline-block; width:63px;position:absolute;left:50%; margin-left:-31.5px; bottom:20px;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox em{display:inline-block; padding-left:24px;line-height:30px; position:absolute; font-size:20px; color:#FFFFFF; width:100%;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox em a{color:#FFF;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox em a:hover{color:#3b34b5; font-weight: bold;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox em:before{position:absolute; content:""; width:17px; height:17px;top:50%;margin-top:-8.5px; left:-8.5px; background:rgba(255,255,255,0.3); border-radius:50%;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox em:after{position:absolute; content:""; width:6px; height:6px;top:50%;margin-top:-0.5px; left:0px;border-radius:50%; background:#FFFFFF;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .l1{top:10%; left:86%;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .l2{top:25%; left:96%;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .l3{top:40%; left:100%;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .l4{top:55%; left:99%;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .l5{top:70%; left:93%;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox{width:264px; height:264px; border:1px solid #FFFFFF;border-radius:50%; position:absolute;top:50%;margin-top:-132px; right:calc((100% - 456px));background: linear-gradient(to right, rgba(128,240,108,0.8) 0%,rgba(0,105,114,0.8) 50%);}
.h_tansuobox .h_maincdmo .h_cro .h_crobox:before{position:absolute; content:""; width:9px; height:9px; border-radius:50%; background:#FFFFFF;bottom:-4.5px; left:50%;margin-left:-4.5px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox:after{position:absolute; content:""; width:1px; height:100%;  background:#FFFFFF;top:100%; left:50%;margin-left:-0.5px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont{position:absolute; width:90%; top:50%; left:50%; transform:translate(-50%,-50%); text-align: center;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .ico{width:107px;margin:0px auto; margin-top:-20px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .icotxt{margin:45px auto 0px auto; font-size:30px; font-weight:bold;color:#FFF;line-height:1.3; border-bottom:1px solid #FFF; display:inline-block;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .icotxt i{font-size:36px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .icotxt span{display:inline-block; width:73px;position:absolute;left:50%; margin-left:-31.5px; bottom:25px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox em{display:inline-block; padding-left:24px;line-height:30px; position:absolute; font-size:20px; color:#FFFFFF; width:100%;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox em a{color:#FFF;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox em a:hover{color:#3b34b5;font-weight: bold;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox em:before{position:absolute; content:""; width:17px; height:17px;top:50%;margin-top:-8.5px; left:-8.5px; background:rgba(255,255,255,0.3); border-radius:50%;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox em:after{position:absolute; content:""; width:6px; height:6px;top:50%;margin-top:-0.5px; left:0px;border-radius:50%; background:#FFFFFF;}

.h_tansuobox .h_maincdmo .h_cro .h_crobox .l1{top:25%; left:96.3%;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .l2{top:40%; left:100%;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .l3{top:55%; left:99.3%;}

.h_maincro_cdmo{display:none;}

/* .h_tansuobox .h_maincdmo .h_cro .h_crobox{width:100%; padding:40px 78px 48px 78px;  position:absolute;left:0px;top:0px; box-sizing: border-box; height:100%;}

.h_tansuobox .h_maincdmo .h_cro .h_crobox .img{width:76px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.croactive .h_cro .h_crobox .img{width:100px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont{width:calc(100% - 158px);position:relative; height:100%;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .tit{font-size:30px; font-weight:bold;padding-top:33px; position:relative; padding-left:26px; border-left:1px solid #FFF; line-height:1; color:#FFFFFF; margin-left:34px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.croactive .h_cro .h_crobox .cont .tit{padding-top:42px;font-size:34px;}

.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .tit span{font-size:36px;transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.croactive .h_cro .h_crobox .cont .tit span{font-size:50px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .tit em{display:block;width:87px; position:absolute;left:28px; top:0px;transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.croactive .h_cro .h_crobox .cont .tit em{width:120px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .list{position:absolute; width:100%; bottom:0px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .list a{max-width:340px;width:100%;height:65px;border:1px solid #FFFFFF;border-radius:9px; background:rgba(255,255,255,0.35); margin-bottom:23px; transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.croactive .h_cro .h_crobox .cont .list a{max-width:440px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .list a:hover{background:rgba(255,255,255,0.5);}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .list a:last-child{margin-bottom:0px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .list a em{width:89px;display:block; text-align:center; position:relative;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .list a em img{width:40px; display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .list a span{display:block;width:calc(100% - 89px); position:relative; font-size:20px; font-weight:bold;padding-left:33px; color:#FFF; border-left:1px solid #FFF; box-sizing: border-box;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.croactive .h_cro .h_crobox .cont .list a span{font-size:24px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .list a span:after{position:absolute; content:""; width:12px; height:21px; background:url(../images/wjtico1.svg) center/cover no-repeat; right:25px; top:50%; margin-top:-10.5px;} */



/* cdmo样式 */

.h_tansuobox .h_maincdmo{position:relative;}

.h_tansuobox .h_maincdmo .h_cdmo{width:55%; overflow:hidden; border-top-right-radius:13px;border-bottom-right-radius:13px;  background:url(../images/himg4.jpg) center/cover no-repeat;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.25);z-index:1; position:relative; transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.croactive .h_cdmo{width:calc(45% - 20px); min-height:577px;}
.h_tansuobox .h_maincdmo.cdmoactive .h_cdmo{min-height:647px;}
/* .h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox{padding:40px 87px 48px 0px;  position:absolute;right:0px;top:0px; box-sizing: border-box; height:100%;}

.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont{position:relative;width:765px;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .img{width:76px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.cdmoactive .h_cdmo .h_cdmobox .cont .img{width:96px;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .tit{font-size:30px; font-weight:bold;padding-top:40px; position:relative; padding-left:22px; border-left:1px solid #FFF; line-height:1; color:#FFFFFF;margin-left:30px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.cdmoactive .h_cdmo .h_cdmobox .cont .tit{padding-top:47px; margin-left:37px;padding-left:32px;font-size:36px;}

.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .tit span{font-size:36px; transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.cdmoactive .h_cdmo .h_cdmobox .cont .tit span{font-size:50px;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .tit em{display:block;width:66px; position:absolute;left:26px; top:0px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.cdmoactive .h_cdmo .h_cdmobox .cont .tit em{width:112px; left:32px;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .list{ position:absolute; width:100%; bottom:0px;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .list .cdmolist{width:calc(100% + 48px); margin-left:-48px;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .list .cdmolist a{width:calc(50% - 48px); margin-left:48px;height:65px;border:1px solid #FFFFFF;border-radius:9px; background:rgba(255,255,255,0.35); margin-bottom:23px; box-sizing: border-box;transition:all 0.5s ease;-webkit-transition:all 0.5s ease; overflow: hidden;}

.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .list .cdmolist a:hover{background:rgba(255,255,255,0.5);}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .list a:last-child{margin-bottom:0px;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .list a em{width:76px;display:block; text-align:center; position:relative;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.cdmoactive .h_cdmo .h_cdmobox .cont .list a em{width:89px;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .list a em img{height:40px; width:auto;display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .list a span{display:block;width:calc(100% - 89px); position:relative; font-size:20px; font-weight:bold;padding-left:33px; color:#FFF; border-left:1px solid #FFF; box-sizing: border-box;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.h_tansuobox .h_maincdmo.cdmoactive .h_cdmo .h_cdmobox .cont .list a span{font-size:24px;}
.h_tansuobox .h_maincdmo .h_cdmo .h_cdmobox .cont .list a span:after{position:absolute; content:""; width:12px; height:21px; background:url(../images/wjtico1.svg) center/cover no-repeat; right:25px; top:50%; margin-top:-10.5px; */}

/* .h_tansuobox .h_maincdmo .h_cro{width:46%; position:absolute; top:-107px; right:0px;border-top-left-radius:13px;border-bottom-left-radius:13px;overflow:hidden;background:url(../images/himg2.jpg) center/cover no-repeat; min-height:520px; cursor: pointer; }
.h_tansuobox .h_maincdmo.h_maincdmoactive .h_cro{opacity: 1;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox{width:264px; height:264px; border:1px solid #FFFFFF;border-radius:50%; position:absolute;top:50%;margin-top:-132px; right:calc((100% - 456px));background: linear-gradient(to right, rgba(128,240,108,0.8) 0%,rgba(0,105,114,0.8) 50%);}
.h_tansuobox .h_maincdmo .h_cro .h_crobox:before{position:absolute; content:""; width:9px; height:9px; border-radius:50%; background:#FFFFFF;bottom:-4.5px; left:50%;margin-left:-4.5px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox:after{position:absolute; content:""; width:1px; height:100%;  background:#FFFFFF;top:100%; left:50%;margin-left:-0.5px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont{position:absolute; width:90%; top:50%; left:50%; transform:translate(-50%,-50%); text-align: center;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .ico{width:107px;margin:0px auto; margin-top:-20px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .icotxt{margin:45px auto 0px auto; font-size:30px; font-weight:bold;color:#FFF;line-height:1.3; border-bottom:1px solid #FFF; display:inline-block;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .icotxt i{font-size:36px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .cont .icotxt span{display:inline-block; width:73px;position:absolute;left:50%; margin-left:-31.5px; bottom:25px;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox em{display:inline-block; padding-left:24px;line-height:30px; position:absolute; font-size:16px; color:#FFFFFF; width:100%;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox em:before{position:absolute; content:""; width:17px; height:17px;top:50%;margin-top:-8.5px; left:-8.5px; background:rgba(255,255,255,0.3); border-radius:50%;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox em:after{position:absolute; content:""; width:9px; height:9px;top:50%;margin-top:-4.5px; left:-4.5px;border-radius:50%; background:#FFFFFF;}

.h_tansuobox .h_maincdmo .h_cro .h_crobox .l1{top:25%; left:96.3%;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .l2{top:40%; left:100%;}
.h_tansuobox .h_maincdmo .h_cro .h_crobox .l3{top:55%; left:99.3%;} */


.h_tansuobox .h_maincro_cdmo{display:none;}
.h_tansuobox .h_maincro_cdmo .h_cdmo{width:95%; overflow:hidden; border-top-right-radius:13px;border-bottom-right-radius:13px; min-height:577px; background:url(../images/himg4.jpg) center/cover no-repeat;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.25);z-index:1; position:relative; opacity: 1;transition: opacity 0.3s ease 0s;}

.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox{padding:40px 87px 48px 0px;  position:absolute;right:0px;top:0px; box-sizing: border-box; height:100%;}

.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont{position:relative;width:765px;}
.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont .img{width:106px;}
.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont .tit{font-size:40px; font-weight:bold;padding-top:53px; position:relative; padding-left:32px; border-left:1px solid #FFF; line-height:1; color:#FFFFFF;margin-left:45px;}
.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont .tit span{font-size:56px;}
.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont .tit em{display:block;width:112px; position:absolute;left:32px; top:0px;}
.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont .list{ position:absolute; width:100%; bottom:0px;}
.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont .list .cdmolist{width:calc(100% + 48px); margin-left:-48px;}
.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont .list .cdmolist a{width:calc(50% - 48px); margin-left:48px;height:65px;border:1px solid #FFFFFF;border-radius:9px; background:rgba(255,255,255,0.35); margin-bottom:23px; box-sizing: border-box;transition:all 0.5s;-webkit-transition:all 0.5s;}
.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont .list .cdmolist a:hover{background:rgba(255,255,255,0.5);}
.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont .list a:last-child{margin-bottom:0px;}
.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont .list a em{width:89px;display:block; text-align:center; position:relative;}
.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont .list a em img{height:40px; width:auto;display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont .list a span{display:block;width:calc(100% - 89px); position:relative; font-size:24px; font-weight:bold;padding-left:33px; color:#FFF; border-left:1px solid #FFF; box-sizing: border-box;}
.h_tansuobox .h_maincro_cdmo .h_cdmo .h_cdmobox .cont .list a span:after{position:absolute; content:""; width:12px; height:21px; background:url(../images/wjtico1.svg) center/cover no-repeat; right:25px; top:50%; margin-top:-10.5px;}

.h_tansuobox .h_maincro_cdmo .h_cro{width:95%; margin-top:30px;border-top-left-radius:13px;border-bottom-left-radius:13px;overflow:hidden;box-shadow: 0px 0px 5px #cccccc;background:url(../images/himg2.jpg) center/cover no-repeat; min-height:577px;opacity: 1;transform: translateX(0px); margin-left:5%;transition: opacity 0.5s ease 0.2s;}

.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox{width:100%; padding:40px 78px 48px 78px;  position:absolute;left:0px;top:0px; box-sizing: border-box; height:100%;}
.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox .img{width:116px;}
.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox .cont{margin-left:42px;width:calc(100% - 158px);position:relative;}
.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox .cont .tit{font-size:40px; font-weight:bold;padding-top:53px; position:relative; padding-left:32px; border-left:1px solid #FFF; line-height:1; color:#FFFFFF;}
.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox .cont .tit span{font-size:56px;}
.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox .cont .tit em{display:block;width:147px; position:absolute;left:32px; top:0px;}
.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox .cont .list{position:absolute; width:100%; bottom:0px;}
.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox .cont .list a{max-width:440px;width:100%;height:65px;border:1px solid #FFFFFF;border-radius:9px; background:rgba(255,255,255,0.35); margin-bottom:23px; transition:all 0.5s;-webkit-transition:all 0.5s;}
.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox .cont .list a:hover{background:rgba(255,255,255,0.5);}
.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox .cont .list a:last-child{margin-bottom:0px;}
.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox .cont .list a em{width:89px;display:block; text-align:center; position:relative;}
.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox .cont .list a em img{width:40px; display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox .cont .list a span{display:block;width:calc(100% - 89px); position:relative; font-size:24px; font-weight:bold;padding-left:33px; color:#FFF; border-left:1px solid #FFF; box-sizing: border-box;}
.h_tansuobox .h_maincro_cdmo .h_cro .h_crobox .cont .list a span:after{position:absolute; content:""; width:12px; height:21px; background:url(../images/wjtico1.svg) center/cover no-repeat; right:25px; top:50%; margin-top:-10.5px;}

/* 生物优势的样式 */

.h_youshi{background:url(../images/youshibg.jpg) center/cover no-repeat; min-height:1040px; position:relative; overflow: hidden;}
.h_youshi .mainbox{padding-top:65px; position:absolute; height:100%; box-sizing: border-box;left:calc((100% - 1440px) / 2);}
.h_youshi .tit{padding-left:65px; position:relative;color:#FFF;}
.h_youshi .tit span{line-height:30px;  font-size:24px; display:block; padding-top:41.5px;}
.h_youshi .tit em{font-size:52px;line-height:1.3; display:block;}
.h_youshi .tit:before{position:absolute; content:""; width:50px; height:114px; background:url(../images/ico4.png) center/cover no-repeat;top:0px;left:0px;}
.h_youshi .hyoushibox{position:absolute; bottom:0px;  width:100%;}

.h_youshi .hyoushibox li{width:25%;position:relative; min-height:718px; cursor: pointer;}
.h_youshi .hyoushibox li .line{width:1px; height:100%; background:rgba(255,255,255,0.7); left:-1px;position:absolute;}
.h_youshi .hyoushibox li .line1{left:auto; right:0px;}
.h_youshi .hyoushibox li .txt{padding-top:50px;font-size:44px; line-height:1.1; color:#FFF;margin-left:40px;  position:relative;transition:all 1s; -webkit-transition:all 1s;}
.h_youshi .hyoushibox li .txt span{position:absolute; top:0px;left:0px; display:block; }
.h_youshi .hyoushibox li .txt span img{height:68px; width:auto;}
.h_youshi .hyoushibox li .ico{position:absolute; right:39px; bottom:50px; height:139px;}
.h_youshi .hyoushibox li .ico img{height:100%; width:auto;}
.h_youshi .hyoushibox li .box{width:100%; height:100%;top:100%;background:url(../images/ysbg1.png) center/cover no-repeat; position:absolute; transition:all 0.5s; -webkit-transition:all 0.5s;transition: top 0.4s ease;transition-delay: 0.4s; }
.h_youshi .hyoushibox li .box .info{ width:80%;position:absolute; top:40%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);color:#FFF;text-align:center; max-width:240px;}
.h_youshi .hyoushibox li .box .info .txt1{font-size:44px; line-height:1.1;  font-weight:bold; padding-top:50px;opacity:0;transform:translateY(100px);transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s;}
.h_youshi .hyoushibox li .box .info .txt1 span{position:absolute; top:0px;left:0px; display:block; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0);height:64px;}
.h_youshi .hyoushibox li .box .info .txt1 span img{height:100%; width:auto; display:inline-block;}
.h_youshi .hyoushibox li .box .info .txt2{font-size:20px;margin-top:30px; opacity:0;transform:translateY(100px);transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s;}
.h_youshi .hyoushibox li .box .ico{height:140px;left:50%; right:auto; bottom:40px;opacity:0;transform:translate(-50%,100px); -webkit-transform:translate(-50%,100px);position:absolute; transition: opacity 0.6s ease 0.4s, transform 0.6s ease 0.4s;}
.h_youshi .hyoushibox li:hover .box{top:0px; }


.h_youshi .hyoushibox li:hover .box .info .txt1,.h_youshi .hyoushibox li:hover .box .info .txt2{opacity:1;transform:translateY(0);}
.h_youshi .hyoushibox li:hover .box .ico{opacity:1;transform:translate(-50%,0px); -webkit-transform:translate(-50%,0px);}
@keyframes myFadeInUp {
  from {
    opacity: 0;
    transform: translateY(300px); /* ← 这里控制“上浮距离”，数值越大，起始位置越靠下 */
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 让这个动画兼容 WOW.js */
.myFadeInUp {
  animation-name: myFadeInUp;
  animation-fill-mode: both;
}

.h_part2{width:100%; background:url(../images/h_homebg1.png) top left repeat-x; min-height:1000px;}
.h_news{margin-top:200px; position:relative; z-index: 100;}
.h_news .tit{padding-left:65px; position:relative;}
.h_news .tit i{background: linear-gradient(to right, #c46db0 0%,#3b34b5 100%); color:transparent;-webkit-background-clip: text;background-clip: text;  font-size:24px;padding-top: 41.5px;line-height:30px; display:inline-block;}
.h_news .tit:before{position: absolute;content: "";width: 50px;height: 114px;background: url(../images/ico3.png) center / cover no-repeat;top: 0px;left: 0px;}
.h_news .tit .intro em{font-size: 52px;line-height: 1.3;display: block; color:#3b34b5;}
.h_news .tit .intro .tviewmore{margin-top:0px;}
.h_news .h_newsbox{margin-top:70px; }
.h_news .h_newsbox .nleft{width:calc(48% - 20px); }
.h_news .h_newsbox .nleft a{display:block;position:relative; overflow: hidden;border-radius:5px;border-bottom-right-radius:0px; }
.h_news .h_newsbox .nleft a img{width:100%; transition:all 1s;-webkit-transition:all 1s;}
.h_news .h_newsbox .nleft a:hover img{transform: scale(1.1);}
.h_news .h_newsbox .nleft a:before{position:absolute; content:"";width:100%; height:100%; background:url(../images/ico6.png) center/cover no-repeat; z-index:2;}
.h_news .h_newsbox a:after{width:50px; height:50px;border-top-left-radius:5px; background:#f9f6fd; position: absolute;content:"";bottom:0px; right:0px;}
.h_news .h_newsbox .nleft a em{width:38px;height:38px;border:2px solid #e5e5e5; border-radius:5px; position:absolute;background: transparent; background-size: 8px 14px; bottom:0px; right:0px; z-index:2; transition:all 0.3s; -webkit-transition:all 0.3s;}
.h_news .h_newsbox .nleft a em:after{position:absolute; content:"";width:8px; height:14px;top:50%; left:50%; margin-top:-7px;margin-left:-4px; background: url(../images/jtico1.svg) center/cover no-repeat;transition:all 0.3s; -webkit-transition:all 0.3s;}
.h_news .h_newsbox .nleft a:hover em{background:url(../images/ico7.png) center/cover no-repeat; border:2px solid transparent;}
.h_news .h_newsbox .nleft a:hover em:after{background: url(../images/wjtico1.svg) center/cover no-repeat;}
.h_news .h_newsbox .nleft a .txt{position:absolute; width:calc(100% - 100px); top:20px; left:50px; z-index:4;color:#FFF;}
.h_news .h_newsbox .nleft a .txt .tag{margin-bottom:20px;  font-size:18px;}
.h_news .h_newsbox .nleft a .txt .tag span{padding-right:12px; margin-right:12px; border-right:1px solid rgba(255,255,255,0.6);}
.h_news .h_newsbox .nleft a .txt .tag span:last-child{margin-right:0px;}
.h_news .h_newsbox .nleft a .txt p{font-size:24px; line-height:1.5;}
.h_news .h_newsbox .nright{width:52%; overflow: hidden;}
.h_news .h_newsbox .nright .news_swiper{position:relative;}
.h_news .h_newsbox .nright .news_swiper a{background:url('../images/rn1.jpg') center/cover no-repeat; display:block; transition:all 0.5s; -webkit-transition:all 0.5s; position:relative;overflow: hidden;border-radius:5px;border-bottom-right-radius:0px;}
.h_news .h_newsbox .nright .news_swiper a:hover{background:url('../images/qhrn1.jpg') center/cover no-repeat;}
.h_news .h_newsbox .nright a em{width:38px;height:38px;border:2px solid #e5e5e5; border-radius:5px; position:absolute;background: transparent; background-size: 8px 14px; bottom:0px; right:-1px; z-index:2; transition:all 0.3s; -webkit-transition:all 0.3s;}
.h_news .h_newsbox .nright a em:after{position:absolute; content:"";width:8px; height:14px;top:50%; left:50%; margin-top:-7px;margin-left:-4px; background: url(../images/jtico1.svg) center/cover no-repeat;transition:all 0.3s; -webkit-transition:all 0.3s;}
.h_news .h_newsbox .nright a:hover em{background:url(../images/ico7.png) center/cover no-repeat; border:2px solid transparent;}
.h_news .h_newsbox .nright a:hover em:after{background: url(../images/wjtico1.svg) center/cover no-repeat;}
.h_news .h_newsbox .nright .news_swiper a.n1{background:url('../images/rn1.jpg') center/cover no-repeat; margin-bottom:20px;}
.h_news .h_newsbox .nright .news_swiper a.n1:hover{background:url('../images/qhrn1.jpg') center/cover no-repeat;}
.h_news .h_newsbox .nright .news_swiper a.n2{background:url('../images/rn4.jpg') center/cover no-repeat;}
.h_news .h_newsbox .nright .news_swiper a.n2:hover{background:url('../images/qhrn4.jpg') center/cover no-repeat;}
.h_news .h_newsbox .nright .news_swiper a.n3{background:url('../images/rn2.jpg') center/cover no-repeat;margin-bottom:20px;}
.h_news .h_newsbox .nright .news_swiper a.n3:hover{background:url('../images/qhrn2.jpg') center/cover no-repeat;}
.h_news .h_newsbox .nright .news_swiper a.n4{background:url('../images/rn5.jpg') center/cover no-repeat;}
.h_news .h_newsbox .nright .news_swiper a.n4:hover{background:url('../images/qhrn5.jpg') center/cover no-repeat;}
.h_news .h_newsbox .nright .news_swiper a.n5{background:url('../images/rn3.jpg') center/cover no-repeat;margin-bottom:20px;}
.h_news .h_newsbox .nright .news_swiper a.n5:hover{background:url('../images/qhrn3.jpg') center/cover no-repeat;}
.h_news .h_newsbox .nright .news_swiper a.n6{background:url('../images/rn6.jpg') center/cover no-repeat;}
.h_news .h_newsbox .nright .news_swiper a.n6:hover{background:url('../images/qhrn6.jpg') center/cover no-repeat;}
.h_news .h_newsbox .nright .news_swiper a .txt{position:absolute; width:calc(100% - 50px); top:20px; left:25px; z-index:4;}
.h_news .h_newsbox .nright .news_swiper a .txt .tag{margin-bottom:15px;  font-size:18px;color:#636363;}
.h_news .h_newsbox .nright .news_swiper a:hover .txt .tag{color:#FFF;}
.h_news .h_newsbox .nright .news_swiper a .txt .tag span{padding-right:12px; margin-right:12px; border-right:1px solid #636363;}
.h_news .h_newsbox .nright .news_swiper a:hover .txt .tag span{border-right:1px solid #FFFFFF;}
.h_news .h_newsbox .nright .news_swiper a .txt .tag span:last-child{margin-right:0px;}
.h_news .h_newsbox .nright .news_swiper a .txt p{font-size:20px; line-height:1.5; color:#2a2287;}
.h_news .h_newsbox .nright .news_swiper a:hover .txt p{color:#FFF;}
.h_news .news_qhbtn{width:162px; margin:45px auto 0px auto; height:66px;}
.h_news .news_qhbtn .swiper-button-prev,.h_part2 .h_news .news_qhbtn .swiper-button-next{width: 66px;height: 66px;border-radius: 100%;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all; background:url(../images/ico5.png) center/cover no-repeat; position:static; color: transparent; margin-top:5px;}
.swiper-button-next:after,.swiper-button-prev:after{font-size:30px;background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);color: transparent;-webkit-background-clip: text;background-clip: text;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{background:none !important; border:2px solid #e5e5e5 !important; opacity: 1;}
.swiper-button-next.swiper-button-disabled:after, .swiper-button-prev.swiper-button-disabled:after{color:#e5e5e5;}
.h_news_viewmore{margin:25px auto 0px auto;display:none;}
.h_contact{margin-top: 0px;padding-top: 117px;padding-bottom: 195px;position: relative;}
.h_contact:after{position:absolute; content:"";width:0px; height:100%; left:calc(100% - 928px); transition:all 0.5s; -webkit-transition:all 0.5s;  top:150px;background: url(../images/contactbg.png) top left no-repeat; background-size:cover;}
.h_contact.animate:after{width:928px;  transition:all 2s; -webkit-transition:all 2s; }
.h_contact.animate1:after{position:fixed; }
/* .h_contact.animate2:after{top:500px;  transition:all 0.3s; -webkit-transition:all 0.3s;} */
.h_contact .mainbox{padding-top:150px;position:relative;}
.h_contact .mainbox .c_img{position:absolute; top:70px; left:-161px; z-index:2;}
.h_contact .mainbox .tit{padding-left:65px; position:relative;color:#FFF;z-index:4; margin-bottom:35px;}
.h_contact .mainbox .tit span{line-height:30px;  font-size:24px; display:block; padding-top:41.5px;}
.h_contact .mainbox .tit em{font-size:52px;line-height:1.3; display:block;}
.h_contact .mainbox .tit:before{position:absolute; content:""; width:50px; height:114px; background:url(../images/ico4.png) center/cover no-repeat;top:0px;left:0px;}
.messbox{width:100%; max-width:1178px;min-height:852px; background:url(../images/contactbg.jpg) center/cover no-repeat; border-radius:21px; z-index:4; position:relative; padding:47px 0px; box-sizing: border-box;}
.messbox ul{width:100%; max-width:1042px;margin:0px auto;}
.messbox ul li{margin-bottom:25px;}
.messbox ul li:last-child{margin-bottom:38px;}
.messbox ul li .inputint{width:calc(50% - 16px); border:1px solid #FFFFFF; background:transparent; height:56px;border-radius:28px;padding:0px 28px;box-sizing: border-box; color:#FFFFFF; font-size:18px;}
.messbox ul li .inputint::placeholder{color:rgba(255,255,255,0.6);}
.messbox ul li .inputint::-webkit-input-placeholder{color:rgba(255,255,255,0.6);}
.messbox ul li .inputint::-moz-placeholder{color:rgba(255,255,255,0.6);}
.messbox ul li .inputint:-moz-placeholder{color:rgba(255,255,255,0.6);}
.messbox ul li .inputint:-ms-input-placeholder{color:rgba(255,255,255,0.6);}
.messbox ul li .inputint.w100{width:100%;}

.select{position: relative;width: 100%;border: 1px solid #FFFFFF;cursor: pointer;text-align: left;border-radius:28px;padding:0px 28px; font-size:18px; color:rgba(255,255,255,0.6);box-sizing: border-box; height:56px; background:transparent;}
.select:after{content:"";position:absolute;top:50%;right:25px;margin-top:-3.5px;z-index: 100; width:7px; height:12px; background:url(../images/wjtico1.svg) center/cover no-repeat; transform: rotate(90deg);}
.select .select_text{height:56px;line-height:56px; color: rgba(255,255,255,1); box-sizing: border-box; position:relative; z-index: 300; font-size:18px;}
.select_ul {display: none;position: absolute;top: 56px;left: -1px;width: 100% !important;border-radius:28px;background: transparent;z-index: 999;margin-left: 0px !important; border:1px solid #FFF; overflow: hidden;background:rgba(62,42,131,1);}

.select_ul li {line-height: 50px;text-indent: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;width: 100% !important;float: none !important;margin-left: 0px;padding: 5px 18px;margin-right: 0px; box-sizing: border-box; color:#FFF; margin-bottom:0px !important; font-size:18px;}
.select_ul li:nth-child(4){width:100% !important; margin-left:0px !important;}
.select_ul li:last-child{padding: 5px 18px !important;}
.select_ul li:hover{color:#fff;background:rgba(255,255,255,0.1);}
.select_ul li.cur{color:#fff;background:rgba(255,255,255,0.1);}

.messbox ul li:nth-child(4){width:calc(100% + 25px); margin-left:-25px;} 

.messbox ul li .item{width:calc(33.33% - 25px);margin-left:25px; border:1px solid #FFF; border-radius:8px;  padding:15px; box-sizing: border-box;}
.messbox ul li .item dl dt{font-size:18px; margin-bottom:15px; color:#FFF;}
.messbox ul li .item dl dd{color:#FFF; font-size:16px; margin-bottom:15px; cursor: pointer;}

.messbox ul li .item dl dd em{width:12px; height:12px; border:1px solid #FFF; border-radius:100%; margin-right:15px; position:relative;}
.messbox ul li .item dl dd em:after{position:absolute; content:""; width:6px; height:6px; border-radius:100%; top:3px; left:3px; }
.messbox ul li .item dl dd.on em:after{background:#FFFFFF;}
.messbox ul li .item dl dd p{width:calc(100% - 29px);}
.messbox ul li .item dl dd p .otherinput{height:30px; color:#FFF; border:0px;border-bottom:1px solid rgba(255,255,255,0.6); background:transparent; width:100%;}

.messbox ul li .item dl dd p .otherinput::placeholder{color:rgba(255,255,255,0.6); font-size:16px;}
.messbox ul li .item dl dd p .otherinput::-webkit-input-placeholder{color:rgba(255,255,255,0.6);font-size:16px;}
.messbox ul li .item dl dd p .otherinput::-moz-placeholder{color:rgba(255,255,255,0.6);font-size:16px;font-size:16px;}
.messbox ul li .item dl dd p .otherinput:-moz-placeholder{color:rgba(255,255,255,0.6);font-size:16px;}
.messbox ul li .item dl dd p .otherinput:-ms-input-placeholder{color:rgba(255,255,255,0.6);font-size:16px;}

.messbox .messsubmit{width:315px; height:60px; line-height:60px; position:relative; margin-top:35px; color:#FFFFFF; font-size:18px; text-align:center; display:block; box-sizing: border-box; border:1px solid #FFF; background:rgba(255,255,255,0.2); margin:0px auto; border-radius:29px; cursor: pointer;}
.messbox .messsubmit:before{position:absolute; content:""; width:58px; height:58px; left:-1px; top:0px;border-radius:29px; background: #FFF; z-index: 1; transition:all 0.3s;-webkit-transition:all 0.3s;}
.messbox .messsubmit:hover:before{width:calc(100% + 2px);}
.messbox .messsubmit span{position:absolute; height:58px; left:20px;display:inline-block; width:calc(100% - 20px); text-align:center;z-index: 2; }
.messbox .messsubmit:hover span{color:#9b4fc0;}
.messbox .messsubmit:after{position:absolute; content:""; width:23px;height:17px; top:50%; left:17.5px; transform:translate(0,-50%); transform:translate(0,-50%); background:url(../images/icoemail.svg) center/cover no-repeat;z-index: 2;}


.footer{width:100%; min-height:749px; background:url(../images/footerbg1.png) top/cover no-repeat;position:relative;padding-top:75px; box-sizing: border-box; position:relative;}
.footer .backtotop{width:55px; height:55px; background:url(../images/ico8.png) center/cover no-repeat;top:0px; left:50%; margin-left:-27.5px;position:absolute;z-index: 3; cursor: pointer;}
.footer .backtotop:after{width:20px; height:12px; position:absolute; content:""; background:url(../images/bjiantou.svg) center/cover no-repeat; top:50%; left:50%; margin-top:-6px; margin-left:-10px;}

.footer .mainbox{position:relative; z-index: 3;}
.footer .flogo{width:234px;}
.footer .finfo{margin-top:45px;padding:0px 15px;}
.footer .finfo .finfoleft{width:20%; max-width:210px; line-height:1.8; font-size:18px; color:#FFF;}
.footer .finfo .finfoleft .ewm{width:97px; margin-top:30px;}
.footer .finfo .finfoleft .ewm img{width:100%;}
.footer .finfo .fnav{font-size:20px; line-height:2;width:80%; max-width:720px;}
.footer .finfo .fnav a{display:block;color:#FFFFFF; transition: all 0.3s; -webkit-transition: all 0.3s;}
.footer .finfo .fnav a:hover{opacity:0.8;}
.footer .finfo .fnav dt{color:#cd56a1; margin-bottom:5px;}
.footer .finfo .fnav dt a{color:#cd56a1;}
.footer .copyright{margin-top:100px;}
.footer .copyright .design{font-size:14px; line-height:40px;color:#d7d7d7; border-bottom:1px solid rgba(255,255,255,0.6); text-align:right;}
.footer .copyright .copyinfo{padding-top:25px;color:#d7d7d7;}
.footer .copyright .copyinfo .blinks a{padding-right:12px; margin-right:12px; color:#d7d7d7; display:inline-block; font-size:16px; border-right:1px solid #d7d7d7;line-height:1.1;}
.footer .copyright .copyinfo .blinks a:last-child{border-right:0px;}
.footer .copyright .copyinfo .blinks a:hover{color:#FFFFFF;}
.footer .copyright .copytext{font-size:14px; }
.footer .copyright .copytext a{color:#d7d7d7;}
.footer .copyright .copytext a:hover{color:#FFF;}

.searchlayer{background:url(../images/xialabg.jpg) center/cover no-repeat; position:fixed; z-index:1000; width:100%; height:100%; display:none;}
.searchlayer:after{position:absolute; content:""; background:url(../images/xialabg1.png) right bottom no-repeat;z-index:1001; width:100%; height:100%;}
.searchlayer .close{position:absolute; display:inline-block; width:39px; height:39px;right:120px; top:120px;z-index:1002; transition: all 0.3s;}
.searchlayer .close:hover{transform: rotate(180deg);}
.searchlayer .searchbox{width:1040px; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);z-index:1002;position:absolute;}
.searchlayer .searchbox h2{text-align: center; font-size:70px;margin-bottom:60px; color:#FFFFFF; font-weight: normal;}
.searchlayer .searchbox .searchint{width:100%;  border:1px solid #FFF;border-radius:49px;padding-left:74px; padding-right:85px;    box-sizing: border-box; position:relative; font-size:18px;}
.searchlayer .searchbox .searchint input{color:#FFF;height:98px;background:transparent; width:100%; border:0px;}
.searchlayer .searchbox .searchint input::placeholder{color:rgba(255,255,255,0.5); font-size:18px;}
.searchlayer .searchbox .searchint input::-webkit-input-placeholder{color:rgba(255,255,255,0.5);font-size:18px;}
.searchlayer .searchbox .searchint input::-moz-placeholder{color:rgba(255,255,255,0.5);font-size:18px;}
.searchlayer .searchbox .searchint input:-moz-placeholder{color:rgba(255,255,255,0.5);font-size:18px;}
.searchlayer .searchbox .searchint input:-ms-input-placeholder{color:rgba(255,255,255,0.5);font-size:18px;}
.searchlayer .searchbox .searchint:before{position:absolute; content:"";width:25px; height:24px;top:50%; margin-top:-10px;left:40px;background:url(../images/searchico.png) center/cover no-repeat;}
.searchlayer .searchbox .searchint .searchbtn{width:69px; height:69px; background:url(../images/sico1.png) #FFFFFF center center no-repeat; position:absolute;border-radius:50%;right:14.5px; top:14.5px; transition: all 0.3s; -webkit-transition: all 0.3s;}

.searchlayer .searchbox .searchint .searchbtn:hover{opacity: 0.8;}
.searchlayer .searchbox .hotsearch{margin-top:50px;}
.searchlayer .searchbox .hotsearch h3{font-size:24px; font-weight: normal; color:#FFFFFF; margin-bottom:20px;}
.searchlayer .searchbox .hotsearch .hotlinks a{display:inline-block; padding:0px 38px; line-height:38px;background:rgba(255,255,255,0.1); font-size:14px; border-radius:19px; color:#FFFFFF; transifion:all 0.5s; -webkit-transifion:all 0.5s;}
.searchlayer .searchbox .hotsearch .hotlinks a:hover{background:rgba(255,255,255,0.8); color:#3b34b5;}

.s_banner{width:100%; height:700px; position:relative;}
.s_banner.sd_banner{height:481px;} 
.s_banner.sou_banner{height:406px;} 
.s_banner .s_bannertxt{position:absolute;width:100%; max-width:1440px; top:50%;left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color:#FFF;}
.s_banner.sd_banner .s_bannertxt{top:55%;}
.s_banner.sou_banner .s_bannertxt{top:auto; bottom:60px;transform: translate(-50%,0px); -webkit-transform: translate(-50%,0px);}
.s_banner .s_bannertxt h2{font-size:84px; font-weight: normal;}
.s_banner.sd_banner h2{font-size:62px;}
.s_banner.sou_banner h2{font-size:60px;}
.s_banner .s_bannertxt h3{font-size:24px; font-weight: normal; }
.s_banner.sd_banner h3{font-size:20px;}
.s_banner.sou_banner h3{font-size:17px; margin-top:10px;}
.s_banner.sou_banner h4{position:absolute; bottom:-30px;font-size:70px; width:100%;text-align:center; font-weight:normal;}
.s_banner .site{position:absolute; width:100%;max-width:1440px;left:50%;transform: translate(-50%,0px); -webkit-transform: translate(-50%,0px); line-height:40px; color:rgba(255,255,255,0.7); bottom:10px; z-index:10; font-size:16px;}
.s_banner .site span{margin:0px 15px;}
.s_banner .site a{color:rgba(255,255,255,0.7);}
.s_banner .site a:hover{color:rgba(255,255,255,1);}

.s_contact{padding:98px 0px 0px 0px;}
.s_tit{padding-left:50px;line-height:75px;position:relative; }
.s_tit span{background: linear-gradient(to right, #c46db0 0%, #3b34b5 100%);color: transparent;-webkit-background-clip: text;background-clip: text; font-size:52px; display:inline-block;}
.s_tit:before{position:absolute; content:"";width:32px; height:75px; top:0px; left:0px; background:url(../images/ico9.png) left/cover no-repeat;}
.contactinfo{margin-top:55px; width:calc(100% + 38px); margin-left:-38px;}
.contactinfo .item{border:1px solid #e5e5e5; border-radius:5px; width:calc(33.33% - 38px); margin-left:38px; padding:48px; box-sizing: border-box;}
.contactinfo .item em{display:block; width:82px; margin:0px auto;}
.contactinfo .item .line{width:100%; height:1px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); margin:40px 0px 35px 0px;}
.contactinfo .item .txt{font-size:16px; color:#666666; text-align: center; width:80%; margin:0px auto;}
.contactinfo .item .txt span{font-size:24px; font-weight:bold;background: linear-gradient(to right, #3b34b5 40%, #c46db0 100%);color: transparent;-webkit-background-clip: text;background-clip: text;}
.contactinfo .item .txt p{line-height:1.8; margin-top:10px;}

.sc_mess{padding:110px 0px 135px 0px;  margin-top:37px; box-sizing: border-box; position:relative;}
.sc_mess:after {position: absolute;content: "";width: 0px;height: 100%;background: url(../images/contactbg.png) top left no-repeat;left:calc(100% - 928px);transition: all 5s;-webkit-transition: all 5s; top:100px;}
.sc_mess.animate::after {
    width: 928px;
}
.sc_mess.animate1:after{position:fixed; }
.sc_mess .messbox{max-width:100%; min-height:920px; padding:78px 0px 90px 0px;background:url(../images/contactmessbg.jpg) center/cover no-repeat; margin-top:54px; border-radius:21px; overflow: hidden; box-sizing: border-box;}

.s_relanav{background:#f2f2f2; padding-top:100px; position:relative; z-index:1;}
.s_relanav .tit{font-size:30px; color:#3b34b5; font-weight:bold;}
.s_relanav .relabox{margin:55px 0px 0px 0px; padding-bottom:155px;}
.s_relanav .relabox ul{width:calc(100% + 60px); margin-left:-60px;}
.s_relanav .relabox ul li{width:calc(50% - 60px); margin-left:60px;}
.s_relanav .relabox ul li a{display:block; position:relative;border-radius:10px; transition:all 0.5s; -webkit-transition:all 0.5s; overflow: hidden; }
.s_relanav .relabox ul li a:after{position:absolute; content:""; width:100%; height:100%;background:url(../images/relahover.png) center/cover no-repeat; opacity:0;top:0px; left:0px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_relanav .relabox ul li a:hover:after{opacity:1;}
/* .s_relanav .relabox ul li a.r1{background:url(../images/img2.jpg) center/cover no-repeat;}
.s_relanav .relabox ul li a.r2{background:url(../images/img3.jpg) center/cover no-repeat;}
.s_relanav .relabox ul li a.r3{background:url(../images/gsimg1.jpg) center/cover no-repeat;}
.s_relanav .relabox ul li a.r4{background:url(../images/gsimg2.jpg) center/cover no-repeat;}
.s_relanav .relabox ul li a:hover{background:url(../images/relahover.png) center/cover no-repeat;} */
.s_relanav .relabox ul li a .txt{font-size:30px;padding-right:30px; background:url(../images/ico10.png) right center no-repeat; position:absolute; top:35px; left:35px;color:#FFF; z-index:3;}
.s_relanav .relabox ul li a em{width:99px; bottom:35px; left:35px; position:absolute;z-index:3;}
.s_relanav .relabox ul li a em.w84{width:84px;}


.s_news{padding:138px 0px 165px 0px;}
.s_news .tjnews{margin-bottom:70px;}
.s_news .tjnews ul{width:calc(100% + 50px); margin-left:-50px;}
.s_news .tjnews ul li{width:calc(50% - 50px); margin-left:50px;}

.s_news .tjnews ul li a{display:block;position:relative; overflow: hidden;border-radius:5px;border-bottom-right-radius:0px; }
.s_news .tjnews ul li a img{width:100%; transition:all 1s;-webkit-transition:all 1s;}
.s_news .tjnews ul li a:hover img{transform: scale(1.1);}
.s_news .tjnews ul li a:before{position:absolute; content:"";width:100%; height:100%; background:url(../images/ico6.png) center/cover no-repeat; z-index:2;}
.s_news .tjnews ul li a:after{width:50px; height:50px;border-top-left-radius:5px; background:#FFF; position: absolute;content:"";bottom:0px; right:0px;}
.s_news .tjnews ul li a em{width:38px;height:38px;border:2px solid #e5e5e5; border-radius:5px; position:absolute;background: transparent; background-size: 8px 14px; bottom:0px; right:0px; z-index:2; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_news .tjnews ul li a em:after{position:absolute; content:"";width:8px; height:14px;top:50%; left:50%; margin-top:-7px;margin-left:-4px; background: url(../images/jtico1.svg) center/cover no-repeat;transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_news .tjnews ul li a:hover em{background:url(../images/ico7.png) center/cover no-repeat; border:2px solid transparent;}
.s_news .tjnews ul li a:hover em:after{background: url(../images/wjtico1.svg) center/cover no-repeat;}
.s_news .tjnews ul li a .txt{position:absolute; width:calc(100% - 100px); top:20px; left:50px; z-index:4;color:#FFF;}
.s_news .tjnews ul li a .txt .tag{margin-bottom:20px;  font-size:18px;}
.s_news .tjnews ul li a .txt .tag span{padding-right:12px; margin-right:12px; border-right:1px solid rgba(255,255,255,0.6);}
.s_news .tjnews ul li a .txt .tag span:last-child{margin-right:0px;}
.s_news .tjnews ul li a .txt p{font-size:24px; line-height:1.5;}
.s_news .newslist{position:relative;}
.s_news .newslist:before{position:absolute; content:""; top:30px; width:100%; height:1px; background: linear-gradient(to right, #3b34b0 50%, #bf539d 100%); z-index:1;}
.s_news .newslist .n_nav{display:inline-block; padding:15px 54px; border-radius:30px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); font-size:18px;color:rgba(255,255,255,0.8);z-index:2; position:relative;}
.s_news .newslist .n_nav a{color:rgba(255,255,255,0.8);}
.s_news .newslist .n_nav a:hover,.s_news .newslist .n_nav a.on{color:rgba(255,255,255,1);}
.s_news .newslist .n_nav span{font-size:20px; color:#FFF;margin:0px 35px;font-weight: 100;}
.s_news .newslist ul li a{display:block; padding:55px 0px; border-bottom:1px solid #b8b8b8;transition: all 0.5s; -webkit-transition: all 0.5s; position:relative;}
.s_news .newslist ul li a:after{position:absolute; content:""; z-index:1;width:100%; height:100%; background:url(../images/newsbg2.png) right bottom no-repeat; bottom:0px;opacity:0;}
.s_news .newslist ul li a:hover:after{opacity:1;}
.s_news .newslist ul li a:hover{background:url(../images/newsbg1.png) left bottom repeat-x;}
.s_news .newslist ul li a .pic{width:425px; border-radius:5px;overflow: hidden; z-index:2; position:relative;}
.s_news .newslist ul li a .pic img{width:100%;transition: all 0.5s; -webkit-transition: all 0.5s;}
.s_news .newslist ul li a:hover .pic img{transform: scale(1.1);} 
.s_news .newslist ul li a .info{width:calc(100% - 458px); z-index:2; position:relative;}
.s_news .newslist ul li a .info .tag{padding-left:30px; background:url(../images/ico11.png) center left no-repeat; font-size:18px; color:#3b34a2;}
.s_news .newslist ul li a .info .tag span{margin:0px 16px;font-weight: 100;}
.s_news .newslist ul li a .info h3{font-size:24px; font-weight:normal; margin:20px 0px 20px 0px;}
.s_news .newslist ul li a:hover .info h3{color:#3b34a2;}
.s_news .newslist ul li a .info .txt{color:#666;font-size:16px; line-height:1.7;}
.s_news .newslist ul li a:hover .tviewmore:before{width:100%;}
.s_news .newslist ul li a:hover .tviewmore span{color:#FFFFFF;}

.pages{margin-top:55px; text-align:center;}
.pages a{font-size:18px;color:#666666;width:35px; height:35px;line-height:35px; border-radius:50%;margin:0px 5px; display:inline-block; transition: all 0.5s;-webkit-transition: all 0.5s; position:relative;}
.pages a:hover,.pages a.on{background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); color:#FFF;}
.pages a.prev:after{width:8px; height:16px; background:url(../images/bjtico1.svg) center/cover no-repeat; position:absolute; content:""; top:50%; left:48%; transform:translate(-50%,-50%) rotate(180deg); -webkit-transform:translate(-50%,-50%) rotate(180deg);}
.pages a.next:after{width:8px; height:16px; background:url(../images/bjtico1.svg) center/cover no-repeat; position:absolute; content:""; top:50%; left:52%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

.s_newsdetail{padding:100px 0px 200px 0px; }
.s_newsdetail .ntit{padding:30px 0px 60px 0px;text-align:center; font-size:34px; line-height:1.2; background:url('../images/newsbg1.png') bottom left repeat-x; border-bottom:2px solid #3b34b1; position:relative;}
.s_newsdetail .ntit .ntime{padding:15px 35px 18px 35px; line-height:22px;border-radius:17.5px; position:absolute;bottom:-27.5px;left:50%; transform:translate(-50%,0px); -webkit-transform:translate(-50%,0px); border-radius: 27.5px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);}
.s_newsdetail .ntit .ntime span{margin-left:10px; font-size:18px; color:#FFF;}
.s_newsdetail .ncont{margin-top:110px; font-size:18px; line-height:2; color:#666666;}
.s_newsdetail .ncont p{margin-bottom:10px;}
.s_newsdetail .ncont p img{display:inline-block;}
.s_newsdetail .ncont h2{font-size:28px; color:#3b34b1;margin-bottom:10px;}
.s_newsdetail .tviewmore{width:178px; height:51px;  margin:45px auto 0px auto; line-height:49px;}
.s_newsdetail .tviewmore:after{transform: translate(0, -50%) rotate(180deg);}
.s_newsdetail .tviewmore:before{width:50px; height:50px;border-radius:25px;}
.s_newsdetail .tviewmore:hover:before{width:calc(100% + 2px);}
.s_newsdetail .tviewmore span{height:51px;}
.s_newsdetail .newscontpage{margin-top:80px; position:relative;padding:35px 0px; font-size:18px; color:#666666;}
.s_newsdetail .newscontpage a{color:#666666;}
.s_newsdetail .newscontpage a:hover{color:#3b34b1;}
.s_newsdetail .newscontpage:before{position:absolute; content:"";width:100%; height:1px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);left:0px; top:0px;}
.s_newsdetail .newscontpage:after{position:absolute; content:"";width:100%; height:1px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);left:0px; bottom:0px;}

.s_relanews{background:#f2f2f2; padding-top:145px; position:relative;}
.newscontact{width:1440px;height:150px;  border-radius:75px; background:url(../images/cro_mrna_contact.png) center/cover no-repeat;padding:40px 110px; box-sizing: border-box; left:50%; transform:translate(-50%,0px); -webkit-transform:translate(-50%,0px); top:-75px;position:absolute;}
.newscontact p{font-size:36px; color:#FFF;}
.newscontact .tviewmore{margin-top:0px;border:1px solid #FFF; background:none;border-radius:28.5px; width:274px; height:57px;}
.newscontact .tviewmore:before{width:56px; height:56px; border-radius:28px; background:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s; top:0px;}
.newscontact .tviewmore:after{background:url(../images/jtico1.svg) center/cover no-repeat; left:25px;}
.newscontact .tviewmore span{color:#FFF;height:56px; line-height:56px;}
.newscontact .tviewmore:hover span{color:#3a36ae;}
.newscontact .tviewmore:hover:before{width:calc(100% + 2px);}
.s_relanews .tit{font-size:30px; color:#3b34b5; font-weight:bold;}
.s_relanews .relanewsbox{margin:60px 0px 0px 0px; padding-bottom:155px;}
.s_relanews .relanewsbox ul{width:calc(100% + 54px); margin-left:-54px;}
.s_relanews .relanewsbox ul li{width:calc(33.33% - 54px); margin-left:54px;}
.s_relanews .relanewsbox ul li a{display:block; position:relative;border-radius:5px; transition:all 0.5s; -webkit-transition:all 0.5s; overflow: hidden; background:#FFF;}

.s_relanews .relanewsbox ul li a .pic{width:100%;overflow: hidden;}
.s_relanews .relanewsbox ul li a .pic img{border-radius:5px; width:100%; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_relanews .relanewsbox ul li a:hover .pic img{transform: scale(1.1);}
.s_relanews .relanewsbox ul li a .txt{padding:30px 30px 40px 30px; transition:all 2s; -webkit-transition:all 2s;line-height:1.5;}
.s_relanews .relanewsbox ul li a:hover .txt{background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); }
.s_relanews .relanewsbox ul li a .txt em{font-size:18px; color:#3b34a2;}
.s_relanews .relanewsbox ul li a .txt em i{display:inline-block;width:21px; height:19px;background:url(../images/ico11.png) center/cover no-repeat;}
.s_relanews .relanewsbox ul li a:hover .txt em i{background:url(../images/ico12.png) center/cover no-repeat;}
.s_relanews .relanewsbox ul li a .txt em span{margin-left:10px;}
.s_relanews .relanewsbox ul li a:hover .txt em span{color:#FFFFFF;}
.s_relanews .relanewsbox ul li a .txt .tit{margin:20px 0px;font-size:22px; color:#333;}
.s_relanews .relanewsbox ul li a:hover .txt .tit{color:#FFF;}
.s_relanews .relanewsbox ul li a .txt .info{line-height:2; font-size:16px;color:#666666;}
.s_relanews .relanewsbox ul li a:hover .txt .info{color:#FFFFFF;}
.s_relanews .relanewsbox ul li a .txt .tviewmore{border:1px solid #FFF; width:138px; height:42px; border-radius:21px;background:url(../images/ico13.png) center/cover no-repeat;}
.s_relanews .relanewsbox ul li a .txt .tviewmore:before{width:40px; height:40px; transform: all 0.5s; -webkit-transform: all 0.5s; top:0px;}
.s_relanews .relanewsbox ul li a:hover .txt .tviewmore:before{width:calc(100% + 2px); background:#FFFFFF;}
.s_relanews .relanewsbox ul li a .txt .tviewmore span{line-height:40px; height:40px; font-size:14px;transform: all 0.5s; -webkit-transform: all 0.5s;}
.s_relanews .relanewsbox ul li a:hover .txt .tviewmore span{color:#3a36ae;}
.s_relanews .relanewsbox ul li a .txt .tviewmore:after{left:17px;transform: all 0.5s; -webkit-transform: all 0.5s;}
.s_relanews .relanewsbox ul li a:hover .txt .tviewmore:after{background:url(../images/jtico1.svg) center/cover no-repeat; }

.s_download{padding:110px 0px 125px 0px;}
.s_download ul li{margin-bottom:30px;}
.s_download ul li a{display:block; background:#e7e7e7;border-radius:5px; position:relative;  overflow: hidden; transition:all 0.5s; -webkit-transition:all 0.5s;padding:16px 20px 6px 11px; box-sizing: border-box;}
.s_download ul li a:after{position:absolute; content:""; background:#FFF; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px;border-radius:5px; z-index:1; }
.s_download ul li a:before{position:absolute; content:"";width: 100%;max-width:402px;height: 172px;background: url(../images/downbg2.png) right / cover no-repeat;right: 0px;bottom: 0px;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s; z-index:2;}
.s_download ul li a:hover:before{opacity: 1;}
.s_download ul li a:hover{background: linear-gradient(to right, #3b34b5, #c454a3);}
.s_download ul li a:hover:after{background:url(../images/downlistbg.png) #FFF left bottom repeat-x;}

.s_download ul li a .img{padding:4px 8px 14px 8px;background:url(../images/downpicbg.png) center/cover no-repeat; box-sizing: border-box; max-width:181px;position:relative; z-index:5;width:18%;}
.s_download ul li a .img img{width:100%;}
.s_download ul li a .info{width:82%;  color:#666; font-size:16px;position:relative; z-index:5; padding-top:25px;}
.s_download ul li a .info .txt{max-width:885px; width:80%;}
.s_download ul li a .info .txt .tag{width:padding:0px 15px; height:24px; line-height:24px; margin:20px 0px 10px 0px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); color:#FFF; width:85px; box-sizing: border-box; font-size:12px; text-align: center; border-radius:12px;}
.s_download ul li a .info .txt .tit{font-size:34px; color:#333; margin-bottom:5px;}
.s_download ul li a .info .tviewmore{margin-right:40px;}
.s_download ul li a .info .tviewmore:after{width:21px; height:19px; background:url(../images/downico1.png) center/cover no-repeat; left:11.5px;}
.s_download ul li a:hover .info .tviewmore:before{width:100%;}
.s_download ul li a:hover .info .tviewmore span{color:#FFFFFF;}

.downlayer{width:100%; height:100%;background:rgba(0,0,0,0.4); position:fixed; z-index:1004; top:0px; display:none;}
.downlayer .downcont{position:absolute;width:1180px;background:#FFFFFF; border-radius:5px;top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);z-index:1005; min-height:300px;}
.downlayer .downcont .dclose{position: absolute;display: inline-block;width: 18px;height: 18px;right: 35px;top: 22px;z-index: 1006;transition: all 0.3s;}
.downlayer .downcont .dclose:hover{transform: rotate(180deg);}
.downbox{width:1032px; position:relative; padding:65px 0px 49px 0px; box-sizing: border-box; margin:0px auto;}
.downbox h2{font-size:34px; font-weight:normal; margin-bottom:25px;}
.downbox h2 span{background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);color: transparent;-webkit-background-clip: text;background-clip: text;}
.downbox ul{width:calc(100% + 35px); margin-left:-35px;   padding-right:10px;}
.probox ul{height:400px;overflow-x: hidden;}
.downbox ul::-moz-scrollbar { width: 2px; height: 2px; background-color: #ff7125; }
.downbox ul::-moz-scrollbar-track { border-radius: 0px; background: #f5f5f5; }
.downbox ul::-moz-scrollbar-thumb { border-radius: 0px; background-color: #ff7125; }
.downbox ul::-ms-scrollbar { width: 2px; height: 2px; background-color: #F5F5F5; }
.downbox ul::-ms-scrollbar-track { border-radius: 0px; background: #000; }
.downbox ul::-ms-scrollbar-thumb { border-radius: 0px; background-color: #ff7125; }
.downbox ul::-webkit-scrollbar { width: 2px; height: 2px; background-color: #ccc; }
.downbox ul::-webkit-scrollbar-track { border-radius: 0px; background: #ccc; }
.downbox ul::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #999999; }
.downbox ul li{width:calc(50% - 35px);margin-left:35px; margin-bottom:10px;}
.downbox ul li:last-child{margin-bottom:0px;}
.downbox ul li .inputint{width:100%; border:1px solid #dadada; background:transparent; height:42px;border-radius:21px;padding:0px 21px;box-sizing: border-box; color:#333; font-size:16px;}
.downbox ul li .inputint::placeholder{color:#333;}
.downbox ul li .inputint::-webkit-input-placeholder{color:#333;}
.downbox ul li .inputint::-moz-placeholder{color:#333;}
.downbox ul li .inputint:-moz-placeholder{color:#333;}
.downbox ul li .inputint:-ms-input-placeholder{color:#333;}
.downbox ul li .inputint1{ height:60px; border:0px;padding:0px; border-radius:0px;}

.downbox ul li.w100{width:100%;padding:13px 15px 23px 25px; border: 1px solid #dadada; border-radius:21px;font-size:16px;  }

.downbox ul li.lw100{padding:13px 25px; height:auto; overflow: hidden;}
.downbox ul li.w100 h3{ font-weight:normal; margin-bottom:10px;}
.downbox ul li.w100 dl{padding-right:10px;}

.downbox ul li.w100 dl dt{padding:11.5px 25px;background: linear-gradient(to right, #bf539d, #3b34b0 50%);border-bottom: 1px solid #d0d0d0; line-height:25px; color:#FFFFFF; font-weight:bold; box-sizing: border-box;}
.downbox ul li.w100 dl dd{padding:11.5px 25px;border-bottom: 1px solid #d0d0d0; line-height:25px;box-sizing: border-box;}
.downbox ul li.w100 dl dd:nth-of-type(even){#eaecff;}
.downbox ul li.w100 dl dd .selectsize{width:155px; height:28px; border-radius:5px;border: 1px solid #d0d0d0; box-sizing: border-box;  position:relative; overflow: hidden;}
.downbox ul li.w100 dl dd .selectsize select{width:100%; border:0px; background:transparent;padding-left:10px;}
.downbox ul li.w100 dl dd .selectsize:after{position:absolute; content:""; width:5px; height:8px; background:url(../images/ico18.png) center/cover no-repeat; right:10px; top:50%; margin-top:-4px;}

.downbox ul li.w100 dl dd .buycertnum{border:1px solid #d0d0d0; box-sizing: border-box;width:106px; border-radius:5px; overflow: hidden;}
.downbox ul li.w100 dl dd .buycertnum a{display:block;width:28px; height:28px; background:#fafafa; position:relative;}
.downbox ul li.w100 dl dd .buycertnum .removenum{border-right:1px solid #d0d0d0; font-size:20px; text-align: center;}
.downbox ul li.w100 dl dd .buycertnum .removenum:before{position:absolute; content:""; width:10px; height:1px; top:50%; margin-top:-0.5px;background:#333;left:50%;margin-left:-5px; display:none; }
.downbox ul li.w100 dl dd .buycertnum .addnum{border-left:1px solid #d0d0d0; font-size:18px; text-align: center;}
.downbox ul li.w100 dl dd .buycertnum .addnum:before{position:absolute; content:""; width:10px; height:1px; top:50%; margin-top:-0.5px;background:#333;left:50%;margin-left:-5px;display:none;}
.downbox ul li.w100 dl dd .buycertnum .addnum:after{position:absolute; content:""; width:1px; height:10px; top:50%; margin-top:-4.8px;background:#333;left:50%;margin-left:-0.5px;display:none;}
.downbox ul li.w100 dl dd .buycertnum .bcertnum{width:50px; height:28px; border:0px; background:#FFF; text-align: center;font-size:14px; color:#222222;}
.downbox ul li.w100 dl .w25{width:25%;}
.downbox ul li.w100 dl .w35{width:35%;}
.downbox ul li.w100 dl .w20{width:20%;}
.downbox ul li .select{border:1px solid #dadada;height:42px; border-radius:21px;padding:0px 21px;}
.downbox ul li .select .select_text{height:42px; line-height:42px; color:#333; font-size:16px;}
.downbox ul li .select:after{width:12px; height:14px; background:url(../images/jtico1.svg) center/cover no-repeat; transform: rotate(90deg); margin-top:-6px;}
.downbox ul li .select_ul{top:45px; border-radius:12px;background:rgba(61,55,174,1); border:1px solid rgba(0,0,0,1);}
.downbox ul li .select_ul li{margin-left:0px; font-size:14px; line-height:40px;}
.downbox .tviewmore{margin:40px auto 0px auto;  width:179px; height:51px; line-height:51px; text-align:center; font-size:18px; font-weight: bold;}

.downbox .tviewmore:before{width:49px; height:49px; border-radius:24.5px; left:0px;}
.downbox .tviewmore:hover:before{width:100%;}
.downbox .tviewmore:after{width:21px; height:19px; left:14px; background:url(../images/downico1.png) center/cover no-repeat;}
.probox .tviewmore:after{background:url(../images/wicoemail.svg) center/cover no-repeat; width:24px; height:17px;}
.s_workshop{padding:95px 0px 225px 0px;}
.s_workshop .part1{margin-bottom:207px;}
.s_workshop .part1 .info{width:100%; max-width:1120px; margin:0px auto; text-align:center;}
.s_workshop .part1 .info .ftxt{color:#333; font-size:20px; line-height:1.9;}
.s_workshop .part1 .info .ltxt{font-size:24px; line-height:1.7; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);
color: transparent;-webkit-background-clip: text;background-clip: text;}
.s_workshop .part1 .data{background:url(../images/aboutbg1.png) center bottom no-repeat; position:relative; margin-top:39px;}
.s_workshop .part1 .data .xiantiao{display:none; margin-bottom:20px;}
.s_workshop .part1 .data .mainbox{position:relative;min-height:476px;}
.s_workshop .part1 .data .mainbox .circle{position:absolute; width:468px; height:468px;left:50%; top:58%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); background:url(../images/f1.png) center/cover no-repeat;}
.s_workshop .part1 .data .mainbox .circle .ctxt{position:absolute;left:50%; top:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); width:65%; font-size:30px; text-align:center; font-weight:bold; color:#FFFFFF;}
.s_workshop .part1 .data .mainbox .circle .cir1{position:absolute; width:145px; height:145px; border:6px solid #FFF;border-radius:50%; top:0px; left:0px; background:url(../images/cir1.png) center/cover no-repeat;}
.s_workshop .part1 .data .mainbox .circle .cir2{right:0px; left:auto; background:url(../images/cir2.png) center/cover no-repeat;}
.s_workshop .part1 .data .mainbox .circle .cir3{bottom:0px; top:auto; background:url(../images/cir3.png) center/cover no-repeat;}
.s_workshop .part1 .data .mainbox .circle .cir4{bottom:0px; top:auto; right:0px; left:auto; background:url(../images/cir4.png) center/cover no-repeat;}
.s_workshop .part1 .data .mainbox .circle .ctxt1{font-size:20px; font-weight: normal;}
.s_workshop .part1 .data .site1{position:absolute; top:175px; left:135px; width:24px; height:25px;z-index:2;}
.s_workshop .part1 .data .site1:before{position:absolute; content:"";width:1px; height:150px; background: linear-gradient(to bottom, #bf539d 40%, #3b34b0 100%);left:12px;top:17px;z-index:1;}
.s_workshop .part1 .data .site1:after{position:absolute; content:"";width:5px; height:5px; border-radius:50%; top:165px; left:10px; background:#333;}
.s_workshop .part1 .data .site1 .txt{position:absolute; left:30px; top:120px;font-size:16px; font-weight:bold;width:200px;}
.s_workshop .part1 .data .site1 .txt span{font-size:36px; display:block;}

.s_workshop .part1 .data .site2{top:365px; left:1018px;}
.s_workshop .part1 .data .site2:before{height:120px;top:-112px;}
.s_workshop .part1 .data .site2:after{top:-117px;}
.s_workshop .part1 .data .site2 .txt{top:-130px;}

.s_workshop .part1 .data .site3{top:326px; left:1237px;}
.s_workshop .part1 .data .site3:before{height:230px;top:-220px;}
.s_workshop .part1 .data .site3:after{top:-225px;}
.s_workshop .part1 .data .site3 .txt{top:-235px;}
.s_workshop .part2{width:100%; max-width:1827px; background:url(../images/img4.jpg) right/cover no-repeat;  margin:0px auto; position:relative; min-height:815px;}
.s_workshop .part2 .mainbox{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);height:100%;}
.s_workshop .part2 .youshi{padding:45px; }
.s_workshop .part2 .youshi .tit{font-size:24px;margin-bottom:82px; line-height:1.5;text-align: center; color:#FFF;margin-top:20px;}
.s_workshop .part2 .youshi ul li{width:48%;}
.s_workshop .part2 .youshi ul li:last-child{width:52%;}
.s_workshop .part2 .youshi ul li .icopic{width:146px; height:146px;border-radius:50%; background:#FFFFFF; position:relative; margin-right:90px;}
.s_workshop .part2 .youshi ul li .icopic em{position:absolute; width:74px; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.s_workshop .part2 .youshi ul li .icopic em img{transition: all 0.5s; -webkit-transition: all 0.5s;}
.s_workshop .part2 .youshi ul li .icopic em:hover img{transform: rotateY(180deg);}
.s_workshop .part2 .youshi ul li .icopic:after{position:absolute; content:""; width:92px; height:1px; background:#FFF;left:100%;top:50%;}
.s_workshop .part2 .youshi ul li .txt{font-size:18px; font-weight:bold; line-height:2.2;color:#FFF; position:relative;padding-left:23px;}
.s_workshop .part2 .youshi ul li .txt:before{position:absolute; content:"";left:1px; width:1px; height:90%; top:5%; background:#FFFFFF;}
.s_workshop .part2 .youshi ul li .txt h2{font-size:28px; line-height:1.5;}
.s_workshop .part2 .youshi ul li .txt p{padding-left:15px;position:relative;}
.s_workshop .part2 .youshi ul li .txt p:before{position:absolute; content:"";width:5px; height:5px; background:#FFFFFF; border-radius:50%;left:0px;top:16px;}
.s_workshop .part2 .youshi ul li .tag{width:100%; font-weight: normal; min-height:73px;border-radius:36.5px; background:rgba(255,255,255,0.3);padding:8px 25px;box-sizing: border-box; width:calc(100% - 236px); font-size:18px;line-height:1.5; color:#FFF; margin-top:10px;}
.s_workshop .part2 .youshi ul li .tag em{display:block; }
.s_workshop .part2 .youshi .binfo{margin-top:90px; background:url(../images/ico16.png) top center no-repeat; padding-top:30px; color:#FFF; text-align: center;}
.s_workshop .part2 .youshi .binfo p{width:100%; max-width:1055px; margin:0px auto;font-size:24px; line-height:1.8;}
.s_workshop .part3{padding:199px 0px 105px 0px; background:url(../images/fbg1.jpg) bottom repeat-x;}
.s_workshop .part3 .layout{width:100%; max-width:1510px; margin:0px auto; height:1046px; border-radius:523px; background:url(../images/fbg1.png) center/cover no-repeat;margin-top:120px; position:relative;}
.s_workshop .part3 .layout .layoutbox{width:100%;max-width:1162px; height:839px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:url(../images/fbg2.png) center/cover no-repeat; border-radius:419.5px;}
.s_workshop .part3 .layout .layoutbox .lunbopic{width:716px;  position:absolute; top:54%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); overflow-x: hidden; display:none;}
.s_workshop .part3 .layout .layoutbox .lunbopic .swiper-container{height:494px; border-radius:247px;}
.s_workshop .part3 .layout .layoutbox .lunbopic .swiper-slide img{width:100%;}

.s_workshop .part3 .layout .item{position:absolute; width:326px; height:326px; cursor:pointer;  }
.s_workshop .part3 .layout .item:after{position:absolute;content:""; width:100%; height:100%; top:0px; left:0px;background:url(../images/laybg.png) center/cover no-repeat; opacity:0; z-index:1; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_workshop .part3 .layout .item:hover:after,.s_workshop .part3 .layout .item.active:after{opacity:1;}
.s_workshop .part3 .layout .item .cir{width:295px; height:295px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);transition:all 0.5s; -webkit-transition:all 0.5s;z-index:2;}

.s_workshop .part3 .layout .item .cir .ico{position:absolute; width:99px; height:99px; border-radius:50%; z-index:3; background:url(../images/cir01.png) center/cover no-repeat; top:-49.5px;left:50%; margin-left:-49.5px;}

.s_workshop .part3 .layout .item .cir .txtbox{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:18px; color: #FFF; text-align:center; opacity:1;transition: all 0.5s; -webkit-transition: all 0.5s;}
.s_workshop .part3 .layout .item .cir .txtbox1{opacity:0;}
.s_workshop .part3 .layout .item:hover .cir .txtbox,.s_workshop .part3 .layout .item.active .cir .txtbox{opacity:0;}
.s_workshop .part3 .layout .item:hover .cir .txtbox1,.s_workshop .part3 .layout .item.active .cir .txtbox1{opacity:1;}
.s_workshop .part3 .layout .item .cir .txtbox h2{font-size:24px;}
.s_workshop .part3 .layout .item .cir .txtbox .text{ margin-top:10px; line-height:2;transition: all 0.3s; }

.s_workshop .part3 .layout .item .cir .txtbox .text img{display:inline-block; margin-right:10px;}
.s_workshop .part3 .layout .item.l1{top:-25px; left:260px;}
.s_workshop .part3 .layout .item.l1 .cir .ico img{width:45px; }
.s_workshop .part3 .layout .item .cir .ico img{transition: all 0.5s; -webkit-transition: all 0.5s;}
.s_workshop .part3 .layout .item:hover .cir .ico img{ transform: rotateY(180deg);}
.s_workshop .part3 .layout .item.l1 .cir{background:url(../images/lay01.png) center/cover no-repeat;}
.s_workshop .part3 .layout .item.l1:hover .cir,.s_workshop .part3 .layout .item.l1.active .cir{background:url(../images/qhlay01.png) center/cover no-repeat;}
.s_workshop .part3 .layout .item.l2{top:-25px; right:260px;}
.s_workshop .part3 .layout .item.l2 .cir .ico img{width:78px;}
.s_workshop .part3 .layout .item.l2 .cir{background:url(../images/lay02.png) center/cover no-repeat;}
.s_workshop .part3 .layout .item.l2:hover .cir,.s_workshop .part3 .layout .item.l2.active .cir{background:url(../images/qhlay02.png) center/cover no-repeat;}
.s_workshop .part3 .layout .item.l3{top:50%; right:28px; transform:translate(0px,-50%);}
.s_workshop .part3 .layout .item.l3 .cir .ico img{width:78px;}
.s_workshop .part3 .layout .item.l3 .cir{background:url(../images/lay03.png) center/cover no-repeat;}
.s_workshop .part3 .layout .item.l3:hover .cir,.s_workshop .part3 .layout .item.l3.active .cir{background:url(../images/qhlay03.png) center/cover no-repeat;}
.s_workshop .part3 .layout .item.l4{bottom:15px; right:190px; }
.s_workshop .part3 .layout .item.l4 .cir .ico img{width:78px;}
.s_workshop .part3 .layout .item.l4 .cir{background:url(../images/lay04.png) center/cover no-repeat;}
.s_workshop .part3 .layout .item.l4:hover .cir,.s_workshop .part3 .layout .item.l4.active .cir{background:url(../images/qhlay04.png) center/cover no-repeat;}
.s_workshop .part3 .layout .item.l5{bottom:15px; left:190px; }
.s_workshop .part3 .layout .item.l5 .cir .ico img{width:78px;}
.s_workshop .part3 .layout .item.l5 .cir{background:url(../images/lay05.png) center/cover no-repeat;}
.s_workshop .part3 .layout .item.l5:hover .cir,.s_workshop .part3 .layout .item.l5.active .cir{background:url(../images/qhlay05.png) center/cover no-repeat;}

.s_workshop .part3 .layout .item.l6{top:50%; left:28px; transform:translate(0px,-50%);}
.s_workshop .part3 .layout .item.l6 .cir .ico img{width:68px;}
.s_workshop .part3 .layout .item.l6 .cir{background:url(../images/lay06.png) center/cover no-repeat;}
.s_workshop .part3 .layout .item.l6:hover .cir,.s_workshop .part3 .layout .item.l6.active .cir{background:url(../images/qhlay06.png) center/cover no-repeat;}

.work-swiper-progress {display: block;align-items: center;gap: 16px;padding: 10px 0;font-size: 16px;color: #666;width:220px;margin:30px auto 0px auto;}

.work-progress-bar {flex: 1;height: 2px;background: #cccccc;border-radius: 1px;overflow: hidden;}

.work-progress-fill {height: 100%;background: linear-gradient(90deg, #3b34b5, #be53a3);width: 0;transition: width 0.3s ease;}

.work-progress-text {width: 60px;text-align: left;line-height:30px;}
.progress-controls {display: flex;gap: 8px;}
.work-prev-btn, .work-next-btn {width: 12px;cursor: pointer;height:10px;}
.work-prev-btn img{width:100%;}
.work-prev-btn{margin-right:10px; transform: rotate(-90deg);}
.work-next-btn{transform: rotate(90deg);}
.work-play-pause-btn{display:none;}

.s_workrela{padding-top:150px; position:relative;}

.s_search{padding-bottom:95px;}
.s_search .csearch{margin:60px auto; width:100%;max-width:1022px; height:68px; background: linear-gradient(to right, #3b34b5, #c454a3) padding-box,white;background-clip: padding-box, content-box;background-origin: border-box;background-clip: content-box, padding-box;display: flex;align-items: center;justify-content: center;border-radius:34px; position:relative;}
.s_search .csearch:after{position:absolute; content:""; background:#FFF; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px; border-radius:33px;}
.s_search .csearch .s_input{width:calc(100% - 99px); height:66px; line-height:66px; color:#333333; border:0px; background:#FFFFFF; position:relative; z-index:2; margin-left:15px; font-size:18px;}
.s_search .csearch .s_input::placeholder {color:#909090; font-size:18px;}
.s_search .csearch .s_input::-moz-placeholder {color:#909090; font-size:18px;}
.s_search .csearch .s_input::-webkit-input-placeholder {color:#909090;font-size:18px;}
.s_search .csearch .s_btn{width:55px; height:55px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); border-radius:50%;z-index:2; position:relative; cursor: pointer; }
.s_search .csearch .s_btn:after {position: absolute;content: "";width: 29px;height: 27px;top: 50%;left: 50%;transform: translate(-50%, -50%);transform: translate(-50%, -50%);background: url(../images/bigsouico.png) center / cover no-repeat;z-index: 2; tansition:all 0.3s; -webkit-tansition:all 0.3s;}
.s_search .csearch .s_btn:hover:after{opacity:0.8;}
.s_search li{margin-bottom:12px;}
.s_search li a{display:block; background:#e7e7e7;border-radius:5px; position:relative; min-height:150px; overflow: hidden; transition:all 0.5s; -webkit-transition:all 0.5s;padding:20px 30px; box-sizing: border-box;}
.s_search li a:after{position:absolute; content:""; background:#FFF; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px;border-radius:5px; z-index:1; }
.s_search li a:before{position:absolute; content:"";width: 100%;max-width: 330px;height: 140px;background: url(../images/downbg2.png) right / cover no-repeat;right: 0px;bottom: 0px;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s; z-index:2;}
.s_search li a:hover:before{opacity: 1;}
.s_search li a:hover{background: linear-gradient(to right, #3b34b5, #c454a3);}
.s_search li a:hover:after{background:url(../images/downlistbg.png) #FFF left bottom repeat-x;}
.s_search li a .info{width:100%; position:relative; z-index:3; }
.s_search li a .info .txt{width:calc(100% - 45px); font-size:14px; line-height:1.7;}
.s_search li a .info .txt .tag{padding:0px 15px; height:24px; line-height:24px; margin:0px 0px 15px 0px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); color:#FFF;  box-sizing: border-box; font-size:12px; text-align: center; border-radius:12px; display:inline-block;}
.s_search li a .info .txt .tit{font-size:20px; color:#333; margin:0px 0px 10px 0px;}
.s_search li a .info .txt p{line-height:25px;}
.cirmore{width:40px; height:40px; border-radius:50%;position:relative;background: linear-gradient(to right, #3b34b5, #c454a3);margin-right:15px;}
.cirmore:after{position:absolute; content:""; background:#FFF; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px;border-radius:50%; z-index:1; transition:all 0.3s; -webkit-transition:all 0.3s;}

.cirmore:before{position: absolute;content: "";width: 9px;height: 16px;top: 50%;left: 50%;transform: translate(-50%, -50%);transform: translate(-50%, -50%);background: url(../images/jtico1.svg) center / cover no-repeat;z-index: 2;}
.s_search li a:hover .cirmore:after{opacity:0;}
.s_search li a:hover .cirmore:before{background: url(../images/wjtico1.svg) center / cover no-repeat;}


.s_about .part1{margin-top:83px;}
.s_about .part1 .info{width:calc((100% - 1440px)/2 + 1440px); min-height:200px; }
.s_about .part1 .info .txt{width:660px;}
.s_about .part1 .info .txt .tit{font-size:46px; font-weight:bold; display:inline-block;background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);color: transparent;-webkit-background-clip: text;background-clip: text;}
.s_about .part1 .info .txt .longtxt{font-size:24px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);color: transparent;-webkit-background-clip: text;background-clip: text;margin-top:50px; line-height:1.8;}
.s_about .part1 .info .img{width:calc(100% - 770px);}
.s_about .part1 .info .img img{width:100%;}
.s_about .part2{padding:120px 0px 130px 0px; background: #f2f2f2; min-height:800px; box-sizing: border-box; position:relative;}
.s_about .part2:after{position:absolute; content:""; width:704px; height:629px; left:0px; bottom:0px; background:url(../images/aboutxiantiao1.png) top/cover no-repeat;}
.s_about .part2 .txt{width:100%; max-width:900px; font-size:20px; color:#333; text-align: center; line-height:2; margin:0px auto;}
.s_about .part2 .img{width:calc(100% + 20px); margin-left:-20px; margin-top:80px; position:relative; z-index: 10;}
.s_about .part2 .img p{width:calc(50% - 20px); margin-left:20px;}
.s_about .part2 .img p img{border-radius:5px;}

.s_about .part3{padding-top:103px; padding-bottom:150px;  background:url(../images/aboutimg3.jpg) center/cover no-repeat; position:relative;}
.s_about .part3 .txt{text-align:center; color:#FFF; font-size:18px; line-height:2;}
.s_about .part3 .earch{width:509px; margin:120px auto 0px auto; position:relative;}
.s_about .part3 .earch .txt{font-size:48px; font-weight:bold; position:absolute;width:80%; text-align:center; top:50%; left:52%; line-height:1.5; transform: translate(-50%,-50%);}
.s_about .part3 .earch .item{position:absolute;width:145px; }
.s_about .part3 .earch .item.c1{left:-165px;top:-10px;}
.s_about .part3 .earch .item.c2{left:-299px;top:205px;}
.s_about .part3 .earch .item.c3{right:-170px;top:-50px;}
.s_about .part3 .earch .item.c4{right:-360px;top:149px;}
.s_about .part3 .earch .item.c5{right:-120px;top:328px;}
@keyframes tiaodong {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px); /* 上下浮动的距离可以根据需要调整 */ 
  }
}
.s_about .part3 .earch .item em{width:116px; height:116px; background:url(../images/aboutico1.png) center/cover no-repeat; margin:0px auto;transition: all 0.5s; -webkit-transition: all 0.5s;}

.s_about .part3 .earch .item.c1 em{animation: tiaodong 3s ease-in-out infinite;}
.s_about .part3 .earch .item.c2 em{animation: tiaodong 4s ease-in-out 0.15s infinite;}
.s_about .part3 .earch .item.c3 em{animation: tiaodong 3s ease-in-out 0.3s infinite;}
.s_about .part3 .earch .item.c4 em{animation: tiaodong 4s ease-in-out 0.45s infinite;}
.s_about .part3 .earch .item.c5 em{animation: tiaodong 5s ease-in-out 0.6s infinite;}
/* .s_about .part3 .earch .item em:hover{margin-top:-15px;} */

.s_about .part3 .earch .item em img{width:70%;}
.s_about .part3 .earch .item span{display:block;text-align:center; font-size:20px; margin-top:10px; color:#FFFFFF;}

.s_about .part4{padding:96px 0px 130px 0px; min-height:973px; box-sizing: border-box; background:url(../images/aboutmap.png) #f2f2f2 center 70% no-repeat;}

.s_about .part4 .s_culture{margin:170px auto 0px auto; width:calc(100% - 76px); }
.s_about .part4 .s_culture ul{width:calc(100% + 108px); margin-left:-108px;}
.s_about .part4 .s_culture ul li{width:calc(33.33% - 108px); margin-left:108px;min-height:504px; border-radius:10px; position:relative;}
.s_about .part4 .s_culture ul li em{width:179px; height:179px; position:absolute; top:-89.5px; left:50%; margin-left:-89.5px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); border-radius:50%;}
.s_about .part4 .s_culture ul li .txt{width:90%; margin:35% auto 0px auto; font-size:24px; color:#333; line-height:1.7; text-align:center;}
@keyframes xuanzhuan {
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-8deg); /* 向左转 */
  }
  75% {
    transform: rotate(8deg);  /* 向右转 */
  }
}
.s_about .part4 .s_culture ul li .txt h2{font-size:36px; color:#3b34b5; margin-bottom:20px; }
.s_about .part4 .s_culture ul li em img{width:55%;  transition: all 0.5s;}
.s_about .part4 .s_culture ul li:hover em img{transform: rotateY(180deg);}
.s_about .part4 .s_culture ul li:nth-child(1){background:url('../images/aboutimg5.jpg') center/cover no-repeat;}
.s_about .part4 .s_culture ul li:nth-child(2){background:url('../images/aboutimg6.jpg') center/cover no-repeat;}
.s_about .part4 .s_culture ul li:nth-child(3){background:url('../images/aboutimg7.jpg') center/cover no-repeat;}

.s_about .part5{padding:159px 0px 100px 0px;position:relative;}
.s_about .part5:after {position: absolute;content: "";width: 0px;height: 100%;background: url(../images/contactbg.png) top left no-repeat;top: 0px;left:calc(100% - 928px);transition: all 5s;-webkit-transition: all 5s; top:159px;}
.s_about .part5.animate:after {width: 928px;}
.s_about .part5.animate1:after{position:fixed; }
.s_about .part5 .mainbox {position: relative;padding-top: 120px;}
.s_about .part5 .mainbox .c_img {position: absolute;top: 0px;left: -161px;z-index: 2;}
.s_about .part5 .mainbox .tit {padding-left: 65px;position: relative;color: #FFF;z-index: 4;margin-bottom: 35px;}
.s_about .part5 .mainbox .tit span {line-height: 30px;font-size: 24px;display: block;padding-top: 41.5px;}
.s_about .part5 .mainbox .tit em {font-size: 52px;line-height: 1.3;display: block;}
.s_about .part5 .mainbox .tit:before {position: absolute;content: "";width: 50px;height: 114px;background: url(../images/ico4.png) center/cover no-repeat;top: 0px;left: 0px;}

.s_aboutrela{padding-top:65px;}

.s_cro_pro{padding:70px 0px 106px 0px;}
.s_cro_pro .txt{font-size:18px; color:#666666; line-height:1.8;}
.s_cro_pro .cro_pro_box{margin-top:66px;}
.s_cro_pro .cro_pro_box li{border:1px solid #e7e7e7; border-radius:5px; padding:0px 30px 0px 30px; box-sizing: border-box;}
.s_cro_pro .cro_pro_box li .item{font-size:16px; color:#333333; cursor: pointer; position:relative; padding:25px 0px 25px 0px;}
.s_cro_pro .cro_pro_box li .item .tit{width:60%;}
.s_cro_pro .cro_pro_box li .item .tit span{padding:8px 22px; border-radius:18px; font-size:20px; font-weight:bold; color:#FFF;background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); margin-left:18px;}
.s_cro_pro .cro_pro_box li .item .xinghao{width:calc(40% - 33px);}
.s_cro_pro .cro_pro_box li .item .more{width:33px; height:33px; border-radius:50%;position:relative;background: linear-gradient(to bottom, #3b34b5, #c454a3);margin-right:15px;}
.s_cro_pro .cro_pro_box li .item .more:after{position:absolute; content:""; background:#FFF; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px;border-radius:50%; z-index:1; transition:all 0.3s; -webkit-transition:all 0.3s;}

.s_cro_pro .cro_pro_box li .item .more:before{position: absolute;content: "";width: 8px;height: 15px;top: 51%;left: 50%;transform: translate(-50%, -50%) rotate(90deg);-webkit-transform: translate(-50%, -50%) rotate(90deg);background: url(../images/jtico2.svg) center / cover no-repeat;z-index: 2; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_cro_pro .cro_pro_box li.active .item .more:before{transform: translate(-50%, -50%) rotate(-90deg);-webkit-transform: translate(-50%, -50%) rotate(-90deg);}
.s_cro_pro .cro_pro_box li .prodetail{width:100%;position:relative; padding:48px 18px 20px 18px; display:none; box-sizing: border-box;margin-bottom:30px;}
.s_cro_pro .cro_pro_box li .prodetail:before{position:absolute; content:''; width:100%; height:2px; top:0px; left:0px;background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);}

.s_cro_pro .cro_pro_box li .prodetail .cont{margin-bottom:42px;}
.s_cro_pro .cro_pro_box li .prodetail .cont .proimgbox{width:43%;}
.s_cro_pro .cro_pro_box li .prodetail .cont .proimg{ position:relative;}
.s_cro_pro .cro_pro_box li .prodetail .cont .proimg img{border-radius:5px;}
.s_cro_pro .cro_pro_box li .prodetail .cont .proimg .swiper-pagination-bullet{background: #FFFFFF; opacity:1; width:10px; height:10px; margin:0px 6px;}
.s_cro_pro .cro_pro_box li .prodetail .cont .proimg .swiper-pagination-bullet-active{background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);}
.s_cro_pro .cro_pro_box li .prodetail .cont .protxt{width:52%; font-size:18px; line-height:2; color:#666666;}
.s_cro_pro .cro_pro_box li .prodetail .cont .protxt p{margin-top:15px;}
.canshulist{margin-top:40px;}
.canshulist .cartdata{display:none;}
.canshulist dt{font-size:24px; padding:0px 48px; color:#FFF; background: linear-gradient(to right, #bf539d , #3b34b0 50%); font-weight:bold;height:55px; line-height:55px; border-bottom:1px solid #d0d0d0;}
.canshulist dd{border-bottom:1px solid #dfdfdf;padding:10px 80px; font-size:18px; color:#333;line-height:1.8;}
.canshulist dd:nth-of-type(odd){background:#eaecff;}
.canshulist dd .tit{width:30%;}
.canshulist dd .cont1{width:70%; }
.canshulist dd .cont1 p{max-width:235px;width:100%;}

.noworder{width:179px; height:51px; line-height:49px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);  position:relative; margin:48px auto 0px auto; color:#3b34b5; font-size:18px; text-align:center; display:block; box-sizing: border-box;border-radius:24.5px;}
.noworder em{position:absolute; width:calc(100% - 2px); height:calc(100% - 2px);border-radius:23.5px; background:#FFFFFF;top:1px; left:1px; }
.noworder:before{position:absolute; content:""; width:49px; height:49px; left:-1px; top:1px;border-radius:23px; background: linear-gradient(to right, #3b34b0 40%,#bf539d 100%); z-index: 2; transition:all 0.3s;-webkit-transition:all 0.3s;}
.noworder:hover:before{width:calc(100% + 2px);}
.noworder span{position:absolute; height:49px; left:20px;display:inline-block; width:calc(100% - 20px); text-align:center;z-index: 2; }
.noworder:hover span{color:#FFF;}
.noworder:after{position:absolute; content:""; width:8px;height:14px; top:50%; left:19px; transform:translate(0,-50%); transform:translate(0,-50%); background:url(../images/wjtico1.svg) center/cover no-repeat;z-index: 3;}
.swiper-container {overflow: hidden;}

.s_cro_pro_ask{padding:90px 0px 180px 0px;background: linear-gradient(to bottom, #f2f2f2 40%, #FFFFFF 100%);}
.s_cro_pro_ask .asklist{margin-top:55px;}
.s_cro_pro_ask .asklist li{cursor: pointer; background:#efefef;margin-bottom:10px;position:relative; border-radius:5px; padding:0px 24px; box-sizing: border-box; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_cro_pro_ask .asklist li:hover,.s_cro_pro_ask .asklist li.active{background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);}
.s_cro_pro_ask .asklist li:after{position:absolute;content:""; width:calc(100% - 2px); height:calc(100% - 2px);background:#FFF; top:1px; left:1px; background:#FFFFFF; border-radius:5px; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_cro_pro_ask .asklist li:hover:after,.s_cro_pro_ask .asklist li.active:after{background: url(../images/askbg.jpg) #f8f8f8 bottom center repeat-x;}
.s_cro_pro_ask .asklist li .item{padding:20px 0px 20px 30px; font-size:20px; cursor: pointer; color:#333; position:relative; z-index: 2;}
.s_cro_pro_ask .asklist li .item:before{position:absolute; content:"";width:16px; height:3px; background:linear-gradient(to right, #bf539d 20%, #3b34b0 60%); left:0px;top:50%; margin-top:-1.5px;}
.s_cro_pro_ask .asklist li .item:after{position:absolute; content:"";height:16px; width:3px; background:linear-gradient(to bottom, #bf539d 20%, #3b34b0 60%); left:6.5px;top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_cro_pro_ask .asklist li.active .item:after{display:none;}
.s_cro_pro_ask .asklist li .askcont{padding:0px 0px 20px 30px; font-size:18px; color:#666666; line-height:2;position:relative; z-index: 2; display:none;}

.s_cro .part1{padding:140px 0px 98px 0px;}
.s_cro .part1 .txt{width:50%; max-width:632px;}
.s_cro .part1 .txt .cont{padding-left:50px;margin-top:-10px; font-size:18px; line-height:1.8; color:#666;} 
.s_cro .part1 .txt .cont h2{font-size:24px;font-weight: normal; margin-bottom:20px;}
.s_cro .part1 .txt .cont h2 span{background: linear-gradient(to right, #c46db0 0%, #3b34b5 100%);color: transparent;-webkit-background-clip: text;background-clip: text;}
.s_cro .part1 .img{width:50%; overflow: hidden;border-radius:5px;}
.s_cro .part1 .img img{width:100%; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_cro .part1 .img:hover img{transform:scale(1.1);}

.s_cro .part2{padding:105px 0px 96px 0px; background:#ededed;}
.s_cro .part2 .tviewmore em{background:#ededed;}
.s_cro .part3{padding-top:88px;}
.s_cro .part3 .zhprotitle .tviewmore{margin-top:0px;}
.s_cro .part3 .zhprobox{padding-left:50px;margin-top:-10px;width:calc((100% - 1440px)/2 + 1390px);}
.s_cro .part3 .zhprobox .zhprocont{ position:relative;}
.s_cro .part3 .zhprobox .zhprocont .work-swiper-progress{width:calc(100% - 20px); margin-top:15px; float:left;}
.s_cro .part3 .zhprobox .zhprocont .work-progress-bar{height:3px; margin-bottom:18px;}
.s_cro .part3 .zhprobox .zhprocont .work-progress-controls{margin-right:5px;} 
.s_cro .part3 .zhprobox .zhprocont .work-prev-btn,.s_cro .part3 .zhprobox .zhprocont .work-next-btn{width:15px;}
.s_cro .part3 .zhprobox .zhprocont .swiper-pagination{bottom:0px;}
.s_cro .part3 .zhprobox .zhprocont .swiper-pagination-bullet{background: #cccccc; opacity:1; width:10px; height:10px; margin:0px 6px;}
.s_cro .part3 .zhprobox .zhprocont .swiper-pagination-bullet-active{background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);}
.s_cro .part3 .zhprobox h2{font-size:24px;font-weight: normal; margin-bottom:50px;}
.s_cro .part3 .zhprobox h2 span{background: linear-gradient(to right, #c46db0 0%, #3b34b5 100%);color: transparent;-webkit-background-clip: text;background-clip: text;}
/* .s_cro .part3 .zhprobox ul{width:calc(100% + 28px); margin-left:-28px;}
.s_cro .part3 .zhprobox ul li{width:calc(25% - 28px); margin-left:28px;} */

.s_cro .part3 .zhprobox .zhprocont a{display:block;}
.s_cro .part3 .zhprobox .zhprocont a .img{width:100%;overflow:hidden; border-radius:5px;}
.s_cro .part3 .zhprobox .zhprocont a .img img{width:100%;transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_cro .part3 .zhprobox .zhprocont a:hover .img img{ transform:scale(1.1);}
.s_cro .part3 .zhprobox .zhprocont a .txt{font-size:16px;line-height:1.8; color:#666666; }
.s_cro .part3 .zhprobox .zhprocont a .txt p{min-height:60px;}
.s_cro .part3 .zhprobox .zhprocont a .txt h3{font-size:22px; margin-top:15px;}
.s_cro .part3 .zhprobox .zhprocont a .txt h3 span{background: linear-gradient(to right, #c46db0 0%, #3b34b5 100%);color: transparent;-webkit-background-clip: text;background-clip: text;}
.s_cro .part3 .zhprobox .zhprocont a .txt .cirmore{margin-top:10px; margin-left:1px;}
.s_cro .part3 .zhprobox .zhprocont a:hover .txt .cirmore:after{opacity:0;}
.s_cro .part3 .zhprobox .zhprocont a:hover .txt .cirmore:before{background: url(../images/wjtico1.svg) center / cover no-repeat;}


.s_relacro{background:#FFF; position:relative; margin:0px 0px 145px 0px; padding-top:109px;}
.s_relacro .newscontact{position:static; transform:translate(0,0); -webkit-transform:translate(0,0); background: url(../images/lx_cro.png) center / cover no-repeat;}

.s_cro_mrna{padding-bottom:210px;}
.s_cro_pub1{padding:60px 0px 90px 0px;} 
.s_cro_pub1 .n_nav{display: inline-block;padding: 15px 54px;border-radius: 32.5px;background: linear-gradient(to right, #bf539d 0%, #3b34b0 30%);font-size: 24px;color: rgba(255, 255, 255, 0.8);z-index: 2;position: relative; line-height:35px; color:#FFFFFF;}
.s_cro_pub1 .n_nav a{color:#FFFFFF; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_cro_pub1 .n_nav a:hover{color:rgba(255,255,255,0.8);}
.s_cro_pub1 .n_nav span{font-size: 26px;color: #FFF;margin: 0px 55px;font-weight: 100;}
.s_cro_pub1 .txt{margin-top:90px; font-size:20px; color:#333333; line-height:2; }
.s_cro_pub1 .txt p em{font-size:23px;background: linear-gradient(to right, #3b34b0 50%, #bf539d 100%);color: transparent;-webkit-background-clip: text;background-clip: text; display:block;}

.s_cro_mrna .part1{background:#f0f0ff; padding:88px 0px 355px 0px; }
.s_cro_mrna .part1 h3{font-size:34px; padding-left:25px; background:url(../images/ico20.png) center left no-repeat; margin-top:60px; color:#3b34b5;margin-bottom:70px;}
.s_cro_pub2{position:relative; width:calc(100% + 105px); margin-left:-105px; overflow: hidden;}
.s_cro_pub2:before{position:absolute; content:""; width:75%; height:24px; top:50%; margin-top:-12px;background: linear-gradient(to right, rgba(59,52,176,0.5) 40%, rgba(191,83,157,0.5) 100%); z-index:1;left:125px;}
.s_cro_pub2 .item{width:calc(25% - 105px); margin-left:105px; position:relative;}
.s_cro_pub2 .item:before{position:absolute; content:"";width:calc(100% - 40px); height:calc(100% - 40px); background:url(../images/ico22.png) center/cover no-repeat;border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);animation: newripple 1.5s infinite alternate;}
.s_cro_pub2 .item:after{position:absolute;content:""; width:98px; height:12px;left:-125px; top:50%; margin-top:-6px; background:url(../images/ico23.png) left center no-repeat; z-index:2;}
.s_cro_pub2 .item .cir{position:absolute;width:calc(100% - 96px); height:calc(100% - 96px);border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);background: linear-gradient(to right, #bf539d 0, #3b34b0 30%); z-index:3;}
.s_cro_pub2 .item .cir .txt{width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.s_cro_pub2 .item .cir .txt em{display:block; width:80px; height:80px; margin:0px auto;}
.s_cro_pub2 .item .cir .txt em img{width:90%;transition: all 0.5s;}
.s_cro_pub2 .item:hover .cir .txt em img{transform: rotateY(180deg);}
.s_cro_pub2 .item .cir .txt .tit{font-size:22px;font-weight:bold; text-align:center; color:#FFFFFF; margin-top:5px;}
.s_cro_pub2 .item .cir .txt .tit span{display:block; font-size:18px;}
.s_cro_pub2 .item .num{position:absolute; width:44px; height:44px;line-height:44px; background:#8063ff; border-radius:50%; text-align:center; font-size:22px; font-weight:bold;left:0px; top:50%; margin-top:-22px; z-index:2; color:#FFF;}

.s_cro_mrna .part2{border-radius:13px; width:100%; max-width:1647px; background:url(../images/img8.jpg) center/cover no-repeat; margin:-210px auto 133px auto; position:relative; }
.s_cro_pub3{min-height:789px;}
.s_cro_pub3 .tit{padding-left:25px; font-size:34px; font-weight:bold; background:url(../images/ico24.png) left center no-repeat; color:#FFFFFF; margin-right:35px;}
.s_cro_pub3 .youshibox{min-height:789px;width:90%; max-width:1200px;padding:30px 0px; box-sizing: border-box;}
.s_cro_pub3 .youshibox .item{position:relative; }

.s_cro_pub3 .youshibox .item .yleft{font-size:24px; font-weight:bold;position:relative;line-height:2; }
.s_cro_pub3 .youshibox .item .yleft em{font-size:86px; font-weight:bold;color:rgba(255,255,255,0.1); font-style: italic;}
.s_cro_pub3 .youshibox .item .yleft span{margin-left:-20px; color:#FFF; margin-top:10px;}
.s_cro_pub3 .youshibox .item .yright{max-width:920px;  width:80%;}
.s_cro_pub3 .youshibox .item:nth-child(2) .yright{max-width:840px;}
.s_cro_pub3 .youshibox .item:nth-child(3) .yright{max-width:840px;}
.s_cro_pub3 .youshibox .item .yright .cir{width:98px; height:98px; border-radius:50%; background: linear-gradient(to right, rgba(144,116,236,0.6) 50%, rgba(201,120,229,0.6) 100%); position:relative;}
.s_cro_pub3 .youshibox .item .yright .cir em{width:calc(100% - 16px); height:calc(100% - 16px); position:absolute; border-radius:50%; background:#FFFFFF; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.s_cro_pub3 .youshibox .item .yright .cir em img{width:60%;transform: rotateY(0deg);transition:all 0.5s; -webkit-transition:all 0.5s; height:auto;}
.s_cro_pub3 .youshibox .item:hover .yright .cir em img{transform: rotateY(180deg); width:60%; height:auto;transition:all 0.5s; -webkit-transition:all 0.5s;}
/* .s_cro_pub3 .youshibox .item.rotating .yright .cir em img {transform: rotateY(180deg);} */
.s_cro_pub3 .youshibox .item:nth-child(2) .yright .cir em img{width:50%;}
.s_cro_pub3 .youshibox .item .yright .txt{padding:35px 8px; font-size:18px; border-bottom:1px solid #FFF; line-height:2; width:calc(100% - 140px); color:#FFF; box-sizing: border-box;margin-left:25px;}
.s_cro_pub3 .youshibox .item:last-child .yright .txt{border-bottom:0px;}
.s_cro_pub3 .youshibox .item .yright .txt em{margin-right:10px;}
.s_cro_pub3 .youshibox .item .tviewmore{margin-top:0px;border:1px solid #FFF; background:none;border-radius:27px; width:274px; height:54px; margin-top:15px;}

.s_cro_pub3 .youshibox .item .tviewmore:before{width:53px; height:53px; border-radius:26.5px; background:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s; top:0px;}
.s_cro_pub3 .youshibox .item .tviewmore:after{background:url(../images/jtico1.svg) center/cover no-repeat; left:25px;}
.s_cro_pub3 .youshibox .item .tviewmore span{color:#FFF;height:54px; line-height:54px;pointer-events: none;}
.s_cro_pub3 .youshibox .item .tviewmore:hover span{color:#3a36ae;}
.s_cro_pub3 .youshibox .item .tviewmore:hover:before{width:calc(100% + 2px);}

.s_cro_mrna .part3{background:url(../images/mrnabg.png) #f2f2f2 top right no-repeat; padding:72px 0px 170px 0px; position:relative;}
.s_cro_pub4{padding:35px 45px 25px 45px; border-radius:10px; background:#FFFFFF; margin-top:35px;} 
.s_cro_pub4 h3{font-size:18px; color:#333333; font-weight: normal; margin-bottom:20px;}
.s_cro_pub4 dl{overflow-x: hidden; font-size:20px;}
.s_cro_pub4 dl dt{padding: 11.5px 45px;background: linear-gradient(to right, #bf539d, #3b34b0 50%);border-bottom: 1px solid #d0d0d0;line-height: 30px;color: #FFFFFF;font-weight: bold;box-sizing: border-box;}
.s_cro_pub4 dl dd {border-bottom: 1px solid #d4d4d4;padding: 11.5px 45px;font-size: 18px;color: #333;line-height: 1.8;}
.s_cro_pub4 dl dd:nth-of-type(even){background: #eaecff;}
.s_cro_pub4 dl .w30{width:30%;}
.s_cro_pub4 dl .w35{width:30%;}
.s_cro_pub4 .tips{font-size:16px; color:#666666; font-style: italic; line-height:1.5; margin-top:15px; padding-left:12px;}

.dingzhibox{margin-top:85px;}
.dingzhibox .tit{font-size: 34px;padding-left: 25px;background: url(../images/ico20.png) center left no-repeat;margin-top: 60px;color: #3b34b5;margin-bottom: 60px; font-weight:bold;}
.dingzhibox ul{width:calc(100% + 25px); margin-left:-25px;}
.dingzhibox ul li{width:calc(50% - 25px); margin-left:25px;border-radius:10px;background: linear-gradient(to right, #bf539d, #3b34b0 50%); min-height:100px; padding:30px 60px; box-sizing: border-box; transition:all 0.5s; -webkit-transition:all 0.5s;}
.dingzhibox ul li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.25);}
.dingzhibox ul li h3{font-size:28px; padding-bottom:15px; color:#FFF; border-bottom:1px solid #FFF;}
.dingzhibox ul li .txt{font-size:16px; line-height:2;padding-top:10px; color:#FFF;}
.dingzhibox ul li .txt p{padding:5px 0px;display: flex;flex-direction: row;justify-content: flex-start;align-content: center;align-items: center;}
.dingzhibox ul li .txt p em{width:33.33%;}
.s_cro_mrna .part3 .newscontact{top:auto; bottom:-75px;}
.s_cro_mrna .part4{padding-top:364px;background: url(../images/contactbg1.png) right 260px no-repeat; overflow: hidden;}
.s_cro_mrna .part4 ul{overflow-x: hidden; font-size:20px; margin-top:55px; background:#FFF;}
.s_cro_mrna .part4 ul li{ font-size:18px; line-height:2;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; position:relative;}
.s_cro_mrna .part4 ul li:before{position:absolute; content:""; width:195px;background:#f2f2f2; height:100%;}
.s_cro_mrna .part4 ul li:after{position:absolute; content:""; width:100%; height:1px; left:0px; bottom:0px;background:linear-gradient(to right, #3b34b0, #bf539d 50%);}
.s_cro_mrna .part4 ul li:nth-child(1):before{display:none;}
.s_cro_mrna .part4 ul li:nth-child(1):after{display:none;}
.s_cro_mrna .part4 ul li:nth-child(1){background: linear-gradient(to right, #bf539d, #3b34b0 50%);border-bottom: 1px solid #d0d0d0;line-height: 30px;color: #FFFFFF;font-weight: bold; font-size:20px}
.s_cro_mrna .part4 ul li .shuxin{width:195px;  font-size:24px; font-weight: bold; color:#3b34b5; text-align: center; position:relative; z-index: 1;}
.s_cro_mrna .part4 ul li:nth-child(1) .shuxin{background:transparent;}
.s_cro_mrna .part4 ul li .sxbox{width:calc(100% - 204px); display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; }
.s_cro_mrna .part4 ul li .sxbox .w24{width:22%; padding-left:48px; box-sizing: border-box;}
.s_cro_mrna .part4 ul li:nth-child(1) .w24{padding:11.5px 0px 11.5px 48px;}
.s_cro_mrna .part4 ul li .sxbox .w14{width:17%;padding-left:48px; box-sizing: border-box;}
.s_cro_mrna .part4 ul li:nth-child(1) .w14{padding:11.5px 0px 11.5px 48px;}
.s_cro_mrna .part4 ul li .sxbox .toubg{background:rgba(203,214,255,0.15); }
.s_cro_mrna .part4 ul li .sxbox dl{width:100%;}
.s_cro_mrna .part4 ul li .sxbox dl dd{border-bottom: 1px solid #d4d4d4;padding: 6.5px 0px;font-size: 18px;color: #333;line-height: 1.8;}
.s_cro_mrna .part4 ul li .sxbox dl dd:nth-of-type(even) {
    background: #eaecff;
}
.s_cro_mrna .part4 ul li .sxbox dl dd img{margin-left:15px;}

.s_cro_mrna .part4 .tips{width:100%; max-width:240px; margin-top:20px; font-size:18px; color:#808080;float:right;}
.s_cro_mrna .part4 .tips img{margin-right:10px;}

.pro_download{padding:124px 0px 100px 0px;}
.pro_download ul{margin-top:90px;width:calc(100% + 38px); margin-left:-38px;}
.pro_download ul li{width:calc(33.33% - 38px); margin-left:38px; margin-bottom:20px;}
.pro_download ul li a{display:block; border-radius:10px; background:#f2f2f2; transition:all 0.5s; -webkit-transition:all 0.5s;  padding:30px 18px;  position:relative;}
.pro_download ul li a:after{width:214px; height:106px; position:absolute; content:""; background:url(../images/ico33.png) center/cover no-repeat;right:0px; bottom:0px;}
.pro_download ul li a:hover:after{background:url(../images/ico32.png) center/cover no-repeat;}
.pro_download ul li a .ico{width:129px; height:129px; border-radius:50%; background:url(../images/ico30.png) center/cover no-repeat; position:relative;}
.pro_download ul li a:hover .ico{background:url(../images/ico31.png) center/cover no-repeat;}
.pro_download ul li a .ico em{position:absolute; width:calc(100% - 20px); height:calc(100% - 20px); border-radius:50%; background:#FFFFFF; top:10px; left:10px;}
.pro_download ul li a .ico em img{width:65%;}
.pro_download ul li a:hover{background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); box-shadow: 5px 5px 5px #ccc;}
.pro_download ul li a .txt{font-size:18px;width:calc(100% - 145px);}
.pro_download ul li a .txt .tviewmore em{background:#f2f2f2; }
.pro_download ul li a .txt .tviewmore{width:139px; height:40px; border-radius:20px;margin-top:15px;}
.pro_download ul li a .txt .tviewmore:before{width:38px; height:38px;}
.pro_download ul li a .txt .tviewmore:after{left:15px;}
.pro_download ul li a .txt .tviewmore span{height:40px; line-height: 40px;font-size:16px;}
.pro_download ul li a .txt .tviewmore:hover span{color:#3b34b5;}
.pro_download ul li a:hover .txt .tviewmore em{background:#FFF;}
.pro_download ul li a:hover .txt .tviewmore:before{display:none;}
.pro_download ul li a:hover .tviewmore:after {background: url(../images/jtico1.svg) center / cover no-repeat;}
.pro_download ul li a:hover .txt{color:#FFF;}

.s_cro_lnp .part1{background:#FFF; padding:0px;}
.s_cro_lnp .part2{border-radius:13px; width:100%; max-width:1647px; background:url(../images/img9.jpg) center/cover no-repeat; margin:60px auto 133px auto; position:relative; }
.s_cro_lnp .part2 .s_cro_pub3{min-height:730px;}
.s_cro_lnp .part2 .s_cro_pub3 .youshibox{min-height:730px; max-width: 1340px; width:100%;}

.s_cro_lnp .part2 .s_cro_pub3 .youshibox .item .yleft span{margin-left:10px; height:40px;padding:20px 35px;background: linear-gradient(to right, rgba(144, 116, 236, 0.6) 50%, rgba(201, 120, 229, 0.6) 100%); border-radius:40px;margin-top:0px; line-height:1.5;}
.s_cro_lnp .part2 .s_cro_pub3 .youshibox .item .yright .cir{width:141px;height:141px;}
.s_cro_lnp .part2 .s_cro_pub3 .youshibox .item .yright .cir em{width:calc(100% - 30px); height:calc(100% - 30px);}
.s_cro_lnp .part2 .s_cro_pub3 .youshibox .item .yleft{margin-right:25px;}
.s_cro_lnp .part2 .s_cro_pub3 .youshibox .item .yright .txt{width:calc(100% - 185px); margin-left:40px; padding:45px 0px 45px 40px;}
.s_cro_lnp .part2 .s_cro_pub3 .youshibox .item .yright{max-width:960px;}
.s_cro_lnp .part2 .s_cro_pub3 .youshibox .item:nth-child(2) .yright {max-width: 890px;}
.s_cro_lnp .part2 .s_cro_pub3 .youshibox .item:nth-child(3) .yright {max-width: 915px;}
.s_cro_lnp .part2 .s_cro_pub3 .youshibox .item .yright .cir em img{width:55%;}
.s_cro_lnp .part3{padding:72px 0px 80px 0px;}
.s_cro_lnp .part3 .newscontact{position:static; max-width:1025px; height:95px; border-radius:47.5px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); transform: translate(0,0); -webkit-transform: translate(0,0);margin:55px auto; padding:0px 80px;}
.s_cro_lnp .part3 .newscontact p{font-size:26px;}
.s_cro_lnp .part4{padding-top:180px;background: url(../images/contactbg1.png) right 120px no-repeat;}
.s_cro_lnp .part4 dl{overflow-x: hidden; font-size:20px; margin-top:55px; background:#FFF;}
.s_cro_lnp .part4 dl dt{ background: linear-gradient(to right, #bf539d, #3b34b0 50%);border-bottom: 1px solid #d0d0d0;line-height: 30px;color: #FFFFFF;font-weight: bold; font-size:20px;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.s_cro_lnp .part4 dl dd{border-bottom: 1px solid #d4d4d4;padding: 8.5px 0px;font-size: 18px;color: #333;line-height: 1.8;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.s_cro_lnp .part4 dl dd:nth-of-type(even) {
    background: #eaecff;
}
.s_cro_lnp .part4 dl dd img{margin-left:15px;}
.s_cro_lnp .part4 dl .w24{width:24%; padding-left:40px; box-sizing: border-box;}
.s_cro_lnp .part4 dl dt .w24{padding:11.5px 0px 11.5px 40px;}
.s_cro_lnp .part4 dl .w14{width:14%;padding-left:40px; box-sizing: border-box;}
.s_cro_lnp .part4 dl dt .w14{padding:11.5px 0px 11.5px 40px;}
.toubg{background:rgba(203,214,255,0.15); }

.s_filling .s_cro_pub1{padding:60px 0px 90px 0px;}
.s_filling .s_cro_pub1 .n_nav{background: linear-gradient(to right, #bf539d 0%, #3b34b0 30%);}
.s_filling .s_cro_pub1 .txt{margin-top:70px;}
.s_filling .part1{padding:80px 0px; background:#f0f0ff;}
.s_filling .part1 .cont{margin-top:45px; font-size:20px; line-height:1.8; }
.s_filling .part3{background:#FFF;padding:145px 0px 0px 0px;}
.s_filling .part3 .cont{margin-top:50px;font-size:20px; line-height:1.8;}
.s_filling .part3 .cont ul{width:calc(100% + 70px); margin-left:-70px;margin-top:45px;}
.s_filling .part3 .cont ul li{width:calc(20% - 70px); margin-left:70px; text-align:center; line-height:1.7;}
.s_filling .part3 .cont ul li .cir{width:90%; margin:0px auto; position:relative;}
.s_filling .part3 .cont ul li .cir em{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:calc(100% - 30px); height:calc(100% - 30px); border-radius:50%;background: linear-gradient(to right, #c46db0 0%, #3b34b5 40%);}
.s_filling .part3 .cont ul li .cir em img{width:60%; transition:all 0.6s; -webkit-transition:all 0.6s;}
.s_filling .part3 .cont ul li:hover .cir em img{transform: rotateY(180deg);}
.s_filling .part3 .cont ul li .tit{font-size:24px; font-weight:bold; color:#3b34b5;margin:15px 0px 10px 0px;}
.s_filling .part3 .cont ul li p{font-size:16px;}
.s_relacdmo{padding-top:140px; position:relative;}
.s_relacdmo .relabox ul{width:calc(100% + 23px); margin-left:-23px;}
.s_relacdmo .relabox ul li{width:calc(25% - 23px); margin-left:23px;}
.s_relacdmo .relabox ul li a{display:block; position:relative;border-radius:10px; transition:all 0.5s; -webkit-transition:all 0.5s; overflow: hidden; }
.s_relacdmo .relabox ul li a:after{position:absolute; content:""; width:100%; height:100%;background:url(../images/relahover.png) -70px/cover no-repeat; opacity:0;top:0px; left:0px; transition:all 0.5s; -webkit-transition:all 0.5s;}

.s_cdmorna .s_cro_pub1{padding:60px 0px 90px 0px;}
.s_cdmorna .s_cro_pub1 .n_nav{background: linear-gradient(to right, #bf539d 0%, #3b34b0 30%);}
.s_cdmorna .s_cro_pub1 .txt{margin-top:70px;}
.s_cdmorna .s_cro_pub1 .txt p{margin-bottom:10px;}
.s_cdmorna .part1{padding:70px 0px 80px 0px; background:#f0f0ff;}
.s_cdmorna .part1 .cont{margin-top:25px; font-size:20px; line-height:1.8; }
.s_cdmorna .part1 .cont img{display:inline-block; }
.s_cdmolnp .part1 .cont ul li em img{transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_cdmolnp .part1 .cont ul li:hover em img{transform: rotateY(180deg);}
.s_cdmorna .part2{margin:225px 0px 100px 0px; padding:90px 0px 165px 0px; box-sizing: border-box; background:url(../images/rnaimg2.jpg) center/cover no-repeat; max-width:100%; border-radius:0px;}
.s_cdmorna .part2 .s_tit:before{background: url(../images/ico35.png) left/cover no-repeat;}
.s_cdmorna .part2 .s_tit span{color:#FFFFFF;}
.s_cdmorna .part2 .cont{margin:80px auto 95px auto; width:90%;}
.s_cdmorna .part2 .s_cro_pub2{margin-left:-125px; width:calc(100% + 125px); overflow: hidden;}
.s_cdmorna .part2 .s_cro_pub2 .item{width:calc(25% - 125px); margin-left:125px; background: linear-gradient(to right, rgba(97, 90, 220, 0.42) 50%, rgba(199, 123, 213, 0.42) 100%); border-radius: 50%; }
.s_cdmorna .part2 .s_cro_pub2:before{background:rgba(191, 83, 157, 0.5); left:143px;}
.s_cdmorna .part2 .s_cro_pub2 .item:before{width: calc(100% - 36px);height: calc(100% - 36px); background:linear-gradient(to right, rgba(133, 125, 244, 0.42) 50%, rgba(220, 158, 240, 0.42) 100%);}
.s_cdmorna .part2 .s_cro_pub2 .item:nth-child(1):after{display:none;}
.s_cdmorna .part2 .s_cro_pub2 .item .cir{width:calc(100% - 60px); height:calc(100% - 60px); background:#FFFFFF;}
.s_cdmorna .part2 .s_cro_pub2 .item .num{z-index:5;left:16px;background:linear-gradient(to right, #b55b9f 0%, #3a36ae 40%);}
.s_cdmorna .part2 .s_cro_pub2 .item .cir .txt .tit{color:#333;}
.s_cdmorna .part2 .s_cro_pub2 .item:nth-child(2) .cir .txt em,.s_cdmorna .part2 .s_cro_pub2 .item:nth-child(3) .cir .txt em{text-align:center; height:85px; width:auto; margin:0px auto;}
.s_cdmorna .part2 .s_cro_pub2 .item:nth-child(2) .cir .txt em img,.s_cdmorna .part2 .s_cro_pub2 .item:nth-child(3) .cir .txt em img{height:100%; width:auto; display:inline-block;}

.s_gongyilist{width:calc(100% + 18px); margin-left:-18px; }
.s_gongyilist .item{width:calc(33.33% - 18px); margin-left:18px;padding:25px 45px 30px 45px; border-radius:10px; background:#FFFFFF; position:relative; overflow: hidden; box-sizing: border-box;}
.s_gongyilist .item .caselayer{width:100%; height:100%; background:rgba(17,18,15,0.4); position:absolute;top:0px; left:0px; display:none;}
.s_gongyilist .item .tit{font-size:18px; padding-bottom:20px; position:relative;line-height:1.8;}
.s_gongyilist .item .tit:after{position:absolute; content:""; width:100%; height:2px; background:; bottom:0px; left:0px;background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);}
.s_gongyilist .item .tit h3{font-size:28px;  color:#3b34b5; margin-bottom:10px;line-height:1.4;}
.s_gongyilist .item .continfo{padding:25px 0px; font-size:18px; line-height:1.8;}
.s_gongyilist .item .continfo p{padding-left:17px; position:relative; margin-bottom:5px;}
.s_gongyilist .item .continfo p:before{position:absolute; content:""; width:6px; height:6px; border-radius:50%; background:#666666; top:12px;left:0px;}
.s_gongyilist .item ul li{padding:7px 0px; border-top:1px solid rgba(59,52,181,0.5); cursor: pointer;}
.s_gongyilist .item ul li .casetit{padding:15px 20px; background:#f2f2f2;font-size:18px;}
.s_gongyilist .item ul li .casetit em{width:68px; height:38px; line-height:38px; border-radius:19px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%);  color:#FFF; text-align:center;}
.s_gongyilist .item ul li .casetit .name{width:calc(100% - 78px); color:#333; position:relative;}
.s_gongyilist .item ul li .casetit .name:after{position:absolute; content:""; width:16px; height:3px;background: linear-gradient(to right, #bf539d 40%, #3b34b0 100%); right:0px; top:50%; margin-top:-1.5px;}
.s_gongyilist .item ul li .casetit .name:before{position:absolute; content:""; width:3px; height:16px;background: linear-gradient(to bottom, #bf539d 40%, #3b34b0 100%); right:6.5px; top:50%; margin-top:-8px;}
.s_gongyilist .item ul li .casebox{width:calc(100% - 70px); bottom:35px;background:#FFF; height:485px;left:35px; position:absolute; z-index:6; display:none;padding:15px 0px;}

.s_gongyilist .item ul li .casebox .casetit{background:#FFF; padding-top:0px;}
.s_gongyilist .item ul li .casebox .casetit .name:before{display:none;}
.s_gongyilist .item ul li .casebox .casetxt{font-size:16px; line-height:1.8; width:calc(100% - 40px); margin:0px auto;overflow-x: hidden;height:calc(100% - 98px); position:absolute; bottom:20px; left:20px; padding-right:5px;}
.s_gongyilist .item ul li .casebox .casetxt::-moz-scrollbar { width: 2px; height: 2px; background-color: #cccccc; }
.s_gongyilist .item ul li .casebox .casetxt::-moz-scrollbar-track { border-radius: 0px; background: #f5f5f5; }
.s_gongyilist .item ul li .casebox .casetxt::-moz-scrollbar-thumb { border-radius: 0px; background-color: #ff7125; }
.s_gongyilist .item ul li .casebox .casetxt::-ms-scrollbar { width: 2px; height: 2px; background-color: #F5F5F5; }
.s_gongyilist .item ul li .casebox .casetxt::-ms-scrollbar-track { border-radius: 0px; background: #000; }
.s_gongyilist .item ul li .casebox .casetxt::-ms-scrollbar-thumb { border-radius: 0px; background-color: #ff7125; }
.s_gongyilist .item ul li .casebox .casetxt::-webkit-scrollbar { width: 2px; height: 2px; background-color: #ccc; }
.s_gongyilist .item ul li .casebox .casetxt::-webkit-scrollbar-track { border-radius: 0px; background: #ccc; }
.s_gongyilist .item ul li .casebox .casetxt::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #999999; }
.s_gongyilist .item ul li .casebox .casetxt img{margin:0px 0px 10px 0px; width:100%;}


.s_cdmolnp .part1 .cont{max-width:1181px; width:100%;margin:45px auto 0px auto; position:relative;}
.s_cdmolnp .part1 .cont ul{position:absolute; height:100%; width:100%;top:0px; left:0px;}
.s_cdmolnp .part1 .cont ul li{width:33.33%; padding-top:55px; position:relative;}
.s_cdmolnp .part1 .cont ul li:before{position:absolute; content:""; width:58px; height:58px; border-radius:50%; background:#FFF;top:-26px; left:50%; margin-left:-29px;}
.s_cdmolnp .part1 .cont ul li:after{position:absolute; content:""; width:15px; height:25px;background:url(../images/jtico1.svg) center/cover no-repeat;top:-10.5px; left:50%; margin-left:-7.5px;}
.s_cdmolnp .part1 .cont ul li em{width:110px; margin:0px auto; display:block; height:120px;}
.s_cdmolnp .part1 .cont ul li .txt{font-size:18px; line-height:1.6;text-align:center; }
.s_cdmolnp .part1 .cont ul li .txt h2{font-size:24px; color:#1e18a1; margin:0px 0px 10px 0px; }
.s_cdmolnp .part2{margin:155px 0px 100px 0px; padding:133px 0px 150px;}
.s_cdmolnp .part2 .cont{margin:55px auto 90px auto; width:100%;}
.s_cdmorna .part2 .s_cro_pub2 .item .num{left:0px;}
.s_cdmolnp .part2 .s_cro_pub2 .item .cir{width:calc(100% - 95px); height:calc(100% - 95px);}

.s_cdmozhili .part1{background:url(../images/mrnabg.png) #f2f2f2 top right no-repeat; padding:62px 0px 90px 0px; position:relative;}
.s_cdmozhili .part1 h3{font-size: 18px;color: #333333;font-weight: normal;margin-bottom: 20px; background:none; margin-top:0px; padding-left:0px;}
.s_cdmozhili .part2 .cont{width:100%; margin:60px auto 110px auto;}
.s_cdmozhili .part2 .cont .s_cro_pub2{margin-bottom:28px; overflow: visible;}
.s_cdmozhili .part2 .cont .s_cro_pub2 .item .cir{width:calc(100% - 95px); height:calc(100% - 95px);}
.s_cdmozhili .part2 .cont .s_cro_pub2 .item .line{position:absolute; content:"";width:24px; height:120px; top:calc(100% - 47.5px);left:50%; margin-left:-12px; background: rgba(191, 83, 157, 0.5);}
.s_cdmozhili .part2 .cont .s_cro_pub2 .item .line:after{position:absolute;content:"";width:98px; height:12px;background: url(../images/ico23.png) left center no-repeat;transform:rotate(90deg);top:51px;left:-37px; }
.s_cdmozhili .part2 .cont .s_cro_pub2:nth-child(2) .item:after{transform: rotate(180deg);}
.s_cdmozhili .part2 .s_cro_pub2 .item:nth-child(4) .cir .txt em{text-align:center;}
.s_cdmozhili .part2 .s_cro_pub2 .item:nth-child(4) .cir .txt em img{height:100%; width:auto;display: inline-block;}
.s_cdmozhili .part2 .s_gongyilist{width:calc(100% + 50px); margin-left:-50px;}
.s_cdmozhili .part2 .s_gongyilist .item{width:calc(50% - 50px); margin-left:50px;}
.s_cdmozhili .part2 .s_gongyilist .item ul li .casebox{height:80%; overflow-x: hidden; bottom:auto; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}

.s_cdmopcv .part1{padding:110px 0px 390px 0px;}
.s_cdmopcv .part1 .servicebox{margin-top:30px;font-size:18px; line-height:2;}
.s_cdmopcv .part1 .servicebox ul{margin-top:70px;}
.s_cdmopcv .part1 .servicebox ul li{margin:0px 62.5px; width:33.33%;}
.s_cdmopcv .part1 .servicebox ul li .cir{background:url(../images/pcvimg1.png) center/cover no-repeat; margin:0px auto; display:block; position:relative;}
.s_cdmopcv .part1 .servicebox ul li .cir .cont{position:absolute; width:60%; top:45%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); margin-top:0px;}
.s_cdmopcv .part1 .servicebox ul li .cir .cont em{width:120px; height:110px;text-align:center; display:block; margin:0px auto;}
.s_cdmopcv .part1 .servicebox ul li .cir .cont em img{height:100%;  transition: all 0.5s; -webkit-transition: all 0.5s;}
.s_cdmopcv .part1 .servicebox ul li:hover .cir .cont em img{transform: rotateY(180deg);}
.s_cdmopcv .part1 .servicebox ul li .cir .cont h4{font-size:24px; color:#3b34b5; text-align: center;margin-top:15px;}
.s_cdmopcv .part1 .servicebox ul li .tagname{width:177px; height:48px;background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); position:relative; margin:15px auto 0px auto; border-radius:24px;}
.s_cdmopcv .part1 .servicebox ul li .tagname:after{position:absolute; content:""; width:calc(100% - 2px); height:calc(100% - 2px); background:#FFF; left:1px; top:1px; border-radius:22px;}
.s_cdmopcv .part1 .servicebox ul li .tagname span{display:block; width:100%; height:100%; position:absolute; text-align: center;font-size:20px;line-height:46px; z-index:2;}
.s_cdmopcv .part1 .servicebox ul li .tagname .list{position:absolute; top:100%; left:28px;width:230px; font-size:18px; padding-top:15px;}
.s_cdmopcv .part1 .servicebox ul li .tagname .list:after{position:absolute; content:"";left:0px; width:1px; height:calc(100% - 18px);border-left:1px dashed #3b34b5; top:0px;}
.s_cdmopcv .part1 .servicebox ul li .tagname .list p{padding-left:18px;position:relative;}
.s_cdmopcv .part1 .servicebox ul li .tagname .list p:before{position:absolute; content:""; width:6px; height:6px; background:#3b34b5;border-radius:50%; left:-2.8px; top:12px;}

.s_cdmopcv .part2{border-radius:13px; width:100%; max-width:1647px; background:url(../images/img8.jpg) center/cover no-repeat; margin:-160px auto 200px auto; position:relative; padding:0px;}
.s_cdmopcv .s_cro_pub3{min-height:765px;}
.s_cdmopcv .s_cro_pub3 .youshibox .item .yright .txt{padding:55px 0px 85px 0px;width: calc(100% - 150px);}
.s_cdmopcv .s_cro_pub3 .youshibox .item .yleft{line-height:1.5;}
.s_cdmopcv .s_cro_pub3 .youshibox .item:nth-child(3) .yright{max-width:910px;}
.s_cdmopcv .s_cro_pub3 .youshibox .item:nth-child(3) .yright .txt{padding:55px 0px 55px 0px;}
.s_cdmopcv .s_cro_pub3 .tit{margin-left:35px;}

.s_cdmopcv .part3 {margin: 0px 0px 100px 0px;padding: 90px 0px 165px 0px;box-sizing: border-box;background: url(../images/rnaimg2.jpg) center / cover no-repeat;max-width: 100%;border-radius: 0px;}
.s_cdmopcv .part3 .s_tit:before{background: url(../images/ico35.png) left/cover no-repeat;}
.s_cdmopcv .part3 .s_tit span{color:#FFFFFF;}
.s_cdmopcv .part3 .cont{margin:50px auto 65px auto; width:100%;max-width:1210px; position:relative;}
.s_cdmopcv .part3 .cont:before{position:absolute; content:""; height:calc(50% + 23px); width:286px; right:-115px;border:24px solid rgba(191, 83, 157, 0.5);top:calc(25% - 10.5px); box-sizing: border-box; border-left:0px; border-top-right-radius:286px;border-bottom-right-radius:286px;}
.s_cdmopcv .part3 .s_cro_pub2{margin-left:-175px; width:calc(100% + 175px); overflow: hidden;}
.s_cdmopcv .part3 .s_cro_pub2 .item{width:calc(33.33% - 175px); margin-left:175px; background: linear-gradient(to right, rgba(97, 90, 220, 0.42) 50%, rgba(199, 123, 213, 0.42) 100%); border-radius: 50%; }
.s_cdmopcv .part3 .s_cro_pub2:before{background:rgba(191, 83, 157, 0.5); left:175px;}
.s_cdmopcv .part3 .s_cro_pub2 .item:before{width: calc(100% - 44px);height: calc(100% - 44px); background:linear-gradient(to right, rgba(133, 125, 244, 0.42) 50%, rgba(220, 158, 240, 0.42) 100%);}
.s_cdmopcv .part3 .s_cro_pub2:nth-child(1) .item:nth-child(1):after{display:none;}
.s_cdmopcv .part3 .s_cro_pub2 .item .cir{width:calc(100% - 100px); height:calc(100% - 100px); background:#FFFFFF;}
.s_cdmopcv .part3 .s_cro_pub2 .item .num{z-index:5;left:0px;background:linear-gradient(to right, #b55b9f 0%, #3a36ae 40%);}
.s_cdmopcv .part3 .s_cro_pub2 .item .cir .txt .tit{color:#333;}
.s_cdmopcv .part3 .s_cro_pub2 .item .cir .txt{width:90%;}
.s_cdmopcv .part3 .s_cro_pub2 .item:nth-child(3) .cir .txt em{text-align:center; height:85px; width:auto; margin:0px auto;}
.s_cdmopcv .part3 .s_cro_pub2 .item:nth-child(3) .cir .txt em img{height:100%; width:auto; display:inline-block;}
.s_cdmopcv .part3 .s_cro_pub2:nth-child(2):before{width:50%; left:calc(25% + 175px);} 
.s_cdmopcv .part3 .cont{max-width:1210px;}
.s_cdmopcv .part3 .s_cro_pub2:nth-child(2) .item:after{transform: rotate(180deg); right:-125px; left:auto;}
.s_cdmo .s_cro_pub1{padding:130px 0px 75px 0px;}
.s_cdmo .s_cro_pub1 .txt{line-height:1.8; margin-top:0px;}
.s_cdmo .s_cro_pub1 .txt p:nth-child(1){margin-bottom:10px;}

.s_cdmo .part2{padding:60px 0px 160px 0px; background:url(../images/cdmoimg1.jpg) center/cover no-repeat;  position:relative;}
.s_cdmo .part2 .cont{margin-top:30px;}
.s_cdmo .part2 .newscontact{top: auto;bottom: -75px;}
.s_cdmo .part3{margin-top:210px;min-height:600px; padding-bottom:100px; background:url(../images/cdmoimg2.png) center/cover no-repeat;}


.s_cdmo .part3 .gongyi .gyleft{width:43%; max-width:520px;}
.s_cdmo .part3 .gongyi .gyleft .s_tit:before{background: url(../images/ico35.png) left/cover no-repeat;}
.s_cdmo .part3 .gongyi .gyleft .s_tit span{color:#FFF;}
.s_cdmo .part3 .gongyi .gyleft .cont{font-size:18px; line-height:1.8; margin-top:30px; color:#FFF;}
.s_cdmo .part3 .gongyi .gyright{width:57%;}
.s_cdmo .part3 .gongyi .gyright .item{padding:55px 30px 20px 60px;position:relative; background:#FFF; box-sizing: border-box; width:322px; position:relative;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1), 0 0 30px rgba(0, 0, 0, 0.05);}
.s_cdmo .part3 .gongyi .gyright .item .num{width:46px; height:46px; line-height:46px; text-align:center; border-radius:50%;background: linear-gradient(to right, #3b34b0 50%, #bf539d 100%); font-size:20px; font-weight:bold; right:40px;top:-23px; color:#FFF; position:absolute;}
.s_cdmo .part3 .gongyi .gyright .item .ico{width:90px; height:90px; border-radius:50%; background:url(../images/ico39.png) center/cover no-repeat;top:30px; left:-45px; position:absolute;}
.s_cdmo .part3 .gongyi .gyright .item .ico em{display:block; position:absolute; width:55%;top:50%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.s_cdmo .part3 .gongyi .gyright .item .ico em img{transition:all 0.3s;-webkit-transition:all 0.3s;}
.s_cdmo .part3 .gongyi .gyright .item:hover .ico em img{transform: rotateY(180deg);}
.s_cdmo .part3 .gongyi .gyright .item h3{padding-left:30px; font-size:24px; color:#3b34b5;background:url(../images/ico20.png) left center no-repeat;}
.s_cdmo .part3 .gongyi .gyright .item .txt{font-size:18px; line-height:1.8; margin-top:15px; color:#666666;}
.s_cdmo .part3 .gongyi .gyright .rcont{width:410px;margin-top:-46px;}
.s_cdmo .part3 .gongyi .gyright .rcont .item:nth-child(1){width:100%; }
.s_cdmo .part3 .gongyi .gyright .rcont .item:nth-child(2){margin-top:57px;}
.s_cdmo .part3 .gongyilist{margin-top:60px;}
.s_cdmo .part3 .gongyilist ul{width:calc(100% + 22px); margin-left:-22px;}
.s_cdmo .part3 .gongyilist ul li{width:calc(50% - 22px); margin-left:22px; margin-bottom:22px;}
.s_cdmo .part3 .gongyilist ul li a{display:block; height:297px; background:url(../images/cdmoimg2.jpg) center/cover no-repeat; position:relative; border-radius:10px; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_cdmo .part3 .gongyilist ul li a:hover{background:url(../images/cdmoimg3.jpg) center/cover no-repeat;}
.s_cdmo .part3 .gongyilist ul li a em{display:block; width:170px; height:170px; right:30px; bottom:30px; position:absolute; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_cdmo .part3 .gongyilist ul li a:hover em{opacity:0;}
.s_cdmo .part3 .gongyilist ul li a .txt,.s_cdmo .part3 .gongyilist ul li a .txt1{position:absolute; padding:30px 23px; width:100%; height:100%; color:#FFFFFF; box-sizing: border-box; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_cdmo .part3 .gongyilist ul li a:hover .txt{opacity:0;}
.s_cdmo .part3 .gongyilist ul li a .txt h3{font-size:34px; line-heihgt:1.2;}
.s_cdmo .part3 .gongyilist ul li a .txt1{opacity:0;padding:22px;}
.s_cdmo .part3 .gongyilist ul li a:hover .txt1{opacity:1;}
.s_cdmo .part3 .gongyilist ul li a .txt1 h3{font-size:28px; line-height:1.5; border-bottom:1px solid #FFFFFF;padding-bottom:10px;}
.s_cdmo .part3 .gongyilist ul li a .txt1 .info{margin-top:20px; line-height:1.8; font-size:18px; }
.s_cdmo .part3 .gongyilist ul li a .txt1 .info p{padding:10px 0px 10px 18px; position:relative;}
.s_cdmo .part3 .gongyilist ul li a .txt1 .info p:before{position:absolute; content:""; width:6px; height:6px; background:#FFF; border-radius:50%; top:22px; left:0px;}

.s_cdmo .part4{padding:70px 0px 60px 0px; background:url(../images/cdmoimg10.jpg) center/cover no-repeat; margin-top:150px;}
.s_cdmo .part4 .s_tit:before{background: url(../images/ico35.png) left/cover no-repeat;}
.s_cdmo .part4 .s_tit span{color:#FFFFFF;}
.s_cdmo .part4 .cont{font-size:18px; line-height:1.8; margin:20px 0px 60px 0px; color:#FFFFFF;}
.s_cdmo .part4 ul{margin-top:68px;}
.s_cdmo .part4 ul li{width:33.33%;position:relative;padding:0px 35px; box-sizing: border-box; border-right:1px solid rgba(255,255,255,0.6);}
.s_cdmo .part4 ul li .tit{font-size:106px; font-weight:bold;color:rgba(255,255,255,0.1);padding-left:25px;}
.s_cdmo .part4 ul li .tit em{width:113px; margin-left:10px;}
.s_cdmo .part4 ul li .txt{margin-top:15px;}
.s_cdmo .part4 ul li .txt h3{padding-left:25px; background:url(../images/ico24.png) left 8px no-repeat; font-size:24px; color:#FFFFFF;}
.s_cdmo .part4 ul li .txt p{padding-left:25px; background:url(../images/ico17.png) left 8px no-repeat; font-size:16px; color:#FFFFFF;margin-top:10px; line-height:2;}

.s_cdmo .part4 .tviewmore{margin:60px auto 0px auto;border:1px solid #FFF; background:none;border-radius:27px; width:274px; height:54px; }
.s_cdmo .part4 .tviewmore:before{width:53px; height:53px; border-radius:26.5px; background:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s; top:0px;}
.s_cdmo .part4 .tviewmore:after{background:url(../images/jtico1.svg) center/cover no-repeat; left:25px;}
.s_cdmo .part4 .tviewmore span{color:#FFF;height:54px; line-height:54px;}
.s_cdmo .part4 .tviewmore:hover span{color:#3a36ae;}
.s_cdmo .part4 .tviewmore:hover:before{width:calc(100% + 2px);}

.s_cdmo .part5{padding:120px 0px 190px 0px; box-sizing: border-box;}
.s_cdmo .part5 .cont{font-size:18px; line-height:2.2; margin-top:20px;}
.s_cdmo .part5 .cont p{margin-bottom:10px;}

.s_cdmo .part5 .fenxibox{ width:100%; max-width:1605px; margin:30px auto 0px auto;}
.s_cdmo .part5 .fenxibox .fxnav{text-align:center;}
.s_cdmo .part5 .fenxibox .fxnav a{width:196px; height:50px; margin:0px 10px;background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); border-radius:25px; position:relative; box-sizing: border-box;}
.s_cdmo .part5 .fenxibox .fxnav a:before{position:absolute; content:"";width:calc(100% - 3px); height:calc(100% - 3px); background:#FFF;left:1.5px; top:1.5px;border-radius:24px;box-sizing: border-box; z-index:1; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_cdmo .part5 .fenxibox .fxnav a:hover:before,.s_cdmo .part5 .fenxibox .fxnav a.cur:before{opacity:0;}
.s_cdmo .part5 .fenxibox .fxnav a span{position:absolute; width:100%; height:100%; line-height:50px;top:0px; left:0px; position:relative; z-index: 2; text-align: center; font-size:18px; color:#3b34b5;transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_cdmo .part5 .fenxibox .fxnav a:hover span,.s_cdmo .part5 .fenxibox .fxnav a.cur span{color:#FFF;}
.s_cdmo .part5 .fenxibox .work-swiper-progress{padding:0px; margin-bottom:30px;}
.s_cdmo .part5 .fenxibox .swiper-slide img{border-radius: 10px;}

.s_cdmo .part6{position:relative;}
.s_cdmo .part6 .sbleft{width:40%;}
.s_cdmo .part6 .sbleft img{width:100%;}
.s_cdmo .part6 .sbright{position:absolute; width:65%; height:100%;background:url(../images/cdmoimg8.jpg) center/cover no-repeat; top:-90px; right:0px; padding:35px 90px; box-sizing: border-box;}
.s_cdmo .part6 .sbright .s_tit:before{background: url(../images/ico35.png) left/cover no-repeat;}
.s_cdmo .part6 .sbright .s_tit span{color:#FFFFFF;}
.s_cdmo .part6 .sbright .cont{font-size:18px; line-height:2; color:#FFFFFF; margin-top:10px; max-width:880px;width:100%;}
.s_cdmo .part6 .sbright ul{max-width:880px;width:100%;}
.s_cdmo .part6 .sbright ul li{margin-top:80px;}
.s_cdmo .part6 .sbright ul li em{width:90px; padding:0px 20px; box-sizing: border-box; }
.s_cdmo .part6 .sbright ul li .txt{width:calc(100% - 102px);padding-left:50px;border-left:1px solid #FFFFFF; background: url(../images/ico24.png) 24px 8px no-repeat;font-size:18px;color:#FFF; background-size:12px auto; line-height:1.5; box-sizing: border-box;}
.s_cdmo .part6 .sbright ul li .txt h3{font-size:24px;}
.s_cdmo .part7{padding:55px 0px 70px 0px; background:#f2f2f2; margin-top:145px;}
.s_cdmo .part7 .relaservice{width:calc((100% - 1440px)/2 + 1440px);}
.s_cdmo .part7 .relaservice .servicebox{margin-top:30px;}
.s_cdmo .part7 .relaservice .servicebox .serviceleft{width:440px;}
.s_cdmo .part7 .relaservice .servicebox .serviceleft .work-swiper-progress{width:100%; margin-top:0px; padding:0px;}
.s_cdmo .part7 .relaservice .servicebox .serviceleft .work-progress-text{text-align:right;}

.s_cdmo .part7 .relaservice .servicebox .serviceleft .servicenav{margin-top:0px;}
.s_cdmo .part7 .relaservice .servicebox .serviceleft .servicenav a{display:block;padding:15px 0px 15px 25px; background:url(../images/ico40.png) left center no-repeat; font-size:20px; color:#666666; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_cdmo .part7 .relaservice .servicebox .serviceleft .servicenav a:hover,.s_cdmo .part7 .relaservice .servicebox .serviceleft .servicenav a.cur{font-size:28px; font-weight:bold;color:#333333;}
.s_cdmo .part7 .relaservice .servicebox .serviceright{width:calc(100% - 520px);}
.ser_slide{position:relative;}
.ser_slide .stxt{width:379px;position:relative;}
.ser_slide .stxt .s_cont{font-size:36px; color:#FFF; position:absolute; padding:30px; width:100%; top:0px;left:0px; box-sizing: border-box;}
.ser_slide .stxt .s_cont em{display:block;width:90px; height:90px;margin-top:10px;}
.ser_slide .stxt .s_cont1{font-size:20px; color:#FFF; position:absolute; padding:0px 30px 30px 30px; width:100%; bottom:0px;left:0px; line-height:1.5; box-sizing: border-box;}
.ser_slide .simg{width:calc(100% - 379px); position:absolute; height:100%; right:0px;top:0px;}
.pro_download1{padding: 0px 0px 200px 0px; }

/* 发散光晕容器 */
.glow-effect {
  width: 20px;
  height: 20px;
  position: absolute;
  top:-18px; left:3px;
  margin: 20px auto;
}

/* 中心点 */
.glow-effect::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: #9c27b0; /* 紫色核心 */
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(156, 39, 176, 0.9);
}

/* 波纹动画 */
.glow-effect::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(156, 39, 176, 0.4) 0%, rgba(156, 39, 176, 0) 70%);
  animation: ripple 1.5s infinite alternate;
  border-radius: 50%;
  opacity: 0;
}




/* 中心点 */


/* 波纹动画 */
.bglow-effect::after {
  
  animation: newripple1 1.5s infinite alternate;
  
}

@keyframes ripple {
  from {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 1;
  }
}

@keyframes newripple {
  from {
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -50%) scale(1.05);
    opacity: 0.7;
  }
}

@keyframes newripple1 {
  from {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  to {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0.9;
  }
}

[data-aos] {
  opacity: 0;
  transform: translateY(100px);
  transition: all 1s ease 0.3s;
}
[data-aos].aos-animate {
  opacity: 1;
  transform: translateY(0);
}


/* 新增样式0317 */
.s_job{background:url(../images/jobbg.jpg) #FFFFFF bottom center repeat-x;}
.s_job .mainbox{padding:130px 0px 120px 0px;}
.s_job .mainbox .s_jobpic{margin-top:70px; overflow: hidden; position:relative;}
.s_job .mainbox .s_jobpic img{border-radius: 15px;}
.s_job .mainbox .s_jobpic .cont{position:absolute; bottom:12%; width:90%; transform: translate(-50%,0px); -webkit-transform: translate(-50%,0px);  left:50%; line-height:1.8; font-size:20px; color:#FFFFFF; }
.s_job .mainbox .s_jobpic .cont h2{font-size:42px; line-height:2;}
.s_job .mainbox .s_jobpic .cont p{margin-bottom:12px;}

.s_jobbox{padding:105px 0px 120px 0px; }
.s_joblist{position:relative;}
.s_joblist:before{position:absolute; content:""; top:30px; width:100%; height:1px; background: linear-gradient(to right, #3b34b0 50%, #bf539d 100%); z-index:1;}
.s_joblist .n_nav{display:inline-block; padding:15px 54px; border-radius:30px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); font-size:18px;color:rgba(255,255,255,0.8);z-index:2; position:relative;}
.s_joblist .n_nav a{color:rgba(255,255,255,0.8);}
.s_joblist .n_nav a:hover,.s_joblist .n_nav a.on{color:rgba(255,255,255,1); font-weight: bold;}
.s_joblist .n_nav span{font-size:20px; color:#FFF;margin:0px 35px;font-weight: 100;}
.s_joblist ul{margin-top:50px;}
.s_joblist ul li{background:#f7f7fb; margin-bottom:7px;  border-radius: 5px; padding:0px 48px;}
.s_joblist ul li .item{padding:30px 0px; cursor: pointer;}
.s_joblist ul li .item .ltit h2{font-size:30px;}
.s_joblist ul li .item .ltit h2 em{display:inline-block; width:31px; height:37px; background:url(../images/jobico1.png) center/cover no-repeat; font-size:16px; color:#FFFFFF; text-align: center; line-height:42px; margin-right:18px;}
.s_joblist ul li .item .ltit h2 span{font-weight: normal; transition: all 0.5s; -webkit-transition: all 0.5s;}
.s_joblist ul li.active .item .ltit h2 span,.s_joblist ul li:hover .item .ltit h2 span{background: linear-gradient(to right, #c46db0 0%, #3b34b5 100%);color: transparent;-webkit-background-clip: text;background-clip: text; transition: all 0.5s; -webkit-transition: all 0.5s;}
.s_joblist ul li .item .ltit .canshu{margin-top:20px; color:rgba(102,102,102,0.6); font-size:18px; }
.s_joblist ul li .item .ltit .canshu span{margin-right:54px; padding:10px 0px 10px 30px;}
.s_joblist ul li .item .ltit .canshu span:nth-child(1){background:url(../images/jobico2.png) left center no-repeat;}
.s_joblist ul li .item .ltit .canshu span:nth-child(2){background:url(../images/jobico3.png) left center no-repeat;padding:10px 0px 10px 35px;}
.s_joblist ul li .item .ltit .canshu span:nth-child(3){background:url(../images/jobico4.png) left center no-repeat;}

.s_joblist ul li .item .more{width:33px; height:33px; border-radius:50%;position:relative;background: linear-gradient(to bottom, #3b34b5, #c454a3);margin-right:15px;}
.s_joblist ul li .item .more:after{position:absolute; content:""; background:#FFF; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px;border-radius:50%; z-index:1; transition:all 0.3s; -webkit-transition:all 0.3s;}

.s_joblist ul li .item .more:before{position: absolute;content: "";width: 8px;height: 15px;top: 51%;left: 50%;transform: translate(-50%, -50%) rotate(90deg);-webkit-transform: translate(-50%, -50%) rotate(90deg);background: url(../images/jtico2.svg) center / cover no-repeat;z-index: 2; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_joblist ul li.active .item .more:before{transform: translate(-50%, -50%) rotate(-90deg);-webkit-transform: translate(-50%, -50%) rotate(-90deg);}
.s_joblist ul li .jobdetail{display:none;}
.s_joblist ul li .jobdetail h2{font-size:24px;padding:28px 0px; border-bottom:1px solid rgba(0,0,0,0.1); position:relative;}
.s_joblist ul li .jobdetail h2:before{position:absolute; content:""; width:100%; height:2px; background: linear-gradient(to right, #3b34b0 40%, #bf539d 100%); top:0px; left:0px;}
.s_joblist ul li .jobdetail h2 .mail{margin:0px;}
.s_joblist ul li .jobdetail h2 .mail em{background:#f7f7fb;}

.s_joblist ul li .jobdetail .cont{padding:30px 0px 40px 0px; font-size:18px; line-height: 2;}
.s_joblist ul li .jobdetail .cont p{margin:5px 0px;}
.s_joblist ul li .jobdetail .cont p em{font-size:20px; font-weight: bold; margin-bottom:10px; display:block;}
.s_joblist ul li .jobdetail .cont p a{background: linear-gradient(to right, #c46db0 0%, #3b34b5 100%);color: transparent;-webkit-background-clip: text;background-clip: text;}
/* 新增样式结束0317 */