@charset "utf-8";
/* CSS Document */
.mt25{ margin-top: 25px;}
.mt36{ margin-top: 36px;}
.ls-link{display: none;}
/*标题*/
.ml-title1{ line-height: 0; font-size: 0; text-align: center;}
.ml-title1 img{max-width: 100%; height: auto;}
/*谢家集概况*/
.ml-overviewBox{ background: #e9f6ff url("../images_new/ml_gkbg.jpg") center bottom no-repeat; padding: 44px 0 53px;}
/*谢家集概况 > 焦点图*/
.ml-flash{ width: 640px; height: 360px; overflow: hidden; position: relative;}
.flash-slide,.flash-slide .ml-flashPic,.flash-slide .ml-flashPic ul,.flash-slide .ml-flashPic li,.flash-slide .ml-flashPic img,.flash-slide .ml-flashPic a {height: 100% !important; width: 100% !important; }
.flash-slide .ml-flashPic{ position: relative; z-index: 0;}
.flash-slide .ml-flashPic li{ zoom: 1; vertical-align: middle;}
.flash-slide .ml-flashPic a {display: block; color: #fff; position: relative;}
.flash-slide .ml-flashPic img {display: block;}
.flash-slide .ml-flashPic .img_title {display: block; height: 50px; line-height: 50px; padding: 0 150px 0 20px; font-size: 16px; background: rgba(0, 0, 0, 0.5); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;}
.flash-slide .ml-flashPic a:hover .title {color: #fff;}
.flash-slide .ml-flashNum { height: 12px; overflow: hidden; position: absolute; right: 8px; bottom: 19px; z-index: 1; }
.flash-slide .ml-flashNum ul { overflow: hidden; zoom: 1; float: left;}
.flash-slide .ml-flashNum ul li { float: left; margin-right: 12px; width: 12px; height: 12px; text-indent: -20em; font-size: 0; background:#fff; overflow: hidden; cursor: pointer; border-radius: 50%;}
.flash-slide .ml-flashNum ul li.on { background:#e80000;}
/*谢家集概况 > 详细*/
.ml_infoBox{ width: 522px; padding-right: 8px; text-align: justify; text-justify: inter-ideograph; font-size: 16px; line-height: 35px; color: #555; height: 360px; overflow: hidden;}
.ml_infoBox span{ display: block; text-indent: 2em; padding-bottom: 34px;}
.ml_infoBox a{ color:#e80000; }
/*历史区划*/
.ml-gk-columnBox{ margin-top: 30px; padding-bottom: 20px; position: relative;}
.bg-blue{ background: #3366cc url("../images_new/ml_line.png") center 139px no-repeat; position: absolute; left: 0; right: 0; bottom: 0; top: 274px; z-index: 0;}
/*历史区划 > 切换标题*/
.ml-gk-column{padding-bottom: 13px; position: relative; z-index: 1;}
.ml-gk-column li{ padding-left: 20px; width: 285px; float: left; height: 426px;}
.ml-gk-column li a{ display: block; height: 345px; background: url("../images_new/ml_columnbg.png") 0 0 no-repeat; background-size: 100% 100%; padding: 35px 0 0; line-height: 0; color: #2d58ad; position: relative;}
.ml-gk-column li .img-img{ width: 210px; height: 210px; padding: 10px; display: block; margin: 0 auto; position: relative;}
.ml-gk-column li .img-img img{width:100%; height:100%;}
.ml-gk-column li .img-img .img-gai{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images_new/ml_columnimgbg.png") 0 0 no-repeat; background-size: 100% 100%;}
.ml-gk-column li .img_title{ margin: 0 52px 0 53px; border-bottom: 1px #d5d5d5 solid; padding: 19px 0 0; height: 55px; line-height: 40px; display: block; text-align: center; font-size: 20px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ml-gk-column li .img_ico{ position: absolute; bottom: -46px; left: 50%; margin-left: -13px; display: block; width: 25px; height: 25px; background: url("../images_new/ml_libg.png") 0 0 no-repeat;}
.ml-gk-column li a:hover{color: #2d58ad;}
.ml-gk-column li.active .img_ico{background-position: -25px 0;}
.ml-gk-column li.num1{padding-left: 0;}
/*历史区划 > 切换内容*/
.ml-gk-column2{ height: 145px; overflow: hidden; color: #fff; position: relative; z-index: 1;}
.ml-gk-column2 .info{ font-size: 16px; line-height: 2.2; text-align: justify; text-indent: 2em;}
.ml-gk-column2 .info a{color: #fff;}
.ml-gk-column2 .info a:hover{color: #ffe100;}
.ml-gk-column2 .link{overflow: hidden; position: relative; padding-right: 200px;}
.ml-gk-column2 .link ul{margin-left: -16px;}
.ml-gk-column2 .link li{float: left; width: 187px; padding: 15px 0 0 16px;}
.ml-gk-column2 .link li a{display: block; height: 48px; border: 1px #e1e8f7 solid; text-align: center; line-height: 48px; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; font-size: 18px; transition: 0.4s all;}
.ml-gk-column2 .link li a:hover{color: #ffe100; border-color: #ffe100;}
.ml-gk-column2 .link li.num6{ position: absolute; right: 2px; top: 0;}
.ml-gk-column2 .link li.num6 a{ height: 113px; line-height: 112px;}
/*谢家集风光*/
.ml-imgbox1{ padding: 28px 0 25px;}
.ml-imgbox1 ul{margin-left: -20px;}
.ml-imgbox1 li{ float: left; width: 285px; padding-left: 20px; height: 180px;}
.ml-imgbox1 li a{display: block; height: 100%; position: relative; line-height: 0; overflow: hidden;}
.ml-imgbox1 li a img{width: 100%; height: 100%; vertical-align:middle; transition: 0.4s all;}
.ml-imgbox1 li a .title{ color: #fff !important; position: absolute; left: 0; right: 0; bottom: 0; height: 40px; text-align: center; background: url("../images_new/black60.png"); line-height: 40px; font-size: 16px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.ml-imgbox1 li a:hover img{ transform: scale(1.1)}
/*谢家集风光 > 焦点大图*/
.ml-imgbox2{ margin: 0 0 30px; height: 360px;}
.flash-slide2{ height: 100% !important; width: 100% !important; position: relative; overflow: hidden;}
.ml-flashPic2,.ml-flashPic2 ul,.ml-flashPic2 ul li,.ml-flashPic2 ul li img{width: 100% !important; height: 100%!important;}
.ml-flashPic2 .img_title{ display: none;}
.ml-flashNum2{ position: absolute; top: 0; z-index: 1; bottom: 0; right: 140px; background: rgba(0, 0, 0, 0.65); width: 205px; padding-left: 25px; color: #fff; font-size: 15px;}
.ml-flashNum2 ul{height: 198px; overflow: hidden; padding: 81px 10px 0 0;}
.ml-flashNum2 li{ height: 60px; line-height: 20px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ml-flashNum2 li.on{ font-weight: bold; color: #f6ba3c; background: url("../images_new/ml_line2.png") 7px bottom no-repeat;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
/*谢家集概况*/
.ml-flash{width: 520px; height: 293px;}
.ml_infoBox{width: 444px; height: 293px;}
.ml_infoBox .content-info{display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden;}
.ml_infoBox span{padding-bottom: 10px;}
.bg-blue{background-size: 100% 1px;}
.ml-gk-column li{width: 240px; padding-left: 10px;}
.ml-gk-column li .img-img{width: 190px; height: 190px; margin:10px auto;}
.ml-gk-column2 .link li{width: 185px;}
.ml-gk-column2 .info{font-size: 15px; line-height: 2;}
.ml-imgbox1 li{width: 233px; height: 147px;}
.ml-imgbox2{height: 300px;}
.ml-flashNum2 ul{ padding-top: 47px;}
}
@media (max-width: 991px) {
.ml-overviewBox{ padding: 34px 0 20px;}
.ml-flash,.ml_infoBox{float: none; width: auto;}
.ml-flash{height: 432px;}
.ml_infoBox span{padding-bottom: 10px;}
.ml_infoBox{margin-top: 10px; height: auto;}
.ml-gk-column2{height: 165px;}
.ml-gk-column2 .link{ padding-right:0;}
.ml-gk-column2 .link ul{ margin-left: 0;}
.ml-gk-column2 .link li{width:25%; padding:10px 0 0 0;}
.ml-gk-column2 .link li a{margin: 0 5px; height: 42px !important; line-height: 42px !important; font-size: 16px;}
.ml-gk-column2 .link li.num6{position: static;}
.ml-gk-column2 .info{font-size: 14px; line-height: 2;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bg-blue{top: 184px;}
.ml-gk-column{padding-bottom: 5px;}
.ml-gk-column li{ width: 184px; height: 346px; padding-left: 10px;}
.ml-gk-column li .img-img{width: 130px; height: 130px; padding: 6px;}
.ml-gk-column li .img_title{margin: 0 12px 0 13px;}
.ml-gk-column li a{height: 255px;}
.ml-imgbox1{padding-bottom: 5px;}
.ml-imgbox1 ul{margin-left: 0;}
.ml-imgbox1 li{ width:50%; height: 236px; padding: 0 0 10px;}
.ml-imgbox1 li a{margin: 0 5px;}
.ml-imgbox2{height: 230px;}
.ml-flashNum2{right: 30px;}
.ml-flashNum2 ul{ padding-top: 22px; height: 187px;}
.ml-flashNum2 li{height: 55px;}
}
@media (max-width: 767px) {
.mt36{margin-top: 25px;}
.ml-overviewBox{ padding: 24px 10px 10px;}
.ml-flash{height: 338px;}
.ml-gk-columnBox{margin-top: 20px;}
.ml-gk-column{ padding-bottom: 50px;}
.ml-gk-column li{width: 25%; padding-left: 0; height: auto;}
.ml-gk-column li a{ margin: 0 5px; height: auto; padding: 15px 10px;}
.ml-gk-column li .img-img{display: none;}
.ml-gk-column li .img_title{padding: 0; margin: 0; line-height: 48px; height: auto; border-bottom: 0 none;}
.bg-blue{top:44px; background-position: center 57px;}
.ml-gk-column2{height: auto; padding-left: 10px; padding-right: 10px;}
.ml-gk-column li .img_ico{bottom: -36px;}
.ml-imgbox1{padding: 20px 5px 15px;}
.ml-imgbox1 ul{margin-left: 0;}
.ml-imgbox1 li{padding-left: 0; width: 50%; height: 183px;}
.ml-imgbox1 li a{ margin: 0 5px;}
.ml-imgbox2{margin: 0 10px 15px; height: 200px;}
.ml-flashNum2{right: 10px; padding-left: 10px; width: 190px;}
.ml-flashNum2 ul{padding-top: 30px; height: 140px;}
.ml-flashNum2 li{height: 40px; font-size: 14px;}
.ml-flashNum2 li.on{background-size: 4px 20px;}
}
@media (max-width: 619px) {
.ml-flash{height: 260px;}
.ml-imgbox1 li{height: 142px;}
.ml-flashNum2{width: 130px;}
}
@media (max-width: 479px) {
.ml-flash{height: 228px;}
.ml_infoBox{font-size: 15px; line-height: 2;}
.ml-gk-column{padding-bottom: 10px;}
.ml-gk-column li{width: 50%; margin-bottom: 10px;}
.ml-gk-column li a{ background: #f3f3f3; border:1px #f3f3f3 solid; border-radius: 5px; padding: 5px 0;}
.ml-gk-column li .img_ico{display: none;}
.ml-gk-column li.active a{color: #ffe100; background: #3366cc;}
.bg-blue{background-image: none;}
.ml-gk-column2 .link li{width: 50%;}
.ml-imgbox1 li{height: 125px;}
.ml-imgbox2{height: 160px;}
.ml-flashNum2 ul{padding-top: 20px; height:120px }
.ml-flashNum2 li{height: 34px;}
.ml-flashNum2 li.on{background-size: 3px 15px; background-position: 8px bottom;}
}
@media (max-width: 424px) {
.ml-flash{height: 200px;}
.ml-imgbox1 li{height: 109px;}
}
@media (max-width: 374px) {
.ml-flash{height: 170px;}
.ml-imgbox1{ padding-bottom: 5px;}
.ml-imgbox1 li{height: auto; width: 100%; margin-bottom: 10px;}
.ml-imgbox2{height: 130px;}
.ml-flashNum2{width: 100px;}
.ml-flashNum2 ul{padding-top: 10px; height:120px }
.ml-flashNum2 li{height: 29px;}
.ml-flashNum2 li.on{background-size: 2px 11px;}
}