/*图表搜索*/ .chart_wrap1,.chart_wrap2,.chart_wrap3,.chart_wrap4,.chart_wrap5,.chart_wrap6,.chart_wrap7{transform: scale(.8);transform-origin: 50% 0;} .chart_menu {width:70%;margin:0 auto; text-align:center;} .chart_menu.prz{position: static;} .chart_menu a{display: inline-block;height:40px;line-height: 40px;border-radius: 40px;padding:0 35px;color: #fff;font-size:16px; background:#005eba;margin-right:19px;margin-bottom:20px; vertical-align: middle;} .chart_menu a.active{background:#16afef;} .chart_menu a img{vertical-align: -5px;} .chart_menu a.btn_chart{margin-right:0;width:24px; background:none;margin-bottom:0;padding:0 25px;} .chart_color{margin-top: 0px;} .chart_color span{ display: inline-block;margin:0 50px; } .chart_color span i{display: inline-block;width:15px;height:15px;margin-right:18px; vertical-align: -2px;} .chart_color span i.color1{background:#94d2f5;} .chart_color span i.color2{background:#d5e0fa;} .chart_color span i.color3{background:#ffebc0;} .chart_search{ position: absolute;right:0;top:0; z-index: 10;height:40px;line-height: 40px;border-radius: 40px; background:#0a2c7d url(../img/search3.png) no-repeat 50% 50%;} .chart_search a{transition: none;} .chart_search input{float:left; width:0;padding:10px 0;background:none;border:none;color: #fff;font-size:16px;} .chart_search_hover{width:200px;padding:0 0 0 20px; background-position:94% 50%;} .chart_search_hover input{width:85%;float:left;} .chart_search_hover a.btn_chart{padding:0;width:15%;} .chart_search_hover a.btn_chart img{display: none;} .result{background:yellow;color:red; display: inline!important;} .chart_wrap{overflow-x: auto;padding:20px 50px 130px 50px;} .chart_box{width:1282px;margin-left:auto;margin-right:auto;} /* 0303修改 */ .chart_wrap3{margin-bottom: -400px;} .chart_wrap2{margin-bottom: -100px;} .chart_wrap1{margin-bottom: -200px;} .chart_wrap4{margin-bottom: -200px;} .chart_wrap5{margin-bottom: -400px;} .chart_wrap6{margin-bottom: -300px;} .chart_wrap7{margin-bottom: -200px;} .chart_wrap1 .mt_80{margin-top: 80px!important;} .chart_wrap2 .mt_50{margin-top: 50px!important;} .chart_wrap3 .mt_80{margin-top: 80px!important;} .chart_wrap3 .mt_25{margin-top: 25px!important;} .chart_wrap3 .mt_50{margin-top: 50px!important;} .chart_wrap4 .mt_50{margin-top: 50px!important;} .chart_wrap5 .mt_80{margin-top: 80px!important;} .chart_wrap5 .mt_50{margin-top: 50px!important;} .chart_wrap7 .mt_50{margin-top: 50px!important;} .chart_wrap3 .ml_f_7{margin-left: 460px;} .chart_wrap3 .ml_f_8{margin-left: 582px} .chart_wrap3 .ml_f_3{margin-left: 90px;} .chart_wrap5 .ml_f_5{margin-left: 342px;} .chart_wrap1 .dashed{border:2px dashed #000;width: 180px;height: 730px;position: absolute;top: -25px;left: -25px;} .chart_wrap2 .dashed{border:2px dashed #000;width: 180px;height: 460px;position: absolute;top: -35px;left: -25px;} .chart_wrap7 .dashed{border:2px dashed #000;width: 220px;height: 410px;position: absolute;top: -15px;left: -15px;} .chart_wrap3 .dashed{border:2px dashed #000;width: 170px;height: 1120px;position: absolute;top: -15px;left: -22px;opacity: .6;} .chart_wrap5 .arr_left{width: 100px;left: -100px;} .chart_wrap5 .arr_left p{width: 100%;left: 0;} .chart_wrap5 .arr_right{width: 100px;right: -100px;} .chart_wrap5 .arr_right p{width: 100%;right: 0;} .ml_f_1{margin-left:684px;} .chart_box .ml_f_2{margin-left: 1140px;} .chart_wrap1 .chart_box1 .Lengthen{bottom: auto;top: 164px;height: 327px;} .chart_wrap1 .chart_box1 .Lengthen::after{content: '';width: 1px;height: 300px;background: #000;position: absolute;left:calc(50% - 1px);top: 0;} @media (max-width: 768px){ /* .ml_f_1{margin-left:641px;} .chart_wrap5 .ml_f_5{margin-left: 320px;} .chart_wrap1 .chart_box1 .Lengthen{bottom: auto;top: 125px;height: 286px;} .chart_wrap1 .chart_box1 .Lengthen::after{height: 237px;} .chart_wrap1 .dashed{height:600px;width: 160px;} .chart_wrap2 .dashed{height:330px;width: 160px;} .chart_wrap7 .dashed{width: 170px;height: 300px;} .chart_wrap3 .dashed{height: 900px;} .chart_wrap3 .ml_f_4{top: 28px;left: -71px;}*/ /* .chart_wrap3 .arr_right_line::after{height: 215px;} */ /* .chart_wrap3 .arr_right1.ml_f_6::after{height: 200px;} */ } .chart_block{display:inline-block;width:100px;height:150px;padding:12px 18px;background:#d5e0fa;border:1px solid #000; color: #131313; text-align:center; position: relative; vertical-align: middle;} .chart_txt{display:block;position: absolute;left:8px;right:8px;/*top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);*/top:6%;} .chart_txt h3{word-wrap: break-word; display:inline-block; word-break: break-all;} .chart_txt p span{display: block; word-wrap: break-word;font-size:14px;} .chart_txt p span span{display: inline;} .tj_bg{ background:#94d2f5; } .pt_bg{ background:#d5e0fa; } .ml_90{margin-left:86px;} .ml_100{margin-left:100px;} .ml_80{margin-left:84px;} .ml_120{margin-left:120px;} .ml_228{margin-left:228px;} .ml_230{margin-left:230px;} .ml_315{margin-left:315px;} .ml_408{margin-left:408px;} .ml_460{margin-left:457px;} .ml_582{margin-left:582px;} .mr_230{margin-right:230px;} .mt_10{margin-top:10px;} .mt_50{margin-top:50px;} .mt_80{margin-top:80px;} .mt_95{margin-top:95px;} .arr_up{width:14px;height:50px; background:url(/img/arr_up.png) no-repeat center top; position: absolute;top:-50px;left:50%;margin-left:-7px;} .arr_up p{width:110px; position: absolute;left:24px; top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); text-align:left; line-height: 1.4; } .arr_up p span{display: block;} .arr_up p.arr_up_right{left:auto;right:24px; text-align: right;} .arr_down{width:14px;height:50px; background:url(/img/arr_down.png) no-repeat center bottom; position: absolute;bottom:-50px;left:50%;margin-left:-7px;} .arr_down p{width:110px; position: absolute;left:24px; top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); text-align:left; line-height: 1.4; } .arr_down p span{display: block;} .arr_down p.arr_down_right{left:auto;right:18px; text-align: right;} .arr_bom{width:14px;height:50px; background:url(/img/arr_down.png) no-repeat center bottom; position: absolute;top:-50px;left:50%;margin-left:-7px;} .arr_bom::after{content: '';width:229px;height:1px;background: #000; position: absolute;left:-222px;top:0;} .arr_bom_left{width:14px;height:50px; background:url(/img/arr_down.png) no-repeat center bottom; position: absolute;top:-50px;left:50%;margin-left:-7px;} .arr_bom_left::after{content: '';width:229px;height:1px;background: #000; position: absolute;left:6px;top:0;} .no_line::after{display: none;} .arr_top{width:14px;height:30px; background:url(/img/arr_up.png) no-repeat center top; position: absolute;bottom:-32px;left:50%;margin-left:-7px;} .arr_top::after{content: '';width:229px;height:1px;background: #000; position: absolute;left:6px;top:30px;} .arr_top p{position: absolute;bottom:4px; left:24px;right:5px;width:200px; text-align:left;line-height: 1.4;} .arr_left{width:88px;height:14px; background:url(/img/arr_left.png) no-repeat left center; position: absolute;left:-88px;top:50%;margin-top:-7px;} .arr_left p{ position: absolute;bottom:18px; left:10px;right:5px; text-align:center;line-height: 1.4; } .arr_left p span{display: block;} .arr_left p.arr_left_down{bottom:auto;top:18px;} .arr_right{width:88px;height:14px; background:url(/img/arr_right.png) no-repeat right center; position: absolute;right:-88px;top:50%;margin-top:-7px;} .arr_right p{ position: absolute;bottom:18px; left:10px;right:5px;text-align:center; line-height: 1.4; } .arr_right p span{display: block;} .arr_right p.arr_right_down{bottom:auto;top:18px;} .arr_right2{width:50px;right:-50px;} .arr_right1{width:40px;height:14px; background:url(/img/arr_right.png) no-repeat right center; position: absolute;left:-42px;top:50%;margin-top:-7px;} .arr_right1::after{content: '';height:197px;width:1px;background: #000; position: absolute;top:6px;left:0;} .arr_right1 p{position: absolute;bottom:16px; right:10px;width:200px; text-align:right;line-height: 1.4;} .arr_right1 p.arr_right1_down{bottom:auto;top:18px;} .arr_right1_short::after{height:232px;} .arr_left_up{width:120px;height:14px; background:url(/img/arr_left.png) no-repeat left center; position: absolute;left:-108px;top:-47px; transform: rotate(40deg);-webkit-transform: rotate(40deg);} .arr_left_up p{ position: absolute;bottom:18px; left:10px;right:5px; text-align:center;line-height: 1.4; } .arr_left_up p span{display: block;} .arr_right_up{width:120px;height:14px; background:url(/img/arr_right.png) no-repeat right center; position: absolute;right:-120px;top:-30px; transform: rotate(-22deg);-webkit-transform: rotate(-22deg);} .arr_right_up p{ position: absolute;bottom:18px; left:10px;right:5px;text-align:left; line-height: 1.4; } .arr_right_up p span{display: block;} .arr_left_bottom{width:120px;height:14px; background:url(/img/arr_left.png) no-repeat left center; position: absolute;left:-104px;bottom:-49px;transform: rotate(-42deg);-webkit-transform: rotate(-42deg);} .arr_left_bottom p{ position: absolute;bottom:18px; left:10px;right:5px; text-align:center;line-height: 1.4; } .arr_left_bottom p span{display: block;} .arr_right_bottom{width:120px;height:14px; background:url(/img/arr_right.png) no-repeat right center; position: absolute;right:-108px;bottom:-47px;transform: rotate(40deg);-webkit-transform: rotate(40deg);} .arr_right_bottom p{ position: absolute;bottom:18px; left:10px;right:5px;text-align:center; line-height: 1.4; } .arr_right_bottom p span{display: block;} .chart_tag{width:96px;height:38px;line-height: 38px; text-align: center;font-size:14px;color: #fff; border-radius: 50%; background:#0a2c7d; position: absolute;top:-19px;z-index: 10;} .p_left{left:-48px; } .p_right{right:-48px; } .more{width:76%;height:25px;line-height:25px; border-radius: 25px; background:#005eba;color:#fff;text-align:center;font-size:12px; position:absolute;left:50%;bottom:10px;margin-left:-38%; cursor:pointer;} .more i{ display: inline-block;width:7px;height:9px;margin-right:8px; background: url(/img/more.png) no-repeat 0 0; } .more_list{ display: none; position: absolute;width:90px;padding:20px; background: #f7f7f7;border:1px solid #005eba;border-radius: 10px;right:-142px;top:50%;transform: translateY(-50%); z-index: 11; font-size: 16px;} .more_list a{display: block;} .more_list a:hover{color:#005eba;text-decoration: underline;} .more_list em{position: absolute;left:-9px;top:50%;margin-top:-9px;width:10px;height:18px;background: url(/img/left.png) no-repeat 0 0;} .more:hover .more_list{display: block;} .more_right{left: -142px!important;right: auto!important;} .more_right em{background: url(/img/right.png) no-repeat 0 0!important;right: -9px!important;left: auto!important;} /*第1个*/ .chart_box1 .arr_up{height:80px;top:-80px;} .chart_box1 .arr_down{height:80px;bottom:-80px;} .chart_box1 .arr_right_up{right:-108px;top:-47px;transform: rotate(-40deg);-webkit-transform: rotate(-40deg);} /*第3个*/ .chart_box3 .arr_top::after{width:230px;} .chart_line2 .arr_up{height:50px;top:-50px;} .chart_box3 .chart_block{vertical-align: top;} .chart_box3 .arr_right1 p.arr_right1_down span{ background:#fff; } .chart_box3 .arr_down_long{height:155px;bottom:-155px;} .chart_box3 .arr_left_bottom_long{width:200px; left:-163px;bottom:-84px;transform: rotate(-50deg);-webkit-transform: rotate(-50deg);} .chart_box3 .arr_right_bottom_long{width:200px; right:-150px; top:auto;margin-top:0;bottom:-95px;transform: rotate(60deg);-webkit-transform: rotate(60deg); } .chart_box3 .arr_right_bottom_long p.arr_right_down{transform: rotate(-60deg) translate3d(150px,58px,0);-webkit-transform: rotate(-60deg) translate3d(150px,58px,0);} .chart_box3 .arr_right_bottom_long1{width:460px; right:-285px; top:auto;margin-top:0;bottom:-220px;transform: rotate(67deg);-webkit-transform: rotate(67deg); background-image: url(/img/arr_right_long.png); } .arr_left_line{width:46px;height:1px; background:#000; position: absolute;left:-46px;top:50%; } .arr_right_line{width:46px;height:1px; background:#000; position: absolute;right:-46px;top:50%; } .arr_right_line p{ width:50px;position: absolute;bottom:92px; right:5px; text-align:center;line-height: 1.4; } .arr_right_line p span{display: block;} .arr_right_line::after{content: '';height:247px;width:1px;background: #000; position: absolute;bottom:0;left:46px;} /*第6个*/ .chart_block_tit{text-align:left; display: inline-block;width:175px; white-space: nowrap;} /*第7个*/ .chart_box7 .arr_left{width:120px;left:-120px;} .chart_box7 .arr_right{width:120px;right:-120px;} .chart_box7 .chart_block{width:160px;height:140px;} @media only screen and (max-width: 1280px) { .mt_100{margin-top:50px;} .chart_wrap{/*padding:20px 10px;*/overflow-x: auto;} .chart_search{right:20px;} .chart_box{padding: 0 50px;} } @media (max-width: 1024px) { .chart_menu{width:80%;margin:0;} } @media (max-width: 768px) { /* .ml_582{margin-left:543px;} */ .wrap_show.mt_80{margin-top:30px;} .chart_menu{width:100%;} .chart_menu a{height:32px;line-height:32px;margin-right:5px;padding:0 30px;font-size:14px;} .chart_menu a img{width:20px;} .chart_search{position: static;width:97%; height:34px;line-height:34px; background-size: 18px;padding-left: 3%;background-position: 96% 50%; background-size: 20px;} .chart_search_hover{width:97%;} .chart_search input{padding-top:6px;padding-bottom:6px;width:88%;} .chart_menu a.btn_chart{width:12%;padding:0;} .chart_menu a.btn_chart img{display: none;} .chart_color span{margin:0 20px;} /* .chart_block{width:78px;height:130px;} */ .chart_txt p span{font-size: 14px;} /* .chart_box7 .chart_block{width:110px;height:85px;} */ .chart_box6 .chart_block_tit{display: block;margin-left:0;margin-bottom:2em;} /* .chart_box7_7 .chart_box{width:700px;} */ /* .chart_box6 .chart_box{width:860px;} .chart_box5 .chart_box{width:840px;} */ /* .chart_box4 .chart_box{width:1070px;} */ /* .chart_box3 .chart_block{width: 100px;height: 130px;} */ .chart_box1 .chart_line:last-child .chart_block{margin-left:643px!important;} .chart_box1 .chart_line .chart_block.ml90_f{margin-left: 86px!important;} /* 0303修改 */ .chart_wrap1 .chart_box1 .chart_line .ml_f_2{margin-left: 1050px!important;} /* .chart_wrap3 .arr_right1::after{height:165px;} */ .chart_wrap3 .chart_box1 .chart_line:last-child .chart_block{margin-left:453px!important} .chart_wrap5 .chart_box1 .chart_line:last-child .chart_block{margin-left:100px!important;} .chart_box6 .mt_80{margin-top:50px;} .arr_bom_left::after{width:207px;} .arr_bom::after{width:207px;left:-201px;} /* .ml_408{margin-left:358px;} .ml_460{margin-left:412px;} */ .fnt_24{font-size:13px;} .fnt_16,.chart_block p{font-size:12px;} .chart_tag{width:85px;height: 32px;line-height: 32px;font-size:12px;} /* .arr_right1::after{height:129px;} */ } @media (max-width: 640px) { /* .chart_wrap7{height:100vh;} */ } @media (max-width: 480px) { .mt_100{margin-top:20px;} .chart_menu a{padding:0 20px;} .chart_color span{margin:0 15px;} .chart_color span i{margin-right:5px;} /* .chart_wrap{padding:20px 10px;} */ }