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

.zj-big-title{text-align: center;padding-bottom:35px;vertical-align: middle;}
.zj-big-title a{font-size: 0;}
.zj-big-title img{max-width: 95%;}
/*金安概况*/
.zj-gk-mainbox{padding:40px 0;background:#e5f6fa url(../images_new/zj-jagk-mainbg.png) no-repeat center bottom;}
.zj-gkmain{padding:40px 20px 40px 39px;background: #fff url(../images_new/zj-jagk-bg.png) no-repeat 30px 20px;overflow: hidden;}
.gk-info{width:515px;height: 288px;padding-top:70px;line-height: 36px;font-size: 16px;color:#454545;text-align: justify;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:8;-webkit-box-orient: vertical;}
.detailed{padding:5px 15px;background: #ededed;border-radius: 20px;font-size: 14px;}
.gk-flash{width:560px;height: 358px;margin-right:20px;overflow: hidden;}
.gk-flash-box{ width: 100%; height: 100%; position:relative; }
.gk-flash-box .flash-pic,.gk-flash-box .flash-pic ul,.gk-flash-box .flash-pic li,.gk-flash-box .flash-pic img,.gk-flash-box .flash-pic a{height:100%; width: 100%; }
.gk-flash-box .flash-pic{ position:relative; z-index:0;}
.gk-flash-box .flash-pic li{ zoom:1; vertical-align:middle;}
.gk-flash-box .flash-pic a{display:block; color: #fff; position: relative;}
.gk-flash-box .flash-pic img{display:block;}
.gk-flash-box .flash-pic .title{display: block; height: 40px; line-height: 40px; padding: 0 120px 0 15px; font-size: 16px;background: rgba(0, 0, 0, 0.4);  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;}
.gk-flash-box .flash-pic a:hover .title{color: #fff;}
.gk-flash-box .flash-num{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:15px; z-index:1; }
.gk-flash-box .flash-num ul{ overflow:hidden; zoom:1; float:left;}
.gk-flash-box .flash-num ul li{ float:left; margin-right:10px; width:10px; height:10px;text-indent:-999px;overflow: hidden; cursor: pointer;background: #fff;border-radius:10px;}
.gk-flash-box .flash-num ul li.on{background:#ff0000;}
.gk-ilnks li{float: left;margin:20px 20px 0 0;width:170px;}
.gk-ilnks li a{display: block;height: 55px;line-height: 55px;text-align: center;background:#eeeeee url(../images_new/zj-jagk-linkbg.png) left center;font-size: 18px;}
.gk-ilnks li:hover a{background-color: #f07c0c;background-image: url(/_res/css/../images_new/zj-jagk-linkbg-h.png);color:#fff;}

/*投资金安*/
.zj-tz-mainbox{padding:40px 0;background:url(/_res/css/../images_new/zj-tzja-mainbg.jpg);}
.zj-tzmain{height:392px;overflow: hidden;background:#fff;border:1px solid #f0f0f0;}
.zj-tz-tabtitle{float: right;padding:30px 0 52px;width:248px;height: 310px;background: #5584d1;}
.zj-tz-tabtitle ul{padding:0 32px 0 25px;}
.zj-tz-tabtitle li{padding-left:11px;margin-top:22px;}
.zj-tz-tabtitle li a{display: block;height: 55px;border:1px solid #b7cbee;background: #fff;font-size: 20px;line-height: 55px;text-align: center;position: relative;}
.zj-tz-tabtitle li.active a{background: #275bb0;color:#fff;}
.zj-tz-tabtitle li a i{display:none;width:11px;height: 22px;background: url(/_res/css/../images_new/zj-tzja-tabtit-ico.png) no-repeat;position: absolute;top:50%;left:-11px;margin-top:-11px;}
.zj-tz-tabtitle li.active a i{display: block;}
.zj-tz-listmain{margin-right:248px;padding:10px 20px 20px;}
.zj-tz-listmain .zk-tz-tit{background:url(/_res/css/../images_new/zj-tzja-titico.png) no-repeat left center;padding-left:15px;height:40px;line-height: 40px;font-size: 24px;margin-bottom:10px;}
.zj-tz-listmain .tz-more{display:block;width:118px;margin:0 auto;padding:3px 0;text-align:center;font-size: 16px;border-radius: 20px;background: #c8d9f6;}
.zj-tz-listmain .tz-more:hover{background:#275bb0 ;color:#fff;}
.tz-list li{padding:17px 20px 15px;margin-bottom:18px;border:1px solid #e8e8e8;overflow: hidden;position: relative;}
.tz-list li .title{display:block;float:none;margin-right:100px;line-height:30px;font-size: 18px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tz-list li .title img{margin-top:-3px;}
.tz-list li .remarks{float:none;margin-right:100px;line-height: 24px;font-size: 16px;padding-top:10px;overflow:hidden;height: 48px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tz-list li .date,.tz-list li .detail{position: absolute;right:20px;top:17px;}
.tz-list li .date{font-size: 16px;line-height: 30px;}
.tz-list li .detail{top:75px;text-decoration: underline;}

/*旅游金安*/
.zj-ly-mainbox{padding:40px 0;background:url(/_res/css/../images_new/zj-lyja-mainbg.jpg) no-repeat;}
.ly-flash{position: relative;}
.ly-flash .bd {height: 580px;background: #fff;overflow: hidden;}
.ly-flash .bd li{width:407px;float: left;}
.ly-flash .bd li a{display: block;height:280px;margin-right:20px;margin-bottom:20px;position:relative;background: #000;overflow: hidden;}
.ly-flash .bd li a img{width: 100%;height:100%;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.ly-flash .bd li a:hover img{filter:alpha(opacity=50);opacity:0.5;}
.ly-flash .bd li a .img_title{display: inline-block;width: 178px;height: 88px;padding:0 5px;border:1px solid #fff;font-size: 18px;text-align: center;line-height: 88px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position: absolute;left:50%;margin-left:-95px;bottom:-90px;z-index: 1;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.ly-flash .bd li a:hover .img_title{bottom:50%;margin-bottom:-45px;}
.ly-flash .prev,
.ly-flash .next{width: 53px;height: 67px;position: absolute;top: 50%;margin-top: -33px;cursor: pointer; z-index: 1;background: url(/_res/css/../images_new/zj-lyja-jt.png) no-repeat;filter:alpha(opacity=60);opacity:0.6;text-indent: -99px;overflow: hidden;}
.ly-flash .prev{left: 0;}
.ly-flash .next{right: 0;background-position: -53px 0;}
.ly-flash .prev:hover,
.ly-flash .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.zj-ly-links{height: 580px;background: #fff;overflow: hidden;}
.zj-ly-links li{width:388px;margin:0 18px 18px 0;float: left;}
.zj-ly-links li.num3,.zj-ly-links li.num6{margin-right:0;}
.zj-ly-links li a{display: block;height:280px;position:relative;background: #000;overflow: hidden;}
.zj-ly-links li a img{width: 100%;height:100%;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.zj-ly-links li a:hover img{filter:alpha(opacity=50);opacity:0.5;}
.zj-ly-links li a .img_title{display: inline-block;width: 178px;height: 88px;padding:0 5px;border:1px solid #fff;font-size: 18px;text-align: center;line-height: 88px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position: absolute;left:50%;margin-left:-95px;bottom:-90px;z-index: 1;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.zj-ly-links li a:hover .img_title{bottom:50%;margin-bottom:-45px;}


/*乡镇风光*/
.zj-xzfg-mainbox{padding:40px 0 20px;}
.fg-flash{position: relative;}
.fg-flash .fg-flash-pic {height: 240px;overflow: hidden;}
.fg-flash .fg-flash-pic li{width:305px;float: left;}
.fg-flash .fg-flash-pic li a{display: block;height:110px;margin-right:20px;margin-bottom:20px;position:relative;overflow: hidden;}
.fg-flash .fg-flash-pic li a img{display: block;width:100%;height: 100%;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.fg-flash .fg-flash-pic li a:hover img{transform: scale(1.1);}
.fg-flash .fg-flash-pic li a .img_title{display: block;width:100px;line-height: 110px;background: url(/_res/css/../images_new/black20.png);text-align: center;font-size: 18px;font-weight:bold;color:#fff;white-space: nowrap;position: absolute;right:30px;top:0;bottom:0;}
.fg-flash .prev,
.fg-flash .next{width: 30px;height: 67px;position: absolute;top: 50%;margin-top: -33px;cursor: pointer; z-index: 1;background: url(/_res/css/../images_new/zj-lyja-jt.png) no-repeat -11px center;filter:alpha(opacity=60);opacity:0.6;text-indent: -99px;overflow: hidden;}
.fg-flash .prev{left: 0;}
.fg-flash .next{right: 0;background-position: -64px 0;}
.fg-flash .prev:hover,
.fg-flash .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.zj-xz-links li{float: left;width:285px;margin:0px 20px 20px 0;}
.zj-xz-links li a{display: block;height: 110px;overflow: hidden;position: relative;}
.zj-xz-links li.num4,.zj-xz-links li.num8{margin-right:0;}
.zj-xz-links li img{display: block;width:100%;height: 100%;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.zj-xz-links li:hover img{transform: scale(1.1);}
.zj-xz-links li .img_title{display: block;width:100px;line-height: 110px;background: url(/_res/css/../images_new/black20.png);text-align: center;font-size: 18px;font-weight:bold;color:#fff;white-space: nowrap;position: absolute;right:30px;top:0;bottom:0;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /*金安概况*/
    .zj-gkmain {padding: 30px 10px 30px 29px;}
    .gk-info{width:432px;height: 256px;padding-top: 50px;-webkit-line-clamp: 7;}
    .gk-flash{width:470px;height: 306px;}
    .gk-ilnks li{width:138px;}

    /*旅游*/
    .ly-flash .bd {height: 480px;}
    .ly-flash .bd li{width:338px;}
    .ly-flash .bd li a{height: 230px;}
    .zj-ly-links{height: 476px;}
    .zj-ly-links li{width:318px;margin: 0 19px 18px 0;}
    .zj-ly-links li a{height: 229px;}

    /*乡镇风光*/
    .fg-flash .fg-flash-pic li{width:337px;}
    .zj-xz-links li{width:233px;}
    .zj-xz-links li a{height: 90px;}
    .zj-xz-links li .img_title{line-height: 90px;}
    
}
@media only screen and (max-width:991px) {
    /*金安概况*/
    .zj-gkmain{padding:20px 0 20px 20px;}
    .gk-info,.gk-flash{float: none;width:auto;}
    .gk-info{height: auto;margin-right:20px;}
    .gk-flash{margin-top:20px;height: 474px;}
    .gk-ilnks li{width:167px;}

    /*投资金安*/
    .zj-tzmain{height: auto;}
    .zj-tz-tabtitle{float: none;height:auto;width: auto;overflow: hidden;padding: 10px 0 20px;}
    .zj-tz-tabtitle ul{padding:0 10px;}
    .zj-tz-tabtitle li {padding-left: 0px;float: left;width: 23%;margin: 10px 1% 0;}
    .zj-tz-tabtitle li.active a i{display: none;}
    .zj-tz-listmain{margin-right:0;}

    /*旅游*/
    .ly-flash .bd {height: 560px;}
    .ly-flash .bd li{width:394px;}
    .ly-flash .bd li a{height: 270px;}
    /*.ly-flash .bd li a .img_title{border:0 none;width:auto;height: 40px;line-height:40px;bottom:0;left:0;right:0;margin-left: 0;padding:0 5px;background: url(/_res/css/../images_new/black20.png);}
    .ly-flash .bd li a:hover img{filter:alpha(opacity=100);opacity:1;}
    .ly-flash .bd li a:hover .img_title{bottom:0;margin-bottom:0;}*/
    .ly-flash .bd li a img{filter:alpha(opacity=70);opacity:0.7;}
    .ly-flash .bd li a .img_title{bottom:50%;margin-bottom:-45px;}
    .zj-ly-links{height: 370px;}
    .zj-ly-links li{width:244px;margin: 0 18px 18px 0;}
    .zj-ly-links li a{height: 176px;}
    .zj-ly-links li a img{filter:alpha(opacity=70);opacity:0.7;}
    .zj-ly-links li a .img_title{width:128px;height:48px;line-height:48px;bottom:50%;margin-bottom:-25px;margin-left:-70px;}
    .zj-ly-links li a:hover .img_title{margin-bottom:-25px;}

    /*乡镇风光*/
   .fg-flash .fg-flash-pic{height: 208px;}
   .fg-flash .fg-flash-pic li{width:263px;}
   .fg-flash .fg-flash-pic li a{height: 94px;}
    .zj-xz-links li{width: 374px;}
    .zj-xz-links li a{height: 144px;}
    .zj-xz-links li.num2,.zj-xz-links li.num6{margin-right:0;}
    .zj-xz-links li .img_title{line-height: 144px;}
}
@media only screen and (max-width: 767px) {
    .zj-big-title{padding-bottom:15px;}
    /*金安概况*/
    .zj-gk-mainbox{padding:15px 10px 10px;}
    .zj-gkmain{padding:20px 0 20px 10px;}
    .gk-info{margin-right:10px;font-size: 15px;line-height: 32px;}
    .gk-flash{margin-top:10px;margin-right:10px;height: 378px;}
    .gk-ilnks li{width:33.3%;margin:10px 0 0 0;}
    .gk-ilnks li a{margin-right:10px;font-size: 16px;}

    /*投资金安*/
    .zj-tz-mainbox{padding:15px 10px 10px;}
    .zj-tzmain{border:0;background: none;}
    .zj-tz-tabtitle{padding:0 0 10px;}
    .zj-tz-tabtitle li{width:48%;}
    .zj-tz-tabtitle li a{font-size: 18px;}
    .zj-tz-listmain{padding:10px 0;}
    .zj-tz-listmain .zk-tz-tit{font-size: 20px;}
    .tz-list li{margin-bottom: 10px;background: #fff;padding: 12px 10px 10px;}
    .tz-list li .remarks{padding-top:5px;}
    .tz-list li .date{top:12px;}
    .tz-list li .detail{top:65px;}

    /*旅游金安*/
    .zj-ly-mainbox{padding:15px 10px 10px;background-size: auto 100%;}
    .ly-flash .bd {height: auto;background: none;}
    .ly-flash .bd li{width:100%;}
    .ly-flash .bd li a{height: auto;margin-right:0;margin-bottom:10px}
    .zj-ly-links{height: auto;background: none;}
    .zj-ly-links li{width:48%;margin: 5px 1% !important;}
    .zj-ly-links li a{height: 176px;}
    .zj-ly-links li a img{height: auto;}
    .zj-ly-links li a .img_title{width:108px;height:38px;line-height:38px;margin-bottom:-20px;margin-left:-55px;}
    .zj-ly-links li a:hover .img_title{margin-bottom:-20px;}

    /*乡镇风光*/
    .zj-xzfg-mainbox{padding:15px 10px 0px;}
    .fg-flash .fg-flash-pic{height: auto;}
    .fg-flash .fg-flash-pic li{width:100%;}
    .fg-flash .fg-flash-pic li a{height: auto;margin-right:0;margin-bottom:10px;}
    .zj-xz-links li{float: none;width:auto;margin:0 0 10px 0;}
    .zj-xz-links li a{height: auto;}
}
@media only screen and (max-width: 600px) {
    /*概况*/
    .gk-flash{height: 300px;}
    /*旅游*/
    .zj-ly-links li a{height: 146px;}
}
@media only screen and (max-width:479px) {
    /*概况*/
    .gk-flash{height: 260px;}
    /*旅游*/
    .zj-ly-links li a{height: 126px;}
}
@media only screen and (max-width:413px) {
    /*概况*/
    .gk-flash{height: 230px;}
    /*旅游*/
    .zj-ly-links li a{height: 106px;}
}
@media only screen and (max-width:374px) {
    /*概况*/
    .gk-flash{height: 200px;}
    /*旅游*/
    .zj-ly-links li{float: none;width:100%;margin:5px 0 !important;}
    .zj-ly-links li a{height: auto;}
}