﻿ .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_FlowCommonStyleBox-001 {
     background-color: rgba(255, 255, 255, 1);
     box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
     padding: 50px;
     width-and-width-uint: 100%;
     width-uint: %;
     width: 100%;
     height: auto;
     height-and-height-uint: auto;
 }

 .e_FlowCommonStyleBox-001 .stylebox_link:hover {
     color: rgba(101, 190, 186, 1);
 }

 .e_FlowCommonStyleBox-001 .stylebox_link:active {
     color: rgba(101, 190, 186, 1);
 }

 .e_FlowCommonStyleBox-001 .stylebox_top {
     background-color: #1890FF;
     width: auto;
     height: 40px;
 }

 .e_FlowCommonStyleBox-001 .title_icon {
     color: rgba(255, 255, 255, 1);
     display: inline-block;
     vertical-align: middle;
     font-size: medium;
     line-height: 40px;
     margin-right: 10px;
 }

 .e_FlowCommonStyleBox-001 .title_icon::before {
     content: "";
 }

 .e_FlowCommonStyleBox-001 .title_main {
     overflow: hidden;
     max-width: 600px;
     color: rgba(255, 255, 255, 1);
     white-space: nowrap;
     font-weight: normal;
     display: inline-block;
     vertical-align: middle;
     font-size: 16px;
     line-height: 40px;
     text-overflow: ellipsis;
 }

 .e_FlowCommonStyleBox-001 .title_sub {
     margin-left: 10px;
     color: rgba(255, 255, 255, 1);
     font-weight: normal;
     display: inline-block;
     vertical-align: middle;
     font-size: 14px;
     line-height: 40px;
 }

 .e_FlowCommonStyleBox-001 .stylebox_title {
     background-color: #1890FF;
     white-space: nowrap;
     padding-left: 15px;
     display: inline-block;
     vertical-align: bottom;
     width: auto;
     font-size: 0px;
     padding-right: 15px;
     height: inherit;
 }

 .e_FlowCommonStyleBox-001 .stylebox_link {
     color: #666666;
     display: table;
     vertical-align: middle;
     font-size: 14px;
     border-width: 0px;
     float: right;
     height: inherit;
     margin-right: 15px;
 }

 .e_FlowCommonStyleBox-001 .stylebox_link a {
     color: inherit;
     display: table-cell;
     vertical-align: middle;
 }

 .e_FlowCommonStyleBox-001 .link_icon {
     margin-left: 5px;
     display: inline-block;
 }

 .e_FlowCommonStyleBox-001 .link_icon::before {
     content: '\e6af';
 }

 .e_FlowCommonStyleBox-001 .stylebox_top_line {
     background-color: rgba(240, 240, 240, 1);
     width-and-height: custom;
 }

 .e_FlowCommonStyleBox-001 .stylebox_content {
     width-and-width-uint: 100px;
     width-uint: %;
     width: 100%;
     border-color: #f0f0f0;
     border-width: 0px;
     border-style: solid;
     height: calc(100% - 48px);
     height-and-height-uint: calc(100% - 48px);
 }

 .e_FlowCommonStyleBox-001 .stylebox_bottom_line {
     background-color: rgba(240, 240, 240, 1);
     width-and-height: custom;
 }

 .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);
 }

 .c_portalResnav_main-01001004 {
     width: 100% !important;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 99;
     transition: all 0.8s;
 }

 .fixedNav {
     position: fixed !important;
     top: 0px;
     left: 0;
     z-index: 9;
 }

 .bocweb-header.fixedNav .bocweb-logo {
     width: 105px;
     margin-top: 5px;
 }

 .bocweb-header.fixedNav .bocweb-nav li .link {
     line-height: 80px;
     font-size: 17px;
     padding: 0 25px;
     color: #333;
 }

 .bocweb-header.fixedNav .bocweb-nav li:hover a.link {
     color: #fff;
 }

 .bocweb-header.fixedNav .bocweb-logo .brend-two {
     display: block;
 }

 .bocweb-header.fixedNav .bocweb-logo .brend-one {
     display: none;
 }

 .bocweb-header.fixedNav {
     background: rgba(255, 255, 255, 1);
     box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
 }

 .headertop {
     background: linear-gradient(to right, #3d9911, #185c53)
 }

 .warp {
     max-width: 1680px;
     width: 90%;
     margin: 0 auto;
 }

 .welcome {
     float: left;
     color: #fff;
     font-size: 12px;
     line-height: 40px;
 }

 .header-ri {
     float: right;
 }

 .weather {
     width: 245px;
     position: relative;
     z-index: 4;
     padding-left: 5px;
     height: 40px;
     background: url(../image/rBQBHV0H2AWEaU8HAAAAADe_Eo0593.png) center no-repeat;
     overflow: hidden;
 }

 .weather iframe {
     margin-right: 48px;
     margin-top: 8px;
 }

 .header-ri .langes {
     display: block;
     padding-left: 22px;
     margin-left: -14px;
     width: 80px;
     height: 40px;
     line-height: 40px;
     position: relative;
     color: #fff;
     font-size: 12px;
     font-family: arial;
     background: #0d5431;
     text-align: center;
     padding-right: 22px;
 }

 .header-ri .panorama {
     line-height: 40px;
     color: #ffffff;
     padding: 0 20px;
     font-size: 14px;
     background: #afc159;
 }

 .header-ri .tell {
     line-height: 40px;
     color: #b89553;
     padding: 0 20px;
     font-size: 14px;
     background: #d3ecb9;
 }

 .header-ri .dingd {
     line-height: 40px;
     color: #fff;
     padding: 0 20px;
     font-size: 14px;
     background: #5aba9a;
 }

 .header-ri .iconfont {
     margin-right: 5px;
 }

 .bocweb-header .bocweb-logo {
     margin-top: 15px;
     float: left;
     width: 150px;
     transition: all 0.8s;
 }

 .bocweb-header-m .bocweb-logo {
     width: 160px;
     float: left;
     margin: 10px 0 0 10px;
     display: block;
     transition: all 0.8s;
 }

 .bocweb-logo img {
     display: block;
     max-width: 100%;
     height: auto;
 }

 .bocweb-nav {
     float: right;
 }

 .bocweb-logo .brend-two {
     display: none;
 }

 .bocweb-header {
     z-index: 10;
     width: 100%;
     background: rgba(0, 0, 0, 0);
     margin: 0 auto;
     position: relative;
 }

 .bocweb-header .bocweb-nav li {
     position: relative;
     height: 100%;
     display: inline-block;
     text-align: center;
 }

 .bocweb-header .bocweb-nav li .link {
     display: block;
     line-height: 100px;
     font-size: 17px;
     padding: 0px 25px;
     color: #fff;
     position: relative;
 }

 .bocweb-header .bocweb-nav li .link:after {
     content: "";
     width: 100%;
     height: 100%;
     background: #c81800;
     position: absolute;
     left: 0;
     top: 0;
     z-index: -1;
     opacity: 0;
     visibility: hidden;
     transition: 0.6s;
 }

 .bocweb-header .bocweb-nav li .link:before {
     content: "";
     width: 100%;
     height: 4px;
     background: #c81800;
     position: absolute;
     left: 0;
     top: 0;
     transform-origin: 100%;
     -webkit-transform-origin: 100%;
     -webkit-transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
     transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
     transition: transform .6s cubic-bezier(.215, .61, .355, 1);
     transition: transform .6s cubic-bezier(.215, .61, .355, 1), -webkit-transform .6s cubic-bezier(.215, .61, .355, 1);
     transform: scaleX(0);
     -webkit-transform: scaleX(0);
     visibility: hidden\9;
     z-index: 2;
 }

 .bocweb-header .bocweb-nav li:hover .link:after {
     opacity: 1;
     visibility: visible;
 }

 .bocweb-header .bocweb-nav li:hover .link:before {
     transform: scaleX(1);
     -webkit-transform: scaleX(1);
     -moz-transform: scaleX(1);
     transform-origin: 0;
     -webkit-transform-origin: 0;
     visibility: visible\9;
 }

 .bocweb-header .bocweb-nav li .link span {
     vertical-align: middle;
 }

 .bocweb-header .bocweb-nav li .link span.icon {
     position: absolute;
     right: 0;
     color: #ccc;
     top: 50%;
     margin-top: -3px;
     opacity: .2;
     width: 12px;
     height: 6px;
     display: inline-block;
     background: url(../image/rBQBG1zIEVmEE3AQAAAAABDNNO8898.svg) no-repeat center center;
 }

 .bocweb-header .bocweb-nav li:hover .link span.icon {}

 .bocweb-header .bocweb-nav li .hider {
     transform-origin: center top;
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     background: #fff;
     box-shadow: 0px 0px 46px rgba(44, 70, 95, 0.16);
     visibility: hidden;
 }

 .bocweb-header .bocweb-nav li .hider .sub-link {
     display: block;
     border-bottom: 1px solid #f2f2f2;
     font-size: 14px;
     color: #727273;
 }

 .bocweb-header .bocweb-nav li .hider .sub-link .text {
     position: relative;
     font-size: 14px;
     padding: 8px 0;
     display: inline-block;
 }

 .bocweb-header .bocweb-nav li .hider .sub-link .line {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 0;
     height: 2px;
     background-color: #c81800;
     transition: width 0.5s;
 }

 .bocweb-header .bocweb-nav li .hider .sub-link:hover .line {
     width: 100%;
 }

 .bocweb-header ul li:hover a.link {
     color: #fff;
 }

 @media (min-width: 969px) {
     .bocweb-header-m {
         display: none;
     }
 }

 @media (max-width:1140px) {
     .welcome {
         display: none;
     }

     .bocweb-header .bocweb-nav li .link {
         padding: 0 15px;
         font-size: 14px;
     }

     .bocweb-header.fixedNav .bocweb-nav li .link {
         line-height: 80px;
         font-size: 14px;
         padding: 0 15px;
         color: #333;
     }
 }

 @media (min-width:1140px) and (max-width: 1400px) {
     .welcome {
         display: none;
     }

     .bocweb-header .bocweb-nav li .link {
         padding: 0 15px;
         font-size: 14px;
     }

     .bocweb-header.fixedNav .bocweb-nav li .link {
         line-height: 80px;
         font-size: 14px;
         padding: 0 15px;
         color: #333;
     }
 }

 @media (min-width:768px) and (max-width: 1030px) {
     .welcome {
         display: none;
     }

     .bocweb-header .bocweb-nav li .link {
         padding: 0 10px;
         font-size: 14px;
     }

     .bocweb-header.fixedNav .bocweb-nav li .link {
         line-height: 80px;
         font-size: 14px;
         padding: 0 10px;
         color: #333;
     }
 }

 @media (max-width: 968px) {
     .header {
         display: none;
     }

     .bocweb-header-m.ishow {
         transform: translateX(-80.55%);
     }

     .bocweb-header-m {
         top: 0;
         box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
         left: 0;
         z-index: 12;
         position: fixed;
         background: #fff;
         width: 100%;
         transition: all 0.8s;
     }

     .bocweb-header-m .bg {
         position: fixed;
         top: 0;
         right: 0;
         bottom: 0;
         width: 100%;
         height: 100vh;
         background: #000;
         opacity: .1;
         filter: alpha(opacity=10);
         cursor: pointer;
         transform: scaleX(0);
         transform-origin: 100% 50%;
         transition: transform 0.6s;
     }

     .bocweb-header-m .menu-box {
         z-index: 9999;
         padding: 27px 20px 25px;
         right: 0;
         transition: all 0.6s;
     }

     .bocweb-header-m .bocweb-menu {
         width: 25px;
         margin: 0 auto;
         cursor: pointer;
     }

     .bocweb-header-m .bocweb-menu .line {
         position: relative;
         top: 0;
         display: block;
         width: 100%;
         height: 2px;
         transition: transform 0.3s ease, top 0.3s ease, width 0.3s ease, opacity 0.3s, background 0.3s;
         transform-origin: center center;
         background: #1f6543;
     }

     .bocweb-header-m .bocweb-menu .line:nth-child(2) {
         margin: 6px 0;
     }

     .bocweb-header-m.ishow {}

     .bocweb-header-m.ishow .bg {
         transform: scaleX(1);
     }

     .bocweb-header-m.ishow .bocweb-nav li .link {
         transform: translateX(0px);
         opacity: 1
     }

     .bocweb-header-m.ishow .bocweb-nav li .hider.ishow {
         transform: translateX(-101%)
     }

     .bocweb-header-m.ishow .bocweb-nav li .hider.ishow .sub-link .text {
         transform: translateX(0px);
         opacity: 1
     }

     .bocweb-header-m.ishow .bocweb-menu .line:nth-child(1) {
         top: 8px;
         transform: rotate(45deg);
         opacity: 0.8;
     }

     .bocweb-header-m.ishow .bocweb-menu .line:nth-child(2) {
         opacity: 0;
         width: 0
     }

     .bocweb-header-m.ishow .bocweb-menu .line:nth-child(3) {
         top: -8px;
         transform: rotate(-45deg);
         opacity: 0.8;
     }

     .bocweb-header-m .bocweb-nav {
         position: absolute;
         top: 0;
         bottom: 0;
         right: -80.55%;
         z-index: 500;
         width: 80.55%;
         height: 100vh;
         background-color: #fff;
     }

     .bocweb-header-m .bocweb-nav li {
         padding-left: 5%;
         overflow: hidden;
         position: relative;
         border-bottom: 1px solid #ebebeb;
     }

     .bocweb-header-m .bocweb-nav li:nth-child(1) {
         border-top: 1px solid #ebebeb;
     }

     .bocweb-header-m .bocweb-nav li .hide {
         position: absolute;
         top: 0;
         left: 101%;
         z-index: 1001;
         width: 100%;
         height: 100%;
         background-color: #fff;
         transition: all 0.8s;
     }

     .bocweb-header-m .bocweb-nav li .link {
         position: relative;
         display: inline-block;
         line-height: 50px;
         float: left;
         text-align: left;
         color: #222;
         width: 90%;
         font-size: 14px;
         transition: all 0.6s;
         opacity: 0;
     }

     .bocweb-header-m .bocweb-nav li .cur {
         display: inline-block;
         height: 50px;
         width: 10%;
         line-height: 50px;
         color: #999;
         text-align: center;
         vertical-align: top;
         transition: all .5s ease;
     }

     .bocweb-header-m .bocweb-nav li .hider {
         display: none;
     }

     .bocweb-header-m.ishow .bocweb-nav li .hider.ishow {
         transform: translateX(-101%);
     }

     .bocweb-header-m .bocweb-nav li .conter {}

     .bocweb-header-m .bocweb-nav li .back {
         display: block;
         width: 10%;
         height: 50px;
         line-height: 50px;
         text-align: center;
         vertical-align: top;
         font-size: 1rem;
         transition: all .5s ease;
         transform: rotateZ(180deg);
     }

     .bocweb-header-m .bocweb-nav li .hider .sub-link {
         display: block;
         padding: 10px;
         border-bottom: 1px solid #ebebeb;
         font-size: 13px;
         color: #666;
         text-align: left;
     }

     .bocweb-header-m .bocweb-nav li .jtRote {
         transform: rotateZ(90deg);
     }

     .bocweb-header-m .bocweb-nav li .hider a:last-child {
         border: none;
     }

     .bocweb-header-m .lang {
         padding: 20px 0;
         overflow: hidden;
     }

     .bocweb-header-m .lang p {
         float: left;
         text-align: center;
         width: 33.33%;
     }

     .bocweb-header-m .lang a {
         color: #fff;
         display: inline-block;
         padding: 5px 20px;
         border-radius: 14px;
     }

     .bocweb-header-m .lang .yu {
         background: #cda663;
     }

     .bocweb-header-m .lang .en {
         background: #1f6543;
     }

     .bocweb-header-m .lang .dingd {
         background: #c5483b;
     }
 }

 @media (max-width: 768px) {
     .bocweb-header-m .stock {
         left: 10px;
     }

     .right-flex {
         display: none;
     }
 }

 @media (min-width: 769px) {
     .right-flex {
         position: fixed;
         right: 0;
         top: 50%;
         margin-top: -202px;
         z-index: 11;
         text-align: right;
     }

     .right-flex li a {
         width: 100%;
         display: block;
         height: 100%;
     }

     .right-flex li {
         position: relative;
         transition: 0.5s;
         height: 70px;
         z-index: 3;
         width: 70px;
         transition: 0.5s;
         text-align: center;
     }

     .right-flex li:hover:before {
         opacity: 1;
         visibility: visible;
     }

     .right-flex li:hover a {
         -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
         transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
         -webkit-animation: shake 0.5s;
         animation: shake 0.5s;
     }

     .right-flex li i {
         color: #fff;
         font-size: 24px;
         line-height: 2;
     }

     .right-flex li p {
         color: #fff;
         font-size: 12px;
     }

     .right-flex li:before {
         content: "";
         width: 100%;
         height: 100%;
         background: rgba(0, 0, 0, 0.3);
         position: absolute;
         left: 0;
         top: 0;
         z-index: -1;
         transition: 0.5s;
         opacity: 0;
         visibility: hidden;
     }

     .right-flex li.s1 {
         background: #5aba9a;
     }

     .right-flex li.s2 {
         background: #cda663;
     }

     .right-flex li.s3 {
         background: #1f6543;
     }

     .right-flex li.s4 {
         background: #896ec6;
     }

     .right-flex li.s5 {
         background: #c5483b;
     }

     .right-flex li.s6 {
         background: #afc159;
     }

     .right-flex li.top {
         background: #1988e6;
     }

     .right-flex li.top i {
         line-height: 70px;
     }
 }

 @media (max-width: 500px) {
     .bocweb-header-m .lang p {
         width: 100%;
         float: none;
         margin-bottom: 10px;
         padding: 0 20px;
     }

     .bocweb-header-m .lang a {
         display: block;
         font-size: 12px;
     }

     .bocweb-header-m .bocweb-logo {
         width: 130px;
     }

     .bocweb-header-m {
         height: 60px;
     }

     .bocweb-header-m .menu-box {
         padding: 21px 15px;
         transition: all 0.6s;
     }

     .bocweb-header-m .bocweb-nav {
         padding: 0;
         background: #f9f9f9;
     }

     .bocweb-header-m .bg {}

     .bocweb-header-m.ishow .bocweb-nav {}

     .bocweb-header-m .bocweb-nav li .cur {
         width: 20%;
     }

     .bocweb-header-m .bocweb-nav li .link {
         width: 80%;
     }
 }

 @keyframes shake {

     from,
     to {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
     }

     25% {
         -webkit-transform: scale(0.9, 1.1);
         transform: scale(0.9, 1.1);
     }

     50% {
         -webkit-transform: scale(1.1, 0.9);
         transform: scale(1.1, 0.9);
     }

     75% {
         -webkit-transform: scale(0.95, 1.05);
         transform: scale(0.95, 1.05);
     }

     from,
     to {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
     }

     25% {
         -webkit-transform: scale(0.9, 1.1);
         transform: scale(0.9, 1.1);
     }

     50% {
         -webkit-transform: scale(1.1, 0.9);
         transform: scale(1.1, 0.9);
     }

     75% {
         -webkit-transform: scale(0.95, 1.05);
         transform: scale(0.95, 1.05);
     }
 }

 @-webkit-keyframes shake {

     from,
     to {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
     }

     25% {
         -webkit-transform: scale(0.9, 1.1);
         transform: scale(0.9, 1.1);
     }

     50% {
         -webkit-transform: scale(1.1, 0.9);
         transform: scale(1.1, 0.9);
     }

     75% {
         -webkit-transform: scale(0.95, 1.05);
         transform: scale(0.95, 1.05);
     }

     from,
     to {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
     }

     25% {
         -webkit-transform: scale(0.9, 1.1);
         transform: scale(0.9, 1.1);
     }

     50% {
         -webkit-transform: scale(1.1, 0.9);
         transform: scale(1.1, 0.9);
     }

     75% {
         -webkit-transform: scale(0.95, 1.05);
         transform: scale(0.95, 1.05);
     }
 }

 .c_portalResnav_main-01001004>div {
     animation-fill-mode: both;
     position: relative;
 }

 .c_portalResnav_main-01001004>div:after {
     width: 100%;
     height: 100%;
     background: url(../image/bar_head_bg.png);
     content: '';
     top: 0px;
     left: 0px;
     position: absolute;
     background-position: 0 80%;
     opacity: 0.6;
 }

 .popUpblack {
     background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
     width: 100%;
     height: 100%;
     position: fixed;
     left: 0px;
     top: 0px;
     z-index: 1010;
     display: none;
 }

 .popUp {
     width: 220px;
     height: 242px;
     border: 5px solid #f1f1f1;
     background: #fff;
     position: fixed;
     left: 50%;
     top: 50%;
     margin: -87px 0 0 -115px;
     z-index: 1004;
 }

 .popUp .t {
     padding: 0 0 0 10px;
     height: 26px;
     line-height: 26px;
     color: #666;
     font-weight: bold;
     border-bottom: 1px solid #e8e8e8;
     background: #f2f2f2;
 }

 .popUp .t .close {
     padding: 0 10px 0 0;
     float: right;
     cursor: pointer;
     color: #666;
     line-height: 26px;
     font-size: 12px;
     opacity: 1;
     font-weight: normal;
 }

 .popUp .img {
     padding: 10px;
 }

 .popUp .img img {
     width: 100%;
     height: 100%;
     display: block;
 }

 .c_portalResNews_list-01001044 {
     min-width: 320px;
     width: 100%;
 }

 .c_portalResNews_list-01001044 .p_PromptNoneData {
     width: auto;
     text-align: center
 }

 .c_portalResNews_list-01001044 .p_PromptNoneData .prompt_title .iconfont:before {
     content: ""
 }

 .c_portalResNews_list-01001044 .p_PromptNoneData .prompt_title .first {
     height: auto;
     display: table-cell;
     position: relative;
     vertical-align: middle;
     padding: 0 10px 5px 0;
 }

 .c_portalResNews_list-01001044 .p_PromptNoneData .prompt_title {
     display: inline-table;
     padding: 0 30px;
     min-height: 200px;
     height: 100%
 }

 .c_portalResNews_list-01001044 .p_PromptNoneData .prompt_title .first:before {
     content: "\e6b4"
 }

 .c_portalResNews_list-01001044 .p_PromptNoneData .prompt_title .font {
     display: table-cell;
     vertical-align: middle;
     text-align: left
 }

 .c_portalResNews_list-01001044 .p_PromptNoneData .promptbox {
     width: auto;
     height: 100%
 }

 .c_portalResNews_list-01001044 .p_PromptNoneData .prompt_content {
     padding-left: 65px
 }

 .c_portalResNews_list-01001044 .p_moreBtn {
     position: static;
     width: auto;
     display: inline-table;
     min-height: 29px;
     margin: 0;
     padding-bottom: 5px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 5px;
     min-width: 86px;
     cursor: pointer;
     text-align: center
 }

 .c_portalResNews_list-01001044 .p_moreBtn .font {
     white-space: nowrap;
     overflow: visible;
     vertical-align: middle
 }

 .c_portalResNews_list-01001044 .p_moreBtn .iconfont:before {
     content: ""
 }

 @-moz-keyframes three-quarters-loader {
     0% {
         -moz-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     100% {
         -moz-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @-webkit-keyframes three-quarters-loader {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @keyframes three-quarters-loader {
     0% {
         -moz-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     100% {
         -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 .loading_animation {
     -moz-animation: three-quarters-loader 850ms infinite linear;
     -webkit-animation: three-quarters-loader 850ms infinite linear;
     animation: three-quarters-loader 850ms infinite linear;
     box-sizing: border-box;
     display: inline-block;
     position: relative;
     overflow: hidden;
     text-indent: -9999px;
     width: 32px;
     height: 32px;
     vertical-align: middle
 }

 .c_portalResNews_list-01001044 .p_loading {
     width: 100%;
     height: 70px;
     line-height: 70px;
     text-align: center;
 }

 .c_portalResNews_list-01001044 .p_loading .iconfont:before {
     content: "";
     shadow-angle: 0;
     shadow-distance: 0;
     shadow-angle-ofInset: 0;
     shadow-distance-ofInset: 0;
 }

 .c_portalResNews_list-01001044 .p_loading .font {
     display: inline-block;
     margin-left: 20px;
     height: inherit
 }

 .c_portalResNews_list-01001044 .p_moreBox {
     margin: 0 20px;
     width: auto;
     height: auto;
     padding: 0;
     overflow: hidden
 }

 .c_portalResNews_list-01001044 .p_ToDetail {
     display: inline-block;
     margin: 0;
     padding: 5px 10px;
     min-width: 86px;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
 }

 a>.c_portalResNews_list-01001044 .p_ToDetail:hover {
     cursor: pointer
 }

 .c_portalResNews_list-01001044 .p_SummaryBox {
     margin: 0;
     width: 236px;
     height: 317px;
     padding: 0;
     overflow: hidden
 }

 .c_portalResNews_list-01001044 .p_summary {
     text-align: left;
     vertical-align: top;
     word-break: break-all
 }

 .c_portalResNews_list-01001044 .p_time {
     display: inline-block;
     margin: 0;
     padding: 0 5px 0 0;
     vertical-align: middle;
     text-align: left;
     white-space: nowrap;
     overflow: visible;
     line-height: 18px;
     vertical-align: top
 }

 .c_portalResNews_list-01001044 .p_assist {
     margin: 0;
     width: 236px;
     height: 317px;
     padding: 0;
     overflow: hidden
 }

 .c_portalResNews_list-01001044 .p_TitleBox {
     width: auto;
     height: auto;
     padding: 5px 0;
     overflow: hidden;
     vertical-align: top;
 }

 .c_portalResNews_list-01001044 .p_title {
     display: inline-table;
     width: 100%;
     margin: 0;
     padding: 0;
     text-align: left;
     cursor: pointer;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .c_portalResNews_list-01001044 .p_header {
     margin: 5px 0 0;
     width: auto;
     height: auto;
     padding: 0;
     overflow: hidden;
 }

 .c_portalResNews_list-01001044 .p_content {
     margin: 0;
     width: 236px;
     height: 317px;
     padding: 0;
     overflow: hidden
 }

 .c_portalResNews_list-01001044 .p_images {
     margin: 0;
     width: 168px;
     height: 138px;
     padding: 0;
     overflow: hidden;
     float: left;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     position: relative;
     vertical-align: middle;
     text-align: center;
     margin-right: 15px
 }

 .c_portalResNews_list-01001044 .p_articles {
     margin: 0;
     width: calc((100% - 0px)/1);
     height: 186px;
     padding: 0;
 }

 .c_portalResNews_list-01001044 .p_news {
     margin: 0rem auto;
     width: 100%;
     height: auto;
     padding: 0 0rem;
     overflow: hidden;
 }

 .c_portalResNews_list-01001044 .p_Newslist {
     margin: 0;
     padding: 0;
     overflow: hidden;
 }

 .c_portalResNews_list-01001044 {
     overflow: hidden;
 }

 .c_portalResNews_list-01001044 .p_content {
     width: auto;
     height: auto;
     vertical-align: top
 }

 .c_portalResNews_list-01001044 .p_SummaryBox {
     width: auto;
     height: auto;
 }

 .c_portalResNews_list-01001044 .p_assist {
     width: auto;
     height: auto;
 }

 .c_portalResNews_list-01001044 .p_icon {
     display: inline-block;
     vertical-align: middle;
     margin-top: 2px
 }

 .c_portalResNews_list-01001044 .p_about {
     display: inline-block;
     vertical-align: middle
 }

 .c_portalResNews_list-01001044 .p_articles {
     display: inline-block;
     height: auto;
     min-width: 320px;
     width: calc((100% - 0px)/1);
     padding: 15px 20px;
     overflow: hidden;
     float: left;
 }

 .c_portalResNews_list-01001044 .p_thumbnail {
     width: 100%;
     height: auto;
     vertical-align: middle;
     text-align: center;
     overflow: hidden
 }

 .c_portalResNews_list-01001044 .p_thumbnail img {
     width: 100%;
 }

 .c_portalResNews_list-01001044 .higher .p_thumbnail {
     position: absolute;
     height: 100%
 }

 .c_portalResNews_list-01001044 .widther .p_thumbnail {
     position: absolute;
     height: 100%
 }

 .c_portalResNews_list-01001044 .smaller .p_thumbnail {
     position: absolute;
     height: 100%
 }

 .c_portalResNews_list-01001044 .p_assist {
     margin-top: 2px;
 }

 .c_portalResNews_list-01001044 .p_SummaryBox {
     clear: both;
     margin-bottom: 10px;
     margin-top: 8px
 }

 .c_portalResNews_list-01001044 .p_ToDetail {
     float: right;
     position: relative
 }

 .c_portalResNews_list-01001044 .p_summary {
     white-space: normal
 }

 .c_portalResNews_list-01001044 .p_categorySummaryBox {
     overflow: hidden;
     padding: 10px;
 }

 @media only screen and (max-width: 768px) {
     .c_portalResNews_list-01001044 .p_articles {
         margin-top: 10px !important;
         width: 100% !important;
     }

     .c_portalResNews_list-01001044 .mp_linkUrl {
         display: block;
         height: auto;
     }

     .c_portalResNews_list-01001044 .p_SummaryBox {
         display: none;
     }

     .c_portalResNews_list-01001044 .p_ToDetail {
         display: none !important;
     }

     .c_portalResNews_list-01001044 .mP_SummaryBox {
         clear: both;
     }

     .c_portalResNews_list-01001044 .p_Information {
         display: flex;
         padding: 10px 0;
     }

     .c_portalResNews_list-01001044 .p_Information li {
         flex: 1;
         height: 20px;
         overflow: hidden;
     }

     .c_portalResNews_list-01001044 .p_KeyWord {
         width: 100%;
         margin-top: 5px;
     }

     .c_portalResNews_list-01001044 .p_KeyWord .p_tag {
         padding: 5px 15px;
         margin-right: 10px;
         border-radius: 3px;
     }

     .c_portalResNews_list-01001044 .blank {
         width: 100%;
         height: 15px;
         overflow: hidden;
     }

     .c_portalResNews_list-01001044 .p_articles {
         border: none
     }
 }

 @media only screen and (min-width: 769px) {
     .c_portalResNews_list-01001044 .mp_linkUrl {
         display: none;
     }

     .c_portalResNews_list-01001044 .mP_SummaryBox {
         display: none;
     }

     .c_portalResNews_list-01001044 .p_Information {
         display: none;
     }

     .c_portalResNews_list-01001044 .p_KeyWord {
         display: none;
     }

     .c_portalResNews_list-01001044 .blank {
         display: none;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 .c_portalResNews_list-01001044 .p_CommonSummaryBoxA {
     text-align: center;
 }

 .c_portalResNews_list-01001044 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 .c_portalResNews_list-01001044>div {
     animation-fill-mode: both;
 }

 .c_portalResNews_list-01001044 .newListBox {
     margin: 0rem 0;
     overflow: hidden;
 }

 .c_portalResNews_list-01001044 .newList {
     margin: 0px auto 20px;
     border-bottom: 0px solid #ebebeb;
     background: #fff;
     padding: 8px;
     border-radius: 4px;
 }

 .newList img,
 .newList .newPicBox {
     transition: all 0.6s;
 }

 .newList:hover img {
     transition: all 0.6s;
     transform: scale(1.1);
 }

 .newList:hover .newTitle {
     color: #c81800;
 }

 .newList:hover .newPicBox {
     border-color: #23c5d7;
     transition: all 0.6s;
 }

 .c_portalResNews_list-01001044 .newDetailLink {
     position: relative;
     display: block;
     width: 100%;
     padding: 0;
     overflow: hidden;
 }

 .c_portalResNews_list-01001044 .newPicBox {
     position: relative;
     overflow: hidden;
 }

 .c_portalResNews_list-01001044 .newPic {
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
 }

 .c_portalResNews_list-01001044 .content {
     position: relative;
     overflow: hidden;
 }

 .c_portalResNews_list-01001044 .newTitle {
     width: 100%;
     margin: 0;
     font-size: 18px;
     color: #333;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     transition: all .3s;
     padding-top: 15px;
     font-weight: 600;
 }

 .c_portalResNews_list-01001044 .newMs {
     line-height: 24px;
     font-size: 14px;
     color: #878787;
     text-overflow: -o-ellipsis-lastline;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     transition: all .3s;
     margin-top: 0px;
     height: 25px;
 }

 .c_portalResNews_list-01001044 .tips {
     font-size: 14px;
     color: #999;
     margin-top: 5px;
 }

 .c_portalResNews_list-01001044 .newTitle:hover {
     color: #c81800;
 }

 .c_portalResNews_list-01001044 .newMs:hover {
     color: #989898;
 }

 @media only screen and (min-width: 769px) {
     .c_portalResNews_list-01001044 .newDetailLink {
         height: 100%;
         display: flex;
         flex-wrap: nowrap;
         justify-content: space-between;
     }

     .c_portalResNews_list-01001044 .newPicBox {
         width: 18%;
         background: #fff;
         position: relative;
         padding-bottom: 14%;
         border-radius: 4px;
     }

     .c_portalResNews_list-01001044 .content {
         padding-right: 1rem;
         width: 80%;
         height: 100%;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     .c_portalResNews_list-01001044 .p_news {
         max-width: 900px;
     }
 }

 @media only screen and (max-width: 768px) {
     .c_portalResNews_list-01001044 .p_news {
         max-width: 700px;
         min-width: 300px;
     }

     .c_portalResNews_list-01001044 .newPicBox {
         width: 100%;
         height: 0;
         padding-bottom: 60%;
     }

     .c_portalResNews_list-01001044 .newMs {
         margin: 1rem 0;
         -webkit-line-clamp: 2;
     }

     .c_portalResNews_list-01001044 .tips {
         display: flex;
         flex-wrap: nowrap;
         justify-content: space-between;
     }
 }

 .c_portalResNews_list-01001044 .newYear {
     font-size: 16px;
     color: #ababab;
 }

 .c_portalResNews_list-01001044 .news_more {
     border-radius: 0px;
     border: 0;
     width: 120px;
     padding: 10px 0px;
     text-align: left;
     color: #fd6e33;
     transition: all 0.6s;
     font-size: 13px;
     font-family: 'Trebuchet MS';
     text-decoration: underline;
     display: none;
 }

 .c_portalResNews_list-01001044 .newList:Hover .news_more {
     color: #042666;
     text-decoration: none;
     transition: all 0.6s;
 }

 .c_portalResNews_list-01001044 .p_page .pre .iconfont:before {
     shadow-angle: 0;
     shadow-distance: 0;
     shadow-angle-ofInset: 0;
     shadow-distance-ofInset: 0;
 }

 .c_portalResNews_list-01001044 .p_page .next .iconfont:before {
     shadow-angle: 0;
     shadow-distance: 0;
     shadow-angle-ofInset: 0;
     shadow-distance-ofInset: 0;
 }

 .c_portalResNews_list-01001044 .p_more .iconfont:before {
     shadow-angle: 0;
     shadow-distance: 0;
     shadow-angle-ofInset: 0;
     shadow-distance-ofInset: 0;
 }

 .c_portalResNews_list-01001044 .p_hot .iconfont:before {
     shadow-angle: 0;
     shadow-distance: 0;
     shadow-angle-ofInset: 0;
     shadow-distance-ofInset: 0;
 }

 .c_portalResNews_list-01001044 .p_new .iconfont:before {
     shadow-angle: 0;
     shadow-distance: 0;
     shadow-angle-ofInset: 0;
     shadow-distance-ofInset: 0;
 }

 .mb-50 {
     margin-bottom: 50px;
 }

 .mt-14 {
     margin-top: 14px;
 }

 .f-30 {
     font-size: 30px;
 }

 .max-wid {
     width: 80%;
     max-width: 1400px;
     margin: auto;
 }

 .wrapper {
     overflow: hidden;
     position: relative;
     z-index: 2;
 }

 .pic {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     overflow: hidden;
     position: relative;
 }

 .pic img.w-h {
     width: 100%;
     max-width: 100%;
 }

 #main {
     margin: 1rem 0;
 }

 #main .row {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 5vw 0;
 }

 #main .row.r-right .col:nth-of-type(1) {
     padding-right: 5%;
 }

 #main .row.r-left .col:nth-of-type(2) {
     padding-left: 5%;
 }

 #main .row.r-right .col {
     width: 100%;
     position: relative;
 }

 #main .row.r-left .col {
     width: 100%;
     position: relative;
 }

 #main .row.r-right .col:nth-of-type(1)>div p {
     color: #919191;
     margin-bottom: 14px;
 }

 #main .row.r-left .col:nth-of-type(2)>div p {
     color: #919191;
     margin-bottom: 14px;
 }

 #main .row.r-right .col:nth-of-type(2) .pic {
     width: 100%;
     position: relative;
     z-index: 4;
 }

 #main .row.r-left .col:nth-of-type(1) .pic {
     width: 100%;
     position: relative;
     z-index: 4;
 }

 #main .row.r-right .col:nth-of-type(2) .txt {
     position: absolute;
     bottom: -1rem;
     z-index: 3;
     height: 2rem;
     line-height: 2rem;
     left: 30%;
     font-size: 2rem;
     color: #f5f5f5;
     white-space: nowrap;
     text-transform: uppercase;
     font-family: 'Anton-Regular';
 }

 #main .row.r-left .col:nth-of-type(1) .txt {
     position: absolute;
     bottom: -1rem;
     z-index: 3;
     height: 2rem;
     line-height: 2rem;
     right: 30%;
     font-size: 2rem;
     color: #f5f5f5;
     white-space: nowrap;
     font-family: 'Anton-Regular';
     text-transform: uppercase;
 }

 .white_c {
     color: #fff;
 }

 .black_c {
     color: #333;
 }

 .center_c {
     text-align: center;
 }

 .center_l {
     text-align: left;
 }

 .tit_box {
     margin-bottom: 40px;
 }

 .ab1 .conts p {
     line-height: 2;
     margin-bottom: 24px;
     text-align: justify;
 }

 .ab1 .conts img {
     max-width: 100%;
     margin-bottom: 24px;
 }

 .contact li {
     width: 33.33%;
     float: left;
     text-align: center;
 }

 .contact li span {
     display: block;
     text-align: center;
     line-height: 1;
     color: #666;
     margin-top: 18px;
     transition: 0.38s;
     font-size: 18px;
 }

 .contact li p {
     color: #b89553;
     font-size: 18px;
     margin-top: 20px;
 }

 .contact li b {
     display: block;
     z-index: 3;
     width: 106px;
     height: 106px;
     transition: 0.38s;
     text-align: center;
     line-height: 106px;
     border: 1px solid #b89553;
     position: relative;
     border-radius: 50%;
     margin: auto;
     font-size: 40px;
     font-weight: normal;
     color: #b89553;
 }

 .contact li b:after {
     content: "";
     width: 100%;
     height: 100%;
     z-index: -1;
     transition: 0.5s;
     border-radius: 50%;
     background: #b89553;
     opacity: 0;
     visibility: hidden;
     position: absolute;
     left: 0;
     top: 0;
     transform: scale(0);
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
 }

 .contact li a:hover b:after {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
 }

 .contact li a:hover b {
     color: #fff;
     border-color: #b89553;
     -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
     transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
     -webkit-animation: shake 0.5s;
     animation: shake 0.5s;
 }

 .contact li a:hover span {
     color: #1f6543;
 }

 .trafficWrap {
     background: #fff;
 }

 .bdMap {
     height: 458px;
 }

 .pathItem {
     padding: 19px 0;
 }

 .menu {
     float: left;
     margin-left: 18px;
 }

 .menu a {
     display: block;
     float: left;
     position: relative;
     width: 119px;
     height: 44px;
     text-align: center;
     line-height: 44px;
     color: #fff;
     font-size: 15px;
     background: #b89553;
     margin-right: 10px;
 }

 .menu a:hover,
 .menu a.active {
     color: #fff;
     background: #1f6543;
 }

 .searchin {
     margin-left: 32px;
     float: left;
     margin-right: 0;
 }

 #txtStart {
     padding-left: 16px;
     width: 205px;
     height: 36px;
     line-height: 36px;
     margin: 0;
     border: none;
     outline: none;
     background: #eee;
     border: none;
     border-radius: 0;
     color: #999999;
     font-size: 14px;
     float: left;
     margin-top: 3px;
 }

 .search b.to {
     display: block;
     float: left;
     line-height: 1;
     color: #333333;
     font-size: 15px;
     margin-left: 15px;
     margin-right: 15px;
     margin-top: 15px;
 }

 .searchin #txtEnd {
     padding: 0;
     margin: 0;
     border: none;
     margin-top: 14px;
     color: #333333;
     font-size: 14px;
     line-height: 1;
     font-weight: normal;
     float: left;
     line-height: 1;
     margin-top: 14px;
     background: none;
 }

 .search .serchbtn {
     cursor: pointer;
     display: block;
     width: 119px;
     height: 44px;
     text-align: center;
     line-height: 44px;
     float: left;
     color: #fff;
     background: #1f6543;
 }

 .pathAnswer {
     margin-top: 36px;
     padding: 18px;
 }

 .pathAnswer h4 {
     color: #000000;
     font-size: 16px;
     font-weight: bold;
     line-height: 1;
     padding-bottom: 23px;
     border-bottom: 1px solid #e5e5e5;
 }

 .resuis .t-map-item-act,
 .resuis span.on {
     color: #1f6543;
     position: relative;
 }

 .resuis span {
     display: block;
     float: left;
     padding-top: 13px;
     line-height: 1;
     color: #646464;
     font-size: 14px;
     font-weight: bold;
     position: relative;
     cursor: pointer;
 }

 .resuis a {
     display: block;
     float: left;
     margin-left: 45px;
     padding-top: 13px;
     line-height: 1;
     color: #646464;
     font-size: 14px;
     font-weight: bold;
     position: relative;
 }

 #startPanel {
     margin-top: 46px;
     margin-left: 17px;
     border-left: 1px solid #e5e5e5;
     padding-left: 18px;
 }

 .resuis .t-map-item-act:before,
 .resuis span.on:before {
     content: "";
     width: 29px;
     height: 4px;
     background: #1f6543;
     position: absolute;
     left: 0;
     top: -1px;
     z-index: 5;
 }

 #startPanel>div {
     margin-bottom: 36px;
 }

 #drivingPanel {
     margin-top: 46px;
 }

 #startPanel>div>a {
     display: inline-block;
     position: relative;
     padding-left: 20px;
     color: #1f6543;
     font-size: 16px;
     font-weight: bold;
     line-height: 1;
     min-width: 265px;
 }

 #startPanel>div>a:before {
     content: "";
     width: 3px;
     height: 3px;
     border: 2px solid #a2a2a2;
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -3px;
 }

 .gonglue ul li {
     background: #fff;
     overflow: hidden;
     box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
     margin-bottom: 20px;
     padding: 30px;
 }

 .gonglue ul li .con {
     width: 80%;
     padding-left: 40px;
     float: left;
 }

 .gonglue ul span {
     float: left;
     display: block;
     width: 100px;
     height: 100px;
     text-align: center;
     line-height: 100px;
     font-size: 20px;
     color: #fff;
 }

 .gonglue ul h3 {
     font-size: 24px;
     margin-bottom: 20px;
 }

 .gonglue ul p {
     line-height: 20px;
     color: #999;
 }

 .gonglue ul li:nth-child(1) span {
     background: #5aba9a;
 }

 .gonglue ul li:nth-child(2) span {
     background: #cda663;
 }

 .gonglue ul li:nth-child(3) span {
     background: #896ec6;
 }

 .gonglue ul li:nth-child(4) span {
     background: #1f6543;
 }

 .scenicdown {
     position: relative;
     width: 620px;
     margin: 0 auto;
 }

 .scenicbg {
     display: inline-block;
 }

 .scenicbg img {
     display: block;
     width: 620px;
     height: auto;
     max-width: 100%;
 }

 .scenicinfo {
     position: absolute;
     white-space: nowrap;
 }

 .scenicfix {
     position: relative;
 }

 .scenicfix span {
     display: block;
     padding-left: 18px;
     color: #fff;
     text-shadow: #000 1px 1px 2px;
     font-size: 14px;
     position: relative;
 }

 .scenicfix span:before {
     content: "";
     width: 13px;
     height: 13px;
     border: 2px solid #fff;
     border-radius: 50%;
     background: #1f6543;
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -6px;
 }

 .scenicdown .scenicfix span:before {
     animation: opacity-change 1.75s ease-in-out infinite;
     -webkit-animation: opacity-change 1.75s ease-in-out infinite;
     -moz-animation: opacity-change 1.75s ease-in-out infinite;
     -o-animation: opacity-change 1.75s ease-in-out infinite;
 }

 .scenicleft span {
     padding: 0 18px 0 0;
 }

 .scenicleft span:before {
     right: 0;
     left: auto;
 }

 .scenicfix span.scitops {
     display: inline-block;
     padding-left: 0;
     padding-top: 18px;
     line-height: 1;
 }

 .scenicfix span.scitops:before {
     left: 50%;
     margin-left: -7px;
     top: 0;
     margin-top: 0;
 }

 @keyframes opacity-change {
     0% {
         opacity: 0;
     }

     50% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 @-webkit-keyframes opacity-change {
     0% {
         opacity: 0;
     }

     50% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 @-moz-keyframes opacity-change {
     0% {
         opacity: 0;
     }

     50% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 @-o-keyframes opacity-change {
     0% {
         opacity: 0;
     }

     50% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 .scenicinfo figure {
     display: none;
 }

 .scenicinfo figure img {
     display: block;
     height: auto;
     transition: 0.52s;
     line-height: 1;
 }

 .scenicinfo1 {
     left: 130px;
     top: 70px;
 }

 .scenicinfo2 {
     left: 80px;
     top: 120px;
 }

 .scenicinfo3 {
     left: 170px;
     top: 130px;
 }

 .scenicinfo4 {
     left: 197px;
     top: 180px;
 }

 .scenicinfo5 {
     right: 255px;
     top: 190px;
 }

 .scenicinfo6 {
     left: 200px;
     top: 225px;
 }

 .scenicinfo7 {
     right: 300px;
     top: 250px;
 }

 .scenicinfo8 {
     left: 255px;
     top: 280px;
 }

 .scenicinfo9 {
     right: 150px;
     top: 290px;
 }

 .scenicinfo10 {
     left: 265px;
     top: 325px;
 }

 .scenicinfo11 {
     right: 195px;
     top: 330px;
 }

 .scenicinfo12 {
     right: 170px;
     top: 350px;
 }

 .scenicinfo13 {
     left: 310px;
     top: 420px;
 }

 .ab1 {
     padding: 80px 0;
 }

 .md {
     width: 50%;
     position: relative;
 }

 .cbox li {
     position: relative;
     overflow: hidden;
 }

 .cbox li.odd-li {
     background: #1a5f4f;
     transition: 0.65s;
 }

 .cbox li.even-li {
     background: #2a7a33;
     transition: 0.65s;
 }

 .cbox li.mz {
     background: rgba(184, 149, 83, 1);
     transition: 0.65s;
 }

 .cbox li.even-li .contxt {
     left: 50%;
 }

 .cbox .contxt .con {
     width: 80%;
     position: relative;
     margin: 0 auto;
     z-index: 2;
 }

 .cbox .contxt {
     display: block;
     overflow: hidden;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
 }

 .cbox .contxt h1 {
     color: #fff;
     margin-bottom: 20px;
     font-size: 30px;
 }

 .cbox .contxt span {
     color: #fff;
     display: inline-block;
     position: relative;
     margin-right: 20px;
     padding-left: 10px;
 }

 .cbox .contxt span:before {
     content: "";
     width: 4px;
     height: 4px;
     border-radius: 50%;
     background: #fff;
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -2px;
 }

 .cbox li.mz .contxt span:before {
     background: #fff;
 }

 .cbox .contxt .i {
     text-align: justify;
     color: #fff;
 }

 .cbox .conpic {
     overflow: hidden;
 }

 .cbox .cover img {
     width: 100%;
     display: block;
     -webkit-transition: .6s;
     -moz-transition: .6s;
     transition: .6s;
 }

 .cbox li:hover img {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
 }

 .pbanner {
     position: relative;
     overflow: hidden;
 }

 .pbanner:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0);
     z-index: 2;
 }

 .pbanner img {
     width: 100%;
     display: block;
     height: auto;
 }

 .pbanner .img01 {
     -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
     animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
 }

 @-webkit-keyframes scaleUpDown {
     from {
         -webkit-transform: scale(1.08);
         transform: scale(1.08);
     }

     to {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1);
     }
 }

 @keyframes scaleUpDown {
     from {
         -webkit-transform: scale(1.08);
         transform: scale(1.08);
     }

     to {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1);
     }
 }

 .banner-con {
     width: 100%;
     position: absolute;
     top: 50%;
     left: 0;
     z-index: 5;
     transform: translateY(-50%);
     color: #333;
     -webkit-animation-name: "fadeInRight";
     -webkit-animation-duration: 2s;
     -webkit-animation-iteration-count: 1;
 }

 .banner-title {
     max-width: 1420px;
     width: 90%;
     margin: 0 auto;
     color: #fff;
 }

 .banner-title .ch {
     padding-bottom: 20px;
     font-weight: 500;
     font-size: 40px;
     margin-bottom: 20px;
     line-height: 1;
     position: relative;
 }

 .banner-title .cn {
     font-size: 18px;
     -webkit-animation-name: "fadeInRight";
     -webkit-animation-duration: 5s;
     -webkit-animation-iteration-count: 1;
 }

 .banner-title .ch:before {
     content: '';
     position: absolute;
     left: 0;
     height: 4px;
     bottom: 0;
     width: 50px;
     background: #fff;
     -webkit-animation-name: "fadeInRight";
     -webkit-animation-duration: 5s;
     -webkit-animation-iteration-count: 1;
 }

 @-webkit-keyframes fadeInRight {
     from {
         opacity: 0;
         -webkit-transform: translateX(20px);
     }

     to {
         opacity: 1;
         -webkit-transform: translateX(0);
     }
 }

 @keyframes fadeInRight {
     from {
         opacity: 0;
         -webkit-transform: translateX(20px);
     }

     to {
         opacity: 1;
         -webkit-transform: translateX(0);
     }
 }

 .footer {
     position: relative;
     margin: 50px 0;
 }

 .fooTop {
     overflow: hidden;
 }

 .footer a {
     color: #ccc;
 }

 .fooLeft {
     position: absolute;
     left: 0;
     top: 0;
 }

 .fooRight {
     position: absolute;
     right: 0;
     top: 0;
 }

 .fooLeft b {
     color: #fff;
     font-size: 54px;
     display: inline-block;
     vertical-align: top;
 }

 .fooLeft .foodTxt {
     display: inline-block;
     color: #fff;
 }

 .foodTxt h3 {
     font-size: 14px;
     color: #ccc;
 }

 .foodTxt .Call {
     font-size: 36px;
     font-family: 'iconfont1';
     color: #fff;
 }

 .foodTxt .Tell {
     ;
 }

 .foodTxt p {
     color: #ccc;
 }

 .footer .fooCon {
     text-align: center;
 }

 .footer .fooCon .fooCon-logo {
     display: inline-block;
     transition: all 0.8s;
     width: 140px;
 }

 .footer .fooCon img {
     display: block;
     max-width: 100%;
     height: auto;
 }

 .fooRight img {
     display: block;
     max-width: 100%;
     height: auto;
 }

 .fooRight p {
     text-align: center;
     color: #ccc;
     margin-top: 10px;
 }

 .copyright {
     margin-top: 20px;
     text-align: center;
     color: #ccc;
     padding-top: 20px;
     border-top: 1px solid rgba(255, 255, 255, .05);
 }

 .copyright a {
     color: #ccc;
 }

 .serviceli {
     padding: 85px 0 100px;
 }

 .serviceli li {
     width: 16.66%;
     float: left;
     text-align: center;
 }

 .serviceli li span {
     display: block;
     text-align: center;
     line-height: 1;
     color: #333333;
     margin-top: 18px;
     transition: 0.38s;
     font-size: 14px;
 }

 .serviceli li b {
     display: block;
     z-index: 3;
     width: 106px;
     height: 106px;
     transition: 0.38s;
     text-align: center;
     line-height: 106px;
     border: 1px solid #b89553;
     position: relative;
     border-radius: 50%;
     margin: auto;
     font-size: 40px;
     font-weight: normal;
     color: #b89553;
 }

 .serviceli li b:after {
     content: "";
     width: 100%;
     height: 100%;
     z-index: -1;
     transition: 0.5s;
     border-radius: 50%;
     background: #1f6543;
     opacity: 0;
     visibility: hidden;
     position: absolute;
     left: 0;
     top: 0;
     transform: scale(0);
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
 }

 .serviceli li a:hover b:after {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
 }

 .serviceli li a:hover b {
     color: #fff;
     border-color: #1f6543;
     -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
     transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
     -webkit-animation: shake 0.5s;
     animation: shake 0.5s;
 }

 .serviceli li a:hover span {
     color: #1f6543;
 }

 @keyframes shake {

     from,
     to {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
     }

     25% {
         -webkit-transform: scale(0.9, 1.1);
         transform: scale(0.9, 1.1);
     }

     50% {
         -webkit-transform: scale(1.1, 0.9);
         transform: scale(1.1, 0.9);
     }

     75% {
         -webkit-transform: scale(0.95, 1.05);
         transform: scale(0.95, 1.05);
     }

     from,
     to {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
     }

     25% {
         -webkit-transform: scale(0.9, 1.1);
         transform: scale(0.9, 1.1);
     }

     50% {
         -webkit-transform: scale(1.1, 0.9);
         transform: scale(1.1, 0.9);
     }

     75% {
         -webkit-transform: scale(0.95, 1.05);
         transform: scale(0.95, 1.05);
     }
 }

 @-webkit-keyframes shake {

     from,
     to {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
     }

     25% {
         -webkit-transform: scale(0.9, 1.1);
         transform: scale(0.9, 1.1);
     }

     50% {
         -webkit-transform: scale(1.1, 0.9);
         transform: scale(1.1, 0.9);
     }

     75% {
         -webkit-transform: scale(0.95, 1.05);
         transform: scale(0.95, 1.05);
     }

     from,
     to {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
     }

     25% {
         -webkit-transform: scale(0.9, 1.1);
         transform: scale(0.9, 1.1);
     }

     50% {
         -webkit-transform: scale(1.1, 0.9);
         transform: scale(1.1, 0.9);
     }

     75% {
         -webkit-transform: scale(0.95, 1.05);
         transform: scale(0.95, 1.05);
     }
 }

 .follow {
     overflow: hidden;
 }

 .followle {
     float: left;
     margin-top: 100px;
 }

 .followle strong {
     display: block;
     color: #fff;
     font-size: 30px;
     font-weight: bold;
 }

 .allows {
     float: right;
     bottom: -40px;
     position: relative;
 }

 .allowtext {
     width: 100%;
     position: absolute;
     left: 0;
     top: 78px;
     text-align: center;
 }

 .allowtext img {
     display: block;
     width: 120px;
     max-width: 80%;
     margin: auto;
     margin-bottom: 10px;
 }

 .allowtext span {
     display: block;
     text-align: center;
     color: #999999;
     font-size: 14px;
     line-height: 1.4;
 }

 .allows:hover {
     -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
     transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
     -webkit-animation: rocate 0.3s;
     animation: rocate 0.3s;
 }

 @-webkit-keyframes rocate {
     0% {
         transform: rotate(0deg);
     }

     25% {
         transform: rotate(-15deg);
     }

     50% {
         transform: rotate(0deg);
     }

     75% {
         transform: rotate(15deg);
     }

     100% {
         transform: rotate(0deg);
     }
 }

 .ibox {
     width: 100%;
     overflow: hidden;
     height: auto;
     background-image: url(../image/rBQBG10I_2aEaHgHAAAAALvYpb0366.jpg);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     padding: 100px 0;
     position: relative;
 }

 .ibox .titles p {
     color: #fff;
 }

 .ibox .black-20 {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     transition: 330ms;
     -webkit-transition: 330ms;
     background: rgba(0, 0, 0, 0.3);
 }

 .ibox .iboxT {
     color: #fff;
     font-size: 14px;
 }

 .ovh {
     overflow: hidden;
 }

 .poster {
     overflow: hidden;
     position: relative;
 }

 .poster .con {
     text-align: center;
     max-width: 1280px;
     width: 90%;
     margin: 0 auto;
 }

 .radius-half {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
 }

 .player {
     cursor: pointer;
     display: inline-block;
     width: 100px;
     margin: 20px 0;
     height: 100px;
     border: 1px solid #fff;
     background: url(../image/rBQBG1yrAQCENLKJAAAAABpVtZ4987.png) no-repeat center;
     background-size: 30px;
 }

 .titles {
     text-align: center;
     position: relative;
 }

 .titles img {
     display: block;
     margin: auto;
     transition: 0.4s;
 }

 .titles p {
     color: #333333;
     font-size: 30px;
     line-height: 4rem;
     margin: auto;
     letter-spacing: 10px;
 }

 .more {
     margin-top: 25px;
     text-align: center;
 }

 .more a {
     display: block;
     width: 100px;
     margin: auto;
     height: 40px;
     text-align: center;
     line-height: 40px;
     color: #fff;
     border: 1px solid #cbb088;
     font-size: 14px;
     position: relative;
     z-index: 1;
 }

 .more a:after {
     content: "";
     width: 96px;
     height: 36px;
     background: #cbb088;
     position: absolute;
     left: 1px;
     top: 1px;
     z-index: -1;
     transition: 0.6s;
 }

 .more a.hot {
     border: 1px solid rgba(184, 149, 83, 1);
 }

 .more a.hot:after {
     background: rgba(184, 149, 83, 1);
 }

 @media only screen and (max-width: 1280px) {
     .titles img {
         width: 280px;
     }

     .footer .fooCon .fooCon-logo {
         width: 100px;
     }

     .fooLeft b {
         font-size: 50px;
     }

     .foodTxt .Call {
         font-size: 30px;
     }

     .fooRight img {
         width: 90px;
     }

     .banner-title .ch {
         font-size: 30px;
     }

     .tit_box {
         font-size: 30px;
     }
 }

 @media screen and (max-width: 1024px) {
     .contact li b {
         width: 92px;
         height: 92px;
         line-height: 92px;
     }

     .titles img {
         width: 180px;
     }

     .player {
         width: 80px;
         height: 80px;
     }

     .followle strong {
         font-size: 24px;
     }

     .serviceli {
         padding: 50px 0 56px;
     }

     .serviceli li b {
         width: 92px;
         height: 92px;
         line-height: 92px;
     }

     .serviceli li {
         width: 33.33%;
         margin-bottom: 32px;
     }

     .fooLeft {
         position: static;
     }

     .fooRight {
         position: static;
     }

     .footer .fooCon {
         margin-bottom: 20px;
     }

     .md {
         width: 100%;
         float: none;
     }

     .cbox .contxt {
         position: static;
     }

     .cbox .contxt .con {
         width: 90%;
         padding: 32px 0;
     }

     .ab1 {
         padding: 100px 0;
     }

     .cbox .contxt h1 {
         font-size: 24px;
     }
 }

 @media only screen and (max-width: 968px) {
     .banner-con {
         top: 40%;
     }

     .searchin {
         width: 90%;
         margin-top: 10px;
         margin-left: 18px;
     }

     .search .serchbtn {
         width: 100%;
         margin-top: 20px;
     }
 }

 @media only screen and (max-width: 768px) {
     .contact li {
         width: 100%;
         overflow: hidden;
         float: none;
         margin-bottom: 20px;
         text-align: left;
     }

     .contact li b {
         width: 60px;
         height: 60px;
         line-height: 60px;
         margin-right: 20px;
         font-size: 22px;
         float: left;
     }

     .contact li span {
         text-align: left;
         margin: 0;
         padding-top: 10px;
     }

     .contact li p {
         margin-top: 5px;
     }

     .tit_box {
         font-size: 24px;
     }

     .titles img {
         width: 200px;
     }

     .titles p {
         position: relative;
         left: 0;
         bottom: 0;
         margin-top: 14px;
         margin-left: 0;
         text-align: center;
         font-size: 20px;
         line-height: .4rem;
     }

     .player {
         width: 50px;
         height: 50px;
         background-size: 10px;
     }

     .followle {
         width: 100%;
         float: none;
         text-align: center;
         margin-bottom: 0;
         margin-top: 50px;
     }

     .allows {
         float: none;
         margin-right: 0;
         margin: auto;
         width: 191px;
     }

     .serviceli li b {
         width: 60px;
         height: 60px;
         line-height: 60px;
         font-size: 22px;
     }

     .serviceli {
         padding: 38px 0;
     }

     .footer {
         margin-top: 0;
     }

     .footer .to-top {
         display: block;
         color: #fff;
         width: 100%;
         text-align: center;
         -webkit-transition: all .2s;
         -o-transition: all .2s;
         transition: all .2s;
     }

     .footer .to-top span {
         display: inline-block;
         text-align: center;
         padding: 5px 20px;
         background: #1f6543;
         font-size: 12px;
     }

     .fooTop {
         margin-top: 20px;
     }

     .footer .to-top span:after {
         display: block;
         margin: 7px auto 0;
         border-right: 6px solid transparent;
         border-bottom: 6px solid #fff;
         border-left: 6px solid transparent;
         width: 12px;
         content: '';
         -webkit-animation: mouse-top 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
         animation: mouse-top 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
     }

     .banner-title .ch {
         font-size: 24px;
         margin-bottom: 10px;
     }

     .banner-title .cn {
         font-size: 14px;
     }

     .banner-title .ch:before {
         height: 2px;
     }

     .scenicbg {
         display: none;
     }

     .scenicinfo figure {
         display: inline-block;
     }

     .scenicdown .scenicinfo {
         position: relative;
         text-align: center;
         width: 25%;
         float: left;
         left: 0 !important;
         top: 0 !important;
         margin-bottom: 22px;
     }

     .scenicfix span {
         text-align: center;
         padding: 0;
         color: #666;
         text-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
     }

     .scenicdown .scenicfix span:before {
         display: none;
     }

     .scenicdown .scenicinfo:last-child {
         display: none;
     }

     .scenicdown {
         width: 100%;
     }

     .gonglue ul li .con {
         width: 100%;
         padding-left: 0px;
         float: none;
         margin-top: 20px;
     }

     .gonglue ul span {
         float: none;
         display: block;
         width: 55px;
         height: 50px;
         text-align: center;
         line-height: 50px;
         font-size: 16px;
         color: #fff;
     }

     .gonglue ul h3 {
         font-size: 18px;
     }

     .bdMap {
         height: 350px;
     }
 }

 @media only screen and (max-width: 600px) {
     .fooLeft {
         width: 100%;
         float: none;
     }

     .fooRight {
         display: none;
     }

     .foodTxt .Call {
         font-size: 24px;
     }

     .cbox .contxt h1 {
         font-size: 18px;
     }

     .gonglue ul li {
         padding: 15px;
     }
 }

 @media only screen and (max-width: 500px) {
     .titles img {
         width: 200px;
     }

     .titles p {
         margin-top: 10px;
         line-height: 30px;
     }

     .followle strong {
         font-size: 18px;
     }

     .banner-title .ch {
         font-size: 18px;
         margin-bottom: 5px;
         padding-bottom: 10px;
     }

     .banner-title .cn {
         font-size: 12px;
     }

     .scenicdown .scenicinfo {
         width: 33.33%;
     }

     .ab1 {
         padding: 50px 0;
     }
 }

 @media only screen and (min-width: 769px) {
     .c_portalResPublic_codeContainer-01001 {
         min-height: 500px;
         width: 100%;
     }

     .to-top {
         display: none;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 @keyframes mouse-top {
     from {
         opacity: 0;
     }

     33% {
         opacity: 1;
     }

     to {
         transform: translateY(-5px);
         -webkit-transform: translateY(-5px);
         opacity: 0;
     }
 }

 @-webkit-keyframes mouse-top {
     from {
         opacity: 0;
     }

     33% {
         opacity: 1;
     }

     to {
         transform: translateY(-5px);
         -webkit-transform: translateY(-5px);
         opacity: 0;
     }
 }

 @keyframes shanshuo {
     from {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-10px);
     }

     to {
         transform: translateY(0);
     }
 }

 @-webkit-keyframes shanshuo {
     from {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-10px);
     }

     to {
         transform: translateY(0);
     }
 }

 .map {
     width: 100%;
     overflow-x: scroll;
     max-width: 1280px;
     margin: auto;
 }

 .map .content {
     position: relative;
     width: 100%;
     min-width: 800px;
 }

 .content .img img {
     width: 100%;
 }

 .dote {
     position: absolute;
     width: 25px;
     height: 32px;
     white-space: nowrap;
 }

 .dote .tl {
     border-radius: 8px;
     left: 50%;
     bottom: 100%;
     -webkit-transform: translate(-50%);
     transform: translate(-50%);
     box-shadow: 0 0 4px 2px hsla(0, 0%, 71%, .17);
     position: absolute;
     background: #fff;
 }

 .dote {
     animation: shanshuo 1.2s ease-in-out infinite;
     -webkit-animation: shanshuo 1.2s ease-in-out infinite;
     -moz-animation: shanshuo 1.2s ease-in-out infinite;
     -o-animation: shanshuo 1.2s ease-in-out infinite;
 }

 .dote span {
     height: 18px;
     border-radius: 11px;
     background-color: #fff;
     font-size: 14px;
     color: #000;
     padding: 0 7px;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-weight: bold;
     font-family: HYXiaoMaiTiJ;
 }

 .dote_dz {
     left: 62.5%;
     top: 48.06%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .dote_yytd {
     left: 47.2%;
     top: 58.87%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .dote_yyhgy {
     left: 41.4%;
     top: 62.9%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .dote_jlh {
     left: 19.92%;
     top: 54.06%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .dote_jlhgy {
     left: 11.72%;
     top: 64.52%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .dote_hj {
     left: 4.53%;
     top: 76.04%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .dote_yytd {
     left: 47.2%;
     top: 58.87%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .dote_nby {
     left: 55.47%;
     top: 24.64%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .dote_tcy {
     left: 59.14%;
     top: 27%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .dote_lfg {
     left: 21.01%;
     top: 29.26%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .dote_fhs {
     left: 12.5%;
     top: 36.25%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .dote_jyl {
     left: 35.05%;
     top: 34.35%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .dote_xly {
     left: 29.84%;
     top: 32.16%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .dote_dsbd {
     left: 37.5%;
     top: 28.27%;
     margin-left: -12.5px;
     margin-top: -32px;
 }

 .xianlu {
     background: #fff;
     margin-top: 40px;
     padding: 30px;
 }

 .xianlu h1 {
     font-size: 18px;
     color: #000;
     font-weight: bold;
 }

 .xianlu .list {
     margin-top: 20px;
     border-bottom: 1px dashed #e5e5e5;
     padding-bottom: 20px;
 }

 .xianlu h2 {
     font-size: 15px;
     color: #333;
     font-weight: bold;
 }

 .xianlu .con {
     margin-top: 10px;
 }

 .xianlu .l {
     font-size: 18px;
     font-family: HYXiaoMaiTiJ;
     color: #000;
     line-height: 30px;
     float: left;
 }

 .xianlu .l a {
     color: #000;
     transition: all .6s;
 }

 .xianlu .l a:hover {
     color: #0f9675;
 }

 .xianlu i {
     width: 26px;
     height: 30px;
     background: url(../image/jt.png) no-repeat center;
     display: block;
     margin: 0 20px;
     float: left;
 }

 @media only screen and (max-width: 767px) {
     .xianlu .l {
         font-size: 16px;
     }
 }

 .w_fimg-001 .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-001 .p_title .font {
     vertical-align: middle;
     line-height: 21px;
 }

 .w_fimg-001 .p_title:hover {
     color: rgba(87, 177, 173, 1);
 }

 .w_fimg-001 .p_title:active {
     color: rgba(69, 165, 161, 1);
 }

 .w_fimg-001 .p_title .iconfont:before {
     display: inline-block;
     content: "";
 }

 .w_fimg-001 {
     position: relative;
     width: 100%;
     height: auto;
     min-height: 200px;
 }

 .w_fimg-001 .animated {
     width: 100%;
     height: 100%;
     position: relative;
     min-height: inherit;
 }

 .w_fimg-001 .font {
     white-space: nowrap;
 }

 .w_fimg-001 .p_link001 {
     width: 100%;
     height: calc(100% - 30px);
 }

 .w_fimg-001 .p_link002 {
     width: 100%;
     height: 30px;
 }

 .w_fimg-001 .p_box {
     width: 100%;
     height: 100%;
     text-align: center;
     position: static;
 }

 .w_fimg-001 .p_dimage {
     height: inherit;
     overflow: hidden;
     font-size: 0;
 }

 .w_fimg-001 .e_image:hover:after {
     background: transparent;
 }

 .w_fimg-001 .p_dimage:empty {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
     background: #f2f2f2 url(../image/camera.png) no-repeat center;
 }

 .w_popbox-001 {
     width: 80%;
     max-width: 700px;
     min-height: 300px;
     margin: 0 auto;
     display: none;
 }

 .w_popbox-001 .w_popbox {
     position: relative;
     width: 100%;
     height: 100%;
     max-width: inherit;
     min-height: inherit;
 }

 .w_popbox-001 .w_popbox .e_container {
     width: 100%;
     height: 100%;
     min-height: inherit;
     position: relative;
     left: 0;
     top: 0;
     z-index: 9999;
     background-position: center;
     background-repeat: no-repeat;
     background-clip: content-box;
     max-height: 100% !important;
 }

 .w_popbox-001 .w_popbox .e_shading {
     width: 100%;
     height: 100%;
     word-break: keep-all;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 9998;
     background-position: center;
     background-repeat: repeat;
     background-clip: content-box;
 }

 .w_popbox-001 .p_icon {
     width: auto;
     height: auto;
     position: absolute;
     right: 0;
     top: 0;
     cursor: pointer;
     z-index: 10000;
     text-align: right;
     color: #fff;
     background: rgba(178, 178, 178, .5);
 }

 .w_popbox-001 .p_icon:before {
     content: '\e690';
     font-size: 30px;
 }

 .w_popbox-001 .e_box002 {
     background-color: rgba(0, 0, 0, 0.6);
 }

 .w_fimg-000 .p_title {
     display: inline-table;
     margin: 0;
     min-width: 37px;
     padding: 0;
     color: rgba(51, 51, 51, 1);
     font-size: 16px;
     font-weight: 400;
     cursor: pointer;
 }

 .w_fimg-000 .p_title .font {
     vertical-align: middle;
     line-height: 21px;
 }

 .w_fimg-000 .p_title:hover {
     color: rgba(87, 177, 173, 1);
 }

 .w_fimg-000 .p_title:active {
     color: rgba(69, 165, 161, 1);
 }

 .w_fimg-000 .p_title .iconfont:before {
     display: inline-block;
     content: "";
 }

 .w_fimg-000 {
     position: relative;
     width: 100%;
     height: auto;
     min-height: 200px;
 }

 .w_fimg-000 .animated {
     width: 100%;
     height: 100%;
     position: relative;
     min-height: inherit;
 }

 .w_fimg-000 .font {
     white-space: nowrap;
 }

 .w_fimg-000 .p_link001 {
     width: 100%;
     height: 100%;
 }

 .w_fimg-000 .p_link002 {
     width: 100%;
     height: 30px;
 }

 .w_fimg-000 .p_box {
     width: 100%;
     height: 100%;
     text-align: center;
     position: static;
 }

 .w_fimg-000 .p_dimage {
     height: inherit;
     overflow: hidden;
     font-size: 0;
 }

 .w_fimg-000 .e_image:hover:after {
     background: transparent;
 }

 .w_fimg-000 .p_dimage:empty {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
     background: #f2f2f2 url(../image/camera.png) no-repeat center;
 }

 @media only screen and (max-width: 768px) {
     .c_portalResPublic_codeContainer-01001001 {
         min-height: 500px;
         width: 100%;
     }

     #w_fimgbox-1557041067278 {
         width: 96% !important;
         margin-top: 0px !important;
     }

     #w_fimgbox-1557043473907 {
         width: 96% !important;
     }

     #w_fimgbox-1557043491640 {
         width: 96% !important;
     }

     #w_grid-1557024169152 #w_common_text-1557024247061 p {
         text-align: center;
     }

     #w_common_text-1557050525115 span {
         font-size: 16px !important;
     }

     #w_common_text-1557050547523 span {
         font-size: 16px !important;
     }

     #w_common_text-1557050633699 span {
         font-size: 14px !important;
     }
 }

 @media only screen and (min-width: 769px) {
     .c_portalResPublic_codeContainer-01001001 {
         min-height: 500px;
         width: 100%;
     }

     #w_fimgbox-1557041067278 {
         width: 100% !important;
         margin-top: 20px !important;
     }

     #w_fimgbox-1557043473907 {
         width: 100% !important;
     }

     #w_fimgbox-1557043491640 {
         width: 100% !important;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_fimgbox-1557041067278 {
         width: 100% !important;
         margin-top: 20px !important;
     }

     #w_fimgbox-1557043473907 {
         width: 100% !important;
     }

     #w_fimgbox-1557043491640 {
         width: 100% !important;
     }
 }

 @media only screen and (max-width: 768px) {}

 @media only screen and (max-width: 768px) {
     .c_portalResnav_main-01001008 .p_problemCategory {
         display: block;
     }

     .c_portalResnav_main-01001008 .p_navPc {
         display: none;
     }

     .c_portalResnav_main-01001008 .p_linkBox {
         display: none;
     }

     .c_portalResnav_main-01001008 .p_parent {
         display: block;
     }

     .c_portalResnav_main-01001008 .p_categoryBtn:before {}

     .c_portalResnav_main-01001008 .icon-arrow_up:before {
         content: "\e69a";
     }

     .c_portalResnav_main-01001008 .icon-arrow_down:before {
         content: "\e69c";
     }

     .c_portalResnav_main-01001008 .p_btn-show {
         color: #fff;
         background: #7F7F7F;
     }

     .c_portalResnav_main-01001008 .p_btn-hide {
         width: 10%;
         height: 100%;
         float: left;
         background-color: #7F7F7F;
     }

     .c_portalResnav_main-01001008 .p_category {
         width: 100%;
         height: 100%;
         position: fixed;
         top: 0;
         left: 100%;
     }

     .c_portalResnav_main-01001008 .p_parent {
         width: auto;
         height: auto;
         display: -webkit-flex;
         display: -moz-flex;
         display: -ms-flexbox;
         display: -ms-flex;
         display: flex;
         display: -webkit-flex;
         display: -moz-box;
         display: -moz-flex;
         display: -ms-flexbox;
         display: flex;
         display: -webkit-box;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         padding: 0 0 0 5px;
     }

     .c_portalResnav_main-01001008 .p_categoryBox {
         overflow-y: auto;
         width: 90%;
         height: 100%;
         float: left;
         background-color: rgb(239, 239, 245);
     }

     .c_portalResnav_main-01001008 .p_categoryBox>.p_parentBox {
         background-color: #FFFFFE !important;
         padding-left: 0px;
     }

     .c_portalResnav_main-01001008 .p_parentBox {
         width: auto;
         height: auto;
         color: #fff;
     }

     .c_portalResnav_main-01001008 .p_parentBox {
         width: auto;
         height: auto;
         color: #fff;
         background-color: rgb(239, 239, 245);
         padding-left: 20px;
     }

     .c_portalResnav_main-01001008 .p_childBox .p_parent {
         border-bottom: 1px solid #c0c0c0;
     }

     .c_portalResnav_main-01001008 .p_c-fff {
         display: inline-block;
         margin-top: 10px;
         margin-bottom: 10px;
         color: #fff;
     }

     .c_portalResnav_main-01001008 .p_categoryBtn {
         display: block;
         margin: 12px 5px 10px 0;
         color: #000000;
         font-size: 12px;
     }

     .c_portalResnav_main-01001008 .p_link {
         height: auto;
         vertical-align: middle;
         width: initial;
         margin: 10px 0;
         -webkit-flex: 1;
         -moz-flex: 1;
         -ms-flex: 1;
         flex: 1;
         display: block;
         -moz-box-flex: 1;
         -webkit-box-flex: 1;
         box-flex: 1;
         display: -webkit-flex;
         display: -moz-flex;
         display: -ms-flexbox;
         display: -ms-flex;
         display: flex;
         display: -webkit-flex;
         display: -moz-box;
         display: -moz-flex;
         display: -ms-flexbox;
         display: flex;
         display: -webkit-box;
         color: #000;
     }

     .c_portalResnav_main-01001008 {
         width: 640px;
     }
 }

 @media only screen and (min-width: 769px) {
     .c_portalResnav_main-01001008 .p_problemCategory {
         display: none;
     }

     .c_portalResnav_main-01001008 .p_parent {
         display: none;
     }

     .c_portalResnav_main-01001008 .p_navPc {
         display: block;
     }

     .c_portalResnav_main-01001008 .p_linkBox {
         display: block;
     }

     .c_portalResnav_main-01001008 {
         width: auto;
         height: auto;
         overflow: visible;
     }

     .c_portalResnav_main-01001008 .p_category {
         height: 100%;
         width: 100%;
         position: relative;
         background-color: #FFFFFE;
     }

     .clearfix:before,
     .clearfix:after {
         content: "";
         display: block;
         clear: both;
         width: 0;
         height: 0;
         visibility: hidden;
         font-size: 0;
     }

     .c_portalResnav_main-01001008 .p_categoryBox {
         line-height: 24px;
         width: auto;
         float: left;
     }

     .c_portalResnav_main-01001008 .p_categoryBox .p_linkBox {
         width: 100%;
         display: -webkit-box;
         display: -webkit-flex;
         display: -moz-box;
         display: -moz-flex;
         display: -ms-flexbox;
         display: flex;
         align-items: center;
     }

     .c_portalResnav_main-01001008 .p_categoryBox>.p_parentBox:hover {
         border-top: 3px solid rgb(64, 143, 244);
     }

     .c_portalResnav_main-01001008 .p_categoryBox .p_title {
         height: auto;
         width: auto;
         -webkit-flex: 1;
         -moz-flex: 1;
         -ms-flex: 1;
         flex: 1;
         display: block;
         -moz-box-flex: 1;
         -webkit-box-flex: 1;
         box-flex: 1;
         font-size: 14px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
     }

     .c_portalResnav_main-01001008 .p_categoryBox .p_title:hover {
         color: rgb(64, 143, 244);
     }

     .c_portalResnav_main-01001008 .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: rgb(64, 143, 244);
         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-01001008 .p_categoryBtn:hover {
         border-width: 0;
         border-style: solid;
         color: rgb(64, 143, 244);
         border-color: rgba(255, 255, 255, 0);
         background-color: rgba(255, 255, 255, 0);
         box-shadow: none;
     }

     .c_portalResnav_main-01001008 .p_categoryBtn:active {
         border-width: 0;
         border-style: solid;
         color: rgb(64, 143, 244);
         border-color: rgba(255, 255, 255, 0);
         background-color: rgba(255, 255, 255, 0);
         box-shadow: none;
     }

     .c_portalResnav_main-01001008 .p_linkBox .iconfont:before {
         content: '';
     }

     .c_portalResnav_main-01001008 .p_childBox .p_linkBox .icon-duduyinleappicon1401:before {
         content: '\e65f';
         color: rgb(64, 143, 244);
         font-size: 10px
     }

     .c_portalResnav_main-01001008 .p_categoryBox .p_childBox {
         border: 1px solid rgba(240, 240, 240, 1);
         box-shadow: 2px 1px 2px #c0c0c0;
         z-index: 9;
     }

     .c_portalResnav_main-01001008 .p_categoryBox .p_parentBox {
         position: relative;
         width: 200px;
         height: 40px;
         float: left;
         text-align: center;
     }

     .c_portalResnav_main-01001008 .p_parentBox:last-child .p_linkBox {
         border-bottom: 0 none;
     }

     .c_portalResnav_main-01001008 .p_categoryBox>.p_parentBox>.p_childBox {
         margin-top: 40px;
         left: 0px;
     }

     .c_portalResnav_main-01001008 .p_categoryBox .slideOut {
         position: absolute;
         left: 100%;
         top: 0;
         width: 100%;
         height: auto;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 .c_portalResnav_main-01001008 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 .c_portalResnav_main-01001008>div {
     animation-fill-mode: both;
 }

 .c_portalResnav_main-01001008 a {
     color: #333;
     transition: all .3s ease;
     text-decoration: none;
 }

 .c_portalResnav_main-01001008 .top-nav-wrap {
     display: block;
     font-size: 14px;
     color: #333;
 }

 .c_portalResnav_main-01001008 .top-nav-wrap .clear {
     clear: both;
 }

 .c_portalResnav_main-01001008 .top-nav-wrap .btlink8 {
     margin-right: 0px;
 }

 .c_portalResnav_main-01001008 .top-nav {
     width: auto;
     float: left;
     margin-right: 7%;
     line-height: 24px;
 }

 .c_portalResnav_main-01001008 .top-nav-a1 {
     display: block;
     font-size: 16px;
     margin-bottom: 12px;
     color: #aaaaaa;
 }

 .c_portalResnav_main-01001008 .top-nav-a2 {
     display: block;
     font-size: 14px;
     line-height: 30px;
     margin-bottom: 0px;
     color: #83837d;
 }

 .c_portalResnav_main-01001008 .top-nav-a2:hover {
     display: block;
     font-size: 14px;
     line-height: 30px;
     margin-bottom: 0px;
     color: #c6010b;
 }

 @media (max-width: 768px) {
     .c_portalResnav_main-01001008 .top-nav-wrap {
         display: flex;
         flex-wrap: wrap;
         flex: 0 0 100%;
     }

     .c_portalResnav_main-01001008 .top-nav {
         flex: 0 0 100%;
         margin-right: 0;
     }

     .c_portalResnav_main-01001008 .top-nav-a1 {
         font-size: 16px;
         line-height: 50px;
         margin-bottom: 0;
         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
         background-size: 13px !important;
         background: url(http://static203.yun300.cn/img/btlink_jia.png?tenantId=268610&viewType=1&v=1763520262000) no-repeat right center;
     }

     .c_portalResnav_main-01001008 .footer-sub-hides {
         display: none;
         padding: 10px 15px;
         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     }

     .c_portalResnav_main-01001008 .top-nav-a2 {
         font-size: 13px;
         color: rgba(255, 255, 255, 0.8);
         background: url(http://static203.yun300.cn/img/btlink_ico.png?tenantId=268610&viewType=1&v=1763520262000) no-repeat left center;
         background-size: 3px auto;
         line-height: 36px;
         margin-bottom: 0;
         padding-left: 15px;
     }

     .c_portalResnav_main-01001008 .top-nav.cur .top-nav-a1 {
         background: url(http://static203.yun300.cn/img/btlink_jian.png?tenantId=268610&viewType=1&v=1763520262000) no-repeat right center;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     .c_portalResnav_main-01001008 .top-nav {
         margin-right: 10%;
     }
 }

 @media only screen and (max-width: 1200px) and (min-width: 769px) {
     .c_portalResnav_main-01001008 .top-nav {
         margin-right: 8%;
     }
 }

 .MasonryBox {
     width: 96%;
     margin: 0 auto;
     max-width: 1200px;
 }

 .MasonryBox .Masonry-mod {
     float: left;
     width: 20%;
     box-sizing: border-box;
     padding: 0;
     overflow: hidden;
     background: #000;
     border: 12px solid #fff;
     cursor: pointer;
     position: relative;
 }

 .MasonryBox .Masonry-mod img {
     display: block;
     width: 100%;
     transition: .368s;
 }

 .MasonryBox .Masonry-mod:hover img {
     opacity: .6;
     transform: scale(1.1);
 }

 .MasonryBox .Masonry-mod p {
     position: absolute;
     width: 100%;
     height: 38px;
     line-height: 38px;
     padding: 0 10px;
     text-align: center;
     font-size: 16px;
     color: #222;
     background: rgba(255, 255, 255, .8);
     bottom: -42px;
     left: 0;
     box-sizing: border-box;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     transition: .368s;
 }

 .MasonryBox .Masonry-mod:hover p {
     bottom: 0;
 }

 @media screen and (max-width: 1080px) {
     .MasonryBox {
         width: 96%;
     }

     .MasonryBox .Masonry-mod {
         width: 25%;
     }
 }

 .chanpin-tan-window {
     position: fixed;
     top: 0;
     left: 0;
     overflow: hidden;
     z-index: 999999;
     background: rgba(0, 0, 0, .8);
     width: 0;
     height: 0;
     opacity: 0;
     transition: opacity .6s;
 }

 .chanpin-tan-window.show {
     width: 100%;
     height: 100%;
     opacity: 1;
 }

 .chanpin-tan-window .img-box {
     position: absolute;
 }

 .chanpin-tan-window .img-box img {
     display: block;
     max-width: 1200px;
     max-height: 600px;
 }

 .chanpin-tan-window .img-box p {
     position: absolute;
     padding: 10px 20px;
     background: rgba(0, 0, 0, .5);
     bottom: 0;
     left: 0;
     font-size: 14px;
     color: #fff;
 }

 .chanpin-tan-window .out {
     width: 50px;
     height: 50px;
     position: absolute;
     top: -80px;
     right: -80px;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: Center;
     cursor: pointer;
     color: #222;
     font-size: 20px;
     font-weight: bold;
     transition: .3s;
 }

 .chanpin-tan-window .out:hover {
     background: #fff;
     color: #333;
     border-radius: 10px;
 }

 @media screen and (max-width: 768px) {
     .MasonryBox .Masonry-mod {
         width: 50%;
     }

     .MasonryBox .Masonry-mod p {
         bottom: 0;
     }

     .chanpin-tan-window .img-box img {
         display: block;
         max-width: 100%;
     }

     .chanpin-tan-window .out {
         top: -80px;
         right: 0px;
     }
 }

 @media screen and (max-width: 568px) {
     .MasonryBox {
         width: 98%;
     }

     .MasonryBox .Masonry-mod {
         width: 50%;
     }

     .MasonryBox .Masonry-mod p {
         bottom: 0;
     }
 }

 .c_product_list-531001001 {
     width: 400px;
     height: 200px;
     overflow: hidden
 }

 .chanpin-mod-20190525 {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
 }

 .chanpin-mod-20190525 .swiper-Left-Img {
     width: 51.5%;
     height: 100%;
     overflow: hidden;
     position: relative;
     animation-name: fadeInLeft;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-delay: 0.6s;
     animation-delay: 0.6s;
 }

 .chanpin-mod-20190525 .swiper-Left-Img .left-tit {
     position: absolute;
     bottom: 10%;
     left: 16%;
     z-index: 2;
     animation-name: fadeInUp;
     -webkit-animation-duration: 0.8s;
     animation-duration: 0.8s;
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
 }

 .chanpin-mod-20190525 .swiper-Left-Img .left-tit h2 {
     font-family: 'arial';
     padding-top: 80px;
     font-size: 24px;
     color: #ffffff;
     text-transform: uppercase;
 }

 .chanpin-mod-20190525 .swiper-Left-Img .left-tit span {
     display: block;
     width: 14px;
     height: 14px;
     border-radius: 50%;
     border: 3px solid #921e1e;
     position: absolute;
     right: -23px;
     box-sizing: border-box;
     bottom: 7px;
 }

 .chanpin-mod-20190525 .swiper-Left-Img ul {}

 .chanpin-mod-20190525 .swiper-Left-Img ul li {
     overflow: hidden;
     background: #000;
 }

 .chanpin-mod-20190525 .swiper-Left-Img ul li a {
     display: block;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     -webkit-transition: .868s;
     -o-transition: .868s;
     transition: .868s;
 }

 .chanpin-mod-20190525 .swiper-Left-Img ul li a:hover {
     -webkit-transform: scale(1.05);
     -o-transform: scale(1.05);
     transform: scale(1.05);
     opacity: .7;
     cursor: url(../image/cour.png), Move;
 }

 .chanpin-mod-20190525 .swiper-Left-Img .swiper-pagination {
     bottom: 60px;
     margin: 0;
     left: 16%;
     width: auto;
 }

 .chanpin-mod-20190525 .swiper-Left-Img .swiper-pagination span {
     width: 6px;
     height: 6px;
     background: #fff;
     opacity: .5;
     margin: 0 2px;
 }

 .chanpin-mod-20190525 .swiper-Left-Img .swiper-pagination span.swiper-pagination-bullet-active {
     opacity: 1;
 }

 .chanpin-mod-20190525 .swiper-Left-Img .swiper-scrollbar {
     left: 0;
     width: 100%;
     border-radius: 0;
     height: 1px;
     bottom: 50px;
     background: rgba(255, 255, 255, .3);
 }

 .chanpin-mod-20190525 .swiper-Left-Img .swiper-scrollbar-drag {
     background: #fff;
 }

 .chanpin-mod-20190525 .chanpin-tit {
     z-index: 2;
     position: absolute;
     top: 25%;
     right: 0;
     box-sizing: border-box;
     width: 50%;
     padding: 0 5%;
     animation-name: fadeInUp;
     -webkit-animation-duration: 0.8s;
     animation-duration: 0.8s;
     -webkit-animation-delay: 0.8s;
     animation-delay: 0.8s;
 }

 .chanpin-mod-20190525 .chanpin-tit a {}

 .chanpin-mod-20190525 .chanpin-tit a img {}

 .chanpin-mod-20190525 .chanpin-tit p {
     padding-top: 54px;
     font-size: 14px;
     line-height: 24px;
     color: #5e5e5e;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 5;
     overflow: hidden;
 }

 .chanpin-mod-20190525 .swiper-Right-min {
     z-index: 3;
     position: absolute;
     top: 45%;
     right: 5%;
     box-sizing: border-box;
     width: 40%;
     padding-top: 6%;
     overflow-x: hidden;
     animation-name: fadeInUp;
     -webkit-animation-duration: 0.8s;
     animation-duration: 0.8s;
     -webkit-animation-delay: 0.9s;
     animation-delay: 0.9s;
 }

 .chanpin-mod-20190525 .swiper-Right-min ul {}

 .chanpin-mod-20190525 .swiper-Right-min ul li {
     height: 0;
     padding-bottom: 26%;
     overflow: hidden;
     border: 4px solid #ffffff;
     box-sizing: border-box;
     background-size: cover;
     -webkit-transition: .168s;
     -o-transition: .168s;
     transition: .168s;
     background-position: -10px -15px;
 }

 .chanpin-mod-20190525 .swiper-Right-min ul li a {
     height: 32px;
     position: absolute;
     left: 0;
     bottom: 0;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     background-color: #ffffff;
     color: #921e1e;
     text-align: center;
     line-height: 32px;
     font-weight: normal;
 }

 .chanpin-mod-20190525 .swiper-Right-min ul li.swiper-slide-thumb-active {
     border: 4px solid #ffffff;
 }

 .chanpin-mod-20190525 .swiper-Right-min ul li.swiper-slide-thumb-active a {
     background: #ffffff;
 }

 .chanpin-mod-20190525 .swiper-Right-min .swiper-scrollbar {
     left: 0;
     width: 100%;
     border-radius: 0;
     height: 1px;
     top: 25%;
     bottom: inherit;
     background: #b75b39;
 }

 .chanpin-mod-20190525 .swiper-Right-min .swiper-scrollbar-drag {
     background: #fcd651;
 }

 .chanpin-mod-20190525 .swiper-Right-min .btn {
     top: 10px;
     margin: 0;
     width: 52px;
     height: 32px;
     line-height: 18px;
     border: 1px solid #dddddd;
     border-radius: 38px;
     text-align: center;
     background: #fff;
     opacity: 1;
     -webkit-transition: .168s;
     -o-transition: .168s;
     transition: .168s;
     color: #333;
 }

 .chanpin-mod-20190525 .swiper-Right-min .swiper-button-next {
     right: inherit;
     left: 90px;
     color: #333;
 }

 .chanpin-mod-20190525 .swiper-Right-min .btn:hover {
     background: #e0b86a;
     color: #fff;
     border-color: #e0b86a;
     box-shadow: 2px 6px 14px rgba(224, 179, 96, 0.2);
 }

 @media screen and (max-width: 1660px) {}

 @media screen and (max-width: 1380px) {
     .chanpin-mod-20190525 .chanpin-tit {
         top: 134px;
     }

     .chanpin-mod-20190525 .chanpin-tit p {
         padding-top: 22px;
         font-size: 15px;
         line-height: 24px;
         -webkit-line-clamp: 4;
     }
 }

 @media screen and (max-width: 1080px) {
     .chanpin-mod-20190525 .swiper-Left-Img .left-tit {
         display: none;
     }

     .chanpin-mod-20190525 .swiper-Left-Img {
         width: 100%;
     }

     .chanpin-mod-20190525 .swiper-Left-Img .swiper-pagination {
         display: none;
     }

     .chanpin-mod-20190525 .swiper-Left-Img .swiper-scrollbar {
         display: none;
     }

     .chanpin-mod-20190525 .chanpin-tit {
         width: 100%;
     }

     .chanpin-mod-20190525 .chanpin-tit a {
         display: inline-block;
         padding: 22px;
         background: none;
         box-sizing: border-box;
     }

     .chanpin-mod-20190525 .chanpin-tit a img {
         display: block;
     }

     .chanpin-mod-20190525 .chanpin-tit p {
         display: none;
     }

     .chanpin-mod-20190525 .swiper-Right-min {
         width: 90%;
         left: 5%;
         padding: 0 0 20px;
         bottom: 22px;
         display: none;
     }

     .chanpin-mod-20190525 .swiper-Right-min .btn {
         display: none;
     }

     .chanpin-mod-20190525 .swiper-Right-min .swiper-scrollbar {
         top: inherit;
         bottom: 0;
     }
 }

 @media screen and (max-width: 768px) {}

 .chanpin-mod-xfn {
     width: 70%;
     position: absolute;
     right: 0;
     top: 50%;
     margin-top: 40px;
     -webkit-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .chanpin-mod-xfn .left-tit {
     position: absolute;
     left: -36%;
     z-index: 3;
     animation-name: fadeInLeft;
     -webkit-animation-duration: 1s !important;
     animation-duration: 1s !important;
     -webkit-animation-delay: 0.6s !important;
     animation-delay: 0.6s !important;
 }

 .chanpin-mod-xfn .left-tit img {
     display: block;
     margin-top: 38px;
 }

 .chanpin-mod-xfn .left-tit p {
     font-size: 14px;
     line-height: 24px;
     width: 72%;
     margin-top: 60px;
 }

 .chanpin-mod-xfn ul {
     z-index: 1;
 }

 .chanpin-mod-xfn ul li {
     width: 512px;
     height: 490px;
     position: relative;
     overflow: hidden;
     transition: .368s;
     animation-name: fadeInRight;
     -webkit-animation-duration: 1.6s !important;
     animation-duration: 1.6s !important;
     -webkit-animation-delay: 0.4s !important;
     animation-delay: 0.4s !important;
 }

 .chanpin-mod-xfn ul li a {
     display: block;
     width: 100%;
     height: 100%;
     transition: .9s;
 }

 .chanpin-mod-xfn ul li:hover a {
     opacity: .8;
 }

 .chanpin-mod-xfn ul li a img {
     display: block;
     weight: 100%;
     max-height: 100%;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .chanpin-mod-xfn .xfn-bg {
     width: 50%;
     height: 100%;
     background: #fff;
     position: absolute;
     top: 0;
     left: -50%;
     z-index: 2;
 }

 .chanpin-mod-xfn .btn {
     width: 52px;
     height: 32px;
     line-height: 18px;
     top: auto;
     bottom: 152px;
     border: 1px solid #dddddd;
     border-radius: 38px;
     text-align: center;
     background: #fff;
     opacity: 1;
     font-family: 'fonticon';
     -webkit-transition: .168s;
     -o-transition: .168s;
     transition: .168s;
     animation-name: fadeInLeft;
     -webkit-animation-duration: 1s !important;
     animation-duration: 1s !important;
     -webkit-animation-delay: 0.8s !important;
     animation-delay: 0.8s !important;
 }

 .chanpin-mod-xfn .btn:hover {
     background: #018577;
     color: #fff;
     border-color: #018577;
     box-shadow: 2px 6px 14px rgba(255, 97, 0, .5);
 }

 .chanpin-mod-xfn .swiper-button-prev {
     left: -36%;
 }

 .chanpin-mod-xfn .swiper-button-next {
     left: -30%;
 }

 .chanpin-mod-xfn .swiper-scrollbar {
     border-radius: 0;
     width: 30% !important;
     height: 5px !important;
     left: -36% !important;
     bottom: 70px !important;
     background: #f1f1f1;
     animation-name: fadeInUp;
     -webkit-animation-duration: 1s !important;
     animation-duration: 1s !important;
     -webkit-animation-delay: 0.9s !important;
     animation-delay: 0.9s !important;
 }

 .chanpin-mod-xfn .swiper-scrollbar-drag {
     background: #018577;
 }

 @media screen and (max-width: 1660px) {}

 @media screen and (max-width: 1380px) {
     .chanpin-mod-xfn ul li {
         width: 382px;
         height: 398px;
     }

     .chanpin-mod-xfn .left-tit img {
         margin-top: 18px;
         width: 54%;
     }

     .chanpin-mod-xfn .left-tit p {
         margin-top: 24px;
     }

     .chanpin-mod-xfn .btn {
         bottom: 120px;
     }

     .chanpin-mod-xfn .swiper-scrollbar {
         bottom: 46px;
     }
 }

 @media screen and (max-width: 768px) {
     .chanpin-mod-xfn {
         width: 100%;
         margin-top: 60px;
     }

     .chanpin-mod-xfn .left-tit {
         width: 100%;
         left: 0;
         top: -120px;
     }

     .chanpin-mod-xfn .left-tit p {
         display: none;
     }

     .chanpin-mod-xfn .left-tit img {
         width: 54%;
         display: block;
         margin: 0 auto;
     }

     .chanpin-mod-xfn ul li {
         border-radius: 30px;
         height: 386px;
         opacity: 0.6;
     }

     .chanpin-mod-xfn .swiper-slide-active {
         transform: scale(1.2);
         opacity: 1;
     }
 }

 .c_product_list-531001001 .p_Product {
     width: calc((100% - 0px)/10);
     margin: 0px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
 }

 .c_product_list-531001001 .p_CommonSummaryBoxA {
     text-align: center;
 }

 .c_product_list-531001001 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 .c_product_list-531001001>div {
     animation-fill-mode: both;
 }

 .c_product_list-531001001 .p_page .pre .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 .c_product_list-531001001 .p_page .next .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 .c_product_list-531001001 .ico_box {
     max-width: 500px;
     width: 100%;
     display: inline-block;
     margin-top: 30px;
 }

 .c_product_list-531001001 .ico {
     width: 25%;
     height: 40px;
     padding-top: 67px;
     text-align: center;
     float: left;
     font-size: 18px;
     color: #f3cca3;
 }

 .c_product_list-531001001 .ico1 {
     background: url(http://static203.yun300.cn/img/qr24.png?tenantId=268610&viewType=1&v=1763520262000) no-repeat center;
     background-size: contain;
 }

 .c_product_list-531001001 .ico2 {
     background: url(http://static203.yun300.cn/img/qr25.png?tenantId=268610&viewType=1&v=1763520262000) no-repeat center;
     background-size: contain;
 }

 .c_product_list-531001001 .ico3 {
     background: url(http://static203.yun300.cn/img/qr26.png?tenantId=268610&viewType=1&v=1763520262000) no-repeat center;
     background-size: contain;
 }

 .c_product_list-531001001 .ico4 {
     background: url(http://static203.yun300.cn/img/qr27.png?tenantId=268610&viewType=1&v=1763520262000) no-repeat center;
     background-size: contain;
 }

 @media screen and (max-width: 768px) {
     .c_product_list-531001001 .chanpin-mod-20190525 .chanpin-tit a {
         padding: 20px 20px 40px 20px !important;
     }

     .c_product_list-531001001 .ico {
         padding-top: 50px !important;
     }
 }

 @media screen and (max-width: 768px) {
     #c_product_list-17225906993433335 {
         height: auto !important;
     }
 }

 .w_grid-001 {
     margin-left: auto;
     margin-right: auto;
     max-width: 1180px;
     min-height: 12rem;
     width: 100%;
 }

 .w_grid-001>.w_grid {
     width: 100%;
     position: relative;
 }

 .w_grid-001>div>.p_gridbox {
     width: 100%;
     overflow: hidden;
     position: static;
 }

 .w_grid-001>div>.p_gridbox>.p_gridCell {
     float: left;
     position: static;
 }

 .w_grid-001>div>.p_gridbox>.p_gridCell:not(:empty):before {
     content: '';
     height: 0px;
     display: block;
 }

 .w_grid-001>div>.p_gridbox>.p_gridCell:first-child {
     margin-left: 0;
     clear: left;
 }

 #w_grid-001>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     .w_grid-001>div>.p_gridbox>.p_gridCell {
         width: 100%;
         margin-left: 0;
         margin-top: 0;
         margin-bottom: 0;
     }
 }

 @media only screen and (min-width: 769px) {
     .w_grid-001>div>.p_gridbox>.p_gridCell {
         width: 49.5%;
         margin-left: 1%;
         margin-top: 0.6rem;
         margin-bottom: 0.6rem;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1560827059583:after {
     position: absolute;
     top: 0px;
     left: 0px;
     content: '';
     width: 100%;
     height: 100%;
     background: url(../image/bg_xs1.jpg);
     z-index: 1;
     background-repeat: no-repeat;
     display: None;
     background-position: -50% 220%;
 }

 #w_grid-1560827059583:before {
     position: absolute;
     top: 12%;
     right: 0;
     content: '';
     width: 180px;
     height: 180px;
     background: url(../image/xs_5.png);
     z-index: 3;
     background-repeat: no-repeat;
     display: none;
     background-size: contain;
 }

 #content_box-1560827059583-0 {
     position: relative;
     z-index: 2;
 }

 .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%;
     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_fbtn-001 {
     display: block;
     width: 100%;
     height: 100%;
     max-width: 150px;
     min-height: 36px;
     max-height: 0;
     text-align: center;
     margin: 0 auto;
     font-size: 0;
 }

 .w_fbtn-001 .p_CommonBtn {
     width: 100%;
     height: inherit;
     padding: 0;
 }

 .w_fbtn-001 .p_CommonBtn .font {
     text-align: center;
     display: inline-block;
     vertical-align: middle;
     width: 100%;
     font-size: 15px;
     height: auto;
 }

 .w_fbtn-001 .animated {
     width: 100%;
     height: 100%;
     min-height: inherit;
 }

 .w_fbtn-001 .p_link {
     min-height: inherit;
     display: block;
 }

 .w_fbtn-001 .p_CommonBtn {
     border-style: solid;
 }

 .w_fbtn-001 .p_CommonBtn {
     width: 100%;
     height: 36px;
     color: rgba(255, 255, 255, 1);
     border-width: 1px;
     border-style: none;
     border-color: transparent;
     background-color: rgba(255, 102, 0, 1);
     padding-top: 0;
     padding-right: 20px;
     padding-left: 20px;
     text-align: center;
     min-height: inherit;
 }

 .w_fbtn-001 .p_CommonBtn:before {
     content: '';
     width: 0;
     height: 100%;
     display: inline-block;
     vertical-align: middle;
 }

 .newsBox {
     width: 100%;
     overflow: hidden;
     height: auto;
     position: relative;
 }

 .newsBox .swiper-slide img {
     width: 100%;
     display: none;
 }

 .newsBox .cover {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     position: relative;
     height: 345px;
 }

 .newsBox .swiper-slide-active .cover {
     -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
     animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
 }

 .newsBox .swiper-slide-active .picB {
     -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
     animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
 }

 .newsBox h1 {
     display: block;
     width: 100%;
     position: absolute;
     left: 0;
     bottom: 0;
     padding: 0 20px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     height: 63px;
     line-height: 63px;
     color: #fff;
     font-size: 14px;
     background: rgba(0, 0, 0, 0.7);
 }

 .newsBox .swpBtn {
     z-index: 3;
     position: absolute;
     top: 40%;
     width: 100%;
     opacity: 0;
     transition: all 0.4s ease-out;
 }

 .newsBox .swiper-button-next,
 .newsBox .swiper-button-prev {
     border-radius: 0;
 }

 .newsBox .swiper-button-prev {
     left: 20px;
 }

 .newsBox .swiper-button-next {
     right: 20px;
 }

 .newsBox:hover .swpBtn {
     opacity: 1;
 }

 .newsBox:hover .swiper-button-prev {
     left: 0;
 }

 .newsBox:hover .swiper-button-next {
     right: 0;
 }

 .bannerBox,
 .picBox {
     width: 100%;
     overflow: hidden;
     height: auto;
     position: relative;
 }

 .picBox .swiper-container:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0);
     z-index: 2;
 }

 .picBox .titles {
     position: absolute;
     width: 100%;
     z-index: 2;
     top: 25%;
 }

 .picBox .titles p {
     color: #fff;
 }

 .bannerBox .swiper-slide img {
     width: 100%;
     display: none;
 }

 .picBox .swiper-slide img {
     width: 100%;
 }

 .bannerBox .swiper-slide-active .cover {
     -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
     animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
 }

 .bannerBox .swiper-slide-active img {
     -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
     animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
 }

 @-webkit-keyframes scaleUpDown {
     from {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
     }

     to {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1);
     }
 }

 @keyframes scaleUpDown {
     from {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
     }

     to {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1);
     }
 }

 .bannerBox {
     width: 100%;
     overflow: hidden;
     height: 100vh;
     max-height: 1080px;
 }

 .bannerBox .cover {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     position: relative;
     height: 100vh;
     max-height: 1080px;
 }

 .swiper-pagination {
     position: absolute;
     text-align: center;
     -webkit-transition: .3s;
     -moz-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
     -webkit-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     z-index: 10;
 }

 .swiper-pagination-clickable {
     bottom: 10px;
     left: 0;
     width: 100%;
 }

 .swiper-pagination-clickable .swiper-pagination-bullet {
     cursor: pointer;
 }

 .swiper-pagination-bullet {
     display: inline-block;
     border: 1px solid #fff;
     border-radius: 100%;
     transform-origin: center center;
     -webkit-transform-origin: center center;
     margin: 0 5px;
     width: 14px;
     height: 14px;
     transition: all 0.8s;
 }

 .swiper-pagination-bullet-active {
     background: #fff;
 }

 .bannerBox .swpBtn {
     z-index: 1;
     position: absolute;
     top: 50%;
     width: 100%;
     transform: translateY(-50%);
     opacity: 0;
     transition: all 0.4s ease-out;
 }

 .picBox .swpBtn {
     z-index: 3;
     position: absolute;
     top: 50%;
     width: 100%;
     transform: translateY(-50%);
     opacity: 1;
     transition: all 0.4s ease-out;
 }

 .swiper-button-next,
 .swiper-button-prev {
     width: 38px;
     height: 38px;
     border-radius: 50%;
     cursor: pointer;
     position: absolute;
     transition: all 0.4s ease-out;
     background-color: rgba(0, 0, 0, .5);
     color: #fff;
     text-align: center;
     line-height: 38px;
 }

 .picBox .swiper-button-prev {
     left: 10%;
 }

 .picBox .swiper-button-next {
     right: 10%;
 }

 .bannerBox .swiper-button-prev {
     left: 20px;
 }

 .bannerBox .swiper-button-next {
     right: 20px;
 }

 .bannerBox:hover .swpBtn {
     opacity: 1;
 }

 .bannerBox:hover .swiper-button-prev {
     left: 50px;
 }

 .bannerBox:hover .swiper-button-next {
     right: 50px;
 }

 @media only screen and (max-width: 1200px) {}

 @media only screen and (max-width: 1025px) {
     .bannerBox .text .cn {
         font-size: 24px;
     }

     .bannerBox .text .en {
         font-size: 16px;
     }

     .bannerBox .line {
         max-width: 300px;
     }
 }

 @media only screen and (max-width: 968px) {
     .bannerBox .cover {
         display: none;
     }

     .bannerBox {
         height: 100%;
         margin-top: 70px;
     }

     .bannerBox .swiper-slide img {
         display: block;
     }
 }

 @media only screen and (max-width: 768px) {
     .swiper-pagination-clickable {
         display: none;
     }

     .bannerBox .swpBtn {
         opacity: 1;
     }

     .swiper-button-next,
     .swiper-button-prev {
         width: 30px;
         height: 30px;
         line-height: 30px;
     }

     .swiper-button-next .iconfont,
     .swiper-button-prev .iconfont {
         font-size: 12px;
     }

     .bannerBox:hover .swiper-button-prev {
         left: 20px;
     }

     .bannerBox:hover .swiper-button-next {
         right: 20px;
     }

     .picBox .titles {
         position: static;
         background: #1f6543;
         padding: 10px 0;
     }

     .newsBox .cover {
         display: none;
     }

     .newsBox .picB {
         position: relative;
         width: 100%;
         padding-bottom: 60%;
         height: auto;
         vertical-align: middle;
         text-align: center;
         overflow: hidden;
     }

     .newsBox .swiper-slide img {
         display: block;
         width: 100%;
         display: block;
         transition: 600ms;
         -webkit-transition: 600ms;
         -ms-transition: 600ms;
         height: auto !important;
         left: 50% !important;
         top: 50% !important;
         -webkit-transform: translate(-50%, -50%) !important;
         -ms-transform: translate(-50%, -50%) !important;
         transform: translate(-50%, -50%) !important;
         position: absolute !important;
     }
 }

 @media only screen and (max-width: 500px) {
     .bannerBox {
         margin-top: 60px;
     }

     .bannerBox .swiper-slide img {
         display: none;
     }

     .bannerBox .cover {
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
         position: relative;
         display: block;
         height: 200px;
     }

     .newsBox h1 {
         height: 45px;
         line-height: 45px;
     }
 }

 .c_portalResNews_list-01001009 {
     min-width: 320px;
     width: 100%;
 }

 .c_portalResNews_list-01001009 .p_PromptNoneData {
     width: auto;
     text-align: center
 }

 .c_portalResNews_list-01001009 .p_PromptNoneData .prompt_title .iconfont:before {
     content: ""
 }

 .c_portalResNews_list-01001009 .p_PromptNoneData .prompt_title .first {
     height: auto;
     display: table-cell;
     position: relative;
     vertical-align: middle;
     padding: 0 10px 5px 0;
 }

 .c_portalResNews_list-01001009 .p_PromptNoneData .prompt_title {
     display: inline-table;
     padding: 0 30px;
     min-height: 200px;
     height: 100%
 }

 .c_portalResNews_list-01001009 .p_PromptNoneData .prompt_title .first:before {
     content: "\e6b4"
 }

 .c_portalResNews_list-01001009 .p_PromptNoneData .prompt_title .font {
     display: table-cell;
     vertical-align: middle;
     text-align: left
 }

 .c_portalResNews_list-01001009 .p_PromptNoneData .promptbox {
     width: auto;
     height: 100%
 }

 .c_portalResNews_list-01001009 .p_PromptNoneData .prompt_content {
     padding-left: 65px
 }

 .c_portalResNews_list-01001009 .p_moreBtn {
     position: static;
     width: auto;
     display: inline-table;
     min-height: 29px;
     margin: 0;
     padding-bottom: 5px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 5px;
     min-width: 86px;
     cursor: pointer;
     text-align: center
 }

 .c_portalResNews_list-01001009 .p_moreBtn .font {
     white-space: nowrap;
     overflow: visible;
     vertical-align: middle
 }

 .c_portalResNews_list-01001009 .p_moreBtn .iconfont:before {
     content: ""
 }

 @-moz-keyframes three-quarters-loader {
     0% {
         -moz-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     100% {
         -moz-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @-webkit-keyframes three-quarters-loader {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @keyframes three-quarters-loader {
     0% {
         -moz-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     100% {
         -moz-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 .loading_animation {
     -moz-animation: three-quarters-loader 850ms infinite linear;
     -webkit-animation: three-quarters-loader 850ms infinite linear;
     animation: three-quarters-loader 850ms infinite linear;
     box-sizing: border-box;
     display: inline-block;
     position: relative;
     overflow: hidden;
     text-indent: -9999px;
     width: 32px;
     height: 32px;
     vertical-align: middle
 }

 .c_portalResNews_list-01001009 .p_loading {
     width: 100%;
     height: 70px;
     line-height: 70px;
     text-align: center;
 }

 .c_portalResNews_list-01001009 .p_loading .iconfont:before {
     content: "";
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 .c_portalResNews_list-01001009 .p_loading .font {
     display: inline-block;
     margin-left: 20px;
     height: inherit
 }

 .c_portalResNews_list-01001009 .p_moreBox {
     margin: 0 20px;
     width: auto;
     height: auto;
     padding: 0;
     overflow: hidden
 }

 .c_portalResNews_list-01001009 .p_ToDetail {
     display: inline-block;
     margin: 0;
     padding: 5px 10px;
     min-width: 86px;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
 }

 a>.c_portalResNews_list-01001009 .p_ToDetail:hover {
     cursor: pointer
 }

 .c_portalResNews_list-01001009 .p_SummaryBox {
     margin: 0;
     width: 236px;
     height: 317px;
     padding: 0;
     overflow: hidden
 }

 .c_portalResNews_list-01001009 .p_summary {
     text-align: left;
     vertical-align: top;
     word-break: break-all
 }

 .c_portalResNews_list-01001009 .p_time {
     display: inline-block;
     margin: 0;
     padding: 0 5px 0 0;
     vertical-align: middle;
     text-align: left;
     white-space: nowrap;
     overflow: visible;
     line-height: 18px;
     vertical-align: top
 }

 .c_portalResNews_list-01001009 .p_assist {
     margin: 0;
     width: 236px;
     height: 317px;
     padding: 0;
     overflow: hidden
 }

 .c_portalResNews_list-01001009 .p_TitleBox {
     width: auto;
     height: auto;
     padding: 5px 0;
     overflow: hidden;
     vertical-align: top;
 }

 .c_portalResNews_list-01001009 .p_title {
     display: inline-table;
     width: 100%;
     margin: 0;
     padding: 0;
     text-align: left;
     cursor: pointer;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .c_portalResNews_list-01001009 .p_header {
     margin: 5px 0 0;
     width: auto;
     height: auto;
     padding: 0;
     overflow: hidden;
 }

 .c_portalResNews_list-01001009 .p_content {
     margin: 0;
     width: 236px;
     height: 317px;
     padding: 0;
     overflow: hidden
 }

 .c_portalResNews_list-01001009 .p_images {
     margin: 0;
     width: 168px;
     height: 138px;
     padding: 0;
     overflow: hidden;
     float: left;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     position: relative;
     vertical-align: middle;
     text-align: center;
     margin-right: 15px
 }

 .c_portalResNews_list-01001009 .p_articles {
     margin: 0;
     width: calc((100% - 0px)/3);
     height: 186px;
     padding: 0;
 }

 .c_portalResNews_list-01001009 .p_news {
     margin: 0;
     width: inherit;
     height: auto;
     padding: 0;
     overflow: hidden;
 }

 .c_portalResNews_list-01001009 .p_Newslist {
     margin: 0;
     padding: 0;
     overflow: hidden;
 }

 .c_portalResNews_list-01001009 {
     overflow: hidden;
 }

 .c_portalResNews_list-01001009 .p_content {
     width: auto;
     height: auto;
     vertical-align: top
 }

 .c_portalResNews_list-01001009 .p_SummaryBox {
     width: auto;
     height: auto;
 }

 .c_portalResNews_list-01001009 .p_assist {
     width: auto;
     height: auto;
 }

 .c_portalResNews_list-01001009 .p_icon {
     display: inline-block;
     vertical-align: middle;
     margin-top: 2px
 }

 .c_portalResNews_list-01001009 .p_about {
     display: inline-block;
     vertical-align: middle
 }

 .c_portalResNews_list-01001009 .p_articles {
     display: inline-block;
     height: auto;
     min-width: 320px;
     width: calc((100% - 0px)/1);
     padding: 15px 20px;
     overflow: hidden;
     float: left;
 }

 .c_portalResNews_list-01001009 .p_thumbnail {
     width: 100%;
     height: auto;
     vertical-align: middle;
     text-align: center;
     overflow: hidden
 }

 .c_portalResNews_list-01001009 .p_thumbnail img {
     width: 100%;
 }

 .c_portalResNews_list-01001009 .higher .p_thumbnail {
     position: absolute;
     height: 100%
 }

 .c_portalResNews_list-01001009 .widther .p_thumbnail {
     position: absolute;
     height: 100%
 }

 .c_portalResNews_list-01001009 .smaller .p_thumbnail {
     position: absolute;
     height: 100%
 }

 .c_portalResNews_list-01001009 .p_assist {
     margin-top: 2px;
 }

 .c_portalResNews_list-01001009 .p_SummaryBox {
     clear: both;
     margin-bottom: 10px;
     margin-top: 8px
 }

 .c_portalResNews_list-01001009 .p_ToDetail {
     float: right;
     position: relative
 }

 .c_portalResNews_list-01001009 .p_summary {
     white-space: normal
 }

 .c_portalResNews_list-01001009 .p_categorySummaryBox {
     overflow: hidden;
     padding: 10px;
 }

 @media only screen and (max-width: 768px) {
     .c_portalResNews_list-01001009 .p_articles {
         margin-top: 10px !important;
         width: 100% !important;
     }

     .c_portalResNews_list-01001009 .mp_linkUrl {
         display: block;
         height: auto;
     }

     .c_portalResNews_list-01001009 .p_SummaryBox {
         display: none;
     }

     .c_portalResNews_list-01001009 .p_ToDetail {
         display: none !important;
     }

     .c_portalResNews_list-01001009 .mP_SummaryBox {
         clear: both;
     }

     .c_portalResNews_list-01001009 .p_Information {
         display: flex;
         padding: 10px 0;
     }

     .c_portalResNews_list-01001009 .p_Information li {
         flex: 1;
         height: 20px;
         overflow: hidden;
     }

     .c_portalResNews_list-01001009 .p_KeyWord {
         width: 100%;
         margin-top: 5px;
     }

     .c_portalResNews_list-01001009 .p_KeyWord .p_tag {
         padding: 5px 15px;
         margin-right: 10px;
         border-radius: 3px;
     }

     .c_portalResNews_list-01001009 .blank {
         width: 100%;
         height: 15px;
         overflow: hidden;
     }

     .c_portalResNews_list-01001009 .p_articles {
         border: none
     }
 }

 @media only screen and (min-width: 769px) {
     .c_portalResNews_list-01001009 .mp_linkUrl {
         display: none;
     }

     .c_portalResNews_list-01001009 .mP_SummaryBox {
         display: none;
     }

     .c_portalResNews_list-01001009 .p_Information {
         display: none;
     }

     .c_portalResNews_list-01001009 .p_KeyWord {
         display: none;
     }

     .c_portalResNews_list-01001009 .blank {
         display: none;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 .c_portalResNews_list-01001009 .p_CommonSummaryBoxA {
     text-align: center;
 }

 .c_portalResNews_list-01001009 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 .c_portalResNews_list-01001009>div {
     animation-fill-mode: both;
 }

 .c_portalResNews_list-01001009 .newListBox {
     width: 100%;
     height: auto;
     overflow: hidden;
 }

 .c_portalResNews_list-01001009 .container {
     margin: 1rem auto;
     padding: 0 0.5rem;
     width: 100%;
 }

 .c_portalResNews_list-01001009 .newList {
     float: left;
     padding: 15px;
 }

 .c_portalResNews_list-01001009 .topBox {
     position: relative;
     width: 100%;
     height: 220px;
 }

 .c_portalResNews_list-01001009 .newPicBox {
     position: relative;
     width: 100%;
     height: 100%;
     overflow: hidden;
 }

 .c_portalResNews_list-01001009 .newPic {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     height: 100%;
     width: auto;
 }

 .c_portalResNews_list-01001009 .content {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     background-color: rgb(255, 255, 255);
     box-shadow: rgb(233 233 233) 0px 5px 15px;
     padding: 40px 30px 0px 40px;
     transition: all 0.5s ease 0s;
     padding-bottom: 35px;
     border: solid 1px #e6e8f1;
     min-height: 220px;
     background: -webkit-linear-gradient(to bottom, #fcfcfd, #f7faff);
     background: -o-linear-gradient(to bottom, #fcfcfd, #f7faff);
     background: -moz-linear-gradient(to bottom, #fcfcfd, #f7faff);
     background: -mos-linear-gradient(to bottom, #fcfcfd, #f7faff);
     background: linear-gradient(to bottom, #ffffff, #f7f3f3);
     border-radius: 4px;
 }

 .c_portalResNews_list-01001009 .newTimeBox {
     color: rgb(120, 120, 120);
 }

 .c_portalResNews_list-01001009 .year {
     display: inline-block;
     font-family: Roboto;
     font-size: 1.5rem;
     margin-right: 4px;
     transition: all .5s ease;
 }

 .c_portalResNews_list-01001009 .mon {
     display: inline-block;
     font-size: 16px;
     color: rgb(119, 119, 119);
     transition: all 0.5s ease 0s;
 }

 .c_portalResNews_list-01001009 .newTitle {
     wdith: 100%;
     font-size: 18px;
     color: rgb(34, 34, 34);
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     line-height: 26px;
     margin: 0px 12px 12px 0px;
     transition: all 0.5s ease 0s;
     font-weight: bold;
 }

 .c_portalResNews_list-01001009 .newMs {
     width: 100%;
     color: rgb(168, 168, 168);
     display: -webkit-box;
     overflow: hidden;
     -webkit-line-clamp: 2px;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     transition: all .5s ease;
 }

 .c_portalResNews_list-01001009 .lineBox {
     position: relative;
     width: 100%;
     height: 2px;
     overflow: hidden;
     background-color: rgba(243, 243, 243, 1);
 }

 .c_portalResNews_list-01001009 .line {
     position: relative;
     width: 90%;
     height: 100%;
     margin: 0 auto;
     background-color: rgba(217, 217, 217, 1);
     transition: all .5s ease;
 }

 .c_portalResNews_list-01001009 .line::before {
     content: '';
     position: absolute;
     left: 0px;
     width: 0px;
     height: 100%;
     background: rgb(92, 92, 92);
     transition: all .5s ease;
 }

 .c_portalResNews_list-01001009 .bottomBox {
     display: block;
     width: 100%;
     height: 80px;
     padding: 0 2rem;
     background-color: rgba(243, 243, 243, 1);
 }

 .c_portalResNews_list-01001009 .bottomLink {
     position: relative;
     display: block;
     width: 100%;
     height: 100%;
     overflow: hidden;
 }

 .c_portalResNews_list-01001009 .detai {
     display: inline-block;
     height: 80px;
     line-height: 80px;
     color: rgb(125, 125, 125);
 }

 .c_portalResNews_list-01001009 .iconBox {
     position: absolute;
     top: 50%;
     right: -44px;
     transform: translateY(-50%);
     width: 44px;
     height: 44px;
     border: 1px solid rgb(196, 196, 196);
     border-radius: 50%;
     overflow: hidden;
     transition: all .5s ease;
 }

 .c_portalResNews_list-01001009 .lookDetai {
     width: 100%;
     height: 100%;
 }

 .c_portalResNews_list-01001009 .newList:hover .line::before {
     width: 100%;
 }

 .c_portalResNews_list-01001009 .newList:hover .iconBox {
     right: 0px;
 }

 .c_portalResNews_list-01001009 .newList:hover .content {
     padding-top: 30px;
     background: #c71920;
     min-height: 220px;
 }

 .c_portalResNews_list-01001009 .newList:hover .newTitle a {
     color: #fff;
     font-family: '微软雅黑';
 }

 .c_portalResNews_list-01001009 .newList:hover .job_detail {
     color: #fff;
     font-family: '微软雅黑';
 }

 .c_portalResNews_list-01001009 .newList:hover .bottomLink {
     color: #fff;
     opacity: 0.6;
 }

 .c_portalResNews_list-01001009 .newList:hover .year {
     color: #fff;
 }

 .c_portalResNews_list-01001009 .newList:hover .mon {
     color: #fff;
 }

 .c_portalResNews_list-01001009 .newList:hover .newTitle {
     color: #fff;
 }

 .c_portalResNews_list-01001009 .newList:hover .newMs {
     color: #fff;
 }

 @media only screen and (min-width: 769px) {
     .c_portalResNews_list-01001009 .container {
         max-width: 100%;
     }

     .c_portalResNews_list-01001009 .newList {
         width: calc((100% - 0px) / 3);
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     .c_portalResNews_list-01001009 .container {
         max-width: 900px
     }

     .c_portalResNews_list-01001009 .newList {
         width: 50%;
     }
 }

 @media only screen and (max-width: 768px) {
     .c_portalResNews_list-01001009 .newList {
         width: 100%;
     }
 }

 .c_portalResNews_list-01001009 .news_more {
     margin-top: 15px;
     display: none;
 }

 .c_portalResNews_list-01001009 .news_more a {
     font-size: 14px;
     color: rgb(195 21 27);
     text-decoration: underline;
 }

 .c_portalResNews_list-01001009 .p_page .pre .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 .c_portalResNews_list-01001009 .p_page .next .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 .c_portalResNews_list-01001009 .p_more .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 .job_detail {
     font-size: 16px;
     color: #777;
     line-height: 30px;
     font-family: 'iconfont';
 }

 #c_portalResnav_main-15607644042554032 {
     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;
     position: absolute;
     top: 0px;
     left: 0px;
     z-index: 99;
     bottom: auto;
     right: auto;
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 @keyframes top-bottom {
     0% {
         transform: translate(-50%, -50%);
     }

     25% {
         transform: translate(-50%, -52%);
     }

     50% {
         transform: translate(-50%, -50%);
     }

     75% {
         transform: translate(-50%, -48%);
     }

     100% {
         transform: translate(-50%, -50%);
     }
 }

 25% {
     transform: translate(-50%, -52%);
 }

 50% {
     transform: translate(-50%, -50%);
 }

 75% {
     transform: translate(-50%, -48%);
 }

 100% {
     transform: translate(-50%, -50%);
 }
 }

 @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) {}

 .pagebox,
 #-remove--flag {}

 body,
 #-remove--flag {}

 @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_portalResEbizads_banner-15607660842586513 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResEbizads_banner-15607660842586513>div {
     animation-fill-mode: both;
 }

 #c_portalResEbizads_banner-15607660842586513 .xs_bar {
     position: absolute;
     bottom: 0px;
     left: 0px;
     width: 100%;
     z-index: 9;
 }

 #c_portalResEbizads_banner-15607660842586513 {
     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;
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #c_portalResPublic_codeContainer-16394490959675347 .f-cb {
     zoom: 1;
 }

 #c_portalResPublic_codeContainer-16394490959675347 .f-cb:after {
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
     overflow: hidden;
     content: ".";
 }

 #c_portalResPublic_codeContainer-16394490959675347 .about-num {
     margin-top: 0px;
     background: none;
 }

 #c_portalResPublic_codeContainer-16394490959675347 .about-num li {
     float: left;
     width: 33%;
     position: relative;
     padding-left: 2vw;
     margin-bottom: 15px;
     margin-top: 15px;
     text-align: left;
     border-left: 1px solid #ccc;
 }

 #c_portalResPublic_codeContainer-16394490959675347 .about-num li:before {
     content: '';
     position: absolute;
     left: -1px;
     top: 0;
     width: 1px;
     height: 30%;
     background: #a23030;
     z-index: 1;
 }

 #c_portalResPublic_codeContainer-16394490959675347 .about-num li h2 {
     font-size: 50px;
     color: #bb0f16;
     line-height: 40px;
     display: inline-block;
     font-family: 'Oswald', sans-serif;
 }

 #c_portalResPublic_codeContainer-16394490959675347 .about-num li p {
     color: #777;
     font-size: 14px;
     line-height: 30px;
 }

 #c_portalResPublic_codeContainer-16394490959675347 .about-num .count-unit {
     font-size: 16px;
     color: #777;
     text-align: right;
     display: inline-block;
     font-style: normal;
 }

 #c_portalResPublic_codeContainer-16394490959675347 .about-num li .bot p {
     font-size: 15px;
     color: #777;
     line-height: 24px;
 }

 @media only screen and (max-width: 768px) {
     #c_portalResPublic_codeContainer-16394490959675347 .about-num li h2 {
         font-size: 30px;
         line-height: 30px;
     }

     #c_portalResPublic_codeContainer-16394490959675347 .about-num {
         margin-top: 0px;
         padding-top: 20px;
         padding-bottom: 0px;
     }

     #c_portalResPublic_codeContainer-16394490959675347 .about-num .count-unit {
         font-size: 14px;
     }

     #c_portalResPublic_codeContainer-16394490959675347 .about-num li p {
         font-size: 14px;
     }

     #c_portalResPublic_codeContainer-16394490959675347 .about-num li {
         width: 50%;
         border-bottom: none;
     }

     #c_portalResPublic_codeContainer-16394490959675347 .about-num li:nth-child(1) {
         border-top: none;
     }

     #c_portalResPublic_codeContainer-16394490959675347 .about-num li:nth-child(2) {
         border-top: none;
         border-right: none;
     }

     #c_portalResPublic_codeContainer-16394490959675347 .about-num li:nth-child(4) {
         border-right: none;
     }

     #c_portalResPublic_codeContainer-16394490959675347 .about-num li:last-child {
         display: block;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #c_portalResPublic_codeContainer-16394490959675347 .about-num li h2 {
         font-size: 30px;
     }

     #c_portalResPublic_codeContainer-16394490959675347 .about-num {
         margin-top: 25px;
         padding-top: 12px;
         padding-bottom: 10px;
     }

     #c_portalResPublic_codeContainer-16394490959675347 .about-num .count-unit {
         font-size: 14px;
     }

     #c_portalResPublic_codeContainer-16394490959675347 .about-num li p {
         font-size: 14px;
     }
 }

 #c_portalResPublic_codeContainer-16394490959675347 {
     width: 100%;
     max-width: 1520px;
     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_portalResPublic_codeContainer-16394621424239450 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 500px;
     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-16394478814307887 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResPublic_codeContainer-16394478814307887 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 12%;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 10px;
 }

 #c_portalResNews_list-16406565844853849 .p_articles {
     width: calc((100% - 0px)/1);
 }

 #c_portalResNews_list-16406565844853849 .p_CommonSummaryBoxA {
     text-align: center;
 }

 #c_portalResNews_list-16406565844853849 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResNews_list-16406565844853849>div {
     animation-fill-mode: both;
 }

 #c_portalResNews_list-16406565844853849 .p_hot .iconfont:before {
     shadow-angle: 0;
     shadow-distance: 0;
     shadow-angle-ofInset: 0;
     shadow-distance-ofInset: 0;
 }

 #c_portalResNews_list-16406565844853849 .p_new .iconfont:before {
     shadow-angle: 0;
     shadow-distance: 0;
     shadow-angle-ofInset: 0;
     shadow-distance-ofInset: 0;
 }

 #c_portalResNews_list-16406565844853849 .p_page .pre .iconfont:before {
     shadow-angle: 0;
     shadow-distance: 0;
     shadow-angle-ofInset: 0;
     shadow-distance-ofInset: 0;
 }

 #c_portalResNews_list-16406565844853849 .p_page .next .iconfont:before {
     shadow-angle: 0;
     shadow-distance: 0;
     shadow-angle-ofInset: 0;
     shadow-distance-ofInset: 0;
 }

 #c_portalResNews_list-16406565844853849 .p_more .iconfont:before {
     shadow-angle: 0;
     shadow-distance: 0;
     shadow-angle-ofInset: 0;
     shadow-distance-ofInset: 0;
 }

 #c_portalResNews_list-16406565844853849 .p_loading .iconfont:before {
     shadow-angle: 0;
     shadow-distance: 0;
     shadow-angle-ofInset: 0;
     shadow-distance-ofInset: 0;
 }

 #c_portalResNews_list-16406565844853849 {
     width: 100%;
     max-width: none;
     min-width: 320px;
     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-15608384249061991 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResPublic_codeContainer-15608384249061991 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #c_portalResPublic_codeContainer-16394525589064528 .video_cover_box {
     display: block;
     *display: inline;
     *zoom: 1;
     vertical-align: middle;
     text-align: center;
     cursor: pointer;
     margin: auto;
 }

 #c_portalResPublic_codeContainer-16394525589064528 video {
     border-radius: 20px;
     object-fit: fill;
 }

 #c_portalResPublic_codeContainer-16394525589064528 .video_cover_box a {
     color: #fff;
 }

 #c_portalResPublic_codeContainer-16394525589064528 .video_ico {
     margin: 0 auto;
 }

 #c_portalResPublic_codeContainer-16394525589064528 .svg_video_ico {
     display: none\9;
 }

 #c_portalResPublic_codeContainer-16394525589064528 .video_title {
     color: #fff;
     font-size: 26px;
     height: 40px;
     line-height: 40px;
     margin-bottom: 10px;
 }

 #c_portalResPublic_codeContainer-16394525589064528 .video_title_en {
     color: #fff;
     font-size: 14px;
     font-family: Arial;
 }

 #c_portalResPublic_codeContainer-16394525589064528 .svg_video_ico .st0 {
     fill: none;
     stroke: #FFFFFF;
     stroke-miterlimit: 10;
 }

 #c_portalResPublic_codeContainer-16394525589064528 .svg_video_ico .st1 {
     fill: none;
     stroke: #FFFFFF;
     stroke-width: 5;
     stroke-linecap: round;
     stroke-miterlimit: 10;
 }

 #c_portalResPublic_codeContainer-16394525589064528 .svg_video_ico_wrap:hover path {
     stroke-dasharray: 1000;
     stroke-dashoffset: 1000;
     -webkit-animation: dash 4s forwards;
     animation: dash 4s forwards;
 }

 #c_portalResPublic_codeContainer-16394525589064528 {
     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_portalResnav_main-15834027087253594 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResnav_main-15834027087253594>div {
     animation-fill-mode: both;
 }

 #c_portalResnav_main-15834027087253594 .btlink1 {
     display: none;
 }

 #c_portalResnav_main-15834027087253594 {
     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-16443909437413050 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResPublic_codeContainer-16443909437413050 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 10px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #c_portalResPublic_codeContainer-16462331703434864 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResPublic_codeContainer-16462331703434864 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 7%;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #c_portalResPublic_codeContainer-16466522638811043 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResPublic_codeContainer-16466522638811043 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 3%;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #c_portalResNews_list-16466523098761653 .p_articles {
     width: calc((100% - 0px)/3);
 }

 #c_portalResNews_list-16466523098761653 .p_CommonSummaryBoxA {
     text-align: center;
 }

 #c_portalResNews_list-16466523098761653 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResNews_list-16466523098761653>div {
     animation-fill-mode: both;
 }

 #c_portalResNews_list-16466523098761653 .p_hot .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResNews_list-16466523098761653 .p_new .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResNews_list-16466523098761653 .p_page .pre .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResNews_list-16466523098761653 .p_page .next .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResNews_list-16466523098761653 .p_more .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResNews_list-16466523098761653 .p_loading .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResNews_list-16466523098761653 {
     width: auto;
     max-width: none;
     min-width: 320px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 10px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #c_portalResNews_list-16406566325067903 .p_articles {
     width: calc((100% - 0px)/1);
 }

 #c_portalResNews_list-16406566325067903 .p_CommonSummaryBoxA {
     text-align: center;
 }

 #c_portalResNews_list-16406566325067903 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResNews_list-16406566325067903>div {
     animation-fill-mode: both;
 }

 #c_portalResNews_list-16406566325067903 .p_hot .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResNews_list-16406566325067903 .p_new .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResNews_list-16406566325067903 .p_page .pre .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResNews_list-16406566325067903 .p_page .next .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResNews_list-16406566325067903 .p_more .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResNews_list-16406566325067903 .p_loading .iconfont:before {
     shadow-angle: 0px;
     shadow-distance: 0px;
     shadow-angle-ofInset: 0px;
     shadow-distance-ofInset: 0px;
 }

 #c_portalResNews_list-16406566325067903 {
     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_product_list-17225906993433335 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: 860px;
     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-1560827059583>div>.p_gridbox {
     background-image: url(../image/abbg.jpg);
     background-image-part-image: url(../image/abbg.jpg);
     background-repeat: repeat;
     background-position: top center;
     position: relative;
 }

 #w_grid-1560827059583 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1560827059583>div {
     animation-fill-mode: both;
 }

 #w_grid-1560827059583>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1560827059583>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0px;
     }

     #w_grid-1560827059583>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1560827059583>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1560827059583>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1560827059583>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1560827059583>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 #w_grid-1560827059583 .p_gridbox {
     background-repeat: no-repeat;
     background-position: top center;
 }

 #w_grid-1639447888312>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_grid-1639448783523>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_grid-1639448783523>div>.p_gridbox:before {
     content: '';
     background: url(../image/1_2b.jpg);
     width: 43%;
     height: 100%;
     right: 0%;
     border-top-left-radius: 50px;
     top: 0px;
     position: absolute;
     z-index: 0;
     box-shadow: 0px 9px 27px 4px rgba(204, 204, 204, 0);
     display: none;
 }

 #w_grid-1639448428515 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1639448428515>div {
     animation-fill-mode: both;
 }

 #w_grid-1639448428515>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 1024px) {
     #w_grid-1639448428515 div#content_box-1548212292240-1639448428515 {
         top: 50%;
         position: absolute;
         right: 0;
         transform: translateY(-50%);
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1639448428515>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 5%;
     }

     #w_grid-1639448428515>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 47.5%;
         margin-left: 5%;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1639448428515>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0px;
         clear: left;
         margin-right: 0px;
         width: 47.5%;
     }

     #w_grid-1639448428515>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0px;
     }
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1639448428515>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0px;
     }

     #w_grid-1639448428515>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 100%;
         display: block;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1639448428515>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 100%;
         display: block;
     }

     #w_grid-1639448428515>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 #w_grid-1639448428526>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_grid-1639448428526>div>.p_gridbox {
     padding-right: 20px;
 }

 @media only screen and (min-width: 1100px) {
     #w_grid-1639448428526>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
         padding-top: 0px;
         padding-left: 0px;
     }
 }

 @media only screen and (max-width: 1099px) and (min-width: 769px) {
     #w_grid-1639448428526>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
         padding-top: 0px;
         padding-left: 0px;
     }
 }

 @media only screen and (max-width: 880px) and (min-width: 769px) {
     #w_grid-1639448428526>div>.p_gridbox {
         padding-right: 20px;
     }

     #w_grid-1639448428526>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
         padding-top: 0px;
     }

     #w_grid-1639448428526 .w_fbtn-001 {
         margin-top: 30px;
     }

     #w_grid-1639448428526 .w_grid-000 {
         margin-top: 10px;
     }
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1639448428526>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(2) span {
         font-size: 14px !important
     }

     #w_grid-1639448428526>div>.p_gridbox {
         padding-right: 0px;
     }

     #w_grid-1639448428526>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
         padding-right: 20px;
         padding-left: 0px;
         padding-top: 30px;
     }
 }

 #w_grid-1639448428533>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1639448428533>div>.p_gridbox {
         margin-top: 0px;
     }

     #w_grid-1639448428533>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(1) span {
         font-size: 18px !important;
     }

     #w_grid-1639448428533>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(3) span {
         font-size: 14px !important;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1639448428533>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(1) span {
         font-size: 40px !important;
     }

     #w_grid-1639448428533>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(3) span {
         font-size: 14px !important;
     }
 }

 #w_common_text-1639448428543 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_common_text-1639448428543>div {
     animation-name: fadeInUp;
     animation-duration: 1.5s;
     animation-delay: 0.5s;
     animation-fill-mode: both;
 }

 #w_common_text-1639448428543 .p_link001 {
     height: calc(100%);
 }

 #w_common_text-1646653565073 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_common_text-1646653565073>div {
     animation-name: fadeInUp;
     animation-duration: 1.5s;
     animation-delay: 0.5s;
     animation-fill-mode: both;
 }

 #w_common_text-1646653565073 .p_link001 {
     height: calc(100%);
 }

 #w_common_text-1639448428537 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_common_text-1639448428537>div {
     animation-name: fadeInUp;
     animation-duration: 1.5s;
     animation-delay: 0.7s;
     animation-fill-mode: both;
 }

 #w_common_text-1646654855782 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_common_text-1646654855782>div {
     animation-name: fadeInUp;
     animation-duration: 1.5s;
     animation-delay: 0.7s;
     animation-fill-mode: both;
 }

 #w_grid-1583922388023 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1583922388023>div {
     animation-fill-mode: both;
 }

 #w_grid-1583922388023>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1583922388023>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1583922388023>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1583922388023>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 #w_grid-1583922388023 .p_gridbox {
     background-image: url(../image/1_2b.jpg);
     background-image-part-image: url(../image/1_2b.jpg);
     background-repeat: repeat;
     background-position: top right;
     background: #921e1e;
 }

 #w_grid-1560839541741 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1560839541741>div {
     animation-fill-mode: both;
 }

 #w_grid-1560839541741>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1560839541741>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0px;
     }

     #w_grid-1560839541741>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1560839541741>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0px;
     }
 }

 #w_grid-1560839541741 .p_gridbox {
     background-image: url(../image/abbg.jpg);
     background-image-part-image: url(../image/abbg.jpg);
     background-repeat: repeat;
     background-position: top center;
 }

 #w_grid-1560838290231 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1560838290231>div {
     animation-fill-mode: both;
 }

 #w_grid-1560838290231>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1560838290231>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1560838290231>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1560838290231>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 #w_grid-1640656615268 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1640656615268>div {
     animation-fill-mode: both;
 }

 #w_grid-1640656615268>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1640656615268>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 2%;
     }

     #w_grid-1640656615268>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 49%;
         margin-left: 2%;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1640656615268>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0px;
         clear: left;
         margin-right: 0px;
         width: 49%;
     }

     #w_grid-1640656615268>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1640656615268>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 4%;
     }

     #w_grid-1640656615268>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 48%;
         margin-left: 4%;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1640656615268>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 48%;
     }

     #w_grid-1640656615268>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 #w_grid-1646652261767>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
     
 }

 #w_grid-1560847607736 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1560847607736>div {
     animation-fill-mode: both;
 }

 #w_grid-1560847607736>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1560847607736>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0px;
     }

     #w_grid-1560847607736>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1560847607736>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1560847607736>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0px;
     }

     #w_grid-1560847607736>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1560847607736>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0px;
     }
 }

 #w_grid-1560847607736 .p_gridbox {
     background-image: url(../image/bg_22.jpg);
     background-image-part-image: url(../image/bg_22.jpg);
     background-repeat: no-repeat;
     background-position: top center;
     background: #921e1e;
 }

 #w_grid-1560847738808 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1560847738808>div {
     animation-fill-mode: both;
 }

 #w_grid-1560847738808>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1560847738808>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0px;
     }

     #w_grid-1560847738808>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1560847738808>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1560847738808>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1560847738808>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1560847738808>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 #w_grid-1560848335054 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1560848335054>div {
     animation-fill-mode: both;
 }

 #w_grid-1560848335054>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1560848335054>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 5%;
     }

     #w_grid-1560848335054>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 50.226499999999994%;
         margin-left: 5%;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1560848335054>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0px;
         clear: left;
         margin-right: 0px;
         width: 44.7735%;
     }

     #w_grid-1560848335054>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0px;
     }
 }

 #w_fbtn-1640260334828 .p_CommonBtn {
     background-color: rgba(0, 0, 0, 0);
     border-color: rgba(255, 255, 255, 1);
     border: solid 1px #fff;
     border-radius: 30px;
 }

 #w_fbtn-1640260334828 .p_CommonBtn .font {
     color: rgba(255, 255, 255, 1);
 }

 #w_fbtn-1640260334828 .p_CommonBtn:active {
     background-color: rgba(255, 255, 255, 1);
     border-color: rgba(255, 255, 255, 1);
 }

 #w_fbtn-1640260334828 .p_CommonBtn:active .font {
     color: rgba(173, 0, 0, 1);
 }

 #w_fbtn-1640260334828 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_fbtn-1640260334828>div {
     animation-fill-mode: both;
 }

 #w_fimg-1583976547513 .p_link001 {
     height: calc(100%);
 }

 #w_fimg-1583976547513 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_fimg-1583976547513>div {
     animation-fill-mode: both;
 }

 #w_fimg-1583976547513 img {
     border-radius: 20px;
 }

 #w_grid-1646046757197>div>.p_gridbox {
     background-image: url(../image/abbg.jpg);
     background-image-part-image: url(../image/abbg.jpg);
     background-repeat: repeat;
     background-position: top center;
 }

 #w_grid-1646046757197 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1646046757197>div {
     animation-fill-mode: both;
 }

 #w_grid-1646046757197>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1646046757197>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1646046757197>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1646046757197>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 #w_grid-1646044397285 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1646044397285>div {
     animation-fill-mode: both;
 }

 #w_grid-1646044397285>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1646044397285>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0%;
     }

     #w_grid-1646044397285>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1646044397285>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1646044397285>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 2%;
     }

     #w_grid-1646044397285>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 49%;
         margin-left: 2%;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1646044397285>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 49%;
     }

     #w_grid-1646044397285>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1646044397285>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 2%;
     }

     #w_grid-1646044397285>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 49%;
         margin-left: 2%;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1646044397285>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 49%;
     }

     #w_grid-1646044397285>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 #w_grid-1646044444289>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_fimg-1646044430882 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_fimg-1646044430882>div {
     animation-fill-mode: both;
     border-radius: 4px;
     overflow: Hidden;
 }

 #w_fimg-1646044430882 img {
     transition: all 0.6s;
 }

 #w_fimg-1646044430882 img:hover {
     transform: scale(1.1);
     transition: all 0.6s;
 }

 #w_grid-1646044564088>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_fimg-1646044564097 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_fimg-1646044564097>div {
     animation-fill-mode: both;
     border-radius: 4px;
     overflow: Hidden;
 }

 #w_fimg-1646044564097 img {
     transition: all 0.6s;
 }

 #w_fimg-1646044564097 img:hover {
     transform: scale(1.1);
     transition: all 0.6s;
 }

 #w_grid-1646044576414 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1646044576414>div {
     animation-fill-mode: both;
 }

 #w_grid-1646044576414>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1646044576414>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0%;
     }

     #w_grid-1646044576414>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1646044576414>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1646044576414>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 2%;
     }

     #w_grid-1646044576414>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 49%;
         margin-left: 2%;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1646044576414>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 49%;
     }

     #w_grid-1646044576414>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1646044576414>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 2%;
     }

     #w_grid-1646044576414>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 49%;
         margin-left: 2%;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1646044576414>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 49%;
     }

     #w_grid-1646044576414>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 #w_grid-1646044576424>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_fimg-1646044576429 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_fimg-1646044576429>div {
     animation-fill-mode: both;
     border-radius: 4px;
     overflow: Hidden;
 }

 #w_fimg-1646044576429 img {
     transition: all 0.6s;
 }

 #w_fimg-1646044576429 img:hover {
     transform: scale(1.1);
     transition: all 0.6s;
 }

 #w_grid-1646044576420>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_fimg-1646044576435 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_fimg-1646044576435>div {
     animation-fill-mode: both;
     border-radius: 4px;
     overflow: Hidden;
 }

 #w_fimg-1646044576435 img {
     transition: all 0.6s;
 }

 #w_fimg-1646044576435 img:hover {
     transform: scale(1.1);
     transition: all 0.6s;
 }

 #w_grid-1560915325242 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1560915325242>div {
     animation-fill-mode: both;
 }

 #w_grid-1560915325242>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1560915325242>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0px;
     }

     #w_grid-1560915325242>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1560915325242>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0px;
     }
 }

 #w_grid-1560915325242 .p_gridbox {
     background-image: url(../image/btmbg.jpg);
     background-image-part-image: url(../image/btmbg.jpg);
     background-repeat: no-repeat;
     background-position: top center;
 }

 #w_grid-1583402407011>div>.p_gridbox {
     background-image: none;
 }

 #w_grid-1583402407011 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1583402407011>div {
     animation-fill-mode: both;
 }

 #w_grid-1583402407011>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1583402407011>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0px;
     }

     #w_grid-1583402407011>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1583402407011>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1583402407011>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0.6rem;
         margin-top: 0.6rem;
         margin-left: 1%;
     }

     #w_grid-1583402407011>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 75.28949999999999%;
         margin-left: 1%;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1583402407011>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0px;
         clear: left;
         margin-right: 0px;
         width: 23.7105%;
     }

     #w_grid-1583402407011>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1583402407011>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0.6rem;
         margin-top: 0.6rem;
         margin-left: 1%;
     }

     #w_grid-1583402407011>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 80.1306%;
         margin-left: 1%;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1583402407011>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0px;
         clear: left;
         margin-right: 0px;
         width: 18.8694%;
     }

     #w_grid-1583402407011>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0px;
     }
 }

 #w_grid-1583402526354>div>.p_gridbox {
     background-image: none;
 }

 #w_grid-1583402526354 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1583402526354>div {
     animation-fill-mode: both;
 }

 #w_grid-1583402526354>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1583402526354>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1583402526354>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 50%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1583402526354>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 50%;
     }

     #w_grid-1583402526354>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1583402526354>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 1.3%;
     }

     #w_grid-1583402526354>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 57.38418%;
         margin-left: 1.3%;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1583402526354>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0px;
         clear: left;
         margin-right: 0px;
         width: 41.31582%;
     }

     #w_grid-1583402526354>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1583402526354>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 1.3%;
     }

     #w_grid-1583402526354>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 57.38418%;
         margin-left: 1.3%;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1583402526354>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0px;
         clear: left;
         margin-right: 0px;
         width: 41.31582%;
     }

     #w_grid-1583402526354>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0px;
     }
 }

 #w_fimg-1583402557951 .p_link001 {
     height: calc(100%);
 }

 #w_fimg-1583402557951 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_fimg-1583402557951>div {
     animation-fill-mode: both;
 }

 #w_fimg-1583402618393 .p_link001 {
     height: calc(100%);
 }

 #w_fimg-1583402618393 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_fimg-1583402618393>div {
     animation-fill-mode: both;
 }

 #w_grid-1583402997626>div>.p_gridbox {
     background-image: none;
 }

 #w_grid-1583402997626 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1583402997626>div {
     animation-fill-mode: both;
 }

 #w_grid-1583402997626>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1583402997626>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0px;
     }

     #w_grid-1583402997626>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1583402997626>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1583402997626>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0%;
     }

     #w_grid-1583402997626>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 23.56%;
         margin-left: 0%;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1583402997626>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 76.44%;
     }

     #w_grid-1583402997626>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1583402997626>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0%;
     }

     #w_grid-1583402997626>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 23.56%;
         margin-left: 0%;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1583402997626>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 76.44%;
     }

     #w_grid-1583402997626>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 #w_popbox-1639462114837 .e_box001 {
     background-color: rgba(255, 255, 255, 1);
 }

 #w_popbox-1639462114837 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1560827059583 {
     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-1639447888312 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 192px;
     margin-top: 1%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1639448783523 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 2%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1639448428515 {
     width: 92%;
     max-width: 1520px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0%;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1639448428526 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 10px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1639448428533 {
     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-1639448428543 {
     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_common_text-1646653565073 {
     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_common_text-1639448428537 {
     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_common_text-1646654855782 {
     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-1583922388023 {
     width: 92%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 200px;
     margin-top: 5%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 5%;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1560839541741 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 344px;
     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-1560838290231 {
     width: 94%;
     max-width: 1520px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 192px;
     margin-top: 3%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 3%;
     padding-top: 15px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 15px;
 }

 #w_grid-1640656615268 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 3%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1646652261767 {
     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;
     width: 94%;
     max-width: 1520px;
 }

 #w_grid-1560847607736 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 3%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1560847738808 {
     width: 92%;
     max-width: 1520px;
     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: 40px;
 }

 #w_grid-1560848335054 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 5%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 4%;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1640742892680 {
     width: 80%;
     max-width: 200px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 10%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: auto;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_common_text-1583977007913 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 10px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fbtn-1640260334828 {
     width: 100%;
     max-width: 160px;
     min-width: 0px;
     height: 100%;
     max-height: 0px;
     min-height: 45px;
     margin-top: 7%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1583976547513 {
     width: 100%;
     max-width: 774px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 200px;
     margin-top: 20px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1646046757197 {
     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-1646044397285 {
     width: 92%;
     max-width: 960px;
     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-1646044444289 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1646044430882 {
     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;
 }

 #w_common_text-1646044449033 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 10px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 10px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1646044564088 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1646044564097 {
     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;
 }

 #w_common_text-1646044564102 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 10px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1646044576414 {
     width: 92%;
     max-width: 960px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 192px;
     margin-top: 10px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1646044576424 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1646044576429 {
     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;
 }

 #w_common_text-1646044576433 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 10px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 10px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1646044576420 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1646044576435 {
     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;
 }

 #w_common_text-1646044576438 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 10px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 30px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1560915325242 {
     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-1583402407011 {
     width: 90%;
     max-width: 1520px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 30px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1583402526354 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1583402557951 {
     width: 100%;
     max-width: 95px;
     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_fimg-1583402618393 {
     width: 100%;
     max-width: 101px;
     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_common_text-1583402754826 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 10px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1583402997626 {
     width: 90%;
     max-width: 1520px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 20px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 40px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_common_text-1583403020602 {
     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-1583403057585 {
     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_popbox-1639462114837 {
     width: 80%;
     max-width: 1200px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 300px;
     margin-top: 100px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 100px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }