@charset "utf-8";
/* CSS Document */
.img_title{display: none;}
.bg-blue{background: #f8fbff;}
.none{display: none;}
.none.active{display: block !important;}
.hide.active{display: block !important;}
@media (min-width: 1400px){
.ls-zdjs-container .container {width: 1400px;}
}
/*头部*/
.ls-zdjs-head{ height: 420px; background: center 0 no-repeat; background-image:  url("../images-lwlb/zdjs_banbg.jpg");}
.ls-logo{ padding: 20px 0 0 0; line-height: 0; font-size: 0;}
.ls-logo ul,.ls-logo li{display: inline}
.ls-unit-name{ padding: 1px 0 0 7px;}
.zt-right{ line-height: 0; font-size: 0; text-align: right;}
.zt-right li{ display: inline;}
.zt-right li a{ display: inline-block; padding: 0 19px; border-radius: 0 0 10px 10px; background: rgba(255, 255, 255, 0.1); line-height: 2.5; font-size: 14px; color: #fff; margin-left: 10px; transition: 0.4s all; padding-bottom: 2px;}
.zt-right li a:hover{ background: rgba(255, 255, 255, 0.38);}
.ls-zdjs-banner{ text-align: center; padding: 5px 0 0;}
.ls-zdjs-banner a{display: inline-block;}
.ls-zdjs-banner img{max-width: 100%; height: auto;}

.ls-zdjs-container{ padding: 29px 0 26px;}
/*导语*/
.ls-zdjs-dybg{ background: 0 0 no-repeat; background-image: url("../images-lwlb/zdjs_daoyu.png") !important;}
.ls-zdjs-dybg .dy-title{display: none;}
.ls-zdjs-dybg .dy-con{padding: 50px 29px 25px 148px; text-align: justify; font-size: 16px; line-height: 2.25; text-indent: 2em;}
.wza-on .ls-zdjs-dybg .dy-con .wza-ins{color: #333 !important;}
/*标题*/
.ls-zdjs-title{ margin-top: 30px; background: center center no-repeat; background-image: url("../images-lwlb/zdjs_title.png") !important; height: 62px; line-height: 62px; text-align: center; color: #1D67BA; font-size: 40px; font-weight: bold;}
/*项目流程*/
.ls-zdjs-lmtabs{ margin-top: 22px;}
.ls-zdjs-lmtabs li{float: left; margin-left: 19px; width: 158px;}
.ls-zdjs-lmtabs li.num1{margin-left:0 !important;}
.ls-zdjs-lmtabs li a{display: block; background: #f5f9fc; border: 1px solid #D9EFFF; border-radius: 5px; padding:16px 5px 18px; text-align: center; line-height: 0; font-size: 0; transition: 0.4s all; position: relative;}
.ls-zdjs-lmtabs li span{display: block; vertical-align: middle;}
.ls-zdjs-lmtabs li .ico{height: 64px; width: 64px; margin: 0 auto; background: url("../images-lwlb/zdjs_ico.png") 0 -64px;}
.ls-zdjs-lmtabs li .title{ padding: 8px 0 0; height: 28px; line-height: 28px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ls-zdjs-lmtabs li.active a{color: #fff; background: #9f98fc; border-color: #9f98fc;}
.ls-zdjs-lmtabs li.active .ico{background-position: 0 0;}
.ls-zdjs-lmtabs li.active a:before{width: 18px; height: 10px; bottom: -21px; display: block; content: ""; background: url("../images-lwlb/zdjs_arrow.png") 0 0 no-repeat; position: absolute; left: 50%; margin-left: -9px;}
.ls-zdjs-lmtabs li.num2 .ico{background-position: 0 -192px;}
.ls-zdjs-lmtabs li.num2.active .ico{background-position: 0 -128px;}
.ls-zdjs-lmtabs li.num2.active a{ background: #F4C24E; border-color: #F4C24E;}
.ls-zdjs-lmtabs li.num2.active a:before{ background-position: 0 -10px;}
.ls-zdjs-lmtabs li.num3 .ico{background-position: 0 -320px;}
.ls-zdjs-lmtabs li.num3.active .ico{background-position: 0 -256px;}
.ls-zdjs-lmtabs li.num3.active a{ background: #50B6F0; border-color: #50B6F0;}
.ls-zdjs-lmtabs li.num3.active a:before{ background-position: 0 -20px;}
.ls-zdjs-lmtabs li.num4 .ico{background-position: 0 -448px;}
.ls-zdjs-lmtabs li.num4.active .ico{background-position: 0 -384px;}
.ls-zdjs-lmtabs li.num4.active a{ background: #EE6758; border-color: #EE6758;}
.ls-zdjs-lmtabs li.num4.active a:before{ background-position: 0 -30px;}
.ls-zdjs-lmtabs li.num5 .ico{background-position: 0 -576px;}
.ls-zdjs-lmtabs li.num5.active .ico{background-position: 0 -512px;}
.ls-zdjs-lmtabs li.num5.active a{ background: #5BD4A8; border-color: #5BD4A8;}
.ls-zdjs-lmtabs li.num5.active a:before{ background-position: 0 -40px;}
.ls-zdjs-lmtabs li.num6 .ico{background-position: 0 -704px;}
.ls-zdjs-lmtabs li.num6.active .ico{background-position: 0 -640px;}
.ls-zdjs-lmtabs li.num6.active a{ background: #FBCC61; border-color: #FBCC61;}
.ls-zdjs-lmtabs li.num6.active a:before{ background-position: 0 -50px;}
.ls-zdjs-lmtabs li.num7 .ico{background-position: 0 -832px;}
.ls-zdjs-lmtabs li.num7.active .ico{background-position: 0 -768px;}
.ls-zdjs-lmtabs li.num7.active a{ background: #928DF7; border-color: #928DF7;}
.ls-zdjs-lmtabs li.num7.active a:before{ background-position: 0 -60px;}
.ls-zdjs-lmtabs li.num8 .ico{background-position: 0 -960px;}
.ls-zdjs-lmtabs li.num8.active .ico{background-position: 0 -896px;}
.ls-zdjs-lmtabs li.num8.active a{ background: #60D7E3; border-color: #60D7E3;}
.ls-zdjs-lmtabs li.num8.active a:before{ background-position: 0 -70px;}
.ls-gklist{ margin-top: 19px;}
.ls-gklist .hide{ border: 1px #9f98fc solid; padding: 10px 30px 30px; height: 280px;}
.ls-gklist #atab2.hide{border-color: #F4C24E;}
.ls-gklist #atab3.hide{border-color: #50B6F0;}
.ls-gklist #atab4.hide{border-color: #EE6758;}
.ls-gklist #atab5.hide{border-color: #5BD4A8;}
.ls-gklist #atab6.hide{border-color: #FBCC61;}
.ls-gklist #atab7.hide{border-color: #928DF7;}
.ls-gklist #atab8.hide{border-color: #60D7E3;}
.ls-gklist li{float: left; width: 574px; height: 55px; line-height: 51px; background-size: 6px 6px; background-position: 0 24px; border-bottom: 1px #d8d8d8 dashed;}
.ls-gklist li.even{float: right;}
/*项目库*/
.ls-zdjs-tabs{ padding: 21px 0 0; background:url(/_res/images/line_de.gif) 0 bottom repeat-x;}
.ls-zdjs-tabs li{float: left;}
.ls-zdjs-tabs li a{display: block; padding: 0 35px; font-size: 24px; line-height: 1.85;}
.ls-zdjs-tabs li.active a{ color: #fff; background: #1d67ba; border-radius: 5px 5px 0 0;}
.ls-zdjs-klist .picture-list ul{ max-height: 1404px; overflow: hidden;}
.ls-zdjs-klist .picture-list ul.active,.wza-on .ls-zdjs-klist .picture-list ul{ max-height: none;}

.zdxm-libox{ border-bottom: 1px #d8d8d8 dashed; padding: 30px 0;}
.zdxm-list{float: none;}
.zdxm-img{ width: 400px; height: 225px; float: left;}
.zdxm-img a{display: block; height: 100%;}
.zdxm-img img{width:100%; height: 100%;}
.zdxm-hotinfo{ margin-left: 400px; padding: 0 30px; height: 225px; background: #f7f7f7; overflow: hidden;}
.zdxm-hotinfo .img_title{ display: block; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.8; margin-bottom: 3px; font-size: 20px; margin-top: 20px;}
.zdxm-hotinfo p{ line-height: 36px; font-size: 16px; text-indent: 2em; text-align: justify;}
.zdxm-hotinfo p a{white-space: nowrap;}
.zdxm-btn{float: none;}
.zdxm-btn li{float: left; width: 158px; padding: 19px 0 0 19px;}
.zdxm-btn li.num1{padding-left: 0;}
.zdxm-btn li a{display: block; text-align: center; background: #F1F7FF; border: 1px solid #DDEDFF; height: 44px; line-height: 44px; font-size: 16px; border-radius: 5px; transition: 0.4s all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px;}
.zdxm-btn li a:hover{color: #fff; background: #1f68ba; border-color: #1f68ba;}
.ls-zdjs-more{ text-align: center; margin: 30px 0 0;}
.ls-zdjs-more span{font-size: 18px; color: #999; cursor: pointer; display: inline-block; padding: 0 59px 0 36px; height: 38px; line-height: 38px; border: 1px #cecece solid; border-radius: 5px; transition: 0.4s all; position: relative;}
.ls-zdjs-more i{display: inline-block; width: 24px; height: 16px; background: url("../images-lwlb/zdjs_more.png") right -16px no-repeat; transition: 0.4s all; position: absolute; top: 12px; right: 36px;}
.ls-zdjs-more span:hover{ border-color: #1f68ba; color: #1f68ba; font-weight: bold;}
.ls-zdjs-more span:hover i{background-position: right 0;}
@media (min-width: 1200px) and (max-width: 1399px){
.ls-zdjs-leader{width: 472px;}
.ls-zdjs-lmtabs li{ margin-left: 16px; width: 136px;}
.ls-gklist li{width: 480px;}
.zdxm-hotinfo .img_title{margin-top: 15px;}
.zdxm-hotinfo p{line-height: 32px;}
.zdxm-btn li{width: 134px; padding-left: 18px;}
}
@media (max-width: 1199px){
.ls-zdjs-leader{ float: none; width: auto; height: auto;}
.ls-zdjs-dybg .dy-con{ padding: 50px 19px 25px 118px;}
.ls-zdjs-lmtabs li{width: 240px; margin-left: 10px; margin-bottom: 10px;}
.ls-zdjs-lmtabs li.num5{ margin-left: 0;}
.ls-gklist{margin-top: 9px;}
.ls-gklist li{width: 378px;}
.ls-zdjs-klist .picture-list ul{max-height: none;}
.zdxm-img{float: none; margin: 0 auto;}
.zdxm-hotinfo{margin:20px 0 0; height: auto; padding: 0 20px 15px;}
.zdxm-hotinfo .img_title{ margin-top: 10px;}
.zdxm-hotinfo p{line-height: 30px;}
.zdxm-btn li{width: 115px; padding: 10px 0 0 10px;}
.ls-zdjs-more{display: none;}
}
@media (max-width: 991px){
.ls-zdjs-head{height: auto; padding-bottom: 40px;background-size: auto 100%;}
.ls-zdjs-banner{padding-top: 20px;}
.ls-zdjs-container{padding: 20px 0;}
.ls-zdjs-title{margin-top: 20px;}
.ls-zdjs-dybg{ background: #f3f3f3 !important; padding:15px;}
.ls-zdjs-dybg .dy-title{ display:block; padding: 0 0 0 20px; font-size: 30px; letter-spacing: 3px; font-weight: bold; color: #e13a3d;}
.ls-zdjs-dybg .dy-con{ padding: 10px 0 0;}
.ls-zdjs-lmtabs li{width: 184px;}
.ls-gklist .hide{height: auto; padding: 10px 15px 15px;}
.ls-gklist li{width: auto; float: none !important;}
.zdxm-libox{padding: 15px 0;}
.zdxm-btn li{ width: 25%; padding: 10px 0 0;}
.zdxm-btn li a{ margin: 0 5px;}
}
@media (max-width: 767px){
.ls-logo{padding: 5px 0 0 5px;}
.zt-right li a{padding: 0 10px;}
.ls-zdjs-banner img{max-width: 96%;}
.ls-zdjs-container{padding: 10px;}
.ls-zdjs-title{margin-top: 10px;}
.ls-zdjs-dybg{ padding: 10px;}
.ls-zdjs-dybg .dy-con{font-size: 15px; line-height: 1.6;}
.ls-zdjs-lmtabs li{margin-left: 0; width: 33.3%;}
.ls-zdjs-lmtabs li a{margin: 0 5px; padding: 10px 5px;}
.ls-zdjs-lmtabs li .ico{display: none;}
.ls-zdjs-lmtabs li .title{padding-top: 0;}
.ls-zdjs-tabs li a{padding: 0 15px;}
.ls-gklist .hide{padding: 5px 10px 10px;}
.ls-gklist li{line-height: 44px; height: 44px; padding-right: 50px; background-size: auto; background-position: 0 center;}
.zdxm-hotinfo{ padding: 0 10px 5px; margin-top: 10px;}
.zdxm-btn li{ width: 33.3%;}
.zdxm-img{max-width: 100%; height: auto;}
}
@media (max-width: 424px){
.zdxm-btn li,.ls-zdjs-lmtabs li{ width: 50%;}
}
/*重大项目建设栏目页样式*/
.navdh_gmjs{ margin: 30px 0 5px;background: url("../images/zdjs_linebg.png") 0 9px repeat-x; overflow: hidden;}
.navdh_gmjs ul li{ float: left;background:center top no-repeat; background-image: url("../images/zdjs_dot.png")  !important; width: 146px; text-align: center;}
.navdh_gmjs ul li a{font-size: 16px; display: block;line-height: 40px;padding-top: 18px;}
.navdh_gmjs ul li.active a,.navdh_gmjs ul li a:hover{ background: center top no-repeat; background-image: url("../images-lwlb/zdjs_dothover.png") !important; font-weight: bold; color: #1f68ba;}
.navjz_gmjs ul li a{max-width: 609px;}
.gmjs_title{ background: #f6f6f6; line-height: 40px; padding: 10px; text-align: center; font-size: 24px; margin-bottom: 26px;}
.gmjs_content{ font-size: 16px; line-height: 40px;}
.gmjs_content p{ text-indent: 2em;}
.gmjs_content img{ margin-bottom: 20px; width: 100%; height: auto;}
.gmjs_contain{ padding: 0 46px 30px;}
.ls-zdjs-listbox .listnews{ min-height: 400px;}
.ls-zdjs-listbox .listnews ul.doc_list li a{max-width: 1140px;}
@media (min-width: 1200px) and (max-width: 1419px){
.navdh_gmjs ul li{width: 135px;}
.ls-zdjs-listbox .listnews ul.doc_list li a{max-width: 940px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.navdh_gmjs ul li{ width: 113px;}
.ls-zdjs-listbox .listnews ul.doc_list li a{max-width: 740px;}
}
@media (max-width: 991px) {
.navdh_gmjs ul li{ width: 89px;}
.navdh_gmjs ul li a{ line-height: 1.5; padding: 25px 0 10px;}
.ls-zdjs-listbox .listnews ul.doc_list li a{max-width: none;}
.gmjs_contain{ padding: 0 0 0;}
}
@media (max-width:767px) {
.dqlanmu{ overflow: hidden;}
.navdh_gmjs{ background: none;}
.navdh_gmjs ul li{ width: 25%;}
}
@media (max-width:410px) {
.navdh_gmjs ul li{ width:50%;}
}