@charset "utf-8";
/* CSS Document */
.p20{padding: 20px;}
.ml19{margin-left: 19px;}
.bgfff{background: #fff;}
.zj-part1box{ height: 430px; background: url("../images_new/zj_part1bg.jpg") 0 0 no-repeat #fff; position: relative;}
.zj-logo{ width: 165px; padding: 37px 0 0 51px; position: absolute; left: 0; top: 0;}
.zj-logo img{width: 130px;}
.zj-infoBox{padding: 18px 21px 0 216px;}
.zj-infoBox .info{ font-size: 14px; text-align: justify; line-height: 38px; text-indent: 2em; height: 266px; overflow: hidden;}
.zj-infoBox .info a{display: none;}
.zj-infoBox .link li{float: left; width: 310px; padding: 12px 0 0 15px;}
.zj-infoBox .link li a{display: block; padding: 29px 0; height: 42px; background: rgba(255, 255, 255, 0.4); *background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); font-size: 0; line-height: 0; text-align: center;}
.zj-infoBox .link li a img,.zj-infoBox .link li a span{display: inline-block; vertical-align: middle; height: 42px; cursor: pointer;}
.zj-infoBox .link li a img{width: auto;}
.zj-infoBox .link li a span{ padding-left: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 22px; line-height: 42px; max-width: 222px; *width: 222px;}
.zj-infoBox .link li.num1{padding-left: 0;}
.zj-infoBox .link li a:hover{background: #fff;}
.zj-infoBox .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);}
/*概况信息 end*/
.zj-tel{height: 34px; font-size: 0; line-height: 0; background: url("../images_new/zj_titbg.gif") left 13px repeat-x; padding: 0 0 0 30px;}
.zj-tel a{display: inline-block; padding: 0 8px 0 5px; background: #fff; line-height: 34px; color: #1d6dcf; font-size: 24px; font-weight: bold;}
.zj-tel a img{vertical-align: top; *vertical-align: middle; height: 34px; width: auto; padding-right: 6px;}
.zj-listBox,.zj-video{ width: 570px; height: 336px;}
.zj-listBox .com-lists{margin-top: 15px;}
.zj-listBox .com-lists li{ padding-left: 13px; padding-right: 50px; line-height: 36px; height:36px; font-size: 15px; color: #999; background: url("../images_new/icon.png") left center no-repeat; position: relative;}
.zj-listBox .com-lists li a{max-width: 470px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zj-listBox .com-lists li .date{white-space: nowrap; font-size: 14px; position: absolute; top: 0; right: 0;}
/*信息列表 end*/
.zj-video-img{ text-align: center; height: 230px; padding: 25px 0 0;}
.zj-video-img li a{overflow: hidden; margin: 0 auto; display: block; text-align: center; height: 100%; position: relative;}
.zj-video-img li img{max-width: 100%; transition: 0.4s all;}
.zj-video-img li span{display: block; cursor: pointer; overflow: hidden; text-indent: -100em; font-size: 0; background: center center no-repeat; background-image: url("../images_new/zj_video.png") !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.zj-video-img li a:hover img{transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);}
/*视频 end*/
.zj-tushuo .zj-tel{ padding-left: 0; text-align: center;}
.zj-tushuo .zj-tel a{padding: 0 12px;}
.zj-tushuo .zj-tel a img{padding-right: 13px;}
.zj-tushuo ul{ margin-top: 27px; position: relative; height: 310px;}
.zj-tushuo li{ position: absolute;}
.zj-tushuo li a{display: block; width: 100%; height: 100%; position: relative; overflow: hidden; color: #fff;}
.zj-tushuo li a img,.zj-tushuo li a span{ cursor: pointer;}
.zj-tushuo li a img{transition: 0.4s all; width: 100%;}
.zj-tushuo li a span{ height: 40px; display: block; line-height: 40px; text-align: center; background: repeat; background-image: url("../images_new/black50.png") !important; font-size: 18px; position: absolute; bottom: 0; left: 0; right: 0; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zj-tushuo li a:hover{color: #fff;}
.zj-tushuo li a:hover img{transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);}
.zj-tushuo li.num1{left: 0; top: 0; width: 449px; height: 310px;}
.zj-tushuo li.num2{left: 459px; top: 0; width: 236px; height: 150px;}
.zj-tushuo li.num3{right: 0; top: 0; width: 455px; height: 150px;}
.zj-tushuo li.num4{left: 459px; bottom: 0; width: 236px; height: 150px;}
.zj-tushuo li.num5{left: 705px; bottom: 0; width: 223px; height: 150px;}
.zj-tushuo li.num6{right: 0; bottom: 0; width: 222px; height: 150px;}
@media (max-width: 1199px) and (min-width: 992px){
.zj-logo{padding-left: 30px;}
.zj-infoBox{ padding-left: 190px;}
.zj-infoBox .info{ line-height: 30px;}
.zj-infoBox .link li{width: 250px;}
.zj-listBox, .zj-video{width: 466px;}
.zj-listBox .com-lists li a{max-width: 370px;}
.zj-tushuo ul{ height: 254px;}
.zj-tushuo li.num1{width: 368px; height: 254px;}
.zj-tushuo li.num2{left: 377px; top: 0; width: 195px; height: 123px;}
.zj-tushuo li.num3{right: 0; top: 0; width: 373px; height: 123px;}
.zj-tushuo li.num4{left: 377px; bottom: 0; width: 194px; height: 123px;}
.zj-tushuo li.num5{left: 579px; bottom: 0; width: 183px; height: 123px;}
.zj-tushuo li.num6{right: 0; bottom: 0; width: 182px; height: 123px;}
    .zj-infoBox .link li a span{max-width: 177px; *width: 177px; padding-left: 10px;}
}
@media (max-width: 991px){
.zj-infoBox{padding-left: 0;}
.zj-logo{ padding: 20px 0 0 25px; width: auto;}
.zj-logo img{width: 95px;}
.zj-infoBox .info{padding-left: 138px;}
.zj-infoBox .link{padding: 0 0 0 20px;}
.zj-infoBox .link li{ width: 232px;}
.zj-infoBox .link li a span{padding-left: 10px;max-width: 170px; *width: 170px; }
.zj-listBox, .zj-video{width: auto; float: none; height: 317px;}
.ml19{margin-left: 0;}
.zj-listBox .com-lists li a{ max-width: none; display: block; float: none; margin-right:0;}
}
@media (max-width: 991px) and (min-width: 768px){
.zj-tushuo ul{ height: 194px;}
.zj-tushuo li.num1{width: 282px; height: 194px;}
.zj-tushuo li.num2{left: 288px; top: 0; width: 148px; height: 94px;}
.zj-tushuo li.num3{right: 0; top: 0; width: 286px; height: 94px;}
.zj-tushuo li.num4{left: 288px; bottom: 0; width: 148px; height: 94px;}
.zj-tushuo li.num5{left: 442px; bottom: 0; width: 140px; height: 94px;}
.zj-tushuo li.num6{right: 0; bottom: 0; width: 140px; height: 94px;}
}
@media (max-width: 768px){
.zj-infoBox{padding: 15px 10px 10px 0;}
.zj-logo{ padding: 20px 0 0 10px;}
.zj-logo img{width: 70px;}
.zj-part1box{height: auto;}
.zj-infoBox .info{padding-left: 90px; padding-right: 5px; line-height:2; height: auto; min-height: 200px;}
.zj-infoBox .link{padding: 0 0 0 10px;}
.zj-infoBox .link li{width: 33.3%; padding-left: 0;}
.zj-infoBox .link li a{margin: 0 5px; padding: 15px 10px;}
    .zj-infoBox .link li a img{display: none;}
.zj-infoBox .link li a span{font-size: 16px; padding-left:0; max-width: 100%;}
.p20{padding: 10px;}
.zj-listBox .com-lists{margin-top: 3px;}
.zj-listBox, .zj-video{height: 295px;}
.zj-video-img{padding-top: 15px;}
.zj-tushuo ul{ height: auto; margin-top: 15px;}
.zj-tushuo li{position: static; padding-bottom: 10px; height: 110px !important;float: left;}
.zj-tushuo li a{margin: 0 5px; width: auto;}
.zj-tushuo li img{ height: 100%;}
.zj-tushuo li.num1{width: 100%;height: auto !important;}
.zj-tushuo li.num1 img{height: auto;}
.zj-tushuo li.num2,.zj-tushuo li.num4{width: 32%;}
.zj-tushuo li.num3{width: 68%;}
.zj-tushuo li.num5,.zj-tushuo li.num6{width: 34%;}
.zj-tushuo li.num4,.zj-tushuo li.num5,.zj-tushuo li.num6{ padding-bottom: 5px;}
}
@media (max-width: 480px){
.zj-logo img{width: 50px;}
.zj-infoBox .info{padding-left: 70px;}
.zj-tushuo li a span{font-size: 14px; height: 30px; line-height: 30px; padding: 0 5px;}
.zj-tushuo li{height: 90px !important;}
.zj-tushuo li.num1{height: auto !important;}
.zj-infoBox .link li a{padding: 5px;}
.zj-infoBox .link li a span{font-size: 16px; padding-left: 0;}
.zj-infoBox .link li a img{display: none;}
}
@media (max-width: 320px){
.zj-tushuo li{height: 70px !important;}
.zj-tushuo li.num1{height: auto !important;}
}