.team_main_image { overflow: hidden; min-height: 187px; }
 @media (max-width: 435px) {
.team_main_image { min-height: 226px; }
}
 @media only screen and (min-width: 440px) and (max-width: 768px) {
.team_main_image { min-height: 398px; }
}
 @media only screen and (min-width: 320px) and (max-width: 411px) {
.team_main_image { min-height: 185px; }
}
 @media (device-width: 320px) {
.team_main_image { min-height: 166px; }
}
 @media (device-width: 411px) {
.team_main_image { min-height: 213px; }
}
 @media (device-width: 412px) {
.team_main_image { min-height: 213px; }
}
 @media (device-width: 600px) {
.team_main_image { min-height: 311px; }
}
 @media (device-height: 480px) and (-webkit-min-device-pixel-ratio: 2) {
/* ����iphone4/4s */
.team_main_image { min-height: 166px; }
}
 @media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
/* ����iphone5 */
.team_main_image { min-height: 166px; }
}
 @media (device-height: 667px) and (-webkit-min-device-pixel-ratio: 2) {
/* ����iphone6 */
.team_main_image { min-height: 195px; }
}
 @media (device-height: 736px) and (-webkit-min-device-pixel-ratio: 2) {
/* ����iphone6 Plus */
.team_main_image { min-height: 215px; }
}
.team_main_image ul li { width: 100%; overflow: auto; }
.team_main_visual { overflow: hidden; position: relative; width: 100%; }
.team_textbox { background-color: rgba(59, 190, 122, .85); padding: 10px; }
.mb-inav-about li div { width: 40px; height: 2px; background-color: rgba(170, 170, 170, .5); margin: 2px 10px 0 0; }
.mb-inav-about li div.cur { background-image: url("../fonts/switch.svg"); background-repeat: no-repeat; width: 40px; height: 8px; background-size: 40px 8px; background-color: transparent; margin-top: -3px; }
.item-li { transition: none; }
.item-li:hover { cursor: pointer; }
.mb-describe { background-color: rgba(59, 190, 122, .85); padding: 0; color: #fff; width: 100%; overflow: hidden; }
.kePublic-rightdiv { padding: 0 5%; text-align: center; margin-top: 27% \9; }
 @media only screen and (max-width: 992px) and (min-width: 768px) {
.kePublic-rightdiv { padding: 0; }
}
.tuandui-title { font-size: 18px; margin: 9% 0 5%; }
.kePublic-cont-info { font-size: 14px; color: rgba(255, 255, 255, .8); }
.jiankangguwen-ico { background-repeat: no-repeat; background-image: url("../images/jiankangguwen-ico.png"); background-size: 64px 64px; height: 64px; width: 64px; margin: auto; }
.xietiaozhuanyuan-ico { background-repeat: no-repeat; background-image: url("../images/xietiaozhuanyuan-ico.png"); background-size: 64px 64px; height: 64px; width: 64px; margin: auto; }
.jiatingyisheng-ico { background-repeat: no-repeat; background-image: url("../images/jiatingyisheng-ico.png"); background-size: 64px 64px; height: 64px; width: 64px; margin: auto; }
.tuhuandaifu-ico { background-repeat: no-repeat; background-image: url("../images/tuhuandaifu-ico.png"); background-size: 64px 64px; height: 64px; width: 64px; margin: auto; }
.mb-news { padding: 0 15px; line-height: 1.8; position: absolute; left: 417px; top: 150px; }
.mb-news h4 { word-break: break-all; word-wrap: break-word; }
.mb-news h4 a { font-size: 18px; color: #8c3608; line-height: 1.6; word-break: break-all; word-wrap: break-word; }
.mb-news p { font-size: 14px; color: #444; margin-top: 15px; overflow: hidden; }
.mb-news h4 a:hover { text-decoration: underline; }
.mb-img { width: 100%; position: relative; }
.mb-ibox { width: 100%; overflow: hidden; z-index: 1; }
.mb-ibox a { position: absolute; width: 100%; height: 100%; z-index: 5; left: 0; top: 0; display: block; }
.mb-ibox a:first-child { z-index: 6; }
.mb-ibox a.move { z-index: 7; }
.mb-ibox a.cur { z-index: 8; position: relative; }
.mb-inav-about { z-index: 10 !important; width: 210px; overflow: hidden; margin: 0 auto; margin-top: 4.5%; padding-top: 4px; }
.mb-inav-about li { float: left; }
div.flicking_con { text-align: center; margin: 0 0 0 0; left: 0; width: 100%; height: 149px; }
div.flicking_con .item-text { padding: 0; display: none; color: #fff; }
div.flicking_con .item-text h4 { color: #fff; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.team_main_visual .flicking_con div.on { display: block; }
.kePublic-cont-text { font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; }
.delay_1 { -webkit-animation-delay: 200ms; -o-animation-delay: 200ms; animation-delay: 200ms; }
.delay_2 { -webkit-animation-delay: 400ms; -o-animation-delay: 400ms; animation-delay: 400ms; }
.delay_3 { -webkit-animation-delay: 600ms; -o-animation-delay: 600ms; animation-delay: 600ms; }
.animateUpDown { -webkit-animation-name: animateUpDown; -o-animation-name: animateUpDown; animation-name: animateUpDown; -webkit-animation-duration: 900ms; -o-animation-duration: 900ms; animation-duration: 900ms; }
 @-webkit-keyframes animateUpDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
}
 40% {
 -webkit-transform: translateY(-20%);
 transform: translateY(-20%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0%);
 transform: translateY(0%);
}
}
 @-o-keyframes animateUpDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
}
 40% {
 -webkit-transform: translateY(-20%);
 -o-transform: translateY(-20%);
 transform: translateY(-20%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
}
 @keyframes animateUpDown {  0% {
 opacity: 0;
 -webkit-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
}
 40% {
 -webkit-transform: translateY(-20%);
 -o-transform: translateY(-20%);
 transform: translateY(-20%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
}
.animateUp { -webkit-animation-name: animateUp; -o-animation-name: animateUp; animation-name: animateUp; -webkit-animation-duration: 500ms; -o-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1); -o-animation-timing-function: cubic-bezier(.39, .575, .565, 1); animation-timing-function: cubic-bezier(.39, .575, .565, 1); }
 @-webkit-keyframes animateUp {  from {
 opacity: 0;
 -webkit-transform: translateY(50px);
 transform: translateY(50px);
}
to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
}
 @-o-keyframes animateUp {  from {
 opacity: 0;
 -webkit-transform: translateY(50px);
 -o-transform: translateY(50px);
 transform: translateY(50px);
}
to { opacity: 1; -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
}
 @keyframes animateUp {  from {
 opacity: 0;
 -webkit-transform: translateY(50px);
 -o-transform: translateY(50px);
 transform: translateY(50px);
}
to { opacity: 1; -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
}
.cur .ShowBgUp { -webkit-animation-name: ShowBgUp; -o-animation-name: ShowBgUp; animation-name: ShowBgUp; -webkit-animation-duration: 1400ms; -o-animation-duration: 1400ms; animation-duration: 1400ms; -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1); -o-animation-timing-function: cubic-bezier(.39, .575, .565, 1); animation-timing-function: cubic-bezier(.39, .575, .565, 1); }
 @-webkit-keyframes ShowBgUp {  from {
 opacity: 0;
}
to { opacity: 1; }
}
 @-o-keyframes ShowBgUp {  from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes ShowBgUp {  from {
 opacity: 0;
}
to { opacity: 1; }
}
.move .ShowBgUp { opacity: 1; z-index: 9; }
.cur .ShowBgUp { z-index: 10; }
/*banner css start*/
#banner .banner-item .banner-text > div:first-child { font-size: 48px; }
#banner .banner-item em { font-size: 66px; }
#banner .banner-item .banner-text > div:last-child { font-size: 20px; }
#banner .banner-item:nth-child(1) .banner-img { background-image: url(../images/innovative-banner.jpg); }
#banner .banner-item:nth-child(2) .banner-img { background-image: url(../images/future-start-banner.jpg); }
#banner .banner-item:nth-child(3) .banner-img { background-image: url(../images/about-us-banner.jpg); }
#banner .banner-item:nth-child(4) .banner-img { background-image: url(../images/about-us-banner-2.jpg); }
 @media (-webkit-min-device-pixel-ratio: 2) {
#banner .banner-item:nth-child(1) .banner-img { background-image: url(../images/innovative-start-banner-2x.jpg) !important; }
#banner .banner-item:nth-child(2) .banner-img { background-image: url(../images/future-start-banner-2x.jpg) !important; }
#banner .banner-item:nth-child(3) .banner-img { background-image: url(../images/about-us-banner-2x.jpg) !important; }
#banner .banner-item:nth-child(4) .banner-img { background-image: url(../images/about-us-banner-2x-2.jpg) !important; }
}
 @media (max-width: 767px) {
#banner .banner-item .banner-text > div > div[data-role='entext'] { padding: 0 !important; }
#banner .banner-item .banner-text > div:first-child { font-size: 24px; }
#banner .banner-item em { font-size: 20px; }
#banner .banner-item .banner-text > div:last-child { font-size: 10px; }
#banner .banner-item:nth-child(1) .banner-img { background-image: url(../images/innovative-start-banner-app.jpg) !important; }
#banner .banner-item:nth-child(2) .banner-img { background-image: url(../images/future-start-banner-app.jpg) !important; }
#banner .banner-item:nth-child(3) .banner-img { background-image: url(../images/about-us-banner-app.jpg) !important; }
#banner .banner-item:nth-child(4) .banner-img { background-image: url(../images/about-us-banner-app-2.jpg) !important; }
}
/*banner css end*/
.team-person { position: relative; margin: 0 20px; }
.slideup_info p { color: #333; margin-bottom: 0; }
.slideup_info { color: #666; position: absolute; top: 0; left: 0; z-index: 3; opacity: 0; width: 100%; height: 100%; text-align: center; background-color: #fff; transition: all 0.4s ease-in-out; }
.team-person.hover .slideup_info { opacity: 0.9; }
.team-person > div img { transition: all 0.3s; cursor: pointer; }
.team-person.hover > div img { transform: scale(1.02); -webkit-filter: blur(4px); -moz-filter: blur(4px); -ms-filter: blur(4px); -webkit-filter: blur(4px); filter: blur(4px); }
.leader-line { border-top: 1px solid #3bbe7a; width: 70px; margin: 25px auto; }
.slideup_info_bg { border: 4px solid rgba(59, 190, 122, .7); height: 100%; display: -webkit-flex; display: flex; flex-flow: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.i-item-con-div { transition: all 0.4s ease-in-out; padding: 3% 0; background-color: rgba(255, 255, 255, .98); }
.team-person.hover .i-item-con-div { opacity: 0; }
.slideup_info ul { margin: 0; }
.slideup_info ul li { line-height: 26px; }
 @media only screen and (max-width: 767px) {
.col-small-12 { width: 100%; }
.team-person { position: relative; margin: 10px 0; }
.itme-con { padding: 15px 0; }
.leader-line { margin: 13px auto 10px; }
}
.banner .banner-item .banner-text > div { margin-top: 18% \9; /*����IE6 IE7 IE8*/ }
.slideup_info_bg > div { margin-top: 32% \9; /*����IE6 IE7 IE8*/ }
.banner .banner-item .banner-img.other:before { background-color: transparent !important; }
/*����banner����*/
#banner .banner-item .banner-text > div > div#smallfont { font-size: 25px; font-weight: normal; color: #fff; background-color: rgba(59, 190, 122, .9); display: inline; text-align: center; border-radius: 2px; padding: 5px 10px; }
#banner .banner-item .banner-text > div > div#future-banner-font { margin-left: -5% }
#banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o { text-align: left; font-size: 50px; color: #676767 }
#banner .banner-item .banner-text #other { margin: 0 auto; }
 @media (max-width: 1152px) {
#banner .banner-item .banner-text > div > div#smallfont { font-size: 20px; }
#banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o { font-size: 40px; }
}
 @media (max-width: 1024px) {
#banner .banner-item .banner-text > div > div#smallfont { font-size: 16px; }
#banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o { font-size: 30px; }
}
 @media (max-width: 767px) {
#banner .banner-item .banner-text #other { }
#banner .banner-item .banner-text > div > div#smallfont { font-size: 12px; }
#banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o { font-size: 26px; }
}
 @media (max-width: 640px) {
#banner .banner-item .banner-text > div > div#smallfont { font-size: 12px; }
#banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o { font-size: 24px; }
}
 @media (max-width: 640px) {
#banner .banner-item .banner-text > div > div#smallfont { font-size: 12px; }
#banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o { font-size: 24px; }
}
 @media (max-width: 520px) {
#banner .banner-item .banner-text > div > div#smallfont { font-size: 12px; }
#banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o { font-size: 18px; }
}
 @media (max-width: 410px) {
#banner .banner-item .banner-text > div > div#smallfont { font-size: 12px; }
#banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o { font-size: 16px; }
}
