@charset "utf-8";

/* 顶部导航 */
.about-header { margin-bottom: 20px; }
.topBar { padding: 20px 0 10px; height: 70px; position: relative; border-bottom: 3px solid #fff; width: 1200px; margin: 0 auto; }
.sub-logo { position: absolute; top: 10px; left: 20px; width: 380px; }
.nav-about { width: 800px; overflow: hidden; position: absolute; right: 0; top: 30px;}
.nav-about li {width: 14%; float: left; text-align: center;}
.nav-about li a{ height: 30px; line-height: 30px; font-size: 16px; color: #fff;}

/* content */
.content { width: 1200px; margin: 0 auto; }

/* 塔城旅游 -------------*/
.sub-tcly { background-color: #333; } 
.sub-tcly p { margin-bottom: 50px; position: relative; }
.sub-tcly .more { position: absolute; font-size: 20px; color: #fff; top: 5px; right: 100px;}
.sub-tcly .more:hover { color: #c00; }
.sub-tcly p.last { margin-bottom: 30px; }

/* 焦点图 */
.page-focus { background: url(../img/lyym-bg1.png) no-repeat center top; width: 1170px; padding: 69px 15px 15px; height: 780px; margin: 0 auto; position: relative;}
.page-focus .hd { right: 15px; bottom: 20px; position: absolute; z-index: 1; }
.page-focus .hd li { vertical-align: top; line-height: 22px; height: 22px; width: 22px; text-align: center; cursor: pointer; opacity: 0.5; background-color: #000; color: #fff; border-radius: 5px; margin-right: 5px; float: left; font-size: 14px;  transition: all 0.5s;}
.page-focus .hd li.on { background-color: #f60; opacity: 1; }
.page-focus .bd .pic img { width: 1170px; height: 780px; display: block; background-color: #f5f5f5;}
.page-focus .bd .con { display: none; }
.page-focus .bd .title { font-size: 16px; }

/* 特色美食 -------------*/
.sub-tsms { background: url(../img/msbg.jpg) no-repeat center top; }
.sub-tsms .about-header { background: #FF1B02 url(../img/mstop.png) no-repeat center bottom; border-bottom: 5px solid #fff;}
.sub-tsms .topBar { border-bottom: none; }
.sub-tsms p { margin-bottom: 80px; }
.sub-tsms p.last { margin-bottom: 232px; }

/* 特色美食 -------------*/
.sub-jqjd { background-color: #333; }
.sub-jqjd p { margin-bottom: 20px; }

/* 风俗人情 -------------*/
.sub-fsrq { background: url(../img/fsbdbg.gif) repeat-y center; }
.sub-fsrq #content { width: 1170px; margin: 0 auto; text-align: center; }
.sub-fsrq p { margin-bottom: 50px; }
.sub-fsrq p.last { margin-bottom: 30px; }




/* 塔城概況 -----------------------------*/
.page-about .Thd { height: 115px; width: 100%; margin-bottom: 30px;}


/* page-about-01----- */
.page-about-01 { margin: 20px 0;}
.page-about-01 .Thd { background: url(../img/tcgkbg.png) no-repeat center; }
.page-about-01 .Tbd { padding: 0 10px; }

/* focusNews */
#focusNews { float: left; width: 585px; background: none; padding: 0; height: 340px; }
#focusNews .hd { bottom: 35px; right: 5px; }
#focusNews .bd .pic img { width: 585px; height: 310px; display: block; background-color: #f5f5f5;}
#focusNews .bd .con { display: block; text-align: center; line-height: 30px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* page-intro */
.page-intro { float: right;  width: 570px; }
.page-intro .intro { text-indent: 2em; line-height: 34px; font-size: 16px; margin-bottom: 12px; text-align: left;}
.page-intro .intro a {float: right; color:#005292; }
.page-intro .intro a:hover { color: #D90000; }

.page-intro ul{margin-right: -24px; overflow: hidden;}
.page-intro li{width: 124px; height: 55px; line-height: 55px; margin-right: 24px; background: url(../img/zjtc.png) no-repeat 0 0;float: left;text-align: center;}
.page-intro li a{width: 70px; padding-left: 25px; color: #005292; font-size: 16px;height: 25px;line-height: 25px;background: url(../img/zjtc.png) no-repeat 0 -83px;}
.page-intro li.li2 a{background-position: 0 -141px;}
.page-intro li.li3 a{background-position: 0 -198px;}
.page-intro li.li4 a{background-position: 0 -256px;}
.page-intro li a:hover{color: #D90000}
.page-intro li.li1 a:hover{background-position: -100px -83px;}
.page-intro li.li2 a:hover{background-position: -100px -141px;}
.page-intro li.li3 a:hover{background-position: -100px -198px;}
.page-intro li.li4 a:hover{background-position: -100px -256px;}


/* page-about-02----- */
.page-about-02 { background-color: #f5f5f5; padding: 30px 0; min-width: 1200px; margin-bottom: 20px;}

/* ind-page */
.ind-page { float: left; width: 380px; margin-right: 20px; height: 273px;}
.ind-page .hd { height: 43px; background-color: #00c0e4; text-align: center; }
.ind-page .hd h3 { height: 38px; line-height: 38px; border-bottom: 2px solid #fff; font-size: 18px; color: #fff; }
.ind-page .bd { height: 130px; background:#fff url(../img/zjtcimgbg.png) no-repeat 1px 0; padding: 20px 10px 80px; }
.ind-page .bd li { float: left; width: 33.33%; text-align: center; line-height: 30px; height: 30px; }
.ind-page .bd li a { color: #2D72A5; }
.ind-page .bd li a:hover { text-decoration: underline; }


/* ind-ts */
.ind-ts .hd { background-color: #0785ab; }
.ind-ts .bd { background-position: -408px center; }

/* ind-tz */
.ind-tz { margin-right: 0; }
.ind-tz .hd { background-color: #0ca7d3; }
.ind-tz .bd { background-position: -807px center; }


/* page-about-03 ----- */
.page-about-03 { margin-bottom: 20px; }
.page-about-03 .Thd { background: url(../img/tcyxbg.png) no-repeat; margin-bottom: 30px; height: 124px; }
.page-about-03 .Tbd { position: relative; padding-left: 594px; }
.page-about-03 .Tbd li { position: relative; cursor: pointer; }
.page-about-03 .Tbd .t { position: absolute; left: 0; top: 0; width: 594px; height: 384px; }
.page-about-03 .Tbd .n { width: 294px; height: 189px; float: left; margin-left: 5px; *display: inline; margin-bottom: 5px;}
.page-about-03 .Tbd .pic { overflow: hidden; }
.page-about-03 .Tbd .pic img { width: 100%; height: auto; transition: all 0.3s; }
.page-about-03 .Tbd li:hover img { transform: scale(1.03); }
.page-about-03 .Tbd .title { position: absolute; bottom: 0; left: 0; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: rgba(0,0,0,0.5);}
.page-about-03 .Tbd .title a { color: #fff; }