/* 分子评估与早研 */
:root{
--max-width: 1600;
--background-cover: no-repeat center center / cover;
--background-contain: no-repeat center center / contain;
--default-color__rgb: 51, 51, 51; /*#333*/
--default-color: rgba(var(--default-color__rgb), 1);
--primary-color__rgb: 230,0,18;/*#1e83c0*/
--primary-color: rgba(var(--primary-color__rgb), 1);
--secondary-color__rgb: 7, 173, 205/*#07adcd*/;
--secondary-color:rgba(var(--secondary-color__rgb), 1);
--font-family: 'hm', sans-serif;
--font-family__en: 'Montserrat', 'hm', sans-serif;
--white-color__rgb: 255,255,255; /*#FFFFFF*/
--white-color: rgba(var(--white-color__rgb), 1);
--black-color__rgb: 0,0,0; /*#000000*/
--black-color: rgba(var(--black-color__rgb), 1);
--main_line_height: 1;
--button_height: 0.7rem;
--font-weight__l: 100;
--font-weight__r: 400;
--font-weight__m: 500;
--font-weight__sb: 600;
--font-weight__b: 700;
--ttf:cubic-bezier(0.175, 0.885, 0.32, 1.275);
--transition: 1s var(--ttf);
--ttf-bouce:cubic-bezier(0.175, 0.885, 0.32, 1.275);
--itemhover:	transform: translate3d(0, -4px, 0);
--header_height: 1rem;
--border:1px solid #ededed;
--bg-color:#edf2f7;
}
:root{
  --padding-margin__10:0.1rem;
  --padding-margin__12:0.12rem;
  --padding-margin__15:0.15rem;
  --padding-margin__20:0.2rem;
  --padding-margin__18:0.18rem;
  --padding-margin__25:0.25rem;
  --padding-margin__30:0.3rem;
  --padding-margin__35:0.35rem;
  --padding-margin__40:0.4rem;
  --padding-margin__45:0.45rem;
  --padding-margin__50:0.5rem;
  --padding-margin__55:0.55rem;
  --padding-margin__60:0.6rem;
  --padding-margin__65:0.65rem;
  --padding-margin__70:0.7rem;
  --padding-margin__75:0.75rem;
  --padding-margin__80:0.8rem;
  --padding-margin__90:0.9rem;
  --padding-margin__100:1rem;
  --padding-margin__110:1.1rem;
  --padding-margin__120:1.2rem;
  --padding-margin__130:1.3rem;
  --padding-margin__140:1.4rem;
  --padding-margin__150:1.5rem;
  --padding-margin__160:1.6rem;
  --padding-margin__170:1.7rem;
  --padding-margin__180:1.8rem;
  --padding-margin__190:1.9rem;
  --padding-margin__200:2rem;
  --padding-margin__250:2.5rem;
  --font-size__12:0.12rem;
  --font-size__14:0.14rem;
  --font-size__15:0.15rem;
  --font-size__16:0.16rem;
  --font-size__18:0.18rem;
  --font-size__20:0.2rem;
  --font-size__22:0.22rem;
  --font-size__24:0.24rem;
  --font-size__26:0.26rem;
  --font-size__28:0.28rem;
  --font-size__30:0.3rem;
  --font-size__32:0.32rem;
  --font-size__34:0.34rem;
  --font-size__36:0.36rem;
  --font-size__38:0.38rem;
  --font-size__40:0.4rem;
  --font-size__42:0.42rem;
  --font-size__44:0.44rem;
  --font-size__46:0.46rem;
  --font-size__48:0.48rem;
  --font-size__50:0.5rem;
  --font-size__52:0.52rem;
  --font-size__54:0.54rem;
  --font-size__56:0.56rem;
  --font-size__58:0.58rem;
  --font-size__60:0.6rem;
  --font-size__62:0.62rem;
  --font-size__64:0.64rem;
  --font-size__66:0.66rem;
  --font-size__68:0.68rem;
  --font-size__70:0.7rem;
  --font-size__72:0.72rem;
  --font-size__74:0.74rem;
  --font-size__76:0.76rem;
  --font-size__78:0.78rem;
  --font-size__80:0.8rem;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width:768px){
  :root{
    --padding-margin__10:0.05rem;
    --padding-margin__12:0.06rem;
    --padding-margin__15:0.075rem;
    --padding-margin__18:0.09rem;
    --padding-margin__20:0.1rem;
    --padding-margin__25:0.125rem;
    --padding-margin__30:0.15rem;
    --padding-margin__35:0.175rem;
    --padding-margin__40:0.2rem;
    --padding-margin__45:0.225rem;
    --padding-margin__50:0.25rem;
    --padding-margin__55:0.275rem;
    --padding-margin__60:0.3rem;
    --padding-margin__65:0.325rem;
    --padding-margin__70:0.35rem;
    --padding-margin__75:0.375rem;
    --padding-margin__80:0.4rem;
    --padding-margin__90:0.45rem;
    --padding-margin__100:0.5rem;
    --padding-margin__110:0.55rem;
    --padding-margin__120:0.6rem;
    --padding-margin__130:0.65rem;
    --padding-margin__140:0.7rem;
    --padding-margin__150:0.75rem;
    --padding-margin__160:0.8rem;
    --padding-margin__170:0.85rem;
    --padding-margin__180:0.9rem;
    --padding-margin__190:0.95rem;
    --padding-margin__200:1rem;
    --padding-margin__250:1.25rem;

    --font-size__24:0.24rem;
    --font-size__26:0.25rem;
    --font-size__28:0.24rem;
    --font-size__30:0.22rem;
    --font-size__32:0.23rem;
    --font-size__34:0.23rem;
    --font-size__36:0.24rem;
    --font-size__38:0.25rem;
    --font-size__40:0.26rem;
    --font-size__42:0.27rem;
    --font-size__44:0.28rem;
    --font-size__46:0.29rem;
    --font-size__48:0.30rem;
    --font-size__50:0.30rem;
    --font-size__52:0.30rem;
    --font-size__54:0.31rem;
    --font-size__56:0.32rem;
    --font-size__58:0.33rem;
    --font-size__60:0.34rem;
    --font-size__62:0.35rem;
    --font-size__64:0.36rem;
    --font-size__66:0.37rem;
    --font-size__68:0.38rem;
    --font-size__70:0.42rem;
    --font-size__72:0.43rem;
    --font-size__74:0.44rem;
    --font-size__76:0.45rem;
    --font-size__78:0.46rem;
    --font-size__80:0.47rem;
  }
}


