@charset "utf-8";
/* CSS Document */

/* 裕安区情 */
.yaqq_main{width: 100%;padding:  30px 0 10px 0;}
.yaqq_top_pic{padding: 10px;background: #fff;}
.yaqq_top_pic ul li{width: 100%;height: 340px;overflow: hidden;}
.yaqq_top_pic ul{margin-right: -10px;}
.yaqq_top_pic ul li{width:453px;margin-right: 10px;height: 340px;float: left;position: relative;overflow: hidden;}
.yaqq_top_pic ul li span{height: 340px;line-height: 340px;display: none;color: #fff;background: rgba(27, 63, 147, .5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F1b3f93,endColorstr=#7F1b3f93);position: absolute;left: 0;top: 0;width: 100%;text-align: center;font-size: 24px;}
.yaqq_top_pic ul li a,.yaqq_top_pic ul li img{display: block;width: 100%; height: 100%;transition: all .5s;-webkit-transition: all .5s;}
/* .yaqq_top_pic ul li:hover span{display: block;} */
.yaqq_top_pic ul li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.yaqq_part_title{width: 100%;height: 66px;margin-top: 20px;text-align: center;background: url("/_res/cssnew/./../images-new/zjya-yaqq-titlebg.png") center no-repeat;}
.yaqq_part_title a{font-size: 0;color: #fff;display: inline-block;vertical-align: middle;}
.yaqq_part_title img{vertical-align: middle;}


.yaqq_mainPart_title{width: 100%;padding-bottom: 7px;margin-bottom: 18px;margin-top: 38px;}
.yaqq_mainPart_title ul{margin-right: -54px;}
.yaqq_mainPart_title ul li{float: left; position: relative;margin-right: 54px; }
.yaqq_mainPart_title ul li a{display: block;width: 123px;padding:0 2px 14px;height: 37px;line-height: 37px;text-align: center;font-size: 16px;color: #259cd5;background:url("/_res/cssnew/../images-new/zjya-titlebg.png") top center no-repeat;}
.yaqq_mainPart_title ul li.active a{color: #fff;background-image: url("/_res/cssnew/../images-new/zjya-titlebg_hover.png");}
.yaqq_mainPart_title ul li.active{}

.yaqq_mainPart_con{padding: 30px;background: #fff url("./../images_jdhy/yaqq_gk_bg.png") no-repeat right bottom;height: 352px;overflow: hidden;border-radius: 5px;-webkit-border-radius: 5px;}
.qq_main_pic{width: 625px;height: 352px;}
.qq_main_pic ul,.qq_main_pic li,.qq_main_pic .video-player,.qq_main_pic .video-player video{height:100% !important;;width: 100% !important;}
.qq_main_pic ul,.qq_main_pic ul li,.qq_main_pic ul li a{display: block;width: 100% !important;;height: 100% !important;;}
.qq_main_pic ul li img{width: 100%;}
.qq_main_art{margin-left: 662px;font-size: 16px;color: #000;line-height: 36px;text-indent: 2em;}
.qq_main_pic ul li span{display: none;}
.qq_main_art a{color: #44b8e8;}
.qq_main_art a:hover{text-decoration: underline;}
.yazs_box{width: 780px;height: 265px;margin-top: 25px;}
.yaly_box{width: 400px;height: 265px;margin-top: 25px;}
.yazs_big_title{ height: 38px; border-bottom: 2px solid #3c609a; line-height: 38px;}
.yazs_big_title ul li{ display: inline; float: left; width: 160px; height: 38px; text-align: center; font-size: 20px; margin-right: 10px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.yazs_big_title ul li.active{ background:#3c609a;  font-weight: bold;}
.yazs_big_title ul li.active a{ color: #fff;}
.com_title_qq ul li{margin-left: 30px;}
.com_title_qq ul li:first-child{margin-left: 0;}
.com_lists ul.qu_com_lists li{height:32px;line-height:32px;padding:2px 0 2px 15px;position:relative;background:url("/_res/cssnew/.//_res/cssnew/../images_jdhy/yaqq_icon.png") no-repeat center left;font-size: 16px;}
.com_lists ul.qu_com_lists li .date{position: absolute;right: 0;top: 0;color: #999;}
.com_lists ul.qu_com_lists li a{display:block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width: 690px;}
.yaly_lists{height: auto;padding-top: 4px;}
.yaly_lists li{margin-top: 16px;margin-right: 20px;width: 120px;height: 88px;float: left;}
.yaly_lists li.num3,.yaly_lists li.num6{margin-right:0;}
.yaly_lists li a{display: block;text-indent: -30000px;width: 100%;height: 100%;}
.yaly_lists li.num1{background: url("/_res/cssnew/./../images_jdhy/yaqq_ly_01.png") no-repeat center center;}
.yaly_lists li.num2{background: url("/_res/cssnew/./../images_jdhy/yaqq_ly_02.png") no-repeat center center;}
.yaly_lists li.num3{background: url("/_res/cssnew/./../images_jdhy/yaqq_ly_03.png") no-repeat center center;}
.yaly_lists li.num4{background: url("/_res/cssnew/./../images_jdhy/yaqq_ly_04.png") no-repeat center center;}
.yaly_lists li.num5{background: url("/_res/cssnew/./../images_jdhy/yaqq_ly_05.png") no-repeat center center;}
.yaly_lists li.num6{background: url("/_res/cssnew/./../images_jdhy/yaqq_ly_06.png") no-repeat center center;}
.yaly_lists li.num1:hover{background: url("/_res/cssnew/./../images_jdhy/yaqq_ly_01-h.png") no-repeat center center;}
.yaly_lists li.num2:hover{background: url("/_res/cssnew/./../images_jdhy/yaqq_ly_02-h.png") no-repeat center center;}
.yaly_lists li.num3:hover{background: url("/_res/cssnew/./../images_jdhy/yaqq_ly_03-h.png") no-repeat center center;}
.yaly_lists li.num4:hover{background: url("/_res/cssnew/./../images_jdhy/yaqq_ly_04-h.png") no-repeat center center;}
.yaly_lists li.num5:hover{background: url("/_res/cssnew/./../images_jdhy/yaqq_ly_05-h.png") no-repeat center center;}
.yaly_lists li.num6:hover{background: url("/_res/cssnew/./../images_jdhy/yaqq_ly_06-h.png") no-repeat center center;}
.yaly_lists li a.wza-active{background-color:transparent !important;}
.wza-region-active .yaly_lists li a{background-color:transparent !important;}
.jjgl_box{padding-top: 85px;}
.jjgl_box_main{padding: 20px 293px 20px 20px;position: relative;background: #f5f5f5;height: 180px;}
.jjgl_box_pic{position: absolute;width: 283px;height: 303px;bottom: 0;right: 0;}
.jjgl_title{height: 30px;line-height: 30px;}
.jjgl_title a{display: block;color: #259cd5;font-weight: bold;font-size: 22px;}
.jjgl_art{font-size: 16px;color: #000;line-height: 36px;text-indent: 2em;}
.jjgl_art a{color: #44b8e8;}
.jjgl_art a:hover{text-decoration: underline;}

/*裕安旅游*/
.yaqq_part_title a.yaly{font-size: 32px;color: #3c609a;line-height: 56px;background: url("/_res/cssnew/../images_jdhy/yaqq_title_bg.png") no-repeat center top;}
.wza-black-white .yaqq_part_title a.yaly{color: #000 !important;}
.yaqq_yaly{padding-top: 25px;}
.zj-list{width: 590px;padding: 22px 0;border-bottom: #efefef 1px solid;}
.zj-list .zj-pic{width: 200px;height: 134px;float: left;}
.zj-list .zj-pic img{width: 100%;height: 134px;}
.zj-list .zj-pic .img_title{display: none;}
.zj-list .yaqq_ly-list{margin-left: 220px;}

.yaqq_ly-list li{height:32px;line-height:32px;padding:2px 0 2px 15px;position:relative;background:url("/_res/cssnew/../images_jdhy/yaqq_icon.png") no-repeat center left;font-size: 16px;}
.yaqq_ly-list li .date{font-size: 14px; position: absolute;right: 0;top: 2px;color: #999;}
.yaqq_ly-list li a{display:block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float: none;margin-right: 80px;}
.yaqq_ly-list li img{ display: none;}

.yqqq-left{ width: 562px;}
.yaqq-right{ margin-left: 562px;}
.yqqq-left li{ float: left; margin:0 20px 20px 0; width: 261px; height: 174px;}
.yqqq-left li img{  width: 100%; height: 100%;}
.yqqq-left li .img-title{ display: none; }
@media(max-width: 1399px) and (min-width: 1200px){
    .yaqq_top_pic ul li{width: 386px;height: 290px;}
    /*裕安区情*/
    .yaqq_mainPart_title ul{margin-right: -26px;}
    .yaqq_mainPart_title ul li{margin-right: 26px;}
    .qq_main_art{height: 352px;overflow-y: auto;}

}
@media(max-width: 1199px) and (min-width: 992px){
    .yaqq_top_pic ul li{width: 317px;height: 238px;}
    /*裕安区情*/
    .yaqq_mainPart_title ul{margin-right: 0px;}
    .yaqq_mainPart_title ul li{margin-right: 0px;width: 20%; }
    .yaqq_mainPart_title ul li a{margin: 0 auto;}
    .yaqq_mainPart_con{padding: 20px;height: auto;}
    .qq_main_art{margin-left: 520px;height: 300px;overflow-y: auto;}
    .qq_main_pic{width: 510px;height: 300px;}

    .yazs_box{width: 580px;}
    .com_lists ul.qu_com_lists li a{max-width:490px}
    .jjgl_box_main{height: auto;}

    /*裕安旅游*/
    .zj-list{width: 486px;}
}
@media(max-width: 991px){
    .yaqq_top_pic ul li{width: 242px;height: 182px;}

    .jjgl_box_main{height: auto;}
    /*裕安区情*/
    .yaqq_mainPart_title ul{margin-right: 0px;}
    .yaqq_mainPart_title ul li{margin-right: 0px;width: 20%; }
    .yaqq_mainPart_title ul li a{margin: 0 auto;}

    .yaqq_mainPart_con{height: auto;padding: 10px;}
    .qq_main_pic{float: none;width: 100%;height: auto;text-align: center;margin-bottom: 15px;}
    .qq_main_art{margin-left: 0;height: auto !important;}
    .qq_main_pic ul li img{width: auto;max-width: 100%;height: auto;}
    .yazs_box,.yaly_box{float: none;height: auto;width: 100%;}
    .com_lists ul.qu_com_lists li a{max-width: none;margin-right: 45px;float: none;}
    .com_lists ul.qu_com_lists li img{display: none;}
    .yaly_lists li{width: 14.6666%;margin: 16px 1% 0;}
    .yaly_lists li.num3,.yaly_lists li.num6{margin-right:1%;}
    .jjgl_box{padding-top: 0;margin-top: 10px;}

    /*裕安旅游*/
    .zj-list{width: auto;float: none;}

    .yqqq-left{ width: auto; float: none;}
    .yqqq-left ul{ margin-right: -20px;}
    .yqqq-left li{ width: 242px; height: 162px;}
    .yaqq-right{ margin-left: 0;}

}
@media(max-width: 767px){
    .yaqq_top_pic ul{margin-right: 0;}
    .yaqq_top_pic ul li{width: auto;height:auto;float: none;margin-right: 0; margin-bottom: 10px;}

    /*裕安区情*/
    .yaqq_mainPart_title{margin: 20px 0 0;}
    .yaqq_mainPart_title ul li{width: 33.33%; }

    .yaqq_main{width: auto;padding: 10px;}
    .com_title_qq ul li{margin-left: 0;}
    .jjgl_box_pic{position: initial;float: none;width: 100%;height: auto;text-align: center;}
    .jjgl_box_pic img{max-width: 100%;height: auto;width: auto;}
    .jjgl_box_main{padding-right: 10px;padding-left: 10px;padding-top: 10px;padding-bottom: 10px;}

    .yqqq-left ul{ margin-right: 0;}
    .yqqq-left li{ width: auto; float: none; margin: 0 0 10px 0; height: auto;}

}
@media(max-width: 600px){
    .yaly_lists li{width: 31.333%;margin: 10px 1% 0;}
    .com_title ul li a{padding:0 9px}
}
@media(max-width: 479px){
    /*裕安区情*/
    .yaqq_part_title{height: 40px;background-size: auto 100%;}
    .yaqq_part_title img{height: 40px;width: auto;}
    .yaqq_mainPart_title ul li{width: 50%; }

    .yaqq_part_title a.yaly{background-size: auto 50px;}
    .yaqq_yaly{padding-top: 0;}
    .zj-list .zj-pic{width: auto;height: auto;float: none;text-align: center;}
    .zj-list .zj-pic img{max-width: 100%;height: auto;}
    .zj-list .yaqq_ly-list{margin-left:0;margin-top: 10px;}
}