/* learning news */
.history_content { width: 1206px; margin: 0 auto; }
.history_content .tempWrap { width: 100%; margin-bottom: 70px; background: url(../images/xueshu/bg.jpg) no-repeat; padding: 20px; }
.history_cont { margin: 0; width: 100%; float: left; position: relative; }
.history_cont dt { float: left; width: 690px; }
.history_cont dd { float: left; width: 478px; height: 450px; background: #fff; }
.history_cont h3 { padding-left: 40px; font-size: 24px; color: #333333; line-height: 40px; padding-top: 80px; }
.history_cont h4 { width: 64px; margin: 26px 0 20px 40px; height: 8px; background: #004BFF; }
.history_cont p { padding-left: 40px; width: 468px; margin: 0; font-size: 16px; color: #747478; line-height: 32px; }
.history_cont ul li { float: left; margin: 0 15px; }
.history_cont ul li:nth-of-type(5) { margin-left: 82px }
.history_title ul { margin: 0 auto; width: 100%; height: 90px; }
.history_title ul li { float: left; width: 7.69%; height: 90px; text-align: center; }
.history_title ul li a { display: inline-block; color: #656565; text-decoration: none; font-size: 16px; padding: 4px 24px; border-radius: 10px; position: relative; line-height: 16px }
.history_title .on a { background: #004BFF; color: #fff; }
.history_title .on a:after { content: ""; position: absolute; top: -8px; left: 50%; margin-left: -3px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #004BFF; }
.hair-lt { height: auto; }
.hair-lt.zhongshan { padding-bottom: 0; }
/* .hair-lt { padding-bottom: 100px; } */
.hair-lt .yh-title h5 { letter-spacing: 4px; }
.hair-lt.public{padding-top: 40px;padding-bottom: 0;}
.lt { width: 1600px; margin: 0 auto; padding-bottom: 50px; }
.lt1 { margin-bottom: 0px; }
.lt-box { max-width: 1600px;width: 84%; margin: 7rem auto 0; }
.lt1 .text { width: 523px; height: 377px;width:100%; height: auto; background: #144AFF; float: left; margin-right: 15px; color: #fff; font-size: 20px; padding: 0 50px; padding-top: 0px; box-sizing: border-box; }
.lt1 .text > div { transform: translate(0, -50%); position: relative; top: 50%; }
.lt1 .text h5 {font-size: 1.6875rem;line-height: 2.875rem;font-weight: bold;margin-bottom: 0.875rem;color: #fff;}
.lt1 .text h6 {font-size: 1.125rem;line-height: 36px;color: #fff;}
.lt1 img, .lt-swiper img { width: 523px; height: 377px; display: block;float: left;width:100%; height: auto;  }
.lt1 img:last-child { margin-right: 0; }
.lt-box .swiper-button-next, .lt-box .swiper-button-prev { position: absolute; top: 50%; width: 100px; height: 100px; margin-top: -50px; z-index: 10; cursor: pointer; }
.lt-box .swiper-button-next { background-image: url(../images/index/btn-xs-right.png); right: 30px; left: auto; background-size: 100%; }
.lt-box .swiper-button-prev { background-image: url(../images/index/btn-xs-left.png); left: 30px; right: auto; background-size: 100%; }
/* about us */
.yh-info {background: #ecf0fd;padding: 1px 0;}
.yh-info .info-nr { width: 100%; max-width: 1557px; height:75vh; position: relative; background: #ECF0FD; margin: 0px auto 0; }
.yh-info .info-nr div { position: absolute; right: -30px; bottom: 0; width: 694px; height: 50vh; background: #004BFF; box-sizing: border-box; padding: 0 77px;min-height: 400px;}
.yh-info .info-nr img{max-width: 1557px; max-height: 70vh;position:absolute;left: 0;top: 0;}
.yh-info .info-nr p { font-size: 1.375rem; color: #FFFFFF; line-height: 2.375rem; letter-spacing: 3px; }
/* events dsj */
.dsj-box .dsj_swiper { height: 600px; }
.dsj-box .swiper-slide { width: 523px!important; height: 377px; }
.dsj-box .box { width: 523px; height: 377px; margin-right: 15px; float: left; }
.dsj-box .box:last-child { margin-right: 0; }
.dsj-box .box img { width: 523px; height: 377px; }
.dsj-box .box .contents { position: absolute; bottom: 0; left: 0; width: 100%; background: #144AFF; display: none; }
.dsj-box .box p { color: #fff; font-size: 1.125rem; line-height: 36px; }
.dsj-box .box .dsj-time { display: none; }
.dsj-box .swiper-slide:hover .contents { display: block; }
/* dsj */
.yh-dsj-box{width: 100%;margin: 0 auto;padding-top:1%;background: #ecf0fd;position: relative;}
.yh-dsj{width: 1600px;margin: 0 auto;overflow: hidden; position: relative;}
.w-imgText {width: 33.9375rem;margin: 3.125rem auto;}
.w-imgText img { width: 32.6875rem; height: 23.5625rem; margin-right: 1.25rem; }
.igt_page_text { margin-top: 1.5625rem; width: 1600px; margin: 0 auto; }
.igt_page_text ul, .igt_page_text li { list-style: none; padding: 0; margin: 0; }
.igt_page_text li { float: left; text-align: center; overflow: hidden; opacity: 1; cursor: pointer; }
.igt_page_text li:hover, .igt_page_text li.on { opacity: 1; }
.igt_page_text li .item_span { display: inline-block; *display:inline;
*zoom:1;
padding: 80px 1em 0 0; position: relative; }
.igt_page_text li .item_span:before, .igt_page_text li .item_span:after { content: ''; position: absolute; height: 5px; width: 600px; top: 71%; background: #fff; }
.igt_page_text li .item_span:before { right: 62%; }
.igt_page_text li .item_span:after { left: 62%; }
.igt_page_text li .item_span > div { display: inline-block; *display:inline;
*zoom:1;
vertical-align: middle; }
.igt_page_text li .item_span .num { width: 1em; color: #f4f6f9; visibility: hidden; font-size: 100px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; }
.igt_page_text li .item_span .tit { margin-left: 0.5em; font-size: 30px; position: relative; top: -60px; }
.igt_page_text li:hover .item_span .num, .igt_page_text li.on .item_span .num { visibility: visible; }
.igt_page_text li .item_span .adore { display: block; width: 24px; height: 24px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top: 50%; margin-top: -0.5em; left: 50%; border: 4px solid #FFF; transform: translate(-50%, 20px); }
.igt_page_text li.on .item_span .adore, .igt_page_text li:hover .item_span .adore { background: #144AFF; }
.igt_page_text li.on .item_span .tit, .igt_page_text li:hover .item_span .tit { color: #144aff;}
.igt_page_text li .item_span .tit {transition: all .25s linear;-webkit-transition: all .25s linear;}
.igt_page_text li.on .item_span .tit, .igt_page_text li:hover .item_span .tit{ transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }

.w-imgText .igt_page, .igt_page_text .num { display: none!important; }
.yh-dsj .box .dsj-time { display: none; }
.yh-dsj .box .contents { position: absolute; bottom: 4px; left: 0; width: 523px; background: #144AFF; display: none; padding: 30px; box-sizing: border-box; }
.yh-dsj .box p { color: #fff; font-size: 1.125rem; line-height: 36px; }
.yh-dsj .swiper-slide:hover .contents,.yh-dsj .swiper-slide.swiper-slide-active .contents { display: block; }
.yh-dsj .swiper-button-next, .yh-dsj .swiper-button-prev { position: absolute; top: 50%; width: 100px; height: 100px; margin-top: -50px; z-index: 10; cursor: pointer; }
.yh-dsj .swiper-button-next { background-image: url(../images/common/right.png); right: 30px; left: auto; background-size: 100%; }
.yh-dsj .swiper-button-prev { background-image: url(../images/common/left.png); left: 30px; right: auto; background-size: 100%; }
/*  */
/* .dsjSwiper2 { height: 80%; width: 100%; }
.dsjSwiper2 .contents { position: absolute; bottom: 4px; left: 0; width:100%; background: #144AFF; display: none; padding: 30px; box-sizing: border-box;color: #fff; }
.dsjSwiper2 .contents p{color: #fff;}
.dsjSwiper2 img{max-width: 100%;}
.dsjSwiper { height: 20%; box-sizing: border-box; padding: 10px 0;}
.dsjSwiper .box .dsj-time {display: block;font-size: 30px;width: 100%;text-align: center;}
.dsjSwiper .swiper-slide { width: 11.11%; height: 100%; opacity: 0.4; }
.dsjSwiper .swiper-slide-thumb-active { opacity: 1;}
.dsjSwiper .box .dsj-time:hover{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);color: #144aff; }
.dsjSwiper .swiper-slide-thumb-active .box .dsj-time{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);color: #144aff; } 
 */
/* .swiper { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; 
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
body { background: #000; color: #000; }
.swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
.swiper-slide { background-size: cover; background-position: center; }
.dsjSwiper2 { height: 80%; width: 100%; }
.dsjSwiper { height: 20%; box-sizing: border-box; padding: 10px 0; }
.dsjSwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
.dsjSwiper .swiper-slide-thumb-active { opacity: 1; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
 */


/*  */
.yh_xl{background: #ecf0fd url(../images/index/bg1@2x.jpg) no-repeat center bottom;background-size: 100%;height: 100%;padding-top: 5%;}
.yhxls dl {width: 69rem;max-height: 32.5rem;margin: 3% auto 0;}
.yhxls dl dd { float: left; }
.yhxls dl dt {float: right;padding-right: 2%;}
.yhxls dl dt img { width: 48.625rem; height: 20rem; background: #004BFF; border-radius: 20px; }
.yhxls dl dd li { margin-top: 1.875rem; }
.yhxls dl dd li:last-child { border: 0; }
.yhxls dl dd h5 { height: 1.875rem; font-size: 1.125rem; color: #666; line-height: 1.875rem; margin-bottom: 4px; }
.yhxls dl dd h6 { height: 1.9375rem; font-size: 1.125rem; color: #000; line-height: 1.875rem; margin-bottom: 30px; font-weight: bold; }
.yhxls {width: 84%;margin: 0 auto;text-align: center;background: url(../images/index/bg3@2x.png) no-repeat center top;background-size: 100%;}
.yhxls dl dd li { padding-left: 60px; text-align: left; height: 70px; }
.yhxls dl dd li:first-child { background: url(../images/five1.svg) no-repeat left center; }
.yhxls dl dd li:nth-of-type(2) { background: url(../images/five2.svg) no-repeat left center; }
.yhxls dl dd li:nth-of-type(3) { background: url(../images/five3.svg) no-repeat left center; }
.yhxls dl dd li:nth-of-type(4) { background: url(../images/five4.svg) no-repeat left center; }
.yhxls dl dd li:last-child { background: url(../images/five5.svg) no-repeat left center; }
.yhxls-box {width: 84%;min-width: 1200px;max-width: 1600px;height:37.5rem;padding-top: 1%;margin:1% auto 0;}
.yhxls-box .yhxls-bt h2 {font-size: 1.625rem;color: #004BFF;line-height: 2.2;margin-top: 3%;}
.yhxls-box .yhxls-bt h3 { font-size: 1.125rem; color: #666666; line-height: 2; }
/* news */
.medias{background: #ecf0fd url(../images/index/bg2@2x.jpg) no-repeat center top;background-size: 100%;padding-bottom: 1px;height: 100%;padding-top: 5%;}
.zx-register {width: 84%;min-width: 1200px;max-width: 1600px;height:calc(100vh - 200px) ;max-height: 600px; background: #FFFFFF;margin: 2rem auto;padding-top: 2.25rem;background: url(../images/index/bg4@2x.png) no-repeat center top;background-size: 100%;}
.zx-register .zxr_l {width: 50%;float: left;padding-left: 10%;margin-top: 42px;padding-right: 4%;box-sizing: border-box;}
.zxr_r {border-left: 1px solid #CCCCCC;padding-left: 5%!important;padding-right: 7%!important;}
.zx-register .zxs {margin-bottom: 0;height: 2.5rem;line-height: 2.5rem;}
.zx-register .zxr_l .zxs:last-child { margin-bottom: 0 }
.zx-register .zxs a { font-size: 16px; color: #333333; text-decoration: none; }
.zx-register .zxs a span {font-size: 1.125rem;color: #333; padding-left: 1.875rem;}
.zx-register .zxs a:hover { color: #004BFF }
.zx-register .zxs a:hover span { color: #004BFF }
.zx-register .zxs small { width: 28px; height: 32px; background: #004BFF; display: inline-block; color: #fff; line-height: 32px; text-align: center; margin-right: 18px; font-size: 14px; display: none; }
.zx-register .zxs span { float: right; margin-right: 20px; }
.zx-more {text-align: center;padding-top: 4%;clear: both;}
.zx-more a { display: inline-block; width: 290px; height: 50px; border-radius: 0; font-size: 1.625rem; color: #fff; line-height: 50px; text-align: center; background: #004BFF; }
/* love */
.hair-love .swiper-slide { width: 523px; }
/* video */
.video{background: #ebeffc;padding-top: 2rem;height: 100%;overflow: hidden;}
.video .yh-title { padding: 5.75rem 0 0.875rem;}
.video-box{position: relative;top:0;}
.sp_videos {width: 73.5625rem;width: 71rem;overflow: hidden;
height: 39.9375rem;background: #000000;opacity: 1;border-radius: 20px;margin: 0 auto;position: absolute;top: 62%;left: 50%;transform: translate(-50%, -50%);}
.video-list {width: 97.25rem;margin:1rem auto 0;height: 56.25rem;height: auto;}
.video-list.video-doc {margin-top: 0;}
.video-list li { position: relative; float: left; }
.video-list li:nth-child(1) {width: 64.56rem;height: 26.81rem;margin-right: 0.875rem;margin-bottom: 0.875rem;}
.video-list li:nth-child(2) {width: 31.81rem;height: 26.81rem;margin-bottom: 0.875rem;}
.video-list.video-doc li:nth-child(2) {width: 64.56rem;height: 26.81rem;margin-bottom: 0.875rem;}
.video-list.video-doc li:nth-child(1) {width: 31.81rem;height: 26.81rem;margin-bottom: 0.875rem;}
.video-list img { max-width: 100%; max-height: 100%; }
.video-list a { position: absolute; width: 100%; left: 0; bottom: 0; height: 100%; }
.video-list div { position: absolute; width: 100%; left: 0; bottom: 0; background-image: linear-gradient(transparent, rgba(0,0,0,.5)); }
.video-list div h2 { font-size: 1.75rem; line-height: 1.5; color: #fff; padding-left: 1.875rem; }
.video-list div p { font-size: 1.375rem; line-height: 2; color: #fff;  padding-left: 1.875rem; padding-bottom: 0.9375rem; }
.video-list li:hover div { background-image: linear-gradient(transparent, rgba(0,0,0,.6)); }
.video-list li::before { content: ''; width: 85px; height: 85px; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; background: url(../images/index/video-bf.png) no-repeat; background-size: contain; display: block; }
.video-box{transform: scale(0.9,0.9); -webkit-transform: scale(0.9,0.9);}
.video-box .tab-bt {position: relative;top: -2rem;}
.video-box .tab-bt {margin:0 auto 0;height: 5.375rem;text-align: center;width: 84%; min-width: 1200px;
background: url(../images/main/line-man.png) no-repeat center bottom;background-size: 100% 4px;}
.video-box .tab-bt h2 {width: 10.5625rem;height: 5.1875rem;line-height: 5.1875rem;font-size: 1.625rem;color: #666;display: inline-block;}
.video-box .tab-bt h2.on {font-weight: bold ; background: url(../images/index/video-bt.png) no-repeat center;background-size: 100%;}
.video-box .tab-con {display: none;padding-bottom: 5.625rem;padding-bottom: 0;}
.video-box .tab-con.active { display: block; }
.video-swiper-box{clear: both;width: 1556px;margin: 0 auto;}
.video-swiper-box .swiper-slide{ width: 31.8125rem; height: 14rem; margin-bottom: 0.875rem;  margin-bottom: 0; }
.video-swiper-box .swiper-slide img { max-width: 100%; max-height: 100%; }
.video-swiper-box .swiper-slide a { position: absolute; width: 100%; left: 0; bottom: 0; height: 100%; }
.video-swiper-box .swiper-slide div { position: absolute; width: 100%; left: 0; bottom: 0; background-image: linear-gradient(transparent, rgba(0,0,0,.5)); }
.video-swiper-box .swiper-slide h2 { font-size: 1.75rem; line-height: 1.5; color: #fff;  padding-left: 1.875rem; }
.video-swiper-box .swiper-slide p { font-size: 1.375rem; line-height: 1; color: #fff;  padding-left: 1.875rem; padding-bottom:1rem;padding-top: 0.5rem; }
.video-swiper-box .swiper-slide:hover div { background-image: linear-gradient(transparent, rgba(0,0,0,.6)); }
.video-swiper-box .swiper-slide::before { content: ''; width: 5.3125rem; height: 5.3125rem; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; background: url(../images/index/video-bf.png) no-repeat; background-size: contain; display: block; }
.video-swiper-box .swiper-button-next, .video-swiper-box .swiper-button-prev { position: absolute; top: 50%; width: 3.25rem; height: 3.25rem; margin-top: -2.125rem; z-index: 10; cursor: pointer; }
.video-swiper-box .swiper-button-next { background-image: url(../images/index/btn-xs-right.png); right: 30px; left: auto; background-size: 100%; }
.video-swiper-box .swiper-button-prev { background-image: url(../images/index/btn-xs-left.png); left: 30px; right: auto; background-size: 100%; }
/*branch*/
.branch { background: #ECF0FD; padding-top: 7.5rem; margin-bottom: 3.125rem; }
.branch-box { margin: 0 auto; background: #fff; width: 84%; min-width: 1200px; max-width: 1600px; text-align: center; }
.branch-bt { padding: 5rem 0 1.875rem; width: 79.1875rem; border-bottom: 1px solid #EFEFEF; margin: 0 auto; }
.branch-bt h2 { font-size: 1.75rem; line-height: 2; color: #000; }
.branch-bt .boxsec { margin: 0 auto; width: 50rem; }
.branch-bt span { font-size: 1.125rem; line-height: 3; }
.branch-nr { padding: 2.1875rem 0; }
.branch-nr img { max-width: 100%; }
.branch-nr p { font-size: 1.125rem; line-height: 2; }
.branch-btn { padding: 80px 0 96px; }
.branch-btn a { width: 260px; height: 50px; background: #004BFF; display: inline-table; text-align: center; line-height: 50px; color: #fff; font-size: 1.625rem; }
.branch-btn a:first-child { margin-right: 6.25rem; }
.branch .wraper-cont{ margin: 0 auto; background: #fff; width: 84%; min-width: 1200px; max-width: 1600px; text-align: center; font-size: 1.125rem; line-height: 2; }
.branch .wraper-cont p{max-width: 80%;margin: 0 auto;font-size: 1.125rem; line-height: 2; }
.branch .tit-wrap { padding: 5rem 0 1.875rem; width: 1267px; border-bottom: 1px solid #EFEFEF; margin: 0 auto 50px; }
.branch .tit-wrap h2 { font-size: 1.75rem; line-height: 2; color: #000; }
.branch .tit-wrap p { margin: 0 auto; width: 800px;font-size: 1.125rem; line-height: 3; }
.branch .wraper-cont .button{ padding: 80px 0 96px; }
.branch .wraper-cont .button a { width: 260px; height: 50px; background: #004BFF; display: inline-table; text-align: center; line-height: 50px; color: #fff; font-size: 1.625rem; }
.branch .wraper-cont .button a:first-child { margin-right: 100px; }
/* news */
.news { background: #ECF0FD; padding-top: 120px; margin-bottom: 50px; }
.news-box { margin: 0 auto; background: #fff; width: 84%; min-width: 1200px; max-width: 1600px; text-align: center; }
.newsli-title { text-align: center; padding: 60px 0 30px; font-size: 20px; }
.newsli-title h2 { height: 30px; font-size: 36px; letter-spacing: 8px; color: #333333; line-height: 30px; font-weight: bold; }
.newsli-title h5 { padding-top: 1rem; height: 30px; font-size: 24px; color: #000; line-height: 30px; letter-spacing: 8px; font-weight: lighter; }
.newsli-nr { margin: 0 auto; width: 1200px; padding-top: 20px; min-height: 500px; }
.newsli-nr li { position: relative; height: 64px; width: 90%; margin: 0 auto; border-bottom: 1px solid #efefef; }
.newsli-nr li:last-child { border: none; }
.newsli-nr li a { position: absolute; left: 0; top: 0; width: 100%; bottom: 0; }
.newsli-nr li h2 { height: 30px; font-size: 24px; line-height: 30px; color: #000; float: left; text-align: left; height: 64px; line-height: 64px; }
.newsli-nr li span { height: 64px; font-size: 24px; color: #000; line-height: 64px; color: #999; float: right; }
.newsli-nr li:hover h2 { color: #004bff; }
.newsli-nr li:hover span { color: #666; }
/* newsnr */
.news-title { text-align: center; padding: 60px 0 30px; font-size: 1.125rem; width: 80%;min-width: 1060px; margin: 0 auto 10px; border-bottom: 1px solid #efefef; }
.news-title h2 { height: 30px; font-size: 1.75rem; color: #333333; line-height: 30px; font-weight: bold; }
.news-title .boxsec { width: 400px; text-align: center; margin: 0 auto; }
.news-title span { padding-top: 1rem; height: 30px; font-size: 1.125rem; color: #000; line-height: 30px; }
.news-nr { width: 78%; margin: 0 auto; padding: 40px 0; text-align: left;min-height: 500px;min-width: 1060px; }
.news-nr p ,.news-nr span,.news-nr li{ line-height: 2!important; font-size: 1.2rem!important;/* text-indent: 2em;*/ font-family:"微软雅黑","苹方"!important; }
.news-nr img{display: block;margin: 50px auto;}
.news-topages { line-height: 2; padding-bottom: 30px;  width: 70%; margin: 0 auto;min-width: 1060px;}
.news-topages div { font-size: 1.125rem; }
.news-topages div span { font-size: 1.125rem; color: #000; }
.news-topages div a { font-size: 1.125rem; color: #000; }
.news-topages div a:hover { color: #004BFF; }