@charset "utf-8";
/* CSS Document */

.warp{ width:100%; min-width:1200px; border:solid #F00 0px; overflow:hidden;}
.center{ width:1200px; margin:0 auto}
.left{ float:left}
.right{ float:right}


/*  以下二级页面  */
.logo{ float:left; padding-top:59px; line-height:normal}
.nav{ background:#FFF; height:172px; position:inherit; width:100%; z-index:5}
.nav .center{ position:relative}
.nav .share{ position:absolute; top:52px; left:456px; z-index:999}
.nav .share span{ float:left; background:#373737; width:29px; height:29px; border-radius:29px; margin:0 26px; cursor:pointer; transition:all 0.3s linear}
.nav .share span:hover{ background:#E1A04E}
.nav .nav-list{ padding-top:72px}
.nav .nav-item a{ padding-top:17px; color:#373737; width:152px; position:relative}
.nav .nav-item > a:before{ content:""; background:#5A5A5A; width:1px; height:32px; position:absolute; top:24px; right:0; transform:rotate(34deg)}
.nav .nav-item:last-child a:before{ display:none}
.nav .nav-item a:hover{ background:none}
.nav .nav-item .childLevel{ background:rgba(240,245,246,0.9); border:solid 1px #3079AA; border-top:solid 1px #3079AA; position:absolute; top:80%}

.footer{ font-size:16px; color:#9dc6d9; line-height:36px; padding:36px 0 70px; height:auto; letter-spacing:1px}
.footer .footer-1{ float:left}
.footer span{ color:#FFF}
.footer p{ padding:10px 0}
.footer i{ font-style:normal; color:#f4e332}
.footer .footer-2{ float:right;}


/*  合作院校  */
.coopeBanner{ background:url(/static/images/coopeBanner-1.jpg) center no-repeat; height:842px; overflow:hidden}
.coopeBanner .coopeBanner-1{ color:#fefefe; line-height:80px; margin-top:246px}
.coopeBanner .coopeBanner-1 b{ display:block; font-size:66px}
.coopeBanner .coopeBanner-1 span{ display:block; font-size:55px; font-family:Arial, Helvetica, sans-serif}

.detail{ height:468px; position:relative}
.detail ul{ background:url(/static/images/country-back.png) no-repeat; width:704px; height:704px; position:absolute; bottom:0; left:50%; margin-left:-352px}
.detail ul li{ width:322px; font-size:42px; color:#FFF; line-height:82px; position:absolute}
.detail ul li a{ background:url(/static/images/lcon2.png) 0 -609px no-repeat; width:96px; height:25px; text-align:center; line-height:25px; font-size:15px; color:#257cb4; text-decoration:none;}
.detail ul li a:hover{ background:url(/static/images/lcon2.png) 0 -635px no-repeat}
.detail ul li:nth-child(1){ top:191px; left:0; text-align:right}
.detail ul li:nth-child(2){ top:191px; right:0; text-align:left}
.detail ul li:nth-child(3){ bottom:226px; left:0; text-align:right}
.detail ul li:nth-child(4){ bottom:226px; right:0; text-align:left}
.detail ul li:nth-child(5){ font-size:72px; color:#257cb4; font-family:Arial, Helvetica, sans-serif; line-height:72px; bottom:20px; left:76px}
.detail ul li:nth-child(5) span{ padding-right:246px}

.country{ text-align:center; margin-top:60px}
.country ul{ display:inline-block; padding-bottom:6px}
.country ul li{ float:left; font-size:24px; color:#257cb4; line-height:30px; padding-left:47px; margin:0 23px; background:url(/static/images/lcon2.png) no-repeat; position:relative; cursor:pointer}
.country ul li.countryNuw{ border-bottom:solid 1px #146A99}
.country ul li.countryNuw:before{ content:""; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:6px solid #146A99; position:absolute; bottom:-7px; left:50%; margin-left:-7px}
.country ul li.c179{ background-position:0 -675px}
.country ul li.c178{ background-position:0 -704px}
.country ul li.c181{ background-position:0 -733px}
.country ul li.c180{ background-position:0 -762px}

.switch{ position:relative}
.switch .switchItem{ display:none}
.switch .univer{ font-size:18px; color:#aaaaaa; text-align:center; line-height:46px; border-bottom:solid 1px #257CB4; position:relative}
.switch .univer span{ display:inline-block; padding:0 16px; cursor:pointer; position:relative}
.switch .univer span:before{ content:""; background:#AAAAAA; width:5px; height:5px; transform:rotate(45deg); position:absolute; top:21px; left:0}
.switch .univer span.univerNuw{ color:#257cb4}
.switch .univer span.univerNuw:before{ background:#146A99}
.switch .univer a{ position:absolute; bottom:0; right:0; font-size:14px; color:#747575; line-height:20px; padding-right:22px; background:url(/static/images/lcon1.png) right -807px no-repeat; text-decoration:none}
.switch .switchBox{ padding:40px 0 87px; position:relative}
.switch .switchBox:before{ content:""; background:#257CB4; width:100%; height:1px; position:absolute; bottom:45px; left:0}
.switch .switchBox .btn{ position:absolute; bottom:10px; cursor:pointer}
.switch .switchBox .btn.l{ right:50.3%}
.switch .switchBox .btn.l:hover:before{ content:""; width:0; height:0; border-top:11px solid transparent; border-right:14px solid #F8B500; border-bottom:11px solid transparent; position:absolute; top:1px; right:0}
.switch .switchBox .btn.r{ left:50.3%}
.switch .switchBox .btn.r:hover:before{ content:""; width:0; height:0; border-top:11px solid transparent; border-left:14px solid #F8B500; border-bottom:11px solid transparent; position:absolute; top:1px; right:0}
.switch .switchBox li{ float:left; width:1200px}
.switch .switchImg{ float:left; width:473px; height:387px; border:solid 2px #257CB4; border-top:0; border-left:0; position:relative}
.switch .switchImg img{ width:100% !important;}
.switch .switchImg:before{ content:""; width:64px; height:64px; background:#FFF; border-left:solid 2px #257CB4; position:absolute; bottom:-33px; right:-34px; transform:rotate(45deg)}
.switch .switchIntro{ float:left; width:676px; min-height:360px; margin-left:49px; padding-bottom:28px; border-bottom:solid 1px #588FBD; position:relative}
.switch .switchName{ font-size:36px; color:#257cb4; font-weight:bold; line-height:40px}
.switch .switchIntro p{ font-size:18px; color:#8d91a0; line-height:36px; letter-spacing:1px; padding-top:20px}
.switch .switchIntro a{ position:absolute; bottom:0; right:0; font-size:14px; color:#747575; line-height:20px; text-decoration:none; padding-right:22px; background:url(/static/images/lcon1.png) right -807px no-repeat}
.switch .switchBom{ float:left; width:1200px; margin-top:66px}
.switch .switchBom .left{ width:473px}
.switch .switchBom .left a{ display:block; font-size:22px; color:#f8b500; line-height:50px; padding-left:33px; text-decoration:none; border-bottom:solid 1px #BBD6E7; position:relative}
.switch .switchBom .left a:hover{ color:#494949}
.switch .switchBom .left a:before{ content:""; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:11px solid #F9C740; position:absolute; left:2px; top:20px; transform:rotate(-90deg)}
.switch .switchBom .right{ width:690px; overflow:hidden}
.switch .switchBom .right .switchBom-0{ float:left; width:170px; margin:0 30px}
.switch .switchBom .right .switchBomDate{ font-size:22px; color:#257cb4; line-height:32px}
.switch .switchBom .right .switchBomDate i{ font-style:normal; font-size:36px}
.switch .switchBom .right .switchBomName{ font-size:22px; color:#f8b500; line-height:52px}
.switch .switchBom .right .switchBom-0 p{ font-size:18px; color:#8d91a0; line-height:30px; letter-spacing:1.2px}

.ourdream{ overflow:hidden}
.ourdream .ourdreamTitle{ margin-top:50px; padding-bottom:6px; position:relative}
.ourdream .ourdreamTitle a{ position:absolute; bottom:10px; right:0; font-size:14px; color:#747575; line-height:20px; padding-right:23px; background:url(/static/images/lcon1.png) right -808px no-repeat}
.ourdream ul{}
.ourdream li{ float:left; background:#F1F6F8; text-align:center; padding:12px 0 0 0; overflow:hidden}
.ourdream li .ourdreamInfo{ font-size:16px; color:#707a92; line-height:24px; padding:10px 12px; text-align:left; letter-spacing:2px}
.ourdream li:nth-child(1){ width:404px;}
.ourdream li:nth-child(1) .ourdreamInfo{ padding-bottom:15px}
.ourdream li:nth-child(2){ width:786px; margin-left:10px; padding-bottom:10px}
.ourdream li:nth-child(2) .ourdreamImg{ float:left; width:290px; padding-left:10px; text-align:left}
.ourdream li:nth-child(2) .ourdreamInfo{ float:left; width:454px; padding:36px 0 0 0}
.ourdream li:nth-child(3){ width:388px; margin:10px 0 0 10px}
.ourdream li:nth-child(4){ width:388px; margin:10px 0 0 10px}

.coopeLcon{ padding:76px 0 58px; border-bottom:solid 1px #D4DDE1}
.coopeLcon li{ float:left; width:126px; height:126px; margin:0 87px; background:url(/static/images/lcon.png) no-repeat #257CB4; border-radius:126px; position:relative; transition:all 0.3s linear}
.coopeLcon li:nth-child(1){ background-position:left -262px}
.coopeLcon li:nth-child(2){ background-position:right -262px}
.coopeLcon li:nth-child(3){ background-position:left -418px}
.coopeLcon li:nth-child(4){ background-position:right -418px}
.coopeLcon li:hover{ background:url(/static/images/lcon.png) no-repeat #F8B500}
.coopeLcon li:nth-child(1):hover{ background-position:left -262px}
.coopeLcon li:nth-child(2):hover{ background-position:right -262px}
.coopeLcon li:nth-child(3):hover{ background-position:left -418px}
.coopeLcon li:nth-child(4):hover{ background-position:right -418px}
.coopeLcon li:before{ content:""; background:#D4DDE1; width:1px; height:116px; position:absolute; top:5px; left:-87px}
.coopeLcon li:nth-child(1):before{ display:none}

.search{ width:364px; margin:86px auto 116px}
.search .searchName{ text-align:center; font-size:28px; color:#257cb4; line-height:30px; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px}
.search .searchName span{ display:inline-block; padding-right:16px; position:relative}
.search .searchName span:before{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:8px solid #257CB4; position:absolute; top:12px; right:0}
.search .searchBox{ width:362px; height:40px; line-height:40px; border:solid 1px #257CB4; overflow:hidden}
.search form input{ outline:none}
.search .search_txt{ float:left; width:281px; height:40px; line-height:40px; padding:0; margin:0; border:0; padding-left:40px; background:url(/static/images/lcon1.png) 8px -1078px no-repeat; font-size:16px; color:#257cb4;}
.search .search_submit{ float:left; width:40px; height:28px; border:0; background:none; border-left:solid 1px #257CB4; margin-top:6px; background:url(/static/images/lcon1.png) 14px -1028px no-repeat; cursor:pointer;}
input:-ms-input-placeholder{ font-size:16px; color:#257cb4; opacity:0.5}
input::-webkit-input-placeholder{ font-size:16px; color:#257cb4; opacity:0.5}


/*  就业指导  */
.emploBanner{ background:url(/static/images/jiyezhidao-banner.jpg) center no-repeat; height:620px}
.emploNav{ position:relative}
.emploNav ul.clearfix{ width:595px; padding:62px 0 40px; border-bottom:dashed 1px #616161; background:url(/static/images/emploNav-back.jpg) top left no-repeat; position:relative; top:-6px}
.emploNav ul.clearfix li{ float:left; width:148px; text-align:center; line-height:17px; border-right:solid 1px #A1A3A4; box-sizing:border-box}
.emploNav ul li:last-child{ border-right:none}
.emploNav ul li a{ font-size:18px; color:#909293; text-decoration:none}
.emploNav ul li a span{ display:block; font-size:12px}
.emploNav ul li.emploNavNuw a{ color:#2978a1}
.emploNav .calendar{ display: none; width: 350px; padding:59px 10px 10px 220px; margin:0 auto 0; background: #FFFFFF; border:solid 1px #626262; position:absolute; top:-149px; right:0}
.emploNav .calendarTitle{ position:absolute; top:0; left:0; font-size:24px; color:#257cb4; line-height:58px; padding-left:55px; border-bottom:dashed 1px #646464; width:520px; background:url(/static/images/lcon1.png) 17px -744px no-repeat}
.emploNav .calendar-title{ position:absolute; left:0; top:126px; width:200px; height: 30px; line-height: 30px; padding: 10px 0; text-align:center}
.emploNav .calendar-title a.title{ display: inline-block; font-size: 20px; color:#257cb4}
.emploNav #backToday{ position: absolute; left: 70%; top: 8px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; color: #fff;  background-color: rgb(255, 128, 142); font-size: 18px; display:none}
.emploNav .calendar-title .arrow{ position: absolute; top:9px; right:27px; width:146px;}
.emploNav .calendar-title .arrow span{ color: #ddd; font-size: 26px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.emploNav .calendar-title .arrow span:hover{ color: #888;}
.emploNav .calendar-title .arrow-prev{ float: left;}
.emploNav .calendar-title .arrow-next{ float: right;}
.emploNav .calendar-week,.calendar-date{ overflow: hidden;}
.emploNav .calendar-week .item,.calendar-date .item{ float: left; width: 50px; height: 30px; line-height: 30px; text-align: center;}
.emploNav .calendar-week{ font-weight: bold; font-size: 16px; color:#32332e}
.emploNav .calendar-date{}
.emploNav .calendar-date .item{ border-radius: 50%; cursor: pointer; font-size: 14px; color:#888888}
.emploNav .calendar-date .item:hover,.calendar-date .item-curMonth:hover{ background-color: #f0f0f0;}
.emploNav .calendar-date .item-curMonth{ color: #333;}
.emploNav .calendar-date .item-curDay{ color: #fff; background-color:#257CB4;}
.calendar-date .item-curDay:hover{ color: #333333;}
.emploNav .calendar-today{ display: none; opacity: 0; position: absolute; right: 20px; top: 20px; width: 90px; height: 48px; padding: 6px 10px; background-color: rgb(255, 128, 142); border-radius: 5px;}
.emploNav .calendar-today .triangle{ position: absolute; top: 50%; left: -16px; margin-top: -8px; border-width: 8px; border-style: solid; border-color: transparent rgb(255, 128, 142) transparent transparent;}
.emploNav .calendar-today p{ color: #fff; font-size: 14px; line-height: 24px;}

.emploCont{ margin-top:56px}
.emploCont .left{ width:765px}
.emploCont .emploClick{ border-bottom:dashed 1px #7C7B7B; height:60px; position:relative}
.emploCont .emploClick span{ float:left; width:255px; text-align:center; font-size:24px; color:#257cb4; line-height:60px; cursor:pointer}
.emploCont .emploClick span a{ font-size:14px; color:#909293; float:right; text-decoration:none; margin-right:26px}
.emploCont .emploClick span.emploSlip{ width:255px; height:12px; position:absolute; left:0; bottom:-5px}
.emploCont .emploClick span.emploSlip i{ display:block; background:#257CB4; width:240px; height:12px; margin:0 auto}
.emploCont .emploInfo{ margin-top:42px}
.emploCont .emploInfo ul{ display:none}
.emploCont .emploInfo li{ float:left; width:382px; font-size:16px; line-height:50px; overflow:hidden}
.emploCont .emploInfo li i{ float:left; width:50px; text-align:center; font-style:normal; color:#7e7e7d}
.emploCont .emploInfo li a{ float:left; width:332px; color:#32332e; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.emploCont .emploInfo li:first-child{ width:765px; padding-bottom:16px; margin-bottom:10px; border-bottom:dashed 1px #B1B1B1}
.emploCont .emploInfo li:first-child .emploImg{ float:left; width:289px}
.emploCont .emploInfo li:first-child .emploImg a{ float:none; width:auto;}
.emploCont .emploInfo li:first-child .emploTxt{ float:right; width:408px; margin-right:29px}
.emploCont .emploInfo li:first-child .emploTxt i{ background:#F29F37; width:72px; line-height:31px; text-align:center; font-size:24px; color:#ffffff; border-radius:3px}
.emploCont .emploInfo li:first-child .emploTxt a{ font-size:30px; color:#32332e; line-height:31px; padding-left:20px; width:316px}
.emploCont .emploInfo li:first-child .emploTxt p{ font-size:16px; color:#32332e; line-height:30px; padding-top:18px}
.emploCont .right{ width:400px}
.emploCont .emploTitle{ font-size:24px; color:#2978a1; line-height:60px; border-bottom:dashed 1px #7C7B7B; padding-left:92px; background:url(/static/images/lcon2.png) 18px 10px no-repeat}
.emploCont .emploTitle a{ float:right; font-size:14px; color:#909293; margin-right:20px}
.emploCont .right ul{ padding-top:6px}
.emploCont .right li{ font-size:16px; color:#32332e; line-height:79px; overflow:hidden; background:url(/static/images/emploRight-dashed.png) bottom right no-repeat}
.emploCont .right li a{ float:left; margin-left:14px; width:300px; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.emploCont .right li span{ float:left; width:84px; text-align:right; font-size:14px}
.emploCont .right li:last-child{ border-bottom:none}

.emploBottom{ padding:86px 0 99px; background:url(/static/images/emplo-bottom-bom.jpg) bottom repeat-x}
.emploBottom ul{}
.emploBottom li{ float:left; width:300px; text-align:center}
.emploBottom li i{ display:block; width:102px; height:102px; margin:0 auto; border-radius:102px; background:url(/static/images/lcon2.png) no-repeat #257CB4; transition:all 0.3s linear}
.emploBottom li:hover i{ background:url(/static/images/lcon2.png) no-repeat #EBA650}
.emploBottom li:nth-child(1) i,.emploBottom li:nth-child(1):hover i{ background-position:0 -66px}
.emploBottom li:nth-child(2) i,.emploBottom li:nth-child(2):hover i{ background-position:0 -177px}
.emploBottom li:nth-child(3) i,.emploBottom li:nth-child(3):hover i{ background-position:0 -292px}
.emploBottom li:nth-child(4) i,.emploBottom li:nth-child(4):hover i{ background-position:0 -396px}
.emploBottom li a{ display:block; font-size:24px; color:#392e31; line-height:28px; padding-top:28px; text-decoration:none}
.emploBottom li p{ font-size:18px; color:#6e6e6e; line-height:20px; padding-top:32px}

/*  项目概况蓝色  */
.projBanner{ background:url(/static/images/xiangmugaikuang-banner.jpg) center no-repeat; height:907px}

.projModu{ height:270px; position:relative}
.projModu ul{ position:absolute; height:426px; position:absolute; bottom:0; left:0}
.projModu ul li{ position:relative; float:left; width:284px; height:426px; margin:0 5px;}
.projModu ul li:first-child{ margin-left:17px}
.projModu ul li:before{ content:""; width:284px; height:426px; position:absolute; top:0; left:0; transform:skew(-7deg); -webkit-transform: skew(-7deg); -moz-transform: skew(-7deg); -o-transform:skew(-7deg); -ms-transform:skew(-7deg); z-index:0}
.projModu ul li:nth-child(1):before{ background:#257CB4}
.projModu ul li:nth-child(2):before{ background:#3C9BC3}
.projModu ul li:nth-child(3):before{ background:#106296}
.projModu ul li:nth-child(4):before{ background:#129EBC}
.projModu ul li .moduInfo{ position:relative; z-index:3}
.projModu li .moduInfo p:nth-child(1){ font-size:25px; color:#FFF; line-height:30px; padding:50px 0 0 42px; position:relative}
.projModu li .moduInfo p:nth-child(1) span{ display:block}
.projModu li .moduInfo p:nth-child(1) span:first-child{ padding-left:6px}
.projModu li .moduInfo p:nth-child(2){ font-size:18px; color:#ffffff; height:200px; line-height:40px; padding:36px 10px 0 20px}
.projModu li .moduInfo i{ display:block; width:33px; height:33px; margin-left:40%; background:url(/static/images/lcon2.png) 0 -531px no-repeat}
.projModu li:hover .moduInfo p:nth-child(1){ color:#f4e008}
.projModu li:hover .moduInfo p:nth-child(1):before{ content:""; background:#FBF20A; width:35px; height:2px; position:absolute; bottom:-2px; left:44px}
.projModu li:hover .moduInfo i{ background:url(/static/images/lcon2.png) -70px -530px no-repeat}

.educa{ margin-top:55px}
.educa .left{ background:#F1F6F8; width:625px; height:502px}
.educa .left .projTitle{ font-size:18px; color:#257cb4; line-height:24px; padding:16px 0 0 12px}
.educa .left .educa-1{ font-size:24px; color:#0b6eac; line-height:40px; padding:86px 0 0 60px}
.educa .left .educa-2{ font-size:18px; color:#494949; line-height:32px; padding:16px 60px 0}
.educa .left .educa-3{ border-bottom:solid 1px #588FBD; margin:78px 66px 0 60px; text-align:right; line-height:20px; padding-right:20px; background:url(/static/images/lcon1.png) right -807px no-repeat;}
.educa .left .educa-3 a{ font-size:14px; color:#747575; text-decoration:none}
.educa .right{ width:562px; overflow:hidden; position:relative}
.educa .right:before{ content:""; background:#FFF; width:100px; height:100px; transform:rotate(45deg); position:absolute; top:-60px; right:-60px; z-index:9}
.educa .right span{ float:left; position:relative}
.educa .right span:nth-child(1){ margin-bottom:10px}
.educa .right span:nth-child(2){ float:right; margin-bottom:9px}
.educa .right span:nth-child(3){ float:right;}
.educa .right span a{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-style:normal; font-size:20px; color:#ffffff; line-height:32px; border:solid 1px #FFF; padding:0 6px; text-decoration:none}
.educa .right span:nth-child(1) i{ background:#257CB4; border:0; top:90%; padding:0 10px}

.recrui{ background:url(/static/images/recrui-back.jpg) center no-repeat; height:581px; margin-top:60px}
.recrui .right{ width:600px}
.recrui .recruiTitle{ font-size:18px; color:#ffffff; line-height:24px; padding:16px 0 0 0; text-align:right}
.recrui .recrui-1{ font-size:24px; color:#ffffff; line-height:28px; padding:132px 0 0 68px}
.recrui .recrui-2{ font-size:18px; color:#ffffff; line-height:40px; padding:26px 56px 0 68px}
.recrui .recrui-3{ border-bottom:solid 1px #FFF; margin:78px 66px 0 60px; text-align:right; line-height:20px; padding-right:20px; background:url(/static/images/lcon1.png) right -846px no-repeat;}
.recrui .recrui-3 a{ font-size:14px; color:#FFF; text-decoration:none}

.apply{ margin-top:99px}
.apply .applyTitle{ font-size:44px; color:#0b6eac; line-height:45px}
.apply .applyTitle span{ display:inline-block; padding-right:38px; background:url(/static/images/lcon1.png) right -958px no-repeat}
.apply ul{ padding:46px 0 82px}
.apply ul li{ float:left; width:595px; margin-bottom:10px; position:relative}
.apply ul li:nth-child(2n+2){ margin-left:10px}
.apply ul li:before{ content:""; background:#FFF; width:100px; height:100px; transform:rotate(45deg); position:absolute; z-index:6}
.apply ul li:nth-child(1):before{ top:-66px; right:-55px}
.apply ul li:nth-child(2):before{ bottom:-55px; right:-76px}
.apply ul li:nth-child(3):before{ top:-55px; left:-76px}
.apply ul li:nth-child(4):before{ bottom:-76px; left:-55px}
.apply .applyInfo{ width:520px; position:absolute; top:0; left:37px; overflow:hidden}
.apply .applyInfo .apply-1{ font-size:27px; color:#ffffff; line-height:47px; font-weight:bold; padding-top:80px}
.apply .applyInfo .apply-2{ font-size:22px; color:#ffffff; line-height:36px; padding-top:32px; text-indent:1em}
.apply .applyInfo .apply-3{ border-bottom:solid 1px #FFF; margin:56px 0 0 0; text-align:right; line-height:20px; padding-right:20px; background:url(/static/images/lcon1.png) right -846px no-repeat;}
.apply .applyInfo .apply-3 a{ font-size:14px; color:#FFF; text-decoration:none}
.apply ul li p{ background:rgba(10,94,146,0.7); width:100%; font-size:17px; color:#ffffff; line-height:46px; text-align:center; position:absolute; bottom:0; left:0; z-index:5}

/*  校园活动  */
.campuBanner{ height:960px; position:relative}
.campuBanner .left{ position:absolute; top:0; right:50%; width:960px}
.campuBanner .left li{ height:320px; padding-left:360px; box-sizing:border-box; padding-top:52px; overflow:hidden; transition:all 0.3s linear; position:relative; right:0}
.campuBanner .left li:nth-child(1){ background:#257CB4}
.campuBanner .left li:nth-child(2){ background:#BD5BB6}
.campuBanner .left li:nth-child(3){ background:#ECAA58}
.campuBanner .left li.campuBannerNuw{ right:14px}
.campuBanner .campuBannerNuw:before{ content:""; width:0; height:0; border-top:12px solid transparent; border-right:17px solid #FFF; border-bottom:12px solid transparent; position:absolute; top:44px; right:0; transition:all 0.3s linear}
.campuBanner .campuBanner-lcon{ float:left; width:84px}
.campuBanner .campuBanner-info{ float:left; width:436px}
.campuBanner .campuBanner-1{ font-size:24px; color:#ffffff; line-height:30px}
.campuBanner .campuBanner-1 b{ display:block}
.campuBanner .campuBanner-2{ font-size:16px; color:#fefefe; min-height:120px; line-height:24px; letter-spacing:1px; padding-top:24px}
.campuBanner .campuBanner-3{ border-bottom:solid 1px #FFF; margin:0; text-align:right; line-height:20px; padding-right:20px; background:url(/static/images/lcon1.png) right -882px no-repeat;}
.campuBanner .campuBanner-3 a{ font-size:14px; color:#FFF; text-decoration:none}
.campuBanner .right{ position:absolute; top:0; left:50%}

.campuIntro{ padding:92px 0 77px}
.campuIntro .campuIntro-1{ float:left; width:316px; min-height:238px; box-sizing:border-box; border-right:solid 1px #B5B5B5; overflow:hidden}
.campuIntro .campuIntro-1 ul{ min-height:200px}
.campuIntro .campuIntro-1 li{ float:left; font-size:30px; color:#e9a856; width:316px; line-height:40px}
.campuIntro .campuIntro-1 li p{ position:relative}
.campuIntro .campuIntro-1 li p:before{ content:""; background:#FFF; width:100%; height:4px; position:absolute; top:18px; left:0}
.campuIntro .campuIntro-1 li p:first-child{ font-size:24px; color:#5a3d95}
.campuIntro .campuIntro-1 li p span{ color:#aa2b99}
.campuIntro .campuIntro-1 li p i{ color:#348ab9; font-style:normal}
.campuIntro .campuIntro-1 div{ padding-top:26px}
.campuIntro .campuIntro-1 div span{ float:left; width:7px; height:7px; border:solid 2px #42433E; border-radius:1px; margin:0 3px}
.campuIntro .campuIntro-1 div span.campuIntroNuw{ background:#D2D2D2; border:solid 2px #D2D2D2}
.campuIntro .campuIntro-2{ float:left; width:573px}
.campuIntro .campuIntro-2 p{ font-size:16px; color:#494949; line-height:24px; padding-left:52px; letter-spacing:1px}
.campuIntro .campuIntro-2 p:first-child{ padding:0 36px 42px 52px; position:relative}
.campuIntro .campuIntro-2 p:first-child:before{ content:""; background:#257CB4; width:64px; height:2px; position:absolute; left:52px; bottom:20px}
.campuIntro .campuIntro-2 p:last-child{ color:#257cb4}
.campuIntro .campuIntro-3{ float:left; width:311px; background:url(/static/images/campuIntro-3.png) no-repeat; width:311px; height:244px; overflow:hidden}
.campuIntro .campuIntro-3 p{ font-size:36px; color:#257cb4; line-height:36px; border-bottom:solid 2px #9AC2DC; width:146px; margin:80px 0 0 126px}
.campuIntro .campuIntro-3 p span{ display:block; font-size:15px; line-height:24px}
.campuIntro .campuIntro-3 a{ display:block; font-size:16px; color:#e9ab5d; width:86px; line-height:24px; background:#FFF; text-align:center; margin:36px 0 0 190px}

.campuVideo{ background:url(/static/images/campuVideo-back.png) bottom no-repeat #E5E5E5; padding-bottom:59px}
.campuVideo .campuVideoTitle{ font-size:24px; color:#2a292b; line-height:86px; padding-top:26px}
.campuVideo .video{ width:1200px; height:536px; background:#FFF}

.campuProb{ padding:76px 0 90px}
.campuProb .left{ width:486px}
.campuProb .left .campuProbTitle{ font-size:24px; color:#2a292b; line-height:30px}
.campuProb .left .campuProbTitle b{ display:block}
.campuProb .left .campuProb-1{ font-size:26px; color:#2a292b; line-height:45px; padding:52px 0}
.campuProb .left .campuProb-1 span{ color:#f59b29;}
.campuProb .left .campuProb-1 i{ font-size:32px; color:#aca7a7; height:18px; line-height:18px; font-style:normal; padding:0 22px}
.campuProb .left .campuProb-1 span:nth-child(3){ color:#1d7eac}
.campuProb .left .campuProb-1 span:nth-child(6){ color:#a8279e}
.campuProb .left .campuProb-2{ font-size:14PX; color:#494949; line-height:24px; letter-spacing:0.5px; padding-bottom:66px; position:relative}
.campuProb .left .campuProb-2:before{ content:""; background:#257CB4; width:21px; height:2px; position:absolute; left:0; bottom:32px}
.campuProb .left .campuProb-3{ font-size:14px; color:#2a292b; line-height:24px; letter-spacing:0.8px}
.campuProb .left .campuProb-4{ border-bottom:solid 1px #588FBD; margin:32px 0 0 0; text-align:right; line-height:20px; padding-right:20px; background:url(/static/images/lcon1.png) right -807px no-repeat;}
.campuProb .left .campuProb-4 a{ font-size:14px; color:#747575; text-decoration:none}
.campuProb .right{ width:714px}
.campuProb .right li{ float:left; width:213px; background:#EBA650; margin-left:25px}
.campuProb .right li .campuProbInfo{ font-size:24px; color:#fefefe; line-height:24px; text-align:center; height:82px; padding-top:21px; position:relative}
.campuProb .right li .campuProbInfo:before{ content:""; width:0; height:0; border-left:19px solid transparent; border-right:19px solid transparent; border-bottom:22px solid #FFF; position:absolute; bottom:0; left:50%; margin-left:-19px}
.campuProb .right li:nth-child(1n+4){ margin-top:26px}
.campuProb .right li:nth-child(2) .campuProbInfo{ background:#A8279D}
.campuProb .right li:nth-child(3) .campuProbInfo{ background:#5A3D95}
.campuProb .right li:nth-child(4) .campuProbInfo{ background:#257CB4}
.campuProb .right li:nth-child(6) .campuProbInfo{ background:#A8279D}

/*  学习生活  */
.learn-content{ background:#DDF4FF}

.learnBack-top{ background:url(/static/images/learn-back-1.jpg) center no-repeat; height:799px}
.learnBack-bom{ background:url(/static/images/learn-back-2.jpg) center no-repeat; height:765px}
.learnLogo{ text-align:center; padding-top:33px}
.learnLogo p{ display:block; font-size:24px; color:#ffffff; line-height:50px; padding:46px 0; position:relative}
.learnLogo p:before{ content:""; background:#FFF; width:34px; height:4px; position:absolute; top:29px; left:50%; margin-left:-17px}
.learnLogo p:after{ content:""; background:#FFF; width:34px; height:4px; position:absolute; bottom:29px; left:50%; margin-left:-17px}
.learnList{ height:448px}
.learnList li{ background:#FFF; width:380px; float:left; text-align:center; position:relative; margin-left:30px}
.learnList li:first-child{ margin-left:0}
.learnList li .learnName{ line-height:40px; padding-top:60px; font-size:24px; color:#146da2; position:relative}
.learnList li .learnName:before{ content:""; background:#4B86B2; width:34px; height:4px; position:absolute; top:45px; left:50%; margin-left:-17px}
.learnList li .learnInfo{ background:rgba(49,118,170,0.7); font-size:18px; color:#ffffff; line-height:56px; text-align:center; position:relative}
.learnList li .learnInfo a{ text-decoration:none; color:#FFF}
.learnList li .learnInfo:before{ content:""; width:0; height:0; border-left:11px solid transparent; border-right:11px solid transparent; border-top:8px solid rgba(49,118,170,0.7); position:absolute; bottom:-8px; left:50%; margin-left:-11px}
.learnList li.learnNuw .learnInfo:before{ display:none}
.learnList li .learnPos{ background:rgba(49,118,170,0.7); position:absolute; top:100%; left:0; font-size:14px; color:#FFF; line-height:36px; text-align:left; padding:6px 10px 26px 10px; letter-spacing:1px; overflow:hidden; display:none;width: 100%;
    box-sizing: border-box;}
.learnList li .learnPos p{ color:#fff;}
.learnFour{ margin-top:5px; position:relative}
.learnFour:before{ content:""; background:#257CB4; width:10px; height:84px; position:absolute; bottom:0; right:-12px}
.learnFour:after{ content:""; background:#257CB4; width:3px; height:246px; position:absolute; bottom:0; right:-19px}
.learnFour ul{ width:1168px; height:342px; margin:0 auto; position:relative}
.learnFour ul:before{ content:""; background:#257CB4; width:10px; height:84px; position:absolute; top:0; left:-28px}
.learnFour ul:after{ content:""; background:#257CB4; width:3px; height:246px; position:absolute; top:0; left:-14px}
.learnFour li{ float:left; width:282px; height:342px; float:left; margin:0 5px; text-align:center; position:relative}
.learnFour li b{ display:block; font-size:18px; color:#ffffff; line-height:24px; padding-top:66px}
.learnFour li p{ font-size:14px; color:#ffffff; min-height:160px; line-height:36px; letter-spacing:1px; text-align:left; padding:16px 7px 0 16px}
.learnFour li a{ display:inline-block; font-size:14px; color:#ffffff; line-height:18px; border-bottom:solid 1px #FFF; text-decoration:none; margin-bottom:17px; position:relative}
.learnFour li a:before{ content:""; background:url(/static/images/lcon1.png) right -887px no-repeat; width:18px; height:11px; position:absolute; bottom:-17px; left:50%; margin-left:-9px}
.learnFour li:nth-child(4) p{ font-size:18px; color:#fdfefe; min-height:206px; padding:60px 41px 0 22px; position:relative}
.learnFour li:nth-child(4) p:before{ content:""; background:#FDFEFE; width:59px; height:4px; position:absolute; left:24px; bottom:54px}
.learnFour li:nth-child(4) a{ float:left; margin-left:24px}
.learnFour li:before{ content:""; width:0; height:0; border-left:25px solid transparent; border-right:25px solid transparent; border-top:26px solid #DDF4FF; position:absolute; bottom:-5px; right:-17px; transform:rotate(-45deg)}
.learnFour li:nth-child(1){ background:#257CB4}
.learnFour li:nth-child(2){ background:#0EB9CB}
.learnFour li:nth-child(3){ background:#F2B950}
.learnFour li:nth-child(4){ background:url(/static/images/learnFour-4.png) no-repeat}

.learnFive{ margin-top:78px; padding:0 3px 76px 3px; position:relative}
.learnFive:before{ content:""; background:#257CB4; width:84px; height:10px; position:absolute; right:3px; bottom:45px}
.learnFive:after{ content:""; background:#257CB4; width:246px; height:3px; position:absolute; right:3px; bottom:38px}
.learnFive .left{ background:#AFD6EC; width:535px; position:relative}
.learnFive .left:before{ content:""; width:0; height:0; border-left:25px solid transparent; border-right:27px solid transparent; border-top:27px solid #D0F0FF; position:absolute; bottom:-6px; left:-17px; transform:rotate(45deg)}
.learnFive .left .learnFiveBox{ width:476px; margin:0 auto; padding:56px 10px 0}
.learnFive .left .learnFiveBox:first-child{ border-bottom:dashed 1px #72ACC5}
.learnFive .left .learnFiveBox:last-child{ padding-top:41px}
.learnFive .left .learnName{ font-size:18px; color:#fdfefe; line-height:26px}
.learnFive .left .learnName b{ display:block}
.learnFive .left .learnFiveBox p{ font-size:14px; color:#257cb4; line-height:36px; padding-top:6px}
.learnFive .left .learnFiveBox a{ float:right; margin-top:10px; font-size:12px; color:#257cb4; line-height:32px; background:url(/static/images/lcon1.png) right -802px no-repeat; padding-right:25px; text-decoration:underline}
.learnFive .right{ width:665px; height:478px; position:relative}
.learnFive .right li{ position:absolute}
.learnFive .right li:nth-child(1){ top:0px; left:6px}
.learnFive .right li:nth-child(2){ top:0px; left:239px}
.learnFive .right li:nth-child(3){ top:0px; right:0px}
.learnFive .right li:nth-child(4){ bottom:0px; left:6px}
.learnFive .right li:nth-child(5){ bottom:0px; left:239px}
.learnFive .right li:nth-child(6){ bottom:0px; right:0px}
.learnFive .right li a{ position:absolute; font-size:24px; color:#fdfefe; line-height:30px; transform:translate(-50%,-50%); text-decoration:none; border:solid 1px #FFF; padding:0 6px; white-space:nowrap}
.learnFive .right li:nth-child(1) a{ top:50%; left:50%}
.learnFive .right li:nth-child(2) a{ top:50%; left:50%}
.learnFive .right li:nth-child(3) a{ top:50%; left:50%}
.learnFive .right li:nth-child(4) a{ top:50%; left:50%}
.learnFive .right li:nth-child(5) a{ top:50%; left:50%}
.learnFive .right li:nth-child(6) a{ top:50%; left:50%}