.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-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_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-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_ContentMajorStyleBox-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_ContentMajorStyleBox-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; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .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); } .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); }.e_AllWBox-001{ width: 490px; height: 39px; background-color:transparent; } .w_wbox-001 .p_wbox{ background-color: transparent; } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; } .w_vline-001 .p_Vline{ width:1px; height:200px; background-color:rgba(189,189,189,0); width:0px; border-left-width: 1px; border-left-style: solid; border-left-color:rgba(189,189,189,1); opacity:1; filter:alpha(opacity:100); }.w_vline-001{ position:absolute; width:1px; height:300px; left:20px; top:20px; } .w_vline-001 .w_vline{ width:inherit; height:100%; } .w_vline-001 .p_Vline{ width:inherit; height:100%; }#c_public_htmlCode-15500291382235511{width:100%!important;} #c_public_htmlCode-15841721415876814 { background: #111; padding: 30px; } .c_public_htmlCode-01001{ position:absolute; width:300px; height:390px; overflow:hidden; } #c_public_htmlCode-15767177974314882{ width: 100%!important; left: 0px!important; top: 150px!important; pointer-events: none; animation-name:fadeInRight; animation-duration:2s; animation-delay:2s; animation-fill-mode:both; } .hamburger-navigation { width: 100%; height: 100%; position: fixed; display: flex; flex-direction: column; justify-content: center; text-align: center; margin: 0; padding: 0; visibility: hidden; } .hamburger-navigation li { width: 100%; float: left; opacity: 0; pointer-events: none; display: block; transition: transform 0.3s, opacity 0.3s; transform: translateY(100%); transition-timing-function: ease-out; margin: 15px 0; } .hamburger-navigation li .dropdown { display: none; margin: 0; padding: 0 10%; } .hamburger-navigation li .dropdown li { width: auto; margin: 0 10px; display: inline-block; float: none; font-size: 14px; font-weight: 700; } .hamburger-navigation li .dropdown li .dropdown { padding: 0; margin-top: 10px; } .hamburger-navigation li .dropdown li .dropdown li { font-size: 17px; font-weight: 400; font-family: var(--font-secondary); } .hamburger-navigation.is-opened { z-index: 5; visibility: visible; } .hamburger-navigation li a { color: #fff; opacity: 1; font: 46px/1.1 "times new roman", arial, tahoma, "Microsoft Yahei", "Microsoft JhengHei", sans-serif; text-transform: uppercase; position: relative; } .hamburger-navigation li p { color: #fff; opacity: 1; font-size: 20px; text-transform: uppercase; position: relative; } .hamburger-navigation li a { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transform: all 0.4s ease; transition: all 0.4s ease; } .hamburger-navigation li a span { font-size: 11px; padding: 0 5px; background: #fff; color: #f50c1a; position: absolute; right: -4px; top: -14px; } .hamburger-navigation li a:hover { text-decoration: none; text-shadow: 0 0 30px rgba(255,255,255,0.6); } .hamburger-navigation.is-opened li { opacity: 1; transform: translateY(0) rotate(0); pointer-events: auto; transition-timing-function: ease; transition-duration:1s; } .hamburger-navigation li:nth-of-type(1) { transition-delay: 0s; } .hamburger-navigation.is-opened li:nth-of-type(1) { transition-delay: 1.2s; } .hamburger-navigation li:nth-of-type(2) { transition-delay: 0s; } .hamburger-navigation.is-opened li:nth-of-type(2) { transition-delay: 1.4s; } .hamburger-navigation li:nth-of-type(3) { transition-delay: 0s; } .hamburger-navigation.is-opened li:nth-of-type(3) { transition-delay:1.6s; } .hamburger-navigation li:nth-of-type(4) { transition-delay: 0s; } .hamburger-navigation.is-opened li:nth-of-type(4) { transition-delay: 1.8s; } .hamburger-navigation li:nth-of-type(5) { transition-delay: 0s; } .hamburger-navigation.is-opened li:nth-of-type(5) { transition-delay: 2s; } .hamburger-navigation li:nth-of-type(6) { transition-delay: 0s; } .hamburger-navigation.is-opened li:nth-of-type(6) { transition-delay: 2.2s; } .shape-overlays { width: 100vw; height: 100vh; pointer-events: none; position: fixed; top: 0; left: 0; z-index: 4; } .shape-overlays.is-opened { pointer-events: auto; } .shape-overlays__path:nth-of-type(1) { fill: #000; } .shape-overlays__path:nth-of-type(2) { fill: #910011; } .shape-overlays__path:nth-of-type(3) { fill: #1d1d1f; } @-webkit-keyframes intervalHamburgerBorder { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 80% { -webkit-transform: scale(1.6); transform: scale(1.6); } 100% { opacity: 0; -webkit-transform: scale(1.6); transform: scale(1.6); } } @keyframes intervalHamburgerBorder { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 80% { -webkit-transform: scale(1.6); transform: scale(1.6); } 100% { opacity: 0; -webkit-transform: scale(1.6); transform: scale(1.6); } } .header{background:rgba(0,0,0,0.5);} .hamburger { width: 35px; height: 35px; display: block; position: relative; cursor: pointer; z-index: 110;  background: #910011; pointer-events: auto; -webkit-tap-highlight-color: rgba(0,0,0,0); margin-top: 0px!important; display: none; } .hamburger__line { width: 20px; height: 2px; overflow: hidden; position: absolute; z-index: 10; } .hamburger__line-in { width: 84px; height: 2px; position: absolute; top: 0; left: 0; } .hamburger__line-in::before, .hamburger__line-in::after { width: 28px; height: 2px; content: ''; display: block; position: absolute; top: 0; background-color: #fff; } .hamburger__line-in::before { left: -56px; } .hamburger__line-in::after { left: 0; } .hamburger__line--01, .hamburger__line--02, .hamburger__line--03, .hamburger__line--cross01, .hamburger__line--cross02 { left: 8px; } .hamburger__line--01 { top: 10px; } .hamburger__line--02, .hamburger__line--cross01, .hamburger__line--cross02 { top: 16px; } .hamburger__line--03 { top: 22px; } .hamburger__line--cross01 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .hamburger__line--cross02 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger__line { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger__line-in { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger__line-in::before, .hamburger__line-in::after { -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .hamburger__line-in--cross01, .hamburger__line-in--cross02 { -webkit-transform: translateX(-33.3%); transform: translateX(-33.3%); } .hamburger__line-in--01 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .hamburger__line-in--02 { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .hamburger__line-in--02::before, .hamburger__line-in--02::after { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .hamburger__line-in--03 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .hamburger__line-in--03::before, .hamburger__line-in--03::after { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .hamburger__line-in--cross01 { -webkit-transition-delay: 0.0s; transition-delay: 0.0s; } .hamburger__line-in--cross02 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .hamburger__line-in--cross02::before, .hamburger__line-in--cross02::after { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .hamburger.is-opened-navi .hamburger__line-in--01, .hamburger.is-opened-navi .hamburger__line-in--02, .hamburger.is-opened-navi .hamburger__line-in--03 { -webkit-transform: translateX(33.3%); transform: translateX(33.3%); } .hamburger.is-opened-navi .hamburger__line-in--cross01, .hamburger.is-opened-navi .hamburger__line-in--cross02 { -webkit-transform: translateX(0); transform: translateX(0); } .hamburger.is-opened-navi .hamburger__line-in--01 { -webkit-transition-delay: 0s; transition-delay: 0s; } .hamburger.is-opened-navi .hamburger__line-in--02 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .hamburger.is-opened-navi .hamburger__line-in--03 { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .hamburger.is-opened-navi .hamburger__line-in--cross01 { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .hamburger.is-opened-navi .hamburger__line-in--cross02 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .hamburger:hover .hamburger__line-in::before, .hamburger:hover .hamburger__line-in::after { -webkit-transform: translateX(200%); transform: translateX(200%); } .hamburger:hover .hamburger__line-in--01::before, .hamburger:hover .hamburger__line-in--01::after, .hamburger:hover .hamburger__line-in--02::before, .hamburger:hover .hamburger__line-in--02::after, .hamburger:hover .hamburger__line-in--03::before, .hamburger:hover .hamburger__line-in--03::after { -webkit-transition-duration: 1s; transition-duration: 1s; } .hamburger:hover .hamburger__line-in--cross01::before, .hamburger:hover .hamburger__line-in--cross01::after, .hamburger:hover .hamburger__line-in--cross02::before, .hamburger:hover .hamburger__line-in--cross02::after { -webkit-transition-duration: 0s; transition-duration: 0s; } .hamburger.is-opened-navi:hover .hamburger__line-in--cross01::before, .hamburger.is-opened-navi:hover .hamburger__line-in--cross01::after, .hamburger.is-opened-navi:hover .hamburger__line-in--cross02::before, .hamburger.is-opened-navi:hover .hamburger__line-in--cross02::after { -webkit-transition-duration: 1s; transition-duration: 1s; } .hamburger.is-opened-navi:hover .hamburger__line-in--01::before, .hamburger.is-opened-navi:hover .hamburger__line-in--01::after, .hamburger.is-opened-navi:hover .hamburger__line-in--02::before, .hamburger.is-opened-navi:hover .hamburger__line-in--02::after, .hamburger.is-opened-navi:hover .hamburger__line-in--03::before, .hamburger.is-opened-navi:hover .hamburger__line-in--03::after { -webkit-transition-duration: 0s; transition-duration: 0s; } .btnMore{ border-radius: 25px; height: 50px; line-height: 50px; width: 180px; text-align: center; color: #fff!important; background-color: #910011; display: block; position: relative; overflow: hidden; text-transform: uppercase; font-size: 12px; font-family: arial, helvetica, sans-serif;} .btnMore .txt { color: #fff; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; display: block;} .btnMore .txt:before { position: relative; content: ''; display: block; margin-top: 100%;} .btnMore .txt:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%;} .btnMore:hover{ background-color: #73010e;} .btnMore:hover .txt {-moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;} .btnMore:hover .txt:after {-moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s;} @-webkit-keyframes anim-out-pseudo { 0% {background: rgba(0, 0, 0, 0.45);}100% {background: transparent;} } @-moz-keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.45); }100% { background: transparent; } } @-ms-keyframes anim-out-pseudo { 0% {background: rgba(0, 0, 0, 0.45);}100% { background: transparent;} } @keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.45);}100% {background: transparent;} } @-webkit-keyframes anim-out { 0% { width: 0%;}100% {width: 100%; } } @-moz-keyframes anim-out { 0% { width: 0%; } 100% {width: 100%;} } @-ms-keyframes anim-out { 0% {width: 0%;}100% {width: 100%;} } @keyframes anim-out { 0% {width: 0%; } 100% {width: 100%;} } .top_nav_mm{margin-left: 15px;width:70px;height:35px;float:right;} .top_nav_mm ul li { float: left; text-transform: uppercase; color: #fff; width: 35px; height: 35px; text-align: center; line-height: 35px; border: 1px solid #910011; } .top_nav_mm ul li.lang a { display: block; color: #fff; } .Scroll-tip { position: absolute; z-index: 5; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100px; color: #fff; text-align: center; } .Tipss { text-transform: uppercase; font-size: 0.825rem; } .tip_anim { display: inline-block; margin: 0.75rem 0; height: 80px; left: 50%; margin-left: -1px; position: relative; } .Tipss span { text-align: center; width: 100%; display: inline-block; color: #fff;  } .tip_anim span { display: inline-block; width: 2px; height: 100%; background: #fff; animation-name: scrollTip; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.82, 0.24, 0.25, 1); } @keyframes scrollTip { 0% { transform: scale(1, 0); transform-origin: top; } 49% { transform: scale(1, 1); transform-origin: top; } 51% { transform: scale(1, 1); transform-origin: bottom; } 100% { transform: scale(1, 0); transform-origin: bottom; } } .header{opacity: 1!important;} .c_product_category-01001016 .p_articlesA.current .p_link{ background: #910011!important; cursor: pointer; } .c_product_category-01001016 .p_articlesA.current .font{ color: #fff!important; cursor: pointer; } .c_news_category-01001003 .p_articlesA.current .p_link{ background: #910011!important; cursor: pointer; } .c_news_category-01001003 .p_articlesA.current .font{ color: #fff!important; cursor: pointer; }.w_hline-001 .p_HLine{ border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); } .w_hline-001{ position:absolute; width:300px; height:1px; left:100px; top:20px; } .w_hline-001 .w_hline{ width:100%; height:inherit; }.w_rbox-001{ position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%;  } #w_rbox-1536315607779{left:50%!important;margin-left:-500px;top:50%!important;margin-top:-150px;} #w_rbox-1536315607779 span{text-shadow:0 3px 3px rgba(0, 0, 0, 0.3);} #w_rbox-1576655962119{width:65%!important;top:0px!important;left:35%!important;height:100%!important;} #w_rbox-1576666774164,#w_rbox-1576670954693{left:50%!important;margin-left:-600px;top:50%!important;margin-top:-250px;} #w_common_text-1540264566780,#w_common_text-1576649208552{opacity: 0.65;}.c_public_htmlCode-01001014{ position:absolute; width:300px; height:390px; } .index_about_wenzi{ font-famliy:Impact !important; color:#333; font-size:180px; } .index_about{width:630px;} .index_about_biao{ float:left; width:60%;} .index_about_biao h1{ font-family:"Impact"; font-size:32px; color:#222; font-weight:normal; text-transform:uppercase ; } .index_about_biao h2{ font-family:"arial"; font-size:16px; color:#222; font-weight:normal; } .index_about_more a{ float:right;width:40%;text-align: right; line-height: 60px;color:#212121;transition:all 0.5s ease 0s;} .index_about_more a:hover{color:#c49155;transition:all 0.5s ease 0s;} .hj_san{padding:10px 10px 0;font-size:12px;font-weight:bold;margin:40px 0 0 0; font-family:微软雅黑; font-weight:bold;} .hj_san li{float:left;margin-right:80px;display:inline;} .hj_san li .bi{position:relative;z-index:0;} .hj_san li .bi:hover{z-index:99;} .hj_san li .bi:hover span{visibility:visible;top:0;left:0;cursor:pointer;} .hj_san li .bi span{position:absolute;left:-999em;visibility:hidden;} .hj_san li a,.hj_san li .bi span{text-decoration:none;background:#fff;color:#222;display:block;width:80px; display:block;text-align:center;font-size:14px;} .hj_san li a:hover,.hj_san li .bi:hover span{color:#222;background:#fff;font-size:14px;} .hj_sanbar{background:#DC4E1B;height:8px;overflow:hidden;clear:both;} .hj_san img{height:80px;} .hj_san a img { transition: all .5s ease 0s;transform:scale(0.8); } .hj_san a img:hover { transition: all .5s ease 0s;transform:scale(1); } .shuzi {width: 1200px;margin:0px auto -25px auto;text-align: left;overflow: hidden;} .shuzi li{ list-style:none; float:left; padding:0 80px; width: 25%;} .shuzi section {display: block;clear: left;position: relative;width: 100%;} .shuzi h1.jumbo {font-size: 50px; font-family:arial; margin: 0;color: #fff; font-weight:normal; text-align:center;font-family:宋体;} .shuzi h2{ font-size:16px; color:#fff; font-family:微软雅黑; font-weight:normal; margin:auto; text-align:center;} .shuzi span{ float:left; font-family:微软雅黑; color:#fff; font-size:30px;} .index_case_more a{ color:#fff; background:#c8a57b; padding:10px 20px;transition:all 0.5s ease 0s;} .index_case_more a:hover{background:#c49155;transition:all 0.5s ease 0s; } .index_case_biao h1{ font-family:"Impact"; font-size:32px; color:#222; font-weight:normal; text-transform:uppercase ; } .index_case_biao h2{ font-family:"微软雅黑"; font-size:16px; color:#222; font-weight:normal; } .index_pro{width:1160px; margin:auto;} .index_pro_biao{ float:left; width:60%;} .index_pro_biao h1{ font-family:"Impact"; font-size:32px; color:#222; font-weight:normal; text-transform:uppercase ; } .index_pro_biao h2{ font-family:"微软雅黑"; font-size:16px; color:#222; font-weight:normal; } .index_pro_more a{ float:right;width:40%;text-align: right; line-height: 60px;color:#212121;transition:all 0.5s ease 0s;} .index_pro_more a:hover{color:#c49155;transition:all 0.5s ease 0s;} .index_new_biao{ text-align:center;} .index_new_biao h1{ font-family:"Impact"; font-size:32px; color:#fff; font-weight:normal; text-transform:uppercase ; } .index_new_biao h2{ font-family:"微软雅黑"; font-size:16px; color:#fff; font-weight:normal; } .index_news_more a{ text-align:right; color:#fff; padding:10px 20px;transition:all 0.5s ease 0s;border:solid #fff 1px;} .index_news_more a:hover{background:#fff; color:#222;transition:all 0.5s ease 0s;} .index_foot{ font-size:11px; color:#c2c2c2;} .index_foot a{font-size:14px; color:#666;transition:all 0.3s ease 0s;} .index_foot a:hover{color:#c49155; transition:all 0.3s ease 0s;} #c_public_htmlCode-15135811645375369.bottom{height: 25px!important} .col_half { width: 49% } .col_third { width: 33.3% } .col_fourth { width: 23.5% } .col_fifth { width: 18.4% } .col_sixth { width: 15% } .col_three_fourth { width: 74.5% } .col_twothird { width: 66% } .col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth { position: relative; display: inline; display: inline-block; float: left; margin-right: 0%; margin-bottom: 20px } .end { margin-right: 0!important } .wrapper { width: 100%; margin: 0 auto; position: relative } .counter {  padding: 0 0; border-radius: 0; } .count-title { font-family: futuramedium,"微软正黑体"!important; font-size: 56px; font-weight: bold; margin-top: 10px; margin-bottom: 0; text-align: center; display:inline; color: #910011; } .count-text { font-size: 18px; font-weight: 400; margin-top: 10px; margin-bottom: 0; text-align: center; display:block; font-size:16px; color: #910011; } .fa-2x { margin: 0 auto; float: none; display: inline; color: #910011; font-size: 18px; } .num{ display: block; text-align: center; }#w_img-1584171224801{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } #w_img-1584171224801:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; } .w_img-002 .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_img-002 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-002 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-002 .p_title:active{ color:rgba(69,165,161,1); } .w_img-002 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .e_title.w_img-002 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-002 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link002 .iconfont:before{ display: inline-block; content:""; } .e_title.w_img-002 .p_link001{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;height:calc(100%); } .e_title.w_img-002 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link001 .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-002{position:absolute; width:300px; height:249px; } .w_img-002 .animated{ width:100%; height:100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001{ width:100%; height:calc(100%); } .w_img-002 .p_link002{ width:100%; height:30px; } .w_img-002 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-002 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-002 .e_image:hover:after { background: transparent; }.w_img-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_img-002 >div{animation-fill-mode:both; } #w_img-1550042947839 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550115045514 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550127073404 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550136969679 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550132287050 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550134670935 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550136214476 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550136609169 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550155838081 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550157450088 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } @keyframes myS { 0% { transform:translate(0, -10px); -webkit-transform:translate(0, -10px); } 50% { transform:translate(0, 0); -webkit-transform:translate(0, 0); } 100% { transform:translate(0, -10px); -webkit-transform:translate(0, -10px); } }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote{ font-family: 'Microsoft JhengHei'!important; } .pagebox,#-remove--flag{} body,#-remove--flag{}  #c_public_htmlCode-15501133588200559{ position:absolute; top:0px; left:0px; z-index:1; width:1200px; height:120px; } .load-div { z-index: 9999999999999999999!important; position: fixed; text-align: center; width: 100%; height: 100%; top: 0px; transition: all 3s; background:#1d1d1f; background-repeat: repeat; } .sk-double1-bounce { width: 50px; height: 50px; position: relative; } .sk-double-bounce .sk-child { width: 50px; height: 50px; border-radius: 50%; background-color: #bfa781; opacity: 0.6; position: absolute; top:45%; left: 50%; margin-left: -25px; -webkit-animation: sk-doubleBounce 2s infinite ease-in-out; animation: sk-doubleBounce 2s infinite ease-in-out; } .sk-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } #c_public_htmlCode-15846082173719584{ position:absolute; top:160px; left:0px; z-index:5; width:1200px; height:100px; } #w_rbox-1584169956478 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1584169956478 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1584169568507 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1584169568507 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1584171297591 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1584171297591 >div{ animation-name:fadeInUp; animation-duration:1.5s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1584171297591 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 1); } #w_rbox-1597226040059 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1597226040059 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1597226040059 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 1); } #w_rbox-1584169568593 div.w_rbox>.p_rbox{ background-color:#ddd; } #w_rbox-1584169568593 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1584169568593 >div{ animation-fill-mode:both; } #w_rbox-1584169568605 div.w_rbox>.p_rbox{ background-color:#ddd; } #w_rbox-1584169568605 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1584169568605 >div{ animation-fill-mode:both; } #w_rbox-1584169568619 div.w_rbox>.p_rbox{ background-color:#ddd; } #w_rbox-1584169568619 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1584169568619 >div{ animation-fill-mode:both; } #w_rbox-1584170768501 div.w_rbox>.p_rbox{ background-color:#fff; } #w_rbox-1584170768501 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1584170768501 >div{ animation-fill-mode:both; } #w_rbox-1584619007260 div.w_rbox>.p_rbox{ background-color:#ddd; } #w_rbox-1584619007260 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1584619007260 >div{ animation-fill-mode:both; } #w_rbox-1584619035197 div.w_rbox>.p_rbox{ background-color:#ddd; } #w_rbox-1584619035197 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1584619035197 >div{ animation-fill-mode:both; } #w_common_text-1550114387696 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550114387696 >div{ animation-name:fadeInDown; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1550114858256 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550114858256 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_vline-1584169568691 .p_Vline{ border-left-color:rgba(255, 255, 255, 1); border-left-style:solid; } #w_vline-1584169568691 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1584169568691 >div{ animation-fill-mode:both; } #w_vline-1584169568737 .p_Vline{ border-left-color:rgba(255, 255, 255, 1); border-left-style:solid; } #w_vline-1584169568737 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1584169568737 >div{ animation-fill-mode:both; } #w_vline-1584169568761 .p_Vline{ border-left-color:rgba(255, 255, 255, 1); border-left-style:solid; } #w_vline-1584169568761 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1584169568761 >div{ animation-fill-mode:both; } #w_common_text-1584170660632 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1584170660632 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_hline-1584169568644 .p_HLine{ border-top-color:rgba(255, 255, 255, 1); border-top-style:solid; } #w_hline-1584169568644 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1584169568644 >div{ animation-fill-mode:both; } #w_hline-1584171696491 .p_HLine{ border-top-color:rgba(255, 255, 255, 1); border-top-style:solid; } #w_hline-1584171696491 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1584171696491 >div{ animation-fill-mode:both; } #w_img-1584169568533 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1584169568533 >div{ animation-fill-mode:both; } #w_img-1584169568554 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1584169568554 >div{ animation-fill-mode:both; } #w_img-1584169568566 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1584169568566 >div{ animation-fill-mode:both; } #w_img-1584169568580 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1584169568580 >div{ animation-fill-mode:both; } #w_common_text-1550116468505 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550116468505 >div{ animation-fill-mode:both; } #w_img-1584171224801 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1584171224801 >div{ animation-fill-mode:both; } #w_img-1597228488220 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1597228488220 >div{ animation-fill-mode:both; } #w_img-1597228762288 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1597228762288 >div{ animation-fill-mode:both; } #w_wbox-1584169760712{ position:absolute; top:0px; left:-356px; z-index:102; width:1912px; height:3260px; } #w_rbox-1584168377449{ position:absolute; top:100px; left:356px; z-index:1; width:1200px; height:280px; } #w_rbox-1584169956478{ position:absolute; top:400px; left:356px; z-index:4; width:1200px; height:150px; } #w_rbox-1584169568507{ position:absolute; top:1080px; left:356px; z-index:5; width:1200px; height:779px; } #w_rbox-1584171297591{ position:absolute; top:620px; left:356px; z-index:7; width:1200px; height:439px; } #w_rbox-1597226040059{ position:absolute; top:1900px; left:356px; z-index:8; width:1200px; height:1177px; } #w_rbox-1584169568593{ position:absolute; top:281px; left:480px; z-index:107; width:240px; height:240px; } #w_rbox-1584169568605{ position:absolute; top:41px; left:720px; z-index:108; width:240px; height:240px; } #w_rbox-1584169568619{ position:absolute; top:281px; left:960px; z-index:109; width:240px; height:240px; } #w_rbox-1584170768501{ position:absolute; top:41px; left:0px; z-index:102; width:720px; height:240px; } #w_rbox-1584619007260{ position:absolute; top:520.5px; left:0px; z-index:101; width:480px; height:240px; } #w_rbox-1584619035197{ position:absolute; top:521px; left:720px; z-index:100; width:480px; height:240px; } #w_common_text-1550114387696{ position:absolute; top:40px; left:0px; z-index:1; width:1200px; height:69px; } #w_common_text-1550114858256{ position:absolute; top:110px; left:0px; z-index:2; width:1200px; height:42px; } #w_common_text-1584169568679{ position:absolute; top:28px; left:2px; z-index:1; width:238px; height:50px; } #w_vline-1584169568691{ position:absolute; top:90px; left:120px; z-index:2; width:1px; height:31px; } #w_common_text-1584171753396{ position:absolute; top:140px; left:30px; z-index:4; width:180px; height:88px; } #w_common_text-1584169568714{ position:absolute; top:28px; left:0px; z-index:1; width:240px; height:50px; } #w_common_text-1584169568726{ position:absolute; top:140px; left:30px; z-index:2; width:180px; height:69px; } #w_vline-1584169568737{ position:absolute; top:90px; left:123px; z-index:3; width:1px; height:31px; } #w_common_text-1584169568750{ position:absolute; top:28px; left:0px; z-index:1; width:240px; height:50px; } #w_vline-1584169568761{ position:absolute; top:90px; left:120px; z-index:2; width:1px; height:31px; } #w_common_text-1584169568774{ position:absolute; top:140px; left:30px; z-index:3; width:180px; height:88px; } #w_common_text-1584170660632{ position:absolute; top:46px; left:35px; z-index:4; width:590px; height:150px; } #w_common_text-1584169568631{ position:absolute; top:37.5px; left:16px; z-index:5; width:124px; height:50px; } #w_hline-1584169568644{ position:absolute; top:64.5px; left:140px; z-index:6; width:33px; height:1px; } #w_common_text-1584169568656{ position:absolute; top:57.5px; left:188px; z-index:7; width:250px; height:115px; } #w_common_text-1584170604614{ position:absolute; top:57px; left:200px; z-index:5; width:258px; height:92px; } #w_common_text-1584171696463{ position:absolute; top:37px; left:30px; z-index:6; width:124px; height:50px; } #w_hline-1584171696491{ position:absolute; top:64px; left:151.5px; z-index:7; width:33px; height:1px; } #w_img-1584169568533{ position:absolute; top:281px; left:0px; z-index:103; width:482px; height:240px; } #w_img-1584169568554{ position:absolute; top:41px; left:960px; z-index:104; width:240px; height:240px; } #w_img-1584169568566{ position:absolute; top:281px; left:720px; z-index:105; width:240px; height:240px; } #w_img-1584169568580{ position:absolute; top:521px; left:480px; z-index:106; width:240px; height:240px; } #w_common_text-1550116468505{ position:absolute; top:96px; left:650px; z-index:1; width:500px; height:248px; } #w_img-1584171224801{ position:absolute; top:0px; left:0px; z-index:2; width:600px; height:439px; } #w_img-1597228488220{ position:absolute; top:564px; left:0px; z-index:1; width:1200px; height:540px; } #w_img-1597228762288{ position:absolute; top:80px; left:0px; z-index:2; width:1200px; height:520px; } #w_common_text-1597228861506{ position:absolute; top:49px; left:35px; z-index:3; width:1014px; height:26px; } #w_common_text-1597228962303{ position:absolute; top:1104px; left:30px; z-index:4; width:1130px; height:22px; }