@charset "utf-8";

.w1600 { width: 1600px; margin: 0 auto;}
.zt-zstp-warp .banner_box { height: 490px; padding-top: 130px; background: #2882D6 url(/images/zt_zstp_bg_1.jpg) no-repeat center 0;}
.zt-zstp-warp .zstp_main { padding-bottom: 50px; background: #2882D6 url(/images/zt_zstp_bg_2.jpg) no-repeat center 0; background-size: 1920px 100%;} 
.zt-zstp-warp .zstp_tag_list .bigTag { margin-left: -10px;}
.zt-zstp-warp .zstp_tag_list .bigTag li { display: inline-block; width: 188px; height: 80px; padding: 9px 0 0 9px; background: url(/images/zt_zstp_bg_3.png) no-repeat;}
.zt-zstp-warp .zstp_tag_list .bigTag li a { display: block; width: 172px; height: 56px; text-align: center; line-height: 56px; font-size: 28px; color: #2f65b6; font-weight: 700;}
.zt-zstp-warp .zstp_tag_list .bigTag li.on { background-position-y: -84px;}
.zt-zstp-warp .zstp_tag_list .bigTag li.on a { color: #fff;}
.zt-zstp-warp .search_box { width: 470px; height: 56px; margin-top: 9px; padding-right: 75px; border:1px solid #fff; background: rgba(255, 255, 255, .16); border-radius: 28px; position: relative; z-index: 3;}
.zt-zstp-warp .search_box .txt { width: 100%; height: 100%; padding: 0 20px; font-size: 18px; background: none; border: none; color: #fff; }
.zt-zstp-warp .search_box .txt::placeholder{color:#fff; color: rgba(255, 255, 255, .8); font-size: 16px;} 
.zt-zstp-warp .search_box .submitBtn { display: block; position: absolute; right: 3px; top: 3px; bottom: 3px; width: 68px; background: #fff url(/images/zt_zstp_icon_1.png) no-repeat center; border-radius: 40px;}
.zt-zstp-warp .search_box .s_tag_lists { display: none; position: absolute;left: 24px; right: 24px; top: 55px; background: #fff; border: 1px solid #C7D5E9; border-top: 0; z-index: 2;}
.zt-zstp-warp .search_box .s_tag_lists ul { max-height: 200px;overflow: hidden;overflow-y: auto;}
.zt-zstp-warp .search_box .s_tag_lists ul li a { display: block; padding: 10px; border-bottom: 1px solid #eee; font-size: 14px; color: #666;}
.zt-zstp-warp .search_box .s_tag_lists ul li a:hover { background: #fbfbfb;}
.zt-zstp-warp .search_box .s_tag_lists p { padding: 40px; color: #888; text-align: center;}
.zt-zstp-warp .search_box .s_tag_lists ul::-webkit-scrollbar { position: absolute; width: 6px; height: 6px; background: rgba(0,0,0,0.1);border-radius: 3px;}  
.zt-zstp-warp .search_box .s_tag_lists ul::-webkit-scrollbar-track { border-radius: 3px; background-color: rgba(0,0,0,0.1);}   
.zt-zstp-warp .search_box .s_tag_lists ul::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #666;}


.zt-zstp-warp .tp_box { padding: 35px; background: #fff; box-shadow: 0 0 18px rgba(6, 87, 150, .48); border-radius: 10px; overflow: hidden;position: relative;}
.zt-zstp-warp .tp_box .cycle_list { position: relative; z-index: 2;}
.zt-zstp-warp .tp_box .cycle_list ul { text-align: center;}
.zt-zstp-warp .tp_box .cycle_list ul li { display: inline-block; width: 14%; padding: 0 15px}
.zt-zstp-warp .tp_box .cycle_list ul li a { display: block; height: 56px; line-height: 56px; background: #E8EFF7; border-radius: 4px; font-size: 22px; color: #2e63b2;}
.zt-zstp-warp .tp_box .cycle_list ul li a.on { background: #2F65B6; color: #fff;}
.zt-zstp-warp .tp_box .cycle_list ul li a img { margin-right: 10px;}
.zt-zstp-warp .tp_box .cycle_list ul li a img:nth-child(2) { display: none;}
.zt-zstp-warp .tp_box .cycle_list ul li a.on img:nth-child(1) { display: none;}
.zt-zstp-warp .tp_box .cycle_list ul li a.on img:nth-child(2) { display: inline;}

.zt-zstp-warp .vis_map { height: 800px; position: relative;}
.zt-zstp-warp .vis_map .infoLists { width: 420px; padding-top: 50px; position: absolute; top: 40px; right: 30px; bottom: 20px; border: 5px solid #ACCBEF; background: #D4E8FC; border-radius: 15px;right: -460px; transition: .3s;}
.zt-zstp-warp .vis_map .infoLists.on {right: 0;}
.zt-zstp-warp .vis_map .infoLists .closeInfo { display: none; padding: 10px; position: absolute; top: -12px; right: -8px; font-size: 50px; line-height: 40px; color: #004a9e; z-index: 2; }
.zt-zstp-warp .vis_map .infoLists h3 { height: 52px; text-align: center; position: absolute; top: -22px; left: 0; right: 0;}
.zt-zstp-warp .vis_map .infoLists h3 span { display: inline-block; min-width: 200px; height: 50px; background: #2F65B6; line-height: 46px; color: #fff; font-size: 24px; position: relative; }
.zt-zstp-warp .vis_map .infoLists h3 span::after,.zt-zstp-warp .vis_map .infoLists h3 span::before { position: absolute; top: 0; content: ''; display: block; width: 46px; height: 51px; background: url(/images/zt_zstp_tit_bg_1.png) no-repeat;}
.zt-zstp-warp .vis_map .infoLists h3 span::after { right: -46px; background-position-y: -51px;}
.zt-zstp-warp .vis_map .infoLists h3 span::before { left: -46px;}

.zt-zstp-warp .vis_map .infoLists ul { position: absolute; top: 60px; bottom: 20px;left: 5px;right: 5px; padding: 0 11px 0 10px; overflow: hidden; overflow-y: auto; box-sizing: border-box;}
.zt-zstp-warp .vis_map .infoLists ul li {margin-bottom: 10px; font-size: 16px; line-height: 28px;}
.zt-zstp-warp .vis_map .infoLists ul li a { display: block; padding: 10px; color: #2d486b; background: #fff; }
.zt-zstp-warp .vis_map .infoLists ul li a:hover{ color: #337ab7}
.zt-zstp-warp .vis_map .infoLists ul li a em { display: block;}
.zt-zstp-warp .vis_map .infoLists ul li i { float: left; margin: 12px 5px 0 10px; padding: 0 5px; font-size: 14px; background: #DDF0DD; color: #57b657; cursor: pointer; border-radius: 5px;line-height: 24px;}
.zt-zstp-warp .vis_map .infoLists ul li i.ts1 { background: #cbf1fe; color: #22adf0;}
.zt-zstp-warp .vis_map .infoLists ul li i.ts2 { background: #e7e9f5; color: #5a60c5;}
.zt-zstp-warp .vis_map .infoLists ul li i.ts3 { background: #d6f8ad; color: #7cad45;}
.zt-zstp-warp .vis_map .infoLists ul li i.ts4 { background: #fcf3cc; color: #b5a353;}
.zt-zstp-warp .vis_map .infoLists ul li i.ts5 { background: #ffe7e7; color: #ff5c5a;}
.zt-zstp-warp .vis_map .infoLists ul li i.ts6 { background: #dbf6e9; color: #12c56a;}
.zt-zstp-warp .vis_map .infoLists ul li i.ts7 { background: #ddeefb; color: #188ae2;}
.zt-zstp-warp .vis_map .infoLists ul li i.ts8 { background: #fdeedb; color: #fb9d52;}
.zt-zstp-warp .vis_map .infoLists ul li i:hover { opacity: .8;}
.zt-zstp-warp .vis_map .infoLists ul li:last-child a { margin-bottom: 0;}
.zt-zstp-warp .vis_map .infoLists ul::-webkit-scrollbar { position: absolute; width: 6px; height: 6px;}  
.zt-zstp-warp .vis_map .infoLists ul::-webkit-scrollbar-track { border-radius: 3px; background-color: rgba(0,0,0,.1);}   
.zt-zstp-warp .vis_map .infoLists ul::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgba(0,0,0,.6);}

.zt-zstp-warp .vis_map .infoLists .ps,.zt-zstp-warp .vis_map .infoLists .arr_t { position: absolute; top: 34px; left: 0; right: 0; text-align: center; line-height: 22px; font-size: 14px;color: #777;}
.zt-zstp-warp .vis_map .infoLists .arr_ps { display: none; bottom: 10px; top: auto;}
.zt-zstp-warp .vis_map .infoLists .ps em {display: inline-block;background: #fff;margin: 0 5px; padding: 0 10px; border-radius: 5px; color: #b5a353;}

.zt-zstp-warp .vis_map .infoLists .arr_t,.zt-zstp-warp .vis_map .infoLists .arr_Info { display: none;}
.zt-zstp-warp .vis_map .infoLists .arr_t { top: 38px; padding: 0 20px; text-align: left; line-height: 24px; z-index: 3;}
.zt-zstp-warp .vis_map .infoLists .arr_t em { display: inline-block; margin: 0 5px; padding: 0 10px; border-radius: 5px; font-size: 14px; background-color: #fff;}
.zt-zstp-warp .vis_map .infoLists .arr_t a { float: right; padding: 0 10px; border: 1px solid #2f588f; border-radius: 5px; background: #2f588f; color: #fff;}

.zt-zstp-warp .vis_map .infoLists.showType .all_ps, .zt-zstp-warp .vis_map .infoLists.showType .all_info { display: none;}
.zt-zstp-warp .vis_map .infoLists.showType .arr_ps,.zt-zstp-warp .vis_map .infoLists.showType .arr_t,.zt-zstp-warp .vis_map .infoLists.showType .arr_Info { display: block;}
.zt-zstp-warp .vis_map .infoLists.showType .arr_Info { top: 70px; bottom: 40px;}
 
.vismapBox, .graph-panel { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.graph-panel.ts1 { transform: translateX(-200px); }
/* .graph-panel { top: -50px;} */

/* 暂无内容 start */
.message_tol { max-width: 300px; position: absolute; top: 50%; left: 50%; padding: 10px 15px; font-size: 16px; background: rgba(0,0,0,0.6); color: #fff; border-radius: 5px; transform: translate(-50%,-50%);}

/* 加载更多 start */
.wave_loading { position: absolute; left: 0; right: 0; top: 0; bottom: 0;background: rgba(0,0,0,.1); z-index: 99;}
.wave{width: 96px;height: 64px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.wave .rect{background-color: #cdcdcd;height: 100%;width: 8px;display: inline-block; margin: 0 3px; animation: wave-rect 1.2s infinite ease-in-out;}
.wave .rect-1{animation-delay: 0s;}
.wave .rect-2{animation-delay: -1s;}
.wave .rect-3{animation-delay: -0.9s;}
.wave .rect-4{animation-delay: -0.8s;}
.wave .rect-5{animation-delay: -0.7s;}
@keyframes wave-rect{
	0%{
		transform: scaleY(.4);
	}
	20%{
		transform: scaleY(1);
	}
	40%{
		transform: scaleY(.4);
	}
	100%{
		transform: scaleY(.4);
	}
}

@media screen and (min-width: 1200px) and (max-width: 1700px) {
    .w1600 { width: 86%;}
	.zt-zstp-warp .tp_box .cycle_list ul li { padding: 0 2px;}
	.zt-zstp-warp .tp_box .cycle_list .enterprise ul li a img { margin-right: 2px;}
	
}
@media screen and (max-width: 1380px) {
	.zt-zstp-warp .tp_box .cycle_list ul li { width: 13.8%;}
	.zt-zstp-warp .tp_box .cycle_list .enterprise ul li a { font-size: 20px;}
	
}
@media screen and (max-width: 1200px) {
    .w1600 { width: 96%;}
	.zt-zstp-warp .banner_box { height: 200px; padding-top: 80px; background-position-y: bottom;}
	.zt-zstp-warp .banner_box img { height: 60px;}
	.zt-zstp-warp .zstp_tag_list { padding-bottom: 15px;}
	.zt-zstp-warp .zstp_tag_list .bigTag { width: 100%; text-align: center;}
	.zt-zstp-warp .search_box { width: 60%; margin-right: 20%;}
	.zt-zstp-warp .vis_map .infoLists { width: 370px;}
	.zt-zstp-warp .vis_map .infoLists h3 span { font-size: 20px;}
	.zt-zstp-warp .vis_map .infoLists .closeInfo { display: block;} 
	.zt-zstp-warp .tp_box { padding: 15px;}
	.zt-zstp-warp .tp_box .cycle_list { position: relative; z-index: 2;}
	.zt-zstp-warp .tp_box .cycle_list ul li { float: left; width: 14.28%; padding: 0 4px;}
	.zt-zstp-warp .tp_box .cycle_list ul li a {height: 48px; line-height: 48px; font-size: 18px;}
	.zt-zstp-warp .tp_box .cycle_list ul li a img { display: none !important;}
	
}

@media screen and (max-width: 760px) {
	.zt-zstp-warp .banner_box { height: 100px; padding-top: 30px; background-position-y: bottom;}
	.zt-zstp-warp .banner_box img { height: 42px;}
	.zt-zstp-warp .zstp_tag_list .bigTag { margin-left: 0;}
	.zt-zstp-warp .zstp_tag_list .bigTag ul{ display: flex}
	.zt-zstp-warp .zstp_tag_list .bigTag li { display: block; width: 33.33%; height: 54px; padding: 5px; background: none }
	.zt-zstp-warp .zstp_tag_list .bigTag li a { width: 100%; height: 42px; line-height: 36px; font-size: 20px; border: 2px solid #CADCF7; background: #C5D9F5; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.2), inset 0 0 15px #5588cb;}
	.zt-zstp-warp .zstp_tag_list .bigTag li.on a { background: #C4D8F5; box-shadow: 0 0 10px rgba(0,0,0,.2), inset 0 0 55px #1d6cbb;}
	.zt-zstp-warp .search_box { width: 86%; height: 46px; margin-right: 7%;}
	.zt-zstp-warp .search_box .s_tag_lists {top: 45px; left: 16px; right: 16px;}
	.zt-zstp-warp .vis_map { height: 400px;}
	.zt-zstp-warp .vis_map .infoLists { width: 340px;}
	.zt-zstp-warp .vis_map .infoLists h3 span { font-size: 18px;}
	.zt-zstp-warp .vis_map .infoLists ul li a { font-size: 14px; line-height: 24px;}
	.zt-zstp-warp .vis_map .infoLists ul li i { margin-top: 10px;}
	.zt-zstp-warp .tp_box .cycle_list ul { white-space: nowrap; overflow-x: auto;}
	.zt-zstp-warp .tp_box .cycle_list ul li {width: auto; float: none; padding: 0 2px;}
	.zt-zstp-warp .tp_box .cycle_list ul li a { height: 42px; line-height: 42px; padding: 0 15px; font-size: 16px;}
}
@media screen and (max-width: 320px) {
	.zt-zstp-warp .banner_box { height: 70px; padding-top: 20px;}
	.zt-zstp-warp .banner_box img { height: 36px;}
	.zt-zstp-warp .zstp_tag_list .bigTag li a { font-size: 16px;}
	.zt-zstp-warp .search_box { width: 92%; margin-right: 4%;}
	.zt-zstp-warp .search_box .txt { font-size: 14px;}
	.zt-zstp-warp .search_box .txt::placeholder{ font-size: 13px;} 
	.zt-zstp-warp .vis_map .infoLists { width: 280px;}
	.zt-zstp-warp .vis_map .infoLists h3 span { height: 40px; padding: 0 15px; line-height: 40px; border-radius: 20px 20px 5px 5px;}
	.zt-zstp-warp .vis_map .infoLists h3 span::after, .zt-zstp-warp .vis_map .infoLists h3 span::before { display: none;}

	.zt-zstp-warp .vis_map .infoLists .ps, .zt-zstp-warp .vis_map .infoLists .arr_t { top: 28px;}
	.zt-zstp-warp .vis_map .infoLists ul { left: 0; right: 0; padding: 0 5px;}
	.zt-zstp-warp .vis_map .infoLists ul li { margin-bottom: 5px;}
	.zt-zstp-warp .vis_map .infoLists .arr_ps { top: auto;}
	.zt-zstp-warp .vis_map .infoLists .arr_t { padding: 0 5px; font-size: 12px;}
	.zt-zstp-warp .vis_map .infoLists .arr_t em { padding: 0 5px;}
	.zt-zstp-warp .vis_map .infoLists.showType .arr_Info { top: 60px;}
	.zt-zstp-warp .vis_map .infoLists .closeInfo {top: -60px;right: -28px;}
}