/* 弹性布局 */
[class*=flex]{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
[class*=__aic]{-ms-flex-align:center;align-items:center}
[class*=__aife]{-ms-flex-align:flex-end;align-items:flex-end}
[class*=__aifs]{-ms-flex-align:flex-start;align-items:flex-start}
[class*=__ais]{-ms-flex-align:stretch;align-items:stretch}
[class*=__jcc]{-ms-flex-pack:center;justify-content:center}
[class*=__jcsb]{-ms-flex-pack:space-between;justify-content:space-between}
[class*=__jcfe]{-ms-flex-pack:flex-end;justify-content:flex-end}
[class*=__jcfs]{-ms-flex-pack:flex-start;justify-content:flex-start}
[class*=__row]{flex-wrap:wrap;-ms-flex-wrap:wrap;flex-direction:row;-ms-flex-direction:row}
[class*=__column]{flex-direction:column;-ms-flex-direction:column}
@media (max-width:1024px){[class*=flex_tablet]{display:block}}
@media (max-width:768px){[class*=flex_tableH]{display:block}}
@media (max-width:640px){[class*=flex_mobileV]{display:block}}
@media (max-width:480px){[class*=flex_mobile]{display:block}}



/* 分子评估与早研 */
.ispic {
    overflow: hidden;
    position: relative;
}
.ispic figure {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.Scale-img figure, .Scale-img img {
    opacity: 1;
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
}
.container {
    width: 87.6%;
    margin: 0 auto;
    max-width: calc(var(--max-width) * 1px);
}
.molecule-info{
    position: relative;
    zoom: 0.8;
}
.blanknr{height: var(--padding-margin__120);}
.blanknr2{height: var(--padding-margin__120);}
.molecule-info{z-index: 2;height: 11.7rem;overflow: hidden;}
.molecule-info .part1 .ispic{margin-top: var(--padding-margin__70);border-radius: 0.15rem;}
.molecule-info .part1 .ispic img{border-radius: 0.15rem;}

.molecule-info .part2{padding: var(--padding-margin__100) 0 var(--padding-margin__100);position: relative;
    z-index: 1;}

.molecule-info .cricle{width: 11.9rem;height: 11.9rem;left: 50%;top: 50%;background: url(../images/molecule-cricle.png) no-repeat center center/contain;position: absolute;z-index: 0;animation: turn 20s linear infinite;margin: -5.95rem 0 0 -5.95rem;}

.molecule-info .showCon .ispic{padding-bottom: 100%;border-radius: 50%;}
.molecule-info .showCon .ispic:after{display: none;position:absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(var(--primary-color__rgb), 0.85);content: "";}
.molecule-info .showCon .info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;text-align: center;padding: var(--padding-margin__30);color: #fff;}
.molecule-info .showCon h3{font-size: var(--font-size__28);font-weight: var(--font-weight__m);margin: 0 0 var(--padding-margin__25) 0;}
.molecule-info .showCon .desc{display: none;font-size: var(--font-size__16);line-height: calc(28 / 16);}
.molecule-info .showCon .mores{position: absolute;right: 0.64rem;bottom: 0;border-radius: 50%;width: 0.7rem;height: 0.7rem;background: #fff url(../images/arr_more_blue.svg) no-repeat center center/0.18rem 0.18rem;transition: all 0.5s;z-index: 10;}

@media(min-width:1025px){
  .molecule-info .infoarea .left{width: calc(700 / 1600 * 100%);}
  .molecule-info .infoarea .right{width: calc(900 / 1600 * 100%);}

  .molecule-info .content{height: 7.3rem;width: 11.9rem;margin: 0 auto;margin-top: 0.2rem;}
  .molecule-info .list .item{position: absolute;width: 1.3rem;height: 1.3rem;border-radius: 50%;z-index: 2;cursor: pointer;}
  .molecule-info .list .item .layer{position: absolute;width: 100%;height: 100%;z-index: 3;border-radius: 50%;}
  .molecule-info .list .item .layer:after{position: absolute;width: 110%;height: 110%;z-index: 3;border-radius: 50%;transform: translate(-50%,-50%);content: "";left: 50%;top: 50%;background: rgba(255,255,255,0.9);opacity: 0.6;box-shadow: 5px 15px 65px 0px rgba(24,121,190,0.11);}
  .molecule-info .list .item .info{position: absolute;width: 100%;height: 100%;z-index: 4;/* border: 1px solid #fff; */border-radius: 50%;background-image: linear-gradient(to bottom, #edf6fc , #e3f0f9);text-align: center;padding: var(--padding-margin__15) var(--padding-margin__10);overflow: hidden;background: linear-gradient(-2deg, #FFE9E9, #FFFFFF);}
  .molecule-info .list .item .info img{height: auto;}
  .molecule-info .list .item .info aside{font-size: var(--font-size__16);line-height: calc(24 / 16);margin-top: var(--padding-margin__10);}
  .molecule-info .list .item:nth-child(1){top: 0;left: 0.9rem;width: 1rem;height: 1rem;}
  .molecule-info .list .item:nth-child(2){top: 0;right: 0.9rem;width: 1rem;height: 1rem;}
  .molecule-info .list .item:nth-child(3){top: 3.55rem;left: -0.5rem;width: 1rem;height: 1rem;}
  .molecule-info .list .item:nth-child(4){top: 3.55rem;right: -0.5rem;width: 1rem;height: 1rem;}
  .molecule-info .list .item:nth-child(5){bottom: 0;left: 0.9rem;width: 1rem;height: 1rem;}
  .molecule-info .list .item:nth-child(6){bottom: 0;right: 0.9rem;width: 1rem;height: 1rem;}
  .molecule-info .list .item:nth-child(7){top: 0.7rem;left: 2.85rem;}
  .molecule-info .list .item:nth-child(8){top: 0.7rem;right: 2.85rem;}
  .molecule-info .list .item:nth-child(9){top: 2.99rem;left: 2rem;}
  .molecule-info .list .item:nth-child(10){top: 2.99rem;right: 2rem;}
  .molecule-info .list .item:nth-child(11){top: 5.07rem;left: 2.96rem;}
  .molecule-info .list .item:nth-child(12){top: 5.07rem;right: 2.96rem;}
  .molecule-info .list .item:nth-child(13){top: 7.07rem;left: 50%;transform: translate(-50%, 0px);}
  .molecule-info .list .item:hover .info img,.molecule-info .list .item.cur .info img{filter: brightness(0) invert(1);}
  .molecule-info .list .item:hover .info,
  .molecule-info .list .item.cur .info{background: var(--primary-color) url(../images/molecule-logobg.png) no-repeat right bottom;color: #fff;}

  .molecule-info .showCon{width: 20.281vw;height: 20.281vw;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;border-radius: 50%;position: absolute;z-index: 5;}
  .molecule-info .showCon .item{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;}
  .molecule-info .showCon .item.cur{opacity: 1;}
  .molecule-info .showCon .item:hover .mores{transform: rotate(45deg);background: var(--primary-color) url(../images/arr_more_white.svg) no-repeat center center/0.18rem 0.18rem;}
}
@media(max-width:1024px){
 .blanknr{display: none;}

 .molecule-info .list{display: none;}
 .molecule-info .showCon .item{position: relative;}
 .molecule-info .showCon .item:not(:last-child){margin-bottom: 0.15rem;}
 .molecule-info .showCon .ispic{padding-bottom: 64%;border-radius: 0;}
 .molecule-info .showCon .info{padding: var(--padding-margin__50);}
 .molecule-info .showCon .mores{position: static;display: block;margin: 0.15rem auto 0;width: 0.5rem;height: 0.5rem;}
}