.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; display:flex; flex-wrap:wrap; justify-content:space-between; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; }  .reset_style h1, .reset_style h2, .reset_style h3, .reset_style h4, .reset_style h5, .reset_style h6 { font-weight: normal; } .reset_style h3 { text-transform: uppercase; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } .p_page .pre,.p_page .next{ height: 40px; width: 40px; text-align: center; padding: 0 !important; border-radius: 2px; border:none!important; transition:all 0.5s; } .p_page .next .iconfont::before { float: none; } .p_page .pageNum{ height: 40px; width: 40px; padding: 0 !important; border-radius: 2px; text-align: center; border:none!important; line-height:40px; transition:all 0.5s; } .p_page .pageNum.active,.p_page .pageNum:hover,.p_page .pre:hover,.p_page .next:hover{ background:var(--main-color); } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 900px) { .reset_style h1 * { font-size:30px!important; } .reset_style h2 * { font-size: 16px!important; } .reset_style h3 * { font-size: 22px!important; } .reset_style h4 * { font-size: 18px!important; } .reset_style h5 * { font-size: 16px!important; } .reset_style h6 * { font-size: 14px!important; } .p_pagebox .num .iconfont{ display:none!important; } } @keyframes aline { 0% { width:10px; } 50% { width:50px; } 100% { width:10px; } }.c_portalResPublic_codeContainer-01001003 .fa_Beian{ text-align:center; color:#fff; line-height:24px; font-size:12px; opacity:0.5; } .c_portalResPublic_codeContainer-01001003 .fa_Beian a{ color:inherit; } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001003 .fa_Beian span{ display:inline-block; margin:0 10px; } } @media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001003 .fa_Beian span{ display:block; } .c_portalResPublic_codeContainer-01001003 .fa_Beian{ text-align:center; } .c_portalResPublic_codeContainer-01001003 .fa_Beian>div{ width:100%; } } @keyframes move { from { transform: rotate(180deg); } to { transform: rotate(540deg); } } @media only screen and (max-width: 1000px){ body>.main { } } .w_fimg-000 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_fimg-000 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_fimg-000 .p_title:hover{ color:rgba(87,177,173,1); } .w_fimg-000 .p_title:active{ color:rgba(69,165,161,1); } .w_fimg-000 .p_title .iconfont:before{ display: inline-block; content:""; } .w_fimg-000{ position:relative; width:100%; height:auto; min-height: 200px; } .w_fimg-000 .animated{ width:100%; height:100%; position: relative; min-height: inherit; } .w_fimg-000 .font { white-space: nowrap; } .w_fimg-000 .p_link001{ width:100%; height:100%; } .w_fimg-000 .p_link002{ width:100%; height:30px; } .w_fimg-000 .p_box{ width: 100%; height: 100%; text-align:center; position: static; } .w_fimg-000 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_fimg-000 .e_image:hover:after { background: transparent; } .w_fimg-000 .p_dimage:empty{ width: 100%; height: 100%; top: 0; left: 0; position:absolute; background: #f2f2f2 url(../image/camera.png) no-repeat center; } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.fa_Header .fa_Logo a img { max-width: 100%; max-height: 100%; } .fa_Header { width: 100%; transition: all 0.5s; z-index: 700; position: relative; position: fixed !important; top: 0; left: 0; right: 0; background-color: #DCFAFA; } .fa_footnav{ justify-content:space-between; } .fa_footnav dl dt { font-weight: 400; } .fa_footnav dl dt a { font-size: 14px; color: #333; display: inline-block; } .fa_footnav dl dd { margin-top: 20px; display: none; } .fa_footnav dl dd p { font-size: 14px; color: rgba(255, 255, 255, 0.85); line-height: 30px; } .fa_Headerwrap { display: flex; align-items: center; justify-content: space-between; } @media screen and (min-width: 1201px) { .fa_Header { width: 100%; border-bottom: 1px solid #ccc; } .fa_Header.fa_Headeron, .fa_Header:hover { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .fa_Header .fa_Logo a { display: block; max-width: 100%; max-height: 100%; max-width: 240px; width: 100%; height: 66px; background-image: url(../image/al1.jpg); background-position: left center; background-repeat: no-repeat; background-size: contain; transition: all 0.5s; } .fa_Header .fa_NavMo { display: none; } .fa_Header .fa_Headerwrap { display: flex; justify-content: space-between; height: 80px; transition: all 0.5s; position: relative; margin: auto; align-items: center; padding-right: 0vw; } .fa_Header.fa_Headeron .fa_Headerwrap { height: 80px; } .fa_Header .fa_Logo { width: 25%; padding-left: 30px; } .fa_Header .fa_NavPc { width: calc(75% - 140px); position: relative; transition:all 0.8s; } .fa_Header.fa_pcon .fa_NavPc { transform:translateY(-100%); opacity:0; } .fa_Header .fa_NavPc ul { width: 100%; justify-content: flex-end; max-width: 100%; margin: 0 0 0 auto; padding: 0 1vw; padding-right: 0vw; } .fa_Header .fa_NavPc .fa_yjnav { position: relative; transition: all .4s; width: 20%; } .fa_Header .fa_NavPc .fa_yjnav .rq { display: block; padding: 0 15px; } .fa_Header .fa_NavPc .fa_yjlist { text-align: center; text-transform: capitalize;  overflow: hidden; position: relative; } .fa_Header .fa_NavPc .fa_yjlist span { position: relative; display: block; color: #333; font-size: 16px; padding: 0; font-weight: 500; line-height: 1; transition: all .5s ease; line-height: 80px; } .fa_Header.fa_Headeron .fa_NavPc .fa_yjlist span,.fa_Header:hover .fa_NavPc .fa_yjlist span { color: #222; } .fa_Header.fa_Headeron .fa_NavPc .fa_yjlist span { line-height:80px; } .fa_Header.fa_Headeron .fa_NavPc .fa_yjnav:hover .fa_yjlist span { color: #094a96; } .fa_Header .fa_BtnNav { display: none !important; }  .fa_Header .fa_NavPc .fa_ejnav { overflow: hidden; position: fixed; transition: all 0.5s; max-height: 0; top: 100%; left: 50%; width: 100%; background: rgba(255, 255, 255, 0.76); z-index: 990; min-width: 150px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); transform: translateX(-50%); border-radius: 2px; background-color: #008F85; } .fa_Header .fa_NavPc .fa_ejnav .rq{ display: block; line-height: 40px; font-size: 15px; border-top: rgba(255, 255, 255, .2) solid 0px; transition: all 0.5s; width: calc((100% - 60px) / 3); float: left; margin-right: 30px; background: #fff; color: #00A89D; margin-bottom:30px; padding: 0; } .fa_yjnav:nth-child(3) .fa_ejnav .rq{ width: calc((100% - 150px) / 6); } .fa_yjnav:nth-child(1) .fa_ejnav .rq{ width: calc((100% - 150px) / 5); } .fa_yjnav:nth-child(4) .fa_ejnav .rq{ width: calc((100% - 150px) / 6); } .fa_Header .fa_NavPc .fa_ejnav a span{ text-align:left; padding: 20px 15px; display: block; line-height: 1.2; background:url(../image/ar.png) no-repeat right 15px center; } .fa_Header .fa_NavPc .fa_ejnav .rq:nth-child(3n){ margin-right: 0px; } .fa_yjnav:nth-child(3) .fa_ejnav .rq:nth-child(3n){ margin-right: 30px; } .fa_yjnav:nth-child(1) .fa_ejnav .rq:nth-child(3n){ margin-right: 30px; } .fa_yjnav:nth-child(4) .fa_ejnav .rq:nth-child(3n){ margin-right: 30px; } .fa_yjnav:nth-child(3) .fa_ejnav .rq:nth-child(6){ margin-right: 0px; } .fa_yjnav:nth-child(1) .fa_ejnav .rq:nth-child(5){ margin-right: 0px; } .fa_yjnav:nth-child(4) .fa_ejnav .rq:nth-child(6){ margin-right: 0px; } .fa_yjnav:nth-child(3) .fa_ejnav .rq:nth-child(12){ margin-right: 0px; } .fa_Header .fa_NavPc .fa_ejnav a span:hover{ opacity: 0.6; } .fa_Header .fa_NavPc .fa_ejnav a img:hover{ opacity: 0.6; } .fa_Header.fa_Headeron .fa_NavPc .fa_ejnav { top: 100%; } .fa_Header .fa_NavPc .fa_yjnav:hover .fa_ejnav { max-height: 550px; }  .fa_topNavbox { position: fixed; top: 0; left: 0; right: 0; height: 0%; transition: all 1s; background: rgba(247, 247, 245, 0.95); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); z-index: -620; transition:all 1s; overflow:hidden; opacity:0; } .fa_topNavbox.fa_pcon { z-index: 620; height:100%; opacity:1; } .fa_topNavbox .fa_wrapbox { display: flex; } .fa_topNavbox .fa_wrapbox .fa_left { width: 40%; background: url(../image/bg87.jpg) no-repeat left bottom; background-size: auto 100%; } .fa_topNavbox .fa_wrapbox .fa_left .fa_Img { height: 100vh; max-height: 1500px !important; } .fa_topNavbox .fa_wrapbox .fa_left .fa_Img img{ opacity:0; } .fa_topNavbox .fa_wrapbox .fa_left .fa_Img img.fa_on{ opacity:0; } .fa_topNavbox .fa_wrapbox .fa_right { width: 60%; } .fa_topNavbox .fa_wrapbox .fa_right { padding-top: 100px; padding-left: 5vw; padding-right: 5vw; display: flex; align-items: center; } .fa_topNavbox .fa_wrapbox .fa_right .fa_box { margin: 3vw 0; } .fa_topNavbox .fa_wrapbox .fa_right .fa_box h4 { font-size: var(--f20); color: #575151; margin-bottom: 2rem; opacity: 0.8; } .fa_topNavbox .fa_box01 .fa_list .fa_it { margin-bottom: 20px; display: inline-block; width: 45%; } .fa_topNavbox .fa_box01 .fa_list .fa_it a { font-size: var(--f30); display: block; } .fa_topNavbox .fa_box01 .fa_list .fa_it a span { display: inline-block; color: #3f3b3b; transition: all 0.5s; position: relative; } .fa_topNavbox .fa_box01 .fa_list .fa_it a span:before { position: absolute; content: ""; bottom: 0; height: 2px; background: var(--main-color); width: 0; left: 0; transition: all 0.5s; } .fa_topNavbox .fa_box01 .fa_list .fa_it:hover a span:before { width: 100%; } .fa_topNavbox .fa_box02 a { font-size: var(--f24); text-transform: capitalize; margin-right: 20px; padding-right: 20px; line-height: 1; } .fa_topNavbox .fa_box02 a:nth-child(1) { border-right: #ddd solid 0px; }  .div_navlink { width: auto; position: relative; height: auto; color: #fff; display: flex; justify-content: space-between; align-items: center; z-index: 9999 !important; transition:all 0.5s; background-size:32px; } .div_navlink .fa_enbox { font-size:16px; text-transform:uppercase; } .div_navlink .fa_enbox a{ padding-right:10px; margin-right:10px; display:inline-block; line-height:1; } .div_navlink .fa_enbox a:nth-child(1){ } .div_navlink .fa_btnbox { display: none; flex-direction: column; width: 30px; height: 16px; justify-content: space-between; cursor:pointer; } .div_navlink .fa_btnbox span { width: 100%; height: 2px; background: #fff; transition:all 0.5s; } .fa_Header.fa_pcon .div_navlink .fa_btnbox span:nth-child(2){ opacity:0; } .fa_Header.fa_pcon .div_navlink .fa_btnbox span:nth-child(1){ transform:rotate(29deg); transform-origin:left center; } .fa_Header.fa_pcon .div_navlink .fa_btnbox span:nth-child(3){ transform:rotate(-29deg); transform-origin:left center; } .fa_lanmo { display: none; } } @media screen and (max-width: 1200px) { .fa_topHei { height: 61px; background: var(--main-color); } .fa_Header { border-bottom: 1px solid #ccc; } .div_navlink { display: none !important; } .fa_Header .fa_Headerwrap { flex-wrap: wrap; width: 100% !important; padding: 0 !important; padding: 0px 0 0 20px !important; } .fa_NavMo { display: block; position: fixed; top: 76px; left: 0; right: 0; background-color: #00A89D; background-repeat: no-repeat; background-size: cover; height: 0%; width: 100%; overflow: hidden; z-index: 9999; transition: all 0.5s; } .fa_Header .fa_NavPc { display: none !important; } .fa_Header .fa_BtnSearch { display: none !important; } .fa_Header .fa_Logo { text-align: left; width: 55%; max-width: 280px; padding: 0px 0; } .fa_Header .fa_Logo a { width: 100%;  background-image: url(../image/al1.jpg); background-position: left center; background-size: contain; background-repeat: no-repeat; height: 66px; display: block; margin: 5px 0; } .fa_Header .fa_BtnNav { color: #fff; font-size: 34px; text-align: right; height: 76px; background: linear-gradient(135deg, #00a89d 0%, #00e6e6 100%); padding: 0 24px; display: flex; align-items: center; font-weight: bold; } .fa_Header .fa_NavMo ul { padding: 60px 15px 20px; position: relative; height: 100%; overflow-y: scroll; } .fa_Header .fa_NavMo>span { font-size: 18px; color: #fff; position: absolute; top: 20px; right: 30px; z-index: 9991; cursor: pointer; } .fa_Header .fa_myjnav { display: block; opacity: 0; transform: translateY(30px); transition: all 0.5s; position: relative; border-bottom: rgba(255, 255, 255, 0.2) 1px dotted; } .fa_Header .fa_mejnav { overflow: hidden; max-height: 0; transition: all 0.5s; } .fa_Header .fa_myjlist>* { display: inline-block !important; } .fa_Header .fa_NavMo .fa_mejnav a { font-size: 14px; color: #fff; opacity: 0.7; } .fa_Header .fa_myjlist { font-size: 16px;  text-align: left; padding-right: 30px; position: relative; } .fa_Header .fa_myjlist i { font-size: 20px; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; } .fa_Header .fa_mejnavon .fa_myjlist i { transform: translateY(-50%) rotate(90deg); } .fa_Header .fa_mejnavon .fa_mejnav { max-height: 1000px; } .fa_Header .fa_myjnav a { display: block; text-align: left; color: #fff; padding: 10px 0; text-transform: uppercase; font-size: 18px; } .fa_Header .fa_NavMo_on { height: 100%; bottom: 0; } .fa_Header .fa_NavMo_on .fa_myjnav { transform: translateY(0); opacity: 1; } .fa_NavMo a:hover, .fa_NavMo a:focus { color: #fff; } .fa_BtnNav .fa-globe { color: var(--main-color); margin-right: 20px; } .fa_lanmo { display: flex; align-items: center; justify-content: center; position: fixed; top: 70px; left: 0; right: 0; display: none; width: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999; bottom: 0; } .fa_lanmo>div { padding: 20px; background: rgba(255, 255, 255, 0.95); } .fa_lanmo a { display: block; padding: 10px 20px; border-bottom: #ddd solid 1px; text-align: center; } .fa_lanmo .fa_lanclosr { background: var(--main-color); color: #fff; padding: 10px 20px; text-align: center; } .fa_pcMuen { display: none !important; } .fa_Headerwrap { margin: auto; padding: 0 10px; width: 96%; } }.fa_htitle{ margin-bottom:5vw; } .fa_htitle h4{ color:#000; font-size:var(--f36); } .fa_htitle h3{ color:#999; margin-bottom:15px; font-weight:700; text-transform:capitalize; font-size:var(--f50); font-family: 'Assistant', sans-serif; } @media only screen and (max-width: 768px){  .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } } @media only screen and (min-width: 769px){  .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } .fa_Boxpic{ background:#000; position: relative; } .fa_Boxpic .fa_bg{ height: 60vh; max-height:1200px!important; background-attachment: fixed; opacity:0.85; width:100%; position: relative; background-size:100%; } .fa_Boxpic .fa_tit{ position:absolute; left:0; right:0; bottom: 15%; z-index:10; text-align:center; } .fa_Boxpic .fa_tit h6{ color:#fff; font-size:var(--f36); } .fa_Boxpic .fa_tit h3{ color:#fff; margin-bottom:15px; font-weight:700; text-transform:capitalize; font-size:var(--f50); } } @media only screen and (max-width: 1024px) and (min-width: 769px){  } @keyframes rotation { to { transform: rotate(1turn); } } @keyframes rotation_ { to { transform: rotate(-1turn); } } @media only screen and (min-width: 769px) { .fa_More a{ position: relative; font-size:14px; display:inline-block; line-height:40px; padding:0 20px; border-radius:5px; background: var(--main-color); color:#fff; transition:all 0.5s; overflow:hidden; } .fa_More a i{ margin-left:20px; transition:all 0.5s; position:relative; display:inline-block; } .fa_More a:before{ content:""; position:absolute; left:-20px; top:-20px; width: 50px; height: 50px; filter:blur(15px); background: var(--main2-color); transition:all 0.5s; opacity: 0; } .fa_More a:hover:before{ transform:scale(2); left:0; top:0; opacity:1; } .fa_More a span{ position:relative; display:inline-block; } .fa_More a:hover i{ transform:translateX(-10px); } .fa_More a:hover{ color:#fff; } } @keyframes animateripper { 0% { transform: translate(-50%, -75%) rotate(0deg); } 100% { transform: translate(-50%, -75%) rotate(360deg); } }  .fa_pageNav{ border-bottom:#eee solid 1px; } .fa_pageNav .fa_list{ text-align:center; } .fa_pageNav .fa_list a{ display:inline-block; font-size:var(--f18); line-height:80px; color:#3e4a61; margin:0 2vw; position:relative; transition:all 0.5s; } .fa_pageNav .fa_list a:before{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:3px; background: var(--main-color); transition:all 0.8s; width:0; content:""; } .fa_pageNav .fa_list a:hover,.fa_pageNav .fa_list a.fa_navon{ color: var(--main-color); } .fa_pageNav .fa_list a:hover:before,.fa_pageNav .fa_list a.fa_navon:before{ width:100%; } @media screen and (max-width: 768px){ .fa_pageNav{ display:none!important; } .fa_pageNavmo{ background:#edf2fa; } .fa_pageNavmo>.btn-primary{ background:transparent!important; border:none!important; color:#999!important; width:100%; text-align:left; padding:0 20px; line-height:50px; font-size:14px; } .fa_More a { background:#092d74; color:#fff; display:inline-block; padding:10px 30px; border-radius:500px; position:relative; } .fa_More a:before{ content:""; position:absolute; left:-20px; top:-20px; width:40px; height:40px; filter:blur(15px); background:#d0333a; } .fa_More a span{ position:relative; display:inline-block; } .fa_More a i{ margin-left:10px; position:relative; display:inline-block; } } @keyframes FloatingReverse { 0%,100% { transform: translate3d(-10%, -10%, 0) scale(1.1) } 50% { transform: translate3d(45%, 15%, 0) scale(0.8) } } .fa_float2 { position: fixed; bottom: -100px; right: 20px; z-index: 99; transition: all 0.5s; background: rgba(255, 255, 255, 0); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0); border-radius: 500px; } .fa_float2>* { display: block; position: relative; margin-top: 2px; } .fa_float2>* .fa_icon { width: 40px; height: 40px; align-items: center; display: flex; justify-content: center; color: var(--main-color); border-radius: 2px; font-size: 26px; cursor: pointer; } .fa_float2>* .fa_icon i { display: block; } .fa_float2 .fa_info { position: absolute; top: 0; right: 45px; width: auto; min-width: 200px; background: linear-gradient(45deg,#fff,#d5e8ff,#fff); border: #fff solid 3px; opacity: 0; visibility: hidden; transform: translateY(100%); transition: all 0.6s ease; padding: 15px; width: 250px; box-shadow: 5px 5px 10px rgba(0,0,0,0.15); border-radius: 10px; } .fa_float2 .fa_wx_img { position: absolute; top: 0; right: 45px; width: auto; min-width: 120px; background: rgba(255, 255, 255, 0.95);  opacity: 0; visibility: hidden; transform: translateY(100%); transition: all 0.6s ease; padding: 5px; } .fa_float2 .fa_box_img img { width: 100%; } .fa_float2>div:hover .fa_wx_img { transition: all 0.6s ease; opacity: 1 !important; transform: translateY(0%) !important; visibility: visible !important; } .fa_float2>div:hover .fa_info { transition: all 0.6s ease; opacity: 1 !important; transform: translateY(0%) !important; visibility: visible !important; } .fa_float2 .fa_info .fa_wrap {  } .fa_float2 .fa_info .fa_tit { position: relative; } .fa_float2 .fa_info .fa_tit h3 { font-size: var(--f18); color: var(--main-color); font-weight: 500; } .fa_float2 .fa_info .fa_tit h3 a { color: var(--main-color); font-weight: inherit;  font-family: 'Barlow Condensed', sans-serif; word-wrap: break-word; } .fa_float2 .fa_info .fa_tit p { font-size: 14px; margin-top: 5px; } .fa_float2 .fa_info .fa_cnt { padding-top: 10px; margin-top: 10px; border-top: #eee solid 1px; } .fa_float2 .fa_info .fa_cnt h4 { font-size: 16px; margin-bottom: 10px; color: #333; } .fa_float2 .fa_info .fa_cnt h4 i { font-size: 14px; color: #fff; width: 20px; height: 20px; border-radius: 50%; line-height: 20px; text-align: center; background: var(--main-color); display: inline-block; margin-right: 10px; } .fa_float2 .fa_info .fa_cnt p { font-size: 14px; color: #333; line-height: 24px; font-weight: 6; } #fa_back{ border-top:#ddd solid 1px; } #fa_back .fa_icon { color: #333; } .fa_boximg img{ -webkit-animation: rotate3 4s linear infinite; animation: rotate3 4s linear infinite; -webkit-filter: blur(30px); filter: blur(30px); } @keyframes rotate3{ 0%{ rotate: 0deg; } 100%{ rotate: 360deg; } } @keyframes fa_span01_ani { 0% { width: 5px; } 100% { width: 48px; } } @keyframes fa_span02_ani { 0% { width: 48px; } 100% { width: 5px; } } @keyframes rangeScale22{ from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(1.5); } } .e_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; margin: 0px auto; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_portalResPublic_codeContainer-17436421033339184 .fa_tt{ text-align:right; } #c_portalResPublic_codeContainer-17436421033339184 p{ font-size:14px; display:inline-block; color:#333; margin-left:10px; } #c_portalResPublic_codeContainer-17436421033606434 .fa_Beian{ text-align:right; color:#333; line-height:24px; font-size:14px; opacity:1; } #c_portalResPublic_codeContainer-17436421033606434 .fa_Beian a{ margin-left:10px; } #c_portalResPublic_codeContainer-17436421033310239 .fa_ctcbox p{ font-size:14px; color:#fff; } #c_portalResPublic_codeContainer-17436421033310239 .e_box .fa_tt{ font-size:13px; color:#333; margin-bottom:0px; line-height:20px; } #c_portalResPublic_codeContainer-17436421033310239 .e_box .fa_ctcbox p{ width:100%; color:#fff; padding-left:25px; font-size:15px; position:relative; margin-bottom:10px; } #c_portalResPublic_codeContainer-17436421033310239 .fa_ctcbox p i{ position:absolute; left:0; color:var(--main-color); top:-1px; font-size:18px; } #c_portalResPublic_codeContainer-17436421033310239{ width:100%; max-width:360px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-17436421033339184{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:16px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-17436421033606434{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:40px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResnav_main-17436421033313167 dt img{ max-width:100px; } #c_portalResnav_main-17436421033313167{ width:auto; max-width:430px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-17436507132960752{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-17436684235570824 .top a img{ width:70px; height:auto; display:block; } #c_portalResPublic_codeContainer-17436684235570824 .fa_float2:hover{ opacity:0.6; } #c_portalResPublic_codeContainer-17436684235570824{ width:1912px; max-width:none; min-width:0px; height:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1743641291987 > div > .p_gridbox{ background-color:#DCFAFA; } #w_grid-1743641291987 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1743642098448 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1743642098448 > div > .p_gridbox{ background:#dcfafa; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1743642102917 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1743642102917 >div{ border-top:1px solid #999; background-color:#DCFAFA; position:relative; overflow:hidden; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1743642102920 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1743642102920 > div{ position:relative; z-index:5; } @media only screen and (max-width: 768px){ #w_grid-1743642102920 > div{ padding:20px; } } @media only screen and (min-width: 769px){ #w_grid-1743642102920 > div{ padding:40px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1743642102922 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1743642102922 >div{ animation-fill-mode:both; } #w_grid-1743642102922 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1743642102922> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1743642102922> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1743642102922> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1743642102922> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1743642102924 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1743642102924 >div{ animation-fill-mode:both; } #w_grid-1743641291987{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1743642098448{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:647px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1743642102917{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1743642102920{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1743642102922{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1743642102924{ width:100%; max-width:78px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResnav_main-17436412923966888 .yy_con1{ position:fixed; top:auto; width:100px; max-height:0; z-index:10; transition:all 0.6s ease; height:auto; overflow:hidden; margin-left:-40px; } #c_portalResnav_main-17436412923966888 .p_searchBtn{ width:36px; background:transparent; padding:6px 0px; height:auto; padding-bottom:0; padding-top:20px; margin-bottom:20px; } #c_portalResnav_main-17436412923966888 .p_searchBtn .font{ width:20px; height:20px; background:url(../image/gs_ss_icon1.png); background-size:contain; } #c_portalResnav_main-17436412923966888 .yy_con1:before{ content:''; display:block; height:0px; border-right:8px solid transparent; border-left:8px solid transparent; border-bottom:8px solid #eee; position:absolute; left:50%; transform:translateX(-50%); top:-8px; } #c_portalResnav_main-17436412923966888 .yy_open1{ max-height:300px !important; transition:all 0.6s ease; padding:10px 0; background:#fff; box-shadow:0 0 5px #ccc; overflow:visible !important; margin-top:16px; } #c_portalResnav_main-17436412923966888 .yy_con1 a{ display:block; width:100%; line-height:2; font-size:16px; text-align:center; color:#666; } #c_portalResnav_main-17436412923966888 .fa_Header.fa_Headeron .p_searchBtn .font, .fa_Header:hover .p_searchBtn .font{ background:url(../image/gs_ss_icon.png) !important; } #c_portalResnav_main-17436412923966888 .fa_Header.fa_Headeron .div_navlink .fa_btnbox span,.fa_Header:hover .div_navlink .fa_btnbox span{ background:#222; } #c_portalResnav_main-17436412923966888 .fa_Header:hover .fa_NavPc .fa_yjnav:hover .fa_yjlist span{ color:#00A89D; } #c_portalResnav_main-17436412923966888 .fa_Header:hover .fa_Logo a{ background-image:url(../image/al1.jpg); } #c_portalResnav_main-17436412923966888 .fa_Header.fa_Headeron .fa_Logo a{ height:66px; background-image:url(../image/al1.jpg); } #c_portalResnav_main-17436412923966888 .fa_topNavbox{ display:none; } #c_portalResnav_main-17436412923966888 .store{ border-left:0px solid #ccc; height:80px; display:flex; line-height:80px; align-items:center; padding:0 15px; width:172px; color:#333; } #c_portalResnav_main-17436412923966888 .store a{ font-size:16px; color:#333; margin:0 10px; } #c_portalResnav_main-17436412923966888 .store a:hover{ font-size:16px; color:#00A89D; } #c_portalResnav_main-17436412923966888 .store img{ margin-top:-5px; margin-right:5px; } #c_portalResnav_main-17436412923966888 .mail a{ padding:0 25px; } #c_portalResnav_main-17436412923966888 .mail{ height:80px; display:flex; line-height:80px; align-items:center; background:linear-gradient(135deg, #00a89d 0%, #00e6e6 100%); } #c_portalResnav_main-17436412923966888 .mail:hover{ opacity:0.6; -webkit-transition:0.3s opacityease; transition:0.3s opacityease; } #c_portalResnav_main-17436412923966888 .mail img{ margin-top:-5px; } #c_portalResnav_main-17436412923966888 .fa_list{ max-width:1160px; margin:0 auto; padding:30px 40px; } #c_portalResnav_main-17436412923966888 .navNameLink img{ width:100%; display:block; } #c_portalResnav_main-17436412923966888 .fa_yjnav:hover::after{ display:block; bottom:0; left:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(136, 183, 213, 0); border-bottom-color:#008F85; border-width:10px; margin-left:-10px; } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(4):hover::after{ display:none; } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(5):hover::after{ display:none; } #c_portalResnav_main-17436412923966888 .rq{ background:#fff; } #c_portalResnav_main-17436412923966888 .rq p{ padding:0 15px; line-height:1.2; margin-bottom:0px; color:#333; } #c_portalResnav_main-17436412923966888 p a{ padding-left:13px; background:url(../image/fh1.png) no-repeat left center; display:block; padding:5px 13px; padding-right:0; } #c_portalResnav_main-17436412923966888 .fa_Header .fa_NavPc .fa_yjnav:nth-child(1) .rq{ padding-bottom:20px; min-height:342px; } #c_portalResnav_main-17436412923966888 .fa_Header .fa_NavPc .fa_yjnav:nth-child(2) .rq{ min-height:315px; width:calc((100% - 90px) / 4); } #c_portalResnav_main-17436412923966888 .fa_Header .fa_NavPc .fa_yjnav:nth-child(2) .rq:nth-child(4){ margin-right:0; } #c_portalResnav_main-17436412923966888 .fa_Header .fa_NavPc .fa_yjnav{ float:left; } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(3) .fa_ejnav .rq{ width:calc((100% - 60px) / 3); } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(1) .fa_ejnav .rq{ width:calc((100% - 90px) / 4); } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(1) .fa_ejnav .rq:nth-child(4n){ margin-right:0; } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(3) .fa_ejnav .rq:nth-child(3n){ margin-right:0; } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(5) .fa_ejnav .rq:nth-child(3){ margin-right:30px; } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(5) .fa_ejnav .rq{ width:calc((100% - 120px) / 5); min-height:222px; } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(5) .rq:nth-child(5) .navNameLink{ display:none; } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(5) .rq:nth-child(5) span{ display:none; } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(5) .rq p{ padding:0; border-bottom:18px solid #008f85; margin-bottom:0; } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(5) .rq p a{ padding:16px 15px; line-height:1.2; margin-bottom:18px; color:#008f85; background:url(../image/ar.png) no-repeat #fff right 15px center; padding-right:50px; } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(5) .rq:not(:last-child) p{ display:none; } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(5) .rq a:hover{ color:rgba(0,143,133,0.6); } #c_portalResnav_main-17436412923966888 .fa_Header .fa_NavPc .fa_yjnav:nth-child(5) .fa_ejnav .navNameLink span{ padding-right:50px; line-height:1.5; } #c_portalResnav_main-17436412923966888 .fa_yjnav:nth-child(5) .fa_ejnav .rq:nth-child(5){ background:transparent; margin-right:0px; } #c_portalResnav_main-17436412923966888 .fa_Header .fa_NavPc .fa_yjnav:nth-child(5) .fa_ejnav .rq{ margin-bottom:0; } #c_portalResnav_main-17436412923966888 .fa_Header .fa_NavPc .fa_yjnav:nth-child(2) .rq:nth-child(3){ margin-right:30px; } #c_portalResnav_main-17436412923966888{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }