@charset "utf-8";
/*中间部分共通*/
.content{width:100%;padding-bottom:60px}
.notice-list,.notice-details{background:#fff url(../../images/basenotices/noticeList-bg.png) no-repeat;background-size:100% 234px;}
.data-download{background:#fff url(../../images/basenotices/datadownload-bg.png) no-repeat;background-size:100% 234px;}
.achievement-display{background:#fff url(../../images/basenotices/achievementDisplay-bg.png) no-repeat;background-size:100% 234px;}
.certificate-download{background:#fff url(../../images/basenotices/certificatedownload-bg.png) no-repeat;background-size:100% 234px;}
.hbbSchoolInfo{background:#fff url(../../images/basenotices/hbbSchoolInfo-bg.png) no-repeat;background-size:100% 536px;}
.hbbBeautifyActInfo{background:#fff url(../../images/basenotices/hbbBeautifyActInfo-bg.png) no-repeat;background-size:100% 536px;}
.gjstxxInfo{background:#fff url(../../images/basenotices/gjstxxInfo-bg.png) no-repeat;background-size:100% 553px;}
.hjxjzInfo{background:#fff url(../../images/basenotices/hjxjzInfo-bg.png) no-repeat;background-size:100% 553px;}
.zxsskjInfo{background:#fff url(../../images/basenotices/zxsskjInfo-bg.png) no-repeat;background-size:100% 553px;}
.hbbTextInfo{background:#fff url(../../images/basenotices/hbbTextInfo-bg.png) no-repeat;background-size:100% 553px;}
.hddsInfo{background:#fff url(../../images/basenotices/hddsInfo-bg.png) no-repeat;background-size:100% 553px;}
.qhzhxxInfo{background:#fff url(../../images/basenotices/qhzhxxInfo-bg.png) no-repeat;background-size:100% 553px;}
.hbbXxcbjInfo{background:#fff url(../../images/basenotices/hbbXxcbjInfo-bg.png) no-repeat;background-size:100% 553px;}
.blueflagInfo{background:#fff url(../../images/basenotices/blueflagInfo-bg.png) no-repeat;background-size:100% 553px;}
.content-con{padding-top:150px}
.content-con .crumbs{font-size:16px;font-weight:600;color:#666;margin-bottom:14px;padding-left: 25px;}
.content-con .crumbs a{color:#333}
.content-con .crumbs a:hover{color:#0f488c}
.content-con .content-list{border-radius:5px;box-shadow:0 0 6px 0 #ccc;background:#fff;padding:19px 25px}
.content-con2{padding-top:345px}
.content-con3{padding-top:435px}
.content-con4{padding-top:420px}
.content-con2 .content-list,.content-con3 .content-list{border-radius:20px;box-shadow:0 0 20px 0 #ccc;background:#fff;padding:60px 70px}
/*新闻公告列表页*/
.notice-list .title{font-size:24px;font-weight:600;color:#1568c8;margin-bottom:5px;padding:0}
.notice-list .list{width:100%}
.notice-list .list ul{width:100%;overflow:hidden}
.notice-list .list ul li{width:100%;overflow:hidden;padding:20px 0;border-bottom:1px solid #ccc}
.notice-list .list ul li .date{width:92px;height:114px;float:left;margin-right:15px;border:1px solid #ccc;border-radius:8px}
.notice-list .list ul li .date h2{width:100%;font-size:36px;font-weight:400;text-align:center;color:#1568c8;padding:18px 0 8px}
.notice-list .list ul li .date span{display:block;width:100%;font-size:16px;font-weight:400;text-align:center;color:#1568c8}
.notice-list .list ul li .text{width:calc(100% - 109px);float:left}
.notice-list .list ul li .text .title{width:100%;height:25px;line-height:25px;font-size:18px;font-weight:600;color:#333;margin-bottom:10px}
.notice-list .list ul li .text .info{width:100%;height:60px;line-height:20px;font-size:14px;font-weight:400;color:#333;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.notice-list .list ul li .text a{font-size:16px;font-weight:600;color:#1568c8;float:right}
.notice-list .list ul li .text a:hover{color:#1e7eec}
/*新闻公告详情页*/
.notice-details .title{width:100%;font-size:24px;font-weight:600;text-align:center;color:#333;line-height:33px;padding:0;margin-bottom:25px}
.notice-details .con{width:100%;height:40px;line-height:40px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden}
.notice-details .con .font-size,.notice-details .con .time{width:50%;float:left;font-size:14px;font-weight:400;color:#999}
.notice-details .con .font-size{text-align:right}
.notice-details .con .time i{font-size:14px;font-weight:400;color:#333}
.notice-details .con .font-size a{display:inline-block;padding:0 6px}
.notice-details .con .font-size a:hover{color:#0f488c}
.notice-details .info{line-height:50px}
.notice-details .info img{display:inline-block}
.notice-details .info table tbody td{border: 1px solid #333;}
.notice-details .info p{line-height: 1.8 !important;}
/*资料下载*/
.data-download .title{font-size:24px;font-weight:600;color:#1568c8;margin-bottom:25px;padding:0}
.data-download .search-con{width:100%;border-bottom: 1px solid #cccccc;}
.data-download .search-con .select{width:49%;height:50px;margin-right:1%;float: left;margin-bottom: 20px;}
.data-download .search-con .select:nth-child(2){margin-right:0;margin-left:1%}
.data-download .search-con .select .form-control{height:50px;border:1px solid #d5d5d5;border-radius:8px;font-size:16px}
.data-download .search-con .select .form-control option{font-size:16px}
.data-download .search-con .input{width:100%;height:50px;overflow:hidden;margin-bottom: 25px;}
.data-download .search-con .input .form-control{width:90%;float:left;height:50px;font-size:16px;padding-left:10px;border-radius:8px!important;margin-right: 2%;}
.data-download .search-con .input .btn{width:8%;float:left;height:50px;line-height:38px;font-size:16px;border:none;background:#1a77e1!important;border-radius:8px!important;outline: none;color: #fff;}
.data-download .search-con .input .btn:hover{background:#1e7eec!important}
.data-download .search-con .input .btn:active{top: 0;}
.data-download .list{padding: 50px 25px;border-bottom: 1px solid #cccccc;}
.data-download .list ul{width:100%;overflow:hidden}
.data-download .list ul li{width:45%;float:left;margin-right: 5%;}
.data-download .list ul li a{display:block;width:100%;height:50px;line-height:50px;font-size:16px;font-weight:600;color:#333;background:url(../../images/index/dian.png) no-repeat 0 center;background-size:7px 7px;padding-left:10px;}
.data-download .list ul li a:hover{color:#0f488c}
/*获奖证书下载*/
.certificate-download .title{font-size:24px;font-weight:600;color:#1568c8;margin-bottom:25px;padding:0}
.certificate-download .search-con{width:100%;overflow: hidden;margin-bottom: 30px;}
.certificate-download .search-con .select{width:30%;height:45px;float: left;}
.certificate-download .search-con .select.select-type,.certificate-download .search-con .select.select-hjxjz{display: none;}
.certificate-download .search-con .select span{display: block;float: left;line-height: 45px;font-size: 16px;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;color: #1568C8;margin-right: 10px;}
.certificate-download .search-con .select .form-control{float: left;width: calc(100% - 100px); height:45px;border:1px solid #d5d5d5;border-radius:8px;font-size:16px}
.certificate-download .search-con .select .form-control option{font-size:16px}
.certificate-download .search-con .select input{float: left;width: calc(100%);height: 45px;border: 1px solid #d5d5d5;border-radius: 8px;font-size: 16px;}
.certificate-download .search-con .select .form-control:focus{box-shadow: none;border:1px solid #5E9FE9;}
.certificate-download .search-con .input{float: left;width:10%;height:45px;}
.certificate-download .search-con .input .btn{float:right;width:80%;height:45px;line-height:38px;font-size:16px;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;border:none;background:#1a77e1!important;border-radius:8px!important;outline: none;color: #fff;}
.certificate-download .search-con .input .btn:hover{opacity: .8;}
.certificate-download .search-con .input .btn:active{top: 0;}
.certificate-download .search-list{width: 100%;}
.certificate-download .search-list .title{width:100%;height:40px;background:#759fcf;padding:0 30px;margin:0}
.certificate-download .search-list .title p{float:left;width:24%;height:40px;line-height:40px;font-size:14px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;text-align:center}
.certificate-download .search-list .title p.name{width:76%;text-align:left}
.certificate-download .search-list ul{width:100%;overflow:hidden}
.certificate-download .search-list ul li{width:100%;background: #E2ECF7;border-bottom: 1px solid #fff;padding: 0 30px;overflow: hidden;}
.certificate-download .search-list ul li p{float:left;width:76%;height:45px;line-height:45px;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.certificate-download .search-list ul li a{float:left;display:block;width:8%;height:45px;line-height:45px;font-size:12px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;text-align:right}
.certificate-download .search-list ul li a:hover{opacity: .8;}
.certificate-download .search-list ul li a.preview{color: #5BB736;}
.certificate-download .search-list ul li a.download{color: #1A77E1}
.certificate-download .search-list ul li .fold{float:left;display:block;width:8%;height:45px;line-height:45px;font-size:12px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;text-align:right;cursor: pointer;position: relative;padding-right: 20px;}
.certificate-download .search-list ul li .fold:hover{color: #759fcf;}
.certificate-download .search-list ul li .fold i{display:inline-block;width:12px;height:12px;background:url(../../images/certificate/right-arrow.png) no-repeat;background-size:100% 100%;position:absolute;top:50%;right:0;transform:translateY(-50%)}
.certificate-download .search-list ul li .fold.on i{top:37%;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg)}
.search-list ul .item-con{display:none;width:100%}
.search-list ul .item-con li{padding:0;background:0 0;border-bottom:1px solid #ddd;width:90%;margin:0 30px}
.search-list ul .item-con li:last-child{border:none}
.search-list ul .item-con li p{width:80.5%}
.search-list ul .item-con li .download{width:8.4%}
.search-list ul .item-con .no-data-item{width:82px;margin:35px auto}
.search-list ul .item-con .no-data-item img{width:100%;margin-bottom:10px}
.search-list ul .item-con .no-data-item span{display:block;width:100%;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:400;color:#999;text-align:center}
.certificate-download .no-data{display:none;width:380px;margin:130px auto}
.certificate-download .no-data img{width:100%;margin-bottom:20px}
.certificate-download .no-data span{display:block;width:100%;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#7c9ec4;text-align:center}
/*获奖成果展示*/
.achievement-display .nav-list{width:100%}
.achievement-display .nav-list ul{width:100%;overflow:hidden}
.achievement-display .nav-list ul li{float:left;width:164px;height:46px;line-height:46px;border-radius:5px;box-shadow:0 0 6px 0 #ccc;font-size:16px;font-weight:600;text-align:center;color:#fff;background:#ddd;margin-right:8px;cursor:pointer}
.achievement-display .nav-list ul li:last-child{margin:0}
.achievement-display .nav-list ul li.on,.achievement-display .nav-list ul li:hover{background:#1a77e1}
.achievement-display .show-con{border-radius:5px;box-shadow:0 0 6px 0 #ccc;margin-top:25px;padding:30px 0 30px 25px;overflow:hidden}
.achievement-display .show-con .show-tab{width:290px;border:1px solid #ccc;float:left;margin-right:25px}
.achievement-display .show-con .show-tab ul{width:100%}
.achievement-display .show-con .show-tab ul li{height:42px;line-height:42px;border-bottom:1px solid #ccc;font-size:14px;font-weight:500;color:#1a77e1;padding: 0px 8px;cursor:pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.achievement-display .show-con .show-tab ul li:last-child{border-bottom:none}
.achievement-display .show-con .show-tab ul li.on,.show-con .show-tab ul li:hover{background:#1a77e1;color:#fff}
.achievement-display .show-con .show-tab ul.ljjltab,.achievement-display .show-con .show-tab ul.pashztab{display: none;}
.achievement-display .show-con .show-list{width:calc(100% - 335px);float:left;padding-left:17px;border-left:1px solid #ccc}
.wraper .container{position:relative}
.wraper .container .box{position:relative;float:left;transition:opacity .3s ease-in-out;opacity:0}
.wraper .container .box.ani{opacity:1}
.wraper .container .box.videobox video{height: 180px;}
.wraper .container .box .boxcon{margin:0 10px 10px;border-radius:5px;background-color:#fff;min-height:28px;box-sizing:border-box;box-shadow:0 0 10px 0 rgba(0,0,0,.2);position:relative}
.wraper .container .box .boxcon.clearfix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.wraper .container .box .boxcon.clearfix{zoom:1}
.wraper .container .box .boxcon a{float:left;line-height:1px}
.wraper .container .box .boxcon img{height:auto}
.wraper .container .box .boxcon img:hover{transform:scale(1.08);transition:all .8s ease 0s;-webkit-transform:scale(1.08);-webkit-transform:all .8s ease 0s}
.wraper .container .box .boxcon .icon-download{display: none; width: 24px; height: 22px; background:url(../../images/icon-download.png) no-repeat; background-size:100% 100%; position: absolute; top: 10px; right: 10px; z-index: 1; cursor: pointer;}
.wraper .container .box .boxcon .info{width:100%;position:absolute;bottom:0;left:0;background:rgba(0,0,0,.3)}
.wraper .container .box .boxcon .info p{padding:3px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px;line-height:1}
.wraper .container .box .boxcon .info p.name{font-size:15px;padding-bottom:0;font-weight:600}
.show-list .no-data{display:none;text-align:center;font-size:16px;padding:15px 0}
/*弹窗*/
.tip-bg{width:100%;height:100%;background:rgba(0,0,0,.4);position:fixed;top:0;left:0;z-index:10;display:none}
.tip{display:none;width:1000px;height:700px;position:fixed;z-index:11;background:#fff;top:0;left:0}
.tip .tip-con{width:100%;height:100%;position:relative}
.tip .tip-con img{height:100%;max-width: 100%;margin: 0 auto;}
.tip .tip-con video{height: 100%;max-width: 100%;object-fit: fill;margin: 0 auto;display: block;}
.tip .tip-con .close-btn{display:block;width:44px;height:44px;background:url(../../images/icon-close.png) no-repeat;background-size:100% 100%;position:absolute;top:-44px;right:0;z-index:11;cursor:pointer}
.tip .tip-con .text-con{width:100%;height:55px;position:absolute;bottom:0;left:0;background:rgba(0,0,0,.2);overflow:hidden;padding:0 20px;box-sizing:border-box}
.tip .tip-con .text-con .text{width:50%;height:55px;line-height:55px;color:#fff;font-size:16px;font-weight:600;float:left}
.tip .tip-con .text.text-r{text-align:right}
/*活动简介*/
.active-details p{font-size:16px;font-weight:500;text-align:justify;color:#666;line-height:32px}
.active-details .copyright{height:24px;line-height:24px;color:#999;margin-bottom:43px;text-align:left}
.active-details .title{width:100%;font-size:24px;text-align:center;color:#fff;line-height:40px;background:url(../../images/basenotices/noticetext-title.png) no-repeat;background-size:100% 100%;padding:0;margin-bottom:25px}
.active-details .title.blue{background:url(../../images/basenotices/noticetext-title2.png) no-repeat;background-size:100% 100%;}
.active-details .title.wathet{background:url(../../images/basenotices/noticetext-title6.png) no-repeat;background-size:100% 100%;}
.active-details .title.red{background:url(../../images/basenotices/noticetext-title3.png) no-repeat;background-size:100% 100%;}
.active-details .title.lightblue{background:url(../../images/basenotices/noticetext-title4.png) no-repeat;background-size:100% 100%;}
.active-details .title.orange{background:url(../../images/basenotices/noticetext-title5.png) no-repeat;background-size:100% 100%;}
.active-details .title.lightblue2{background:url(../../images/basenotices/noticetext-title7.png) no-repeat;background-size:100% 100%;}
.active-details .title.lightblue3{background:url(../../images/basenotices/noticetext-title8.png) no-repeat;background-size:100% 100%;}
.active-details .text{text-indent:32px}
.active-details .text.red{color: red;}
.active-details img{width: 70%;margin: 20px auto;}
.active-details video{width: 70%;margin: 20px auto 0;display: block;}
.active-details .video-title{display: block;width: 70%;height: 40px;line-height: 40px;font-size: 16px;text-align: center;margin: 0 auto;}
.active-details .p-title{display:inline-block;color:#fff;background:#40b178;border-radius:6px;margin:25px 0;padding:0 25px}
.active-details .p-title.blue{background:#0052A1;}
.active-details .p-title.blue2{background:#26779B;}
.active-details .p-title.blue3{background:#1EB0C7;}
.active-details .p-title.blue4{background:#429C4F;}
.active-details .p-title.blue5{background:#17AAD5;}
.active-details .p-title.green{background:#0DA78F;}
.active-details .p-title.red{background:#ED4F4C;}
.active-details .p-footer{text-align:right;color:#666}
.active-details a{display:block;font-size:16px;font-weight:500;color:#40b178;line-height:32px}
.active-details a.blue{color:#0052A1;}
.active-details a.blue2{color:#26779B;}
.active-details a.blue3{color:#1EB0C7;}
.active-details a.blue4{color:#429C4F;}
.active-details a.blue5{color:#17AAD5;}
.active-details a.green{color:#0DA78F;}
.active-details a.red{color:#ED4F4C;}
.active-details .bdiv{display:block;width:100%;margin:60px auto 0;overflow:hidden}
.active-details .bdiv input{float:left;width:49%;height:60px;line-height:60px;border-radius:6px;font-size:18px;font-weight:500;text-align:center;color:#fff;background:#fca62c;outline:0;border:none;cursor:pointer}
.active-details .bdiv input.red{background:#ED4F4C}
.active-details .bdiv input.orange{background:#FF841C}
.active-details .bdiv input.blue5{background:#17AAD5}
.active-details .bdiv input.green1{background:#01a549}
.active-details .bdiv input:last-child{float:right;background:#40b178}
.active-details .bdiv input.blue:last-child{background:#0052A1}
.active-details .bdiv input.blue2:last-child{background:#26779B}
.active-details .bdiv input.blue3:last-child{background:#1EB0C7}
.active-details .bdiv input.blue4:last-child{background:#429C4F}
.active-details .bdiv input.blue5:last-child{background:#0C84A7}
.active-details .bdiv input.green:last-child{background:#0DA78F}
.active-details .bdiv input.green1:last-child{background:#01a549}
.active-details .bdiv input.register{display: block;width: 70%;background:#fca62c;margin: 0 auto;float: none;}
.active-details .bdiv.bdiv3 input{width:32.33%;margin: 0 0.5%;}
.active-details .bdiv.bdiv3 input:first-child{background:#ED4F4C}
.active-details table{width: 100%;}
.active-details table td{width: 20%;text-align: center;height: 45px;line-height: 45px;}