﻿@charset "UTF-8";
/* CSS Document */
.tit{position:relative;margin:40px 0 20px;height:40px;font-size:24px;line-height:32px;}
.tit a{float:left;height:40px;}
.tit a::after{position:absolute;left:33px;bottom:0;width:30px;height:6px;border-radius:3px;background:linear-gradient(55deg, #2BE2FA 0%, #0780FE 100%);content:'';}
.tit a:hover{color:#006BFF;}
.zxbtn{clear:both;margin:10px auto 0;width:200px;height:36px;font-size:16px;line-height:36px;text-align:center;}
.zxbtn a{display:block;color:#fff;border-radius:5px;background:url(/statics/images/zpedu/zxbtnbg1.png) center 0 no-repeat;}
.zxbtn a:hover{background-image:url(/statics/images/zpedu/zxbtnbg2.png);}

/*newyear*/
.newyear{position:absolute;display:none;top:0;left:50%;margin-left:-50%;width:100%;height:632px;z-index:200;background:url(/statics/images/zpedu/newyear.png) center 0 no-repeat;background-color:rgba(255,255,255,1);}
.newyear a{display:block;height:632px;}
.adtimes-out{margin:0 auto;width:1200px;}
.adtimes{float:right;width:137px;height:44px;}
.adtimes .times{float:left;width:68px;height:44px;font-weight:normal;font-size:32px;text-align:center;color:#fff;line-height:44px;background:rgba(0, 0, 0, 0.4);border-radius:100px 0 0 100px;}
.adtimes .closenewyear{float:right;width:68px;height:44px;background:rgba(0, 0, 0, 0.4);border-radius:0 100px 100px 0;cursor:pointer;}
.adtimes .closenewyear img{display:block;margin:10px auto;}

/*2022-2023跨年活动*/
.twoyears-out{display:none;position:fixed;top:0;width:100%;height:100%;z-index:200;background:rgba(0,0,0,.7);}
.twoyears{position:absolute;left:50%;top:50%;width:382px;height:430px;transform:translate(-50%,-50%);}
.twoyears a{display:block;height:430px;}
.twoyears img{position:absolute;left:50%;top:50%;width:382px;height:430px;transform:translate(-50%,-50%);}
.twoyears-times{float:right;margin:0;width:120px;height:40px;font-weight:normal;font-size:16px;text-align:center;color:#fff;line-height:40px;background:rgba(0, 0, 0, 0.4);border-radius:22px;}
.twoyears-close{margin:10px auto 0;width:44px;height:44px;background:rgba(0, 0, 0, 0.4) url(/statics/images/zpedu/close.png) center center no-repeat;border-radius:22px;cursor:pointer;}
.twoyears-close:hover{background-color:rgba(0, 0, 0, 0.8)}

/* banner */
.banner{height:400px;overflow:hidden;}
.banner img{position:relative;left:50%;transform:translate(-50%,0);}

/* recommend */
.recommend{position:relative;margin-top:30px;}
.recommend .slick-slider{position:static;}
.recommend .slick-prev,.recommend .slick-next{position:absolute;width:20px;height:20px;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:.5;}
.recommend .slick-prev{left:10px;background-image:url(/statics/images/zpedu/recommend-prev.png);}
.recommend .slick-next{right:10px;background-image:url(/statics/images/zpedu/recommend-next.png);}
.recommend .slick-prev:hover,.recommend .slick-next:hover{opacity:1;}
.fixed{float:left;margin-left:27px;width:185px;height:90px;background:url(/statics/images/zpedu/coursead_fixed.png) 0 0 no-repeat;}
.recommend-list{float:left;width:940px;height:90px;overflow:hidden;}
.recommend-list .bg1{background:url(/statics/images/zpedu/coursead_bg1.png) 0 0 no-repeat;}
.recommend-list .bg2{background:url(/statics/images/zpedu/coursead_bg2.png) 0 0 no-repeat;}
.recommend-list .bg3{background:url(/statics/images/zpedu/coursead_bg3.png) 0 0 no-repeat;}
.recommend-list .bg4{background:url(/statics/images/zpedu/coursead_bg4.png) 0 0 no-repeat;}
.recommend-list .bg5{background:url(/statics/images/zpedu/coursead_bg5.png) 0 0 no-repeat;}
.recommend-list .bg6{background:url(/statics/images/zpedu/coursead_bg6.png) 0 0 no-repeat;}
.recommend-list .bg7{background:url(/statics/images/zpedu/coursead_bg7.png) 0 0 no-repeat;}
.recommend-list .bg8{background:url(/statics/images/zpedu/coursead_bg8.png) 0 0 no-repeat;}
.recommend-list .bg9{background:url(/statics/images/zpedu/coursead_bg9.png) 0 0 no-repeat;}
.recommend-list .bg10{background:url(/statics/images/zpedu/coursead_bg10.png) 0 0 no-repeat;}
.recommend-list .bg11{background:url(/statics/images/zpedu/coursead_bg11.png) 0 0 no-repeat;}
.recommend-list .recommend-item{float:left;margin-left:4px;width:185px;height:90px;}
.recommend a{display:block;width:185px;height:90px;line-height:30px;color:#fff;text-align:center;}
.recommend h3{padding-top:16px;font-size:18px;}
.recommend h4{font-weight:normal;font-size:13px;}

/* actives */
.actives{margin:20px auto 0;}
.actives .tit img{float:left;margin:0 10px 0 0;}
.actives .tit a::after{left:72px;background:linear-gradient(45deg, #F7B500 0%, #FA6400 100%);}
.actives .tit a:hover{color:#FA6400;}

.actives ul{display:flex;flex-wrap:wrap;padding:10px 0;width:1180px;-webkit-box-shadow:0px 2px 10px 0px rgba(9,110,214,0.14);box-shadow:0px 2px 10px 0px rgba(9,110,214,0.14);border:1px solid rgba(232,237,245,1);background:rgba(242,248,255,1);overflow:hidden;}
.actives li{display:flex;box-sizing:border-box;align-items:center;justify-content:space-between;float:left;padding-left:10px;width:50%;min-height:48px;line-height:40px;}
.actives ul li:nth-child(odd)::after{position:relative;left:0px;content:'';width:1px;height:40px;background:rgba(232,237,245,1);}
.actives li i,.actives li em{float:left;margin:5px 1px;width:18px;height:18px;text-align:center;line-height:18px;color:#fff;font-size:12px;border-radius:4px;-webkit-border-radius:4px;overflow:hidden;}
.actives li i{background-color:#FA6400;}
.actives li em{background-color:#006BFF;}
.actives li a{display:flex;flex:1;float:left;margin-left:5px;height:40px;font-size:16px;color:#000;overflow:hidden;}
.actives li a:hover{color:#006BFF;}
.actives li span{float:right;padding:5px 5px 5px 0;width:154px;font-size:14px;text-align:center;line-height:1.6;color:#000;}
.actives .zxbtn{margin-top:20px;}

/* ms */
.ms .tit a::after{left:20px;}
.months{margin-top:20px;height:36px;text-align:center;border-bottom:1px #E8EDF5 solid;}
.months a{display:inline-block;width:12%;height:36px;font-size:16px;line-height:36px;color:#006BFF;-webkit-box-shadow:initial;box-shadow:initial;border-top-left-radius:5px;border-top-right-radius:5px;}
.months a::after{position:relative;top:10px;float:left;content:"";width:1px;height:20px;background-color:#E8EDF5;}
.months a:last-child::before{position:relative;top:10px;float:right;content:"";width:1px;height:20px;background-color:#E8EDF5;}
.months a.active,.months a:hover{color:#fff;background-color:#006BFF;}
.months a.active::after,.months a.active::before{width:1px;margin-left:-5px;}
.months a.active:last-child::after,.months a.active:last-child::before{width:1px;margin-right:-5px;}

.msclass{display:none;margin-top:20px;width:1180px;overflow:hidden;}
.msclass li{float:left;width:578px;margin:0 20px 20px 0;height:108px;box-shadow:0px 2px 6px 0px rgba(9,110,214,0.1);border-radius:5px;border:1px solid #E7EBEF;background:#fff;overflow:hidden;}
.msclass a:hover{color:#006BFF;}
.msclass li .pic{float:left;width:192px;height:108px;overflow:hidden;}
.msclass li .pic img{width:192px;height:108px;}
.msclass li .pic img:hover{transform:scale(1.2);transition:transform 0.5s;}
.msclass li h3{float:left;padding:10px 0 0 20px;width:366px;height:52px;font:normal 16px/22px 'Microsoft YaHei';color:#404040;}
.msclass li span{float:left;padding:10px 0 0 20px;font-size:13px;line-height:26px;color:#7F7F7F;}
.msclass li:nth-child(3),.msclass li:nth-child(5),.msclass li:nth-child(7){margin-right:0;}
.msclass .item1{width:568px;height:216px;padding:5px;}
.msclass .item1 .pic,.msclass li.item1 img{width:380px;height:214px;}
.msclass li.item1 h3{padding-left:15px;width:173px;height:119px;}
.msclass li.item2{width:278px;height:226px;}
.msclass li.item2 .pic,.msclass li.item2 img{width:278px;height:156px;}
.msclass li.item2 h3{padding-left:5px;width:274px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.msclass li.item2 span{padding-left:5px;}
.msclass li a:hover h3,.msclass li a:hover span{color:#006BFF;}
.ms .zxbtn a{background-image:url(/statics/images/zpedu/zxbtnbg2.png);}
.ms .zxbtn a:hover{background-image:url(/statics/images/zpedu/zxbtnbg1.png);}

/* zb */
.zb{overflow:hidden;}
.zb li{float:left;margin:0 20px 20px 0;width:278px;height:230px;background:rgba(255,255,255,1);box-shadow:0px 2px 6px 0px rgba(9,110,214,0.1);border-radius:5px;-webkit-border-radius:5px;border:1px solid #E7EBEF;}
.zb li:nth-child(4n){margin-right:0;}
.zb .pic{display:block;width:278px;height:156px;overflow:hidden;}
.zb .pic img{width:278px;height:156px;}
.zb .pic img:hover{transform:scale(1.2);transition:transform 0.5s;}
.zb h3,.zb span{padding:14px 5px 0 5px;text-align:center;height:28px;font:normal 16px/20px 'Microsoft Yahei';text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.zb span{display:block;padding:0 5px;font-size:15px;}
.zb li .zxbtn{display:none;margin:18px auto 0;width:140px;}
.zb li .zxbtn a{width:140px;}
.zb li:hover h3,.zb li:hover span{display:none;}
.zb li:hover .zxbtn{display:block;}
.zb .zxbtn{width:440px;}
.zb .zxbtn a{float:left;margin:0 10px;width:200px;}
.zb .zxbtn a:nth-child(2){background-image:url(/statics/images/zpedu/zxbtnbg2.png);}
.zb .zxbtn a:nth-child(2):hover{background-image:url(/statics/images/zpedu/zxbtnbg1.png);}

/* nx */
.columns{width:1180px;overflow:hidden;}
.columns li{float:left;margin-right:19px;width:130px;height:52px;}
.columns li:last-child{margin:0;}
.columns li a{display:block;padding-left:35px;width:95px;height:50px;font-size:16px;line-height:50px;border-radius:5px;border:1px solid #D8D8D8;text-align:center;background-image:url(/statics/images/zpedu/tab_icon.png);background-repeat:no-repeat;}
.columns li a:hover,.columns li.active a{color:#006BFF;border:1px #006BFF solid;background-color:#E6F2FF;}
.columns li:nth-child(1) a{background-position:18px 16px;}
.columns li:nth-child(2) a{background-position:18px -20px;}
.columns li:nth-child(3) a{background-position:18px -56px;}
.columns li:nth-child(4) a{background-position:18px -92px;}
.columns li:nth-child(5) a{background-position:18px -128px;}
.columns li:nth-child(6) a{background-position:18px -164px;}
.columns li:nth-child(7) a{background-position:18px -200px;}
.columns li:nth-child(8) a{background-position:18px -236px;}
.columns li:nth-child(1) a:hover,.columns li:nth-child(1).active a{background-position:-130px 16px;}
.columns li:nth-child(2) a:hover,.columns li:nth-child(2).active a{background-position:-130px -20px;}
.columns li:nth-child(3) a:hover,.columns li:nth-child(3).active a{background-position:-130px -56px;}
.columns li:nth-child(4) a:hover,.columns li:nth-child(4).active a{background-position:-130px -92px;}
.columns li:nth-child(5) a:hover,.columns li:nth-child(5).active a{background-position:-130px -128px;}
.columns li:nth-child(6) a:hover,.columns li:nth-child(6).active a{background-position:-130px -164px;}
.columns li:nth-child(7) a:hover,.columns li:nth-child(7).active a{background-position:-130px -200px;}
.columns li:nth-child(8) a:hover,.columns li:nth-child(8).active a{background-position:-130px -236px;}

.nx{margin-top:20px;background:#F5FAFF;}
.nx-introduce{margin-top:20px;width:470px;height:505px;background:#fff;box-shadow:0px 2px 6px 0px rgba(9,110,214,0.1);border-radius:5px;}
.isnx{position:relative;padding:20px;width:430px;height:100px;cursor:pointer;}
.isnx h3{width:430px;height:100px;font-size:24px;line-height:100px;text-align:center;}
.isnx h3 a{display:block;width:430px;height:100px;border-radius:5px;background:#E7EEFF;}
.isnx a:hover{color:#006BFF;background-color:#E6F2FF;}
.isnx-detail{position:absolute;display:none;top:0;padding:10px 15px;width:400px;height:80px;font-size:14px;color:#fff;cursor:pointer;}
.nx-advantage{overflow:hidden;}
.nx-advantage ul{padding:0 15px;}
.nx-advantage h3{height:40px;font-weight:normal;font-size:18px;line-height:20px;text-align:center;}
.nx-advantage li{position:relative;float:left;margin:5px;width:210px;height:60px;background:#FFFFFF;box-shadow:1px 1px 4px 0px rgba(0,0,0,0.12);border-radius:5px;cursor:pointer;}
.nx-advantage li h4{font-weight:normal;font-size:16px;line-height:60px;text-align:center;}
.nx-advantage li h4::after{position:absolute;left:50%;bottom:9px;width:25px;height:4px;background:#5A7EFF;border-radius:5px;transform:translate(-50%,0);content:'';}
.nx-advantage li p{display:none;padding:5px 5px 0 5px;width:200px;height:55px;font-size:16px;line-height:24px;text-align:center;color:#fff;background:#004EFF;border-radius:5px;cursor:pointer;}
.services{width:470px;padding-top:15px;height:35px;font-size:16px;line-height:30px;text-align:center;}
.nx .zxbtn{margin:13px auto 0;}
.nx .zxbtn a{display:block;margin:0 auto;width:180px;height:30px;font-size:16px;line-height:30px;text-align:center;color:#fff;background:linear-gradient(270deg, #FFB400 0%, #FF7171 100%);border-radius:17px;}
.nx .zxbtn a:hover{font-size:18px;background:linear-gradient(270deg, #FFB400 0%, #FF3B39 100%);}

.nxclass{display:none;float:left;margin:20px 0 0 20px;width:684px;overflow:hidden;}
.nxclass li{float:left;margin:0 30px 10px 0;padding:20px;width:642px;height:120px;background:#fff;box-shadow:0px 2px 6px 0px rgba(9,110,214,0.1);border-radius:5px;border:1px solid #E7EBEF;}
.nxclass .pic{float:left;margin-right:20px;width:195px;height:120px;overflow:hidden;}
.nxclass .pic img{width:195px;height:120px;}
.nxclass .pic img:hover{transform:scale(1.2);transition:transform 0.5s;}
.nxclass h3{height:38px;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nxclass p{height:54px;font-size:14px;overflow:hidden;}
.nxclass span{float:right;width:96px;height:26px;line-height:26px;text-align:center;color:#919191;border-radius:5px;border:1px #919191 solid;}
.nxclass span:hover{color:#006BFF;border:1px #006BFF solid;background-color:#E6F2FF;}


/* news */
.news{padding:20px 0 40px;background-color:#F5FAFF;}
.news .tit a::after{left:20px;}
.newstab{width:1180px;overflow:hidden;}
.newstab li{float:left;margin-right:35px;font-size:18px;}
.newstab li:last-child{margin:0;}
.newstab li a{color:#333;}
.newstab li a::after{content:'';display:block;width:100%;height:7px;position:relative;bottom:-4px;background:#006BFF;transition:all 0.3s ease-in-out;transform:scale3d(0,1,1);transform-origin:50% 0;}
.newstab li a:hover,.newstab li.active a{color:#006BFF;}
.newstab li a:hover::after,.newstab li.active a:after{transform:scale3d(1,1,1);}
.newslist{display:none;margin-top:20px;overflow:hidden;}
.piclist{float:left;width:780px;height:477px;border-radius:5px;background:#fff;}
.piclist li{padding:20px;width:740px;height:120px;border-bottom:1px #E8EDF5 solid;}
.piclist .pic{float:left;margin-right:15px;width:214px;height:120px;overflow:hidden;}
.piclist .pic img{width:214px;height:120px;}
.piclist .pic img:hover{transform:scale(1.2);transition:transform 0.5s;}
.piclist h4{float:left;width:421px;height:28px;font:normal 16px/28px 'Microsoft Yahei';text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.piclist em{float:right;width:80px;height:28px;line-height:28px;color:#006BFF;text-align:center;border-radius:5px;-webkit-border-radius:5px;font-size:14px;background:#F2F8FF;}
.piclist em:hover{width:78px;height:26px;line-height:26px;border:1px #006BFF solid;}
.piclist em a{display:block;color:#006BFF;}
.piclist em a:hover{color:#fff;background:#006BFF;}
.piclist p{float:left;margin-top:6px;width:511px;height:58px;font-size:14px;line-height:25px;color:#C6CACE;}
.piclist strong a{float:left;width:96px;height:26px;font-weight:normal;line-height:26px;text-align:center;color:#006BFF;border-radius:5px;border:1px #006BFF solid;background-color:#E6F2FF;}
.piclist strong a:hover{width:98px;height:28px;line-height:28px;color:#fff;background:#006BFF;}
.piclist span{float:right;line-height:30px;color:#aFaFaF;}
.textlist{float:right;padding:10px;width:360px;height:457px;background:#fff;border-radius:5px;-webkit-border-radius:5px;}
.textlist li{padding-left:20px;width:340px;height:42px;line-height:42px;background:url(/statics/images/zpedu/news_icon.png) 0 13px no-repeat;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.textlist li.separate{margin:18px auto;height:1px;background:#D3D3D3;}

/* zizhi */
.zizhi-list{width:1180px;overflow:hidden;}
.zizhi-list img{float:left;margin:7px;padding:5px;width:270px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.15);border-radius:10px;}
.zizhi-list .difzizhi{padding:118px 5px;}

/* partner */
.partner{padding-bottom:30px;}
.partner li{float:left;margin:0 20px 20px 0;width:278px;height:98px;box-shadow:0 2px 6px 0 rgba(9, 110, 214, 0.1);border-radius:5px;border:1px solid #E7EBEF;background:#fff;overflow:hidden;}
.partner li:nth-child(4n){margin-right:0;}
.partner li img{width:278px;height:98px;}
.partner li img:hover{transform:scale(1.2);transition:transform 0.5s;}

/* ti */
.ti{margin-top:20px;padding-bottom:40px;background-color:#F5FAFF;overflow:hidden;}
.ti-list{float:left;margin-right:29px;width:372px;height:298px;box-shadow:0px 2px 6px 0px rgba(9,110,214,0.1);border-radius:5px;-webkit-border-radius:5px;border:1px solid #E7EBEF;background:#fff;overflow:hidden;}
.ti-list:last-child{margin-right:0;}
.ti-list h3{width:100%;height:50px;font-weight:normal;font-size:18px;line-height:50px;border-radius:5px 5px 0 0;background:url(/statics/images/zpedu/ti_titbg.jpg) 0 0 no-repeat;}
.ti-list h3 a{color:#fff;}
.ti-list h3 img{margin:2px 10px 0 20px;vertical-align:text-top;}
.ti-list ul{padding:0px 20px;}
.ti-list li{height:48px;line-height:48px;border-bottom:solid 1px #E7EBEF;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.ti-list li:last-child{border:0;}

.link h2{font:bold 18px/48px "Microsoft Yahei";border-bottom:1px solid #e7e7e7;}
.link ul{padding:12px 0;overflow:hidden;}
.link li{float:left;padding-right:12px;line-height:30px;}