/* 
蓝色
#0080C0 / 0,128,192
紫色
#8020A8/ 128,32,168
劳斯莱斯紫
#271430
粉
FF80C0
*/

/* ************************** */
/* ********** 基 本 ********** */
/* ************************** */
body{background-color:#F5F5F5;color:#0080C0;}
a{
  color:#0080C0;
  transition:all .5s;
}
a:hover{color:#8020A8}
/* 基本·外框 */
.wrapper,.container{position:relative;margin:0 auto;width:1188px;height:840px;overflow:hidden;}
.wrapper{margin-top:25px;}
.container{
  /* background:#FFF url(imgs/bg1.png) no-repeat center center / cover; */
  background:#FFF url(imgs/bg-caozi2.jpg) repeat center center;
}
/* ************************** */
/* ********** 基 本 ********** */
/* ************************** */


/* ************************** */
/* ********** 首 页 ********** */
/* ************************** */
/* 首页：LOGO */
.index-logo{
  margin:45px auto 0;display:block;width:320px;height:320px;line-height:150px;overflow:hidden;text-indent:-999em;
  background:url(imgs/logo-xlg.svg) no-repeat center center / contain;
}
/* 首页：标题、标语 */
.index-title,.index-slogan{text-align:center;}
.index-title{
  margin:25px auto;padding:15px 0 12px;line-height:1.25;
  font-size:4em;font-family:'站酷文艺体',Arial,sans-serif;color:#FFF;
  background-image:linear-gradient(90deg,rgba(0,128,192,0),rgba(0,128,192,1),rgba(0,128,192,0));
}
.index-title strong,.index-title em,.index-slogan strong,.index-slogan em{display:block;}
.index-title strong{letter-spacing:.1em;text-indent:.1em;}
.index-title em{
  font-size:.45em;font-family:'微软雅黑',Arial,sans-serif;font-weight:lighter;
  letter-spacing:.05em;text-indent:.05em;
}
.index-slogan{font-size:2em;font-family:'微软雅黑',Arial,sans-serif;}
.index-slogan strong{letter-spacing:.2em;text-indent:.2em;}
.index-slogan em{letter-spacing:.05em;text-indent:.05em;font-size:.625em;font-weight:lighter;}


/* 警告页 */
.alarm-show{
  position:absolute;z-index:0;top:50%;margin-top:-273px;
  display:block;width:558px;height:546px;
  background-image:url(imgs/alarm.png);background-repeat:no-repeat;background-size:auto 100%;
}
.alarm-brain{
  margin-top:-320px;
  float:right;right:0;margin-right:-100px;
  background-position:left center;
}
.alarm-heart{
  float:left;left:0;margin-left:-100px;
  background-position:right center;
}

.alarm{
  position:relative;z-index:1;
  margin-top:95px;
}
.alarm dt,.alarm dd{
  display:block;line-height:1.25;
  text-align:center;font-family:'阿里汉仪智能黑体',Arial,sans-serif;
}  
.alarm dt{
  padding:0 0 25px 115px;
  background-image:url(imgs/alarm02.png);background-repeat:no-repeat;background-size:auto 100px;background-position:42% 25%;
  font-size:4.25em;letter-spacing:.25em;text-indent:.25em;color:#D33;
}
.alarm dt em,.alarm dd em{
  display:block;
  font-size:.45em;font-weight:lighter;font-family:'微软雅黑',Arial,sans-serif;
  letter-spacing:.05em;text-indent:.05em;
}
.alarm dd{margin:15px 0;font-size:3em;letter-spacing:.1em;text-indent:.1em;}
.alarm dd em{}

.pathogeny-list{
  text-align:center;font-size:0;position:relative;z-index:1;margin:100px 0 0;
}
.pathogeny-list li{
  /* background-color:rgba(0,128,192,.5);box-shadow:0 0 3px #fff; */
  background-image:linear-gradient(60deg,rgba(0,128,192,.5),rgba(0,128,192,.8),rgba(0,128,192,.5));box-shadow:0 0 3px #fff;
  display:inline-block;margin:0 8px;max-width:300px;padding:15px;
  border-radius:15px;
  vertical-align:middle;text-align:center;
  letter-spacing:.05em;text-indent:.05em;
  font-size:20px;color:#FFF;font-family:'微软雅黑',Arial,sans-serif;font-weight:bold;
  transition:all .5s;
}
.pathogeny-list li:last-child{
  padding-left:0;padding-right:0;
  background-image:none;background-color:transparent;
  box-shadow:none;
  border:none;
}
.pathogeny-list li em{
  display:block;
  font-size:.625em;font-weight:lighter;font-family:'微软雅黑',Arial,sans-serif;
  letter-spacing:.05em;text-indent:.05em;
}
.pathogeny-list li.active,.pathogeny-list li:hover{
  background-image:linear-gradient(60deg,rgba(128,36,192,.5),rgba(128,36,192,.8),rgba(128,36,192,.5));
}
.pathogeny-list li:last-child:hover{background-image:none;}
/* .pathogeny-list li{width:200px;height:200px;border-radius:50%;} */


/* 目录·标题 */
/* .menu-con .slogan{right:auto;left:15px;} */
.menu-title,.menu-list li a{color:#FFF;}
.menu-title{/*h2:leight:108px;em:height:48px;AllHeight:156px;*/
  background-image:linear-gradient(60deg,rgba(0,128,192,.5),rgba(0,128,192,.8),rgba(0,128,192,.5));
  margin:0;position:absolute;left:0;top:50%;transform:translate(0,-50%);
  display:block;width:320px;padding:30px 30px 30px 0;border-radius:0 180px 180px 0;text-align:center;
  font-size:4em;font-family:'阿里汉仪智能黑体',Arial,sans-serif;
  letter-spacing:.2em;text-indent:.2em;
  box-shadow:0 0 5px #FFF;
}
.menu-title em{display:block;font-size:.5em;letter-spacing:.1em;text-indent:.1em;font-weight:lighter;font-family:'微软雅黑',Arial,sans-serif;}
/* 目录·列表 */
.menu-list{
  margin:0;padding:0;list-style:none;
  position:absolute;top:50%;right:0;transform:translate(0,-50%);
}
/* .menu-list li,.menu-list li a{color:#328;} */
.menu-list li,.menu-list li em{letter-spacing:.05em;text-indent:.05em;}
.menu-list li{padding:3px 0;font-size:1.125em;font-weight:bold;position:relative;}
.menu-list li em{display:block;font-size:.75em;font-weight:normal;white-space:nowrap;}
.menu-list li a{
  position:relative;
  background-image:linear-gradient(60deg,rgba(0,128,192,.65),rgba(0,128,192,.85),rgba(0,128,192,0));
  display:block;padding:12px 72px 10px 36px;overflow:hidden;
  border-radius:36px 0 0 36px;
  transition:all .5s;
}
.menu-list li a::before{
  content:"";display:block;width:24px;height:76px;background-color:rgba(255,255,255,.25);
  position:absolute;top:50%;left:-5%;margin-top:-38px;
  transform:rotate(15deg);
  transition:all .5s;
}
.menu-list .active a,.menu-list li a:hover{
  background-image:linear-gradient(60deg,rgba(128,36,192,.65),rgba(128,36,192,.85),rgba(128,36,192,0));
}
.menu-list li a:hover::before{left:103%;}
/* 目录·列表·次弟 */
.menu-list li:nth-child(1),.menu-list li:nth-child(5){margin-left:-120px;animation-delay:.5s;}
.menu-list li:nth-child(2),.menu-list li:nth-child(4){margin-left:-72px;animation-delay:.4s;}
.menu-list li:nth-child(3){margin-left:-32px;animation-delay:.3s;}

/* 〇 */
.numbg{
  position:absolute;top:0;right:-.35em;
  font-family:'Muyao-Softbrush Regular',Arial,sans-serif;
  line-height:840px;font-size:50em;color:rgba(64,64,64,.1);
}

.con-title{
  margin-top:195px;padding-top:160px;
  position:relative;z-index:1;
  line-height:1.25;text-align:center;font-size:5em;color:#8020A8;
  font-family:'阿里汉仪智能黑体',Arial,sans-serif;
}
.con-title em{
  display:block;font-size:.375em;font-weight:lighter;
  font-family:'微软雅黑',Arial,sans-serif;
  letter-spacing:.05em;text-indent:.05em;
}

.title-show,.title-show img{
  height:600px;
}
.title-show{
  position:absolute;z-index:0;left:-200px;bottom:-200px;
  width:600px;overflow:hidden;text-align:center;border-radius:50%;
  transform:rotate(-30deg);
  background-image:linear-gradient(60deg,rgba(0,128,192,0),rgba(0,128,192,.25),rgba(0,128,192,0));box-shadow:0 0 3px #fff;
  transition:all .5s;
}

.top-title,.top-title em{letter-spacing:.1em;text-indent:.1em;}
.top-title{
  width:1150px;padding:8px 0 8px 38px;line-height:1.25;
  background-image:linear-gradient(60deg,rgba(0,128,192,.75),rgba(0,128,192,0));
  font-size:1.2em;font-weight:bold;color:#FFF;
  letter-spacing:.1em;text-indent:.1em;
}
.top-title em{
  display:block;font-size:.625em;font-weight:lighter;font-family:'微软雅黑',Arial,sans-serif;
  letter-spacing:.05em;text-indent:.05em;
}
.top-title::before{
  position:absolute;top:13px;left:18px;
  content:"";display:block;width:8px;height:24px;
  background-color:#FFF;
  border-radius:4px;
}


/* 壹 */
.con-01 .con-title{
  background-image:url(imgs/alarm03.png);background-repeat:no-repeat;background-size:auto 172px;background-position:center top;
}
.con-01 .title-show{transform:rotate(0deg);}

/* 贰 */
.con-02 .con-title{
  background-image:url(imgs/premiumCoreIngredients01.png);background-repeat:no-repeat;background-size:auto 148px;background-position:center top;
}
.con-02 .title-show{transform:rotate(0deg);}

/* 叁 */
.con-03 .con-title{
  background-image:url(imgs/coreAdvantages01.png);background-repeat:no-repeat;background-size:auto 148px;background-position:center top;
}
.con-03 .title-show{transform:rotate(25deg);overflow:visible;}

/* 肆 */
.con-04 .con-title{
  background-image:url(imgs/heart06.png);background-repeat:no-repeat;background-size:auto 160px;background-position:center top;
}
.con-04 .title-show{transform:rotate(0deg);}

/* 谢 */
.con-09 .con-title{
  background-image:url(imgs/thank.png);background-repeat:no-repeat;background-size:auto 160px;background-position:center top;
}
.con-09 .title-show{transform:rotate(0deg);overflow:visible;}

.con-03 .title-show:hover{transform:rotate(15deg);}
.con-09 .title-show:hover{transform:rotate(-30deg);}


/* 壹·血管危机·文字内容 */
.desc-title,.desc-conf{text-align:center;padding-left:25px;padding-right:25px;}
.desc-title{margin:35px auto 0;font-size:3em;color:#8020A8;font-family:'阿里汉仪智能黑体',Arial,sans-serif;}
.desc-title em,.desc-conf em,.alarm-slogn em{display:block;font-size:.5em;font-weight:lighter;font-family:'微软雅黑',Arial,sans-serif;}
.desc-conf{margin:15px auto 0;font-size:2em;}
.alarm-slogn{margin:95px auto 0;text-align:center;font-size:1.25em;color:#C00;font-weight:bold;}
.alarm-slogn em{font-size:.625em;}
.desc-conf-sample{font-size:1.65em;}
/* .desc-conf-sample em{font-size:.725em;} */

/* 壹·血管危机·四项诱因 */
.inducement-list{margin-top:75px;text-align:center;font-size:0;}
.inducement-list li{display:inline-block;margin:0 15px;vertical-align:top;text-align:center;font-size:16px;}
.inducement-list li,.inducement-list li figure,.inducement-list li img,.inducement-list li figcaption,.inducement-list li::before{width:230px;}
.inducement-list li,.inducement-list li figure{position:relative;}
.inducement-list li figure,.inducement-list li img,.inducement-list li::before{height:202px;}
.inducement-list li figure{z-index:1;}
.inducement-list li img{transform:rotate(-5deg);}
.inducement-list li figcaption{margin-top:15px;display:block;text-align:center;font-weight:bold;transition:all .5s;}
.inducement-list li em{display:block;font-size:.75em;font-weight:lighter;font-family:'微软雅黑',Arial,sans-serif;}
.inducement-list li::before,.inducement-list li::after{
  content:"";display:block;overflow:hidden;
  position:absolute;top:50%;left:50%;margin-left:-115px;
  transition:all .5s;
}
.inducement-list li::before{
  margin-top:-101px;
  background:url(imgs/xgwj-BG.png) no-repeat center center;
  transform:rotate(5deg);
}
.inducement-list li::after{
  margin-left:-108px;width:200px;height:0;
  border-style:solid;border-width:8px;border-color:transparent #CDC;
  /* background:url(imgs/xgwj-BG2.png) no-repeat center center; */
  transform:rotate(-5deg);
}
.inducement-list li:hover{}
.inducement-list li:hover::before{transform:rotate(-20deg);}
.inducement-list li:hover::after{width:190px;margin-left:-103px;border-color:transparent #FFF;}

/* 壹·血管危机·中医智慧+现代科技4项 */
.have-list{margin:25px auto 0;width:900px;}
.have-list li{
  position:relative;
  float:left;width:450px;min-height:180px;overflow:hidden;
}
.have-list dl{
  position:relative;margin:5px;width:390px;height:auto;padding:15px 25px;overflow:hidden;
  border-radius:8px;
  transition:all .5s;
}
.have-list dt,.have-list dd{position:relative;z-index:1;}
.have-list dt{margin-bottom:10px;font-size:1.25em;font-weight:bold;}
.have-list em{display:block;line-height:18px;font-size:.625em;font-weight:lighter;font-family:'微软雅黑',Arial,sans-serif;}
.have-list dl::before{
  content:"";display:block;width:120px;height:120px;
  position:absolute;z-index:0;
  border:solid 12px rgba(255,255,255,.35);
  transform:rotate(45deg);transition:all .5s;
}

.have-list li.active dl,.have-list li dl:hover{color:#FFF;}
.have-list li:nth-child(odd){text-align:right;}
.have-list li:nth-child(1) dl,.have-list li:nth-child(2) dl{position:absolute;bottom:0;}
.have-list li:nth-child(odd) dl{background-image:linear-gradient(-90deg,rgba(192,192,192,.5),rgba(192,192,192,0));}
.have-list li:nth-child(even) dl{background-image:linear-gradient(90deg,rgba(192,192,192,.5),rgba(192,192,192,0));}
.have-list li:nth-child(odd) dl:hover{background-image:linear-gradient(-90deg,rgba(0,128,192,.85),rgba(0,128,192,.5));}
.have-list li:nth-child(even) dl:hover{background-image:linear-gradient(90deg,rgba(0,128,192,.85),rgba(0,128,192,.5));}
.have-list dl:hover::before{transform:rotate(60deg);}
.have-list li:nth-child(odd) dl::before{right:-85px;}
.have-list li:nth-child(even) dl::before{left:-85px;}
.have-list li:nth-child(1) dl::before,.have-list li:nth-child(2) dl::before{bottom:-85px;}
.have-list li:nth-child(3) dl::before,.have-list li:nth-child(4) dl::before{top:-85px;}

/* 黄金配料：组合3 */
.ingredient-list{width:930px;margin:25px auto 0;}
.ingredient-list section{
  position:relative;
  margin:0 5px;float:left;width:250px;height:350px;padding:25px;overflow:hidden;
  /* background-color:rgba(0,128,192,.25); */
}
.ingredient-list h4,.ingredient-list p{
  position:relative;z-index:3;
  transition:all .5s;
}
.ingredient-list h4{
  margin-bottom:10px;
  font-size:1.25em;font-weight:bold;color:#8020A8;
  letter-spacing:.1em;text-indent:.1em;
}
.ingredient-list em{
  display:block;line-height:18px;font-size:.75em;font-weight:lighter;
  font-family:'微软雅黑',Arial,sans-serif;
}
.ingredient-list h4 em{letter-spacing:.05em;}
.ingredient-list p{margin:5px 0;letter-spacing:.025em;}
.ingredient-list .provenance,.ingredient-list .for-role{
  position:absolute;
  transition:all .5s;
}
.ingredient-list .provenance{
  z-index:3;bottom:15px;right:25px;
  width:240px;
  margin-top:15px;text-align:right;color:#8020A8;
}
.ingredient-list .for-role{
  z-index:2;bottom:-135px;left:-35px;
  font-size:14em;color:rgba(0,128,192,.2);
  font-family:'Muyao-Softbrush Regular',Arial,sans-serif;
}
.ingredient-list section::before,.ingredient-list .ing-show{
  position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;
}
.ingredient-list section::before{
  content:"";display:block;
  background-image:linear-gradient(-135deg,rgba(255,255,255,1),rgba(255,255,255,.85),rgba(255,255,255,.65));
  transition:all .5s;
}
.ingredient-list .ing-show{text-align:center;z-index:0;}
.ingredient-list .ing-show img{
  position:absolute;top:0;left:0;right:0;bottom:0;
  width:100%;margin:auto;
}
.ingredient-list section.active,.ingredient-list section:hover,.ingredient-list section.active h4,.ingredient-list section:hover h4,
.ingredient-list section.active .provenance,.ingredient-list section:hover .provenance{color:#FFF;}
.ingredient-list section.active .for-role,.ingredient-list section:hover .for-role{
  left:-30px;bottom:-130px;
  font-size:15em;color:rgba(255,255,255,.35);
}
.ingredient-list section.active::before,.ingredient-list section:hover::before{
  background-image:linear-gradient(-135deg,rgba(0,128,192,.75),rgba(0,128,192,.85),rgba(0,128,192,.5));
}
.ingredient-list section:nth-child(1){margin-top:35px;}
.ingredient-list section:nth-child(2){}
.ingredient-list section:nth-child(3){margin-top:50px;}

/* 黄金配料：组合4 */
.empowering-list{position:relative;width:1080px;margin:35px auto 0;}
.empowering-list section{
  position:relative;
  float:left;width:400px;height:200px;padding:15px 25px;overflow:hidden;margin-top:5px;margin-bottom:5px;
  /* background-image:linear-gradient(-135deg,rgba(255,255,255,1),rgba(255,255,255,.85),rgba(255,255,255,.65)); */
}
.empowering-list section:nth-child(2){margin-left:180px;}
.empowering-list section:nth-child(3){margin-left:80px;margin-right:20px;}
.empowering-list section::before{
  position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;
  content:"";display:block;
  background-image:linear-gradient(90deg,rgba(255,255,255,.85),rgba(255,255,255,.5),rgba(255,255,255,.2));
  transition:all .5s;
}

.empowering-list h4,.empowering-list p{
  position:relative;z-index:3;
  transition:all .5s;
}
.empowering-list h4{
  margin-bottom:10px;
  font-size:1.25em;font-weight:bold;
  letter-spacing:.1em;text-indent:.1em;
}
.empowering-list em{
  display:block;line-height:18px;font-size:.75em;font-weight:lighter;
  font-family:'微软雅黑',Arial,sans-serif;
}
.empowering-list h4 em{letter-spacing:.05em;}
.empowering-list p{margin:5px 0;letter-spacing:.025em;}
.empowering-list .provenance{text-align:right;width:400px;position:absolute;z-index:3;bottom:15px;right:25px;}
.empowering-list .for-role,.empowering-list .em-show{position:absolute;}
.empowering-list .for-role{
  z-index:2;top:-50px;right:-35px;
  font-size:8em;color:rgba(0,128,192,.2);
  font-family:'Muyao-Softbrush Regular',Arial,sans-serif;
  transition:all .5s;
}
.empowering-list .em-show,.empowering-list .em-show img{height:auto;transition:all .5s;}
.empowering-list .em-show{width:160px;z-index:0;left:-25px;bottom:-30px;}
.empowering-list .em-show img{width:100%;}

.empowering-list::before{
  content:"";display:block;
  position:absolute;z-index:1;top:10px;left:50%;margin-left:-100px;
  width:200px;height:240px;
  background:url(imgs/hehua01.png) no-repeat center center;background-size:cover;
}

.empowering-list section.active,.empowering-list section:hover{color:#FFF;}
.empowering-list section.active .em-show,.empowering-list section:hover .em-show{width:175px;}
.empowering-list section.active .for-role,.empowering-list section:hover .for-role{font-size:9em;color:rgba(255,255,255,.35);}
.empowering-list section.active::before,.empowering-list section:hover::before{
  background-image:linear-gradient(90deg,rgba(0,128,192,.95),rgba(0,128,192,.75),rgba(0,128,192,.5));
}


/* 核心优势·为什么选择心清宝 */
.why-con{margin-top:35px;height:auto;overflow:hidden;}
.whyit{position:relative;z-index:3;}
.why01{margin-right:75px;float:right;}
.why02{margin-left:75px;float:left;}
.whyit section{
  position:absolute;
  width:240px;height:240px;padding:25px;overflow:hidden;
  background-color:rgba(0,128,192,.2);
  transition:all .5s;
}
.whyit section::before{
  content:"";display:block;width:80px;height:80px;
  position:absolute;z-index:1;bottom:-80px;
  border:solid 40px rgba(0,128,192,.15);
  border-radius:50%;
  transition:all .5s;
}
.whyit .why-show{
  width:360px;height:450px;overflow:hidden;
}
.whyit .why-show img{width:100%;height:auto;}
.whyit h4,.whyit p{position:relative;z-index:3;}
.whyit h4{
  margin-bottom:10px;
  font-size:1.25em;font-weight:bold;
  letter-spacing:.1em;text-indent:.1em;
}
.whyit p{margin:5px 0;}
.whyit em{
  display:block;line-height:18px;font-size:.75em;font-weight:lighter;
  font-family:'微软雅黑',Arial,sans-serif;
  letter-spacing:.05em;
}

.why01 section{
  left:auto;right:150px;top:25px;
  background-image:linear-gradient(225deg,rgba(255,255,255,1),rgba(255,255,255,.75));
  text-align:right;
}
.why02 section{
  right:auto;left:150px;bottom:25px;
  background-image:linear-gradient(-45deg,rgba(255,255,255,.75),rgba(255,255,255,1));
  text-align:left;
}
.why01 section::before{left:-80px;}
.why02 section::before{right:-80px;}
.why-con-02 .why01 section{top:auto;bottom:25px;}
.why-con-02 .why02 section{bottom:auto;top:25px;}
.whyit section:hover::before{
  width:120px;height:120px;
  bottom:-120px;
  border:solid 60px rgba(255,255,255,.15);
}
.why01 section:hover::before{left:-120px;}
.why02 section:hover::before{right:-120px;}
.whyit section.active,.whyit section:hover{color:#FFF;}
.why01 section.active,.why01 section:hover{
  background-image:linear-gradient(225deg,rgba(0,128,192,1),rgba(0,128,192,.75));
}
.why02 section.active,.why02 section:hover{
  background-image:linear-gradient(-45deg,rgba(0,128,192,.75),rgba(0,128,192,1));
}
.crane{
  position:absolute;z-index:0;bottom:0;left:50%;margin-left:-100px;
  width:240px;height:304px;text-align:center;
}
.crane img{max-width:100%;max-height:100%;width:auto;height:auto;}
.crane02{margin-left:-135px;}


.away-disease{margin:35px 75px 0;padding-right:360px;position:relative;}
.away-disease p{margin:5px 0;text-indent:2em;}
.away-disease .en{text-indent:0;}
.away-disease em{font-size:.75em;}
.doctor{
  position:absolute;bottom:0;right:-15px;
  width:320px;height:320px;
}
.doctor img{max-width:100%;max-height:100%;width:auto;height:auto;}

.zs{margin:25px auto 0;text-align:center;}
.zs img{width:auto;max-height:500px;}

.zs-hehua,.zs-picc{position:absolute;z-index:0;}
.zs-hehua{
  bottom:0;left:80px;
  height:500px;width:auto;
}
.zs-picc{
  top:50%;right:150px;
  width:200px;height:auto;
  transform:rotate(-30deg);
}


.right-now{
  margin:35px auto 0;
  text-align:center;line-height:1;font-size:4em;
  font-family: 'Muyao-Softbrush Regular', 'Arial Narrow', Arial, sans-serif;
}
.right-now p{
  margin:5px 0;
  letter-spacing:-.1em;text-indent:-.1em;
}
.right-now .en{
  font-size:.5em;font-weight:lighter;
  letter-spacing:0;text-indent:0;
}

.baohu-show{margin:-25px auto 0;width:300px;height:auto;}





/* ************************** */
/* ********** 角 标 ********** */
/* ************************** */
/* 角标:普遍 */
.sign-icon{text-align:center;font-size:0;}
.sign-tr,.sign-lr,.sign-icon a{overflow:hidden;}
/* 角标：位置（右上角,右下角） */
.sign-tr,.sign-lr,.sign-tr li,.sign-lr li{height:132px;}
.sign-tr,.sign-lr{position:absolute;z-index:1;width:428px;}
.sign-tr li,.sign-lr li{float:left;}
.sign-tr{top:10px;right:15px;}
.sign-lr{bottom:10px;right:15px;}
/* 角标：列表样式 */
.sign-icon li{display:inline-block;font-size:16px;}
.sign-icon a,.sign-icon strong,.sign-icon em{display:block;}
.sign-icon a{
  position:relative;z-index:0;
  width:214px;padding-top:75px;
  background-repeat:no-repeat;
  letter-spacing:.05em;text-indent:.05em;
}
.sign-icon strong,.sign-em{white-space:nowrap;}
.sign-icon strong{height:27px;font-size:1.125em;font-weight:bold;}
.sign-icon em{
  line-height:15px;font-size:.625em;font-weight:lighter;
  letter-spacing:.05em;text-indent:.05em;
}
/* 角标：图标 */
.sign-icon .si-brics a{background-image:url(imgs/BRICS.svg);background-position:50% 22.5%;background-size:auto 54px;}
.sign-icon .si-picc a{background-image:url(imgs/picc.svg);background-position:50% 22.5%;background-size:auto 48px;}
.sign-icon .si-pbc a{background-image:url(imgs/health.png);background-position:50% 5%;background-size:auto 75px;}
.sign-icon .si-slo a{background-image:url(imgs/hart02.png);background-position:50% 15%;background-size:auto 60px;}
.sign-icon .si-pzh a{background-image:url(imgs/pienTzeHuang.svg);background-position:50% 20%;background-size:auto 54px;}
/* 角标：选中效果 */
.sign-icon a:hover{}
/* 角标：附加样式 */
.sign-icon a::before{
  content:"";display:block;height:0;width:180px;
  position:absolute;top:25%;left:50%;margin-left:-97px;
  border-style:solid;border-width:7px;border-color:transparent;
  transition:all .5s;
}
/* 角标：附加样式&选中效果 */
.sign-icon a:hover::before{
  width:160px;margin-left:-87px;border-color:transparent #FFF;
}
/* 角标：公司名称 */
.company-sign,.company-sign strong,.company-sign em{display:block;}
.company-sign{
  position:absolute;bottom:25px;left:15px;
  width:278px;
  text-align:center;font-weight:bold;
  text-indent:.12em;letter-spacing:.12em;
}
.company-sign strong,.company-sign em{width:auto;white-space:nowrap;}
.company-sign em{
  font-size:.625em;font-weight:lighter;
  letter-spacing:0;text-indent:0;
}

.slide.sign-tr,.slide.sign-lr,.slide .sign-icon a{width:214px;}
.sign-tr li{float:left;}
/* ************************** */
/* ********** 角 标 ********** */
/* ************************** */