@charset "utf-8";
* {margin: 0;padding: 0;}
body{background: url(../img/1-banner.png) center top no-repeat;}
html {min-width: 1200px;}
.wrap {width: 1200px; margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
dl,dt,ul {list-style: none;text-decoration: none;padding-inline-start: 0;}
a{text-decoration: none;}
a:hover{ color: #5870da !important;}
.clearfix:before,.clearfix:after {content: "";display: table;clear: both;}
.un{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.mt30 {margin-top: 30px;}
.mt54{margin-top: 54px;}
.mt60{margin-top: 60px;}
.mt100 {margin-top: 100px;}
.mt595{margin-top: 595px;}
.pd36{padding-left: 36px;}
.titles{background: url(../img/title.png) center top no-repeat; text-align: center; margin-bottom: 30px;}
.titles h1{ padding-top: 18px; font-size: 38px; color:#343434}
.title-gray{background: url(../img/huidi.png) center top no-repeat; text-align: center; margin-bottom: 30px;}
.title-gray h1{ padding-top: 18px; font-size: 38px; color:#343434}
.title-blue{background: url(../img/landi_.png) center top no-repeat; text-align: center; margin-bottom: 30px;}
.title-blue h1{ padding-top: 18px; font-size: 38px; color:#343434}

/* 研修背景 */
.background p{display: block; padding:0 29px 27px 189px; line-height: 28px;}
.background ul{padding:0 24px 30px; background: url(../img/point.png); border-radius: 0 0 10px 10px; box-shadow: 0 5px 5px 5px rgba(180, 180, 180, 0.3);}
.background li{width: 540px; height: 54px; border: 1px solid #d9d9d9; line-height: 54px; padding-left: 24px; border-radius: 5px; margin-top: 25px;}
.background li span{font-weight: 700;}
.background img{display: block; float: left; margin-top: 15px; margin-right: 23px;}

/* 研修讲师 */
.teacherbg{text-align: center; font-size: 12px; color: #ffedc7;}
.teacherbg .titles h1{color:#343434; font-size: 38px; }
.teacherbg h2{font-size: 22px;  background:linear-gradient(to bottom, #ffffff, #ffedc7); -webkit-background-clip:text; color:transparent;}
.t1{background: url(../img/2-1.png) center no-repeat; width: 208px; }
.t2{background: url(../img/2-2.png) center no-repeat; width: 208px; }
.t3{background: url(../img/2-3.png) center no-repeat; width: 208px; }
.t4{background: url(../img/2-4.png) center no-repeat; width: 208px; }
.t5{background: url(../img/2-5.png) center no-repeat; width: 208px; }
.t1,.t2,.t3,.t4,.t5{cursor: pointer;}
.teacherbg li{margin-right: 40px;}
.teacherbg li p{font-weight: 200; margin-top: 25px;}
.teacherbg li:nth-child(5n){margin-right: 0}
.yanxiu li div{height: 229px; padding-top:160px}
.yanxiu li div.cur{transform:rotateY(360deg);transition: all 1s ease-out;}
/* 研修特点 */
.special{height: 507px; background-color: #f7f8fd;}
.special .blue{background: url(../img/3-2.png) center no-repeat; width: 224px; height: 113px;}
.special .brown{background: url(../img/3-3.png) center no-repeat; width: 224px; height: 113px;}
.special li{ margin-right: 20px; margin-top: 7px;}
.special li h3{font-size: 20px; font-weight: 400; color: #FFFFFF; margin-top: 15px; margin-left: 48px;}
.special .blue p{color: rgba(135, 151, 211, 1.0);}
.special li p{font-size: 14px; font-weight: 200; color: rgba(218, 195, 154, 1.0); margin-top: 5px; margin-left: 48px;}
.special li:nth-child(5n){margin-right: 0}

/* 研修形式 */
.studyform li{ background-image: linear-gradient(to bottom,#fbfcfe,#f1f4ff); margin:0 115px 36px 0; border-radius: 10px; text-align: center;}
.studyform li:nth-child(3n){margin-right: 0}
.studyform li h2{padding-top: 180px;}
.studyform li p{font-size: 16px; color: #9a989b; margin-top: 5px;}
.bg1{background: url(../img/4-1.png) center 25px no-repeat; width: 300px; height: 260px;}
.bg2{background: url(../img/4-2.png) center 25px no-repeat; width: 300px; height: 260px;}
.bg3{background: url(../img/4-3.png) center 25px no-repeat; width: 300px; height: 260px;}
.bg4{background: url(../img/4-4.png) center 25px no-repeat; width: 300px; height: 260px;}
.bg5{background: url(../img/4-5.png) center 25px no-repeat; width: 300px; height: 260px;}
.bg6{background: url(../img/4-6.png) center 25px no-repeat; width: 300px; height: 260px;}

/* 研修目标 */
.objective{background: url(../img/5-1.png) center no-repeat; height: 738px;}
.obj-box{height: 370px; width: 1200px; background-color: #fff; border-radius: 10px;}
.obj-box img{margin-left: 31px; margin-top: 28px;}
.obj-text{margin-right: 31px; margin-top: 28px;}
.obj-text li{margin-bottom: 15px;}
.obj{background: url(../img/5-2.png) center no-repeat; width: 562px; height: 95px;}
.obj span{position: relative; left: 20px; top: 18px; font-weight: 700; font-size: 20px; color: #FFFFFF;}
.obj h1{font-size: 20px; padding-left: 75px; font-weight: 500;}
.obj h3{font-size: 12px; padding-left: 75px; padding-top: 5px; font-weight: 400; color: #d0d0d0;}


/* 研修方向 */
.direction .shadow {box-shadow: 5px 5px 5px rgba(180, 180, 180, 0.3);}
.direction .left-tex{font-size: 14px; color: #999999; text-align: right; margin-top: 20px;}
.direction dt {text-align: center;margin: 0 auto;}
.tit {text-align: center;background-color: #3646a6 !important;}
.circle {border-radius: 15px 15px 0 0;}
.tit span {font-size: 24px;font-weight: 700;color: #F3F3F3;}
.direction dd {margin-inline-start: 0;width: 1200px;height: 52px;line-height: 52px;}
.direction dd:hover{ background: #f7f8fd; }
.direction dd li {/* border: 1px solid #F3F3F3; */height: 52px;line-height: 52px;text-align: center;}
.nub {background-color: #dbdce0;width: 50px;}
.w210 {width: 210px; border-right: 1px solid #eeeeee;}
.w373 {width: 373px; border-right: 1px solid #eeeeee;}
.w412 {width: 412px; border-right: 1px solid #eeeeee;}
.w145 {width: 145px;}
.pt25 {padding-top: 25px;}
.hot{background: url(../img/6-1.png) no-repeat; width: 25px; height: 13px; position: relative; top: 19px; left: 135px;}
.hotone{background: url(../img/6-1.png) no-repeat; width: 25px; height: 13px; position: relative; top: 19px; left: 150px;}
.hottwo{background: url(../img/6-1.png) no-repeat; width: 25px; height: 13px; position: relative; top: 19px; left: 168px;}


/* 往届回顾 */
.past-video{ position: relative; padding-left: 20px; width: 1200px; height: 265px; overflow:hidden;}
.past-video li {margin-right: 15px;height: 260px;border-radius: 10px; box-shadow: 3px 3px 3px rgba(180, 180, 180, 0.3); }
.past-video li p {line-height: 14px;}
.box-video h4 {line-height: 40px;font-weight: 500;}
.box-video img{border-radius: 5px 5px 0 0;}
.box-video p {padding-left: 18px;font-size: 14px;color: #c6c6c6;}
.box-video a{color: #000;}
.bluebox{width: 4px; height: 14px; margin-top: 13px; margin-left: 10px; margin-right: 4px; background-color: #0000FF; float: left;}
.video-list{}
.bgred {background: url(../img/7-1.png) center left no-repeat; width: 38px; height: 20px; color: #fff;}
.line{width: 228px; height: 1px; background-color: #0000FF; margin-top: 5px; margin-bottom: -5px;}
.line-grey{width: 317px; height: 1px; background-color: #e5e5e5; margin-top: 5px; margin-bottom: -5px;}
.teachers-inr{font-size: 14px;}
.teachers-inr li { font-size: 14px; font-weight: 500;}
.teachers-inr a{color: #9A989B;}
.teachers-inr-left,.teachers-inr-right {background: #fff url(../img/point.png); width: 545px; padding: 20px;box-shadow: 3px 3px 3px 3px rgba(180, 180, 180, 0.3); border-radius: 10px;}
.teachers-inr .teachers-inr-left a{color: #000000;}
.teachers-inr .teachers-inr-right a{color: #000000;}
.teachers-inr-right h2{font-size: 20px; font-weight: 400;margin-left: 35px;}
.teachers-inr-right .img{background: url(../img/answer.png) 1px 5px no-repeat;}
.teachers-inr-left .img{background: url(../img/answer.png) 1px 5px no-repeat;}
.teachers-inr-left h2{font-size: 20px; font-weight: 400; margin-left: 35px;}
.w56{width: 56px;}
.w56 p{margin-left: 6px; font-size: 12px; line-height: 20px;}
.w92{width: 92px;}
.w182{width: 182px;}
#btnLeft{display: block; position: absolute; left: 0px; top: 100px; z-index: 10;}
#btnRight{display: block; position: absolute; right: 15px; top: 100px;  z-index: 10;}
.none{display: none;}


/* 研修范围 */
.area-yxfw {margin-top: -130px; background-color: #F3F3F3; }
.wraper{padding-top: 160px;}
.area-yxfw p {line-height: 48px;font-size: 24px;margin: 20px 0;}
.area-yxfw li {background-color: #fff;width: 100px;height: 52px;line-height: 52px;text-align: center;margin: 0 37px 38px 0;border-radius: 8px;box-shadow: 5px 5px 5px rgba(239, 240, 245, 1.0);}
.area-yxfw li:hover{ cursor: pointer; background: #3c54ae; color: #fff;}
.range li:nth-child(9n){margin-right: 0}
/* .area-yxfw .range {padding-inline-start: 0px;width: 1242px;} */
.area-yxfw p {color: blue;}
.area-yxfw .tip {font-size: 12px;text-align: center;color: #000;padding-bottom: 20px;}

/* 研修成果 */
.result{background: #F3F3F3 url(../img/8-1.png) center no-repeat; height: 742px;}
.bg-whrite{background-color: #FFFFFF; padding: 38px 90px 48px 90px; margin-top: 30px; width: 1020px; border-radius: 20px;}
.bg-rig{background: url(../img/8-2.png) center no-repeat; width: 296px; height: 386px;}
.bg-left{background: url(../img/8-3.png) center no-repeat; width: 296px; height: 386px;}
.bg .bg-rig h1{ padding-top: 30px; padding-left: 70px; color: #fff;}
.bg .bg-left h1{ padding-top: 30px; padding-left: 70px; color: #fff;}
.bg-mid{height: 386px; width: 418px;}
.bg p{font-size: 18px; color: #fff; text-align: center; line-height: 32px;}
.inr{ width: 312px; height: 57px; background-color: #e3c386; border-radius: 25px; text-align: center; line-height: 57px;}
.bg-mid .one{position: relative; top: 50px; left: 75px;}
.bg-mid .two{position: relative; top: 100px; left: 50px;}
.bg-mid .three{position: relative; top: 150px; left: 25px;}
.btn1{width: 207px; height: 36px; line-height: 36px; text-align: center; border-radius: 15px; border: 0; margin-left: 30px; margin-top: 25px;}
.btn1 a{color: #000000;}
.btn2{width: 207px; height: 36px; line-height: 36px; text-align: center; border-radius: 15px; border: 0; margin-left: 50px; margin-top: 58px;}
.btn2 a{color: #000000;}
.btn1,.btn2{outline: none; cursor: pointer;}

.foot{margin-top: 30px; text-align: center; color: #fff; font-size: 14px;}