/*e_IndexOrdinaryStyleBox-001*/ .e_IndexOrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; } /*stylebox_link*/ .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); }/*e_SideMajorStyleBox-001*/ .e_SideMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .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); }.ce-yq-right{display:flex;align-items:center;} .ce-yqbox{display:flex;align-items:center;} .ce-yqbox h2{font-size:14px;color:#fff;font-family:"siyuan-bold"!important;margin-right: 1.5vw;} .ce-href-list{color:#fff;margin:0 1.8vw;display:inline-block;} .ce-href-list:hover{color: #f13200;}.fa_Logo a{ display:block; background-size:contain; } .fa_Headeron{ background: rgb(255, 255, 255)!important; box-shadow:0 2px 10px rgba(0,0,0,0.1); transition:all 0.5s; } @media only screen and (max-width: 768px) { .fa_Header{ margin:0 auto!important; border-radius:0!important; } .fa_Logo { max-width:60%; } .fa_Logo a{ height:50px; max-width:100%; } .c_portalResnav_main-01001001001 .p_problemCategory { display: block; } .c_portalResnav_main-01001001001 .p_navPc { display: none; } .c_portalResnav_main-01001001001 .p_linkBox { display: none; } .c_portalResnav_main-01001001001 .p_parent { display: block; } .c_portalResnav_main-01001001001 .p_categoryBtn:before { } .c_portalResnav_main-01001001001 .icon-arrow_up:before { content: "\e69a"; } .c_portalResnav_main-01001001001 .icon-arrow_down:before { content: "\e69c"; } .c_portalResnav_main-01001001001 .p_btn-show { color: #fff; background:#7F7F7F; } .c_portalResnav_main-01001001001 .p_btn-hide { width: 10%; height: 100%; float: left; background-color: #7F7F7F; } .c_portalResnav_main-01001001001 .p_category { width: 100%; height: 100%; position: fixed; top: 0; left: 100%; } .c_portalResnav_main-01001001001 .p_categoryBox { overflow-y: auto; width: 90%; height: 100%; float: left; background-color: rgb(239,239,245); } .c_portalResnav_main-01001001001 .p_categoryBox > .p_parentBox{ background-color: #FFFFFE!important; padding-left: 0px; } .c_portalResnav_main-01001001001 .p_parentBox{ width: auto; height: auto; color: #fff; } .c_portalResnav_main-01001001001 .p_parentBox { width: auto; height: auto; color: #fff; background-color: rgb(239,239,245); ; padding-left: 20px; } .c_portalResnav_main-01001001001 .p_childBox .p_parent{ border-bottom: 1px solid #c0c0c0; } .c_portalResnav_main-01001001001 .p_c-fff { display: inline-block; margin-top: 10px; margin-bottom: 10px; color: #fff; } .c_portalResnav_main-01001001001 .p_categoryBtn { display: block; margin: 12px 5px 10px 0; color: #000000; font-size: 12px; } } @media only screen and (min-width: 769px){ .c_portalResnav_main-01001001001 .p_problemCategory{ display: none; } .c_portalResnav_main-01001001001 .p_parent{ display: none; } .c_portalResnav_main-01001001001 .p_navPc{ display: block; } .c_portalResnav_main-01001001001 .p_linkBox{ display: block; } .c_portalResnav_main-01001001001 { width: auto; height: auto; overflow: visible; } .c_portalResnav_main-01001001001 .p_category { height: 100%; width: 100%; position: relative; background-color: #FFFFFE; z-index: 10; } .clearfix:before, .clearfix:after { content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden; font-size: 0; } .c_portalResnav_main-01001001001 .p_categoryBox{ line-height:24px; width: auto; float: left; } .c_portalResnav_main-01001001001 .p_categoryBox > .p_parentBox:hover { border-top: 3px solid #0068b7; } .c_portalResnav_main-01001001001 .p_categoryBox .p_title:hover{ color:#0068b7; } .c_portalResnav_main-01001001001 .p_categoryBtn{ display:inline-block; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; color:#0068b7; height:auto; width:14px; margin: 0 4px 0 0; padding:0; position:static; text-align: center; color:rgba(217,217,217,1); } .c_portalResnav_main-01001001001 .p_categoryBtn:hover{ border-width: 0; border-style: solid; color:#0068b7; border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_portalResnav_main-01001001001 .p_categoryBtn:active{ border-width: 0; border-style: solid; color:#0068b7; border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_portalResnav_main-01001001001 .p_linkBox .iconfont:before{ content:''; } .c_portalResnav_main-01001001001 .p_childBox .p_linkBox .icon-duduyinleappicon1401:before{ content:'\e65f'; color:#0068b7; font-size:10px } .c_portalResnav_main-01001001001 .p_categoryBox .p_childBox { border:1px solid rgba(240,240,240,1); box-shadow: 2px 1px 2px #c0c0c0; z-index: 9; background-color: #fff; } .c_portalResnav_main-01001001001 .p_categoryBox .p_parentBox{ position:relative; width: 200px; height: 40px; float: left; text-align: center; } .c_portalResnav_main-01001001001 .p_categoryBox .p_parentBox .p_parentBox{ float:none; } .c_portalResnav_main-01001001001 .p_parentBox:last-child .p_linkBox { border-bottom:0 none; } .c_portalResnav_main-01001001001 .p_categoryBox>.p_parentBox>.p_childBox{ position: fixed; left: auto; top: auto; width: auto; z-index: 10; } .c_portalResnav_main-01001001001 .p_categoryBox .slideOut{ position: absolute; left: 100%; top: 0; width: 100%; height: auto; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .fa_Top>div a{ display:inline-block; margin:10px 5px; color:#0068b7; font-size:14px; padding:0 5px; line-height: 14px; text-transform: uppercase; } .fa_Top>div a:first-child{ border-right:#0068b7 solid 1px; padding-right:15px; } .fa_Link2{ text-align:right; } @media only screen and (min-width: 1201px) { .fa_Top>div{ width:33.3333%; } .fa_NavMo{ display:none; } .fa_NavPc{ display:block; margin:0; flex-basis: 80%; } .fa_Logo img{ max-width:80px; } .fa_Logo{ text-align: left; flex-basis: 20%; } .fa_NavPc .fa_yjnav a{ display: block; } .fa_NavPc .fa_yjnav:hover .fa_ejnav{ max-height:1000px; transition: all 0.5s} .fa_NavPc .fa_yjnav { display: inline-block; line-height: 90px; } .fa_NavPc .fa_ejnav{ overflow:hidden; max-height:0; transition: all 0s; position:absolute; top:90px; left:0; right:0; background: rgba(255, 255, 255, 0.92); z-index:999; width: 100%; border-radius: 0; box-shadow: 0 2px 5px rgba(0,0,0,0.075); } .fa_NavPc .fa_ejnav a{ text-align:center; color:#333; font-size:12px; } .fa_NavPc .fa_ejnav a:hover{ color:#0068b7; } .fa_NavPc .fa_yjlist{ text-align:center; position:relative; transition: all 0.5s; padding: 0 1vw; } .fa_yjlist span{ z-index: 2; display: block; position: relative; color: #242424; font-size: 17px; transition: all .5s ease; } .fa_yjnav:hover .fa_yjlist span{ color:#0068b7; } .fa_BtnNav{ display:none!important; } .fa_flexline{ display: block!important; width: 80%; overflow: hidden; float:left; margin: 0 auto; } .yyoubian{ width: 20%; float: left; text-align: right; height: 90px; display: flex; align-items: center; } .yyoubian a{ font-size:18px; color:#fff; } .fa_HeaderLink{ display: none!important; transition: all 0.3s; position:absolute; top:50%; right:0; transform:translateY(-50%); display:flex; color:#fff; } .fa_BtnSearch { display:block; font-size:24px; color:#000; } .fa_HeaderLink div:nth-child(1){ margin-right:10px; } .fa_HeaderLink div:nth-child(1) a{ display:inline-block; color:#fff; font-size:14px; margin:0 5px; } .fa_HeaderLink div:nth-child(1) a i{ font-size:20px; } .fa_BtnSearch:hover{ color:#0068b7; } .fa_Headerwrap{ height:90px; } .fa_ejnav .fa_flexline{ padding: 60px 20px; max-width: 1270px; margin: 0 auto; left: 50%; transform: translateX(-50%); position: relative; } .fa_ejnav .fa_ejnav_l{ width: 65%; float:left; } .fa_ejnav .fa_ejnav_l a{ font-size: 16px; margin: 0; text-align: left; width: 34%; transition: all 0.5s; transform:translateY(50px); color:#333; opacity:0; float:left; position:relative; padding-left:15px; line-height: 50px; } .fa_ejnav .fa_ejnav_l a:before{ position:absolute; left:0; transform:translateY(-50%); top:50%; width:5px; height:5px; display:block; border-radius:50%; background:#000; content:""; } .fa_yjnav:hover .fa_ejnav_l a{ transform:translateY(0%); opacity:1; } .fa_ejnav .fa_ejnav_l a:hover{ color:#000; } .fa_ejnav .fa_ejnav_l a i{ display:inline-block; opacity:0; transform:translateX(30px); transition: all 0.5s; color:#0068b7; } .fa_ejnav .fa_ejnav_l a:hover i{ opacity:1; transform:translateX(0); } .fa_ejnav .fa_ejnav_r{ width: 20%; max-width: 400px; overflow: hidden; float: right; } .fa_ejnav .fa_ejnav_r img{ width:100%; transition: all 0.5s; } .fa_ejnav .fa_ejnav_r:hover img{ transform: scale(1.2); } .fa_ejnav .fa_ejnav_l h1{ font-size: 20px; font-weight: bold; color: #0068b7; margin: 20px 0; width: 90%; text-align: left; border-bottom: 1px #aaa dotted; padding: 0 0 20px; } } @media only screen and (max-width: 1200px) { .fa_Header{ background:#fff; } .fa_Headerwrap{ height:70px; } .fa_NavMo{ display:block; position:fixed; top:0; left:0; right:0; background:rgba(255,255,255,0.9); background-repeat:no-repeat; background-size:cover; background-image:url('xy_dh_bg.png'); background-position:center bottom; height:0%; width:100%; overflow:hidden; z-index:9990; transition: all 0.5s; } .fa_NavPc{ display:none; } .fa_BtnSearch{ display:none!important; } .fa_Top{ align-items:center; } .fa_Top>div:first-child{ display:none; } .fa_Top>div{ width:50%; } .fa_Logo{ text-align:left; } .fa_Logo img{ max-height: 51px; } .fa_BtnNav i{ font-size:24px; } .fa_NavMo ul{ padding: 50px 20px 20px; position:relative; } .fa_NavMo>span{ font-size:24px; color:#111; position:absolute; top:30px; right:20px; z-index:9991; } .fa_myjnav{ display:block; opacity:0; transform: translateY(30px); transition: all 0.5s; } .fa_mejnav{ overflow:hidden; max-height:0; transition: all 0.5s; } .fa_NavMo .fa_mejnav a{ font-size:14px; color:#111; } .fa_myjlist{ font-size: 18px; margin-top: 10px; } .fa_myjlist i{ font-size:16px; } .fa_mejnavon .fa_myjlist i{ transform: rotate(90deg); } .fa_mejnavon .fa_mejnav{ max-height:1000px; } .fa_BtnNav{ position:absolute; top:50%; transform:translateY(-50%); right:20px; color: #0954a5; } .fa_myjnav a{ display:block; text-align:center; color:#333; padding:10px; text-transform: uppercase; } .fa_NavMo_on{ height:100%; bottom:0; } .fa_NavMo_on .fa_myjnav{ transform: translateY(0); opacity:1; } .fa_NavMo a:hover, .fa_NavMo a:focus { color: #0068b7; } } .fa_Header{ width:100%; transition:all 0.5s; position:fixed!important; top:0; left:0; right:0; z-index:990; background: rgba(253, 253, 253, 0.8); } .fa_Headerwrap{ display: flex; align-items: center; justify-content: space-between; margin: auto; max-width: 1250px; padding: 0 20px; } .fxbox{font-size:0px;text-align: right;width: 100%;} .fxbox a{display:inline-block;text-align:right;margin-left:10px;} .fa_Header:hover{background-color:#fff;} .c_portalResnav_main-01001001 .show_ul{overflow:hidden;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} .c_portalResnav_main-01001001 a{ color:#fff; } .c_portalResnav_main-01001001 .yj_link{font-size: 16px;font-family: siyuan-Bold!important;} .c_portalResnav_main-01001001 .ej_link{font-size:14px;color: #d8d8d8;line-height: 2.6;} .c_portalResnav_main-01001001 .ej_ul{margin-top: 20px;display: none;} @media only screen and (max-width: 768px){ .c_portalResnav_main-01001001 .nav{display:none;} }@font-face { font-family: 'iconfont'; /* Project id 2365634 */ src: url('//at.alicdn.com/t/font_2365634_7da5ikq6v04.woff2?t=1621580295407') format('woff2'), url('../fonts/font_2365634_7da5ikq6v04.woff') format('woff'), url('../fonts/font_2365634_7da5ikq6v04.ttf') format('truetype'); } .last-list{margin-left:3%;} .header-topbox{ background: #fff; } .header-top{max-width: 1500px;margin:0 auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;line-height: 30px;width: 90%;} .sjlist a:hover{transition:all 0.3s ease-out;background: #f13200;color: #fff;} .nav_active{} .pc_nav{ } .d-right:hover{ color:#fff; } .d-cright:hover{ color:#fff; } input::-webkit-input-placeholder { font-size:16px; color:#fff; } .header1{ position: relative; background-color: #fff; width:100%; z-index: 99; transition: all 0.5s; padding-top: 23px; border-top: solid 1px #f2f2f2; } .Language{ background-image:url(rbqbg2atwx2eynswaaaaadygwus341.png); background-repeat: no-repeat; font-size: 14px; color: #fff; padding-left: 24px; background-position: center left; margin-right: 1.5vw; position: relative; cursor: pointer; } .navlogo{ width: 325px; } .header-left{ width: 90%; max-width: 1600px; margin: 0 auto; align-items: center; position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; flex-wrap: wrap; } .nav-fr{ -webkit-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; -o-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; -moz-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; -ms-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; position: relative; opacity: 1; top: 0; text-align: center; width: 100%; } .hvr-left{ display: inline-flex; align-items:center; position: relative; width: 100%; } .f-ul{ font-size:0px; text-align: center; display: flex; } .home-dec{ font-size: 18px; color: #333; line-height: 18px; transition: all 0.1s ease-out; width: 100%; display: block; padding-bottom: 20px; } .yj-abox span{ display:inline-block; margin-left:10px; font-size: 10px; color: #fff; font-weight: 100; margin-top: 5px; } .last-left{ padding-right:0px; position: relative; top: 2px; padding-left: 2vw; display: none; } .yj-abox{ display:flex; align-items:center; width: 100%; } .search-alert{ position:absolute; right:0px; top: -62px; background-color:#2A333D; width: 72.5%; -webkit-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; -o-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; -moz-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; -ms-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; } .pc_nav input{ width:100%; display:block; height:62px; background:none; border:none; box-shadow:none; padding:0 30px; color: #fff!important; font-size: 18px; } .et-search1.header1{overflow: hidden;} .pc_nav .clos{ position:absolute; right: 0; top: 18px; cursor: pointer; } .et-search-form.search-alert{ top:0px; opacity:1; -webkit-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; -o-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; -moz-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; -ms-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; } .et-search.nav-fr{ -webkit-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; -o-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; -moz-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; -ms-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; top: 62px; opacity: 0; } .nav-sub{ position: absolute; background: #fff; visibility: hidden; opacity: 0; box-shadow: 0 2px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1); -webkit-transform: translateZ(0); text-align: center; top: 38px; width: 100%; } .hvr-left:hover .nav-sub{ -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity:1; visibility: visible; } .d-left{ font-size:16px; color:#fff; display:inline-block; } .d-right{ display:inline-block; font-size:14px; width:97px; height:26px; text-align:center; line-height:26px; border: solid 1px #fff; color:#fff; margin-left: 2.5vw; } .d-box-right{ display: inline-flex; color:#fff; } .nav-top-colorbox{ background-color:#dfa324; } .d-cright{ line-height: 24px; } .d-box{ width: 90%; align-items: center; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; max-width: 1100px; padding: 13px 0; margin: 0 auto; font-family: neue; } .d-box-right img{ margin-right:7px; } .sjlist a{ font-size: 14px; color: #000; padding: 6px 10px; display:block; line-height: 2em; border-bottom: 1px dotted #eaeaea; } .Language i{ margin-left:8px; font-size: 12px; color: #fff; } .pc_nav .home-dec:hover{ color: #f13200; } .hvr-left:hover .yj-abox{ -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .pc_nav{background: #f8f8f8;} .nav_menu{ display:none; } .navlogo .img1{ } .Language_findbox{ width: 240px; position:absolute; padding: 30px 0; background-image: linear-gradient(180deg,rgb(26 30 35) 0%,rgb(29 32 37) 100%); opacity: 0; visibility: hidden; left: 0; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); -webkit-transform: translateZ(0); } .Language:hover .nowbox{ opacity:0.7; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .Language:hover .Language_findbox{ -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity:1; visibility: inherit; } .Language_findbox a{ display:block; color:#fff; font-size:18px; text-align: left; padding: 0 40px; line-height: 40px; } .Language_findbox a img{ margin-right:10px; } @media only screen and (max-width: 1024px){ .header-topbox{} .mologobox{width: 320px;} .mologobox img{max-width:100%;} .header-left-top{display:none!important;} .navlogo .img1{ display:block; width: 150px; display: none; } .navlogo .img2{ display: block; width: 150px; } .d-left{ font-size:13px; } .d-box{ display:block; padding: 8px 0; } .Language{ margin-right:4vw; } .Language img{ margin-left:2px; } .Language span{ display:none; } .nav_menu{ display:block; position: relative; margin-left: 15px; font-size: 22px; color: #333; top: -2px; } .f-ul{ display:none; position: fixed; width: 100%; left: 0; top: 80px; background: rgb(49 51 53); height: 1000px; padding: 20px 33px; } .search-alert{ width:100%; } .hvr-left{ width:100%; flex-wrap: wrap; } .last-left{ width: 100%; display: block; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 0; border: none; } .nav-sub{ position:relative; width: 100%; opacity: 1; top: 0; visibility: inherit; display: none; transition: all .0s ease-in-out!important; background: none; box-shadow: none; } .yj-abox span{ position:absolute; right:0px; width: 40px; height: 40px; line-height: 40px; z-index: 99; font-size: 11px; color: #fff; } .home-dec{ line-height: 45px; height: 45px; font-size: 14px; color: #fff; } .sjlist a{ font-size: 13px; text-align: center; color: #e8e8e8; border: none; } .yj-abox{ border-bottom: solid 1px rgb(255 255 255 / 6%); } .Language_findbox{ width: 49px; padding: 5px 0; } .Language_findbox a{ padding:0 5px; line-height: 20px; } } .pc_nav input:-webkit-autofill, .pc_nav textarea:-webkit-autofill, .pc_nav select:-webkit-autofill { -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0 1000px #2A333D inset !important; color: #fff!important; } .sjbox{position:absolute;left:100%;width: 101%;top: 0;background: #1d2025;display: none;padding: 10px 0;} .fojbox{position: absolute;width: 100%;top: 0;background: #1d2025;height: 100%;overflow: hidden;z-index:-1;opacity:0;top: 26%;padding: 0 30px;transform: translateX(-30px);} .activea .fojbox{opacity:1!important;z-index:1!important;transform: translateX(0px);transition: all 0.7s ease-out;} .forlist{float:left;width: 33.333%;overflow: hidden;padding: 0 10px!important;} .forlist img{max-width:100%;height: auto;} .sjline{content:"";display:block;width:2px;height: calc(25% - 15px);background-color: #dfa324;position:absolute;right:0px;top:0px;transition:all 0.3s;margin-top: 9px;} .fobigbox{ position: absolute; left: 100%; width: 200%; top: 0; background: #1d2025; overflow: hidden; z-index: -1; height: 100%; } .header-top-left{color: #666;font-size: 12px;} .header-top-right{font-size: 12px;color: #666666;} .header-top-right *{font-size: 12px;color: #666;} .header-top-right img{margin-right:12px;position:relative;top: -2px;} .header-top-left img{margin-right:10px;position:relative;top: -2px;} .logobox{margin-right:23px;} .right-tb{} .right-tel{font-size: 16px;color: #333;display: flex;padding-right: 4vw;} .top-left{display:flex;align-items:center;} .top-right{ display: flex; margin-top: 8px; } .right-tb {margin-right:20px;} .right-tel span{display:block;} .header-left-top{max-width: 1600px;margin:0 auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;width: 90%;padding-top: 30px;padding-bottom: 30px;} .right-tel a{display:block;color: #333;} .activea .fobigbox{z-index:1;} .search-btn i{color:#000;font-size:16px;} .search-btn{margin-left: 15px;} .home-dec:after{content:"";display:block;width: 0;height: 3px;background-color:#f13200;position:absolute;bottom: 0;transition: all 0.3s;left: 50%;opacity: 0;} .home-dec:before{content:"";display:block;width: 0;height: 3px;background-color:#f13200;position:absolute;bottom: 0;transition: all 0.3s;width:1px;height:18px;background-color:#e4e4e4;left:0px;top:0px;} .hvr-left:hover .home-dec:after{width:100%;width:80%;left:10%;opacity:1;} @media only screen and (max-width: 1450px){ .hvr-left{ } .navlogo{width:223px;} .navlogo img{max-width:100%;} .nav-fr{} } @media only screen and (min-width:768px){ .hvr-left:last-child:before{content: '';display: block;width: 1px;height: 18px;background-color: #e4e4e4;position: absolute;right: 0;top: 0;} .yj-abox span{display:none;} .navlogo .img2{display:none;} } @media only screen and (max-width:768px){ .home-dec:before{display:none;} .home-dec:after{display:none;} .mologobox{width: calc((100% - 95px)/1);} } @media only screen and (max-width:1024px){ .logo-textbox{position:absolute;left: 100px;top: 3px;text-align: left;font-size: 12px;} .navlogo .img1{display:none;} .pc_nav{height:60px;} .header1{height:60px;background: #fff;padding: 5px 0;overflow: hidden;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .f-ul{top:60px;} }/*图片标题列表*/ .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(camera.png) no-repeat center; }.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%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .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; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @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; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }#w_grid-1579164043209{position:relative;z-index:0!important;} @media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001028{ width:100%; } } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001028{ width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }@media only screen and (max-width: 768px){ #w_grid-1595241420584 .p_gridbox{border:none;} #c_portalResPublic_codeContainer-15952368146939599 ul{margin:0 auto!important;} #c_portalResPublic_codeContainer-15952368146939599 li img{max-width:25px;} #c_portalResPublic_codeContainer-15953077042961546 h1{font-size:16px!important;} #c_portalResPublic_codeContainer-15953077042961546 li{width:50%!important;} #c_portalResPublic_codeContainer-15953088848522015 h1,#c_portalResPublic_codeContainer-15953091266677804 h1{font-size:14px!important;} #c_portalResPublic_codeContainer-15953088848522015 li,#c_portalResPublic_codeContainer-15953091266677804 li{padding:0 10px!important;} .pro-list__header .title{font-size:18px!important;} .pro-list__header .more span{font-size:14px!important;} .pro-list__header{margin-top:30px;} }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{width:100%;margin:0px auto;}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width:1024px){ } @media only screen and (max-width: 1200px) and (min-width:1024px){ } @media only screen and (max-width: 1200px) and (min-width:1024px){ } @media only screen and (max-width: 1200px) and (min-width:1024px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width:1440px) and (min-width:1200px){ } @media only screen and (max-width:1200px) and (min-width:1024px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1460px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResnav_main-16196671081437786{ width:auto; 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-16197662180308822{ 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_portalResFriendlink_list-16216505803150738{ 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; } #c_portalResnav_main-16196660372486237{ width:auto; 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; } #w_grid-1573265972119 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1573265972119*/ /*w_grid-1573265972119*/ /*w_grid-1573265972119*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1600929694937 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1600929694937*/ /*w_grid-1600929694937*/ /*w_grid-1600929694937*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1621650549485 > div > .p_gridbox{ background-color:rgba(81, 81, 81, 1); } #w_grid-1621650549485 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1621650549485 >div{ animation-fill-mode:both; } #w_grid-1621650549485 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1621650549485*/@media only screen and (max-width: 768px){ #w_grid-1621650549485> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0; } #w_grid-1621650549485> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1621650549485> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } /*w_grid-1621650549485*/@media only screen and (min-width: 769px){ #w_grid-1621650549485> div > .p_gridbox > .p_gridCell{ margin-bottom:1.3rem; margin-top:1.3rem; margin-left:0px; } #w_grid-1621650549485> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1621650549485> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } /*w_grid-1621650549485*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1621650549485> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1621650549485> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1621650549485> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1621650563463 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1621650563463*/ /*w_grid-1621650563463*/ /*w_grid-1621650563463*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1619666774082 > div > .p_gridbox{ background-color:rgba(51, 51, 51, 1); } #w_grid-1619666774082 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1619666774082 >div{ animation-fill-mode:both; } #w_grid-1619666774082 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1619666774082*/@media only screen and (max-width: 768px){ #w_grid-1619666774082> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1619666774082> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1619666774082> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } /*w_grid-1619666774082*/@media only screen and (min-width: 769px){ #w_grid-1619666774082> div > .p_gridbox > .p_gridCell{ margin-bottom:4rem; margin-top:4rem; margin-left:0px; } #w_grid-1619666774082> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1619666774082> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } /*w_grid-1619666774082*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1619666774082> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1619666774082> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1619666774082> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1619666802831 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1619666802831 >div{ animation-fill-mode:both; } #w_grid-1619666802831 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1619666802831*/ /*w_grid-1619666802831*/@media only screen and (min-width: 769px){ #w_grid-1619666802831> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:3%; } #w_grid-1619666802831> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:48.5%; margin-left:3%; margin-right:0px; clear:none; } #w_grid-1619666802831> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:48.5%; } #w_grid-1619666802831> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } /*w_grid-1619666802831*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1619666802831> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1619666802831> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1619666802831> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1619666802831> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_grid-1619766826162 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1619766826162 span{ font-family:'siyuan-Bold'!important; } /*w_grid-1619766826162*/ /*w_grid-1619766826162*/ /*w_grid-1619766826162*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1619666834880 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1619666834880 >div{ animation-fill-mode:both; } #w_grid-1619666834880 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1619666834880*/ /*w_grid-1619666834880*/@media only screen and (min-width: 769px){ #w_grid-1619666834880> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:2%; } #w_grid-1619666834880> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:45.0212%; margin-left:2%; margin-right:0px; clear:none; } #w_grid-1619666834880> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:52.97879999999999%; } #w_grid-1619666834880> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } /*w_grid-1619666834880*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1619666834880> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:2%; } #w_grid-1619666834880> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:49%; margin-left:2%; margin-right:0; clear:none; } #w_grid-1619666834880> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:49%; } #w_grid-1619666834880> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_grid-1619666989155 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1619666989155*/ /*w_grid-1619666989155*/ /*w_grid-1619666989155*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1621651540365 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1621651540365 >div{ animation-fill-mode:both; } #w_grid-1621651540365 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1621651540365*/@media only screen and (max-width: 768px){ #w_grid-1621651540365> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1621651540365> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:58.589999999999996%; margin-left:0; margin-right:0; clear:none; } #w_grid-1621651540365> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:41.410000000000004%; } #w_grid-1621651540365> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } /*w_grid-1621651540365*/@media only screen and (min-width: 769px){ #w_grid-1621651540365> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1621651540365> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1621651540365> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } /*w_grid-1621651540365*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1621651540365> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1621651540365> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1621651540365> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1621651540365> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fimg-1619666948214 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1619666948214 >div{ animation-fill-mode:both; } #w_grid-1619667154969 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1619667154969 >div{ animation-fill-mode:both; } #w_grid-1619667154969 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1619667154969*/ /*w_grid-1619667154969*/@media only screen and (min-width: 769px){ #w_grid-1619667154969> div > .p_gridbox > .p_gridCell{ margin-bottom:4rem; margin-top:4rem; margin-left:0; } #w_grid-1619667154969> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1619667154969> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } /*w_grid-1619667154969*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1621667848859 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1621667848859*/@media only screen and (max-width: 768px){ #w_grid-1621667848859 *{text-align:left!important;} } /*w_grid-1621667848859*/ /*w_grid-1621667848859*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1573265972119{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:120px; 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-1600929694937{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:500px; 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-1621650549485{ 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-1621650563463{ width:90%; max-width:1600px; 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-1619666774082{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; 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-1619666802831{ width:90%; max-width:1600px; 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-1619766826162{ 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_common_text-1619666841194{ width:auto; 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; } #w_grid-1619666834880{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:3.2%; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1619666881251{ width:auto; max-width:none; min-width:0px; height:140px; 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-1619666989155{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1621651540365{ width:100%; max-width:274px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1619666948214{ width:100%; max-width:110px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1619666993750{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:8px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1619667154969{ 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-1621667848859{ 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_common_text-1619667162861{ width:auto; 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; }