/*
Theme Name: 文化创意产业园网站模板
Theme URI: http://1201.fg27.com
Author: Reasonix
Description: 创意园信息门户网站模板（参考：蓉运壹号文化创意产业园，青色）
Version: 1.0.0
*/
/* ===== 基础 ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font:14px/1.6 "Microsoft YaHei","Hiragino Sans GB",Arial,sans-serif;color:#333;background:#fff}
ul,ol{list-style:none}
a{text-decoration:none;color:#333;transition:all .3s}
a:hover{color:#01a29c}
img{max-width:100%;height:auto;border:0}
h1,h2,h3,h4,h5,h6,p{margin:0}
.clear{clear:both}
.clearfloat:before,.clearfloat:after{content:"";display:table}
.clearfloat:after{clear:both}
.clearfloat{zoom:1}
.content{width:1200px;margin:0 auto;padding:30px 0}

/* ===== 顶部 ===== */
.top-box{background:#fff}
.head-box{border-bottom:1px solid #eee}
.login-box{width:1200px;margin:0 auto;text-align:right}
.login-box li{display:inline-block}
.login-box li a{display:block;line-height:30px;padding:0 15px;color:#666;font-size:13px;border-right:1px solid #eee}
.login-box li a:hover{color:#01a29c}
.top-mid{width:1200px;margin:0 auto;padding:20px 0;position:relative;display:flex;align-items:center}
.logo-box{width:210px;height:74px;overflow:hidden}
.logo-box img{max-height:74px}
.search-box{width:400px;height:42px;border:2px solid #01a29c;border-radius:4px;margin-left:60px;overflow:hidden}
.search-txt{float:left;width:330px}
.search-txt input{width:100%;height:38px;border:0;padding:0 12px;font-size:14px;outline:none}
.search-btn{float:left;width:68px;height:38px}
.search-btn button{width:100%;height:38px;border:0;background:#01a29c;color:#fff;font-size:16px;cursor:pointer}
.search-btn button:hover{background:#018780}
.menu-btn{display:none;position:absolute;right:15px;top:35px;font-size:22px;color:#01a29c;cursor:pointer}
/* 导航 */
.nav{background:#313131}
.nav>ul{width:1200px;margin:0 auto;display:flex}
.nav>ul>li{position:relative;flex:1;text-align:center}
.nav>ul>li>a{display:block;line-height:45px;color:#fff;font-size:15px}
.nav>ul>li>a:hover,.nav>ul>li.show>a{background:#01a29c}
.nav>ul>li>dl{display:none;position:absolute;top:45px;left:0;width:100%;background:#313131;z-index:99}
.nav>ul>li:hover>dl{display:block}
.nav>ul>li>dl dt a{display:block;line-height:36px;color:#ccc;font-size:13px}
.nav>ul>li>dl dt a:hover{background:#01a29c;color:#fff}

/* ===== 首页轮播 + 最新动态 ===== */
.add1-box{overflow:hidden}
.focus{width:780px;height:420px;float:left;position:relative;overflow:hidden}
.focus .swiper-container{width:100%;height:100%}
.focus .swiper-slide{position:relative}
.focus .swiper-slide img{width:100%;height:420px;object-fit:cover}
.focus .swiper-slide .shadow{position:absolute;bottom:0;left:0;right:0;height:50px;line-height:50px;background:rgba(0,0,0,.5);color:#fff;font-size:15px;padding:0 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;z-index:5}
.focus .swiper-pagination-bullet{background:#fff;opacity:.7}
.focus .swiper-pagination-bullet-active{background:#01a29c}
.focus .swiper-button-prev,.focus .swiper-button-next{color:#fff}
.add1-news-box{width:370px;float:right;background:#fafafa;border:1px solid #eee;padding:20px}
.add1-news-title{height:35px;border-bottom:1px solid #d8d8d8;margin-bottom:15px}
.add1-news-title p{line-height:35px;font-size:18px;color:#01a29c;border-left:4px solid #01a29c;padding-left:10px}
.add1-news-list li{padding-left:14px;background:url("data:image/gif;base64,R0lGODlhCgAKAIABAAAAAP///yH5BAEAAAEALAAAAAAKAAoAAAIEhI8pFwA7") no-repeat left center;overflow:hidden}
.add1-news-list li a p{font-size:13px;line-height:32px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.add1-news-list li a:hover p{color:#01a29c}

/* ===== 三栏 ===== */
.part3{overflow:hidden;margin-top:40px}
.part3-left,.part3-center,.part3-right{width:360px;float:left;margin-right:60px}
.part3-right{margin-right:0}
.part3-title{height:30px;padding-left:25px;font-size:22px;line-height:30px;margin-bottom:25px;color:#333;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18'><circle cx='9' cy='9' r='8' fill='%2301a29c'/></svg>") no-repeat left center}
.aboutUs p{font-size:14px;line-height:2;color:#666;text-indent:2em}
.newsList li a{display:block;line-height:34px;overflow:hidden}
.newsList li a .listicon{display:inline-block;width:8px;height:8px;background:#01a29c;border-radius:50%;margin-right:10px;vertical-align:middle}
.newsList li a .newsl-title{font-size:14px;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:90%}
.newsList li a:hover .newsl-title{color:#01a29c}

/* ===== 宣传图 ===== */
.contentbox{overflow:hidden;margin-top:40px}
.contentbox .con{width:380px;float:left;margin-right:30px;position:relative;overflow:hidden}
.contentbox .con:last-child{margin-right:0}
.contentbox .con img{width:100%;height:220px;object-fit:cover;transition:all .5s}
.contentbox .con:hover img{transform:scale(1.08)}
.contentbox .con .txt{position:absolute;bottom:0;left:0;right:0;height:60px;padding:10px 15px;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent)}
.contentbox .con .txt h3{color:#fff;font-size:18px;margin-bottom:4px}
.contentbox .con .txt p{color:#ccc;font-size:12px}

/* ===== 列表页 ===== */
.list-page{width:1200px;margin:0 auto;padding:30px 0}
.page-list{background:#fafafa;border:1px solid #eee;padding:15px 20px}
.page-list>li{overflow:hidden;padding:15px 0;border-bottom:1px dashed #e5e5e5}
.page-list>li:last-child{border-bottom:none}
.page-list-pic{float:left;width:220px;height:140px;overflow:hidden;margin-right:20px}
.page-list-pic img{width:100%;height:100%;object-fit:cover;transition:all .5s}
.page-list>li:hover .page-list-pic img{transform:scale(1.08)}
.page-list-cont{overflow:hidden}
.page-list-cont h2{font-size:18px;color:#333;line-height:1.4;margin-bottom:8px}
.page-list-cont h2 a:hover{color:#01a29c}
.page-list-cont p{font-size:13px;color:#888;line-height:1.6;max-height:42px;overflow:hidden;margin-bottom:8px}
.page-list-meta{font-size:12px;color:#999}
.page-list-meta span{margin-right:15px}
.page{text-align:center;padding:30px 0}
.page .page-numbers{display:inline-block;margin:0 3px;padding:7px 14px;background:#f5f5f5;color:#666;border-radius:3px}
.page .page-numbers:hover{background:#01a29c;color:#fff}
.page .page-numbers.current{background:#01a29c;color:#fff}

/* ===== 内容页 ===== */
.article-page{width:1200px;margin:0 auto;padding:30px 0}
.crumbs{font-size:13px;color:#999;padding-bottom:12px;border-bottom:1px solid #eee;margin-bottom:15px}
.crumbs a{color:#999}
.crumbs a:hover{color:#01a29c}
.article-main{background:#fafafa;border:1px solid #eee;padding:25px}
.article-title{font-size:24px;color:#222;text-align:center;line-height:1.4;margin-bottom:12px}
.article-meta{text-align:center;color:#999;font-size:13px;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px}
.article-meta span{margin:0 12px}
.article-content{font-size:16px;line-height:1.9;color:#555}
.article-content p{margin:12px 0}
.article-content img{max-width:100%;height:auto;display:block;margin:10px auto}
.article-content .article-featured{text-align:center;margin-bottom:15px}
.article-content h2,.article-content h3,.article-content h4{margin:18px 0 10px;color:#333}
.article-content a{color:#01a29c}
.article-content ul,.article-content ol{padding-left:25px;margin:10px 0}
.article-content ul{list-style:disc}
.article-content ol{list-style:decimal}
.article-content blockquote{border-left:4px solid #01a29c;background:#f0faf9;padding:10px 18px;margin:15px 0;color:#666}
.article-content table{width:100%;border-collapse:collapse;margin:15px 0}
.article-content table td,.article-content table th{border:1px solid #ddd;padding:8px 10px}
.article-content pre,.article-content code{background:#f5f5f5;padding:12px;border-radius:3px;overflow:auto;font-size:14px}
.article-nav{overflow:hidden;padding:15px 0;border-top:1px solid #eee;margin-top:20px;font-size:14px}
.article-nav p{margin:4px 0}
.article-nav a{color:#333}
.article-nav a:hover{color:#01a29c}
.article-related{margin-top:20px;padding-top:15px;border-top:1px solid #eee}
.article-related .part3-title{margin-bottom:15px}

/* ===== 友情链接 ===== */
.friend-link{overflow:hidden;margin-top:40px}
.friend-link-title{height:30px;padding-left:25px;font-size:22px;line-height:30px;margin-bottom:20px;color:#333;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18'><circle cx='9' cy='9' r='8' fill='%2301a29c'/></svg>") no-repeat left center}
.friend-icon li{float:left;width:180px;margin:0 20px 10px 0;background:#fafafa;border:1px solid #eee;text-align:center}
.friend-icon li a{display:block;padding:20px}
.friend-icon li .friend-link-name{font-size:15px;color:#333}
.friend-icon li:hover .friend-link-name{color:#01a29c}

/* ===== 底部 ===== */
.foot-box{background:#eeeeee;padding:35px 0;margin-top:40px}
.footcontain{width:1200px;margin:0 auto;text-align:center}
.fast-link{margin-bottom:15px}
.fast-link a{color:#555;font-size:14px;margin:0 8px}
.fast-link a:hover{color:#01a29c}
.fast-link .shu{color:#999;margin:0 4px}
.copyright-box p{font-size:13px;color:#888;line-height:1.8}
.copyright-box a{color:#888}
.to-top{position:fixed;right:20px;bottom:50px;width:44px;height:44px;background:#01a29c;color:#fff;text-align:center;line-height:44px;cursor:pointer;z-index:99;border-radius:4px;display:none;font-size:18px}
.to-top:hover{background:#018780}

/* ===== 响应式 ===== */
@media (max-width:1200px){
.content,.top-mid,.nav>ul,.list-page,.article-page,.footcontain{width:100%;padding:0 15px;box-sizing:border-box}
.login-box{width:100%}
.search-box{width:300px;margin-left:30px}
.search-txt{width:230px}
.add1-news-box{width:100%;float:none;margin-top:15px}
.focus{width:100%;height:auto}
.focus .swiper-slide img{height:auto}
.part3-left,.part3-center,.part3-right{width:32%;margin-right:2%}
.part3-right{margin-right:0}
.contentbox .con{width:32%;margin-right:2%}
.contentbox .con:last-child{margin-right:0}
}
@media (max-width:767px){
body{overflow-x:hidden}
.top-mid{flex-wrap:wrap;padding:10px 50px 10px 15px}
.logo-box{width:150px;height:auto}
.logo-box img{max-height:50px}
.search-box{width:100%;margin:10px 0 0}
.search-txt{width:calc(100% - 70px)}
.menu-btn{display:block}
.nav{display:none}
.nav>ul{flex-direction:column;padding:0}
.nav>ul>li{text-align:left}
.nav>ul>li>a{line-height:42px;padding:0 20px;border-bottom:1px solid #444}
.nav>ul>li>dl{position:static;width:100%}
.nav>ul>li>dl dt a{padding-left:40px}
.part3-left,.part3-center,.part3-right{width:100%;float:none;margin:0 0 25px}
.contentbox .con{width:100%;float:none;margin:0 0 15px}
.contentbox .con img{height:180px}
.page-list{padding:10px}
.page-list-pic{width:110px;height:80px;margin-right:12px}
.page-list-cont h2{font-size:15px}
.page-list-cont p{display:none}
.friend-icon li{width:45%;margin:0 2.5% 10px 0}
.article-main{padding:15px}
.article-title{font-size:18px}
.article-meta span{margin:0 6px}
.article-content{font-size:15px}
}