html{background: #fff;font-size: 14px;}
.w1200{width:1200px;margin:0 auto;}
.ellipsis{overflow: hidden;display: inline-block;max-width:100%;text-overflow: ellipsis;white-space: nowrap;}
.d-flex{display: flex;}
.d-center-flex{display: flex;align-items: center;}
.d-wrap-flex{display: flex;flex-wrap: wrap;}
.d-justify-flex{display: flex;align-items: center;justify-content: space-evenly;}
.d-shrink{flex-shrink: 0;}
.d-grow{flex-grow: 1;min-width:0;flex-basis: 0;}
.overflow{overflow: hidden;}
.pointer{cursor: pointer;}
body,a{color:#333}
a:hover{text-decoration: none;}
.line2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.font68{font-size: 68px;}
.font32{font-size: 32px;}
.font30{font-size: 30px;}
.font20{font-size: 20px;}
.font24{font-size: 24px;}

/* header */
.webheader{padding:30px 0 20px;background: #fff;}
.webheader .tel{padding-left:20px;background: url('../images/web_new/icon01.png') left center no-repeat;}
.webheader .email{padding-left:20px;background: url('../images/web_new/icon02.png') left center no-repeat;margin-left:22px}
.webheader .info{color:#808080}
.webheader .info span span{margin-left:5px}
.webheader .info span span,.webheader .info a{color:#298cf0}
.webheader .info .back{margin-top:20px}

/* index */
.zyzd .imagebox img{width:100%;height:100%;object-fit: cover;}
.zyzd a:hover{color:#298cf0}
.zyzd .banner .swiper-wrapper, .zyzd .banner a{height:auto!important}
.zyzd .banner .info{position: absolute;width:100%;left:0;bottom:40px}
.zyzd .banner .num{color:#fff;}
.zyzd .banner .pagination{margin:0}
.zyzd .banner .info>div{align-items: flex-end;}
.zyzd .banner .swiper-pagination-switch{width:10px;height:10px;border-radius: 5px;border:2px solid #fff;opacity: .7;margin-right:6px;display: inline-block;cursor: pointer;}
.zyzd .banner .swiper-active-switch{background: #fff;opacity: 1;width:30px}
.zyzd .b_title{margin:100px 0 65px}
.zyzd .b_title .name{margin-right:45px}
.zyzd .zcwj .imgbox{width:665px;margin-right:14px}
.zyzd .zcwj .imgbox a,.zyzd .zcwj .imgbox img{width:100%}
.zyzd .zcwj .tabbox{border-bottom:#e6e6e6 1px solid}
.zyzd .zcwj .tab{width:50px;border-top:9px solid rgba(0,0,0,0);color:#7f7f7f;line-height: 65px;}
.zyzd .zcwj .tab.curr{border-color: #298cf0;color:#298cf0}
.zyzd .zcwj .item{padding:20px 45px 18px;border-bottom:1px solid #e8e8e8}
.zyzd .zcwj .item .summary{color:#b9b9b9;margin-top:10px;padding-right:20px}
.zyzd .zcwj .more{margin-top:20px}
.zyzd .zcwj{padding-bottom:85px}
.zyzd .wkt,.zyzd .fwb{background: #f0f0f0;padding-bottom:50px}
.zyzd .wkt .b_title{align-items: flex-end;padding-bottom:16px;border-bottom:#e6e6e6 1px solid}
.zyzd .wkt .tab{display: inline-block;line-height: 24px;padding:0 16px;border:1px solid #e5e5e5;margin-right:12px;border-radius: 4px;}
.zyzd .wkt .tab.curr{border-color:#298cf0;background: #298cf0;color:#fff}
.imagebox{padding-top:56.36%;position: relative;display: block;width:100%}
.imagebox img{position: absolute;left:0;top:0;}
.zyzd .wkt .list{margin: 0 -12px}
.zyzd .wkt .item{width:20%;padding:0 12px;margin-bottom:60px;}
.zyzd .wkt .item>div{background: #ececec;}
.zyzd .wkt .item .name{margin:20px 22px 18px;line-height: 18px;height:36px}
.zyzd .gzs{padding-bottom:90px}
.zyzd .gzs .b_title{padding-bottom:30px;border-bottom:7px solid #298cf0}
.zyzd .gzs .prvlist{margin: 0  -8px;}
.zyzd .gzs .item{width:calc(100%/6);padding:0 8px;margin-bottom:18px}
.zyzd .gzs .item a{display: block;line-height: 60px;border-radius: 4px;background: #ebefff;}
.zyzd .fwb .content{margin:0 -10px}
.zyzd .fwb .blockbox{width:calc(100%/3);padding:0 10px}
.zyzd .fwb .item{background: #fff;box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);padding:36px 28px 25px;margin-bottom:40px}
.zyzd .fwb .item .name{line-height: 43px;padding-left:57px;background: url('../images/web_new/icon03.png') left center no-repeat;}
.zyzd .fwb .item2 .name{background: url('../images/web_new/icon05.png') left center no-repeat;}
.zyzd .fwb .item3 .name{background: url('../images/web_new/icon07.png') left center no-repeat;}
.zyzd .fwb .item .summary{color:#000;opacity: .33;line-height: 22px;height:44px;margin:20px 0 15px}
.zyzd .fwb .list{margin-bottom:15px}
.zyzd .fwb .list a,.zyzd .fwb .list span{padding-left:39px;line-height: 27px;background: url('../images/web_new/icon04.png') left center no-repeat;margin-bottom:14px;display: inline-block;}
.zyzd .fwb .list span:hover{color:#298cf0}
.zyzd .fwb .item2 .list span{background: url('../images/web_new/icon06.png') left center no-repeat;}
.zyzd .fwb .item3 .list a{background: url('../images/web_new/icon08.png') left center no-repeat;}
.zyzd .fwb .more{padding-right:40px;background: url('../images/web_new/icon09.png') right center no-repeat;color:#298cf0;}
.zyzd .tstitle{background: url('../images/web_new/bg.png') center no-repeat;margin-bottom:70px}
.zyzd .tstitle .b_title{color:#fff;margin:95px 0 88px}
.zyzd .ts{padding-bottom:120px}
.zyzd .ts .item{margin-bottom:15px}
.zyzd .ts .title{padding:25px 0}
.zyzd .ts .title.hasborder{border-bottom:1px solid #c7c7c7}
.zyzd .ts .extendbox{margin:0 -10px;display: none;}
.zyzd .ts .ele{width:50%;padding:0 10px;margin-bottom:10px}
.zyzd .ts .ele span{padding-right:100px}
.zyzd .ts .elem{background: #ececec;line-height: 55px;padding:0 15px;color:#b9b9b9}

/* list */
.zyzd-list .banner{position: relative;font-size: 0;}
.zyzd-list .banner img{width:100%}
.zyzd-list .banner .name{position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);color:#fff}
.zyzd-list .catname{line-height: 62px;background: #f3f3f3;margin-bottom:80px}
.zyzd-list .catname .d-flex{justify-content: space-evenly;}
.zyzd-list .catname a{color:#7f7f7f;border-bottom:5px solid rgba(0,0,0,0)}
.zyzd-list .catname a.on{color:#298cf0;border-bottom-color:#298cf0}
.zyzd-list:not(.videopage) .wrap{padding-bottom:130px}
.zyzd-list .b_title{position: relative;line-height: 90px;margin:0;margin-bottom:20px}
.zyzd-list .b_title:before{content:'';width:78px;height:5px;background: #298cf0;position: absolute;left:0;top:0}
/* 政策列表 */
.zyzd-list .zclist .item{box-shadow:0 2px 10px 1px rgba(0, 0, 0, 0.08);padding:15px 35px;margin-bottom:22px}
.zyzd-list .zclist .title{margin-bottom:15px;padding-top:5px;padding-right:50px}
.zyzd-list .zclist a:hover{color:#298cf0}
.zyzd-list .zclist .time{color:#b9b9b9}
.zyzd-list .zclist .down{background: #298cf0;color:#fff;padding:0 8px;line-height: 25px;border-radius: 4px;}
/* 简历列表 */
.zyzd-list .jllist{margin:0 -10px}
.zyzd-list .jllist .jlbox{width:25%;padding:0 10px;margin-bottom:34px;}
.zyzd-list .jllist .item{padding:10px;border:solid 1px #f3f3f3;box-shadow: 1px 11px 17px 5px rgba(243, 243, 243, 0.6)}
.zyzd-list .jllist .jlimg{padding-top:141.26%;}
.zyzd-list .jllist .info{padding:15px 0}
.zyzd-list .jllist .title{margin:0;padding:0}
.zyzd-list .jllist .downbtn{color:#298cf0;margin-left:30px}
/* 分页条 */
.zyzd-list .pagination{margin:0;margin-top:50px}
.zyzd-list .pagination>li.active>a{background: #298cf0;border-color: #298cf0;}
/* 资讯列表 */
.zyzd-list .zxlist{margin:0 -7px}
.zyzd-list .zxlist .item{width:calc(100% / 3);padding:0 7px;margin-bottom:10px;}
.zyzd-list .zxlist .itembox{border-bottom: 2px solid rgba(0,0,0,0);}
.zyzd-list .zxlist .itembox:hover{border-bottom-color: #f5f5f5;}
.zyzd-list .zxlist .title{line-height: 22px;height:44px;margin:20px 0 15px}
.zyzd-list .zxlist .summary{color:#b9b9b9;line-height: 26px;height:52px;}
.zyzd-list .zxlist .time{color:#b9b9b9;margin:15px 0 20px}
/* 工作室列表 */
.gzs-list .wrap{margin-top:50px}
.gzs-list .leftmenu{width:200px;border:solid 1px #d1d1d1;margin-right:26px;}
.gzs-list .leftmenu .pos{color:#fff;background: #298cf0;line-height: 58px;border-bottom:solid 1px #d1d1d1}
.gzs-list .menulist{max-height:878px;overflow: auto;}
.gzs-list .menulist a{display: block;background: #f3f3f3;line-height: 17px;padding:12px 16px;border-bottom:solid 1px #d1d1d1}
.gzs-list .menulist a.curr{background: #fff;color:#298cf0;}
.gzs-list .menulist a:last-child{border:0}
.gzs-list .rightinfo{padding-bottom:20px;border-bottom:2px solid #f5f5f5;margin-bottom:20px;}
.gzs-list .rightinfo .d-shrink{width:calc((100% + 14px)/3 - 14px);margin-right:14px}
.gzs-list .rightinfo .summary{margin-top:-30px;line-height: 26px;color:#000}
.gzs-list .rightinfo .otherinfo{color:#000}
.gzs-list .otherinfo{line-height: 32px;margin-top:25px}
.gzs-list .severce{margin:5px 0 14px}
.gzs-list .severce span{padding-left:12px;margin-right:30px;position: relative;display: inline-block;}
.gzs-list .severce span::before{content:'';width:6px;height:6px;background: #298cf0;border-radius: 50%;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.gzs-list .rightinfo .site a{color:#298cf0}
/* 视频（微课堂、服务包其他）列表 */
.zyzd-list .videolist{margin:0 -14px}
.zyzd-list .videolist .item{width:25%;padding:0 14px;margin-bottom:35px;}
.zyzd-list .videolist .itembox{background: #ececec;display: block;}
.zyzd-list .videolist .info{padding:22px 30px}
.zyzd-list .videolist .title{line-height: 26px;height:52px;}
.zyzd-list .ptab{margin:-15px 0 55px}
.zyzd-list .ptab a{display: inline-block;padding:0 15px;line-height: 25px;background: #f0f0f0;border-radius: 4px;margin-right:13px}
.zyzd-list .ptab a.on{background: #298cf0;color:#fff}

/* 详情页 */
.detail-page .titlebox{margin:50px 0;color:#000}
.detail-page .title{line-height: 28px;}
.detail-page .wrap .info{color:#7f7f7f;margin-top:20px}
.detail-page .wrap .info>div{margin-bottom:10px}
.detail-page .wrap .info span{margin:0 20px}
.detail-page .wrap .info a{color:#298cf0}
.detail-page .articlecontent{line-height: 36px;text-align: justify;}
.detail-page .articlecontent img,.detail-page .articlecontent video,.detail-page .articlecontent table{max-width: 100%;}
.detail-page .other{border-top:2px solid #f5f5f5;margin-top:160px;padding-top:10px}
.detail-page .other .article>div{margin:20px 0}
.detail-page .other .backbtn{line-height: 56px;padding:0 33px;color:#fff;border-radius: 28px;margin-left:50px;background: #298cf0;}
.detail-page .other .backbtn span{padding-right:37px;background: url('../images/web_new/icon12.png') center right no-repeat;}
/* 视频详情 */
.videopage{background: #f0f0f0;}
.videopage .videocontent{background: #fff;padding:30px 120px 95px;margin-top:32px}
.videopage .other{margin-top:65px;border:0}

@media only screen and  (min-width: 1660px) {

}
@media only screen and  (min-width: 2000px) {

}
@media only screen and  (max-width: 1440px) {

}
@media only screen and  (max-width: 1280px) {

}
@media only screen and  (max-width: 1200px) {

}