@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.6.3'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .sec2{ position: relative; padding: 50px 0;/*50 0*/ } .sec2 .map-box{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sec2 .map-box #map{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .sec2 .map-box #map > div{ margin-left: -15%; } .sec2 .info-box .tip{ padding: 6.73% 5.98% 0 6.73%;/*45 40 35 45*/ } .sec2 .info-box .tip p{ font-size: 16px; line-height: 1.5; color: #fff; text-align: justify; } .sec2 .info-box .tip p.indent{ text-indent: 2em; } .sec2 .info-box{ width: 38.9%; float: right; position: relative; z-index: 1; background-color: #186ebd; } .sec2 .info-box ul{ padding: 6.73% 5.98% 5.23% 6.73%;/*45 40 35 45*/ } .sec2 .info-box li{ border-bottom: 1px solid rgba(255,255,255,0.2); padding: 5.14% 9.76% 5.14% 7.7%;/*30 57 30 45*/ font-size: 20px; } .sec2 .info-box li.active{ background-color: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.05); } .sec2 .info-box li:last-child{ border-bottom: 0 none; } .sec2 .info-box li h5{ font-size: inherit; color: #fff; position: relative; line-height: 1.5; } .sec2 .info-box li h5::after{ content: "\F107"; font-family: "FontAwesome"; position: absolute; left: 100%; top: 0.25em; line-height: 1; -webkit-transition: transform 0.5s; transition: transform 0.5s; } .sec2 .info-box li.active h5::after{ -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sec2 .info-box li .text{ margin-top: 0.75em; display: none; max-height: 0; overflow: hidden; transform-origin: left top; transition: max-height 0.75s; } .sec2 .info-box li.active .text{ display: block; max-height: 20em; } .sec2 .info-box li p{ font-size: 0.9em; color: #fff; line-height: 1.5; padding-left: 3em; margin-bottom: 0.5em; } .sec2 .info-box li p.p6{ padding-left: 7em; } .sec2 .info-box li p:last-child{ margin-bottom: 0; } .sec2 .info-box li p span{ display: inline-block; vertical-align: baseline; width: 3em; margin-left: -3em; } .sec2 .info-box li p.p6 span{ width: 7em; margin-left: -7em; } .sec2 .info-box li p a{ font-size: inherit; color: inherit; } .anchorBL{ display: none; } @media only screen and (max-width:1600px){ .sec2 .info-box li{ font-size: 18px; } } @media only screen and (max-width:1366px){ .sec2 .info-box li{ font-size: 16px; } } @media only screen and (max-width:1440px){ .sec2 .info-box li{ padding: 5.14% 8% 5.14% 6%;/*30 57 30 45*/ } } @media only screen and (max-width:1380px){ .sec2 .info-box li{ padding: 5.14% 5% 5.14% 5%;/*30 57 30 45*/ } } @media only screen and (max-width:1180px){ .sec2 .info-box{ width: 45%; } } @media only screen and (max-width:1024px){ .sec2{ padding: 0;/*50 0*/ } .sec2 .inner{ max-width: 100%; } .sec2 .map-box{ width: 100%; height: 25rem; position: relative; } .sec2 .map-box #map > div{ margin-left: 0; } .sec2 .info-box{ width: 100%; float: none; } .sec2 .info-box .tip p{ font-size: 0.625rem; } .sec2 .info-box li{ font-size: 0.75rem; } .sec2 .info-box li{ padding: 5.14% 9.76% 5.14% 7.7%;/*30 57 30 45*/ } } /*新增表格*/ .sec3{ padding: 8.85% 0 12.5%; font-size: 16px; text-align: center; } .sec3 .inner{ width: 1240px; } .sec3 .tab-control{ margin-bottom: 6.29%; } .sec3 .tab-control a{ font-size: 1.5em; color: #333; } .sec3 .tab-control a.active{ color: #0c67ba; } .sec3 .tab-control a span{ display: inline-block; vertical-align: middle; } .sec3 .tab-control a::after{ content: ""; display: inline-block; width: 1px; height: 0.5em; background-color: #e5e5e5; margin: 0 1.25em; } .sec3 .tab-control a:last-child::after{ display: none; } .sec3 .tab-content .content{ display: none; overflow-x: auto; overflow-y: hidden; } .sec3 .tab-content .content.active{ display: block; } .sec3 table{ width: 100%; font-size: 1em; line-height: 2; color: #333; } .sec3 thead th{ color: #fff; background-color: #0c67ba; height: 4em; } .sec3 .content:nth-child(1) thead th{ width: 32.2%; } .sec3 .content:nth-child(1) thead th:nth-child(3){ width: 12.5%; } .sec3 .content:nth-child(1) thead th:nth-child(4){ width: 22.9%; } .sec3 .content:nth-child(2) thead th:nth-child(2){ width: 24.7%; } .sec3 .content:nth-child(2) thead th:nth-child(3){ width: 28.6%; } .sec3 .content:nth-child(3) thead th:nth-child(1){ width: 24.1%; } .sec3 .content:nth-child(3) thead th:nth-child(3){ width: 15.3%; } .sec3 .content:nth-child(3) thead th:nth-child(4){ width: 24.1%; } .sec3 th,.sec3 td{ border-left: 1px solid #7f9cc5; border-right: 1px solid #7f9cc5; height: 3.5em; padding-left: 1em; padding-right: 1em; padding-top: 0.75em; padding-bottom: 0.75em; } .sec3 th{ font-weight: 500; } .sec3 th,.sec3 td{ border-bottom: 1px solid #e5ebf3; } .sec3 th[rowspan]:not(.normal),.sec3 tr:last-child th,.sec3 tr:last-child td{ border-bottom: 1px solid #7f9cc5; } .sec3 tbody:nth-child(even) th,.sec3 tbody:nth-child(even) td{ background-color: #f3f7fb; } @media only screen and (min-width:1024px){ .sec3 .tab-control a:hover{ color: #0c67ba; } } @media only screen and (max-width:1024px){ .sec3{ font-size: 0.625rem; padding: 15% 0 20%; } .sec3 .tab-control{ margin-bottom: 10%; } .sec3 table{ width: 200%; } } .pop-cover{ position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); display: none; overflow-y: auto; align-items: center; justify-content: center; } .pop-cover.active{ display: flex; } .pop-cover .pop-box{ display: none; background-color: #fff; width: 1146px; max-width: 90%; padding: 3.02% 3.23%;/*58 62 114*/ position: absolute; margin: 3% auto; left: 0; right: 0; } .pop-cover .pop-box.active{ display: block; } .pop-cover .pop-box iframe{ width: 100%; height: 60vh; } .pop-cover .close{ cursor: pointer; position: absolute; right: 1.25em; top: 1.375em; width: 1.375em; opacity: 0.8; } @media only screen and (max-width:1024px){ .pop-cover .pop-box{ padding: 2em;/*58 62 114*/ margin: 2em auto; } }