html{background: #fff;}
.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;}
.font32{font-size: 32px;}
.font30{font-size: 30px;}
.font20{font-size: 20px;}
.font24{font-size: 24px;}

/* header */
.cyfwheader{background: rgba(0,0,0,.4);position: absolute;left:0;top:0;width:100%;line-height: 90px;padding:0 2vw}
.cyfwheader a,.cyfwheader a:hover{color:#fff}
.cyfwheader .navmenu{margin:0 30px}
.cyfwheader .navmenu a{border-bottom:3px solid rgba(0,0,0,0)}
.cyfwheader .navmenu a.on{font-weight: bold;border-color:#fff}
.cyfwheader .sitehome{line-height: 30px;background: #00c0fa;padding: 0 15px;display: inline-block;margin-right:20px}
.cyfwheader .search{border-radius: 20px;width:200px;overflow: hidden;line-height: 40px;background: #fff;}
.cyfwheader .search input{padding-left:20px;border:0}
.cyfwheader .search .searchBtn{padding-right:20px;line-height: 0;}
.cyfwheader .search .searchBtn img{width:20px}
/* 互联网+创业服务  */
.banner{position: relative;}
.banner img{width:100%}
.cyfw .b_title{margin-bottom:-2px;align-items: flex-end;position: relative;margin:50px 0 40px}
.cyfw .b_title:after{content:'';position: absolute;left:0;bottom:0;width:100%;height:2px;background: rgb(183,223,222,.2);}
.cyfw .b_title .name{color:#666;position: relative;display: inline-block;padding-bottom:15px;margin-right:40px}
.cyfw .b_title .name.on{color:#333;}
.cyfw .b_title .name.on:after{content:'';position: absolute;left:0;bottom:0;width:100%;height:2px;background-image: linear-gradient(-90deg, #015eea 0%, #00c0fa 100%)}
.cyfw .b_title .more{color:#999;margin-bottom:17px;display: inline-block;padding-right:12px;background: url('../images/newpage/more.png') center right no-repeat;}
.cyfw .articlelist .item a{color:#333;line-height: 48px;}
.cyfw .item a:hover{color:#0160ea}
.cyfw .articlelist .item .time{color:#666;margin-left:20px}
.cyfw .cyms .item{width:50%}
.cyfw .cyms .item:nth-child(even){padding-left:20px}
.cyfw .cyms .item:nth-child(odd){padding-right:20px;border-right:1px solid #f6f6f6}
.cyfw .bg{background: url('../images/cyfw/bg.png') center bottom no-repeat;padding-bottom:50px}
.cyfw .blocktype{grid-gap: 12px;}
.cyfw .blocktype .item{width:190px;color:#fff;position: relative;margin-bottom:30px}
.cyfw .blocktype .item img{width:100%}
.cyfw .blocktype .item:nth-child(even){margin-top:28px}
.cyfw .blocktype .title{position: absolute;width:100%;left:0;top:135px;line-height: 26px;padding:0 20px}
.cyfw .imgtype .imgblock{width:600px;height:400px;margin-right:40px;position: relative;margin-bottom:20px}
.cyfw .imgtype .imgblock img{width:100%;height:100%;object-fit: cover;}
.cyfw .imgtype .imgblock .title{position: absolute;left:0;bottom:0;width:100%;line-height: 64px;color:#fff;padding:0 22px;background-image: linear-gradient(0deg, rgba(0,0,0,.6) 0%, rgba(0, 0, 0, 0.456) 30%, rgba(76, 76, 76, 0.3) 62%, rgba(128, 128, 128, 0.126) 84%, rgba(255,255,255,0) 100%)}
.cyfw .summary{line-height: 24px;color:#666}
.cyfw .imgtype .item.on{padding-bottom:15px;border-bottom:solid 1px #d6e1ea;margin-bottom:10px;margin-top:-16px}
.cyfw .cardtype{grid-gap: 26px;}
.cyfw .cardtype .item{position: relative;background: url('../images/cyfw/item.png') center no-repeat;width:280px;height:200px;padding:30px}
.cyfw .cardtype .title{line-height: 32px;}
.cyfw .cardtype .time{position: absolute;left:30px;bottom:30px;color:#666}
.cyfw .leftmenu{background: #f6f6f6;margin-right:30px;width:220px;margin-top:-40px;padding-top:10px}
.cyfw .leftmenu .item{padding-right:60px;border-right:2px solid rgba(0,0,0,0);color:#666;line-height: 18px;margin-top:50px}
.cyfw .leftmenu .item.on{color:#333;border-color:#0160ea}
.cyfw .adlist{margin-bottom:80px}
.cyfw .adlist a{display: block;}
.cyfw .adlist img{width:100%}

/* 视频列表 */
.cyfw-list .banner{height:400px;background: url('../images/cyfw/listbanner.png') bottom center/cover no-repeat;}
.cyfw-list .banner .name{margin:200px auto;height:58px;width:fit-content;display: block;}
.catname{margin-top:-70px;position: relative;z-index: 1;margin-bottom:60px}
.catname a{display: inline-block;width:285px;line-height: 58px;vertical-align: bottom;margin-right:12px;margin-top:10px;background: rgba(0,0,0,.7);color:#fff;border-top:2px solid rgba(0,0,0,0)}
.catname a.on{line-height: 68px;margin-top:0;background: #fff;color:#333;font-weight: bold;border-color:#ffd974}
.catname a:last-child{margin-right:0}
.cyfw-list .video_list{padding-bottom:30px}
.cyfw-list .video_list .item{margin-bottom:20px}
.cyfw-list .video_list .imglink{height:200px;position: relative;display: block;}
.cyfw-list .video_list .imglink img{width:100%;height:100%;object-fit: cover;}
.cyfw-list .video_list .duration{position: absolute;left:0;bottom:0;width:100%;line-height: 40px;color:#fff;padding:0 12px;background-image: linear-gradient(0deg, rgba(0,0,0,.6) 0%, rgba(0, 0, 0, 0.456) 30%, rgba(76, 76, 76, 0.3) 62%, rgba(128, 128, 128, 0.126) 84%, rgba(255,255,255,0) 100%)}
.cyfw-list .video_list .info{background: #f7f7f7;padding:10px 15px 20px}
.cyfw-list .video_list .time{color:#999;margin-top:15px}
.cyfw-list .video_list .title:hover{color:#0160ea}
.cyfw-list .pagination{margin-bottom:70px}
.pagination>li.active>a{background-color: #006aff;border-color: #006aff;}

/* 文章列表 */
.normallist{padding-bottom:30px}
.normallist .timeblock{background: url('../images/cyfw/icon02.png') center no-repeat;width:182px;height:160px;padding:40px 45px;margin-bottom:40px;margin-right:40px}
.normallist .timeblock .year{color:#999;font-weight: lighter;margin-top:15px}
.normallist .item:hover .timeblock{background-image: url('../images/cyfw/icon03.png');color:#fff}
.normallist .item:hover .timeblock .year{color:#fff}
.normallist .title{margin:20px 0 25px;transition: padding .3s;}
.normallist .item:hover .title{color:#0160ea;padding-left:40px;background: url('../images/cyfw/icon04.png') left center no-repeat;}
.normallist .summary{line-height: 26px;color:#999;}

/* 左侧菜单 */
.leftnav{width:200px;margin-right:40px;margin-bottom:80px}
.leftnav>div{padding:0 18px;border-left:2px solid rgba(0,0,0,0);border-right:2px solid rgba(0,0,0,0);background: #f3f3f3;}
.leftnav a{display: block;border-top:1px solid #e3e3e3;line-height: 26px;padding:17px 0;color:#999}
.leftnav>div:first-child a{border-top:0}
.leftnav .on{border-right-color: #004be8;}
.leftnav .on a{color:#000}

/* 详情 */
.detail_info{border:solid 1px #e5e5e5;padding:0 40px 50px;margin-bottom:80px;background: #fff;}
.detail_info .title{margin-top:30px;line-height: 46px;}
.detail_info .infobox{color:#666;padding:20px 0}
.detail_info .detail_article{border-top:1px solid #eee;padding-top:30px}
.detail_info .detail_article p{line-height: 32px;margin-bottom: 16px;}
.detail_info .detail_article img,.detail_info .detail_article video,.detail_info .detail_article table{max-width: 100%;}
.detail_info .detail_collect{padding-left:27px;line-height: 30px;background: url('../images/cyfw/icon01.png') left center no-repeat;}
.detail_info .font div{width:23px;line-height:23px;margin-right:10px;border-radius: 12px;background: #d6d6d6;color:#fff}
.detail_info .font .selected{background: #004be8;}
.detail_info .share{position: relative;}
.detail_info .share span{display: inline-block;margin-left:10px;width:30px;height:30px;background-position: center;background-repeat: no-repeat;background-size: contain;}
.detail_info .bshare-qqim{background-image: url('../images/fx/QQ.png');}
.detail_info .bshare-weixin{background-image: url('../images/fx/weixin.png');}
.detail_info .bshare-sinaminiblog{background-image: url('../images/fx/weibo.png');}
.detail_info .share #qrcode_c {display: none;width: 115px; height: 115px;padding: 10px;position: absolute;right:0;top: 35px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); background: #fff;z-index: 10;}
.detail_info .share #qrcode_c img {width: 100%;height: 100%;}
.cyfw-detail .wrap{margin-top:-305px;position: relative;z-index: 1;}
.cyfw-detail .banner{background: url('../images/cyfw/detailbanner.png') center bottom/cover no-repeat;height:400px}
.cyfw-detail .bread{padding:25px 0}
.cyfw-detail .bread a{color:#e2e2e2;}
.cyfw-detail .bread a:after{content: '>';display: inline;padding:0 5px}
.cyfw-detail .bread span{color:#fff}

@media only screen and  (min-width: 1660px) {
    .cyfwheader .navmenu{margin-left:10vw}
    .cyfwheader .navmenu a{font-size: 18px;}
}
@media only screen and  (min-width: 2000px) {
    .cyfwheader .navmenu{margin-left: 20vw}
}
@media only screen and  (max-width: 1440px) {
    .cyfwheader{padding: 0 15px}
    .cyfwheader .navmenu a{font-size: 15px;}
}
@media only screen and  (max-width: 1280px) {
    .cyfwheader .navmenu a{font-size: 14px;}
}
@media only screen and  (max-width: 1200px) {
    .w1200{padding:0 15px}
}