* { padding: 0; margin: 0; list-style: none; background-position: center; background-repeat: no-repeat; background-size: cover; font-style: normal; } body,html,.box{ width: 100%; height: 100%; } .bgimg{ width: 100%; height: 100%; background-position:center center; background-repeat: no-repeat; background-size: 100% 100%; position: relative; } .container_1{ width: 100%; position: absolute; left: 0;bottom: 0; padding-bottom: 80px; } .container{ width: 100%; position: relative; } .bg_p1_title{ font-size: 70px; color: #fff; font-weight: bold; } .bg_p1{ width: 100%; max-width: 1530px; margin: 0 auto; } .bg_p1_li{ width: 148px; height: 48px; text-align: center; line-height: 48px; color: #fff; border:2px solid #8d9aa3; border-radius: 50px; float: left; margin-right: 12px; } .bg_p1_li.select{ background-color:#dcd9d9; color: #222222; } .container_1{ width: 100%; } .container_center{ width: 80vw; margin: 0 auto; } .c2_fled{ width: 100%; display: flex; justify-content: space-between; flex-wrap:wrap; padding-top: 5.1vw; } .c2_div,.c2_bottom{ width: 37.5vw; } .c2_div:nth-child(1){ margin-left: 0; } .c2_div:nth-child(2){ margin-right: 0; } .c2_title{ font-size: 2.39vw; font-weight: bold; } .c2_ul{ width:100%; min-height: 35vw; overflow: hidden; } .c2_li{ height: 7vw; position: relative; border-bottom: 1px solid #c1c1c1; display: flex; justify-content: space-between; align-items: center; background-image: url('../images/iocn_pdf.jpg'); background-position: left center; background-repeat: no-repeat; background-size: 1.61vw 1.66vw; padding-left: 2.91vw; box-sizing: border-box; } .c2_li_div_left .p1{ font-size: 1.15vw; margin-bottom: 0.35vw; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .c2_li_div_left .p2{font-size: 0.625vw;color: #acacac;} .c2_li .p3{ font-size: 0.83vw; } .c2_li_div_right{ display: flex; align-items: center; justify-content: center; border: 1px solid #c1c1c1; color: #c1c1c1; border-radius: 0.42vw; text-align: center; width: 6.77vw; height: 1.875vw; } .c2_li .p4{ width: 0.625vw; height: 0.83vw; background-image: url('../images/icon_xz_1.jpg'); background-position:center center; background-size: 100%; margin-left: 0.625vw; } .c2_li.select,.c2_li:hover{ border-color: #007bc8; } .c2_li.select .c2_li_div_right,.c2_li:hover .c2_li_div_right{ border-color: #007bc8; background-color:#007bc8; color: #fff; } .c2_li.select .c2_li_div_right a,.c2_li:hover .c2_li_div_right a{ color: #fff; } .c2_li.select .c2_li_div_right .p4,.c2_li:hover .c2_li_div_right .p4{ background-image: url('../images/icon_xz_2.jpg'); } .c2_li.select .c2_li_div_left .p1,.c2_li:hover .c2_li_div_left .p1{color: #007bc8;} .c2_bottom{ margin: 3.5vw auto 0; } .c2_bottom_flex{ display: flex; justify-content: center; align-items: center; } .icon_left img,.icon_right img{ width: 100%; display: block; } .icon_left,.icon_right{ width: 2.5vw; height: 2.5vw; cursor: pointer; } .icon_list{ font-size: 1.5vw; margin: 0 1vw; text-align: center; } .icon_list span{ width: 1.8vw; display: inline-block; margin: 0 0.52vw; } .container_3{ overflow: hidden; } .c3_map{ width: 80vw; /*height:35.5vw;*/ margin: 5.98vw auto 5.2vw; position: relative; background-repeat: no-repeat; background-size: cover; background-position: top center; background-image: url('/images/mapBg.jpg'); padding: 40px; } .map_title{ font-size: 2.18vw; font-weight: bold; text-align: center; margin-bottom: 2.3vw; } .map_box{ width: 100%; background-color:#fff; border-radius: 0.52vw; max-width: 1000px; margin: auto; /*padding: 0 2vw 1.2vw;*/ /*padding-left: 0;*/ box-sizing: border-box; display: flex; align-items: center; /*justify-content: center;*/ } .map_box .box_info{ padding: 0.2vw 2vw 1vw; } .map_box_title{ font-size: 0.93vw; font-weight: bold; padding-top: 2.3vw; padding-bottom: 1.45vw; border-bottom: 1px solid #b9e1fa; margin-bottom: 1.3vw; } .map_icon_1{ width: 1.25vw; } .map_icon_2{ width: 1.15vw; } .map_icon_3{ width: 1.25vw; } .map_icon_4{ width: 1.25vw; } .map-icon-5{ width: 1.35vw; } .box_list img{ width: 100%; float: left; } .box_list{ display: flex; align-items: center; margin-bottom: 0.62vw; } .box_list p{ padding-left: 0.52vw; font-size: 1vw; } .c2_li_div_right a{ height: 100%; color: #c1c1c1; display: flex; align-items: center; justify-content: center; } .c2_li_div_left{ width: 70%; } .map_box_list_5 a{ display: flex; align-items: center; color: #007bc8; } @media screen and (max-width:1024px) { .container_center{ width: 91.47%; } .c2_fled{ flex-direction: column; padding-top: 0.75rem; } .c2_div{ width: 100%; } .c2_title{ font-size: 0.45rem; line-height: 0.5rem; margin-top: 0.15rem; text-align: center; } .c2_li{ height: auto; padding: 0.43rem 0 0.35rem 0.57rem; background-size:0.31rem 0.33rem; } .c2_li_div_left .p1{ font-size: 0.31rem; line-height: 0.47rem; } .c2_li_div_left .p2{ font-size: 0.21rem; line-height: 0.27rem; } .c2_li_div_right{ width: 1.48rem; height: 0.44rem; border-radius: 0.05rem; } .c2_li .p3{ font-size: 0.2rem; } .c2_li .p4{ width: 0.12rem; height: 0.16rem; margin-left: 0.12rem; } .icon_left, .icon_right{ width: 0.48rem; height: 0.48rem; } .c2_bottom{ margin-top: 0.55rem; } .icon_list{ width: auto; height: 0.35rem; font-size: 0.3rem; margin: 0 0.15rem; } .icon_list span{ width: 0.42rem; height: 100%; margin: 0; } .c2_div{ margin-bottom: 0.95rem; } .c3_map{ width: 91.47%; margin: 0 auto 0.8rem; } .map{ height: 7.5rem; } .map_title{ font-size:0.45rem; line-height: 0.5rem; margin-bottom: 0.45rem; } .map_box{ width: 4.8rem; height: auto; border-radius: 0.12rem; bottom: 0.25rem; right: 50%; margin-right: -2.4rem; padding: 0.1rem 0.4rem 0.2rem; } .map_box_title{ font-size: 0.25rem; line-height: 0.55rem; } .map_icon_1{ width: 0.22rem; flex-shrink: 0; } .box_list p{ font-size: 0.2rem; line-height: 0.35rem; padding-left: 0.13rem; } .map_icon_2{ width: 0.2rem; } .map_icon_3,.map_icon_4{ width: 0.22rem; } }