﻿@charset "utf-8";
html, body, div, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, fieldset, input, textarea, label, ul, ol, dl, li, dt, dd { margin:0; padding:0; border:0; outline:none; list-style:none; font-weight: normal; }
html { height:100%; }
*html { _background-image:url(about:blank); _background-attachment:fixed; }
li { list-style-type:none; }
a { text-decoration:none; outline:none; color:#333; }
a:hover { text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; margin:0 auto; clear:both; }
fieldset, img { border:0;vertical-align: top;}
.none { display:none; }
ul, ol {border: 0;line-height: 14px; *line-height: 14px;list-style: none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size: 14px;}
h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul{margin: 0;padding: 0;border: 0;}
.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
q:before, q:after { content:''; }
em{font-style:normal}


.txtout li {white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;float:left;}

/* 链接颜色 */
a:link { color: #1b1b1b; text-decoration: none } 
a:visited { color: #1b1b1b; text-decoration: none } 
a:hover { color: #ff0000; text-decoration: none }
a:active { color: #ff0000; text-decoration: none } 

.red1 { COLOR: #b2171d}
.red1 a:link { COLOR: #b2171d; TEXT-DECORATION: none } 
.red1 a:visited { COLOR: #b2171d; TEXT-DECORATION: none } 
.red1 a:hover { COLOR: #b2171d; TEXT-DECORATION: none }
.red1 a:active { COLOR: #b2171d; TEXT-DECORATION: none }

.white1 { color: #ffffff;}
.white1 a:link {color: #ffffff;}
.white1 a:visited { color: #ffffff;}
.white1 a:hover { color: #ffffff;text-decoration: none}
.white1 a:active { color: #ffffff;text-decoration: none}
.blue1 { color: #8e8e8e;}
.blue1 a:link {color: #8e8e8e;}
.blue1 a:visited { color: #8e8e8e;}
.blue1 a:hover { color: #ff0000;text-decoration: none}
.blue1 a:active { color: #ff0000;text-decoration: none}
.blue1 { color: #909090;}
.grey1 a:link {color: #909090;}
.grey1 a:visited { color: #909090;}
.grey1 a:hover { color: #6f6f6f;text-decoration: none}
.grey1 a:active { color: #6f6f6f;text-decoration: none}


.left,.fl{float:left;}
.right,.fr{float:right;}


.rlink {float: right;padding-top: 36px;padding-right: 30px; font-weight:bold; color:#FFFFFF}
.rlink a {color:#FFFFFF}

.rlink2 {float: left;padding-top: 36px;padding-left: 30px; font-weight:bold; color:#FFFFFF}
.rlink2 a {color:#FFFFFF}
.txt14 {
	font-size: 14px;
}
.left { float:left;}

.right { float:right}
.bold {
	font-weight: bold;
}
.dw {font: 0px/0px sans-serif;clear: both;display: block;}
.gline {
	border: 1px solid #dbdae2;

}
/* 布局 */
.web_20w {float: left;width: 20px;height:20px;overflow: hidden;}
.web_10h {height: 10px;width: 10px;overflow: hidden;clear:both;}


body {
	font-family: \5FAE\8F6F\96C5\9ED1;
	font-size: 12px;
}
.md10 { margin-bottom:10px;}
.mr25 { margin-right:25px;}
.w950 {
	width: 950px;
}
.toplink_black,.cqpd_foot_black{ max-width:1920px; min-width:1200px;margin:0 auto;}
.top { width:100%; height:758px;background: url(top.jpg) no-repeat top center;  margin:0 auto 0px auto; }

/* ===== 手机端 ===== */
@media (max-width: 768px) {
  .top {
    height: auto;
    padding-top: 40%;        /* 16:9，可改成 40% 贴近原图比例 */
    background-size: cover;
    background-position: center center;
  }
}

/* yn */
.container{min-width:1280px; margin: auto; clear: both;overflow:hidden;}
.w1280{margin:0 auto;padding:0;width:1280px; overflow:hidden;}
.mtop10 { margin: 10px auto 0;}
.mtop25{margin:25px auto 0;}
.mtop50{margin:50px auto 0;}
.mtop30{margin:40px auto 0;}
.mtop60{margin:60px auto 0;}
.layout:after,.hd:after,.bd:after{content:"";display:table;clear:both;}
.layout,.hd,.bd{*zoom:1;}
.hide{ display:none;}




/* 要闻 */

.focusBox{position:relative;width:890px;height:560px;overflow:hidden}
.focusBox .focusBoxPic img{width:890px;height:495px;display:block;overflow:hidden}
.focusBox .pic .img img{width:890px;height:495px;display:block;overflow:hidden}
.focusBox .focusBoxPic .swiper-slide{position:relative;display:block;float:left}
.focusBox .focusBoxPic .swiper-slide p{position:absolute;bottom:0;padding: 0 10px;left:0;background:url(p1imgTitBg.jpg) 0 0 no-repeat;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;line-height: 65px;height: 65px;font-size:20px;font-weight:400;color:#fff}
.focusBox .focusBoxPic .swiper-slide p a{color:#fff;position:relative;font-size:20px}
.focusBox .swiper-pagination{overflow:hidden;zoom:1;position:absolute;bottom:25px;right:20px;z-index:3;text-align:right;left:inherit}
.focusBox .swiper-pagination .swiper-pagination-bullet{line-height:15px;text-align:center;font-size:0px;text-indent:-999em;width:10px;height:10px;border-radius:100%;cursor:pointer;overflow:hidden;background:#cdcdcd;margin-left:4px;opacity:.8;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox .swiper-pagination .swiper-pagination-bullet-active{background:#fac700;opacity:1;width:35px;height:10px;border-radius:10px}
.focusBox .swiper-button-next,.focusBox .swiper-button-prev{width:40px;height:47px;position:absolute;top:42%;z-index:3;-moz-opacity:.5;opacity:.5;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox .swiper-button-next:hover,.focusBox .swiper-button-prev:hover{-moz-opacity:1;opacity:1}




.p1{position:relative;padding:0;background:url(newsbg.jpg) no-repeat bottom center}
.p1 .mod_bd{position:relative;overflow:hidden}
.p1 .headTitbox{overflow:hidden;margin:30px auto 10px;width:1240px;margin-left:auto;margin-right:auto;padding:20px;position:relative;background:#fff}
.p1 .headTitbox .headTit_con{width:1240px;margin-top:10px}
.p1 .headTitbox h1{font-size:36px;font-weight:700;line-height:1.5;color:#006ecd;text-align:center}
.p1 .headTitbox h1 a{color:#0169ab}
.p1 .headTitbox h1 a:hover{color:#397bee}
.p1 .headTitbox .headTit_abstract{font-size:16px;line-height:30px;color:#555;text-align:justify;word-wrap:break-word;padding:8px 0;text-align:center}
.p1 .headTitbox .headTit_abstract a{color:#006ecd}
.p1 .mod_bd{height:560px;margin:0 auto}
.p1_left{overflow:hidden;width:890px}
.p1_left .focusBox{overflow:hidden;width:890px;height:560px}
.p1_left .focusBox .hd .on{background:#fac700;opacity:1;width:35px;height:10px;border-radius:12px}
.p1 .p1_right{position:relative;overflow:hidden;z-index:9;padding:0;width:390px;height:560px;background:#dceefb}
.p1 .p1_right ul{margin-top:0}
.p1 .p1_right ul li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:92.5px;border-bottom:2px solid #fff;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.p1 .p1_right ul li:first-child{margin-top:0}
.p1 .p1_right ul li span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 10px;display:block}
.p1 .p1_right ul li a{font-size:18px;line-height:22px;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;color:#00488b}
.p1 .p1_right ul li .btn-horn-box{vertical-align:top;margin-right:0;margin-left:5px;margin-top:4px}
.p1 .p1_right ul li .btn-horn-box.hide{display:none}
.p1 .p1_right ul li.active{border-left:6px solid #ffca00;font-weight:500;color:#fff;background:linear-gradient(45deg,#0263ac 15%,#329bde 80%)}
.p1 .p1_right ul li.active a{color:#fff}
.p1 .p1_right ul li.active a:hover{color:#fff!important}
.p1 .p1_right .listnews li:before{width:0;height:0;border:none}
.p1 .p1_right .listnews li{position:relative;padding-left:0;height:94.2px;text-align:justify;word-wrap:break-word}
.p1 .morebox{padding:50px 0 80px}


/* 十大主题文旅活动 */
.lmbt01 { width:100%; height:123px;background: url(bt01.png) no-repeat top center; margin:100px auto 20px auto;}

.dtxx {	width: 1315px;	margin: 0 auto;	overflow: hidden;	margin-bottom: 30px;}
.dtxx .zks {float: left;margin: 20px 16px 10px 20px;padding: 20px;background: linear-gradient(45deg, #0263ac 15%, #329bde 80%);	border: 2px solid #3b85ff;	border-radius: 10px;box-sizing: border-box;/* box-shadow: 0 0 15px #1616c2; */        }
.dtxx .zks .ppcx {width: 577px;}
.dtxx .zks .ppcx .btxx {width: 577px;margin-bottom: 5px;padding: 8px 10px 0 10px;height: 30px;border-top-left-radius: 5px;	border-top-right-radius: 5px;}
.txt11 {color: #ffca00;text-decoration: none;	LINE-HEIGHT: 160%;	font-size: 18px;font-weight: bold; }
.txt11 a {	color: #ffca00;	text-decoration: none;	LINE-HEIGHT: 160%;	font-size: 18px;font-weight: bold;	display: -webkit-box;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;	display: -moz-box;	-moz-line-clamp: 1;	-moz-box-orient: vertical;	overflow-wrap: break-word;	word-break: break-all;	white-space: normal;	overflow: hidden;}
.dtxx .zks .ppcx .btxm {width: 565px;	height: 40px;	color: #c1d8ff;	font-size: 14px;	padding: 10px 0px 10px 0px;	LINE-HEIGHT: 160%;	margin-left: 10px;	display: -webkit-box;	-webkit-line-clamp: 2;	-webkit-box-orient:vertical;	display: -moz-box;	-moz-line-clamp: 2;	-moz-box-orient: vertical;	overflow-wrap: break-word;	word-break: break-all;	white-space: normal;	overflow: hidden;}


.zjlz { width:1280px; height:400px; margin:0 auto 80px auto; position:relative; }
.zjlz .bd{ width:1280px;height:400px;overflow:hidden;padding-bottom:20px;margin:0 auto;}
.zjlz .bd ul{}
.zjlz .bd ul li { width:305px; height:380px; float:left; margin-right:20px;position:relative; }
.zjlz .bd ul li img { width:305px; height:175px;position: absolute; left:0px; top:0px;}
.zjlz .bd ul li .txt {
    position:absolute;
    left:0; top:175px;
    width:305px;
    height:205px;              /* 340 - 175 */
    padding:12px 16px 0;
    box-sizing:border-box;     /* 关键：让边框算进 305px */
    border-left:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-radius:0 0 8px 8px; /* 和 li 圆角呼应，只圆下面两角 */
    overflow:hidden;
}
.zjlz .bd ul li .txt h3 {
    font-size:18px; font-weight:600; color:#333; margin:0 0 8px; line-height:30px;
    overflow:hidden; 
}
.zjlz .bd ul li .txt p {
    font-size:14px; color:#666; line-height:26px; margin:0;
}

.zjlz .prev,.zjlz .next{width:40px;height:40px;position:absolute;top:160px;z-index:40; cursor:pointer; }
.zjlz .prev { background: url(djch_left2.png) no-repeat left top; position: absolute; left: -50px; bottom:0px; width: 40px; height:40px; z-index: 2 }
.zjlz .next { background: url(djch_right2.png) no-repeat left top; position: absolute; right:-50px; bottom:0px; width: 40px; height: 40px; z-index: 2 }


/* 南岸金秋消费地图 */
.lmbt02 { width:100%; height:123px;background: url(bt02.png) no-repeat top center; margin:0 auto 40px auto;}
.xfdt { width:1200px; height:884px; margin:0 auto 100px auto}

/* 精彩直播 */
.lmbt03 { width:100%; height:123px;background: url(bt03.png) no-repeat top center; margin:0 auto 40px auto;}
.xhsy{ width:1290px; height:420px; margin:0px auto 110px auto;}
.xhsy ul li{float: left; position: relative; width:1290px; height:380px;}
.xhsy ul li img{position: absolute; width:740px; height:420px; right:5px; top:0px;}
.xhsy ul li span{position: absolute; width:583px; height:366px; left:0px; bottom:0px; background:url(hk.png) no-repeat top center; }
.xhsy ul li h1{position: absolute; width:480px; height:32px; left:50px; top:50px;  line-height:32px; font-size:24px; font-weight:600; text-align:left;  color:#ffca00;}
.xhsy ul li a{color: #ffca00;}
.xhsy ul li h2{position: absolute; width:480px; left:50px; top:130px;  line-height:28px; font-size:15px; text-align:left; color:#e0e7f3;}
.xhsy ul li h3{position: absolute; width:50px; height:10px; left:200px; bottom:100px;  line-height:10px; font-size:16px; text-align:center; padding:8px 60px 8px 70px; white-space:nowrap; overflow: hidden; color:#ffca00; border:1px solid #ffca00;}



/* 媒体聚焦 */
.lmbt04 { width:100%; height:123px;background: url(bt04.png) no-repeat top center; margin:0 auto 20px auto;}
.news-list {
  width: 1280px; padding-bottom:40px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.news-item {
  width: 590px;
  padding: 22px 0;
  border-bottom: 1px dashed #ddd;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 150px;          /* 保证两列至少同高 */
}

.news-item h3 {
  position: relative;
  padding-left: 36px;
  margin: 0 0 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.news-item h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 22px;
  background: #f5b301;
}
.news-item h3::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 22px;
  background: #0b4da2;
}

.news-item h3 a {
  color: #0b4da2;
  text-decoration: none;
}
.news-item h3 a:hover {
  color: #f5b301;
}

.news-item p {
  margin: 0;
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;                    /* 撑满剩余空间，帮助下边框对齐 */
}


/* 定格瞬间 */
.p3{ padding-bottom:120px;}
.p3 .mod_hd{position:relative;overflow:hidden;margin:40px auto 25px}
.p3 .mod_bd{overflow:hidden;padding:10px 0 0}
.p3 .p3imgbox{overflow:hidden;position:relative}
.p3 .p3view1{position:relative;z-index:3;float:left}
.p3 .p3view1 .swiper-container{width:1100px;height:620px}
.p3 .p3view1 .arrow-left{background:0 0;position:absolute;left:10px;top:50%;margin-top:-25px;width:28px;height:51px;z-index:10;display:none}
.p3 .p3view1 .arrow-right{background:0 0;position:absolute;right:10px;top:50%;margin-top:-25px;width:28px;height:51px;z-index:10;display:none}
.p3 .p3view1{width:1100px;height:auto;overflow:hidden}
.p3 .p3view1 img{width:1100px;height:620px;border-radius:10px}
.p3 .p3view1 .tit{width:1100px;height:90px;color:#fff;padding:0 15px;font-size:22px;display:table;position:absolute;bottom:0;left:0;text-align:center;background:#000;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0 1)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 50%,#000 100%);background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 50%,#000 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 50%,#000 100%);border-radius:0 0 10px 10px}
.p3 .p3view1 .tit a{width:100%;color:#fff;display:table-cell;vertical-align:middle}
.p3 .p3preview1{width:224px;height:538px;position:absolute;z-index:99;right:0;top:0;padding:40px 0}
.p3 .p3preview1 .swiper-container{width:auto;height:538px;margin:0 auto}
.p3 .p3preview1 .swiper-slide{width:224px;height:129px;cursor:pointer;margin:5px auto 0}
.p3 .p3preview1 .swiper-slide img{width:216px;height:121px;text-align:center;display:block;margin:0 auto;background:#ffffff58;border:3px solid #ffffff00;border-radius:10px}
.p3 .p3preview1 .arrow-left{background:url(left_v1.png) no-repeat left top;position:absolute;left:95px;top:30px;margin-top:-14px;width:46px;height:46px;z-index:10;transform:rotate(90deg);box-shadow:0 0 15px #a9e2d8;border-radius:100%;opacity:.8}
.p3 .p3preview1 .arrow-right{background:url(right_v1.png) no-repeat left bottom;position:absolute;left:95px;bottom:40px;margin-bottom:-29px;width:46px;height:46px;z-index:10;transform:rotate(90deg);box-shadow:0 0 15px #a9e2d8;border-radius:100%;opacity:.8}
.p3 .p3preview1 .arrow-left:hover,.p3 .preview .arrow-right:hover{opacity:1}
.p3 .p3preview1 .active-nav img{padding:0;margin:0;border:3px solid #fac700;background:#0146d08a}
.p3 .morebox{padding:50px 0}




/* yn */
