@charset "utf-8";
/* CSS Document */
/***** 头部 ******/
.zj_foot .container{ width: 100%;}
.topright{height: 38px;}
.zjy_header{width:100%;height:96px;position:fixed;left:0;top:0;background:url(../images/black_20.png) 0 0 repeat;z-index:999;}
.w1095{margin:0 42px;}
.zjy_logo{width:230px;height:52px;padding:8px 0 0 10px;overflow:hidden;}
.zjy_logo ul li{float:left;width:224px;height:46px;overflow:hidden;}
.zjy_logo .img_title{display:none;}
.zjy_menu{width:870px;height:60px;overflow:hidden;}
.zjy_menu .navbar{height:60px; z-index:0;  background:none; margin-bottom:0px; }
.zjy_menu .navbar-nav{ height:60px; }
.zjy_menu .navbar-nav li{height:60px; text-align: center; width:116px;padding-right:8px;overflow:hidden; background:none; }
.zjy_menu .navbar-nav li a{ height:60px; line-height:60px; margin-left:0px; }
.zjy_menu .navbar-nav li a:hover,.zjy_menu .navbar-nav li a.on {color:#fff;background:#0079d4; }

/***** 主体 ******/
/*概况*/
.zjy_container{width:100%;height:auto;position:relative;z-index:1;}
.zjy_conone{width:100%;height:551px;padding-top:145px;background:url(../images/zjy_conbg1.jpg) center 0 no-repeat;}
.zjy_gkcon{padding:0 74px;height:210px;line-height:36px;font-size:16px;overflow:hidden;}
.zjy_gkcon h3{height:40px;line-height:40px;font-size:28px;color:#08385f;}
.zjy_gkcon h3 a,.zjy_gkcon h3 a:hover{color:#08385f;}
.zjy_gkcon .content-info{ padding:0 16px;margin:auto;margin-top:26px;height:144px;color:#08385f;text-indent:2em;overflow:hidden;}
.zjy_gkcon .content-info a,.zjy_gkcon .content-info a:hover{color:#f90211;}
.zjy_gklm{height:160px;padding:50px 0 0 72px;overflow:hidden;}
.zjy_gklm ul li{float:left;width:159px;height:159px;padding-right:118px;}
.zjy_gklm ul li.num4{padding-right:0;}
.zjy_gklm ul li a{display:block;width:119px;height:129px;padding:30px 20px 0;cursor:pointer;background:url(../images/zjy_gklmbg.png) no-repeat;font-size:20px;color:#fff;overflow:hidden;}
.zjy_gklm ul li a:hover{color:#fff;background:url(../images/zjy_gklmbgh.png) no-repeat;}
.zjy_gklm ul li a .ico{display:block;float:left;width:119px;height:60px;overflow:hidden;background:url(../images/zjy_gklmico.png) no-repeat;cursor:pointer;}
.zjy_gklm ul li a:hover .ico{-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);}
.zjy_gklm ul li a .tit{display:block;float:left;width:119px;height:40px;line-height:40px;text-align:center;cursor:pointer;overflow:hidden;}
/*.zjy_gklm ul li.num1 a,.zjy_gklm ul li.num1 a:hover{background-position:0 0;}*/
/*.zjy_gklm ul li.num1 a .ico{background-position:0 0;}*/
.zjy_gklm ul li.num1 a,.zjy_gklm ul li.num1 a:hover{background-position:-273px 0;}
.zjy_gklm ul li.num1 a .ico{background-position:-273px 0;}
.zjy_gklm ul li.num2 a,.zjy_gklm ul li.num2 a:hover{background-position:-547px 0;}
.zjy_gklm ul li.num2 a .ico{background-position:-547px 0;}
.zjy_gklm ul li.num3 a,.zjy_gklm ul li.num3 a:hover{background-position:-820px 0;}
.zjy_gklm ul li.num3 a .ico{background-position:-820px 0;}

.zjy_gklm ul li.num4 a{background:url(../images/zjy_gklm5bg.png) 0 0 no-repeat;}
.zjy_gklm ul li.num4 a:hover{background:url(../images/zjy_gklm5bgh.png) 0 0 no-repeat;}
.zjy_gklm ul li.num4 a .ico{background:url(../images/zjy_gklm5ico.png) center 0 no-repeat;}

/*历史文化*/
.zjy_contwo{width:100%;height:595px;padding-top:39px;background:#eff8ff;}
.zjy_lmtop{height:60px;background:url(../images/zjy_lmline1.gif) 0 30px repeat-x;overflow:hidden;text-align:center;}
.zjy_lmtop h3{display:block;width:180px;height:60px;line-height:60px;margin:0 auto;padding:0;background:url(../images/zjy_lstit.gif) center 49px no-repeat #eff8ff;font-size:32px;color:#0079d4;}
.zjy_lmtop h3 a,.zjy_lmtop h3 a:hover{color:#0079d4;}
.zjy_lmtop h3 span{font-size:25px;}
.zjy_contwo .zjy_lmtop h3{width:146px;background:url(../images/zjy_lstit.gif) 38px 49px no-repeat #eff8ff;float:left;text-align:left;}
.zjy_lsbox{width:1098px;height:380px;margin:72px auto 0;overflow:hidden;}
.zjy_lslmbox{ padding-top:72px;height:380px;overflow:hidden;}

.zjy_lslmbox ul li{ width:50%; height:190px; float:left; text-align:center;}
.zjy_lslmbox ul li a{ display:block; padding-top:101px; line-height:45px; font-size:20px;}
.zjy_lslmbox ul li.num1 a{ background:url(../images/lswhbtn1.png) center top no-repeat;}
.zjy_lslmbox ul li.num2 a{ background:url(../images/lswhbtn2.png) center top no-repeat;}
.zjy_lslmbox ul li.num3 a{ background:url(../images/lswhbtn3.png) center top no-repeat;}
.zjy_lslmbox ul li.num4 a{ background:url(../images/lswhbtn4.png) center top no-repeat;}
.zjy_lslmbox ul li.num1 a:hover{ background:url(../images/lswhbtn01.png) center top no-repeat;}
.zjy_lslmbox ul li.num2 a:hover{ background:url(../images/lswhbtn02.png) center top no-repeat;}
.zjy_lslmbox ul li.num3 a:hover{ background:url(../images/lswhbtn03.png) center top no-repeat;}
.zjy_lslmbox ul li.num4 a:hover{ background:url(../images/lswhbtn04.png) center top no-repeat;}
.zjy_lslmbox ul li a:hover{ color:#0079d4;}

.zjy_lsimgbox{ height:367px;background:#fff;padding:5px;overflow:hidden; margin-top: 72px;}
.zjy_lsimgbox .mF_tbhuabao{background:none !important;border:0 !important;margin-left:0 !important;}
.zjy_lsimgbox .mF_tbhuabao{height:367px !important;}
.zjy_lsimgbox .mF_tbhuabao .pic{height:367px !important;}
.zjy_lsimgbox .mF_tbhuabao .dot{bottom:17px !important;left:auto !important;right:7px !important;height:6px !important;line-height:0px !important;width:auto !important;z-index:999;}
.zjy_lsimgbox .mF_tbhuabao .dot li{float:left;display:block !important;margin:0 5px 0 0 !important;}
.zjy_lsimgbox .mF_tbhuabao .dot li a{display:block;width:20px;height:6px;overflow:hidden;text-indent:-999999em;background:#999;}
.zjy_lsimgbox .mF_tbhuabao .dot li.current a{background:#f7d449;}
.zjy_lsimgbox .mF_tbhuabao .txt li{height:40px !important;line-height:38px !important;bottom:0 !important;}
.zjy_lsimgbox .mF_tbhuabao .txt li a{padding-left:15px !important;font-weight:normal !important;font-family:"Microsoft YaHei",微软雅黑;width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zjy_lsimgbox .mF_tbhuabao .txt li b{filter:alpha(opacity=60) !important;opacity: 0.60 !important;}
.zjy_lsimgbox .mF_tbhuabao .prev,.zjy_lsimgbox .mF_tbhuabao .next{width:45px !important;height:100px !important;top:134px !important;background:none !important;}
.zjy_lsimgbox .mF_tbhuabao .prev{left:0 !important;}
.zjy_lsimgbox .mF_tbhuabao .next{right:0 !important;}
.zjy_lsimgbox .mF_tbhuabao .prev a,.zjy_lsimgbox .mF_tbhuabao .next a{display:block;width:45px;height:100px;overflow:hidden;text-indent:-999999em;background:url(../images/zjy_prevbtn.png) no-repeat;}
.zjy_lsimgbox .mF_tbhuabao .prev a{background-position:0 0;}
.zjy_lsimgbox .mF_tbhuabao .prev a:hover{background-position:-100px 0;}
.zjy_lsimgbox .mF_tbhuabao .next a{background-position:-50px 0;}
.zjy_lsimgbox .mF_tbhuabao .next a:hover{background-position:-150px 0;}

/*城市发展*/
.w523{width:523px;}
.zjy_conthree{width:100%;height:505px;padding-top:45px;background:#6ec9db;}
.zjy_conthree .zjy_lmtop{background-image:url(../images/zjy_csline.png);text-align:left;}
.zjy_conthree .zjy_lmtop h3{background:url(../images/zjy_cstit.png) 38px 49px no-repeat #6ec9db;color:#fff;float:left;}
.zjy_conthree .zjy_lmtop h3 a,.zjy_conthree .zjy_lmtop h3 a:hover{color:#fff;}
.zjy_fzbox{width:489px;height:269px;margin-top:61px;overflow:hidden;}
.zjy_fzbox ul li{ overflow:hidden;}
.zjy_fzbox ul li .img{float:left;width:256px;height:269px;overflow:hidden;}
.zjy_fzbox ul li .con{ margin-left:256px;height:255px;border:#fff 1px solid;border-left:0;background:url(../images/zjy_csline.png) 0 0 repeat;padding:12px 17px 0;}
.zjy_fzbox ul li .con .img_title{display:block; height:46px;overflow:hidden;}
.zjy_fzbox ul li .con .img_title a{display:block;height:46px;line-height:46px;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zjy_fzbox ul li .con .img_con{height:196px;line-height:28px;overflow:hidden;color:#666;font-size:14px;}
.zjy_fzbox ul li .con .img_con a,.zjy_fzbox ul li .con .img_con a:hover{color:#f90211;float:none !important;}

/*图说固镇*/
.zjy_confour{width:100%;height:599px;padding-top:55px;background:#eff8ff;}
.zjy_tjbox{width:1095px;height:395px;margin:53px auto 0;overflow:hidden;position:relative;}
.zjy_tjbox ul li{position:absolute;overflow:hidden;}
.zjy_tjbox ul li a{display:block;width:100%;height:100%;position:relative;overflow:hidden;cursor:pointer;}
.zjy_tjbox ul li a img{width:100%;height:100%;cursor:pointer;}
.zjy_tjbox ul li a .img_title{position:absolute;display:inline-block;width:auto;white-space:nowrap;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(../images/zjy_tstit.png) repeat;color:#fff;height:38px;line-height:38px;font-size:16px;padding:0 22px;left:0;}
.zjy_tjbox ul li a:hover .img_title{background:url(../images/zjy_tstith.png) repeat;color:#fff;}
.zjy_tjbox ul li.num1{width:367px;height:395px;left:0;top:0;}
.zjy_tjbox ul li.num1 a .img_title{width:20px !important;padding:8px 9px !important; height:auto !important;max-height:80% !important;white-space:normal !important;top:0;line-height:22px;}
.zjy_tjbox ul li.num2{width:481px;height:195px;left:372px;top:0;}
.zjy_tjbox ul li.num2 a .img_title{top:0;}
.zjy_tjbox ul li.num3{width:236px;height:195px;left:859px;top:0;}
.zjy_tjbox ul li.num3 a .img_title{bottom:0;}
.zjy_tjbox ul li.num4{width:236px;height:195px;left:372px;top:200px;}
.zjy_tjbox ul li.num4 a .img_title{bottom:0;}
.zjy_tjbox ul li.num5{width:481px;height:195px;left:614px;top:200px;}
.zjy_tjbox ul li.num5 a .img_title{top:0;}

/***底部***/
.footer{width:100%;line-height:26px;padding:26px 0;text-align:center;font-size:14px;color:#fff;position:relative;background:#0079d4;border:0;}
.footer a,.footer a:hover{color:#fff;}
.footer .dzico{position:absolute;left:50%;margin-left:-435px;top:29px;width:60px;height:60px;}
.footer .dzico img{width:60px !important;height:60px !important;}
.footer .jcico{position:absolute;left:50%;margin-left:340px;top:32px;width:110px;height:55px;overflow:hidden;}
img{
    vertical-align: unset;
}
.footer .wzaico {
    width:110px;height:55px;
    position: absolute;
    left:50%;
    margin-left:340px;
    top:96px;
}
.footnav{ padding:10px 0 15px 0;}
.footnav ul li{ display:inline;margin-left:12px; padding-right:12px; background:url(../images/footline.gif) right center no-repeat;}
.footnav ul li a{ color:#fff;}
.footnav ul li.num4{ background:none;}

@media (max-width: 1179px) and (min-width: 992px){
.zjy_menu{width:752px;}
.zjy_menu .navbar-nav li{ width: 107px; padding-right: 0px;}
.zjy_menu .navbar-nav li a{ font-size:16px;}
/*概况*/
.zjy_gkcon{ padding: 0 10px;}
.zjy_gkcon .content-info{ padding: 0px;}
.zjy_gklm{ padding: 50px 0 0;}
.zjy_gklm ul li{ width: 25%; padding-right: 0px;}
.zjy_gklm ul li a{ margin: 0 auto;}
/*历史文化*/
.w1095{ margin: 0px;}
.w523{ width: 486px;}
.zjy_lsimgbox .j-video-player,.zjy_lsimgbox .j-video-player video{ width: 100%!important;}
/*统计数据*/
.zjy_fzbox{width: 100%;}
/*影像固镇*/
.zjy_tjbox{width: 100%;}
.zjy_tjbox ul li.num1{width:344px;}
.zjy_tjbox ul li.num2{width:401px;left:349px;}
.zjy_tjbox ul li.num3{left:756px;}
.zjy_tjbox ul li.num4{left:349px;}
.zjy_tjbox ul li.num5{width:401px;left:590px;}

.footer .jcico, .footer .wzaico, .footer .dzico {
    position: static;
    display: inline-block;
    margin: 0;
}
}
@media (max-width:991px) {
.zjy_menu{width:528px;}
.zjy_menu .navbar-nav li{ width: 88px; padding-right: 0px;}
/*概况*/
.zjy_conone{ height: auto; padding-bottom: 10px; padding-top: 85px;}
.zjy_gkcon{ padding: 0 10px; height: auto;}
.zjy_gkcon .content-info{ padding: 0px; height: auto;}
.zjy_gklm{ padding: 0px; height: auto;}
.zjy_gklm ul li{ width: 50%; padding-right: 0px;}
.zjy_gklm ul li a{ margin: 0 auto;}
/*历史文化*/
.zjy_contwo{ height: auto; overflow: hidden; padding: 30px 0;}
.w1095{ margin: 0px;}
.w523{ width: 100%; float: none;}
.zjy_conthree{ height: auto;overflow: hidden; padding: 30px 0;}
.zjy_fzbox{ width: 100%; margin: 30px 0px;}
.zjy_lsimgbox{ height: auto; overflow: hidden;}
/*影像固镇*/
.zjy_confour{ height: auto; padding: 55px 0px; overflow: hidden;}
.zjy_tjbox{ width: 100%; height: 270px;}
.zjy_tjbox ul li.num1{width:250px;height:275px;}
.zjy_tjbox ul li.num2{width:350px;height:135px;left:255px;}
.zjy_tjbox ul li.num3{width:163px;height:135px;left:610px;}
.zjy_tjbox ul li.num4{width:163px;height:135px;left:255px;top:140px;}
.zjy_tjbox ul li.num5{width:350px;height:135px;left:423px;top:140px;}
.footer .jcico, .footer .wzaico, .footer .dzico {
    position: static;
    display: inline-block;
    margin: 0;
}
}
@media (max-width: 991px) and (min-width: 769px){
    .zjy_menu .navbar-nav li{width:auto;}
    .zjy_menu .navbar-nav li a{font-size:14px;padding:0 7px;}
}

@media (max-width: 767px) {
.zjy_header{ height: auto; position: static; background: #39acff;}
.zjy_logo{ padding: 10px 0px; float: none; text-align: center; width: 100%;}
.zjy_logo ul li{ width: 100%; height: auto; text-align: center; float: none;}
.zjy_menu{ float: none; width: 100%; height: auto; border-bottom: 1px solid #fff;}
.zjy_menu .navbar,.zjy_menu .navbar-nav{ height: auto;}
.zjy_menu .navbar-nav li{height:40px; padding-right:0px; width: 100%; }
.zjy_menu .navbar-nav li a{ height:40px; line-height:40px; }
/*概况*/
.zjy_conone{background: url(../images/zjy_conbg1.jpg) center bottom no-repeat #36a3fe; padding: 20px 0px;}
.w1095{ padding: 0 10px;}
.zjy_contwo{ padding: 20px 0;}
.zjy_lslmbox{ height: auto; padding:10px 0;}
.zjy_lslmbox ul li{ height: auto;}
.zjy_lsimgbox{ margin-top: 20px;}
/*影像固镇*/
.zjy_confour{ padding: 20px 0px;}
.zjy_tjbox{ width: 96%; margin: 0 auto;  height: auto; overflow: hidden; margin-top: 10px;}
.zjy_tjbox ul li{ position: static; margin-top: 10px;}
.zjy_tjbox ul li.num1,.zjy_tjbox ul li.num2,.zjy_tjbox ul li.num3,.zjy_tjbox ul li.num4,.zjy_tjbox ul li.num5{width:100%;height:auto;}
}
@media (max-width: 550px) {
.zjy_gklm ul li{ width: 50%; margin-top: 2%;}
}
@media (max-width: 500px) {
    .zjy_fzbox{ height: auto;}
    .zjy_fzbox ul li .img{ float: none; width: 100%; height: auto; text-align: center;}
    .zjy_fzbox ul li .con{ margin-left: 0px; height: auto;}
    .zjy_fzbox ul li .con .img_con{ height: auto; padding-bottom: 10px;}
}