@charset "utf-8";
/* CSS Document */

/*底部*/
.ml_footer .footbg { margin-top: 0; }

/*魅力南江-导航*/
.about_body { background: none; }
.about_body .footbg { background: #cf000a; }
.about_header { background: #cf000a; height: 98px; }
.about_header .ab_logo { padding: 10px 0 0 10px; }
.about_header .ab_navbox { float: right; width: 708px; }
.ab_navbox .navbar { background: none; border-radius: 0; border: 0; margin: 0 auto; position: relative; z-index: 20; }
.ab_navbox .navbar-nav  li { float: left; font-weight: bold; position: relative; width: 118px; text-align: center; font-size: 20px; height: 98px; background: url(../images/ab_navline.png) right center repeat-y; }
.ab_navbox .navbar-nav  li a { display: block; height: 75px; padding-top: 23px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.ab_navbox .navbar-nav  li .tit { display: block; width: 44px; margin: 0 auto; line-height: 24px; }
.ab_navbox .navbar-nav  li.active>a, .navbox .navbar-nav  li>a:hover { background: #fab520; }
.ab_navbox .navbar-nav  li>a { color: #fff; }
.ab_navbox .navbar-nav  li.last { background: none; }
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: #fff; }
.ab_navbox .navbar-header { padding: 0 10px; }
.ab_navbox .navbar-brand { height: 60px; display: none; line-height: 60px; color: #fff; padding: 0; }
.ab_navbox .navbar-brand:hover { color: #fff; }

/*魅力南江-走进南江*/
.ab_zjbg { background: url(../images/dk_lmbg.jpg) top center no-repeat; background-size: cover; height: auto; padding-bottom: 30px; }
.ab_zjtitle { text-align: center; padding: 80px 0 50px 0; }
.ab_zjtitle img { max-width: 100%; height: auto; }
.ab_zjgkbg { background: url(../images/ab_gkbg.png) 0 0 repeat; height: 270px; border-radius: 8px; -moz-border-radius: 8px; position: relative; }
.ab_zjgkbg .ab_gktitle { position: absolute; top: 25px; left: 30px; }
.ab_zjgkbg .ab_gktitle span { font-size: 0; }
.ab_zjgkbg .ab_gkinfo { padding: 20px 40px 0 115px; height: 114px; overflow: hidden; font-size: 18px; line-height: 38px; }
.ab_zjgkbg .ab_gkinfo a { color: #fab520; }

.ab_link { padding: 15px 0 0 85px; }
.ab_link li { width: 16.6%; float: left; }
.ab_link li a { display: block; font-size: 0; line-height: 0; text-align: center; transition: 0.4s all; }
.ab_link li a img, .ab_link li a span { cursor: pointer; display: inline-block; vertical-align: middle; }
.ab_link li a img { height: 64px; width: 64px; }
.ab_link li a span { width: 100%; height: 30px; line-height: 30px; padding-top: 9px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ab_link li a:hover { color: #cf000a; }
.ab_link li a:hover img { -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }

/* 五图标 */
.ab_lmbtn { padding: 0 0 50px 0; }
.ab_lmbtn ul li { display: inline; float: left; width: 20%; text-align: center; height: auto; position: relative; margin-top: 30px; }
.ab_lmbtn ul li a { display: block; width: 100%; height: 100%; }
.ab_lmbtn ul li .img_title { position: absolute; left: 50%; margin-left: -50px; bottom: 25px; right: 0; height: 35px; line-height: 35px; text-align: center; display: block; color: #fff; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; }
.ab_lmbtn ul li a img { transition: all .6s; -ms-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; }
.ab_lmbtn ul li a:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }

/*魅力南江-投资南江*/
.ab_tznj { padding-bottom: 50px; }
.ab_atitle { height: 74px; background: url(../images/ab_titlebg.gif) center center repeat-x; text-align: center; margin-bottom: 35px; }
.ab_atitle .tit { display: inline-block; background: #fff; }
.ab_tzsp { width: 634px; height: 430px; }
.ab_tzsp video, .ab_tzsp>div { width: 100%!important; height: 100%!important; }
.ab_tznews { width: 545px; height: 430px; }
.ab_atabs { background: url(../images/line_dd.gif) left bottom repeat-x; height: 41px; line-height: 30px; }
.ab_atabs ul li { display: inline; float: left; padding: 0 10px; height: 41px; font-size: 24px; margin-right: 16px; }
.ab_atabs ul li.active { font-weight: bold; color: #cf000a; background: url(../images/ab_aline.gif) left bottom repeat-x; }
.ab_atabs ul li.active a { color: #cf000a; }
.ab_tznews .ind_list { margin: 10px 0 0 0; height: 305px; }
.ab_tznews .ind_list li a { max-width: 435px; }

.ab_tzbtn li { float: left; font-size: 20px; background: #fef8f1; height: 75px; line-height: 75px; text-align: center; width: 260px; border-radius: 5px; margin-right: 25px; position: relative; }
.ab_tzbtn li:nth-last-of-type(1) { margin-right: 0; }
.ab_tzbtn li a { color: #d2262e; display: block; width: 100%; height: 100%; position: relative; }
.ab_tzbtn li img { padding-right: 20px; }
.ab_tzbtn li .img-title { max-width: 60%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }

/* 交互*/
.ab_tzbtn li::after, .ab_tzbtn li::before { content: ""; width: 0; height: 1px; position: absolute; transition: all .2s linear; background: #d2262e; }
.ab_tzbtn li::before { left: 0; top: 0; }
.ab_tzbtn li::after { right: 0; bottom: 0; }
.ab_tzbtn li:hover::after, .ab_tzbtn li:hover::before { width: 100%; }
.ab_tzbtn li::after, .ab_tzbtn li::before { transition-delay: .2s; }
.ab_tzbtn li:hover::after, .ab_tzbtn li:hover::before { transition-delay: 0s; }

.ab_tzbtn li a::after, .ab_tzbtn li a::before { content: ""; width: 1px; height: 0; position: absolute; transition: all .2s linear; background: #d2262e; }
.ab_tzbtn li a::before { left: 0; top: 0; }
.ab_tzbtn li a::after { right: 0; bottom: 0; }
.ab_tzbtn li:hover a::after, .ab_tzbtn li:hover a::before { height: 100%; }
.ab_tzbtn li a::after, .ab_tzbtn li a::before { transition-delay: 0s; }
.ab_tzbtn li:hover a::after, .ab_tzbtn li:hover a::before { transition-delay: .2s; }
/*交互 end*/

/*魅力南江-畅游南江*/
.ab_cynj { padding-bottom: 50px; }
.ab_cytitle { text-align: center; }
.ab_cylm { width: 210px; height: auto; float: left; background: #f4f9e3; margin-right: 36px; padding-bottom: 15px; }
.ab_cytitle { width: 100%; height: 137px; }
.ab_cytitle a { display: block; width: 100%; height: 100%; }
.ab_cytitle a img { width: 100%; height: 100%; }
.ab_cylm2 { background: #fff9ef; }
.ab_cylm3 { background: #fcf7fe; }
.ab_cylm4 { background: #eff4ff; }
.ab_cylm5 { background: #ecfcfd; margin-right: 0!important; }
.ab_cylm .ind_list { height: 135px; margin-top: 10px; }
.ab_cylm .ind_list ul { margin: 0 8px; }
.ab_cylm .ind_list li { height: 32px; line-height: 32px; padding-right: 0; }
.ab_cylm .ind_list li a { max-width: 148px; }
.ab_cylm .morelink { display: block; width: 98px; height: 28px; margin: 0 auto; line-height: 28px; text-align: center; font-size: 15px; color: #acada6; border: 1px solid #d0d3c4; border-radius: 5px; -moz-border-radius: 5px; }
.ab_cylm .morelink:hover { background: #d0d3c4; color: #fff; }
/*大屏图说*/
.ab_tsnj { padding-bottom: 50px; }
.slide { width: 100%; height: 376px!important; overflow: hidden; position: relative; z-index: 0; }
.slide .img { overflow: hidden; position: absolute; transition: all 0.3s ease-in-out; }
.wza-on .slide .img { padding: 2px; }
.slide .img img { /*width: calc(100% - 14px);height: calc(100% - 14px);*/ }
.slide .img1 { width: 394px; height: 310px; top: 32px; left: 0; z-index: 1; }
.slide .img2 { width: 394px; height: 310px; top: 32px; left: 394px; z-index: 2; }
.slide .img3 { width: 477px; height: 376px; top: 0; left: 50%; margin-left: -238px; z-index: 3; }
.slide .img3 img { width: 477px; height: 376px; }
.slide .img4 { width: 394px; height: 310px; top: 32px; right: 380px; z-index: 2; }
.slide .img5 { width: 394px; height: 310px; top: 32px; right: -14px; z-index: 1; }
.slidel_btn { position: absolute; top: 150px; width: 73px; height: 73px; text-indent: -20em; border: none; cursor: pointer; overflow: hidden; background: url(../images/zj_leftbtn.png) no-repeat; z-index: 999; left: 50%; margin-left: -210px; }
.slider_btn { width: 73px; height: 73px; cursor: pointer; overflow: hidden; text-indent: -20em; border: none; background: url(../images/zj_rightbtn.png) no-repeat; position: absolute; top: 150px; z-index: 999; right: 50%; margin-right: -210px; }
.slidel_btn:hover, .slider_btn:hover { opacity: 0.6; }
.slide .img a { display: block; position: relative; }
.slide .img .title { height: 40px; background: url(../images/text.png) repeat; line-height: 40px; font-size: 16px; text-align: center; color: #fff; width: 90%; padding: 0 5%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 0; bottom: 0; }

/*小屏图说*/
.ts_flash { width: 477px; overflow: hidden; height: 376px; margin: 0 auto; }
.ts_flash .j-super-slide { width: 100%; height: 100%; position: relative; }
.ls-flash-pic, .ls-flash-pic img, .ls-flash-pic li, .ls-flash-pic ul { width: 100%!important; height: 100%!important; }
.ls-flash-pic span.title { position: absolute; left: 0; right: 0; bottom: 0; height: 45px; line-height: 45px; padding: 0 136px 0 14px; font-size: 16px; background: rgba(0, 0, 0, 0.4)!important; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ls-flash-num { position: absolute; right: 15px; bottom: 14px; font-size: 0; line-height: 0; }
.ls-flash-num li { display: inline; }
.ls-flash-num li a { display: inline-block; cursor: pointer; margin-left: 9px; transition: 0.4s all; width: 10px; height: 10px; background: #fff!important; border-radius: 10px; }
.ls-flash-num li.on a { width: 37px; background: #e20000!important; }

@media (max-width: 1199px) and (min-width: 992px) {
  /*魅力南江-导航*/
  .about_header .ab_navbox { width: 600px; }
  .ab_navbox .navbar-nav li { width: 100px!important; }
  /*魅力南江-走进南江*/
  .ab_zjbg { padding-bottom: 20px; }
  .ab_zjgkbg .ab_gkinfo { font-size: 16px; line-height: 30px; }
  /* 五图标 */
  .ab_lmbtn { padding: 0 0 30px 0; }
  .ab_lmbtn ul li { margin-top: 20px; }
  /*魅力南江-投资南江*/
  .ab_tznj { padding-bottom: 30px; }
  .ab_atitle { margin-bottom: 20px; }
  .ab_tzsp { width: 584px; }
  .ab_tznews { width: 392px; }
  .ab_tznews .ind_list li a { max-width: 284px; }
  .ab_atabs ul li { margin-right: 10px; }
  .ab_tzbtn li { width: 186px; margin-right: 20px; }
  /*魅力南江-畅游南江*/
  .ab_cynj { padding-bottom: 30px; }
  .ab_cylm .ind_list li a { max-width: 124px; }
  .ab_cylm { margin-right: 10px; width: 186px; }
  .ab_cytitle { height: 122px; }
  /*大屏图说*/
  /*小屏图说*/
}
@media (max-width: 991px) {
  /*魅力南江-导航*/
  .about_header .ab_logo { padding-top: 20px; }
  .about_header .ab_logo img { width: 250px; height: auto; }
  .about_header .ab_navbox { width: 498px; }
  .ab_navbox .navbar-nav li { width: 83px!important; }
  /*魅力南江-走进南江*/
  .ab_zjbg { padding-bottom: 15px; }
  .ab_zjtitle { padding: 30px 0; }
  /* 五图标 */
  .ab_lmbtn { padding: 0 0 20px 0; }
  .ab_lmbtn ul li { margin-top: 15px; }
  /*魅力南江-投资南江*/
  .ab_tznj { padding-bottom: 15px; }
  .ab_atitle { margin-bottom: 15px; }
  .ab_zjgkbg { height: 330px; }
  .ab_zjgkbg .ab_gkinfo { padding: 20px 20px 0 100px; font-size: 16px; line-height: 32px; height: auto; }
  .ab_tznews, .ab_tzsp { width: auto; float: none; height: auto; }
  .ab_tznews { margin-top: 15px; }
  .ab_tznews .ind_list { height: auto; }
  .ab_tzbtn ul { margin-right: -2%; }
  .ab_tzbtn li { margin-top: 15px; margin-right: 2%; width: 48%; }
  /*魅力南江-畅游南江*/
  .ab_cynj { padding-bottom: 0; }
  .ab_cytitle { height: 152px; }
  .ab_cylm { width: 232px; margin-bottom: 15px; }
  .ab_cylm3 { margin-right: 0; }
  /*大屏图说*/
  /*小屏图说*/
}
@media (max-width: 767px) {
  /*魅力南江-导航*/
  .about_header { position: relative; }
  .about_header .ab_logo { position: absolute; left: 10px; top: 14px; padding: 0; }
  .about_header .ab_logo img { width: auto; height: auto; }
  .about_header .ab_navbox { width: 100%; }
  .ab_navbox { height: auto; }
  .ab_navbox .navbar-header { height: 78px; padding-top: 20px; font-weight: bold; }
  .ab_navbox .navbar { width: 100%; }
  .ab_navbox .navbar-nav  li { float: none; text-align: center; height: 50px; line-height: 98px; width: auto!important; font-size: 20px!important; background: none; }
  .ab_navbox .navbar-nav  li.first { display: none; }
  .ab_navbox .navbar-nav  li a { height: 50px; padding: 0; }
  .ab_navbox .navbar-brand { font-size: 20px; height: 50px; padding: 0 0 0 20px; line-height: 50px; color: #fff; }
  .ab_navbox .navbar-nav li .tit { width: 100%; line-height: 50px; }
  /*魅力南江-走进南江*/
  .ab_tsnj { padding-bottom: 10px; }
  .ab_zjbg { height: auto; background-size: auto 100%; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
  .ab_zjgkbg { height: auto; padding-bottom: 20px; }
  .ab_zjgkbg .ab_gkinfo { height: auto; }
  .ab_link { padding-left: 45px; }
  .ab_link li { width: 33.3%; }
  /* 五图标 */
  .ab_lmbtn { padding: 0 0 15px; }
  .ab_lmbtn ul li { width: 33.3%; margin-top: 10px; }
  /*魅力南江-投资南江*/
  .ab_tznj { padding-bottom: 10px; }
  .ab_atitle { margin-bottom: 10px; }
  .ab_tznews { margin-top: 10px; }
  .ab_atabs { height: auto; }
  .ab_tzbtn li { margin-top: 10px; }
  .ab_tznews, .ab_tzsp { padding: 0 10px; }
  /*魅力南江-畅游南江*/
  .ab_cynj { padding-bottom: 0; padding-left: 10px; padding-right: 10px; }
  .ab_cylm-con { margin-right: -2%; }
  .ab_cylm { width: 31.3%; margin-right: 2%; padding: 0; height: auto; padding-bottom: 10px; margin-bottom: 10px; }
  .ab_cytitle { height: 156px; }
  .ab_cylm .ind_list li a { margin-right: 0; max-width: none!important; }
}
@media (max-width: 620px) {
  /*魅力南江-畅游南江*/
  .ab_cytitle { height: 125px; }
}
@media (max-width: 600px) {
  /*魅力南江-走进南江*/
  .ab_zjgkbg .ab_gktitle { display: none; }
  .ab_zjgkbg .ab_gkinfo { padding: 20px 20px 0 20px; }
  .ab_link { padding-left: 0; }
  .ab_zjtitle { padding: 15px 0; height: auto; }
}
@media (max-width: 500px) {
  /*小屏图说*/
  .ts_flash { width: auto; margin: 0 10px; height: 378px; }
}
@media (max-width: 480px) {
  /* 五图标 */
  .ab_lmbtn ul li { width: 50%; }
  /*魅力南江-畅游南江*/
  .ab_cylm { width: 48%; }
  .ab_cytitle { height: 146px; }
}
@media (max-width: 400px) {
  /*魅力南江-导航*/
  .about_header { height: 80px; }
  .about_header .ab_logo img { width: 230px!important; height: auto; }
  .ab_navbox .navbar-header { height: 65px; padding-top: 15px; font-weight: bold; }
  /*魅力南江-畅游南江*/
  .ab_cylm-con { margin-right: 0; }
  .ab_cylm { width: 100%; }
  .ab_cytitle { height: 248px; }
  /*小屏图说*/
  .ts_flash { height: 300px; }
}
@media (max-width: 320px) {
  /*魅力南江-畅游南江*/
  .ab_cytitle { height: 196px; }
  /*小屏图说*/
  .ts_flash { height: 236px; }
}