@charset "UTF-8";
/*知托付*/
.zhi-video { width: 100%; }

.zhi-video-con { width: 100%; position: relative; margin: 20px 0; overflow: hidden; }

.zhi-video-con img { display: block; width: 100%; }

.zhi-video-con a { display: block; width: 70px; height: 70px; background: url("../images/h-rj-icon01.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; }

.zhi-here { width: 100%; margin-bottom: 50px; margin-top: 20px; }

.zhi-here .container { background: #fff; }

.here-tabLink { padding: 0 40px; }

.here-tabLink ul { text-align: center; border-bottom: 1px solid #f9f9f9; }

.here-tabLink ul li { float: left; width: 25%; text-align: center; padding: 20px 0; border-bottom: 4px solid #fff; }

.here-tabLink ul li a { display: block; }

.here-tabLink ul li.on { border-bottom: 4px solid #009efd; }

/*.here-tabLink ul li:hover { border-bottom: 4px solid #009efd; }*/

.here-con { padding: 50px 10px; }

.here-con > h2 { font-size: 28px; color: #555; text-align: center; font-weight: normal; }

.here-con-list { margin-top: 40px; }

.here-con-list .here-con-item { float: left; width: 31.33%; margin: 1%; }

.here-con-list .here-con-item a { display: block; }

.here-con-list .here-con-item a > img { display: block; width: 100%; }

.here-itemTxt { border: 1px solid #f9f9f9; border-top: none; padding: 30px 20px; height: 165px; }

.here-itemTxt .t { border-bottom: 1px solid #f9f9f9; padding-bottom: 15px; }

.here-itemTxt .t h2 { font-size: 18px; color: #555; font-weight: normal; }

.here-itemTxt .t span { display: block; font-size: 14px; color: #555; margin-top: 10px; }

.here-itemTxt .b { padding-top: 15px; }

.here-itemTxt .b span { display: block; font-size: 14px; color: #555; margin-top: 10px; }

.here-itemTxt .b p { margin-top: 10px; }

.here-itemTxt .b p a { display: inline-block; font-size: 16px; color: #555; -webkit-transition: all .1s ease; -o-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; }

.here-itemTxt .b p a:hover { color: #009efd; }

.welfare-banner { margin-top: 20px; }

.welfare-banner .container { position: relative; }

.welfare-banner img { width: 100%; }

.welfare-banner .top-text { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -60px; text-align: center; color: #fff; }

.welfare-banner .top-text a { width: 70px; height: 70px; display: inline-block; background: url("../images/h-rj-icon01.png") no-repeat center center; margin-bottom: 15px; }

.welfare-banner .top-text h3 { font-size: 24px; line-height: 1; padding-bottom: 15px; font-weight: normal; }

.welfare-banner .top-text p { font-size: 16px; }

@media screen and (max-width: 1199px) { .welfare-banner { margin-top: 10px; }
  .welfare-banner .container { position: relative; overflow: hidden; }
  .welfare-banner img { position: relative; left: 50%; width: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 280px; }
  .welfare-banner .top-text { margin-top: -50px; }
  .welfare-banner .top-text a { width: 50px; height: 50px; background: url("../images/h-rj-icon01.png") no-repeat center center; -moz-background-size: 100% 100%; background-size: 100% 100%; margin-bottom: 10px; }
  .welfare-banner .top-text h3 { padding-bottom: 10px; } }

@media screen and (max-width: 768px) { .zhi-here { margin-top: 10px; }
  .here-tabLink { padding: 0 20px; }
  .zhi-video-con img { width: 768px; position: relative; left: 50%; margin-left: -384px; }
  .zhi-video-con a { width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; }
  .here-tabLink ul li a { font-size: 14px; }
  .here-con { padding: 40px 10px; }
  .here-con-list { margin-top: 20px; }
  .here-con-list .here-con-item { width: 48%; } }

@media screen and (max-width: 480px) { .welfare-banner img { height: 150px; }
  .welfare-banner .top-text { margin-top: -40px; }
  .welfare-banner .top-text a { width: 35px; height: 35px; background: url("../images/h-rj-icon01.png") no-repeat center center; -moz-background-size: 100% 100%; background-size: 100% 100%; margin-bottom: 5px; }
  .welfare-banner .top-text h3 { font-size: 18px; padding-bottom: 8px; }
  .welfare-banner .top-text p { font-size: 12px; } }

@media screen and (max-width: 480px) { .here-con { padding-top: 25px; }
  .here-con-list .here-con-item { width: 98%; }
  .here-itemTxt .b p a:hover { color: #555; } }

/*培训发展*/
.train-wrap { width: 100%; margin-top: 40px; }

.train-swiper { width: 100%; position: relative; }

.train-swiper .arrow-left { display: inline-block; width: 150px; height: 54px; font-size: 18px; color: #ff8492; text-align: right; padding-top: 12px; padding-right: 60px; background: url("../images/h-rj-icon03.png") no-repeat right top; position: absolute; top: 50%; left: 5%; margin-top: -27px; z-index: 99; cursor: default; }

.train-swiper .arrow-right { display: inline-block; width: 150px; height: 54px; font-size: 18px; color: #009efd; padding-top: 12px; padding-left: 60px; background: url("../images/h-rj-icon02.png") no-repeat left top; position: absolute; top: 50%; right: 5%; margin-top: -27px; z-index: 99; cursor: default; }

.train-swiper .swiper-slide { text-align: center; }

.train-swiper .swiper-slide .inner { width: 100%; position: relative; }

.train-swiper .swiper-slide .inner .d01 { width: 100%; }

.train-swiper .swiper-slide .inner .d01 img { display: inline-block; width: 62%; }

.train-swiper .swiper-slide .inner .d02 { width: 240px; height: 160px; border: 1px solid #ededed; -webkit-border-top-right-radius: 60px; -moz-border-radius-topright: 60px; border-top-right-radius: 60px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 60px; -moz-border-radius-bottomleft: 60px; border-bottom-left-radius: 60px; }

.d02 { position: absolute; top: 40px; left: 18%; background: #fff; }

.d02 .in-sz01 { width: 80%; margin: 0 auto; padding-top: 20px; text-align: left; }

.d02 .in-sz01 .in-l { float: left; width: 25%; }

.d02 .in-sz01 .in-l p { font-size: 32px; color: #ff533e; font-weight: bold; }

.d02 .in-sz01 .in-r { float: left; width: 70%; margin-left: 5%; }

.d02 .in-sz01 .in-r p span { display: block; font-size: 14px; color: #555; margin-top: 6px; padding-left: 15px; background: url("../images/h-rj-icon08.png") no-repeat left center; }

.d02 .in-sz01 .in-r p span:first-child { font-size: 18px; color: #ff533e; background: none; padding-left: 0; }

.train-swiper .swiper-slide .inner .d03 { width: 240px; height: 160px; border: 1px solid #ededed; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 60px; -moz-border-radius-topleft: 60px; border-top-left-radius: 60px; -webkit-border-bottom-right-radius: 60px; -moz-border-radius-bottomright: 60px; border-bottom-right-radius: 60px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; }

.d03 { position: absolute; top: 40px; right: 18%; background: #fff; }

.d03 .in-sz01 { width: 80%; margin: 0 auto; padding-top: 20px; text-align: left; }

.d03 .in-sz01 .in-l { float: left; width: 25%; }

.d03 .in-sz01 .in-l p { font-size: 32px; color: #873ced; font-weight: bold; }

.d03 .in-sz01 .in-r { float: left; width: 70%; margin-left: 5%; }

.d03 .in-sz01 .in-r p span { display: block; font-size: 14px; color: #555; margin-top: 6px; padding-left: 15px; background: url("../images/h-rj-icon09.png") no-repeat left center; }

.d03 .in-sz01 .in-r p span:first-child { font-size: 18px; color: #873ced; background: none; padding-left: 0; }

.train-swiper .swiper-slide .inner .d04 { width: 240px; height: 160px; border: 1px solid #ededed; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 60px; -moz-border-radius-topleft: 60px; border-top-left-radius: 60px; -webkit-border-bottom-right-radius: 60px; -moz-border-radius-bottomright: 60px; border-bottom-right-radius: 60px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; }

.d04 { position: absolute; bottom: 40px; left: 18%; background: #fff; }

.d04 .in-sz01 { width: 80%; margin: 0 auto; padding-top: 20px; text-align: left; }

.d04 .in-sz01 .in-l { float: left; width: 25%; }

.d04 .in-sz01 .in-l p { font-size: 32px; color: #168bfe; font-weight: bold; }

.d04 .in-sz01 .in-r { float: left; width: 70%; margin-left: 5%; }

.d04 .in-sz01 .in-r p span { display: block; font-size: 14px; color: #555; margin-top: 6px; padding-left: 15px; background: url("../images/h-rj-icon010.png") no-repeat left center; }

.d04 .in-sz01 .in-r p span:first-child { font-size: 18px; color: #168bfe; background: none; padding-left: 0; }

.train-swiper .swiper-slide .inner .d05 { width: 240px; height: 160px; border: 1px solid #ededed; -webkit-border-top-right-radius: 60px; -moz-border-radius-topright: 60px; border-top-right-radius: 60px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 60px; -moz-border-radius-bottomleft: 60px; border-bottom-left-radius: 60px; }

.d05 { position: absolute; bottom: 40px; right: 18%; background: #fff; }

.d05 .in-sz01 { width: 80%; margin: 0 auto; padding-top: 20px; text-align: left; }

.d05 .in-sz01 .in-l { float: left; width: 25%; }

.d05 .in-sz01 .in-l p { font-size: 32px; color: #ff3855; font-weight: bold; }

.d05 .in-sz01 .in-r { float: left; width: 70%; margin-left: 5%; }

.d05 .in-sz01 .in-r p span { display: block; font-size: 14px; color: #555; margin-top: 6px; padding-left: 15px; background: url("../images/h-rj-icon011.png") no-repeat left center; }

.d05 .in-sz01 .in-r p span:first-child { font-size: 18px; color: #ff3855; background: none; padding-left: 0; }

.train-data { margin-top: 60px; }

.train-data h2 { font-size: 28px; color: #555; text-align: center; font-weight: normal; }

.train-data-list { width: 100%; margin-top: 40px; }

.train-data-list .train-data-item { float: left; width: 33.33%; text-align: center; }

.train-data-list .train-data-item img { display: block; margin: 0 auto; }

.train-data-list .train-data-item span { display: block; font-size: 14px; color: #555; margin-top: 10px; }

@media screen and (max-width: 1200px) { .train-swiper .arrow-right { right: 0; }
  .train-swiper .arrow-left { left: 0; }
  .d02 { top: 20px; left: 10%; }
  .d03 { top: 20px; right: 10%; }
  .d04 { bottom: 20px; left: 10%; }
  .d05 { bottom: 20px; right: 10%; } }

@media screen and (max-width: 768px) { .here-con { padding-top: 30px; }
  .here-con > h2 { font-size: 20px; }
  .train-swiper { padding-bottom: 70px; }
  .train-swiper .arrow-left { width: 100px; font-size: 14px; top: inherit; bottom: 0; }
  .train-swiper .arrow-right { width: 100px; font-size: 14px; top: inherit; bottom: 0; }
  .d02 { float: left; position: inherit; top: inherit; left: inherit; width: 47% !important; margin: 1%; }
  .d03 { float: left; position: inherit; top: inherit; right: inherit; width: 47% !important; margin: 1%; }
  .d04 { float: left; position: inherit; bottom: inherit; left: inherit; width: 47% !important; margin: 1%; }
  .d05 { float: left; position: inherit; bottom: inherit; right: inherit; width: 47% !important; margin: 1%; }
  .train-data-list .train-data-item { width: 100%; margin-bottom: 20px; } }

@media screen and (max-width: 480px) { .train-swiper .swiper-slide .inner .d01 img { width: 100%; }
  .d02, .d03, .d04, .d05 { float: none; width: 99% !important; margin: 10px 0; } }

/*视频样式*/
#mask { display: none; background: rgba(0, 0, 0, 0.6); bottom: 0; position: fixed; top: 0; width: 100%; z-index: 99; }

#video-box { display: none; background: #fff; position: fixed; z-index: 100; width: 800px; left: 50%; top: 20%; margin-left: -400px; }

#video-box .box-title { line-height: 45px; padding: 0 10px; font-size: 22px; color: #333; position: relative; }

#video-box .box-title .close-button { display: inline-block; cursor: pointer; width: 35px; height: 35px; background: url("../images/close.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; position: absolute; right: 10px; top: 5px; border: none; }

@media screen and (max-width: 1024px) { #video-box { width: 640px; margin-left: -320px; } }

@media screen and (max-width: 640px) { #video-box { width: 100%; left: inherit; margin-left: inherit; }
  .here-con { padding-top: 25px; } }

@media screen and (max-width: 480px) { .here-con h2 { font-weight: bold; line-height: 1; } }

.train-data-item { position: relative; }

.train-data-item .num-top { position: absolute; top: 78px; left: 50%; width: 75px; height: 46px; background-color: #fff; margin-left: -47px; }

.train-data-item .num-top p { font-size: 50px; font-weight: bold; line-height: 1; }

.train-data-item .num-top-1 { color: #23bab7; }

.train-data-item .num-top-2 { color: #6d99f1; }

.train-data-item .num-top-3 { color: #ff8492; }