@charset "utf-8";
/* CSS Document */

body{ font-size:16px;}

/*banner图*/
.banner_bg{ height:600px; background:url(../img/index/banner_bg.jpg) no-repeat center;}
.banner{ width:1200px; height:600px; background:url(../img/index/banner.jpg) no-repeat; margin: 0 auto; position:relative;}

/*内容*/
.index-main h2{ font-size:38px; color:#666; text-align:center; font-weight:normal; line-height:60px; margin-bottom:40px;}
.index-main h2.white{ color:#fff;}
/*关于 知企鸿蒙*/
.intro{ padding:70px 0;}
.introcon{ text-align:center; font-size:16px; line-height:30px;}
/*专业能力优势*/
.advantage{ height:613px; background:url(../img/index/advantage_bg.jpg) no-repeat center;}
.advantage_ban{ width:1200px; height:613px; background:url(../img/index/advantage_banner.jpg) no-repeat; margin:0 auto;}
.advantage_list:after{ content:""; display:block; clear:both;}
.advantage_list li{ width:259px; height:276px; float:left; padding:35px 70px; border-right:1px solid #f3b1a2;}
.advantage_list li:last-child{ border-right:0;}
.adv_icon{ width:141px; height:141px; border:2px solid #fff; border-radius:50%; margin:0 auto 40px; text-align:center;}
.adv_icon:hover{ margin-top:-12px;}
.adv_icon img{ margin-top:46px;}
.adv_info{ color:#fff; text-align:center;}
/*客户案例*/
.case_list{ width:1194px; background:#fff; border-left:1px solid #dedede; border-top:1px solid #dedede; margin:0 auto;}
.case_list li{ width:198px; height:120px; border-bottom:1px solid #dedede; border-right:1px solid #dedede; float:left; overflow:hidden;}
.case_list li img{ cursor:pointer; transition:all 0.6s; width:198px;}
.case_list li img:hover{ transform:scale(1.2);}

/*专家库*/
.team{ overflow:hidden;}
.panels{ height:500px; overflow:hidden; display:flex;}
.panel{ background:#6b0f9c; color:#000; text-align:center; align-items:center;
  transition:
    font-size 0.7s cubic-bezier(0.61,-0.19, 0.7,-0.11),
    flex 0.7s cubic-bezier(0.61,-0.19, 0.7,-0.11),
    background 0.2s;
  font-size:20px; background-size:cover; background-position:center; flex:1; /*justify-content:center; display:flex;*/ flex-direction:column;}
.panel1{ background:url(../img/index/team_bg01.jpg) no-repeat;}
.panel1.open-active{ background:url(../img/index/team_bgopen_2.jpg) no-repeat;}
.panel2{ background:url(../img/index/team_bg02.jpg) no-repeat;}
.panel2.open-active{ background:url(../img/index/team_bgopen_1.jpg) no-repeat;}
.panel3{ background:url(../img/index/team_bg03.jpg) no-repeat;}
.panel3.open-active{ background:url(../img/index/team_bgopen_2.jpg) no-repeat;}
.panel4{ background:url(../img/index/team_bg04.jpg) no-repeat;}
.panel4.open-active{ background:url(../img/index/team_bgopen_1.jpg) no-repeat;}
.panel5{ background:url(../img/index/team_bg05.jpg) no-repeat;}
.panel5.open-active{ background:url(../img/index/team_bgopen_2.jpg) no-repeat;}
.panel6{ background:url(../img/index/team_bg06.jpg) no-repeat;}
.panel6.open-active{ background:url(../img/index/team_bgopen_1.jpg) no-repeat;}
.panel > *{ width:100%; transition:transform 0.5s; flex:1 0 auto; display:flex; /*justify-content:center; align-items:center;*/}
/*.panel > *:first-child{ transform:translateY(-100%);}
.panel.open-active > *:first-child{ transform:translateY(0);}*/
.panel > *:last-child{transform:translateY(100%);}
.panel.open-active > *:last-child{ transform:translateY(0);}
/*.panel p:nth-child(2){ font-size:16px;}*/
.panel.open{ flex:6; font-size:40px;}

.intro_nobot{ padding-bottom:0;}
.team_name{ width:100%; height:140px; position:relative;}
.open-active .team_name{ height:60px;}
.team_name .lineicon{ width:4px; height:140px; background:#fff; margin-left:20px; margin-right:15px;}
.open-active .team_name .lineicon{ /*width:140px; height:4px; margin:20px 0 15px 0;*/ display:none;}
.team_name .expertname{ writing-mode:vertical-rl; font-size:30px; /*opacity:0.3;*/ text-align:right; color:#fff;}
.open-active .team_name .expertname{ writing-mode:horizontal-tb; margin-top:35px; margin-left:20px;}
.team_info{ width:100%; height:370px; text-align:left;}
.team_info .expertinfo{ padding:20px; font-size:16px; color:#fff;}

/*服务实施人员*/
.mr_frbox{ height:356px; position:relative;}
.mr_frBtnL{ width:30px; height:60px; cursor:pointer; display:inline; position:absolute; left:0; top:148px; z-index:2;}
.mr_frBtnR{ width:30px; height:60px; cursor:pointer; position:absolute; right:0; top:148px; z-index:2;}
.mr_frUl{ float:left; height:356px; width:1200px;}
.mr_frUl ul li{ width:285px; background:#f5f5f5; border-radius:5px; display:inline; float:left; overflow:hidden; position:relative; margin-right:20px; text-align:center;}
.mr_frUl ul li .age{ display:block; padding:5px 18px 5px 12px; background:#ff3000; color:#fff; position:absolute; left:0; top:20px; border-top-right-radius:100px; border-bottom-right-radius:100px; font-size:15px;}
.mr_frUl ul li .age > span{ font-size:16px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-right:2px;}
.mr_frUl ul li a{ display:block; padding:35px 0;}
.mr_frUl ul li:hover{ background:linear-gradient(to right, #fc5933, #ff3000);}
.mr_frUl ul li:hover .age{ background:#fff; color:#ff3000;}
.mr_frUl ul li .talents-img{ width:196px; height:196px; border-radius:50%; margin:0 auto 30px; }
.mr_frUl ul li .talents-name{ font-size:24px; line-height:40px; color:#333;}
.mr_frUl ul li .talents-info{ font-size:16px; line-height:20px; color:#999;}
.mr_frUl ul li:hover .talents-name, .mr_frUl ul li:hover .talents-info{ color:#fff;}