body{background:#F5F9FF;font-family:'Microsoft YaHei' !important;overflow-x:hidden;}
li{list-style-type: none;margin: 0;padding: 0;}

/* 头部 */
header{background: #fff;}
.header{width:1200px;margin:0 auto;padding:5px 0;height: 40px;background: #fff;line-height: 40px;overflow: hidden;}
.header h3{font-weight:bold;float: left;font-size:18px}
.headerpost img{margin-top:-7px;margin-right:20px}
.headerpost .main-head-ss{display: block;float: left;margin-top:2px}
.headerpost .main-head{font-size: 16px;color: #717AF3;line-height:30px;padding-left: 20px;border-left:1px solid #ddd;display: inline-table;}
.headerpost .main-head-title{display:-webkit-inline-box;position: relative;width: 400px;border-left:1px solid #ddd;height:40px;float: left;}
.headerpost .main-head-top{font-size: 16px;color: #717AF3;line-height:10px;padding-left: 20px;display:block;position: absolute;left:0px;top:8px;width:100%;font-weight: lighter;}
.headerpost .main-head-bottom{font-size: 13px;color: #717AF3;line-height:10px;padding-left: 20px;display:block;position: absolute;left:0px;top:26px;width:100%;font-weight: lighter;}
.header .right{float:right;margin-top:10px}
.header .right a{float: right;display: block;margin-left: 25px;color: #666;color:#7189BF;padding-left:25px;line-height: 20px;}
.header .right a:hover{color:#333;}
.sy-icon01{background: url(../images/b01.png) center left no-repeat;}
.sy-icon02{background: url(../images/b02.png) center left no-repeat;}
.sy-icon03{background: url(../images/b03.png) center left no-repeat;}
.header .right pi{font-size: 13px; color: #1E9FFF;}
.layui-nav ul{width:1200px;margin:0 auto;background:#717AF3 ;position: relative;}
.layui-nav li{padding: 0px;}
.layui-nav:after{background-color: #93D1FF;top: 0px;bottom: 0px;height: auto;z-index: 1;}
.layui-nav a{position: relative;z-index: 3;padding:0 30px;}
.xn-menu-font{position: relative;padding:0;width:1200px;margin:0 auto}
.xn-menu-font a{font-size:16px}
.xn-menu-font.layui-nav .layui-this:after{top:0px;height:100%}
.layui-nav .layui-nav-item a{padding:0 59px}
.sy-t-main .layui-nav-item a{padding:0 19px}
.search_right{position: absolute;right:0;top:7px;height: 36px;line-height: 36px; border-radius:5px;width:280px;background:#fff;margin-right:0px !important}
.search_right input{width:240px;width:260px;height:36px;line-height: 36px;border:0px;background: transparent;color:#666; text-indent: 15px;}
.search_right input::-webkit-input-placeholder {color: #999;font-size: 15px;}
.search_right button{cursor: pointer; width:60px;height:36px;background: url(../images/search.png) center no-repeat #82ACFF;border:0px;position: absolute;right:0;top:0px;border-bottom-right-radius: 5px;border-top-right-radius: 5px}
.search_right button:hover{opacity: .8;}
.search_right button:active{opacity: 1;}
.sy-menu{background-color: #717AF3;width:100%;height:50px;}
.sy-menu a{line-height:50px;}
.mainTop_user{margin-top:3px !important}
.mainTop_user a{line-height: 40px !important;position: relative;z-index: 9999;}
.mainTop_user .uc01_xly{background-color: #fff;display: none;flex-flow: column;position:absolute;top:40px;left:-70px;width:220px;
box-shadow: 0px 1px 5px #666;z-index: 9999;padding:10px 0px;border-radius: 3px;}
.mainTop_user .uc01_xly:after, .mainTop_user .uc01_xly:before {border: solid transparent;content: ' ';height: 0;left: 52%;position: absolute;width: 0;}
.mainTop_user .uc01_xly:after {border-width: 9px;border-bottom-color: #fff;top: -16px;}
.mainTop_user .uc01_xly:before {border-width: 9px;border-bottom-color: rgba(153, 153, 153, 0.322);top: -18px;}
.mainTop_user .uc01_xly ul{display: flex;flex-flow: wrap;justify-content: space-between;margin:0 10px}
.mainTop_user .uc01_xly ul li{width:48%;background: #eee;color: #333;float: left;text-align: center;line-height:30px;margin-top:10px;}
.mainTop_user .uc01_xly ul li:hover,.mainTop_user .uc01_xly span:hover{color:#7189BF}
.mainTop_user .uc01_xly span{border-top:1px solid #eee;width: 100%;text-align: center;margin-top: 15px;padding-top:10px;color:#999;line-height: 22px;}
.mainTop_user .uc01_xly p{display: flex;flex-flow: row;margin:0 10px}
.mainTop_user .uc01_xly p img{width:32px;height:32px;border-radius: 100%;margin-top:0px;margin-right:5px;}
.mainTop_user .uc01_xly p label{font-size: 14px;line-height: 32px;}
.mainTop_user:hover .uc01_xly{display: flex;}
/* 底部 */
.footer{background:#293462;width: 100%;display: -webkit-box;}
.xn-footer{width:1200px;margin:0 auto;background:#293462;padding:30px 0;}
.xn-footer .fl{float: left;width:60%}
.xn-footer .fl h3{padding:0px 0 15px 0;}
.xn-footer .fl a{width:50%;float: left;line-height:26px;font-size:15px;color:#fff}
.xn-footer .fr{float: right;}
.xn-footer .pCenter{color:#fff; text-align: center;line-height: 30px;font-size:14px;opacity: .6;}

/* center */
.center{width:1200px;margin:20px auto;display: table; min-height:600px}

/************************** 服务中心 ***************************/
.xn-main-ic01{width:48%;float: left;height:300px}
.xn-main-ic01 img{width:100%;height:100%}
.xn-main-ic02{height:300px;margin:0px;margin-left:570px;margin-right:140px;width:490px}
.xn-main-ic02 h3{font-size: 18px;color: #333333;line-height:25px;border-bottom:2px solid #717AF3;padding-bottom: 10px;float: left;width: 100%;font-weight: bold;padding-top:10px}
.xn-main-ic02 h3 a{float: right;font-size: 14px;color: #7189BF;text-align: right;line-height: 14px;margin-top:6px;font-weight: lighter;}
.xn-main-ic02 h3 a:hover{color: #333;}
.xn-main-news{padding-top:15px}
.xn-main-news li{width:100%;line-height:50px;font-size:14px;border-bottom: 1px solid #DDDDDD;color:#333;float:left}
.xn-main-news li a{width:60%;text-overflow:ellipsis;white-space: nowrap; overflow: hidden;float:left}
.xn-main-news li a:hover{color:#999999 }
.xn-main-news li font{float: right;width:40%;text-align: right;}
.layui-tab-title{height:60px;line-height: 60px;}
.layui-tab-title .layui-this:after{height:51px}
.layui-tab-title li{font-size:16px;color:#333}
.imageScroll{min-width: 1200px;}
.xn-main-ic03{float: right;width:120px;margin-bottom: 20px;}
.xn-main-ic03 p{float: right;width:100%;border:1px solid #ddd;background: #fff;margin-bottom: 10px;}
.xn-main-ic03 p img{float: left;width:80%;margin:10px 10%}
.xn-main-ic03 p span{float: left;width:100%;text-align:center;padding-bottom: 10px;}
.sy-three{display: flex;flex-flow: row;justify-content: space-between;margin-top:35px;width:1200px;}
.sy-three .divs{width:32%;background: #fff;border:1px solid #ddd;text-align:center;padding-bottom: 20px;}
.sy-three .divs img.c01{width:100%;float: left;height:200px}
.sy-three .divs img.c02{margin-top:-55px}
.sy-three .divs p{font-size: 18px;color: #333333;text-align: center;line-height: 18px;font-weight: bold;padding-top:15px;}
.sy-three .divs span{font-size: 14px;color: #333333;text-align: center;line-height:40px;}

/************************** 培训中心 ***************************/
.layui-carousel{width:100%}
.layui-carousel img{width:100%;height:100%}
.sy-px01{background: #FFFFFF;border: 1px solid #DDDDDD;padding:20px;margin:10px 1%;width:32%;float:left}
.sy-px01:nth-child(3n+1){margin-left: 0;}
.sy-px01:nth-child(3n+3){margin-right: 0;}
.sy-px01 img{width:100%;height:180px;}
.sy-px01 a:nth-child(2){font-size: 16px;color: #333333;line-height: 22px;padding-top:15px;float:left}
.sy-px01 a:hover{color: #A374D5;}
.sy-px01 p{padding-top:10px;display: block;float: left;width:100%}
.sy-px01 p span{display: block;}
.sy-px01 p span:first-child{font-size: 14px;color: #999999;line-height: 14px;float: left;padding-top:5px}
.sy-px01 p span:last-child{font-size: 24px;color: #A374D5;text-align: right;line-height: 24px;float: right;}
.sy-px02{background: #FFFFFF;border: 1px solid #E0E0E0;width:16.75%;margin-right: -1px;margin-bottom: -1px;}
.sy-px02 img {width:80%;height:42px;padding:25px 10%}
.sy-px03{display:block;width:100%;float: left;}
.sy-px03 a{font-size: 14px;color: #7189BF;line-height: 24px;width:10%;text-align: left;display: block;float: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sy-px03 a:hover{color: #333;}

.layui-fluid{margin:20px 0 20px 0;padding:0;width:1200px}
.layui-fluid h3.field-title{font-size: 18px;color: #333333;line-height: 18px;width:100%;float: left;border-bottom: 2px solid #717AF3;padding-bottom: 15px;font-weight: bold;}
.layui-fluid h3.sy-zise{border-bottom: 2px solid #717AF3;margin-bottom: 10px;}
.layui-fluid h3.sy-hongse{border-bottom: 2px solid #E76DCD;}
.layui-fluid h3.sy-qzise{border-bottom: 2px solid #717AF3;}
.layui-fluid h3.sy-none{border-bottom: 0;}
.layui-fluid h3 a{float: right;font-size: 14px;color: #7189BF;text-align: right;line-height: 14px;margin-top:6px;font-weight: lighter;}
.layui-fluid h3 a:hover{color: #333;}
.float-fl{float:left}


/*****************************培训项目*************************************/
.sy-fl{width:59%;float: left;}
.sy-fl .sy-pic01{width:100%;float: left;}
.sy-fl .sy-pic01 img{width:100%;float: left;height:250px}
.sy-fl .sy-text01{width:100%;float: left;margin: 10px 0;}
.sy-fl .sy-text01 h3{font-size: 20px;color: #333333;text-align: center;line-height: 26px;float: left; text-align: left;padding: 20px 0;font-weight: bold;}
.sy-fl .sy-text01 .tec{font-size: 14px;color: #333333;line-height: 20px;float:left;}
.sy-fl .sy-text01 .tec p{padding-bottom: 10px;}
.sy-fr{width:37%;float: right;}
.sy-fr .sy-box-fiex{background: #FFFFFF;border: 1px solid #DDDDDD;margin-bottom: 15px;padding:20px;float: left;}
.sy-fr .sy-box-fiex h3{font-size: 18px;color: #333333;line-height: 18px;border-bottom:2px solid #717AF3;padding-bottom: 10px;float: left;width: 100%;font-weight: bold;}
.sy-fr .sy-box-fiex ul{float: left;}
.sy-fr .sy-box-fiex ul li{border-bottom: 1px solid #DDDDDD;width:100%;float:left;padding:15px 0;position: relative}
.sy-fr .sy-box-fiex ul li p{font-size: 16px;color: #333333;line-height: 22px;display: block;float: left;width:100%;font-weight: bold;}
.sy-fr .sy-box-fiex ul li p a:hover{color:#717AF3;}
.sy-fr .sy-box-fiex ul li span{display: block;float: left;width:100%;font-size: 14px;color: #999999;line-height: 14px;padding-top: 10px;}
.sy-fr .sy-box-fiex ul li .botm{float: left;width:100%;margin-top: 10px;}
.sy-fr .sy-box-fiex ul li .botm em{float: left;font-size: 28px;color: #A374D5;font-style: normal;}
.sy-fr .sy-box-fiex ul li .botm a{float: right;font-size:14px;color: #fff;width:100px;height:30px;line-height: 30px;background: #82ACFF;text-align: center;border-radius: 5px;}
.sy-fr .sy-box-fiex ul li .botm a:hover{color: #A374D5;}
.sy-fr .sy-box-fiex ul li .botm a:active{color: #fff;}
.sy-fr .sy-box-fiex ul li .botm a.disable{background: #DDDDDD;}
.sy-fr .sy-box-fiex ul li .botm a.disable:hover{opacity: 1;}
.sy-fr .sy-box-fiex ul li .botm a.disable:active{opacity: 1;}
.sy-fr .sy-box-fiex img{width:100px;height:100px;float: left;}
.sy-fr .sy-box-fiex .sy-fiex-r{margin-left: 120px;}
.sy-fr .sy-box-fiex .sy-fiex-r em{float: right !important;font-size:24px !important;width:40%;text-align: right;}
.sy-fr .sy-box-fiex .sy-fiex-r span{width:60%;white-space: nowrap; text-overflow:ellipsis;overflow:hidden;}
.sy-fr .sy-box-fiex .sy-fiex-r .botm{position:absolute;left:120px;right:0px;bottom:5px;width: auto;}


/***********************南惠人力***************************/
.sy-nhui{width:100%;height:600px;min-width: 1200px;background-size: cover;}
.sy-nhui-qh{background: url(../images/banner02.jpg) center no-repeat;background-size: cover;}
.sy-nhui .jb1200{width:1200px;margin:0 auto; display: flex;flex-flow: row;justify-content: space-between; }
.sy-nhui .jb1200 .nh-fl{font-family: "PingFangSC-Regular";font-size: 20px;color: #FFFFFF;line-height: 30px;text-shadow: 0 0 4px rgba(0,0,0,0.50);width:820px;margin-top:178px;}
.sy-nhui .jb1200 .nh-fl h3{font-family: "ProximaNova-Semibold";font-size: 36px;color: #FFFFFF;letter-spacing: 2.67px;padding-bottom: 25px;}
.sy-nhui .jb1200 .nh-fr{width:400px;height:200px;background: url(../images/pic07.png) center no-repeat;margin-top:25px;float:right}
.sy-nhui .jb1200 .nh-fr h3{font-size: 18px;color: #333333;line-height: 18px;padding:25px 30px 15px 30px;font-weight: bold;}
.sy-nhui .jb1200 .nh-fr p{font-size: 14px;color: #151515;line-height: 24px;padding:0px 30px;}
.sy-nhui .jb1200 .nh-fr p.first-child{color:#484C7F;font-weight: bold;font-size:15px}
.sy-nhui .jb1200 .nh-fr p font{font-weight: lighter;padding-left:50px;font-size:14px}
.sy-nhui .jb1200 .nh-fr p span{width:50px; display: inline-block;}
.sy-nhuiscroll{width:400px !important}
.xn-main-ic02-nhui{margin-left:420px;margin-right:420px;width:360px;}
.xn-main-ic04{width:360px;float:right;background:#fff;height:300px;border:1px solid #ddd;padding:0px 20px;margin-bottom:20px}
.xn-main-ic04 h3{font-size: 18px;color: #333333;line-height:25px;border-bottom:2px solid #717AF3;padding-bottom: 10px;float: left;width: 100%;font-weight: bold;padding-top:10px}
.xn-main-ic04 h3 a{float: right;font-size: 14px;color: #7189BF;text-align: right;line-height: 14px;margin-top:6px;font-weight: lighter;}
.xn-main-ic04 h3 a:hover{color: #333;}


/***********************浦东人力***************************/
.sy-pudscroll{width:590px !important}
.xn-main-ic02-pud{margin-left:610px;margin-right:0px;width:590px;}
.xn-main-ic05{display: flex;flex-flow: row;justify-content: space-between;width:1200px;margin:30px 0}
.xn-main-ic05 .flex01{width:24%;border: 1px solid #ddd;background: #fff;}
.xn-main-ic05 .flex01 img{width:100%;height:180px;float: left;}
.xn-main-ic05 .flex01 p{font-size: 18px;color: #333333;text-align: center;display: block;width:100%;float: left;padding:15px 0;font-weight: bold;}


/***********************职位描述***************************/
.sy-box-post{padding:30px !important}
.sy-box-post .sy-tits-post{width:100%;position: relative;padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.sy-box-post .sy-tits-post h3{font-size: 18px;color: #333333;line-height: 18px;font-weight: bold;width:100%;border: 0;padding-bottom: 20px;}
.sy-box-post .sy-tits-post p{font-size: 14px;color: #333333;line-height:20px;width:100%}
.sy-box-post .sy-tits-post img{position: absolute;right:0px;top:0px;width:50px;height:50px}
.sy-box-post .sy-cout{font-size: 14px;color: #333333;line-height: 22px;padding:20px 0 40px 0}
.sy-box-post .sy-zhiwAll{font-size: 20px;color: #82ACFF;text-align: center;line-height: 50px;width:376px;border: 2px solid #82ACFF;border-radius:5px;display: block;}
.sy-box-post .sy-zhiwAll:hover{background: #82ACFF;color:#fff}
.sy-fl-post{width:100%;/* display: flex;flex-flow: row; justify-content: space-between; */padding:10px 0 20px 0;}
.sy-fl-post .fl{width:auto;float: left;margin-bottom:40px;}
.sy-fl-post .fl h3{font-size: 20px;color: #333333;line-height: 30px;font-weight: bold;padding-top:10px}
.sy-fl-post .fl p{font-size: 14px;color: #333333;line-height:20px;}
.sy-fl-post .fl p.first{padding-bottom: 10px;}
.sy-fl-post .fr{width:200px;float: right;}
.sy-fl-post .fr a{background: #82ACFF;width:100%;height:50px;line-height: 50px; text-align: center;color:#fff;font-size:20px; display: block;border-radius: 5px;}
.sy-fl-post .fr a:hover{background: #A374D5;}
.sy-fl-post .fr a:active{background: #82ACFF;}
.sy-fl-post .fr p{font-size: 20px;color: #A374D5;text-align: right;line-height: 20px;width:100%;padding: 20px 0 30px 0;}
.sy-fl-postC{border-top: 1px solid #ddd;padding:20px 0;display: inline-table;width:100%}
.sy-fl-postC h3{font-size: 18px;color:#A374D5;line-height: 18px;font-weight: bold;width:100%;padding-bottom: 20px;display: inline-table;}
.sy-fl-postC div{font-size: 14px;color: #333333;line-height: 20px;padding:10px 0;display: inline-table;}


/***********************首页***************************/
.sy-hot-post{border: 1px solid #ddd;border-bottom:0px;background: #fff;display: flex;flex-flow: row wrap;justify-content: space-between;}
.sy-hot-post li{border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;width:29.8%;padding:0 20px;position: relative;}
.sy-hot-post li:nth-child(3n){border-right:0}
.sy-hot-post li .div-top{border-bottom: 1px #eee dashed;padding:15px 0}
.sy-hot-post li .div-top h3{font-size: 18px;color: #333333;line-height:36px;font-weight: bold;}
.sy-hot-post li .div-top h3 a{float: none;font-size: 18px;color: #333333;font-weight: bold;}
.sy-hot-post li .div-top h3 a:hover{color: #A374D5;}
.sy-hot-post li .div-top h3 font{float:right;color: #A374D5;text-align: right;font-weight: lighter;}
.sy-hot-post li .div-top p{font-size: 14px;color: #666666;line-height:26px;}
.sy-hot-post li .div-bottom{padding:15px 0;height:30px;}
.sy-hot-post li .div-bottom p{font-size: 14px;color: #666;line-height:30px;float:left;padding-right:20px}
.sy-hot-post li .div-bottom p:first-child{color: #333333;}
.sy-hot-post li .div-bottom img{float:right;border-radius: 100%;width:30px;height: 30px;}
.sy-position{position: relative;z-index: 999}
.sy-post-type{border: 1px solid #ddd;background: #fff;display: flex;flex-flow: row wrap;justify-content: space-between;padding:10px 0 0 0}
.sy-post-type li{border-bottom: 1px dashed #ddd;font-size: 14px;line-height:48px;width:46.5%;margin:0 20px;position: relative;display: inline-flex;flex-flow: row;justify-content: space-between;}
.sy-post-type li a{color: #7189BF;width:30%; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.sy-post-type li a:hover{color: #333;}
.sy-post-type li p{color: #333333;width:25%;}
.sy-post-type li span{color: #A374D5;width:20%; text-align: right;}
.sy-post-type li:after{content: "";border-right: 1px solid #ddd;position: absolute;right:-21px;top:5px;height:48px}
.sy-post-type li:last-child{width:100%;border: 0px;}
.sy-post-type li:last-child a{width:100%;text-align: right;}
.sy-post-type-title{border-bottom: 2px solid #82ACFF;height:54px !important;margin-top:50px}
.sy-post-type-title li{height:50px;line-height: 50px;font-size:14px;color:#7189BF}
.sy-post-type-title .layui-this{background:#82ACFF;color:#fff !important}
.sy-post-type-title .layui-this:after{bottom: 0;border:0px !important;}
.sy-main{display: flex;flex-flow: row;justify-content: space-between;width:1200px}
.sy-main-scroll{width:780px;height:542px;}
.sy-main-news{width: 400px;}
.news-right .div{width:100%;height:235px;position: relative;}
.news-right .div img{width:100%;height:100%;}
.news-right .div a{font-size: 18px;color: #FFFFFF;line-height:40px;text-shadow: 0 0 2px rgba(0,0,0,0.50);position: absolute;bottom:0px;left:10px;right:10px}
.news-right .div a:hover{color:#A06EE1}
.news-right ul{width:100%;}
.news-right ul li{width:100%;border-bottom:1px #ddd dashed;padding:10px 0;height:60px}
.news-right ul li img{float: left;width:100px;height:100%}
.news-right ul li a{font-size: 16px;color: #333333;line-height: 20px;display: block;margin-left:120px;}
.news-right ul li a:hover{color:#A374D5}
.sy-main-title{border-bottom: 2px solid #A06EE1;height:50px;line-height: 50px;}
.sy-main-title li:hover{color:#4783E3}
.sy-main-title .layui-this{color:#A06EE1;}
.sy-main-title .layui-this:after{border-bottom: 0px !important;}
.sy-main-margin{margin-top:-10px !important}
.main-more{float: right;font-size: 14px;color: #7189BF;padding-top:10px}
.main-more:hover{color:#333}
.sy-main-search{width:100%;float:left;position: relative;margin-bottom: 15px;}
.sy-main-search select{width:100px;height:45px;line-height: 45px;float: left;font-size:16px;color:#333;border:1px solid #ddd;border-radius: 0;
                      border-top-left-radius: 5px;border-bottom-left-radius: 5px; text-indent: 10px;}
.sy-main-search input{width:240px;height:45px;line-height:45px;float: left;font-size: 16px;border-left: 0px;border-radius: 0;position: relative;border:1px solid #ddd}
.sy-main-search input:after{content: "123";position:absolute;left:0px;top:0px;bottom:0px;}
.sy-main-search button{width:60px;background: #82ACFF;text-align: center;height:45px;line-height:45px;float:left;border-radius: 0;
                      border-top-right-radius: 5px;border-bottom-right-radius: 5px;font-size: 26px;}
.sy-main-search a{position:absolute;right:0px;bottom:-30px;color: #82ACFF;font-size:14px;}	
.sy-main-search a:hover{color:#333}
.sy-main-banner{height:150px;}
.sy-employ-post{display: flex;flex-flow: wrap;justify-content: space-between;width:100%;}
.sy-employ-post .sy-li{border: 1px solid #ddd;width:32%;background: #fff;margin-top: 15px;}
.sy-employ-post .sy-li h3{font-size: 18px;color: #333333;letter-spacing: -0.1px;line-height:20px;border-bottom:1px solid #DDDDDD;text-indent: 50px;padding:20px 0;font-weight:bold;position: relative;}
.sy-employ-post .sy-li h3:before{content: "";width:20px;height:20px;border-radius: 100%;display: inline-block;margin-right:5px;position: absolute;left:20px;top:21px}
.sy-employ-post .sy-li:nth-child(1) h3:before{background: #A374D5;}
.sy-employ-post .sy-li:nth-child(2) h3:before{background: #FE9E8A;}
.sy-employ-post .sy-li:nth-child(3) h3:before{background: #59BCFF;}
.sy-employ-post .sy-li:nth-child(4) h3:before{background: #E76DCD;}
.sy-employ-post .sy-li:nth-child(5) h3:before{background: #63DECF;}
.sy-employ-post .sy-li:nth-child(6) h3:before{background: #615AE9;}
.sy-employ-post .sy-li ul{width:92%;padding:0 4%}
.sy-employ-post .sy-li ul li{width:100%;border-bottom: 1px dashed #DDDDDD;padding:15px 0}
.sy-employ-post .sy-li ul li:last-child{border: 0;}
.sy-employ-post .sy-li ul li p{font-size: 16px;color: #A374D5;line-height:30px;font-weight: bold;}
.sy-employ-post .sy-li ul li span{font-size: 14px;color: #666666;line-height:20px;display: block;position: relative;}
.sy-employ-post .sy-li ul li span a{color: #A374D5;text-align: right;float: right;}
.sy-employ-post .sy-li ul li span a:hover{color:#666}
.sy-employ-post .sy-li ul li span a:active{color:#A374D5}

/* 启慧咨询 */
.qh-foot{background: #E69B38;color: #FFFFFF;}
.qh-foot img{float:right;width:114px;height:114px}
.qh-foot .div{float: left;}
.qh-foot .div h3{font-size: 18px;color: #FFFFFF;padding-bottom: 10px;padding-top:10px}
.qh-foot .div p{font-size: 14px;color: #FFFFFF;line-height: 24px;}
.qh-ous{width:1200px!important;position: relative;margin-top:10px;float: left;margin-bottom: 20px;}
.qh-ous .titles{margin: 0 auto;width:300px;text-align: center}
.qh-ous .titles h3{font-family: "ProximaNova-Semibold";font-size: 30px;color: #333333;letter-spacing: 0;position: relative;font-weight: bold;}
.qh-ous .titles h3:after{border-bottom:2px solid #717AF3;left:50%;width:70px;margin-left:-35px;bottom:-30px;content: "";position:absolute}
.qh-ous .titles p{font-family: ProximaNova-Semibold;font-size: 18px;color: #333333;letter-spacing: 2px;}
.qh-ous .qh-contents{width:100%;margin-top:40px}
.qh-ous .qh-contents a{float: left;height:300px;display: block;line-height: 180px;text-align: center;font-size: 20px;color: #FFFFFF;font-weight: bold;position: relative;}
.qh-ous .qh-contents a:nth-child(1){background: url(../images/qh01.jpg) no-repeat;background-size: cover;width:45%}
.qh-ous .qh-contents a:nth-child(2){background: url(../images/qh02.jpg) no-repeat;background-size: cover;width:55%}
.qh-ous .qh-contents a:nth-child(3){background: url(../images/qh03.jpg) no-repeat;background-size: cover;width:33%}
.qh-ous .qh-contents a:nth-child(4){background: url(../images/qh04.jpg) no-repeat;background-size: cover;width:33%}
.qh-ous .qh-contents a:nth-child(5){background: url(../images/qh05.png) no-repeat;background-size: cover;width:34%}
.qh-ous .qh-contents a:nth-child(1):after{background:#FF658E;opacity: .3;width:100%;height:100%;content: "";position: absolute;left: 0;top:0;z-index:1;}
.qh-ous .qh-contents a:nth-child(2):after{background:#7570FE;opacity: .3;width:100%;height:100%;content: "";position: absolute;left: 0;top:0;z-index:1;}
.qh-ous .qh-contents a:nth-child(3):after{background:#7570FE;opacity: .3;width:100%;height:100%;content: "";position: absolute;left: 0;top:0;z-index:1;}
.qh-ous .qh-contents a:nth-child(4):after{background:#4697FF;opacity: .3;width:100%;height:100%;content: "";position: absolute;left: 0;top:0;z-index:1;}
.qh-ous .qh-contents a:nth-child(5):after{background:#55CEED;opacity: .3;width:100%;height:100%;content: "";position: absolute;left: 0;top:0;z-index:1;}
.qh-ous .qh-contents a:nth-child(1):before{content: "管理咨询";margin-top:50px;position: absolute;left: 0;top:0;z-index:2;width:100%;height:100%;}
.qh-ous .qh-contents a:nth-child(2):before{content: "测评";margin-top:50px;position:absolute;left: 0;top:0;z-index:2;width:100%;height:100%;}
.qh-ous .qh-contents a:nth-child(3):before{content: "培训";margin-top:50px;position:absolute;left: 0;top:0;z-index:2;width:100%;height:100%;}
.qh-ous .qh-contents a:nth-child(4):before{content: "课题与调研";margin-top:50px;position: absolute;left: 0;top:0;z-index:2;width:100%;height:100%;}
.qh-ous .qh-contents a:nth-child(5):before{content: "社工研究院";margin-top:50px;position: absolute;left: 0;top:0;z-index:2;width:100%;height:100%;}
.qh-ous .qh-contents a:hover:after{opacity: .8;}

.qh-ous .qh-active{width:100%;margin-top:40px}
.qh-ous .qh-active .sy-qhdt{padding:10px 0;background: transparent;}
.qh-ous .qh-active .sy-qhdt img{width:170px;height:170px;border-radius: 100%;float: left;margin-left:20px;}
.qh-ous .qh-active .sy-qhdt div{margin-left:250px;color: #333333;}
.qh-ous .qh-active .sy-qhdt div h3{font-size: 24px;font-family:"ProximaNova-Semibold";font-weight: normal;padding-bottom:5px}
.qh-ous .qh-active .sy-qhdt div p{font-size: 16px;line-height: 30px;font-weight: normal;}
.qh-ous .qh-active .sy-qhdt div span{font-size: 14px;line-height: 20px;}
.qh-ous .qh-active .sy-qhdt div a{font-family:"PingFangSC-Regular";font-size: 14px;color: #7189BF;text-align: right;line-height: 14px;display: block;}
.qh-ous .qh-active .sy-qhdt div a:hover{color:#333}
.culling{background: url(../images/banner03.jpg) no-repeat;background-size: cover;position: absolute;left:0px;right:0;height:520px;top:1885px;min-width: 1200px;}
.qh-culling{height: 500px;padding:30px 0;}
.qh-culling .qh-contents{display: flex;flex-flow: row;justify-content: space-between;width:100%}
.qh-culling .div{width:385px;height:302px;background: #fff;text-align: center;padding:30px 0;position: relative;cursor: pointer;border-radius:10px;}
.qh-culling .div img{margin-top:15px;width:200px;height:200px}
.qh-culling .div p{font-size: 24px;color: #333333;padding-top:15px;font-weight: bold;}
.qh-culling .div .hover{background:#717AF3;opacity: .8;width:90%;height:100%;content: "";position: absolute;left: 0;top:0;
                  font-family:"PingFangSC-Regular";font-size: 18px;color: #fff;line-height: 20px;text-align: left;padding:0 5%;display: none;align-items: center;}
.qh-culling .div:hover .hover,.qh-culling .div.selected .hover{ display: flex;border-radius:10px;}

.qh-ous .qh-contents-w{width:100%;margin-top:40px}
.qh-ous .qh-contents-w .would{width:100%}
.qh-ous .qh-contents-w .would p{font-size: 18px;color: #333333;line-height: 20px;font-family:"ProximaNova-Regular";line-height:36px;}
/*.qh-ous .qh-contents-w .would a{background: #82ACFF;border-radius: 3px;width:100px;height:30px; text-align: center;line-height: 30px;color:#fff;display:block;margin:20px auto}*/
.qh-ous .qh-contents-w .would .ul{width:100%;flex: 0 1 auto}
.qh-ous .qh-contents-w .would .ul p{display:flex;flex-flow: row;justify-content: space-around; }
.qh-ous .qh-contents-w .would .ul img{margin:10px 0;flex-shrink:1; flex: 0 1 auto}
.zhai {
    width:200px!important;
    height:100px!important;
}
.kuan {
    height: 100px!important;
    width: 326px!important;
}




select {
   /*为下拉小箭头留出一点位置，避免被文字覆盖*/
   padding-right:34px;
   padding-left: 10px;
   /*将默认的select选择框样式清除*/
   appearance:none;
   -moz-appearance:none;
   -webkit-appearance:none;
   background: url("../images/low.png") no-repeat scroll right center #fff;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }



/*****************************************学林官网*********************************************/
.xl-first{width:100%;height:384px;background: #717AF3;border-radius: 12px; overflow: hidden;}
.xl-first .fl{width:224px;float: left;}
.xl-first .fl ul{margin:20px 15px}
.xl-first .fl ul li{width: 100%;margin-bottom:20px; background: url(../images/xl/xl-r.png) center right no-repeat;}
.xl-first .fl ul li label{font-size:14px;color:#fff;padding-right: 10px;}
.xl-first .fl ul li a{font-size:12px;color:#fff;margin-right: 10px;opacity: .7;}
.xl-first .fr{margin-left:224px}
.xl-first .fr img{width:100%;height:100%}
.xl-second{width: 100%;display: flex;flex-flow: row;justify-content: space-between;}
.xl-second li{width:285px;height:310px;position: relative;margin-top:30px;margin-bottom: 20px;}
.xl-second li p{position: absolute;bottom:40px;left: 0px;right:0px; text-align: center;font-size:40px}
.xl-three{}
.xl-three .fl{margin-right:300px}
.xl-three .xl-01,.xl-three .xl-02{width:100%;float: left;}
.xl-three .xl-01 ul{display: flex;flex-flow: wrap;justify-content: space-between;float: left;margin-bottom: 40px;}
.xl-three .xl-01 ul li{width:32%;display: flex;flex-flow: column;justify-content: center;align-items: center;height:90px;background: rgba(113,122,243,0.14);margin-top:15px;border-radius: 2px;}
.xl-three .xl-01 ul li label{font-size: 18px;padding-bottom:5px;font-weight: 600;}
.xl-three .xl-01 ul li font{font-size: 16px;}
.xl-three .xl-01 ul li:nth-child(1),.xl-three .xl-01 ul li:nth-child(6){background: rgba(113,122,243,0.14);color: #717AF3;}
.xl-three .xl-01 ul li:nth-child(2),.xl-three .xl-01 ul li:nth-child(4){background: rgba(103,182,53,0.18);color: #76B74D;}
.xl-three .xl-01 ul li:nth-child(3),.xl-three .xl-01 ul li:nth-child(5){background: rgba(213,135,31,0.14);color: #E28F21;}
.xl-three .xl-01 ul li:nth-child(1) a,.xl-three .xl-01 ul li:nth-child(6) a{color: #717AF3;}
.xl-three .xl-01 ul li:nth-child(2) a,.xl-three .xl-01 ul li:nth-child(4) a{color: #76B74D;}
.xl-three .xl-01 ul li:nth-child(3) a,.xl-three .xl-01 ul li:nth-child(5) a{color: #E28F21;}
.xl-three .xl-01 ul li a:hover{opacity: .8;}
.xl-three .xl-02 ul{display: flex;flex-flow: wrap;justify-content: space-between;float: left;margin-bottom: 40px;}
.xl-three .xl-02 ul li{width:31%;display: flex;flex-flow: column;margin-top:25px;}
.xl-three .xl-02 ul li img{width:100%;height:160px;}
.xl-three .xl-02 ul li p{font-size: 16px;color: #333333;padding:20px 0 8px 0;font-weight: 600;}
.xl-three .xl-02 ul li span{font-size: 14px;color: #999;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.xl-three .fr{width:250px;float: right;border: 1px solid #ddd;background-color: #fff;padding:20px 15px 0 15px}
.xl-three .fr ul{}
.xl-three .fr ul li{width:100%;float: left;border-bottom: 1px solid #ddd;padding:15px 0;}
.xl-three .fr ul li:last-child{border:0}
.xl-three .fr ul li label{float: left;background: #B4B4B4;border-radius: 2px;color:#fff;width: 14px;height: 14px;text-align: center;font-size: 12px;
line-height: 14px;margin-top:2px}
.xl-three .fr ul li p{float: left;display: flex;flex-flow: column;margin-left: 10px;width: 226px;}
.xl-three .fr ul li p span{font-size: 14px;color: #333333;margin-bottom:3px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.xl-three .fr ul li p font{font-size: 14px;color: #999999;}
.xl-three .fr ul li:nth-child(1) label{background: #F76745;}
.xl-three .fr ul li:nth-child(2) label{background: #FDA40C;}
.xl-three .fr ul li:nth-child(3) label{background: #49D836;}
.xl-three .fr ul li img{width:100px;height:56px;float: left;margin-left: 10px;margin-top: 3px;}
.xl-three .fr ul li:first-child p{width: 115px;overflow: auto;word-break: normal;}
.xl-three .fr ul li:first-child p span{text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;white-space: break-spaces;}
[v-cloak] {
    display: none;
}