/* man */
.yh-man { background: #d5ddfd; }
.yh-man .tab-bt { width: 1200px; height: 60px; background: #F7F7F7; border-radius: 4px; margin: 0 auto; margin-bottom: 30px; text-align: center; }
.yh-man .tab-bt li {/* width: 25%; */ text-align: center; display: inline-block; font-size: 20px; color: #333; line-height: 56px; cursor: pointer; padding: 0 20px; margin: 0 10px; }
.yh-man .tab-bt li.act { background: #004bff; box-shadow: 0px 5px 10px -2px rgba(0, 156, 217, 0.3); border-radius: 0px; font-weight: bold; color: #FFFFFF; }
.yh-man .tab-con .tab { display: none; width: 1600px; height: 520px; margin: 0 auto; }
.yh-man .tab-con .tab img {/* width: 100%; */ }
.yh-man .tab-con .tab-show { display: block; }
.yh-man .tab-flimg { float: left; }
.yh-man .tab-flimg img { width: 600px; }
.yh-man .tab-fltxt { float: right; }
.yh-man .tab-fltxt h2 { font-size: 40px; color: #004bff; padding-left: 72px; }
.yh-man .tab-fltxt h3 { font-size: 40px; color: #000; padding-left: 72px; }
.yh-man .tab-fltxt p { font-size: 18px; color: #fff; line-height: 34px; width: 616px; height: 182px; background: #004bff; padding: 70px 46px; margin-top: 52px; text-align: left; display: flex; align-items: center; }
/* people */
.yh-people { background: #d5ddfd; }
.yh-people .tab-bt { width: 1200px; height: 110px; background: #F7F7F7; border-radius: 4px; margin: 0 auto; margin-bottom: 30px; text-align: center; }
.yh-people .tab-bt li { width: 25%; text-align: center; font-size: 22px; color: #333; line-height: 36px; cursor: pointer; float: left; padding: 18px 0; }
.yh-people .tab-bt li.act { background: #004bff; border-radius: 0px; font-weight: bold; color: #FFFFFF; }
.yh-people .tab-con .tab { display: none; width: 1100px; height: 520px; margin: 0 auto; }
.yh-people .tab-con .tab img {/* width: 100%; */ }
.yh-people .tab-con .tab-show { display: block; }
.yh-people .tab-flimg { float: left; }
.yh-people .tab-flimg img { width: 180px; height: 180px; border-radius: 50%; }
.yh-people .tab-fltxt { float: left; width: 800px; }
.yh-people .tab-fltxt h2 { font-size: 20px; color: #000; padding-left: 32px; padding-top: 54px; line-height: 1.6; }
.yh-people .tab-fltxt h3 { font-size: 20px; color: #333; padding-left: 32px; line-height: 1.6; }
.yh-people .tab-fltxt p { font-size: 18px; color: #fff; line-height: 34px; width: 616px; height: 182px; background: #004bff; padding: 70px 46px; margin-top: 52px; text-align: left; display: flex; align-items: center; }
/* advantage */
.yh-advantage { padding: 100px 0; color: #000; background: #e6eaf7; }
.yh-advantage ul { margin: 80px auto; width: 1300px; }
.yh-advantage ul li { display: inline-block; text-align: center; width: 340px; height: 340px; background: #fff; border-radius: 50%; padding: 0; position: relative; }
.yh-advantage ul li::after { display: block; position: absolute; top: -25px; left: -25px; width: calc(100% + 50px); height: calc(100% + 50px); border-radius: 50%; border: 1px solid #fff; content: ''; }
.yh-advantage ul li h4 { font-size: 4rem; line-height: 8rem; text-align: center; color: #144aff; padding-top: 48px; }
.yh-advantage ul li .fr { letter-spacing: 4px; float: none; }
.yh-advantage ul li h3 { font-size: 1.5rem; line-height: 2rem; }
.yh-advantage ul li h6 { font-size: 1.5rem; line-height: 2rem; }
/* man */
.item_tab{background: #ecf0fd;padding-top: 60px;}
.item_ul {width: 84%; min-width: 1200px;margin: 0 auto 0;height: 84px;text-align: center;position: relative;top:3rem;z-index: 1;
background: url(../images/main/line-man.png) no-repeat center bottom;background-size: 100% 4px;}
.woitem_tab .item_ul {background: url(../images/main/line-woman.png) no-repeat center bottom;background-size: 100% 4px;}
.item_ul .block { display: block }
.item_ul .none { display: none }
.item_ul li:first-child { margin: 0; }
.item_ul li {width: 160px;height: 84px;/* float: left; */text-align: center;color: #333;line-height: 84px;cursor: pointer;display: inline-block;}
.woitem_tab .item_ul li {width: 182px;}
.item_ul li h5 { font-size: 24px; font-weight: lighter;}
.item_ul li img { margin: 22px 45px; }
.item_ul li.active {color: #000;background: url(../images/main/man-fl-btn.png) no-repeat center;background-size: 100%;}
.woitem_tab .item_ul li.active {color: #000;background: url(../images/main/woman-fl-btn.png) no-repeat center;background-size: 100%;}
.item_ul li.active .block { display: none; }
.item_ul li.active .none { display: block; }
.item_ul li.active h5 { font-weight: bold; font-size: 24px;}
/**/
.item_con{display: none;}
.item_block { display: block; }
.people_big {height: 48.375rem;height: 52.5rem;margin: 0 auto;width: 84%;min-width: 1200px;max-width: 1600px;height: calc(100vh - 180px);padding-top: 3rem;}
.people {/* width: 1200px; */margin: 0 auto;position: relative;/* overflow: hidden; */height: 43.75rem;}
.people dt {width: 50rem;float: left;text-align: center;}
.people dt img{max-width: 1557px;max-height: calc(100vh - 180px);}
.people dd {width: 37.5rem;position: absolute;right: 0;bottom: -5rem;text-align: left;}
.people dd h2 { font-size: 2.5rem; color: #004bff; padding-left: 4.5rem; letter-spacing: 0.875rem; }
.people dd h3 { font-size: 2.5rem; color: #000; padding-left: 4.5rem; letter-spacing: 0.875rem; }
.woitem_tab .people dd h2{color: #333;}
.woitem_tab .people dd h3{color: #333;font-weight: lighter;}
/* .people dd h5 { font-size: 24px; color: #333333; line-height: 34px; margin-top: 140px; margin-bottom: 20px; position: relative; padding-top: 20px; } */
/* .people dd h5:after { content: ""; position: absolute; top: 0; right: 0; width: 90px; height: 10px; background: #00A5D9; } */
.people dd p {font-size: 1.375rem;color: #fff;line-height: 2.75rem;width: 38.5rem;height: 26rem;background: #004bff;padding: 4.375rem 2.875rem;margin-top: 3.25rem;text-align: left;display: flex;align-items: center;}
.woitem_tab .people dd p{background: #FF8AA4;}
.crowd h5 { text-align: center; font-size: 2rem; font-weight: bold; color: #333333; line-height: 2rem; padding: 3.875rem 0 2rem; }
.crowd h5 img { padding-right: 0.625rem; vertical-align: top }
.crowd dl { width: 1200px; height: 10rem; background: #1AA5DC; border-radius: 0.3125rem; margin: 0 auto; margin-top: 1.25rem; margin-bottom: 4.375rem; }
.crowd dl dt { width: 37.5rem; height: 12.5rem; background: #F2F9FF; box-shadow: 0px 5px 10px 0px rgba(51, 153, 255, 0.2); border-radius: 0.3125rem; float: left; margin-top: -1.25rem; margin-left: 1.25rem; }
.crowd dl dt .top { width: 11.875rem; height: 11.25rem; margin-top: 1.25rem; margin-left: 1.875rem; float: left; }
.crowd dl dt h4 { float: left; width: 22.5rem; font-size: 2.25rem; font-weight: bold; color: #1AA5DC; line-height: 2.25rem; text-align: center; margin-top: 3.75rem; }
.crowd dl dt h4 span { padding: 0 1rem; }
.crowd dl dd { padding-left: 2.5rem; float: left; }
.crowd dl dd h6 { font-size: 1.25rem; font-weight: bold; color: #FFFFFF; line-height: 1.25rem; padding-top: 3.5rem; }
.crowd dl dd p { font-size: 1rem; color: #CCE7FF; line-height: 1rem; padding-top: 0.9375rem;}
.advantage-box {background: url(../images/main/man-bg02.png) no-repeat center center;background-size:1920px;height: 100%;height: 100%;padding-top: 1px;}
.woitem_tab .advantage-box {background: url(../images/main/woman-bg02.png) no-repeat center center;background-size:1920px;height: 100%;padding-top: 1px;}
.advantage{margin:0 auto;}
.advantage h5 { text-align: center; font-size: 2rem; font-weight: bold; color: #FFFFFF; line-height: 2rem; padding: 3.75rem 0 1.875rem; }
.advantage h5 img { width: 2.25rem; vertical-align: top; margin-right: 0.625rem; }
.advantage .adv_s {width: 100%;min-width: 75rem; max-width: 87.5rem; margin:5% auto 0; text-align: center; }
.advantage .adv_s { display: flex; flex-direction: row; justify-content: space-around; align-items: center; }
.advantage .adv_s li {margin: 0 2.375rem;display: inline-block;text-align: center;width: 26.875rem;height: 26.875rem;background: #fff;padding: 0;position: relative;transition: all .25s;-webkit-transition: all .25s;cursor: pointer;background: url(../images/main/man-advantage.png) no-repeat;background-size: 100%;}
.woitem_tab .advantage .adv_s li {margin: 0 2.375rem;display: inline-block;text-align: center;width: 26.875rem;height: 26.875rem;background: #fff;padding: 0;position: relative;transition: all .25s;-webkit-transition: all .25s;cursor: pointer;background: url(../images/main/woman-advantage.png) no-repeat;background-size: 100%;}
.advantage .adv_s li:before { content: ""; position: absolute; top:1rem; left: 0; width: 100%; height: 9.625rem; font-size: 4rem;font-size: 5.25rem; line-height: 10rem; text-align: center; color: #144aff; padding-top: 3rem; }
.woitem_tab .advantage .adv_s li:before {color: #FF8AA4;}
.advantage .adv_s li:first-child:before { content: "01"; }
.advantage .adv_s li:nth-child(2):before { content: "02"; }
.advantage .adv_s li:nth-child(3):before { content: "03"; }
.advantage .adv_s li p {color: #000;font-size: 1.75rem;line-height: 2.8rem;margin-top: 55%;letter-spacing: 0.25rem;}
.advantage .adv_s li:hover { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
/*  */
.woman_title { text-align: center; padding: 50px 0; }
.woman_title .big_t { color: #333333; text-align: center; font-weight: bold; font-size: 24px; margin: 0; line-height: 30px; }
.woman_title .small_t { font-size: 14px; color: #888888; }
.case_show { width: 1368px; margin: 0 auto; margin-bottom: 100px; }
.case_tab .swiper-slide { height: 370px; padding: 0 84px; position: relative; padding-top: 10px }
.case_tab .swiper-slide:after { content: ""; position: absolute; top: 126px; left: 450px; width: 60px; height: 56px; background: url(../images/male/VS.png) no-repeat; background-size: 100%; }
.case_tab .img1 { position: relative; float: left; }
.case_tab .img1:after { content: "BEFORE"; color: #fff; position: absolute; top: 10px; left: -10px; width: 80px; height: 44px; background: #1AA5DC; box-shadow: 0px 2px 4px 0px rgba(51, 153, 255, 0.2); border-radius: 0px 22px 22px 0px; text-align: center; line-height: 44px; font-size: 16px; }
.case_tab .img2 { position: relative; float: left; margin-left: 24px }
.case_tab .img2:after { content: "AFTER"; color: #fff; position: absolute; top: 10px; right: -10px; width: 80px; height: 44px; background: #1AA5DC; box-shadow: 0px 2px 4px 0px rgba(51, 153, 255, 0.2); border-radius: 0px 22px 22px 0px; text-align: center; line-height: 44px; font-size: 16px; }
.people_info { width: 384px; height: 370px; position: absolute; top: 0px; right: 84px; }
.people_info .info_t { position: absolute; top: 0; left: 50%; margin-left: -92px; width: 184px; height: 62px; background: rgba(255,255,255,1); box-shadow: 0px 4px 8px 0px rgba(0,134,230,0.1); border-radius: 0px 0px 10px 10px; text-align: center; font-weight: bold; font-size: 24px; line-height: 60px; z-index: 2; }
.people_info .info_t:after { content: ""; background: url(../images/male/tleft.png) no-repeat; position: absolute; width: 10px; height: 10px; top: 0; left: -10px; background-size: 100%; }
.people_info .info_t:before { content: ""; background: url(../images/male/tright.png) no-repeat; position: absolute; width: 10px; height: 10px; top: 0; right: -10px; background-size: 100%; }
.info_item { position: absolute; top: 10px; width: 384px; height: 360px; background: #1AA5DC; box-shadow: 0px 0px 6px 6px rgba(57,141,210,0.04); z-index: 1; padding: 0 10px; color: #fff; font-size: 18px; padding-top: 100px; }
.info_item li { width: 50%; float: left; text-align: center; margin-bottom: 30px }
.info_item .href { margin: 0 auto; clear: both; text-align: center; }
.info_item .href a { display: inline-block; width: 228px; height: 36px; background: rgba(255,255,255,1); box-shadow: 0px 4px 8px 0px rgba(0,134,230,0.1); border-radius: 18px; color: #2189F2; font-size: 16px; line-height: 36px; text-decoration: none; }
.case_tab .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 60px; height: 60px; margin-top: -30px; z-index: 10; cursor: pointer; background-size: 60px 60px; background-position: center; background-repeat: no-repeat; }
.case_tab .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(../images/left.png); left: 0px; right: auto; }
.case_tab .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(../images/right.png); right: 0px; left: auto; }
.woitem_tab{background: #EFDDE2;}
.crowd {height: 100%;padding-top: 5%;}
.crowd_box {height: 100%;min-height: 25rem; background: url(../images/main/man-people-bg.png) no-repeat center -23px;background-size: 1656px;margin-top: 5%;}
.woitem_tab .crowd_box {height: 100%;background: url(../images/main/woman-people-bg.png) no-repeat center top;background-size: 1656px;padding-top: 30px;}
.crowd_tab {text-align: center;position: relative;width: 1550px;margin: 0 auto;height: 150px;padding-top: 0;border-bottom: 1px solid #E6EDFF;box-sizing: content-box;}
.woitem_tab .crowd_tab{border-bottom: 1px solid #FDD3DB;}
.crowd{padding-top: 5rem;clear: both;}
.crowd_box {min-height: 30rem;padding-bottom: 5rem;}
.crowd_tab:before {content: "";width: 1070px;height: -1px;background: #C3C3C3;opacity: 0.37;position: absolute;bottom: 12px;left: 50%;margin-left: -535px;}
.crowd_tab .tabs {width: 19%;height: 150px;cursor: pointer;display: inline-block;font-size: 18px;color: #333333;line-height: 24px;position: relative;}
.crowd_tab .tabs .boxthi{width: 100%;height: 100%;text-align: center;}
.crowd_tab .tabs:after {position: absolute;content: "";top: 0;right: 0;width: 0px;height: 42px;background: #E0D7DC;}
.crowd_tab .tabs:last-child:after { width: 0 }
.crowd_tab .tabs .ct {position: relative;font-size: 22px;line-height: 36px;width: 100%;text-align: center;}
/* .crowd_tab{background: url(../images/main/man-people-icon1.png) no-repeat left bottom;background-size:1px 360px ;} */
/* .crowd_tab .tabs{background: url(../images/main/man-people-icon1.png) no-repeat right bottom;background-size:1px 360px ;} */
.crowd_tab .tabs.active{background: url(../images/main/man-people-icon1.png) no-repeat center bottom;background-size: 360px 100%; font-weight: bold;}
.woitem_tab .crowd_tab .tabs.active{background: url(../images/main/woman-people-icon1.png) no-repeat center 4px;background-size:360px 100%;}
.crowd_tab .tabs .cimg { padding-bottom: 12px; font-size: 0; display: none; }
.crowd_tab .tabs .cr { display: none; font-size: 14px; color: #333333; background: #E6E6E6; border-radius: 20px; display: inline-block; width: 24px; height: 24px; display: none; }
.crowd_tab .active {color: #000;}
.crowd_tab .line1 { content: ""; position: absolute; bottom: 82px; width: 73px; height: 0px; background: #00A5D9; }
.crowd_tab .line2 { content: ""; position: absolute; bottom: 82px; width: 73px; height: 0px; background: #00A5D9; }
.crowd_tab .line3 { content: ""; position: absolute; bottom: 82px; width: 73px; height: 0px; background: #00A5D9; }
.crowd_tab .line4 { content: ""; position: absolute; bottom: 82px; width: 73px; height: 0px; background: #00A5D9; }
.crowd_tab .line5 { content: ""; position: absolute; bottom: 82px; width: 73px; height: 0px; background: #00A5D9; }
.crowd_tab .line6 { content: ""; position: absolute; bottom: 82px; width: 73px; height: 0px; background: #00A5D9; }
.crowd_tab .line7 { content: ""; position: absolute; bottom: 82px; width: 73px; height: 0px; background: #00A5D9; }
.crowd_tab .active .cr { background: #00A5D9; color: #fff; }
.crowd_content .crowds { display: none; width: 1000px; margin: 0 auto; margin-bottom: 76px; }
.crowd_content .crowds .left {float: right;width: 800px;}
.crowd_content .crowds .left h3 {font-size: 20px;font-weight: bold;color: #333333;padding-top: 50px;letter-spacing: 2px;}
.crowd_content .crowds .left h6 {height: 19px;font-size: 18px;color: #333333;line-height: 28px;margin-top: 17px;letter-spacing: 2px;}
.crowd_content .crowds .right {display: block;width: 170px;float: left;}
.crowd_content .crowds .right img { width: 100%; }
.crowd_content .crowds_active { display: block }
.advantage .woman_title .big_t { color: #fff; }
.advantage .woman_title .small_t { color: #fff; }
/* .woman_content .crowd_content .crowds { width: 970px; }
.woman_content .crowd_content .crowds .left { display: inline-block; width: 820px; }
.woman_content .crowd_content .crowds .right { padding-top: 10px; } */
.crowd_tab .tabs_last:after { height: 0; width: 0; }